Release: New Version Updates by noofreuuuh · Pull Request #161 · grasdouble/Lufa

noofreuuuh · 2026-02-05T17:27:06Z

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@grasdouble/lufa_design-system@2.0.0

Major Changes

4f51c98: refactor(design-system): migrate to 5-category structure and eliminate token warnings

BREAKING CHANGE: Component organization changed from 3-layer to 5-category structure

Component Migration (3-layer → 5-category)

Migrated 16 components to new semantic categories:
- Foundation (6): Box, Stack, Flex, Grid, Container, Center
- Content (4): Text, Icon, Badge, Divider
- Interaction (3): Button, Input, Label
- Composition (1): Card
- Utility (2): Portal, VisuallyHidden
Note: Public API unchanged - imports from @grasdouble/lufa_design-system work as before.

Token System Improvements
- Created custom size/rem/fluid transform for fluid typography
- Created custom shadow/css/shorthand-custom transform
- Eliminated all 22 transformation warnings (now 0 warnings)
- Updated style-dictionary config with explicit transform order
- Fixed value resolution order in CSS and JSON formats
Documentation Updates
- Updated 17 Storybook story titles to reflect new categories
- Fixed component count in READMEs (16/16 complete)
- Updated 15 internal documentation files
- Replaced deprecated primitives package reference with tokens
Testing Infrastructure
- Migrated 16 Playwright tests + 28 snapshots
- Migrated 23 Storybook stories
- Migrated 16 Docusaurus examples

Minor Changes

4d7849f: feat(design-system): implement ADR-012 Foundation components documentation

New Foundation Components

Added 3 new foundation layout components with comprehensive documentation, tests, and Storybook stories:
- AspectRatio - Maintains consistent aspect ratios for media and containers (28 tests)
- Bleed - Breaks out of container constraints for full-width content (23 tests)
- Cluster - Wrapping layout for collections with intelligent spacing (67 tests)
Component Reclassification
- Divider moved from Content → Foundation category (maintains backward compatibility)
Documentation
- Complete MDX documentation for all 3 new components following official template
- Interactive live demos with LiveDemoSection tabs
- Updated component overview with 10 Foundation components total
Architecture

Foundation components now total 10 as per ADR-012:
1. Box, Stack, Flex, Grid, Container, Center (existing)
2. Divider (reclassified from Content)
3. AspectRatio, Cluster, Bleed (new)
All components include:
- Full TypeScript support with polymorphic APIs
- Accessibility compliance (WCAG 2.1 AA)
- Design token integration
- Visual regression tests
- Storybook stories

Patch Changes

18d206b: fix(design-system): token usage corrections and component enhancements

Token System Fixes

Correct Token Usage
- Text Component: Use typography font-weight tokens instead of hardcoded values (400, 500, 600, 700)
- Button Component: Use semantic UI radius tokens instead of primitive radius scale
- Input Component: Use component-specific tokens for all properties (padding, font-size, colors, borders)
- Label Component: Use component-specific tokens for font-size, color, spacing, and line-height
- Card Component: Add proper color token for text color
Removed Deprecated Theme File
- Removed all --lufa-token-* custom properties from theme.css
- Theme-specific overrides now properly use the standard token hierarchy (--lufa-core-*, --lufa-semantic-*, --lufa-component-*)
- Theme file is now intentionally empty with documentation explaining the new approach
Component Enhancements

New Features
- Flex Component: Added gap="none" prop for zero gap spacing
- Grid Component: Added gap="none", gapX="none", and gapY="none" props for zero gap spacing
- Stack Component: Fixed spacing="none" to use 0 instead of tight spacing
CSS Improvements
- Improved CSS formatting and readability across components
- Better use of CSS custom properties
- Consistent multi-line gradient declarations in Divider component
Visual Regression Tests
- Added comprehensive Playwright visual snapshots for all components in both light and dark modes
- Snapshots cover: Badge, Box, Button, Card, Center, Container, Divider, Flex, Grid, Icon, Input, Label, Stack, Text
Type Safety
- Improved TypeScript types with proper interface formatting
- Better type consistency across hook definitions
Breaking Changes

