CHANGELOG.md

@utrecht/body-css

4.0.0

Major Changes

• eabbf23: Publish tokens.json in DTCG format: $value instead of value, standard $type, etcetera.

3.0.0

Major Changes

• 9a2eeb4: Remove font and line-height design tokens, move those to the Root component.

2.0.1

Patch Changes

• 9b3cb1e: Release with npm provenance.

2.0.0

Major Changes

• 77438bb: # BREAKING CHANGE: Migrate from SCSS @import to @use/@forward

  Migrated all SCSS files from the legacy @import syntax to the modern @use and @forward module system.

  Breaking Changes

  • Import syntax changed: @import statements replaced with @use/@forward
  • Namespace requirements: Some imports now require explicit namespaces
  • File structure: Added _forward.scss files for mixin exports
  • Module loading: Modules are now loaded once and cached

  Migration Guide

  For CSS Classes

  // Before
  @import "~@utrecht/button-css/src/index";
  
  // After (recommended)
  @use "~@utrecht/button-css/src/index";
  
  // Note: @import still works for CSS-only files but @use is recommended

  For Mixins

  // Before
  @import "~@utrecht/button-css/src/mixin";
  @include utrecht-button;
  
  // After
  @use "~@utrecht/button-css/src/forward" as *;
  @include utrecht-button;

  With Namespaces

  @use "~@utrecht/focus-ring-css/src/forward" as focus-ring;
  @include focus-ring.utrecht-focus-visible;

  Benefits

  • Better performance through module caching
  • Namespace safety prevents naming conflicts
  • Explicit dependencies improve maintainability
  • Future-proof with modern SCSS standards

  See SCSS_MIGRATION.md for detailed migration instructions.

1.2.1

Patch Changes

• e20f33c: Provide .d.mts file for .mjs files in CSS components.

1.2.0

Minor Changes

• f54840f: Provide .css file for the body selector for styling vanilla HTML.

1.1.0

Minor Changes

• 725617a: Add tokens.mjs and tokens.d.mts files to CSS packages.

1.0.0

Major Changes

• 65c5a25: Create new utrecht-body CSS component.