v1.13.0

What's Changed

Breaking Changes

• [CCC-47] Tokens by @Jeremy-Walton in #263
  • The majority of files have been converted from scss to css. This shouldn't be a major change or cause issues with how you import Optics. A potential case is if you are selectively importing specific files, you may need to change the extension. This includes Addons, Components, and Tokens.
  • Tokens are no longer organized into mixins that then get included into the :root element. They just live directly in :root. If you were doing any scale overriding and mixing the scale into a sub component, you may need to review that and adjust it or manually copy the tokens into where you need them.
  • The dark mode scale file has been removed. This is because those tokens now live inside the scale color tokens file side by side with their light mode counterparts. We are utilizing the newer light-mode()

Token Changes

• Color Scale Tokens now use the light-dark() function by @Jeremy-Walton in #263
  • See https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark
  • This allows for easier theming. Seeing the light and dark values in one place, and being able to set theme mode at any given scope level.

Full Changelog: v1.12.0...v1.13.0