None - All changes maintain backward compatibility

Migration

No action required - Changes are either internal or additive features
Updated dependencies [18d206b]
Updated dependencies [4f51c98]
Updated dependencies [976a5f8]
- @grasdouble/lufa_design-system-tokens@1.1.0

@grasdouble/lufa_design-system-tokens@1.1.0

Minor Changes

4f51c98: refactor(design-system): migrate to 5-category structure and eliminate token warnings

BREAKING CHANGE: Component organization changed from 3-layer to 5-category structure

Component Migration (3-layer → 5-category)

Migrated 16 components to new semantic categories:
- Foundation (6): Box, Stack, Flex, Grid, Container, Center
- Content (4): Text, Icon, Badge, Divider
- Interaction (3): Button, Input, Label
- Composition (1): Card
- Utility (2): Portal, VisuallyHidden
Note: Public API unchanged - imports from @grasdouble/lufa_design-system work as before.

Token System Improvements
- Created custom size/rem/fluid transform for fluid typography
- Created custom shadow/css/shorthand-custom transform
- Eliminated all 22 transformation warnings (now 0 warnings)
- Updated style-dictionary config with explicit transform order
- Fixed value resolution order in CSS and JSON formats
Documentation Updates
- Updated 17 Storybook story titles to reflect new categories
- Fixed component count in READMEs (16/16 complete)
- Updated 15 internal documentation files
- Replaced deprecated primitives package reference with tokens
Testing Infrastructure
- Migrated 16 Playwright tests + 28 snapshots
- Migrated 23 Storybook stories
- Migrated 16 Docusaurus examples

Patch Changes

18d206b: fix(design-system): token usage corrections and component enhancements

Token System Fixes

Correct Token Usage
- Text Component: Use typography font-weight tokens instead of hardcoded values (400, 500, 600, 700)
- Button Component: Use semantic UI radius tokens instead of primitive radius scale
- Input Component: Use component-specific tokens for all properties (padding, font-size, colors, borders)
- Label Component: Use component-specific tokens for font-size, color, spacing, and line-height
- Card Component: Add proper color token for text color
Removed Deprecated Theme File
- Removed all --lufa-token-* custom properties from theme.css
- Theme-specific overrides now properly use the standard token hierarchy (--lufa-core-*, --lufa-semantic-*, --lufa-component-*)
- Theme file is now intentionally empty with documentation explaining the new approach
Component Enhancements

New Features
- Flex Component: Added gap="none" prop for zero gap spacing
- Grid Component: Added gap="none", gapX="none", and gapY="none" props for zero gap spacing
- Stack Component: Fixed spacing="none" to use 0 instead of tight spacing
CSS Improvements
- Improved CSS formatting and readability across components
- Better use of CSS custom properties
- Consistent multi-line gradient declarations in Divider component
Visual Regression Tests
- Added comprehensive Playwright visual snapshots for all components in both light and dark modes
- Snapshots cover: Badge, Box, Button, Card, Center, Container, Divider, Flex, Grid, Icon, Input, Label, Stack, Text
Type Safety
- Improved TypeScript types with proper interface formatting
- Better type consistency across hook definitions
Breaking Changes

None - All changes maintain backward compatibility

Migration

No action required - Changes are either internal or additive features
976a5f8: Fix vscode extension to match changes made recentrly

@grasdouble/lufa_microfrontend_home@0.3.5

Patch Changes

Updated dependencies [18d206b]
Updated dependencies [4d7849f]
Updated dependencies [4f51c98]
- @grasdouble/lufa_design-system@2.0.0

@grasdouble/lufa_design-system-cli@1.0.1

Patch Changes

