sebnitu / vrembem / 26367006242

91%

main: 100%

push

github

Add theme output toggle and prefers-reduced-motion support (#2843)

This pull request introduces a new configuration option for theme output in the SCSS token system, allowing projects to control whether theme tokens are emitted as custom properties or as base tokens. It also applies reduced motion preference to the core library (where transition tokens are initially defined) and removes the need to add overrides in the documentation styles. The changes enhance flexibility and maintainability in theming and accessibility.

**Theme output configuration and refactoring:**

* Added a new `"theme-output"` boolean option in `packages/core/src/scss/_config.scss` to control whether theme tokens are output as custom properties or as base tokens.
* Updated theme mixins in `packages/core/src/scss/modules/_themes.scss` to respect the `"theme-output"` setting, including conditional output of `color-scheme` and theme tokens. [[1]](diffhunk://#diff-<a class=hub.com/sebnitu/vrembem/commit/<a class="double-link" href="https://git"><a class=hub.com/sebnitu/vrembem/commit/<a class="double-link" href="https://git"><a class=hub.com/sebnitu/vrembem/commit/587100a829f214bb94d87066092737eb9d0e9d33">587100a82ad5d879d42d5138f6987832bR162-R171) [[2]](diffhunk://#diff-587100a829f214bb94d87066092737eb9d0e9d33ad5d879d42d5138f6987832bR181-R200) [[3]](diffhunk://#diff-587100a829f214bb94d87066092737eb9d0e9d33ad5d879d42d5138f6987832bR217-R218)
* Refactored the event system to support separate output for default and themed tokens, introducing a new `"root-output"` event and corresponding mixins. [[1]](diffhunk://#diff-587100a829f214bb94d87066092737eb9d0e9d33ad5d879d42d5138f6987832bR258-R267) [[2]](diffhunk://#diff-514583ee5959be2d78daffe764ef70240R676-R677)

**Accessibility and reduced motion support:**

* Moved the reduced motion CSS override from `docs/src/styles/_global.scss` into a new token-based mixin in `packages/core/src/scss/tokens/_transition.scss`, and hooked it into the theme system via the `"root-output"` event. [[1]](diffhunk://#diff-1d1a01396db8eb023f37a92695724266bL19-L31) [[2]](diffhunk://#diff-153fdcf13db8a0d5accac46... (continued)

565 of 647 branches covered (87.33%)

Branch coverage included in aggregate %.

882 of 948 relevant lines covered (93.04%)

32.23 hits per line