sebnitu / vrembem / 12109149768

94%

main: 100%

push

github

Refactor utilities and improve output and naming customization (#2133)

This PR refactors and cleans up a few aspects of the utility component. As part of this refactor, there are new `utility()` and `maybe-output()` functions to help handle utility selectors and whether or not a utility should be output.

```scss
@use "../variables" as var;
@use "../functions" as fun;

@if (fun.maybe-output("module")) {
  #{fun.utility("module", "variant")} {
    // Utility styles...
  }

  // Additional utilities for this module...
}
```

- Forward all Sass utility functions in core.
- Ensured all utility modules can have shorthand names applied.
- Ensured all utility modules can have their output toggled.
- Added utility prefix to config module.
- Added new string-replace Sass function to core.
- Added new escape-colon Sass function to core.
- Removed root output files from utility component. Utility does not create any new custom properties.
- Updated utility vite demo to include utility demos.
- Moved all utility modules into the modules directory.
- Applied breakpoint prefix modifiers to display utility.
- Added todo to core bem function for handling breakpoint modifiers.
- Removed redundant `$output-[name]` and `$class-[name]` variables since this functionality is now handled differently.

685 of 685 branches covered (100.0%)

Branch coverage included in aggregate %.

2524 of 2524 relevant lines covered (100.0%)

141.22 hits per line