18d206b: fix(design-system): token usage corrections and component enhancements

Token System Fixes

Correct Token Usage
- Text Component: Use typography font-weight tokens instead of hardcoded values (400, 500, 600, 700)
- Button Component: Use semantic UI radius tokens instead of primitive radius scale
- Input Component: Use component-specific tokens for all properties (padding, font-size, colors, borders)
- Label Component: Use component-specific tokens for font-size, color, spacing, and line-height
- Card Component: Add proper color token for text color
Removed Deprecated Theme File
- Removed all --lufa-token-* custom properties from theme.css
- Theme-specific overrides now properly use the standard token hierarchy (--lufa-core-*, --lufa-semantic-*, --lufa-component-*)
- Theme file is now intentionally empty with documentation explaining the new approach
Component Enhancements

New Features
- Flex Component: Added gap="none" prop for zero gap spacing
- Grid Component: Added gap="none", gapX="none", and gapY="none" props for zero gap spacing
- Stack Component: Fixed spacing="none" to use 0 instead of tight spacing
CSS Improvements
- Improved CSS formatting and readability across components
- Better use of CSS custom properties
- Consistent multi-line gradient declarations in Divider component
Visual Regression Tests
- Added comprehensive Playwright visual snapshots for all components in both light and dark modes
- Snapshots cover: Badge, Box, Button, Card, Center, Container, Divider, Flex, Grid, Icon, Input, Label, Stack, Text
Type Safety
- Improved TypeScript types with proper interface formatting
- Better type consistency across hook definitions
Breaking Changes

None - All changes maintain backward compatibility

Migration

No action required - Changes are either internal or additive features
Updated dependencies [18d206b]
Updated dependencies [4f51c98]
Updated dependencies [976a5f8]
- @grasdouble/lufa_design-system-tokens@1.1.0

@grasdouble/lufa_plugin_vscode_lufa-ds-preview@0.4.4

Patch Changes

18d206b: fix(design-system): token usage corrections and component enhancements

Token System Fixes

Correct Token Usage
- Text Component: Use typography font-weight tokens instead of hardcoded values (400, 500, 600, 700)
- Button Component: Use semantic UI radius tokens instead of primitive radius scale
- Input Component: Use component-specific tokens for all properties (padding, font-size, colors, borders)
- Label Component: Use component-specific tokens for font-size, color, spacing, and line-height
- Card Component: Add proper color token for text color
Removed Deprecated Theme File
- Removed all --lufa-token-* custom properties from theme.css
- Theme-specific overrides now properly use the standard token hierarchy (--lufa-core-*, --lufa-semantic-*, --lufa-component-*)
- Theme file is now intentionally empty with documentation explaining the new approach
Component Enhancements

New Features
- Flex Component: Added gap="none" prop for zero gap spacing
- Grid Component: Added gap="none", gapX="none", and gapY="none" props for zero gap spacing
- Stack Component: Fixed spacing="none" to use 0 instead of tight spacing
CSS Improvements
- Improved CSS formatting and readability across components
- Better use of CSS custom properties
- Consistent multi-line gradient declarations in Divider component
Visual Regression Tests
- Added comprehensive Playwright visual snapshots for all components in both light and dark modes
- Snapshots cover: Badge, Box, Button, Card, Center, Container, Divider, Flex, Grid, Icon, Input, Label, Stack, Text
Type Safety
- Improved TypeScript types with proper interface formatting
- Better type consistency across hook definitions
Breaking Changes

None - All changes maintain backward compatibility

Migration

No action required - Changes are either internal or additive features
976a5f8: Fix vscode extension to match changes made recentrly
Updated dependencies [18d206b]
Updated dependencies [4f51c98]
Updated dependencies [976a5f8]
- @grasdouble/lufa_design-system-tokens@1.1.0

@grasdouble/lufa_design-system-docusaurus@1.1.0

Minor Changes

4f51c98: refactor(design-system): migrate to 5-category structure and eliminate token warnings

