Optics v1.0.0

Check out https://optics.rolemodel.design to learn how RoleModel teams collaborate using Optics to crafting excellent design solutions.

What's Changed

--op-border-color rename by @Jeremy-Walton in #212
- The border color token did not match the token naming pattern for other colors. This updates it to be consistent
- This should be a simple find-and-replace situation to change from --op-border-color to --op-color-border
Compound Selector with ::file-selector-button bug by @Jeremy-Walton in #221
- Due to how buttons were implemented, the styling for the input of type file would cause issues when trying to style all buttons.
- I suspect most projects are not styling this specific element, but if it is, it will need to be updated. Check the Pull Request for details

--op-border-color rename by @Jeremy-Walton in #212
- The border color token did not match the token naming pattern for other colors. This updates it to be consistent
- This should be a simple find-and-replace situation to change from --op-border-color to --op-color-border

Rename btn-delete to btn-destructive by @Jeremy-Walton in #222
- There may be a case where your application wishes to use a red "danger" button to indicate a destructive action. That may not always be Delete. The delete name was too specific and wasn't consistent with other buttons names.
- This is a backwards compatible change. The btn-delete class still works so no code change is necessary. If your application customizes the delete button, you may want to update any selectors to include the new destructive name.

Alternate Font Pattern by @Jeremy-Walton in #214
- Added an example to the docs for how to utilize multiple fonts in your application
Icon example for button by @Jeremy-Walton in #215
- Added an example to the docs for using icons within a button
Component Documentation Structure by @Jeremy-Walton in #216
- The sidebar on the documentation has been updated to better categorize the different components available. Search can still be used to find thing as well.
Alpha Color Documentation by @Jeremy-Walton in #218
- Added a new docs page to explain how to handle alpha colors and use color-mix
Tooltip on disabled Button by @Jeremy-Walton in #219
- Due to a limitation with tooltips on disabled buttons, an example of how to work around this issue was added to the docs
Aligned Header Recipe by @Jeremy-Walton in #220
- A new recipe example was added to show how to solve a challenge that may come up
Update Logo by @Jeremy-Walton in #225
- Update the top left logo with the new Optics logo.
- Add a info blurb pointing to the RoleModel Software website

Compound Selector with ::file-selector-button bug by @Jeremy-Walton in #221
- Due to how buttons were implemented, the styling for the input of type file would cause issues when trying to style all buttons.
- I suspect most projects are not styling this specific element, but if it is, it will need to be updated. Check the Pull Request for details
Fix Avatar Squish inside a flex container by @Jeremy-Walton in #213
- The avatar component could get squished if used inside a flex container. This updated it to ensure it would stay the same width and height.

Dependency updates by @Jeremy-Walton in #217
Bump ip from 2.0.0 to 2.0.1 by @dependabot in #223
- Both of these changes are for the Storybook documentation. They don't affect the imported styles.

Full Changelog: v0.5.1...v1.0.0