sebnitu / vrembem / 23013964395 / 1

90%

main: 100%

push

github

Create and apply new build flow (#2688)

This PR refactors the build flow of Vrembem components. Instead of components utilizing a `build` directory with various options for base styles and CSS variable output combinations, a single `build.scss` file outputs both component base styles and their specific CSS variable definitions. This builds the output `css` files of vrembem and is not intended as a Sass entry point.

By default, Sass imports of vrembem components does not include CSS variable output. To output a component's CSS variables, the output mixins of the `css` and `theme` modules need to be run manually. Alternatively, the `@vrembem/core/root` entry can be imported to output all registered CSS variables. If you're using the `vrembem` package, please reference the `vrembem/base` and `vrembem/root` entry points as described below.

As part of this refactored build flow, the following changes are now applied to all packages:

- Removed `build` directories
- Renamed `_variables.scss` file to `_config.scss`
- Added a config entry to all packages. This is used in the `vrembem` package to be able to output all CSS variables within the same root context.
  - `vrembem` - Output all component styles and their CSS variable definitions.
  - `vrembem/base` - Outputs all component styles without CSS variable definitions.
  - `vrembem/root` - Output all component CSS variable definitions. This is an alias for using `@vrembem/core/root`.

**Additional changes**

- `docs` - Removed the use of Sass vars for custom breakpoints. Instead, we now add custom media breakpoints to the config module's breakpoints map.
- `core` - The `color-scheme` property is now output first when theme CSS variables are output.
- `vrembem` - Update the order of package imports so that they're grouped by their respective categories.
- `card` - Removed the use of Sass variables in favor of direct CSS variable fallbacks. Documentation has been updated to reflect these changes.

583 of 652 branches covered (89.42%)

Branch coverage included in aggregate %.

939 of 999 relevant lines covered (93.99%)

31.68 hits per line