BREAKING CHANGE: Component organization changed from 3-layer to 5-category structure

Component Migration (3-layer → 5-category)

Migrated 16 components to new semantic categories:
- Foundation (6): Box, Stack, Flex, Grid, Container, Center
- Content (4): Text, Icon, Badge, Divider
- Interaction (3): Button, Input, Label
- Composition (1): Card
- Utility (2): Portal, VisuallyHidden
Note: Public API unchanged - imports from @grasdouble/lufa_design-system work as before.

Token System Improvements
- Created custom size/rem/fluid transform for fluid typography
- Created custom shadow/css/shorthand-custom transform
- Eliminated all 22 transformation warnings (now 0 warnings)
- Updated style-dictionary config with explicit transform order
- Fixed value resolution order in CSS and JSON formats
Documentation Updates
- Updated 17 Storybook story titles to reflect new categories
- Fixed component count in READMEs (16/16 complete)
- Updated 15 internal documentation files
- Replaced deprecated primitives package reference with tokens
Testing Infrastructure
- Migrated 16 Playwright tests + 28 snapshots
- Migrated 23 Storybook stories
- Migrated 16 Docusaurus examples

Patch Changes

18d206b: fix(design-system): token usage corrections and component enhancements

Token System Fixes

Correct Token Usage
- Text Component: Use typography font-weight tokens instead of hardcoded values (400, 500, 600, 700)
- Button Component: Use semantic UI radius tokens instead of primitive radius scale
- Input Component: Use component-specific tokens for all properties (padding, font-size, colors, borders)
- Label Component: Use component-specific tokens for font-size, color, spacing, and line-height
- Card Component: Add proper color token for text color
Removed Deprecated Theme File
- Removed all --lufa-token-* custom properties from theme.css
- Theme-specific overrides now properly use the standard token hierarchy (--lufa-core-*, --lufa-semantic-*, --lufa-component-*)
- Theme file is now intentionally empty with documentation explaining the new approach
Component Enhancements

New Features
- Flex Component: Added gap="none" prop for zero gap spacing
- Grid Component: Added gap="none", gapX="none", and gapY="none" props for zero gap spacing
- Stack Component: Fixed spacing="none" to use 0 instead of tight spacing
CSS Improvements
- Improved CSS formatting and readability across components
- Better use of CSS custom properties
- Consistent multi-line gradient declarations in Divider component
Visual Regression Tests
- Added comprehensive Playwright visual snapshots for all components in both light and dark modes
- Snapshots cover: Badge, Box, Button, Card, Center, Container, Divider, Flex, Grid, Icon, Input, Label, Stack, Text
Type Safety
- Improved TypeScript types with proper interface formatting
- Better type consistency across hook definitions
Breaking Changes

None - All changes maintain backward compatibility

Migration

No action required - Changes are either internal or additive features
4d7849f: feat(design-system): implement ADR-012 Foundation components documentation

New Foundation Components

Added 3 new foundation layout components with comprehensive documentation, tests, and Storybook stories:
- AspectRatio - Maintains consistent aspect ratios for media and containers (28 tests)
- Bleed - Breaks out of container constraints for full-width content (23 tests)
- Cluster - Wrapping layout for collections with intelligent spacing (67 tests)
Component Reclassification
- Divider moved from Content → Foundation category (maintains backward compatibility)
Documentation
- Complete MDX documentation for all 3 new components following official template
- Interactive live demos with LiveDemoSection tabs
- Updated component overview with 10 Foundation components total
Architecture

Foundation components now total 10 as per ADR-012:
1. Box, Stack, Flex, Grid, Container, Center (existing)
2. Divider (reclassified from Content)
3. AspectRatio, Cluster, Bleed (new)
All components include:
- Full TypeScript support with polymorphic APIs
- Accessibility compliance (WCAG 2.1 AA)
- Design token integration
- Visual regression tests
- Storybook stories
Updated dependencies [18d206b]
Updated dependencies [4d7849f]
Updated dependencies [4f51c98]
Updated dependencies [976a5f8]
- @grasdouble/lufa_design-system@2.0.0
- @grasdouble/lufa_design-system-tokens@1.1.0

@grasdouble/lufa_design-system-playwright@1.1.0

Minor Changes

4f51c98: refactor(design-system): migrate to 5-category structure and eliminate token warnings

BREAKING CHANGE: Component organization changed from 3-layer to 5-category structure

Component Migration (3-layer → 5-category)

Migrated 16 components to new semantic categories:
- Foundation (6): Box, Stack, Flex, Grid, Container, Center
- Content (4): Text, Icon, Badge, Divider
- Interaction (3): Button, Input, Label
- Composition (1): Card
- Utility (2): Portal, VisuallyHidden
Note: Public API unchanged - imports from @grasdouble/lufa_design-system work as before.

Token System Improvements
- Created custom size/rem/fluid transform for fluid typography
- Created custom shadow/css/shorthand-custom transform
- Eliminated all 22 transformation warnings (now 0 warnings)
- Updated style-dictionary config with explicit transform order
- Fixed value resolution order in CSS and JSON formats
Documentation Updates
- Updated 17 Storybook story titles to reflect new categories
- Fixed component count in READMEs (16/16 complete)
- Updated 15 internal documentation files
- Replaced deprecated primitives package reference with tokens
Testing Infrastructure
- Migrated 16 Playwright tests + 28 snapshots
- Migrated 23 Storybook stories
- Migrated 16 Docusaurus examples

Patch Changes

18d206b: fix(design-system): token usage corrections and component enhancements

Token System Fixes

Correct Token Usage
- Text Component: Use typography font-weight tokens instead of hardcoded values (400, 500, 600, 700)
- Button Component: Use semantic UI radius tokens instead of primitive radius scale
- Input Component: Use component-specific tokens for all properties (padding, font-size, colors, borders)
- Label Component: Use component-specific tokens for font-size, color, spacing, and line-height
- Card Component: Add proper color token for text color
Removed Deprecated Theme File
- Removed all --lufa-token-* custom properties from theme.css
- Theme-specific overrides now properly use the standard token hierarchy (--lufa-core-*, --lufa-semantic-*, --lufa-component-*)
- Theme file is now intentionally empty with documentation explaining the new approach
Component Enhancements

New Features
- Flex Component: Added gap="none" prop for zero gap spacing
- Grid Component: Added gap="none", gapX="none", and gapY="none" props for zero gap spacing
- Stack Component: Fixed spacing="none" to use 0 instead of tight spacing
CSS Improvements
- Improved CSS formatting and readability across components
- Better use of CSS custom properties
- Consistent multi-line gradient declarations in Divider component
Visual Regression Tests
- Added comprehensive Playwright visual snapshots for all components in both light and dark modes
- Snapshots cover: Badge, Box, Button, Card, Center, Container, Divider, Flex, Grid, Icon, Input, Label, Stack, Text
Type Safety
- Improved TypeScript types with proper interface formatting
- Better type consistency across hook definitions
Breaking Changes

None - All changes maintain backward compatibility

Migration

No action required - Changes are either internal or additive features
4d7849f: feat(design-system): implement ADR-012 Foundation components documentation

New Foundation Components

Added 3 new foundation layout components with comprehensive documentation, tests, and Storybook stories:
- AspectRatio - Maintains consistent aspect ratios for media and containers (28 tests)
- Bleed - Breaks out of container constraints for full-width content (23 tests)
- Cluster - Wrapping layout for collections with intelligent spacing (67 tests)
Component Reclassification
- Divider moved from Content → Foundation category (maintains backward compatibility)
Documentation
- Complete MDX documentation for all 3 new components following official template
- Interactive live demos with LiveDemoSection tabs
- Updated component overview with 10 Foundation components total
Architecture

Foundation components now total 10 as per ADR-012:
1. Box, Stack, Flex, Grid, Container, Center (existing)
2. Divider (reclassified from Content)
3. AspectRatio, Cluster, Bleed (new)
All components include:
- Full TypeScript support with polymorphic APIs
- Accessibility compliance (WCAG 2.1 AA)
- Design token integration
- Visual regression tests
- Storybook stories

@grasdouble/lufa_design-system-storybook@1.1.0

Minor Changes

4f51c98: refactor(design-system): migrate to 5-category structure and eliminate token warnings

BREAKING CHANGE: Component organization changed from 3-layer to 5-category structure

Component Migration (3-layer → 5-category)

Migrated 16 components to new semantic categories:
- Foundation (6): Box, Stack, Flex, Grid, Container, Center
- Content (4): Text, Icon, Badge, Divider
- Interaction (3): Button, Input, Label
- Composition (1): Card
- Utility (2): Portal, VisuallyHidden
Note: Public API unchanged - imports from @grasdouble/lufa_design-system work as before.

Token System Improvements
- Created custom size/rem/fluid transform for fluid typography
- Created custom shadow/css/shorthand-custom transform
- Eliminated all 22 transformation warnings (now 0 warnings)
- Updated style-dictionary config with explicit transform order
- Fixed value resolution order in CSS and JSON formats
Documentation Updates
- Updated 17 Storybook story titles to reflect new categories
- Fixed component count in READMEs (16/16 complete)
- Updated 15 internal documentation files
- Replaced deprecated primitives package reference with tokens
Testing Infrastructure
- Migrated 16 Playwright tests + 28 snapshots
- Migrated 23 Storybook stories
- Migrated 16 Docusaurus examples

Patch Changes

18d206b: fix(design-system): token usage corrections and component enhancements

Token System Fixes

Correct Token Usage
- Text Component: Use typography font-weight tokens instead of hardcoded values (400, 500, 600, 700)
- Button Component: Use semantic UI radius tokens instead of primitive radius scale
- Input Component: Use component-specific tokens for all properties (padding, font-size, colors, borders)
- Label Component: Use component-specific tokens for font-size, color, spacing, and line-height
- Card Component: Add proper color token for text color
Removed Deprecated Theme File
- Removed all --lufa-token-* custom properties from theme.css
- Theme-specific overrides now properly use the standard token hierarchy (--lufa-core-*, --lufa-semantic-*, --lufa-component-*)
- Theme file is now intentionally empty with documentation explaining the new approach
Component Enhancements

New Features
- Flex Component: Added gap="none" prop for zero gap spacing
- Grid Component: Added gap="none", gapX="none", and gapY="none" props for zero gap spacing
- Stack Component: Fixed spacing="none" to use 0 instead of tight spacing
CSS Improvements
- Improved CSS formatting and readability across components
- Better use of CSS custom properties
- Consistent multi-line gradient declarations in Divider component
Visual Regression Tests
- Added comprehensive Playwright visual snapshots for all components in both light and dark modes
- Snapshots cover: Badge, Box, Button, Card, Center, Container, Divider, Flex, Grid, Icon, Input, Label, Stack, Text
Type Safety
- Improved TypeScript types with proper interface formatting
- Better type consistency across hook definitions
Breaking Changes

None - All changes maintain backward compatibility

Migration

No action required - Changes are either internal or additive features
4d7849f: feat(design-system): implement ADR-012 Foundation components documentation

New Foundation Components

Added 3 new foundation layout components with comprehensive documentation, tests, and Storybook stories:
- AspectRatio - Maintains consistent aspect ratios for media and containers (28 tests)
- Bleed - Breaks out of container constraints for full-width content (23 tests)
- Cluster - Wrapping layout for collections with intelligent spacing (67 tests)
Component Reclassification
- Divider moved from Content → Foundation category (maintains backward compatibility)
Documentation
- Complete MDX documentation for all 3 new components following official template
- Interactive live demos with LiveDemoSection tabs
- Updated component overview with 10 Foundation components total
Architecture

Foundation components now total 10 as per ADR-012:
1. Box, Stack, Flex, Grid, Container, Center (existing)
2. Divider (reclassified from Content)
3. AspectRatio, Cluster, Bleed (new)
All components include:
- Full TypeScript support with polymorphic APIs
- Accessibility compliance (WCAG 2.1 AA)
- Design token integration
- Visual regression tests
- Storybook stories
Updated dependencies [18d206b]
Updated dependencies [4d7849f]
Updated dependencies [4f51c98]
Updated dependencies [976a5f8]
- @grasdouble/lufa_design-system@2.0.0
- @grasdouble/lufa_design-system-tokens@1.1.0

@grasdouble/lufa_microfrontend_main-container@0.6.13

Patch Changes

Updated dependencies [18d206b]
Updated dependencies [4d7849f]
Updated dependencies [4f51c98]
- @grasdouble/lufa_design-system@2.0.0

github-actions · 2026-02-05T17:27:29Z

⚠️ Changeset Validation Failed

The following packages have been modified but are not included in any changeset:

@grasdouble/lufa_design-system
@grasdouble/lufa_design-system-cli
@grasdouble/lufa_design-system-docusaurus
@grasdouble/lufa_design-system-playwright
@grasdouble/lufa_design-system-storybook
@grasdouble/lufa_design-system-tokens
@grasdouble/lufa_microfrontend_home
@grasdouble/lufa_microfrontend_main-container
@grasdouble/lufa_plugin_vscode_lufa-ds-preview

What you need to do:

Run pnpm changeset to create a new changeset
Select the modified packages that need version bumps
Choose the appropriate version bump (major, minor, or patch)
Write a clear description of the changes
Commit the generated changeset file

All modified packages:

❌ @grasdouble/lufa_design-system
❌ @grasdouble/lufa_design-system-cli
❌ @grasdouble/lufa_design-system-docusaurus
❌ @grasdouble/lufa_design-system-playwright
❌ @grasdouble/lufa_design-system-storybook
❌ @grasdouble/lufa_design-system-tokens
❌ @grasdouble/lufa_microfrontend_home
❌ @grasdouble/lufa_microfrontend_main-container
❌ @grasdouble/lufa_plugin_vscode_lufa-ds-preview

Why is this important?

Changesets ensure that:

All package changes are properly versioned
Changelogs are automatically generated
Dependent packages are updated correctly
Release notes are comprehensive

Need help?

Changesets documentation

github-actions · 2026-02-07T12:23:55Z

⚡ Performance Budget Report

✅ All Performance Budgets Passed!

Your changes meet all performance requirements. Great work! 🎉

📊 Performance Metrics

Metric	Current	Budget	Status
Bundle Size	233.91 KB	250 KB	✅ Pass
JS Size	87.96 KB	-	ℹ️ Info
CSS Size	145.95 KB	-	ℹ️ Info
Gzipped Size	39.98 KB	50 KB	✅ Pass
Build Time	17.29s	30s	✅ Pass
CSS Cascade	543ms	1000ms	✅ Pass

📦 Size Breakdown

JavaScript: 87.96 KB
CSS:        145.95 KB
────────────────────
Total:      233.91 KB
Gzipped:    39.98 KB (17% compression)

⏱️ Timing Breakdown

Build:         17.29s
CSS Cascade:   543ms

📈 Performance History

Track performance trends over time by comparing metrics across PRs.

🔧 Run Locally

# Build and check bundle size
pnpm ds:main:build
ls -lh packages/design-system/main/dist/

# Run performance tests
pnpm ds:test:ci

# Run CLI validation
cd packages/design-system/cli
pnpm exec tsx src/index.ts validate --theme <theme.css> --all

📊 View detailed report

github-actions · 2026-02-07T12:25:48Z

🎭 Playwright Component Test Results

✅ All Tests Passed!

No visual regressions detected. All components render as expected! 🎉

Metric	Count
Total Tests	721
Passed	721 ✅
Failed	0
Visual Diffs	0
Execution Time	106.58s / 120s ✅

📋 Components Tested

All design system components were tested in:

☀️ Light mode
🌙 Dark mode
💻 Desktop viewport (1280x720)

Tested Components:

Box, Stack, Text, Icon
Button, Badge, Divider
Center, Container, Flex, Grid
Portal, VisuallyHidden, Label
Input, Card (compositions)

📊 View full test report

noofreuuuh force-pushed the changeset-release/main branch from d8fc150 to 1d1c933 Compare February 7, 2026 12:23

noofreuuuh force-pushed the changeset-release/main branch from 1d1c933 to c736f81 Compare February 8, 2026 02:20

grasdouble deleted a comment from github-actions bot Feb 8, 2026

noofreuuuh force-pushed the changeset-release/main branch 3 times, most recently from 793886b to 2b62377 Compare February 9, 2026 12:20

Release new versions

18c91e2

noofreuuuh force-pushed the changeset-release/main branch from 2b62377 to 18c91e2 Compare February 17, 2026 20:28

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Release: New Version Updates#161

Release: New Version Updates#161
noofreuuuh wants to merge 1 commit intomainfrom
changeset-release/main

noofreuuuh commented Feb 5, 2026 •

edited

Loading

Uh oh!

github-actions bot commented Feb 5, 2026 •

edited

Loading

Uh oh!

github-actions bot commented Feb 7, 2026 •

edited

Loading

Uh oh!

github-actions bot commented Feb 7, 2026 •

edited

Loading

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Comments

Conversation

noofreuuuh commented Feb 5, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Releases

@grasdouble/lufa_design-system@2.0.0

Major Changes

Component Migration (3-layer → 5-category)

Token System Improvements

Documentation Updates

Testing Infrastructure

Minor Changes

New Foundation Components

Component Reclassification

Documentation

Architecture

Patch Changes

Token System Fixes

Correct Token Usage

Removed Deprecated Theme File

Component Enhancements

New Features

CSS Improvements

Visual Regression Tests

Type Safety

Breaking Changes

Migration

@grasdouble/lufa_design-system-tokens@1.1.0

Minor Changes

Component Migration (3-layer → 5-category)

Token System Improvements

Documentation Updates

Testing Infrastructure

Patch Changes

Token System Fixes

Correct Token Usage

Removed Deprecated Theme File

Component Enhancements

New Features

CSS Improvements

Visual Regression Tests

Type Safety

Breaking Changes

Migration

@grasdouble/lufa_microfrontend_home@0.3.5

Patch Changes

@grasdouble/lufa_design-system-cli@1.0.1

Patch Changes

Token System Fixes

Correct Token Usage

Removed Deprecated Theme File

Component Enhancements

New Features

CSS Improvements

Visual Regression Tests

Type Safety

Breaking Changes

Migration

@grasdouble/lufa_plugin_vscode_lufa-ds-preview@0.4.4

Patch Changes

Token System Fixes

Correct Token Usage

Removed Deprecated Theme File

Component Enhancements

New Features

CSS Improvements

Visual Regression Tests

Type Safety

Breaking Changes

Migration

@grasdouble/lufa_design-system-docusaurus@1.1.0

Minor Changes

Component Migration (3-layer → 5-category)

Token System Improvements

Documentation Updates

Testing Infrastructure

Patch Changes

Token System Fixes

Correct Token Usage

Removed Deprecated Theme File

Component Enhancements

noofreuuuh commented Feb 5, 2026 •

edited

Loading

github-actions bot commented Feb 5, 2026 •

edited

Loading