@flowstack-ui/brick 0.1.9 → 0.1.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -6
- package/dist/agents/accordion.json +8 -2
- package/dist/agents/accordion.md +3 -1
- package/dist/agents/alert-dialog.json +111 -0
- package/dist/agents/alert-dialog.md +53 -0
- package/dist/agents/app-bar.json +5 -4
- package/dist/agents/app-bar.md +4 -3
- package/dist/agents/aspect-ratio.json +80 -0
- package/dist/agents/aspect-ratio.md +45 -0
- package/dist/agents/avatar.json +92 -0
- package/dist/agents/avatar.md +49 -0
- package/dist/agents/badge.json +26 -8
- package/dist/agents/badge.md +11 -6
- package/dist/agents/bleed.json +54 -0
- package/dist/agents/bleed.md +39 -0
- package/dist/agents/button.json +7 -2
- package/dist/agents/button.md +1 -1
- package/dist/agents/card.json +21 -1
- package/dist/agents/card.md +7 -1
- package/dist/agents/checkbox-group.json +108 -0
- package/dist/agents/checkbox-group.md +56 -0
- package/dist/agents/checkbox.json +6 -1
- package/dist/agents/chip.json +73 -0
- package/dist/agents/chip.md +44 -0
- package/dist/agents/code-block.json +76 -0
- package/dist/agents/code-block.md +47 -0
- package/dist/agents/code.json +67 -0
- package/dist/agents/code.md +42 -0
- package/dist/agents/collapsible.json +34 -3
- package/dist/agents/collapsible.md +10 -3
- package/dist/agents/color-picker.json +78 -0
- package/dist/agents/color-picker.md +46 -0
- package/dist/agents/color-swatch.json +51 -0
- package/dist/agents/color-swatch.md +36 -0
- package/dist/agents/combobox.json +95 -0
- package/dist/agents/combobox.md +51 -0
- package/dist/agents/context-menu.json +109 -0
- package/dist/agents/context-menu.md +54 -0
- package/dist/agents/coverage.json +24579 -0
- package/dist/agents/data-grid.json +127 -0
- package/dist/agents/data-grid.md +61 -0
- package/dist/agents/data-list.json +63 -0
- package/dist/agents/data-list.md +41 -0
- package/dist/agents/dialog.json +112 -0
- package/dist/agents/dialog.md +53 -0
- package/dist/agents/dropdown-menu.json +112 -0
- package/dist/agents/dropdown-menu.md +56 -0
- package/dist/agents/feed.json +84 -0
- package/dist/agents/feed.md +48 -0
- package/dist/agents/field.json +6 -1
- package/dist/agents/fieldset.json +6 -1
- package/dist/agents/file-upload.json +93 -0
- package/dist/agents/file-upload.md +50 -0
- package/dist/agents/form.json +11 -2
- package/dist/agents/form.md +2 -1
- package/dist/agents/grid.json +18 -1
- package/dist/agents/grid.md +6 -0
- package/dist/agents/group.json +77 -0
- package/dist/agents/group.md +48 -0
- package/dist/agents/hide.json +14 -0
- package/dist/agents/hide.md +3 -0
- package/dist/agents/hover-card.json +94 -0
- package/dist/agents/hover-card.md +51 -0
- package/dist/agents/icon-button.json +23 -12
- package/dist/agents/icon-button.md +12 -8
- package/dist/agents/image.json +33 -7
- package/dist/agents/image.md +11 -4
- package/dist/agents/input.json +7 -2
- package/dist/agents/input.md +1 -1
- package/dist/agents/interface-composition.json +216 -17
- package/dist/agents/interface-composition.md +7 -0
- package/dist/agents/layer-selection.json +1174 -11
- package/dist/agents/layer-selection.md +84 -1
- package/dist/agents/link-box.json +97 -0
- package/dist/agents/link-box.md +53 -0
- package/dist/agents/link.json +34 -5
- package/dist/agents/link.md +12 -2
- package/dist/agents/list.json +1 -1
- package/dist/agents/list.md +1 -1
- package/dist/agents/manifest.json +291 -2
- package/dist/agents/menubar.json +109 -0
- package/dist/agents/menubar.md +54 -0
- package/dist/agents/multi-select.json +93 -0
- package/dist/agents/multi-select.md +49 -0
- package/dist/agents/nav-list.json +15 -5
- package/dist/agents/nav-list.md +6 -4
- package/dist/agents/notification-badge.json +88 -0
- package/dist/agents/notification-badge.md +49 -0
- package/dist/agents/number-input.json +89 -0
- package/dist/agents/number-input.md +50 -0
- package/dist/agents/otp-field.json +87 -0
- package/dist/agents/otp-field.md +48 -0
- package/dist/agents/pagination.json +26 -5
- package/dist/agents/pagination.md +11 -4
- package/dist/agents/password-toggle-field.json +87 -0
- package/dist/agents/password-toggle-field.md +48 -0
- package/dist/agents/popover.json +114 -0
- package/dist/agents/popover.md +56 -0
- package/dist/agents/progress-circle.json +85 -0
- package/dist/agents/progress-circle.md +46 -0
- package/dist/agents/progress.json +91 -0
- package/dist/agents/progress.md +48 -0
- package/dist/agents/radio-group.json +92 -0
- package/dist/agents/radio-group.md +49 -0
- package/dist/agents/rating.json +91 -0
- package/dist/agents/rating.md +49 -0
- package/dist/agents/reorderable-list.json +74 -0
- package/dist/agents/reorderable-list.md +45 -0
- package/dist/agents/segment-group.json +62 -0
- package/dist/agents/segment-group.md +43 -0
- package/dist/agents/select.json +95 -0
- package/dist/agents/select.md +51 -0
- package/dist/agents/show.json +14 -0
- package/dist/agents/show.md +3 -0
- package/dist/agents/sidebar.json +16 -3
- package/dist/agents/sidebar.md +6 -1
- package/dist/agents/skeleton.json +73 -0
- package/dist/agents/skeleton.md +43 -0
- package/dist/agents/slider.json +88 -0
- package/dist/agents/slider.md +48 -0
- package/dist/agents/stack.json +19 -1
- package/dist/agents/stack.md +7 -0
- package/dist/agents/status.json +59 -0
- package/dist/agents/status.md +40 -0
- package/dist/agents/surface.json +32 -3
- package/dist/agents/surface.md +9 -2
- package/dist/agents/swipeable-item.json +93 -0
- package/dist/agents/swipeable-item.md +50 -0
- package/dist/agents/switch.json +92 -0
- package/dist/agents/switch.md +49 -0
- package/dist/agents/table.json +113 -0
- package/dist/agents/table.md +59 -0
- package/dist/agents/tabs.json +9 -2
- package/dist/agents/tabs.md +4 -1
- package/dist/agents/text.json +23 -8
- package/dist/agents/text.md +10 -7
- package/dist/agents/textarea.json +6 -1
- package/dist/agents/toast.json +91 -0
- package/dist/agents/toast.md +48 -0
- package/dist/agents/toggle-group.json +89 -0
- package/dist/agents/toggle-group.md +49 -0
- package/dist/agents/toggle.json +82 -0
- package/dist/agents/toggle.md +47 -0
- package/dist/agents/toolbar.json +11 -1
- package/dist/agents/toolbar.md +3 -1
- package/dist/agents/tooltip.json +96 -0
- package/dist/agents/tooltip.md +49 -0
- package/dist/agents/tree-grid.json +98 -0
- package/dist/agents/tree-grid.md +51 -0
- package/dist/agents/tree.json +94 -0
- package/dist/agents/tree.md +51 -0
- package/dist/agents/visually-hidden.json +70 -0
- package/dist/agents/visually-hidden.md +42 -0
- package/dist/agents/z-stack.json +21 -1
- package/dist/agents/z-stack.md +5 -0
- package/dist/bleed.d.ts +2 -0
- package/dist/bleed.d.ts.map +1 -0
- package/dist/bleed.js +2 -0
- package/dist/bleed.js.map +1 -0
- package/dist/color-picker.d.ts +2 -0
- package/dist/color-picker.d.ts.map +1 -0
- package/dist/color-picker.js +2 -0
- package/dist/color-picker.js.map +1 -0
- package/dist/color-swatch.d.ts +2 -0
- package/dist/color-swatch.d.ts.map +1 -0
- package/dist/color-swatch.js +2 -0
- package/dist/color-swatch.js.map +1 -0
- package/dist/components/_responsive-value/ResponsiveValue.d.ts.map +1 -1
- package/dist/components/_responsive-value/ResponsiveValue.js +3 -1
- package/dist/components/_responsive-value/ResponsiveValue.js.map +1 -1
- package/dist/components/_spacing-value/SpacingValue.d.ts +8 -0
- package/dist/components/_spacing-value/SpacingValue.d.ts.map +1 -0
- package/dist/components/_spacing-value/SpacingValue.js +46 -0
- package/dist/components/_spacing-value/SpacingValue.js.map +1 -0
- package/dist/components/accordion/Accordion.js +1 -1
- package/dist/components/app-bar/AppBar.d.ts +7 -3
- package/dist/components/app-bar/AppBar.d.ts.map +1 -1
- package/dist/components/app-bar/AppBar.js +2 -2
- package/dist/components/app-bar/AppBar.js.map +1 -1
- package/dist/components/app-bar/index.d.ts +1 -1
- package/dist/components/app-bar/index.d.ts.map +1 -1
- package/dist/components/app-bar/index.js.map +1 -1
- package/dist/components/avatar/Avatar.d.ts +1 -1
- package/dist/components/avatar/Avatar.d.ts.map +1 -1
- package/dist/components/avatar/Avatar.js.map +1 -1
- package/dist/components/badge/Badge.d.ts +2 -2
- package/dist/components/badge/Badge.d.ts.map +1 -1
- package/dist/components/bleed/Bleed.d.ts +28 -0
- package/dist/components/bleed/Bleed.d.ts.map +1 -0
- package/dist/components/bleed/Bleed.js +92 -0
- package/dist/components/bleed/Bleed.js.map +1 -0
- package/dist/components/bleed/index.d.ts +2 -0
- package/dist/components/bleed/index.d.ts.map +1 -0
- package/dist/components/bleed/index.js +2 -0
- package/dist/components/bleed/index.js.map +1 -0
- package/dist/components/collapsible/Collapsible.d.ts +9 -3
- package/dist/components/collapsible/Collapsible.d.ts.map +1 -1
- package/dist/components/collapsible/Collapsible.js +3 -3
- package/dist/components/collapsible/Collapsible.js.map +1 -1
- package/dist/components/color-picker/ColorPicker.d.ts +42 -0
- package/dist/components/color-picker/ColorPicker.d.ts.map +1 -0
- package/dist/components/color-picker/ColorPicker.js +52 -0
- package/dist/components/color-picker/ColorPicker.js.map +1 -0
- package/dist/components/color-picker/index.d.ts +2 -0
- package/dist/components/color-picker/index.d.ts.map +1 -0
- package/dist/components/color-picker/index.js +2 -0
- package/dist/components/color-picker/index.js.map +1 -0
- package/dist/components/color-swatch/ColorSwatch.d.ts +21 -0
- package/dist/components/color-swatch/ColorSwatch.d.ts.map +1 -0
- package/dist/components/color-swatch/ColorSwatch.js +25 -0
- package/dist/components/color-swatch/ColorSwatch.js.map +1 -0
- package/dist/components/color-swatch/index.d.ts +2 -0
- package/dist/components/color-swatch/index.d.ts.map +1 -0
- package/dist/components/color-swatch/index.js +2 -0
- package/dist/components/color-swatch/index.js.map +1 -0
- package/dist/components/data-list/DataList.d.ts +48 -0
- package/dist/components/data-list/DataList.d.ts.map +1 -0
- package/dist/components/data-list/DataList.js +31 -0
- package/dist/components/data-list/DataList.js.map +1 -0
- package/dist/components/data-list/index.d.ts +2 -0
- package/dist/components/data-list/index.d.ts.map +1 -0
- package/dist/components/data-list/index.js +2 -0
- package/dist/components/data-list/index.js.map +1 -0
- package/dist/components/feed/Feed.d.ts +2 -0
- package/dist/components/feed/Feed.d.ts.map +1 -1
- package/dist/components/feed/Feed.js +2 -2
- package/dist/components/feed/Feed.js.map +1 -1
- package/dist/components/feed/index.d.ts +1 -1
- package/dist/components/feed/index.d.ts.map +1 -1
- package/dist/components/grid/Grid.d.ts +3 -1
- package/dist/components/grid/Grid.d.ts.map +1 -1
- package/dist/components/grid/Grid.js +11 -1
- package/dist/components/grid/Grid.js.map +1 -1
- package/dist/components/grid/index.d.ts +1 -1
- package/dist/components/grid/index.d.ts.map +1 -1
- package/dist/components/grid/index.js.map +1 -1
- package/dist/components/group/Group.d.ts +19 -0
- package/dist/components/group/Group.d.ts.map +1 -0
- package/dist/components/group/Group.js +23 -0
- package/dist/components/group/Group.js.map +1 -0
- package/dist/components/group/index.d.ts +2 -0
- package/dist/components/group/index.d.ts.map +1 -0
- package/dist/components/group/index.js +2 -0
- package/dist/components/group/index.js.map +1 -0
- package/dist/components/link/Link.d.ts +1 -1
- package/dist/components/link/Link.d.ts.map +1 -1
- package/dist/components/link/Link.js +1 -1
- package/dist/components/link/Link.js.map +1 -1
- package/dist/components/link-box/LinkBox.d.ts +22 -0
- package/dist/components/link-box/LinkBox.d.ts.map +1 -0
- package/dist/components/link-box/LinkBox.js +30 -0
- package/dist/components/link-box/LinkBox.js.map +1 -0
- package/dist/components/link-box/index.d.ts +2 -0
- package/dist/components/link-box/index.d.ts.map +1 -0
- package/dist/components/link-box/index.js +2 -0
- package/dist/components/link-box/index.js.map +1 -0
- package/dist/components/nav-list/NavList.d.ts +15 -2
- package/dist/components/nav-list/NavList.d.ts.map +1 -1
- package/dist/components/nav-list/NavList.js +4 -3
- package/dist/components/nav-list/NavList.js.map +1 -1
- package/dist/components/pagination/Pagination.d.ts +9 -6
- package/dist/components/pagination/Pagination.d.ts.map +1 -1
- package/dist/components/pagination/Pagination.js +2 -2
- package/dist/components/pagination/Pagination.js.map +1 -1
- package/dist/components/pagination/index.d.ts +1 -1
- package/dist/components/pagination/index.d.ts.map +1 -1
- package/dist/components/pagination/index.js.map +1 -1
- package/dist/components/popover/Popover.d.ts +3 -0
- package/dist/components/popover/Popover.d.ts.map +1 -1
- package/dist/components/popover/Popover.js +2 -2
- package/dist/components/popover/Popover.js.map +1 -1
- package/dist/components/popover/index.d.ts +1 -1
- package/dist/components/popover/index.d.ts.map +1 -1
- package/dist/components/popover/index.js.map +1 -1
- package/dist/components/rating/Rating.d.ts +37 -1
- package/dist/components/rating/Rating.d.ts.map +1 -1
- package/dist/components/rating/Rating.js +25 -2
- package/dist/components/rating/Rating.js.map +1 -1
- package/dist/components/rating/index.d.ts +1 -1
- package/dist/components/rating/index.d.ts.map +1 -1
- package/dist/components/rating/index.js +1 -1
- package/dist/components/rating/index.js.map +1 -1
- package/dist/components/reorderable-list/ReorderableList.d.ts +89 -0
- package/dist/components/reorderable-list/ReorderableList.d.ts.map +1 -0
- package/dist/components/reorderable-list/ReorderableList.js +54 -0
- package/dist/components/reorderable-list/ReorderableList.js.map +1 -0
- package/dist/components/reorderable-list/index.d.ts +2 -0
- package/dist/components/reorderable-list/index.d.ts.map +1 -0
- package/dist/components/reorderable-list/index.js +2 -0
- package/dist/components/reorderable-list/index.js.map +1 -0
- package/dist/components/segment-group/SegmentGroup.d.ts +30 -0
- package/dist/components/segment-group/SegmentGroup.d.ts.map +1 -0
- package/dist/components/segment-group/SegmentGroup.js +67 -0
- package/dist/components/segment-group/SegmentGroup.js.map +1 -0
- package/dist/components/segment-group/index.d.ts +2 -0
- package/dist/components/segment-group/index.d.ts.map +1 -0
- package/dist/components/segment-group/index.js +2 -0
- package/dist/components/segment-group/index.js.map +1 -0
- package/dist/components/show/Show.d.ts.map +1 -1
- package/dist/components/show/Show.js +7 -1
- package/dist/components/show/Show.js.map +1 -1
- package/dist/components/sidebar/Sidebar.d.ts +4 -0
- package/dist/components/sidebar/Sidebar.d.ts.map +1 -1
- package/dist/components/sidebar/Sidebar.js +3 -2
- package/dist/components/sidebar/Sidebar.js.map +1 -1
- package/dist/components/slider/Slider.d.ts.map +1 -1
- package/dist/components/slider/Slider.js +3 -1
- package/dist/components/slider/Slider.js.map +1 -1
- package/dist/components/stack/Stack.d.ts +3 -1
- package/dist/components/stack/Stack.d.ts.map +1 -1
- package/dist/components/stack/Stack.js +9 -1
- package/dist/components/stack/Stack.js.map +1 -1
- package/dist/components/stack/index.d.ts +1 -1
- package/dist/components/stack/index.d.ts.map +1 -1
- package/dist/components/stack/index.js.map +1 -1
- package/dist/components/status/Status.d.ts +22 -0
- package/dist/components/status/Status.d.ts.map +1 -0
- package/dist/components/status/Status.js +23 -0
- package/dist/components/status/Status.js.map +1 -0
- package/dist/components/status/index.d.ts +2 -0
- package/dist/components/status/index.d.ts.map +1 -0
- package/dist/components/status/index.js +2 -0
- package/dist/components/status/index.js.map +1 -0
- package/dist/components/surface/Surface.d.ts +5 -2
- package/dist/components/surface/Surface.d.ts.map +1 -1
- package/dist/components/surface/Surface.js +4 -2
- package/dist/components/surface/Surface.js.map +1 -1
- package/dist/components/surface/index.d.ts +1 -1
- package/dist/components/surface/index.d.ts.map +1 -1
- package/dist/components/surface/index.js.map +1 -1
- package/dist/components/text/Text.d.ts +25 -4
- package/dist/components/text/Text.d.ts.map +1 -1
- package/dist/components/text/Text.js +22 -3
- package/dist/components/text/Text.js.map +1 -1
- package/dist/components/text/index.d.ts +1 -1
- package/dist/components/text/index.d.ts.map +1 -1
- package/dist/components/text/index.js +1 -1
- package/dist/components/text/index.js.map +1 -1
- package/dist/components/toggle/Toggle.d.ts +5 -0
- package/dist/components/toggle/Toggle.d.ts.map +1 -1
- package/dist/components/toggle/Toggle.js +2 -2
- package/dist/components/toggle/Toggle.js.map +1 -1
- package/dist/components/toggle/index.d.ts +1 -1
- package/dist/components/toggle/index.d.ts.map +1 -1
- package/dist/components/toggle/index.js.map +1 -1
- package/dist/components/toggle-group/ToggleGroup.d.ts +3 -1
- package/dist/components/toggle-group/ToggleGroup.d.ts.map +1 -1
- package/dist/components/toggle-group/ToggleGroup.js +2 -1
- package/dist/components/toggle-group/ToggleGroup.js.map +1 -1
- package/dist/components/toolbar/Toolbar.d.ts +9 -2
- package/dist/components/toolbar/Toolbar.d.ts.map +1 -1
- package/dist/components/toolbar/Toolbar.js +2 -2
- package/dist/components/toolbar/Toolbar.js.map +1 -1
- package/dist/components/toolbar/index.d.ts +1 -1
- package/dist/components/toolbar/index.d.ts.map +1 -1
- package/dist/components/z-stack/ZStack.d.ts +7 -0
- package/dist/components/z-stack/ZStack.d.ts.map +1 -1
- package/dist/components/z-stack/ZStack.js +14 -3
- package/dist/components/z-stack/ZStack.js.map +1 -1
- package/dist/components/z-stack/index.d.ts +1 -1
- package/dist/components/z-stack/index.d.ts.map +1 -1
- package/dist/components/z-stack/index.js.map +1 -1
- package/dist/data-list.d.ts +2 -0
- package/dist/data-list.d.ts.map +1 -0
- package/dist/data-list.js +2 -0
- package/dist/data-list.js.map +1 -0
- package/dist/feed.d.ts +1 -1
- package/dist/feed.d.ts.map +1 -1
- package/dist/grid.d.ts +1 -1
- package/dist/grid.d.ts.map +1 -1
- package/dist/grid.js.map +1 -1
- package/dist/group.d.ts +2 -0
- package/dist/group.d.ts.map +1 -0
- package/dist/group.js +2 -0
- package/dist/group.js.map +1 -0
- package/dist/index.d.ts +18 -8
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +10 -1
- package/dist/index.js.map +1 -1
- package/dist/link-box.d.ts +2 -0
- package/dist/link-box.d.ts.map +1 -0
- package/dist/link-box.js +2 -0
- package/dist/link-box.js.map +1 -0
- package/dist/reorderable-list.d.ts +2 -0
- package/dist/reorderable-list.d.ts.map +1 -0
- package/dist/reorderable-list.js +2 -0
- package/dist/reorderable-list.js.map +1 -0
- package/dist/reset.css +1 -1
- package/dist/reset.css.map +1 -1
- package/dist/segment-group.d.ts +2 -0
- package/dist/segment-group.d.ts.map +1 -0
- package/dist/segment-group.js +2 -0
- package/dist/segment-group.js.map +1 -0
- package/dist/stack.d.ts +1 -1
- package/dist/stack.d.ts.map +1 -1
- package/dist/stack.js.map +1 -1
- package/dist/status.d.ts +2 -0
- package/dist/status.d.ts.map +1 -0
- package/dist/status.js +2 -0
- package/dist/status.js.map +1 -0
- package/dist/styles/accordion.css +1 -1
- package/dist/styles/accordion.css.map +1 -1
- package/dist/styles/alert-dialog.css +1 -1
- package/dist/styles/alert-dialog.css.map +1 -1
- package/dist/styles/app-bar.css +1 -1
- package/dist/styles/app-bar.css.map +1 -1
- package/dist/styles/avatar.css +1 -1
- package/dist/styles/avatar.css.map +1 -1
- package/dist/styles/badge.css +1 -1
- package/dist/styles/badge.css.map +1 -1
- package/dist/styles/bleed.css +2 -0
- package/dist/styles/bleed.css.map +1 -0
- package/dist/styles/bottom-navigation.css +1 -1
- package/dist/styles/bottom-navigation.css.map +1 -1
- package/dist/styles/button.css +1 -1
- package/dist/styles/button.css.map +1 -1
- package/dist/styles/card.css +1 -1
- package/dist/styles/card.css.map +1 -1
- package/dist/styles/checkbox-group.css +1 -1
- package/dist/styles/checkbox-group.css.map +1 -1
- package/dist/styles/checkbox.css +1 -1
- package/dist/styles/checkbox.css.map +1 -1
- package/dist/styles/code-block.css +1 -1
- package/dist/styles/code-block.css.map +1 -1
- package/dist/styles/collapsible.css +1 -1
- package/dist/styles/collapsible.css.map +1 -1
- package/dist/styles/color-picker.css +2 -0
- package/dist/styles/color-picker.css.map +1 -0
- package/dist/styles/color-swatch.css +2 -0
- package/dist/styles/color-swatch.css.map +1 -0
- package/dist/styles/combobox.css +1 -1
- package/dist/styles/combobox.css.map +1 -1
- package/dist/styles/context-menu.css +1 -1
- package/dist/styles/context-menu.css.map +1 -1
- package/dist/styles/core.css +1 -1
- package/dist/styles/core.css.map +1 -1
- package/dist/styles/data-grid.css +1 -1
- package/dist/styles/data-grid.css.map +1 -1
- package/dist/styles/data-list.css +2 -0
- package/dist/styles/data-list.css.map +1 -0
- package/dist/styles/dialog.css +1 -1
- package/dist/styles/dialog.css.map +1 -1
- package/dist/styles/divider.css +1 -1
- package/dist/styles/divider.css.map +1 -1
- package/dist/styles/drawer.css +1 -1
- package/dist/styles/drawer.css.map +1 -1
- package/dist/styles/dropdown-menu.css +1 -1
- package/dist/styles/dropdown-menu.css.map +1 -1
- package/dist/styles/feed.css +1 -1
- package/dist/styles/feed.css.map +1 -1
- package/dist/styles/grid.css +1 -1
- package/dist/styles/grid.css.map +1 -1
- package/dist/styles/group.css +2 -0
- package/dist/styles/group.css.map +1 -0
- package/dist/styles/hide.css +1 -1
- package/dist/styles/hide.css.map +1 -1
- package/dist/styles/icon-button.css +1 -1
- package/dist/styles/icon-button.css.map +1 -1
- package/dist/styles/input.css +1 -1
- package/dist/styles/input.css.map +1 -1
- package/dist/styles/link-box.css +2 -0
- package/dist/styles/link-box.css.map +1 -0
- package/dist/styles/link.css +1 -1
- package/dist/styles/link.css.map +1 -1
- package/dist/styles/list.css +1 -1
- package/dist/styles/list.css.map +1 -1
- package/dist/styles/menubar.css +1 -1
- package/dist/styles/menubar.css.map +1 -1
- package/dist/styles/multi-select.css +1 -1
- package/dist/styles/multi-select.css.map +1 -1
- package/dist/styles/nav-list.css +1 -1
- package/dist/styles/nav-list.css.map +1 -1
- package/dist/styles/navigation-menu.css +1 -1
- package/dist/styles/navigation-menu.css.map +1 -1
- package/dist/styles/pagination.css +1 -1
- package/dist/styles/pagination.css.map +1 -1
- package/dist/styles/password-toggle-field.css +1 -1
- package/dist/styles/password-toggle-field.css.map +1 -1
- package/dist/styles/popover.css +1 -1
- package/dist/styles/popover.css.map +1 -1
- package/dist/styles/rating.css +1 -1
- package/dist/styles/rating.css.map +1 -1
- package/dist/styles/reorderable-list.css +2 -0
- package/dist/styles/reorderable-list.css.map +1 -0
- package/dist/styles/segment-group.css +2 -0
- package/dist/styles/segment-group.css.map +1 -0
- package/dist/styles/select.css +1 -1
- package/dist/styles/select.css.map +1 -1
- package/dist/styles/show.css +1 -1
- package/dist/styles/show.css.map +1 -1
- package/dist/styles/sidebar.css +1 -1
- package/dist/styles/sidebar.css.map +1 -1
- package/dist/styles/skeleton.css +1 -1
- package/dist/styles/skeleton.css.map +1 -1
- package/dist/styles/slider.css +1 -1
- package/dist/styles/slider.css.map +1 -1
- package/dist/styles/stack.css +1 -1
- package/dist/styles/stack.css.map +1 -1
- package/dist/styles/status.css +2 -0
- package/dist/styles/status.css.map +1 -0
- package/dist/styles/surface.css +1 -1
- package/dist/styles/surface.css.map +1 -1
- package/dist/styles/table.css +1 -1
- package/dist/styles/table.css.map +1 -1
- package/dist/styles/tabs.css +1 -1
- package/dist/styles/tabs.css.map +1 -1
- package/dist/styles/text.css +1 -1
- package/dist/styles/text.css.map +1 -1
- package/dist/styles/toggle-group.css +1 -1
- package/dist/styles/toggle-group.css.map +1 -1
- package/dist/styles/toggle.css +1 -1
- package/dist/styles/toggle.css.map +1 -1
- package/dist/styles/toolbar.css +1 -1
- package/dist/styles/toolbar.css.map +1 -1
- package/dist/styles/z-stack.css +1 -1
- package/dist/styles/z-stack.css.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/dist/surface.d.ts +1 -1
- package/dist/surface.d.ts.map +1 -1
- package/dist/surface.js.map +1 -1
- package/dist/text.d.ts +1 -1
- package/dist/text.d.ts.map +1 -1
- package/dist/text.js +1 -1
- package/dist/text.js.map +1 -1
- package/dist/theme-contract.json +5288 -2105
- package/dist/toggle.d.ts +1 -1
- package/dist/toggle.d.ts.map +1 -1
- package/dist/toggle.js.map +1 -1
- package/dist/tokens.css +1 -1
- package/dist/tokens.css.map +1 -1
- package/dist/toolbar.d.ts +1 -1
- package/dist/toolbar.d.ts.map +1 -1
- package/docs/guides/agent-knowledge.md +19 -0
- package/docs/guides/appearance-and-tokens.md +5 -0
- package/docs/guides/browser-support.md +21 -0
- package/docs/guides/control-sizing.md +55 -0
- package/docs/guides/installation.md +5 -2
- package/docs/guides/theme-contract.md +26 -12
- package/package.json +45 -6
package/dist/toggle.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Toggle, type ToggleProps, type ToggleShape, type ToggleSize, type ToggleVariant, } from "./components/toggle/index.js";
|
|
1
|
+
export { Toggle, type ToggleProps, type ToggleShape, type ToggleSize, type ToggleTone, type ToggleVariant, } from "./components/toggle/index.js";
|
|
2
2
|
//# sourceMappingURL=toggle.d.ts.map
|
package/dist/toggle.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../src/toggle.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,aAAa,GACnB,MAAM,8BAA8B,CAAC"}
|
|
1
|
+
{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../src/toggle.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,aAAa,GACnB,MAAM,8BAA8B,CAAC"}
|
package/dist/toggle.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../src/toggle.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EACL,MAAM,
|
|
1
|
+
{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../src/toggle.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EACL,MAAM,GAMP,MAAM,8BAA8B,CAAC"}
|
package/dist/tokens.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer brick.tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--brick-border-focus-offset:.25rem;--brick-border-focus-width:2px;--brick-border-width:1px;--brick-color-accent-border:#aaa8f2;--brick-color-accent-on-soft:#414098;--brick-color-accent-on-solid:#fff;--brick-color-accent-soft:#f0f0ff;--brick-color-accent-soft-hover:#e6e6fe;--brick-color-accent-soft-pressed:#dadaff;--brick-color-accent-solid:#5b5bd6;--brick-color-accent-solid-hover:#5151cd;--brick-color-accent-solid-pressed:#4747c2;--brick-color-accent-text:#414098;--brick-color-border-default:#d9d6d0;--brick-color-border-strong:#aaa69e;--brick-color-border-subtle:#e3e0db;--brick-color-danger-border:#ef9cad;--brick-color-danger-on-soft:#ad233f;--brick-color-danger-on-solid:#fff;--brick-color-danger-soft:#ffeef1;--brick-color-danger-soft-hover:#ffdde3;--brick-color-danger-soft-pressed:#ffcbd5;--brick-color-danger-solid:#ad233f;--brick-color-danger-solid-hover:#9f1f38;--brick-color-danger-solid-pressed:#901a33;--brick-color-danger-surface:#ffeef1;--brick-color-danger-text:#ad233f;--brick-color-focus-ring:#5b5bd6;--brick-color-info-border:#95c9f6;--brick-color-info-on-soft:#105da9;--brick-color-info-on-solid:#fff;--brick-color-info-soft:#ecf6ff;--brick-color-info-soft-hover:#dceeff;--brick-color-info-soft-pressed:#cbe7ff;--brick-color-info-solid:#0073d0;--brick-color-info-solid-hover:#0068bd;--brick-color-info-solid-pressed:#005da9;--brick-color-info-surface:#ecf6ff;--brick-color-info-text:#105da9;--brick-color-scrim:#1413128c;--brick-color-shadow:#1413122e;--brick-color-success-border:#7bd1ad;--brick-color-success-on-soft:#136e4c;--brick-color-success-on-solid:#fff;--brick-color-success-soft:#e8fbf3;--brick-color-success-soft-hover:#d7f6e9;--brick-color-success-soft-pressed:#c5efdd;--brick-color-success-solid:#18794e;--brick-color-success-solid-hover:#146f46;--brick-color-success-solid-pressed:#10643e;--brick-color-success-surface:#e8fbf3;--brick-color-success-text:#136e4c;--brick-color-surface-base:#f9f8f6;--brick-color-surface-canvas:#fdfcfb;--brick-color-surface-overlay:#fff;--brick-color-surface-raised:#fff;--brick-color-surface-subtle:#f2f0ed;--brick-color-text-disabled:#76726c;--brick-color-text-inverse:#fff;--brick-color-text-muted:#76726c;--brick-color-text-primary:#211f1c;--brick-color-text-secondary:#63605b;--brick-color-warning-border:#e3a644;--brick-color-warning-on-soft:#714904;--brick-color-warning-on-solid:#211f1c;--brick-color-warning-soft:#fff7e3;--brick-color-warning-soft-hover:#ffedc2;--brick-color-warning-soft-pressed:#ffe3a1;--brick-color-warning-solid:#f29f21;--brick-color-warning-solid-hover:#e58c0e;--brick-color-warning-solid-pressed:#d87d00;--brick-color-warning-surface:#fff7e3;--brick-color-warning-text:#714904;--brick-control-min-block-size-lg:3.25rem;--brick-control-min-block-size-md:2.75rem;--brick-control-min-block-size-sm:2.25rem;--brick-control-min-block-size-xl:3.75rem;--brick-control-min-block-size-xs:1.75rem;--brick-control-target-min:2.75rem;--brick-font-family-body:ui-sans-serif, system-ui, sans-serif;--brick-font-family-heading:ui-sans-serif, system-ui, sans-serif;--brick-font-family-mono:ui-monospace, SFMono-Regular, monospace;--brick-font-letter-spacing-normal:0em;--brick-font-letter-spacing-slight:-.01em;--brick-font-letter-spacing-tight:-.02em;--brick-font-letter-spacing-tightest:-.03em;--brick-font-letter-spacing-wide:.08em;--brick-font-line-height-body:1.5;--brick-font-line-height-tight:1.2;--brick-font-size-2xl:2rem;--brick-font-size-3xl:2.5rem;--brick-font-size-lg:1.25rem;--brick-font-size-md:1rem;--brick-font-size-sm:.875rem;--brick-font-size-xl:1.5rem;--brick-font-size-xs:.75rem;--brick-font-weight-medium:500;--brick-font-weight-regular:400;--brick-font-weight-semibold:600;--brick-layer-base:0;--brick-layer-overlay:1000;--brick-motion-duration-fast:.12s;--brick-motion-duration-moderate:.2s;--brick-motion-easing-enter:cubic-bezier(0, 0, .2, 1);--brick-motion-easing-exit:cubic-bezier(.4, 0, 1, 1);--brick-motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--brick-radius-control:.5rem;--brick-radius-full:9999px;--brick-radius-overlay:1rem;--brick-radius-subtle:.25rem;--brick-radius-surface:.75rem;--brick-shadow-raised:0rem .5rem 1.5rem -.25rem #1413122e;--brick-shadow-sm:0rem .125rem .375rem 0rem #1413122e;--brick-space-0:0rem;--brick-space-1:.25rem;--brick-space-2:.5rem;--brick-space-3:.75rem;--brick-space-4:1rem;--brick-space-5:1.5rem;--brick-space-6:2rem;--brick-space-component-gap:.5rem;--brick-space-control-inline:1rem;--brick-space-surface:1.5rem;--brick-typography-body-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-lg-font-size:1.25rem;--brick-typography-body-lg-font-weight:400;--brick-typography-body-lg-letter-spacing:0em;--brick-typography-body-lg-line-height:1.5;--brick-typography-body-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-md-font-size:1rem;--brick-typography-body-md-font-weight:400;--brick-typography-body-md-letter-spacing:0em;--brick-typography-body-md-line-height:1.5;--brick-typography-body-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-sm-font-size:.875rem;--brick-typography-body-sm-font-weight:400;--brick-typography-body-sm-letter-spacing:0em;--brick-typography-body-sm-line-height:1.5;--brick-typography-caption-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-caption-font-size:.75rem;--brick-typography-caption-font-weight:400;--brick-typography-caption-letter-spacing:0em;--brick-typography-caption-line-height:1.5;--brick-typography-code-block-md-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-block-md-font-size:1rem;--brick-typography-code-block-md-font-weight:400;--brick-typography-code-block-md-letter-spacing:0em;--brick-typography-code-block-md-line-height:1.5;--brick-typography-code-block-sm-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-block-sm-font-size:.875rem;--brick-typography-code-block-sm-font-weight:400;--brick-typography-code-block-sm-letter-spacing:0em;--brick-typography-code-block-sm-line-height:1.5;--brick-typography-code-inline-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-inline-font-size:.9em;--brick-typography-code-inline-font-weight:400;--brick-typography-code-inline-letter-spacing:0em;--brick-typography-code-inline-line-height:1.5;--brick-typography-compact-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-compact-title-lg-font-size:1rem;--brick-typography-compact-title-lg-font-weight:600;--brick-typography-compact-title-lg-letter-spacing:-.01em;--brick-typography-compact-title-lg-line-height:1.2;--brick-typography-compact-title-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-compact-title-font-size:.875rem;--brick-typography-compact-title-font-weight:600;--brick-typography-compact-title-letter-spacing:0em;--brick-typography-compact-title-line-height:1.2;--brick-typography-control-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-lg-font-size:1rem;--brick-typography-control-lg-font-weight:500;--brick-typography-control-lg-letter-spacing:0em;--brick-typography-control-lg-line-height:1.2;--brick-typography-control-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-md-font-size:.9375rem;--brick-typography-control-md-font-weight:500;--brick-typography-control-md-letter-spacing:0em;--brick-typography-control-md-line-height:1.2;--brick-typography-control-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-sm-font-size:.875rem;--brick-typography-control-sm-font-weight:500;--brick-typography-control-sm-letter-spacing:0em;--brick-typography-control-sm-line-height:1.2;--brick-typography-control-xl-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-xl-font-size:1.125rem;--brick-typography-control-xl-font-weight:500;--brick-typography-control-xl-letter-spacing:0em;--brick-typography-control-xl-line-height:1.2;--brick-typography-control-xs-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-xs-font-size:.75rem;--brick-typography-control-xs-font-weight:500;--brick-typography-control-xs-letter-spacing:0em;--brick-typography-control-xs-line-height:1.2;--brick-typography-display-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-display-font-size:2.5rem;--brick-typography-display-font-weight:600;--brick-typography-display-letter-spacing:-.03em;--brick-typography-display-line-height:1.2;--brick-typography-eyebrow-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-eyebrow-font-size:.75rem;--brick-typography-eyebrow-font-weight:600;--brick-typography-eyebrow-letter-spacing:.08em;--brick-typography-eyebrow-line-height:1.2;--brick-typography-field-value-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-field-value-lg-font-size:1.125rem;--brick-typography-field-value-lg-font-weight:400;--brick-typography-field-value-lg-letter-spacing:0em;--brick-typography-field-value-lg-line-height:1.5;--brick-typography-field-value-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-field-value-md-font-size:1rem;--brick-typography-field-value-md-font-weight:400;--brick-typography-field-value-md-letter-spacing:0em;--brick-typography-field-value-md-line-height:1.5;--brick-typography-label-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-label-md-font-size:1rem;--brick-typography-label-md-font-weight:500;--brick-typography-label-md-letter-spacing:0em;--brick-typography-label-md-line-height:1.5;--brick-typography-label-strong-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-label-strong-font-size:1rem;--brick-typography-label-strong-font-weight:600;--brick-typography-label-strong-letter-spacing:0em;--brick-typography-label-strong-line-height:1.5;--brick-typography-overlay-title-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-overlay-title-font-size:1.25rem;--brick-typography-overlay-title-font-weight:600;--brick-typography-overlay-title-letter-spacing:-.01em;--brick-typography-overlay-title-line-height:1.2;--brick-typography-supporting-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-supporting-sm-font-size:.875rem;--brick-typography-supporting-sm-font-weight:400;--brick-typography-supporting-sm-letter-spacing:0em;--brick-typography-supporting-sm-line-height:1.5;--brick-typography-surface-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-lg-font-size:1.25rem;--brick-typography-surface-title-lg-font-weight:600;--brick-typography-surface-title-lg-letter-spacing:-.01em;--brick-typography-surface-title-lg-line-height:1.2;--brick-typography-surface-title-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-md-font-size:1.125rem;--brick-typography-surface-title-md-font-weight:600;--brick-typography-surface-title-md-letter-spacing:-.01em;--brick-typography-surface-title-md-line-height:1.2;--brick-typography-surface-title-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-sm-font-size:1rem;--brick-typography-surface-title-sm-font-weight:600;--brick-typography-surface-title-sm-letter-spacing:-.01em;--brick-typography-surface-title-sm-line-height:1.2;--brick-typography-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-lg-font-size:2rem;--brick-typography-title-lg-font-weight:600;--brick-typography-title-lg-letter-spacing:-.02em;--brick-typography-title-lg-line-height:1.2;--brick-typography-title-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-md-font-size:1.5rem;--brick-typography-title-md-font-weight:600;--brick-typography-title-md-letter-spacing:-.02em;--brick-typography-title-md-line-height:1.2;--brick-typography-title-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-sm-font-size:1.25rem;--brick-typography-title-sm-font-weight:600;--brick-typography-title-sm-letter-spacing:-.01em;--brick-typography-title-sm-line-height:1.2;--brick-typography-validation-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-validation-sm-font-size:.875rem;--brick-typography-validation-sm-font-weight:500;--brick-typography-validation-sm-letter-spacing:0em;--brick-typography-validation-sm-line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-brick-appearance]){--brick-color-accent-border:#5a56b5;--brick-color-accent-on-soft:#bebaff;--brick-color-accent-on-solid:#fff;--brick-color-accent-soft:#232149;--brick-color-accent-soft-hover:#2f2c5c;--brick-color-accent-soft-pressed:#3a376f;--brick-color-accent-solid:#5b57c7;--brick-color-accent-solid-hover:#625ed0;--brick-color-accent-solid-pressed:#514db6;--brick-color-accent-text:#bebaff;--brick-color-border-default:#4d4c47;--brick-color-border-strong:#706d64;--brick-color-border-subtle:#3b3b37;--brick-color-danger-border:#993045;--brick-color-danger-on-soft:#ff93a7;--brick-color-danger-on-solid:#fff;--brick-color-danger-soft:#44131e;--brick-color-danger-soft-hover:#561825;--brick-color-danger-soft-pressed:#681d2d;--brick-color-danger-solid:#af2642;--brick-color-danger-solid-hover:#bd2c49;--brick-color-danger-solid-pressed:#9f2038;--brick-color-danger-surface:#44131e;--brick-color-danger-text:#ff93a7;--brick-color-focus-ring:#bebaff;--brick-color-info-border:#2c6ba7;--brick-color-info-on-soft:#95c9f6;--brick-color-info-on-solid:#fff;--brick-color-info-soft:#102840;--brick-color-info-soft-hover:#143654;--brick-color-info-soft-pressed:#184267;--brick-color-info-solid:#0a6ec3;--brick-color-info-solid-hover:#1178cf;--brick-color-info-solid-pressed:#075fa9;--brick-color-info-surface:#102840;--brick-color-info-text:#95c9f6;--brick-color-scrim:#000000b8;--brick-color-shadow:#00000080;--brick-color-success-border:#237350;--brick-color-success-on-soft:#7bd1ad;--brick-color-success-on-solid:#fff;--brick-color-success-soft:#0e3022;--brick-color-success-soft-hover:#123d2b;--brick-color-success-soft-pressed:#174b35;--brick-color-success-solid:#18794e;--brick-color-success-solid-hover:#1e8357;--brick-color-success-solid-pressed:#12663f;--brick-color-success-surface:#0e3022;--brick-color-success-text:#7bd1ad;--brick-color-surface-base:#20201e;--brick-color-surface-canvas:#191918;--brick-color-surface-overlay:#2e2e2b;--brick-color-surface-raised:#2e2e2b;--brick-color-surface-subtle:#272725;--brick-color-text-disabled:#999690;--brick-color-text-inverse:#211f1c;--brick-color-text-muted:#999690;--brick-color-text-primary:#eeeeec;--brick-color-text-secondary:#b8b6b1;--brick-color-warning-border:#905f12;--brick-color-warning-on-soft:#f2bd59;--brick-color-warning-on-solid:#211f1c;--brick-color-warning-soft:#3d2707;--brick-color-warning-soft-hover:#4d3108;--brick-color-warning-soft-pressed:#5d3b09;--brick-color-warning-solid:#e39019;--brick-color-warning-solid-hover:#eda025;--brick-color-warning-solid-pressed:#cf7d08;--brick-color-warning-surface:#3d2707;--brick-color-warning-text:#f2bd59;--brick-shadow-raised:0rem .5rem 1.5rem -.25rem #00000080;--brick-shadow-sm:0rem .125rem .375rem 0rem #00000080}}[data-brick-appearance=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brick-color-accent-border:#aaa8f2;--brick-color-accent-on-soft:#414098;--brick-color-accent-on-solid:#fff;--brick-color-accent-soft:#f0f0ff;--brick-color-accent-soft-hover:#e6e6fe;--brick-color-accent-soft-pressed:#dadaff;--brick-color-accent-solid:#5b5bd6;--brick-color-accent-solid-hover:#5151cd;--brick-color-accent-solid-pressed:#4747c2;--brick-color-accent-text:#414098;--brick-color-border-default:#d9d6d0;--brick-color-border-strong:#aaa69e;--brick-color-border-subtle:#e3e0db;--brick-color-danger-border:#ef9cad;--brick-color-danger-on-soft:#ad233f;--brick-color-danger-on-solid:#fff;--brick-color-danger-soft:#ffeef1;--brick-color-danger-soft-hover:#ffdde3;--brick-color-danger-soft-pressed:#ffcbd5;--brick-color-danger-solid:#ad233f;--brick-color-danger-solid-hover:#9f1f38;--brick-color-danger-solid-pressed:#901a33;--brick-color-danger-surface:#ffeef1;--brick-color-danger-text:#ad233f;--brick-color-focus-ring:#5b5bd6;--brick-color-info-border:#95c9f6;--brick-color-info-on-soft:#105da9;--brick-color-info-on-solid:#fff;--brick-color-info-soft:#ecf6ff;--brick-color-info-soft-hover:#dceeff;--brick-color-info-soft-pressed:#cbe7ff;--brick-color-info-solid:#0073d0;--brick-color-info-solid-hover:#0068bd;--brick-color-info-solid-pressed:#005da9;--brick-color-info-surface:#ecf6ff;--brick-color-info-text:#105da9;--brick-color-scrim:#1413128c;--brick-color-shadow:#1413122e;--brick-color-success-border:#7bd1ad;--brick-color-success-on-soft:#136e4c;--brick-color-success-on-solid:#fff;--brick-color-success-soft:#e8fbf3;--brick-color-success-soft-hover:#d7f6e9;--brick-color-success-soft-pressed:#c5efdd;--brick-color-success-solid:#18794e;--brick-color-success-solid-hover:#146f46;--brick-color-success-solid-pressed:#10643e;--brick-color-success-surface:#e8fbf3;--brick-color-success-text:#136e4c;--brick-color-surface-base:#f9f8f6;--brick-color-surface-canvas:#fdfcfb;--brick-color-surface-overlay:#fff;--brick-color-surface-raised:#fff;--brick-color-surface-subtle:#f2f0ed;--brick-color-text-disabled:#76726c;--brick-color-text-inverse:#fff;--brick-color-text-muted:#76726c;--brick-color-text-primary:#211f1c;--brick-color-text-secondary:#63605b;--brick-color-warning-border:#e3a644;--brick-color-warning-on-soft:#714904;--brick-color-warning-on-solid:#211f1c;--brick-color-warning-soft:#fff7e3;--brick-color-warning-soft-hover:#ffedc2;--brick-color-warning-soft-pressed:#ffe3a1;--brick-color-warning-solid:#f29f21;--brick-color-warning-solid-hover:#e58c0e;--brick-color-warning-solid-pressed:#d87d00;--brick-color-warning-surface:#fff7e3;--brick-color-warning-text:#714904;--brick-shadow-raised:0rem .5rem 1.5rem -.25rem #1413122e;--brick-shadow-sm:0rem .125rem .375rem 0rem #1413122e}[data-brick-appearance=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brick-color-accent-border:#5a56b5;--brick-color-accent-on-soft:#bebaff;--brick-color-accent-on-solid:#fff;--brick-color-accent-soft:#232149;--brick-color-accent-soft-hover:#2f2c5c;--brick-color-accent-soft-pressed:#3a376f;--brick-color-accent-solid:#5b57c7;--brick-color-accent-solid-hover:#625ed0;--brick-color-accent-solid-pressed:#514db6;--brick-color-accent-text:#bebaff;--brick-color-border-default:#4d4c47;--brick-color-border-strong:#706d64;--brick-color-border-subtle:#3b3b37;--brick-color-danger-border:#993045;--brick-color-danger-on-soft:#ff93a7;--brick-color-danger-on-solid:#fff;--brick-color-danger-soft:#44131e;--brick-color-danger-soft-hover:#561825;--brick-color-danger-soft-pressed:#681d2d;--brick-color-danger-solid:#af2642;--brick-color-danger-solid-hover:#bd2c49;--brick-color-danger-solid-pressed:#9f2038;--brick-color-danger-surface:#44131e;--brick-color-danger-text:#ff93a7;--brick-color-focus-ring:#bebaff;--brick-color-info-border:#2c6ba7;--brick-color-info-on-soft:#95c9f6;--brick-color-info-on-solid:#fff;--brick-color-info-soft:#102840;--brick-color-info-soft-hover:#143654;--brick-color-info-soft-pressed:#184267;--brick-color-info-solid:#0a6ec3;--brick-color-info-solid-hover:#1178cf;--brick-color-info-solid-pressed:#075fa9;--brick-color-info-surface:#102840;--brick-color-info-text:#95c9f6;--brick-color-scrim:#000000b8;--brick-color-shadow:#00000080;--brick-color-success-border:#237350;--brick-color-success-on-soft:#7bd1ad;--brick-color-success-on-solid:#fff;--brick-color-success-soft:#0e3022;--brick-color-success-soft-hover:#123d2b;--brick-color-success-soft-pressed:#174b35;--brick-color-success-solid:#18794e;--brick-color-success-solid-hover:#1e8357;--brick-color-success-solid-pressed:#12663f;--brick-color-success-surface:#0e3022;--brick-color-success-text:#7bd1ad;--brick-color-surface-base:#20201e;--brick-color-surface-canvas:#191918;--brick-color-surface-overlay:#2e2e2b;--brick-color-surface-raised:#2e2e2b;--brick-color-surface-subtle:#272725;--brick-color-text-disabled:#999690;--brick-color-text-inverse:#211f1c;--brick-color-text-muted:#999690;--brick-color-text-primary:#eeeeec;--brick-color-text-secondary:#b8b6b1;--brick-color-warning-border:#905f12;--brick-color-warning-on-soft:#f2bd59;--brick-color-warning-on-solid:#211f1c;--brick-color-warning-soft:#3d2707;--brick-color-warning-soft-hover:#4d3108;--brick-color-warning-soft-pressed:#5d3b09;--brick-color-warning-solid:#e39019;--brick-color-warning-solid-hover:#eda025;--brick-color-warning-solid-pressed:#cf7d08;--brick-color-warning-surface:#3d2707;--brick-color-warning-text:#f2bd59;--brick-shadow-raised:0rem .5rem 1.5rem -.25rem #00000080;--brick-shadow-sm:0rem .125rem .375rem 0rem #00000080}}
|
|
1
|
+
@layer brick.tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--brick-border-focus-offset:.25rem;--brick-border-focus-width:2px;--brick-border-width:1px;--brick-color-accent-border:#aaa8f2;--brick-color-accent-on-soft:#414098;--brick-color-accent-on-solid:#fff;--brick-color-accent-soft:#f0f0ff;--brick-color-accent-soft-hover:#e6e6fe;--brick-color-accent-soft-pressed:#dadaff;--brick-color-accent-solid:#5b5bd6;--brick-color-accent-solid-hover:#5151cd;--brick-color-accent-solid-pressed:#4747c2;--brick-color-accent-text:#414098;--brick-color-border-default:#d9d6d0;--brick-color-border-strong:#aaa69e;--brick-color-border-subtle:#e3e0db;--brick-color-danger-border:#ef9cad;--brick-color-danger-on-soft:#ad233f;--brick-color-danger-on-solid:#fff;--brick-color-danger-soft:#ffeef1;--brick-color-danger-soft-hover:#ffdde3;--brick-color-danger-soft-pressed:#ffcbd5;--brick-color-danger-solid:#ad233f;--brick-color-danger-solid-hover:#9f1f38;--brick-color-danger-solid-pressed:#901a33;--brick-color-danger-surface:#ffeef1;--brick-color-danger-text:#ad233f;--brick-color-focus-ring:#5b5bd6;--brick-color-info-border:#95c9f6;--brick-color-info-on-soft:#105da9;--brick-color-info-on-solid:#fff;--brick-color-info-soft:#ecf6ff;--brick-color-info-soft-hover:#dceeff;--brick-color-info-soft-pressed:#cbe7ff;--brick-color-info-solid:#0073d0;--brick-color-info-solid-hover:#0068bd;--brick-color-info-solid-pressed:#005da9;--brick-color-info-surface:#ecf6ff;--brick-color-info-text:#105da9;--brick-color-link-text:#3a3a8f;--brick-color-link-text-hover:#333185;--brick-color-link-text-pressed:#2a2579;--brick-color-scrim:#1413128c;--brick-color-shadow:#1413122e;--brick-color-success-border:#7bd1ad;--brick-color-success-on-soft:#136e4c;--brick-color-success-on-solid:#fff;--brick-color-success-soft:#e8fbf3;--brick-color-success-soft-hover:#d7f6e9;--brick-color-success-soft-pressed:#c5efdd;--brick-color-success-solid:#18794e;--brick-color-success-solid-hover:#146f46;--brick-color-success-solid-pressed:#10643e;--brick-color-success-surface:#e8fbf3;--brick-color-success-text:#136e4c;--brick-color-surface-base:#f9f8f6;--brick-color-surface-canvas:#fdfcfb;--brick-color-surface-overlay:#fff;--brick-color-surface-raised:#fff;--brick-color-surface-subtle:#f2f0ed;--brick-color-text-disabled:#76726c;--brick-color-text-inverse:#fff;--brick-color-text-muted:#76726c;--brick-color-text-primary:#211f1c;--brick-color-text-secondary:#63605b;--brick-color-warning-border:#e3a644;--brick-color-warning-on-soft:#714904;--brick-color-warning-on-solid:#211f1c;--brick-color-warning-soft:#fff7e3;--brick-color-warning-soft-hover:#ffedc2;--brick-color-warning-soft-pressed:#ffe3a1;--brick-color-warning-solid:#f29f21;--brick-color-warning-solid-hover:#e58c0e;--brick-color-warning-solid-pressed:#d87d00;--brick-color-warning-surface:#fff7e3;--brick-color-warning-text:#714904;--brick-control-min-block-size-lg:3.25rem;--brick-control-min-block-size-md:2.75rem;--brick-control-min-block-size-sm:2.25rem;--brick-control-min-block-size-xl:3.75rem;--brick-control-min-block-size-xs:1.75rem;--brick-control-target-min:2.75rem;--brick-font-family-body:ui-sans-serif, system-ui, sans-serif;--brick-font-family-heading:ui-sans-serif, system-ui, sans-serif;--brick-font-family-mono:ui-monospace, SFMono-Regular, monospace;--brick-font-letter-spacing-normal:0em;--brick-font-letter-spacing-slight:-.01em;--brick-font-letter-spacing-tight:-.02em;--brick-font-letter-spacing-tightest:-.03em;--brick-font-letter-spacing-wide:.08em;--brick-font-line-height-body:1.5;--brick-font-line-height-tight:1.2;--brick-font-size-2xl:2rem;--brick-font-size-3xl:2.5rem;--brick-font-size-4xl:3.25rem;--brick-font-size-5xl:4rem;--brick-font-size-lg:1.25rem;--brick-font-size-md:1rem;--brick-font-size-sm:.875rem;--brick-font-size-xl:1.5rem;--brick-font-size-xs:.75rem;--brick-font-weight-medium:500;--brick-font-weight-regular:400;--brick-font-weight-semibold:600;--brick-layer-base:0;--brick-layer-overlay:1000;--brick-motion-duration-fast:.12s;--brick-motion-duration-moderate:.2s;--brick-motion-easing-enter:cubic-bezier(0, 0, .2, 1);--brick-motion-easing-exit:cubic-bezier(.4, 0, 1, 1);--brick-motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--brick-radius-control:.5rem;--brick-radius-full:9999px;--brick-radius-overlay:1rem;--brick-radius-subtle:.25rem;--brick-radius-surface:.75rem;--brick-shadow-floating:0rem .75rem 2rem 0rem #14131218;--brick-shadow-modal:0rem 1.5rem 4.5rem 0rem #1413122c;--brick-shadow-raised:0rem .5rem 1.5rem -.25rem #1413122e;--brick-shadow-sm:0rem .125rem .375rem 0rem #1413122e;--brick-space-0:0rem;--brick-space-1:.25rem;--brick-space-2:.5rem;--brick-space-3:.75rem;--brick-space-4:1rem;--brick-space-5:1.5rem;--brick-space-6:2rem;--brick-space-component-gap:.5rem;--brick-space-control-inline:1rem;--brick-space-surface:1.5rem;--brick-typography-body-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-lg-font-size:1.25rem;--brick-typography-body-lg-font-weight:400;--brick-typography-body-lg-letter-spacing:0em;--brick-typography-body-lg-line-height:1.5;--brick-typography-body-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-md-font-size:1rem;--brick-typography-body-md-font-weight:400;--brick-typography-body-md-letter-spacing:0em;--brick-typography-body-md-line-height:1.5;--brick-typography-body-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-sm-font-size:.875rem;--brick-typography-body-sm-font-weight:400;--brick-typography-body-sm-letter-spacing:0em;--brick-typography-body-sm-line-height:1.5;--brick-typography-caption-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-caption-font-size:.75rem;--brick-typography-caption-font-weight:400;--brick-typography-caption-letter-spacing:0em;--brick-typography-caption-line-height:1.5;--brick-typography-code-block-md-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-block-md-font-size:1rem;--brick-typography-code-block-md-font-weight:400;--brick-typography-code-block-md-letter-spacing:0em;--brick-typography-code-block-md-line-height:1.5;--brick-typography-code-block-sm-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-block-sm-font-size:.875rem;--brick-typography-code-block-sm-font-weight:400;--brick-typography-code-block-sm-letter-spacing:0em;--brick-typography-code-block-sm-line-height:1.5;--brick-typography-code-inline-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-inline-font-size:.9em;--brick-typography-code-inline-font-weight:400;--brick-typography-code-inline-letter-spacing:0em;--brick-typography-code-inline-line-height:1.5;--brick-typography-compact-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-compact-title-lg-font-size:1rem;--brick-typography-compact-title-lg-font-weight:600;--brick-typography-compact-title-lg-letter-spacing:-.01em;--brick-typography-compact-title-lg-line-height:1.2;--brick-typography-compact-title-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-compact-title-font-size:.875rem;--brick-typography-compact-title-font-weight:600;--brick-typography-compact-title-letter-spacing:0em;--brick-typography-compact-title-line-height:1.2;--brick-typography-control-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-lg-font-size:1rem;--brick-typography-control-lg-font-weight:500;--brick-typography-control-lg-letter-spacing:0em;--brick-typography-control-lg-line-height:1.2;--brick-typography-control-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-md-font-size:.9375rem;--brick-typography-control-md-font-weight:500;--brick-typography-control-md-letter-spacing:0em;--brick-typography-control-md-line-height:1.2;--brick-typography-control-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-sm-font-size:.875rem;--brick-typography-control-sm-font-weight:500;--brick-typography-control-sm-letter-spacing:0em;--brick-typography-control-sm-line-height:1.2;--brick-typography-control-xl-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-xl-font-size:1.125rem;--brick-typography-control-xl-font-weight:500;--brick-typography-control-xl-letter-spacing:0em;--brick-typography-control-xl-line-height:1.2;--brick-typography-control-xs-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-xs-font-size:.75rem;--brick-typography-control-xs-font-weight:500;--brick-typography-control-xs-letter-spacing:0em;--brick-typography-control-xs-line-height:1.2;--brick-typography-display-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-display-lg-font-size:4rem;--brick-typography-display-lg-font-weight:600;--brick-typography-display-lg-letter-spacing:-.03em;--brick-typography-display-lg-line-height:1.2;--brick-typography-display-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-display-md-font-size:3.25rem;--brick-typography-display-md-font-weight:600;--brick-typography-display-md-letter-spacing:-.03em;--brick-typography-display-md-line-height:1.2;--brick-typography-display-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-display-sm-font-size:2.5rem;--brick-typography-display-sm-font-weight:600;--brick-typography-display-sm-letter-spacing:-.03em;--brick-typography-display-sm-line-height:1.2;--brick-typography-display-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-display-font-size:2.5rem;--brick-typography-display-font-weight:600;--brick-typography-display-letter-spacing:-.03em;--brick-typography-display-line-height:1.2;--brick-typography-eyebrow-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-eyebrow-font-size:.75rem;--brick-typography-eyebrow-font-weight:600;--brick-typography-eyebrow-letter-spacing:.08em;--brick-typography-eyebrow-line-height:1.2;--brick-typography-field-value-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-field-value-lg-font-size:1.125rem;--brick-typography-field-value-lg-font-weight:400;--brick-typography-field-value-lg-letter-spacing:0em;--brick-typography-field-value-lg-line-height:1.5;--brick-typography-field-value-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-field-value-md-font-size:1rem;--brick-typography-field-value-md-font-weight:400;--brick-typography-field-value-md-letter-spacing:0em;--brick-typography-field-value-md-line-height:1.5;--brick-typography-label-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-label-md-font-size:1rem;--brick-typography-label-md-font-weight:500;--brick-typography-label-md-letter-spacing:0em;--brick-typography-label-md-line-height:1.5;--brick-typography-label-strong-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-label-strong-font-size:1rem;--brick-typography-label-strong-font-weight:600;--brick-typography-label-strong-letter-spacing:0em;--brick-typography-label-strong-line-height:1.5;--brick-typography-overlay-title-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-overlay-title-font-size:1.25rem;--brick-typography-overlay-title-font-weight:600;--brick-typography-overlay-title-letter-spacing:-.01em;--brick-typography-overlay-title-line-height:1.2;--brick-typography-supporting-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-supporting-sm-font-size:.875rem;--brick-typography-supporting-sm-font-weight:400;--brick-typography-supporting-sm-letter-spacing:0em;--brick-typography-supporting-sm-line-height:1.5;--brick-typography-surface-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-lg-font-size:1.25rem;--brick-typography-surface-title-lg-font-weight:600;--brick-typography-surface-title-lg-letter-spacing:-.01em;--brick-typography-surface-title-lg-line-height:1.2;--brick-typography-surface-title-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-md-font-size:1.125rem;--brick-typography-surface-title-md-font-weight:600;--brick-typography-surface-title-md-letter-spacing:-.01em;--brick-typography-surface-title-md-line-height:1.2;--brick-typography-surface-title-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-sm-font-size:1rem;--brick-typography-surface-title-sm-font-weight:600;--brick-typography-surface-title-sm-letter-spacing:-.01em;--brick-typography-surface-title-sm-line-height:1.2;--brick-typography-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-lg-font-size:2rem;--brick-typography-title-lg-font-weight:600;--brick-typography-title-lg-letter-spacing:-.02em;--brick-typography-title-lg-line-height:1.2;--brick-typography-title-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-md-font-size:1.5rem;--brick-typography-title-md-font-weight:600;--brick-typography-title-md-letter-spacing:-.02em;--brick-typography-title-md-line-height:1.2;--brick-typography-title-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-sm-font-size:1.25rem;--brick-typography-title-sm-font-weight:600;--brick-typography-title-sm-letter-spacing:-.01em;--brick-typography-title-sm-line-height:1.2;--brick-typography-validation-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-validation-sm-font-size:.875rem;--brick-typography-validation-sm-font-weight:500;--brick-typography-validation-sm-letter-spacing:0em;--brick-typography-validation-sm-line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-brick-appearance]){--brick-color-accent-border:#5a56b5;--brick-color-accent-on-soft:#bebaff;--brick-color-accent-on-solid:#fff;--brick-color-accent-soft:#232149;--brick-color-accent-soft-hover:#2f2c5c;--brick-color-accent-soft-pressed:#3a376f;--brick-color-accent-solid:#5b57c7;--brick-color-accent-solid-hover:#625ed0;--brick-color-accent-solid-pressed:#514db6;--brick-color-accent-text:#bebaff;--brick-color-border-default:#4d4c47;--brick-color-border-strong:#706d64;--brick-color-border-subtle:#3b3b37;--brick-color-danger-border:#993045;--brick-color-danger-on-soft:#ff93a7;--brick-color-danger-on-solid:#fff;--brick-color-danger-soft:#44131e;--brick-color-danger-soft-hover:#561825;--brick-color-danger-soft-pressed:#681d2d;--brick-color-danger-solid:#af2642;--brick-color-danger-solid-hover:#bd2c49;--brick-color-danger-solid-pressed:#9f2038;--brick-color-danger-surface:#44131e;--brick-color-danger-text:#ff93a7;--brick-color-focus-ring:#bebaff;--brick-color-info-border:#2c6ba7;--brick-color-info-on-soft:#95c9f6;--brick-color-info-on-solid:#fff;--brick-color-info-soft:#102840;--brick-color-info-soft-hover:#143654;--brick-color-info-soft-pressed:#184267;--brick-color-info-solid:#0a6ec3;--brick-color-info-solid-hover:#1178cf;--brick-color-info-solid-pressed:#075fa9;--brick-color-info-surface:#102840;--brick-color-info-text:#95c9f6;--brick-color-link-text:#abb5ff;--brick-color-link-text-hover:#b7c1ff;--brick-color-link-text-pressed:#c6cfff;--brick-color-scrim:#000000b8;--brick-color-shadow:#00000080;--brick-color-success-border:#237350;--brick-color-success-on-soft:#7bd1ad;--brick-color-success-on-solid:#fff;--brick-color-success-soft:#0e3022;--brick-color-success-soft-hover:#123d2b;--brick-color-success-soft-pressed:#174b35;--brick-color-success-solid:#18794e;--brick-color-success-solid-hover:#1e8357;--brick-color-success-solid-pressed:#12663f;--brick-color-success-surface:#0e3022;--brick-color-success-text:#7bd1ad;--brick-color-surface-base:#20201e;--brick-color-surface-canvas:#191918;--brick-color-surface-overlay:#2e2e2b;--brick-color-surface-raised:#2e2e2b;--brick-color-surface-subtle:#272725;--brick-color-text-disabled:#999690;--brick-color-text-inverse:#211f1c;--brick-color-text-muted:#999690;--brick-color-text-primary:#eeeeec;--brick-color-text-secondary:#b8b6b1;--brick-color-warning-border:#905f12;--brick-color-warning-on-soft:#f2bd59;--brick-color-warning-on-solid:#211f1c;--brick-color-warning-soft:#3d2707;--brick-color-warning-soft-hover:#4d3108;--brick-color-warning-soft-pressed:#5d3b09;--brick-color-warning-solid:#e39019;--brick-color-warning-solid-hover:#eda025;--brick-color-warning-solid-pressed:#cf7d08;--brick-color-warning-surface:#3d2707;--brick-color-warning-text:#f2bd59;--brick-shadow-floating:0rem .75rem 2rem 0rem #00000042;--brick-shadow-modal:0rem 1.5rem 4.5rem 0rem #0000007a;--brick-shadow-raised:0rem .5rem 1.5rem -.25rem #00000080;--brick-shadow-sm:0rem .125rem .375rem 0rem #00000080}}[data-brick-appearance=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brick-color-accent-border:#aaa8f2;--brick-color-accent-on-soft:#414098;--brick-color-accent-on-solid:#fff;--brick-color-accent-soft:#f0f0ff;--brick-color-accent-soft-hover:#e6e6fe;--brick-color-accent-soft-pressed:#dadaff;--brick-color-accent-solid:#5b5bd6;--brick-color-accent-solid-hover:#5151cd;--brick-color-accent-solid-pressed:#4747c2;--brick-color-accent-text:#414098;--brick-color-border-default:#d9d6d0;--brick-color-border-strong:#aaa69e;--brick-color-border-subtle:#e3e0db;--brick-color-danger-border:#ef9cad;--brick-color-danger-on-soft:#ad233f;--brick-color-danger-on-solid:#fff;--brick-color-danger-soft:#ffeef1;--brick-color-danger-soft-hover:#ffdde3;--brick-color-danger-soft-pressed:#ffcbd5;--brick-color-danger-solid:#ad233f;--brick-color-danger-solid-hover:#9f1f38;--brick-color-danger-solid-pressed:#901a33;--brick-color-danger-surface:#ffeef1;--brick-color-danger-text:#ad233f;--brick-color-focus-ring:#5b5bd6;--brick-color-info-border:#95c9f6;--brick-color-info-on-soft:#105da9;--brick-color-info-on-solid:#fff;--brick-color-info-soft:#ecf6ff;--brick-color-info-soft-hover:#dceeff;--brick-color-info-soft-pressed:#cbe7ff;--brick-color-info-solid:#0073d0;--brick-color-info-solid-hover:#0068bd;--brick-color-info-solid-pressed:#005da9;--brick-color-info-surface:#ecf6ff;--brick-color-info-text:#105da9;--brick-color-link-text:#3a3a8f;--brick-color-link-text-hover:#333185;--brick-color-link-text-pressed:#2a2579;--brick-color-scrim:#1413128c;--brick-color-shadow:#1413122e;--brick-color-success-border:#7bd1ad;--brick-color-success-on-soft:#136e4c;--brick-color-success-on-solid:#fff;--brick-color-success-soft:#e8fbf3;--brick-color-success-soft-hover:#d7f6e9;--brick-color-success-soft-pressed:#c5efdd;--brick-color-success-solid:#18794e;--brick-color-success-solid-hover:#146f46;--brick-color-success-solid-pressed:#10643e;--brick-color-success-surface:#e8fbf3;--brick-color-success-text:#136e4c;--brick-color-surface-base:#f9f8f6;--brick-color-surface-canvas:#fdfcfb;--brick-color-surface-overlay:#fff;--brick-color-surface-raised:#fff;--brick-color-surface-subtle:#f2f0ed;--brick-color-text-disabled:#76726c;--brick-color-text-inverse:#fff;--brick-color-text-muted:#76726c;--brick-color-text-primary:#211f1c;--brick-color-text-secondary:#63605b;--brick-color-warning-border:#e3a644;--brick-color-warning-on-soft:#714904;--brick-color-warning-on-solid:#211f1c;--brick-color-warning-soft:#fff7e3;--brick-color-warning-soft-hover:#ffedc2;--brick-color-warning-soft-pressed:#ffe3a1;--brick-color-warning-solid:#f29f21;--brick-color-warning-solid-hover:#e58c0e;--brick-color-warning-solid-pressed:#d87d00;--brick-color-warning-surface:#fff7e3;--brick-color-warning-text:#714904;--brick-shadow-floating:0rem .75rem 2rem 0rem #14131218;--brick-shadow-modal:0rem 1.5rem 4.5rem 0rem #1413122c;--brick-shadow-raised:0rem .5rem 1.5rem -.25rem #1413122e;--brick-shadow-sm:0rem .125rem .375rem 0rem #1413122e}[data-brick-appearance=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brick-color-accent-border:#5a56b5;--brick-color-accent-on-soft:#bebaff;--brick-color-accent-on-solid:#fff;--brick-color-accent-soft:#232149;--brick-color-accent-soft-hover:#2f2c5c;--brick-color-accent-soft-pressed:#3a376f;--brick-color-accent-solid:#5b57c7;--brick-color-accent-solid-hover:#625ed0;--brick-color-accent-solid-pressed:#514db6;--brick-color-accent-text:#bebaff;--brick-color-border-default:#4d4c47;--brick-color-border-strong:#706d64;--brick-color-border-subtle:#3b3b37;--brick-color-danger-border:#993045;--brick-color-danger-on-soft:#ff93a7;--brick-color-danger-on-solid:#fff;--brick-color-danger-soft:#44131e;--brick-color-danger-soft-hover:#561825;--brick-color-danger-soft-pressed:#681d2d;--brick-color-danger-solid:#af2642;--brick-color-danger-solid-hover:#bd2c49;--brick-color-danger-solid-pressed:#9f2038;--brick-color-danger-surface:#44131e;--brick-color-danger-text:#ff93a7;--brick-color-focus-ring:#bebaff;--brick-color-info-border:#2c6ba7;--brick-color-info-on-soft:#95c9f6;--brick-color-info-on-solid:#fff;--brick-color-info-soft:#102840;--brick-color-info-soft-hover:#143654;--brick-color-info-soft-pressed:#184267;--brick-color-info-solid:#0a6ec3;--brick-color-info-solid-hover:#1178cf;--brick-color-info-solid-pressed:#075fa9;--brick-color-info-surface:#102840;--brick-color-info-text:#95c9f6;--brick-color-link-text:#abb5ff;--brick-color-link-text-hover:#b7c1ff;--brick-color-link-text-pressed:#c6cfff;--brick-color-scrim:#000000b8;--brick-color-shadow:#00000080;--brick-color-success-border:#237350;--brick-color-success-on-soft:#7bd1ad;--brick-color-success-on-solid:#fff;--brick-color-success-soft:#0e3022;--brick-color-success-soft-hover:#123d2b;--brick-color-success-soft-pressed:#174b35;--brick-color-success-solid:#18794e;--brick-color-success-solid-hover:#1e8357;--brick-color-success-solid-pressed:#12663f;--brick-color-success-surface:#0e3022;--brick-color-success-text:#7bd1ad;--brick-color-surface-base:#20201e;--brick-color-surface-canvas:#191918;--brick-color-surface-overlay:#2e2e2b;--brick-color-surface-raised:#2e2e2b;--brick-color-surface-subtle:#272725;--brick-color-text-disabled:#999690;--brick-color-text-inverse:#211f1c;--brick-color-text-muted:#999690;--brick-color-text-primary:#eeeeec;--brick-color-text-secondary:#b8b6b1;--brick-color-warning-border:#905f12;--brick-color-warning-on-soft:#f2bd59;--brick-color-warning-on-solid:#211f1c;--brick-color-warning-soft:#3d2707;--brick-color-warning-soft-hover:#4d3108;--brick-color-warning-soft-pressed:#5d3b09;--brick-color-warning-solid:#e39019;--brick-color-warning-solid-hover:#eda025;--brick-color-warning-solid-pressed:#cf7d08;--brick-color-warning-surface:#3d2707;--brick-color-warning-text:#f2bd59;--brick-shadow-floating:0rem .75rem 2rem 0rem #00000042;--brick-shadow-modal:0rem 1.5rem 4.5rem 0rem #0000007a;--brick-shadow-raised:0rem .5rem 1.5rem -.25rem #00000080;--brick-shadow-sm:0rem .125rem .375rem 0rem #00000080}}
|
|
2
2
|
/*# sourceMappingURL=tokens.css.map */
|
package/dist/tokens.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":null,"mappings":"AAAA,oBACE,orYAAA,mCAAA,yDAiRE,2rFA4EF,kvFA4EA","sources":["home/runner/work/brick/brick/.brick-cache/production/tokens.source.css"],"sourcesContent":["@layer brick.tokens {\n :root {\n color-scheme: light dark;\n --brick-border-focus-offset: 0.25rem;\n --brick-border-focus-width: 2px;\n --brick-border-width: 1px;\n --brick-color-accent-border: #aaa8f2;\n --brick-color-accent-on-soft: #414098;\n --brick-color-accent-on-solid: #ffffff;\n --brick-color-accent-soft: #f0f0ff;\n --brick-color-accent-soft-hover: #e6e6fe;\n --brick-color-accent-soft-pressed: #dadaff;\n --brick-color-accent-solid: #5b5bd6;\n --brick-color-accent-solid-hover: #5151cd;\n --brick-color-accent-solid-pressed: #4747c2;\n --brick-color-accent-text: #414098;\n --brick-color-border-default: #d9d6d0;\n --brick-color-border-strong: #aaa69e;\n --brick-color-border-subtle: #e3e0db;\n --brick-color-danger-border: #ef9cad;\n --brick-color-danger-on-soft: #ad233f;\n --brick-color-danger-on-solid: #ffffff;\n --brick-color-danger-soft: #ffeef1;\n --brick-color-danger-soft-hover: #ffdde3;\n --brick-color-danger-soft-pressed: #ffcbd5;\n --brick-color-danger-solid: #ad233f;\n --brick-color-danger-solid-hover: #9f1f38;\n --brick-color-danger-solid-pressed: #901a33;\n --brick-color-danger-surface: #ffeef1;\n --brick-color-danger-text: #ad233f;\n --brick-color-focus-ring: #5b5bd6;\n --brick-color-info-border: #95c9f6;\n --brick-color-info-on-soft: #105da9;\n --brick-color-info-on-solid: #ffffff;\n --brick-color-info-soft: #ecf6ff;\n --brick-color-info-soft-hover: #dceeff;\n --brick-color-info-soft-pressed: #cbe7ff;\n --brick-color-info-solid: #0073d0;\n --brick-color-info-solid-hover: #0068bd;\n --brick-color-info-solid-pressed: #005da9;\n --brick-color-info-surface: #ecf6ff;\n --brick-color-info-text: #105da9;\n --brick-color-scrim: #1413128c;\n --brick-color-shadow: #1413122e;\n --brick-color-success-border: #7bd1ad;\n --brick-color-success-on-soft: #136e4c;\n --brick-color-success-on-solid: #ffffff;\n --brick-color-success-soft: #e8fbf3;\n --brick-color-success-soft-hover: #d7f6e9;\n --brick-color-success-soft-pressed: #c5efdd;\n --brick-color-success-solid: #18794e;\n --brick-color-success-solid-hover: #146f46;\n --brick-color-success-solid-pressed: #10643e;\n --brick-color-success-surface: #e8fbf3;\n --brick-color-success-text: #136e4c;\n --brick-color-surface-base: #f9f8f6;\n --brick-color-surface-canvas: #fdfcfb;\n --brick-color-surface-overlay: #ffffff;\n --brick-color-surface-raised: #ffffff;\n --brick-color-surface-subtle: #f2f0ed;\n --brick-color-text-disabled: #76726c;\n --brick-color-text-inverse: #ffffff;\n --brick-color-text-muted: #76726c;\n --brick-color-text-primary: #211f1c;\n --brick-color-text-secondary: #63605b;\n --brick-color-warning-border: #e3a644;\n --brick-color-warning-on-soft: #714904;\n --brick-color-warning-on-solid: #211f1c;\n --brick-color-warning-soft: #fff7e3;\n --brick-color-warning-soft-hover: #ffedc2;\n --brick-color-warning-soft-pressed: #ffe3a1;\n --brick-color-warning-solid: #f29f21;\n --brick-color-warning-solid-hover: #e58c0e;\n --brick-color-warning-solid-pressed: #d87d00;\n --brick-color-warning-surface: #fff7e3;\n --brick-color-warning-text: #714904;\n --brick-control-min-block-size-lg: 3.25rem;\n --brick-control-min-block-size-md: 2.75rem;\n --brick-control-min-block-size-sm: 2.25rem;\n --brick-control-min-block-size-xl: 3.75rem;\n --brick-control-min-block-size-xs: 1.75rem;\n --brick-control-target-min: 2.75rem;\n --brick-font-family-body: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-heading: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-mono: ui-monospace, SFMono-Regular, monospace;\n --brick-font-letter-spacing-normal: 0em;\n --brick-font-letter-spacing-slight: -0.01em;\n --brick-font-letter-spacing-tight: -0.02em;\n --brick-font-letter-spacing-tightest: -0.03em;\n --brick-font-letter-spacing-wide: 0.08em;\n --brick-font-line-height-body: 1.5;\n --brick-font-line-height-tight: 1.2;\n --brick-font-size-2xl: 2rem;\n --brick-font-size-3xl: 2.5rem;\n --brick-font-size-lg: 1.25rem;\n --brick-font-size-md: 1rem;\n --brick-font-size-sm: 0.875rem;\n --brick-font-size-xl: 1.5rem;\n --brick-font-size-xs: 0.75rem;\n --brick-font-weight-medium: 500;\n --brick-font-weight-regular: 400;\n --brick-font-weight-semibold: 600;\n --brick-layer-base: 0;\n --brick-layer-overlay: 1000;\n --brick-motion-duration-fast: 120ms;\n --brick-motion-duration-moderate: 200ms;\n --brick-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);\n --brick-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);\n --brick-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);\n --brick-radius-control: 0.5rem;\n --brick-radius-full: 9999px;\n --brick-radius-overlay: 1rem;\n --brick-radius-subtle: 0.25rem;\n --brick-radius-surface: 0.75rem;\n --brick-shadow-raised: 0rem 0.5rem 1.5rem -0.25rem #1413122e;\n --brick-shadow-sm: 0rem 0.125rem 0.375rem 0rem #1413122e;\n --brick-space-0: 0rem;\n --brick-space-1: 0.25rem;\n --brick-space-2: 0.5rem;\n --brick-space-3: 0.75rem;\n --brick-space-4: 1rem;\n --brick-space-5: 1.5rem;\n --brick-space-6: 2rem;\n --brick-space-component-gap: 0.5rem;\n --brick-space-control-inline: 1rem;\n --brick-space-surface: 1.5rem;\n --brick-typography-body-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-lg-font-size: 1.25rem;\n --brick-typography-body-lg-font-weight: 400;\n --brick-typography-body-lg-letter-spacing: 0em;\n --brick-typography-body-lg-line-height: 1.5;\n --brick-typography-body-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-md-font-size: 1rem;\n --brick-typography-body-md-font-weight: 400;\n --brick-typography-body-md-letter-spacing: 0em;\n --brick-typography-body-md-line-height: 1.5;\n --brick-typography-body-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-sm-font-size: 0.875rem;\n --brick-typography-body-sm-font-weight: 400;\n --brick-typography-body-sm-letter-spacing: 0em;\n --brick-typography-body-sm-line-height: 1.5;\n --brick-typography-caption-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-caption-font-size: 0.75rem;\n --brick-typography-caption-font-weight: 400;\n --brick-typography-caption-letter-spacing: 0em;\n --brick-typography-caption-line-height: 1.5;\n --brick-typography-code-block-md-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-md-font-size: 1rem;\n --brick-typography-code-block-md-font-weight: 400;\n --brick-typography-code-block-md-letter-spacing: 0em;\n --brick-typography-code-block-md-line-height: 1.5;\n --brick-typography-code-block-sm-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-sm-font-size: 0.875rem;\n --brick-typography-code-block-sm-font-weight: 400;\n --brick-typography-code-block-sm-letter-spacing: 0em;\n --brick-typography-code-block-sm-line-height: 1.5;\n --brick-typography-code-inline-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-inline-font-size: 0.9em;\n --brick-typography-code-inline-font-weight: 400;\n --brick-typography-code-inline-letter-spacing: 0em;\n --brick-typography-code-inline-line-height: 1.5;\n --brick-typography-compact-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-lg-font-size: 1rem;\n --brick-typography-compact-title-lg-font-weight: 600;\n --brick-typography-compact-title-lg-letter-spacing: -0.01em;\n --brick-typography-compact-title-lg-line-height: 1.2;\n --brick-typography-compact-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-font-size: 0.875rem;\n --brick-typography-compact-title-font-weight: 600;\n --brick-typography-compact-title-letter-spacing: 0em;\n --brick-typography-compact-title-line-height: 1.2;\n --brick-typography-control-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-lg-font-size: 1rem;\n --brick-typography-control-lg-font-weight: 500;\n --brick-typography-control-lg-letter-spacing: 0em;\n --brick-typography-control-lg-line-height: 1.2;\n --brick-typography-control-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-md-font-size: 0.9375rem;\n --brick-typography-control-md-font-weight: 500;\n --brick-typography-control-md-letter-spacing: 0em;\n --brick-typography-control-md-line-height: 1.2;\n --brick-typography-control-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-sm-font-size: 0.875rem;\n --brick-typography-control-sm-font-weight: 500;\n --brick-typography-control-sm-letter-spacing: 0em;\n --brick-typography-control-sm-line-height: 1.2;\n --brick-typography-control-xl-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xl-font-size: 1.125rem;\n --brick-typography-control-xl-font-weight: 500;\n --brick-typography-control-xl-letter-spacing: 0em;\n --brick-typography-control-xl-line-height: 1.2;\n --brick-typography-control-xs-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xs-font-size: 0.75rem;\n --brick-typography-control-xs-font-weight: 500;\n --brick-typography-control-xs-letter-spacing: 0em;\n --brick-typography-control-xs-line-height: 1.2;\n --brick-typography-display-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-display-font-size: 2.5rem;\n --brick-typography-display-font-weight: 600;\n --brick-typography-display-letter-spacing: -0.03em;\n --brick-typography-display-line-height: 1.2;\n --brick-typography-eyebrow-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-eyebrow-font-size: 0.75rem;\n --brick-typography-eyebrow-font-weight: 600;\n --brick-typography-eyebrow-letter-spacing: 0.08em;\n --brick-typography-eyebrow-line-height: 1.2;\n --brick-typography-field-value-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-lg-font-size: 1.125rem;\n --brick-typography-field-value-lg-font-weight: 400;\n --brick-typography-field-value-lg-letter-spacing: 0em;\n --brick-typography-field-value-lg-line-height: 1.5;\n --brick-typography-field-value-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-md-font-size: 1rem;\n --brick-typography-field-value-md-font-weight: 400;\n --brick-typography-field-value-md-letter-spacing: 0em;\n --brick-typography-field-value-md-line-height: 1.5;\n --brick-typography-label-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-md-font-size: 1rem;\n --brick-typography-label-md-font-weight: 500;\n --brick-typography-label-md-letter-spacing: 0em;\n --brick-typography-label-md-line-height: 1.5;\n --brick-typography-label-strong-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-strong-font-size: 1rem;\n --brick-typography-label-strong-font-weight: 600;\n --brick-typography-label-strong-letter-spacing: 0em;\n --brick-typography-label-strong-line-height: 1.5;\n --brick-typography-overlay-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-overlay-title-font-size: 1.25rem;\n --brick-typography-overlay-title-font-weight: 600;\n --brick-typography-overlay-title-letter-spacing: -0.01em;\n --brick-typography-overlay-title-line-height: 1.2;\n --brick-typography-supporting-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-supporting-sm-font-size: 0.875rem;\n --brick-typography-supporting-sm-font-weight: 400;\n --brick-typography-supporting-sm-letter-spacing: 0em;\n --brick-typography-supporting-sm-line-height: 1.5;\n --brick-typography-surface-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-lg-font-size: 1.25rem;\n --brick-typography-surface-title-lg-font-weight: 600;\n --brick-typography-surface-title-lg-letter-spacing: -0.01em;\n --brick-typography-surface-title-lg-line-height: 1.2;\n --brick-typography-surface-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-md-font-size: 1.125rem;\n --brick-typography-surface-title-md-font-weight: 600;\n --brick-typography-surface-title-md-letter-spacing: -0.01em;\n --brick-typography-surface-title-md-line-height: 1.2;\n --brick-typography-surface-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-sm-font-size: 1rem;\n --brick-typography-surface-title-sm-font-weight: 600;\n --brick-typography-surface-title-sm-letter-spacing: -0.01em;\n --brick-typography-surface-title-sm-line-height: 1.2;\n --brick-typography-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-lg-font-size: 2rem;\n --brick-typography-title-lg-font-weight: 600;\n --brick-typography-title-lg-letter-spacing: -0.02em;\n --brick-typography-title-lg-line-height: 1.2;\n --brick-typography-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-md-font-size: 1.5rem;\n --brick-typography-title-md-font-weight: 600;\n --brick-typography-title-md-letter-spacing: -0.02em;\n --brick-typography-title-md-line-height: 1.2;\n --brick-typography-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-sm-font-size: 1.25rem;\n --brick-typography-title-sm-font-weight: 600;\n --brick-typography-title-sm-letter-spacing: -0.01em;\n --brick-typography-title-sm-line-height: 1.2;\n --brick-typography-validation-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-validation-sm-font-size: 0.875rem;\n --brick-typography-validation-sm-font-weight: 500;\n --brick-typography-validation-sm-letter-spacing: 0em;\n --brick-typography-validation-sm-line-height: 1.5;\n }\n\n @media (prefers-color-scheme: dark) {\n :root:not([data-brick-appearance]) {\n --brick-color-accent-border: #5a56b5;\n --brick-color-accent-on-soft: #bebaff;\n --brick-color-accent-on-solid: #ffffff;\n --brick-color-accent-soft: #232149;\n --brick-color-accent-soft-hover: #2f2c5c;\n --brick-color-accent-soft-pressed: #3a376f;\n --brick-color-accent-solid: #5b57c7;\n --brick-color-accent-solid-hover: #625ed0;\n --brick-color-accent-solid-pressed: #514db6;\n --brick-color-accent-text: #bebaff;\n --brick-color-border-default: #4d4c47;\n --brick-color-border-strong: #706d64;\n --brick-color-border-subtle: #3b3b37;\n --brick-color-danger-border: #993045;\n --brick-color-danger-on-soft: #ff93a7;\n --brick-color-danger-on-solid: #ffffff;\n --brick-color-danger-soft: #44131e;\n --brick-color-danger-soft-hover: #561825;\n --brick-color-danger-soft-pressed: #681d2d;\n --brick-color-danger-solid: #af2642;\n --brick-color-danger-solid-hover: #bd2c49;\n --brick-color-danger-solid-pressed: #9f2038;\n --brick-color-danger-surface: #44131e;\n --brick-color-danger-text: #ff93a7;\n --brick-color-focus-ring: #bebaff;\n --brick-color-info-border: #2c6ba7;\n --brick-color-info-on-soft: #95c9f6;\n --brick-color-info-on-solid: #ffffff;\n --brick-color-info-soft: #102840;\n --brick-color-info-soft-hover: #143654;\n --brick-color-info-soft-pressed: #184267;\n --brick-color-info-solid: #0a6ec3;\n --brick-color-info-solid-hover: #1178cf;\n --brick-color-info-solid-pressed: #075fa9;\n --brick-color-info-surface: #102840;\n --brick-color-info-text: #95c9f6;\n --brick-color-scrim: #000000b8;\n --brick-color-shadow: #00000080;\n --brick-color-success-border: #237350;\n --brick-color-success-on-soft: #7bd1ad;\n --brick-color-success-on-solid: #ffffff;\n --brick-color-success-soft: #0e3022;\n --brick-color-success-soft-hover: #123d2b;\n --brick-color-success-soft-pressed: #174b35;\n --brick-color-success-solid: #18794e;\n --brick-color-success-solid-hover: #1e8357;\n --brick-color-success-solid-pressed: #12663f;\n --brick-color-success-surface: #0e3022;\n --brick-color-success-text: #7bd1ad;\n --brick-color-surface-base: #20201e;\n --brick-color-surface-canvas: #191918;\n --brick-color-surface-overlay: #2e2e2b;\n --brick-color-surface-raised: #2e2e2b;\n --brick-color-surface-subtle: #272725;\n --brick-color-text-disabled: #999690;\n --brick-color-text-inverse: #211f1c;\n --brick-color-text-muted: #999690;\n --brick-color-text-primary: #eeeeec;\n --brick-color-text-secondary: #b8b6b1;\n --brick-color-warning-border: #905f12;\n --brick-color-warning-on-soft: #f2bd59;\n --brick-color-warning-on-solid: #211f1c;\n --brick-color-warning-soft: #3d2707;\n --brick-color-warning-soft-hover: #4d3108;\n --brick-color-warning-soft-pressed: #5d3b09;\n --brick-color-warning-solid: #e39019;\n --brick-color-warning-solid-hover: #eda025;\n --brick-color-warning-solid-pressed: #cf7d08;\n --brick-color-warning-surface: #3d2707;\n --brick-color-warning-text: #f2bd59;\n --brick-shadow-raised: 0rem 0.5rem 1.5rem -0.25rem #00000080;\n --brick-shadow-sm: 0rem 0.125rem 0.375rem 0rem #00000080;\n }\n }\n\n [data-brick-appearance=\"light\"] {\n color-scheme: light;\n --brick-color-accent-border: #aaa8f2;\n --brick-color-accent-on-soft: #414098;\n --brick-color-accent-on-solid: #ffffff;\n --brick-color-accent-soft: #f0f0ff;\n --brick-color-accent-soft-hover: #e6e6fe;\n --brick-color-accent-soft-pressed: #dadaff;\n --brick-color-accent-solid: #5b5bd6;\n --brick-color-accent-solid-hover: #5151cd;\n --brick-color-accent-solid-pressed: #4747c2;\n --brick-color-accent-text: #414098;\n --brick-color-border-default: #d9d6d0;\n --brick-color-border-strong: #aaa69e;\n --brick-color-border-subtle: #e3e0db;\n --brick-color-danger-border: #ef9cad;\n --brick-color-danger-on-soft: #ad233f;\n --brick-color-danger-on-solid: #ffffff;\n --brick-color-danger-soft: #ffeef1;\n --brick-color-danger-soft-hover: #ffdde3;\n --brick-color-danger-soft-pressed: #ffcbd5;\n --brick-color-danger-solid: #ad233f;\n --brick-color-danger-solid-hover: #9f1f38;\n --brick-color-danger-solid-pressed: #901a33;\n --brick-color-danger-surface: #ffeef1;\n --brick-color-danger-text: #ad233f;\n --brick-color-focus-ring: #5b5bd6;\n --brick-color-info-border: #95c9f6;\n --brick-color-info-on-soft: #105da9;\n --brick-color-info-on-solid: #ffffff;\n --brick-color-info-soft: #ecf6ff;\n --brick-color-info-soft-hover: #dceeff;\n --brick-color-info-soft-pressed: #cbe7ff;\n --brick-color-info-solid: #0073d0;\n --brick-color-info-solid-hover: #0068bd;\n --brick-color-info-solid-pressed: #005da9;\n --brick-color-info-surface: #ecf6ff;\n --brick-color-info-text: #105da9;\n --brick-color-scrim: #1413128c;\n --brick-color-shadow: #1413122e;\n --brick-color-success-border: #7bd1ad;\n --brick-color-success-on-soft: #136e4c;\n --brick-color-success-on-solid: #ffffff;\n --brick-color-success-soft: #e8fbf3;\n --brick-color-success-soft-hover: #d7f6e9;\n --brick-color-success-soft-pressed: #c5efdd;\n --brick-color-success-solid: #18794e;\n --brick-color-success-solid-hover: #146f46;\n --brick-color-success-solid-pressed: #10643e;\n --brick-color-success-surface: #e8fbf3;\n --brick-color-success-text: #136e4c;\n --brick-color-surface-base: #f9f8f6;\n --brick-color-surface-canvas: #fdfcfb;\n --brick-color-surface-overlay: #ffffff;\n --brick-color-surface-raised: #ffffff;\n --brick-color-surface-subtle: #f2f0ed;\n --brick-color-text-disabled: #76726c;\n --brick-color-text-inverse: #ffffff;\n --brick-color-text-muted: #76726c;\n --brick-color-text-primary: #211f1c;\n --brick-color-text-secondary: #63605b;\n --brick-color-warning-border: #e3a644;\n --brick-color-warning-on-soft: #714904;\n --brick-color-warning-on-solid: #211f1c;\n --brick-color-warning-soft: #fff7e3;\n --brick-color-warning-soft-hover: #ffedc2;\n --brick-color-warning-soft-pressed: #ffe3a1;\n --brick-color-warning-solid: #f29f21;\n --brick-color-warning-solid-hover: #e58c0e;\n --brick-color-warning-solid-pressed: #d87d00;\n --brick-color-warning-surface: #fff7e3;\n --brick-color-warning-text: #714904;\n --brick-shadow-raised: 0rem 0.5rem 1.5rem -0.25rem #1413122e;\n --brick-shadow-sm: 0rem 0.125rem 0.375rem 0rem #1413122e;\n }\n\n [data-brick-appearance=\"dark\"] {\n color-scheme: dark;\n --brick-color-accent-border: #5a56b5;\n --brick-color-accent-on-soft: #bebaff;\n --brick-color-accent-on-solid: #ffffff;\n --brick-color-accent-soft: #232149;\n --brick-color-accent-soft-hover: #2f2c5c;\n --brick-color-accent-soft-pressed: #3a376f;\n --brick-color-accent-solid: #5b57c7;\n --brick-color-accent-solid-hover: #625ed0;\n --brick-color-accent-solid-pressed: #514db6;\n --brick-color-accent-text: #bebaff;\n --brick-color-border-default: #4d4c47;\n --brick-color-border-strong: #706d64;\n --brick-color-border-subtle: #3b3b37;\n --brick-color-danger-border: #993045;\n --brick-color-danger-on-soft: #ff93a7;\n --brick-color-danger-on-solid: #ffffff;\n --brick-color-danger-soft: #44131e;\n --brick-color-danger-soft-hover: #561825;\n --brick-color-danger-soft-pressed: #681d2d;\n --brick-color-danger-solid: #af2642;\n --brick-color-danger-solid-hover: #bd2c49;\n --brick-color-danger-solid-pressed: #9f2038;\n --brick-color-danger-surface: #44131e;\n --brick-color-danger-text: #ff93a7;\n --brick-color-focus-ring: #bebaff;\n --brick-color-info-border: #2c6ba7;\n --brick-color-info-on-soft: #95c9f6;\n --brick-color-info-on-solid: #ffffff;\n --brick-color-info-soft: #102840;\n --brick-color-info-soft-hover: #143654;\n --brick-color-info-soft-pressed: #184267;\n --brick-color-info-solid: #0a6ec3;\n --brick-color-info-solid-hover: #1178cf;\n --brick-color-info-solid-pressed: #075fa9;\n --brick-color-info-surface: #102840;\n --brick-color-info-text: #95c9f6;\n --brick-color-scrim: #000000b8;\n --brick-color-shadow: #00000080;\n --brick-color-success-border: #237350;\n --brick-color-success-on-soft: #7bd1ad;\n --brick-color-success-on-solid: #ffffff;\n --brick-color-success-soft: #0e3022;\n --brick-color-success-soft-hover: #123d2b;\n --brick-color-success-soft-pressed: #174b35;\n --brick-color-success-solid: #18794e;\n --brick-color-success-solid-hover: #1e8357;\n --brick-color-success-solid-pressed: #12663f;\n --brick-color-success-surface: #0e3022;\n --brick-color-success-text: #7bd1ad;\n --brick-color-surface-base: #20201e;\n --brick-color-surface-canvas: #191918;\n --brick-color-surface-overlay: #2e2e2b;\n --brick-color-surface-raised: #2e2e2b;\n --brick-color-surface-subtle: #272725;\n --brick-color-text-disabled: #999690;\n --brick-color-text-inverse: #211f1c;\n --brick-color-text-muted: #999690;\n --brick-color-text-primary: #eeeeec;\n --brick-color-text-secondary: #b8b6b1;\n --brick-color-warning-border: #905f12;\n --brick-color-warning-on-soft: #f2bd59;\n --brick-color-warning-on-solid: #211f1c;\n --brick-color-warning-soft: #3d2707;\n --brick-color-warning-soft-hover: #4d3108;\n --brick-color-warning-soft-pressed: #5d3b09;\n --brick-color-warning-solid: #e39019;\n --brick-color-warning-solid-hover: #eda025;\n --brick-color-warning-solid-pressed: #cf7d08;\n --brick-color-warning-surface: #3d2707;\n --brick-color-warning-text: #f2bd59;\n --brick-shadow-raised: 0rem 0.5rem 1.5rem -0.25rem #00000080;\n --brick-shadow-sm: 0rem 0.125rem 0.375rem 0rem #00000080;\n }\n}\n"],"names":[]}
|
|
1
|
+
{"version":3,"sourceRoot":null,"mappings":"AAAA,oBACE,mvaAAA,mCAAA,yDAuSE,w5FAiFF,+8FAiFA","sources":["home/runner/work/brick/brick/.brick-cache/production/tokens.source.css"],"sourcesContent":["@layer brick.tokens {\n :root {\n color-scheme: light dark;\n --brick-border-focus-offset: 0.25rem;\n --brick-border-focus-width: 2px;\n --brick-border-width: 1px;\n --brick-color-accent-border: #aaa8f2;\n --brick-color-accent-on-soft: #414098;\n --brick-color-accent-on-solid: #ffffff;\n --brick-color-accent-soft: #f0f0ff;\n --brick-color-accent-soft-hover: #e6e6fe;\n --brick-color-accent-soft-pressed: #dadaff;\n --brick-color-accent-solid: #5b5bd6;\n --brick-color-accent-solid-hover: #5151cd;\n --brick-color-accent-solid-pressed: #4747c2;\n --brick-color-accent-text: #414098;\n --brick-color-border-default: #d9d6d0;\n --brick-color-border-strong: #aaa69e;\n --brick-color-border-subtle: #e3e0db;\n --brick-color-danger-border: #ef9cad;\n --brick-color-danger-on-soft: #ad233f;\n --brick-color-danger-on-solid: #ffffff;\n --brick-color-danger-soft: #ffeef1;\n --brick-color-danger-soft-hover: #ffdde3;\n --brick-color-danger-soft-pressed: #ffcbd5;\n --brick-color-danger-solid: #ad233f;\n --brick-color-danger-solid-hover: #9f1f38;\n --brick-color-danger-solid-pressed: #901a33;\n --brick-color-danger-surface: #ffeef1;\n --brick-color-danger-text: #ad233f;\n --brick-color-focus-ring: #5b5bd6;\n --brick-color-info-border: #95c9f6;\n --brick-color-info-on-soft: #105da9;\n --brick-color-info-on-solid: #ffffff;\n --brick-color-info-soft: #ecf6ff;\n --brick-color-info-soft-hover: #dceeff;\n --brick-color-info-soft-pressed: #cbe7ff;\n --brick-color-info-solid: #0073d0;\n --brick-color-info-solid-hover: #0068bd;\n --brick-color-info-solid-pressed: #005da9;\n --brick-color-info-surface: #ecf6ff;\n --brick-color-info-text: #105da9;\n --brick-color-link-text: #3a3a8f;\n --brick-color-link-text-hover: #333185;\n --brick-color-link-text-pressed: #2a2579;\n --brick-color-scrim: #1413128c;\n --brick-color-shadow: #1413122e;\n --brick-color-success-border: #7bd1ad;\n --brick-color-success-on-soft: #136e4c;\n --brick-color-success-on-solid: #ffffff;\n --brick-color-success-soft: #e8fbf3;\n --brick-color-success-soft-hover: #d7f6e9;\n --brick-color-success-soft-pressed: #c5efdd;\n --brick-color-success-solid: #18794e;\n --brick-color-success-solid-hover: #146f46;\n --brick-color-success-solid-pressed: #10643e;\n --brick-color-success-surface: #e8fbf3;\n --brick-color-success-text: #136e4c;\n --brick-color-surface-base: #f9f8f6;\n --brick-color-surface-canvas: #fdfcfb;\n --brick-color-surface-overlay: #ffffff;\n --brick-color-surface-raised: #ffffff;\n --brick-color-surface-subtle: #f2f0ed;\n --brick-color-text-disabled: #76726c;\n --brick-color-text-inverse: #ffffff;\n --brick-color-text-muted: #76726c;\n --brick-color-text-primary: #211f1c;\n --brick-color-text-secondary: #63605b;\n --brick-color-warning-border: #e3a644;\n --brick-color-warning-on-soft: #714904;\n --brick-color-warning-on-solid: #211f1c;\n --brick-color-warning-soft: #fff7e3;\n --brick-color-warning-soft-hover: #ffedc2;\n --brick-color-warning-soft-pressed: #ffe3a1;\n --brick-color-warning-solid: #f29f21;\n --brick-color-warning-solid-hover: #e58c0e;\n --brick-color-warning-solid-pressed: #d87d00;\n --brick-color-warning-surface: #fff7e3;\n --brick-color-warning-text: #714904;\n --brick-control-min-block-size-lg: 3.25rem;\n --brick-control-min-block-size-md: 2.75rem;\n --brick-control-min-block-size-sm: 2.25rem;\n --brick-control-min-block-size-xl: 3.75rem;\n --brick-control-min-block-size-xs: 1.75rem;\n --brick-control-target-min: 2.75rem;\n --brick-font-family-body: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-heading: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-mono: ui-monospace, SFMono-Regular, monospace;\n --brick-font-letter-spacing-normal: 0em;\n --brick-font-letter-spacing-slight: -0.01em;\n --brick-font-letter-spacing-tight: -0.02em;\n --brick-font-letter-spacing-tightest: -0.03em;\n --brick-font-letter-spacing-wide: 0.08em;\n --brick-font-line-height-body: 1.5;\n --brick-font-line-height-tight: 1.2;\n --brick-font-size-2xl: 2rem;\n --brick-font-size-3xl: 2.5rem;\n --brick-font-size-4xl: 3.25rem;\n --brick-font-size-5xl: 4rem;\n --brick-font-size-lg: 1.25rem;\n --brick-font-size-md: 1rem;\n --brick-font-size-sm: 0.875rem;\n --brick-font-size-xl: 1.5rem;\n --brick-font-size-xs: 0.75rem;\n --brick-font-weight-medium: 500;\n --brick-font-weight-regular: 400;\n --brick-font-weight-semibold: 600;\n --brick-layer-base: 0;\n --brick-layer-overlay: 1000;\n --brick-motion-duration-fast: 120ms;\n --brick-motion-duration-moderate: 200ms;\n --brick-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);\n --brick-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);\n --brick-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);\n --brick-radius-control: 0.5rem;\n --brick-radius-full: 9999px;\n --brick-radius-overlay: 1rem;\n --brick-radius-subtle: 0.25rem;\n --brick-radius-surface: 0.75rem;\n --brick-shadow-floating: 0rem 0.75rem 2rem 0rem #14131218;\n --brick-shadow-modal: 0rem 1.5rem 4.5rem 0rem #1413122c;\n --brick-shadow-raised: 0rem 0.5rem 1.5rem -0.25rem #1413122e;\n --brick-shadow-sm: 0rem 0.125rem 0.375rem 0rem #1413122e;\n --brick-space-0: 0rem;\n --brick-space-1: 0.25rem;\n --brick-space-2: 0.5rem;\n --brick-space-3: 0.75rem;\n --brick-space-4: 1rem;\n --brick-space-5: 1.5rem;\n --brick-space-6: 2rem;\n --brick-space-component-gap: 0.5rem;\n --brick-space-control-inline: 1rem;\n --brick-space-surface: 1.5rem;\n --brick-typography-body-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-lg-font-size: 1.25rem;\n --brick-typography-body-lg-font-weight: 400;\n --brick-typography-body-lg-letter-spacing: 0em;\n --brick-typography-body-lg-line-height: 1.5;\n --brick-typography-body-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-md-font-size: 1rem;\n --brick-typography-body-md-font-weight: 400;\n --brick-typography-body-md-letter-spacing: 0em;\n --brick-typography-body-md-line-height: 1.5;\n --brick-typography-body-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-sm-font-size: 0.875rem;\n --brick-typography-body-sm-font-weight: 400;\n --brick-typography-body-sm-letter-spacing: 0em;\n --brick-typography-body-sm-line-height: 1.5;\n --brick-typography-caption-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-caption-font-size: 0.75rem;\n --brick-typography-caption-font-weight: 400;\n --brick-typography-caption-letter-spacing: 0em;\n --brick-typography-caption-line-height: 1.5;\n --brick-typography-code-block-md-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-md-font-size: 1rem;\n --brick-typography-code-block-md-font-weight: 400;\n --brick-typography-code-block-md-letter-spacing: 0em;\n --brick-typography-code-block-md-line-height: 1.5;\n --brick-typography-code-block-sm-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-sm-font-size: 0.875rem;\n --brick-typography-code-block-sm-font-weight: 400;\n --brick-typography-code-block-sm-letter-spacing: 0em;\n --brick-typography-code-block-sm-line-height: 1.5;\n --brick-typography-code-inline-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-inline-font-size: 0.9em;\n --brick-typography-code-inline-font-weight: 400;\n --brick-typography-code-inline-letter-spacing: 0em;\n --brick-typography-code-inline-line-height: 1.5;\n --brick-typography-compact-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-lg-font-size: 1rem;\n --brick-typography-compact-title-lg-font-weight: 600;\n --brick-typography-compact-title-lg-letter-spacing: -0.01em;\n --brick-typography-compact-title-lg-line-height: 1.2;\n --brick-typography-compact-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-font-size: 0.875rem;\n --brick-typography-compact-title-font-weight: 600;\n --brick-typography-compact-title-letter-spacing: 0em;\n --brick-typography-compact-title-line-height: 1.2;\n --brick-typography-control-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-lg-font-size: 1rem;\n --brick-typography-control-lg-font-weight: 500;\n --brick-typography-control-lg-letter-spacing: 0em;\n --brick-typography-control-lg-line-height: 1.2;\n --brick-typography-control-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-md-font-size: 0.9375rem;\n --brick-typography-control-md-font-weight: 500;\n --brick-typography-control-md-letter-spacing: 0em;\n --brick-typography-control-md-line-height: 1.2;\n --brick-typography-control-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-sm-font-size: 0.875rem;\n --brick-typography-control-sm-font-weight: 500;\n --brick-typography-control-sm-letter-spacing: 0em;\n --brick-typography-control-sm-line-height: 1.2;\n --brick-typography-control-xl-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xl-font-size: 1.125rem;\n --brick-typography-control-xl-font-weight: 500;\n --brick-typography-control-xl-letter-spacing: 0em;\n --brick-typography-control-xl-line-height: 1.2;\n --brick-typography-control-xs-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xs-font-size: 0.75rem;\n --brick-typography-control-xs-font-weight: 500;\n --brick-typography-control-xs-letter-spacing: 0em;\n --brick-typography-control-xs-line-height: 1.2;\n --brick-typography-display-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-display-lg-font-size: 4rem;\n --brick-typography-display-lg-font-weight: 600;\n --brick-typography-display-lg-letter-spacing: -0.03em;\n --brick-typography-display-lg-line-height: 1.2;\n --brick-typography-display-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-display-md-font-size: 3.25rem;\n --brick-typography-display-md-font-weight: 600;\n --brick-typography-display-md-letter-spacing: -0.03em;\n --brick-typography-display-md-line-height: 1.2;\n --brick-typography-display-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-display-sm-font-size: 2.5rem;\n --brick-typography-display-sm-font-weight: 600;\n --brick-typography-display-sm-letter-spacing: -0.03em;\n --brick-typography-display-sm-line-height: 1.2;\n --brick-typography-display-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-display-font-size: 2.5rem;\n --brick-typography-display-font-weight: 600;\n --brick-typography-display-letter-spacing: -0.03em;\n --brick-typography-display-line-height: 1.2;\n --brick-typography-eyebrow-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-eyebrow-font-size: 0.75rem;\n --brick-typography-eyebrow-font-weight: 600;\n --brick-typography-eyebrow-letter-spacing: 0.08em;\n --brick-typography-eyebrow-line-height: 1.2;\n --brick-typography-field-value-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-lg-font-size: 1.125rem;\n --brick-typography-field-value-lg-font-weight: 400;\n --brick-typography-field-value-lg-letter-spacing: 0em;\n --brick-typography-field-value-lg-line-height: 1.5;\n --brick-typography-field-value-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-md-font-size: 1rem;\n --brick-typography-field-value-md-font-weight: 400;\n --brick-typography-field-value-md-letter-spacing: 0em;\n --brick-typography-field-value-md-line-height: 1.5;\n --brick-typography-label-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-md-font-size: 1rem;\n --brick-typography-label-md-font-weight: 500;\n --brick-typography-label-md-letter-spacing: 0em;\n --brick-typography-label-md-line-height: 1.5;\n --brick-typography-label-strong-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-strong-font-size: 1rem;\n --brick-typography-label-strong-font-weight: 600;\n --brick-typography-label-strong-letter-spacing: 0em;\n --brick-typography-label-strong-line-height: 1.5;\n --brick-typography-overlay-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-overlay-title-font-size: 1.25rem;\n --brick-typography-overlay-title-font-weight: 600;\n --brick-typography-overlay-title-letter-spacing: -0.01em;\n --brick-typography-overlay-title-line-height: 1.2;\n --brick-typography-supporting-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-supporting-sm-font-size: 0.875rem;\n --brick-typography-supporting-sm-font-weight: 400;\n --brick-typography-supporting-sm-letter-spacing: 0em;\n --brick-typography-supporting-sm-line-height: 1.5;\n --brick-typography-surface-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-lg-font-size: 1.25rem;\n --brick-typography-surface-title-lg-font-weight: 600;\n --brick-typography-surface-title-lg-letter-spacing: -0.01em;\n --brick-typography-surface-title-lg-line-height: 1.2;\n --brick-typography-surface-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-md-font-size: 1.125rem;\n --brick-typography-surface-title-md-font-weight: 600;\n --brick-typography-surface-title-md-letter-spacing: -0.01em;\n --brick-typography-surface-title-md-line-height: 1.2;\n --brick-typography-surface-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-sm-font-size: 1rem;\n --brick-typography-surface-title-sm-font-weight: 600;\n --brick-typography-surface-title-sm-letter-spacing: -0.01em;\n --brick-typography-surface-title-sm-line-height: 1.2;\n --brick-typography-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-lg-font-size: 2rem;\n --brick-typography-title-lg-font-weight: 600;\n --brick-typography-title-lg-letter-spacing: -0.02em;\n --brick-typography-title-lg-line-height: 1.2;\n --brick-typography-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-md-font-size: 1.5rem;\n --brick-typography-title-md-font-weight: 600;\n --brick-typography-title-md-letter-spacing: -0.02em;\n --brick-typography-title-md-line-height: 1.2;\n --brick-typography-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-sm-font-size: 1.25rem;\n --brick-typography-title-sm-font-weight: 600;\n --brick-typography-title-sm-letter-spacing: -0.01em;\n --brick-typography-title-sm-line-height: 1.2;\n --brick-typography-validation-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-validation-sm-font-size: 0.875rem;\n --brick-typography-validation-sm-font-weight: 500;\n --brick-typography-validation-sm-letter-spacing: 0em;\n --brick-typography-validation-sm-line-height: 1.5;\n }\n\n @media (prefers-color-scheme: dark) {\n :root:not([data-brick-appearance]) {\n --brick-color-accent-border: #5a56b5;\n --brick-color-accent-on-soft: #bebaff;\n --brick-color-accent-on-solid: #ffffff;\n --brick-color-accent-soft: #232149;\n --brick-color-accent-soft-hover: #2f2c5c;\n --brick-color-accent-soft-pressed: #3a376f;\n --brick-color-accent-solid: #5b57c7;\n --brick-color-accent-solid-hover: #625ed0;\n --brick-color-accent-solid-pressed: #514db6;\n --brick-color-accent-text: #bebaff;\n --brick-color-border-default: #4d4c47;\n --brick-color-border-strong: #706d64;\n --brick-color-border-subtle: #3b3b37;\n --brick-color-danger-border: #993045;\n --brick-color-danger-on-soft: #ff93a7;\n --brick-color-danger-on-solid: #ffffff;\n --brick-color-danger-soft: #44131e;\n --brick-color-danger-soft-hover: #561825;\n --brick-color-danger-soft-pressed: #681d2d;\n --brick-color-danger-solid: #af2642;\n --brick-color-danger-solid-hover: #bd2c49;\n --brick-color-danger-solid-pressed: #9f2038;\n --brick-color-danger-surface: #44131e;\n --brick-color-danger-text: #ff93a7;\n --brick-color-focus-ring: #bebaff;\n --brick-color-info-border: #2c6ba7;\n --brick-color-info-on-soft: #95c9f6;\n --brick-color-info-on-solid: #ffffff;\n --brick-color-info-soft: #102840;\n --brick-color-info-soft-hover: #143654;\n --brick-color-info-soft-pressed: #184267;\n --brick-color-info-solid: #0a6ec3;\n --brick-color-info-solid-hover: #1178cf;\n --brick-color-info-solid-pressed: #075fa9;\n --brick-color-info-surface: #102840;\n --brick-color-info-text: #95c9f6;\n --brick-color-link-text: #abb5ff;\n --brick-color-link-text-hover: #b7c1ff;\n --brick-color-link-text-pressed: #c6cfff;\n --brick-color-scrim: #000000b8;\n --brick-color-shadow: #00000080;\n --brick-color-success-border: #237350;\n --brick-color-success-on-soft: #7bd1ad;\n --brick-color-success-on-solid: #ffffff;\n --brick-color-success-soft: #0e3022;\n --brick-color-success-soft-hover: #123d2b;\n --brick-color-success-soft-pressed: #174b35;\n --brick-color-success-solid: #18794e;\n --brick-color-success-solid-hover: #1e8357;\n --brick-color-success-solid-pressed: #12663f;\n --brick-color-success-surface: #0e3022;\n --brick-color-success-text: #7bd1ad;\n --brick-color-surface-base: #20201e;\n --brick-color-surface-canvas: #191918;\n --brick-color-surface-overlay: #2e2e2b;\n --brick-color-surface-raised: #2e2e2b;\n --brick-color-surface-subtle: #272725;\n --brick-color-text-disabled: #999690;\n --brick-color-text-inverse: #211f1c;\n --brick-color-text-muted: #999690;\n --brick-color-text-primary: #eeeeec;\n --brick-color-text-secondary: #b8b6b1;\n --brick-color-warning-border: #905f12;\n --brick-color-warning-on-soft: #f2bd59;\n --brick-color-warning-on-solid: #211f1c;\n --brick-color-warning-soft: #3d2707;\n --brick-color-warning-soft-hover: #4d3108;\n --brick-color-warning-soft-pressed: #5d3b09;\n --brick-color-warning-solid: #e39019;\n --brick-color-warning-solid-hover: #eda025;\n --brick-color-warning-solid-pressed: #cf7d08;\n --brick-color-warning-surface: #3d2707;\n --brick-color-warning-text: #f2bd59;\n --brick-shadow-floating: 0rem 0.75rem 2rem 0rem #00000042;\n --brick-shadow-modal: 0rem 1.5rem 4.5rem 0rem #0000007a;\n --brick-shadow-raised: 0rem 0.5rem 1.5rem -0.25rem #00000080;\n --brick-shadow-sm: 0rem 0.125rem 0.375rem 0rem #00000080;\n }\n }\n\n [data-brick-appearance=\"light\"] {\n color-scheme: light;\n --brick-color-accent-border: #aaa8f2;\n --brick-color-accent-on-soft: #414098;\n --brick-color-accent-on-solid: #ffffff;\n --brick-color-accent-soft: #f0f0ff;\n --brick-color-accent-soft-hover: #e6e6fe;\n --brick-color-accent-soft-pressed: #dadaff;\n --brick-color-accent-solid: #5b5bd6;\n --brick-color-accent-solid-hover: #5151cd;\n --brick-color-accent-solid-pressed: #4747c2;\n --brick-color-accent-text: #414098;\n --brick-color-border-default: #d9d6d0;\n --brick-color-border-strong: #aaa69e;\n --brick-color-border-subtle: #e3e0db;\n --brick-color-danger-border: #ef9cad;\n --brick-color-danger-on-soft: #ad233f;\n --brick-color-danger-on-solid: #ffffff;\n --brick-color-danger-soft: #ffeef1;\n --brick-color-danger-soft-hover: #ffdde3;\n --brick-color-danger-soft-pressed: #ffcbd5;\n --brick-color-danger-solid: #ad233f;\n --brick-color-danger-solid-hover: #9f1f38;\n --brick-color-danger-solid-pressed: #901a33;\n --brick-color-danger-surface: #ffeef1;\n --brick-color-danger-text: #ad233f;\n --brick-color-focus-ring: #5b5bd6;\n --brick-color-info-border: #95c9f6;\n --brick-color-info-on-soft: #105da9;\n --brick-color-info-on-solid: #ffffff;\n --brick-color-info-soft: #ecf6ff;\n --brick-color-info-soft-hover: #dceeff;\n --brick-color-info-soft-pressed: #cbe7ff;\n --brick-color-info-solid: #0073d0;\n --brick-color-info-solid-hover: #0068bd;\n --brick-color-info-solid-pressed: #005da9;\n --brick-color-info-surface: #ecf6ff;\n --brick-color-info-text: #105da9;\n --brick-color-link-text: #3a3a8f;\n --brick-color-link-text-hover: #333185;\n --brick-color-link-text-pressed: #2a2579;\n --brick-color-scrim: #1413128c;\n --brick-color-shadow: #1413122e;\n --brick-color-success-border: #7bd1ad;\n --brick-color-success-on-soft: #136e4c;\n --brick-color-success-on-solid: #ffffff;\n --brick-color-success-soft: #e8fbf3;\n --brick-color-success-soft-hover: #d7f6e9;\n --brick-color-success-soft-pressed: #c5efdd;\n --brick-color-success-solid: #18794e;\n --brick-color-success-solid-hover: #146f46;\n --brick-color-success-solid-pressed: #10643e;\n --brick-color-success-surface: #e8fbf3;\n --brick-color-success-text: #136e4c;\n --brick-color-surface-base: #f9f8f6;\n --brick-color-surface-canvas: #fdfcfb;\n --brick-color-surface-overlay: #ffffff;\n --brick-color-surface-raised: #ffffff;\n --brick-color-surface-subtle: #f2f0ed;\n --brick-color-text-disabled: #76726c;\n --brick-color-text-inverse: #ffffff;\n --brick-color-text-muted: #76726c;\n --brick-color-text-primary: #211f1c;\n --brick-color-text-secondary: #63605b;\n --brick-color-warning-border: #e3a644;\n --brick-color-warning-on-soft: #714904;\n --brick-color-warning-on-solid: #211f1c;\n --brick-color-warning-soft: #fff7e3;\n --brick-color-warning-soft-hover: #ffedc2;\n --brick-color-warning-soft-pressed: #ffe3a1;\n --brick-color-warning-solid: #f29f21;\n --brick-color-warning-solid-hover: #e58c0e;\n --brick-color-warning-solid-pressed: #d87d00;\n --brick-color-warning-surface: #fff7e3;\n --brick-color-warning-text: #714904;\n --brick-shadow-floating: 0rem 0.75rem 2rem 0rem #14131218;\n --brick-shadow-modal: 0rem 1.5rem 4.5rem 0rem #1413122c;\n --brick-shadow-raised: 0rem 0.5rem 1.5rem -0.25rem #1413122e;\n --brick-shadow-sm: 0rem 0.125rem 0.375rem 0rem #1413122e;\n }\n\n [data-brick-appearance=\"dark\"] {\n color-scheme: dark;\n --brick-color-accent-border: #5a56b5;\n --brick-color-accent-on-soft: #bebaff;\n --brick-color-accent-on-solid: #ffffff;\n --brick-color-accent-soft: #232149;\n --brick-color-accent-soft-hover: #2f2c5c;\n --brick-color-accent-soft-pressed: #3a376f;\n --brick-color-accent-solid: #5b57c7;\n --brick-color-accent-solid-hover: #625ed0;\n --brick-color-accent-solid-pressed: #514db6;\n --brick-color-accent-text: #bebaff;\n --brick-color-border-default: #4d4c47;\n --brick-color-border-strong: #706d64;\n --brick-color-border-subtle: #3b3b37;\n --brick-color-danger-border: #993045;\n --brick-color-danger-on-soft: #ff93a7;\n --brick-color-danger-on-solid: #ffffff;\n --brick-color-danger-soft: #44131e;\n --brick-color-danger-soft-hover: #561825;\n --brick-color-danger-soft-pressed: #681d2d;\n --brick-color-danger-solid: #af2642;\n --brick-color-danger-solid-hover: #bd2c49;\n --brick-color-danger-solid-pressed: #9f2038;\n --brick-color-danger-surface: #44131e;\n --brick-color-danger-text: #ff93a7;\n --brick-color-focus-ring: #bebaff;\n --brick-color-info-border: #2c6ba7;\n --brick-color-info-on-soft: #95c9f6;\n --brick-color-info-on-solid: #ffffff;\n --brick-color-info-soft: #102840;\n --brick-color-info-soft-hover: #143654;\n --brick-color-info-soft-pressed: #184267;\n --brick-color-info-solid: #0a6ec3;\n --brick-color-info-solid-hover: #1178cf;\n --brick-color-info-solid-pressed: #075fa9;\n --brick-color-info-surface: #102840;\n --brick-color-info-text: #95c9f6;\n --brick-color-link-text: #abb5ff;\n --brick-color-link-text-hover: #b7c1ff;\n --brick-color-link-text-pressed: #c6cfff;\n --brick-color-scrim: #000000b8;\n --brick-color-shadow: #00000080;\n --brick-color-success-border: #237350;\n --brick-color-success-on-soft: #7bd1ad;\n --brick-color-success-on-solid: #ffffff;\n --brick-color-success-soft: #0e3022;\n --brick-color-success-soft-hover: #123d2b;\n --brick-color-success-soft-pressed: #174b35;\n --brick-color-success-solid: #18794e;\n --brick-color-success-solid-hover: #1e8357;\n --brick-color-success-solid-pressed: #12663f;\n --brick-color-success-surface: #0e3022;\n --brick-color-success-text: #7bd1ad;\n --brick-color-surface-base: #20201e;\n --brick-color-surface-canvas: #191918;\n --brick-color-surface-overlay: #2e2e2b;\n --brick-color-surface-raised: #2e2e2b;\n --brick-color-surface-subtle: #272725;\n --brick-color-text-disabled: #999690;\n --brick-color-text-inverse: #211f1c;\n --brick-color-text-muted: #999690;\n --brick-color-text-primary: #eeeeec;\n --brick-color-text-secondary: #b8b6b1;\n --brick-color-warning-border: #905f12;\n --brick-color-warning-on-soft: #f2bd59;\n --brick-color-warning-on-solid: #211f1c;\n --brick-color-warning-soft: #3d2707;\n --brick-color-warning-soft-hover: #4d3108;\n --brick-color-warning-soft-pressed: #5d3b09;\n --brick-color-warning-solid: #e39019;\n --brick-color-warning-solid-hover: #eda025;\n --brick-color-warning-solid-pressed: #cf7d08;\n --brick-color-warning-surface: #3d2707;\n --brick-color-warning-text: #f2bd59;\n --brick-shadow-floating: 0rem 0.75rem 2rem 0rem #00000042;\n --brick-shadow-modal: 0rem 1.5rem 4.5rem 0rem #0000007a;\n --brick-shadow-raised: 0rem 0.5rem 1.5rem -0.25rem #00000080;\n --brick-shadow-sm: 0rem 0.125rem 0.375rem 0rem #00000080;\n }\n}\n"],"names":[]}
|
package/dist/toolbar.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { Toolbar, ToolbarButton, ToolbarLink, ToolbarRoot, ToolbarSeparator, ToolbarToggleGroup, ToolbarToggleItem } from "./components/toolbar/index.js";
|
|
2
|
-
export type { ToolbarButtonProps, ToolbarLinkProps, ToolbarRootProps, ToolbarSeparatorProps, ToolbarSize, ToolbarToggleGroupProps, ToolbarToggleItemProps, ToolbarVariant } from "./components/toolbar/index.js";
|
|
2
|
+
export type { ToolbarButtonProps, ToolbarLinkProps, ToolbarRootProps, ToolbarSeparatorProps, ToolbarSize, ToolbarToggleGroupProps, ToolbarToggleItemProps, ToolbarToggleTone, ToolbarToggleVariant, ToolbarVariant } from "./components/toolbar/index.js";
|
|
3
3
|
//# sourceMappingURL=toolbar.d.ts.map
|
package/dist/toolbar.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../src/toolbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAC1J,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,WAAW,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC"}
|
|
1
|
+
{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../src/toolbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAC1J,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,WAAW,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC"}
|
|
@@ -18,6 +18,21 @@ and human-readable Markdown. Read `layer-selection` and
|
|
|
18
18
|
@flowstack-ui/brick/agents/interface-composition.md
|
|
19
19
|
```
|
|
20
20
|
|
|
21
|
+
Use `@flowstack-ui/brick/agents/coverage.json` to inspect the exact released
|
|
22
|
+
catalog behind that manifest. The `flowstack.agent-coverage.v1` report lists
|
|
23
|
+
every public component owner and surface, its documentation and Agent
|
|
24
|
+
Knowledge ownership, explicit source-only exclusions, and structured package
|
|
25
|
+
guide destinations. Its package version matches the installed Brick version.
|
|
26
|
+
Complete releases have equal `componentOwners` and `guidedComponentOwners`,
|
|
27
|
+
100 percent classified public surfaces, and no invalid exclusion or unresolved
|
|
28
|
+
selection destination.
|
|
29
|
+
|
|
30
|
+
Structured external references use `versionPolicy: "installed-exact"`. Release
|
|
31
|
+
verification resolves the installed dependency's Agent Knowledge manifest and
|
|
32
|
+
checks that the referenced JSON artifact declares the expected ID, package,
|
|
33
|
+
and layer. Build, check, pack, consumer, and publication verification reject a
|
|
34
|
+
missing or mismatched installed external artifact.
|
|
35
|
+
|
|
21
36
|
The source pair lives beside the component it describes. `agent.json` is the
|
|
22
37
|
structured authority and `agent.md` is generated from it. Brick guidance adds
|
|
23
38
|
finished visual and CSS decisions while referring behavioral ownership to
|
|
@@ -29,6 +44,10 @@ Package-level guide sources live under `agents/guides/`. They use
|
|
|
29
44
|
`flowstack.agent-component.v1`. Manifest `guides` is additive, so consumers
|
|
30
45
|
that already read only `components` remain compatible.
|
|
31
46
|
|
|
47
|
+
Package guide selection entries also include structured component, guide,
|
|
48
|
+
package, or native/application destinations. Agents should resolve those IDs
|
|
49
|
+
instead of treating the human-readable `use` sentence as a foreign key.
|
|
50
|
+
|
|
32
51
|
For a finished Brick interface, search Brick before writing native layout,
|
|
33
52
|
typography, media, navigation, visibility, or control replacements. Ordinary
|
|
34
53
|
Brick applications do not import Atom directly. When no Brick component owns
|
|
@@ -48,6 +48,11 @@ document body through a low-specificity foundation rule. Themes normally
|
|
|
48
48
|
change those semantic values rather than adding another body rule. Consumer
|
|
49
49
|
CSS in a later layer can deliberately replace the document treatment.
|
|
50
50
|
|
|
51
|
+
The optional reset stylesheet also maps native text selection to the active
|
|
52
|
+
accent solid/on-solid pair, with system `Highlight` colors in forced-colors mode.
|
|
53
|
+
This makes drag selection follow the compiled theme without requiring
|
|
54
|
+
application CSS.
|
|
55
|
+
|
|
51
56
|
## Custom themes
|
|
52
57
|
|
|
53
58
|
Override public semantic variables through ordinary CSS:
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
# Browser support
|
|
2
|
+
|
|
3
|
+
Brick declares the pinned Browserslist query
|
|
4
|
+
`baseline 2023 with downstream`. Its JavaScript is compiled to ES2020, and its
|
|
5
|
+
published CSS is built against that query with Lightning CSS.
|
|
6
|
+
|
|
7
|
+
Author component CSS with standard syntax. The package compiler owns generated
|
|
8
|
+
vendor prefixes required by the declared target; do not add prefixes by visual
|
|
9
|
+
guess. Optional effects must retain a usable baseline presentation, while
|
|
10
|
+
required layout, state, focus, and accessibility relationships must work at
|
|
11
|
+
the floor.
|
|
12
|
+
|
|
13
|
+
Portable component behavior is release-qualified in current Chromium,
|
|
14
|
+
Firefox, and Playwright WebKit. Mobile emulation is additional engine evidence,
|
|
15
|
+
not proof of physical Safari, iOS, Android, browser chrome, permissions, or
|
|
16
|
+
assistive technology. Those claims require the component's named platform
|
|
17
|
+
evidence.
|
|
18
|
+
|
|
19
|
+
An application remains responsible for its own authored code, dependencies,
|
|
20
|
+
build target, content, and complete journeys. Installing Brick does not make an
|
|
21
|
+
application compatible by itself.
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
# Control sizing
|
|
2
|
+
|
|
3
|
+
Brick uses one shared size vocabulary for controls that commonly appear in the
|
|
4
|
+
same row. A matching `size` should produce a shared outer rhythm rather than a
|
|
5
|
+
collection of unrelated component scales.
|
|
6
|
+
|
|
7
|
+
## Shared contract
|
|
8
|
+
|
|
9
|
+
| Size | Minimum block size | Control text | Typical use |
|
|
10
|
+
| --- | ---: | ---: | --- |
|
|
11
|
+
| `sm` | 36px | `control-sm` | Compact application toolbars and page headers |
|
|
12
|
+
| `md` | 44px | `control-md` | General application controls |
|
|
13
|
+
| `lg` | 52px | `control-lg` | Comfortable or prominent controls |
|
|
14
|
+
|
|
15
|
+
Button, IconButton, Select, MultiSelect, Toggle, ToggleGroup, and comparable
|
|
16
|
+
button-like controls consume these shared geometry and control-typography
|
|
17
|
+
recipes. Their internal padding may differ when required by their anatomy, but
|
|
18
|
+
their outer height, icon scale, radius family, and baseline must align when the
|
|
19
|
+
same size is used.
|
|
20
|
+
|
|
21
|
+
Tabs uses the same control typography and target scale. A line tab may keep a
|
|
22
|
+
44px target while a nested `body-sm` label creates a deliberately quieter page
|
|
23
|
+
header; the target must not be reduced just to make the text look smaller.
|
|
24
|
+
|
|
25
|
+
## Editable-control exception
|
|
26
|
+
|
|
27
|
+
Input, Textarea, and editable Combobox content retain at least 16px text even
|
|
28
|
+
at `sm` to avoid avoidable mobile focus zoom. They still consume the shared
|
|
29
|
+
36/44/52px geometry and `--brick-radius-control`, so they align with adjacent
|
|
30
|
+
button-like controls without pretending that editable and action typography
|
|
31
|
+
have identical constraints.
|
|
32
|
+
|
|
33
|
+
## Composition
|
|
34
|
+
|
|
35
|
+
Use the same named size on controls that share a row. Let Stack own row gap and
|
|
36
|
+
alignment, and let Theme own `--brick-radius-control`, control typography, and
|
|
37
|
+
control height tokens. Do not repair a mismatched row with per-component
|
|
38
|
+
heights, transforms, margins, or literal radii.
|
|
39
|
+
|
|
40
|
+
When a control is intentionally more prominent, change its supported size and
|
|
41
|
+
document that hierarchy. Do not silently customize one component so that the
|
|
42
|
+
same size means something different.
|
|
43
|
+
|
|
44
|
+
## Verification
|
|
45
|
+
|
|
46
|
+
- Compare Button, Select, Toggle, ToggleGroup, and other button-like peers in
|
|
47
|
+
one row at `sm`, `md`, and `lg`.
|
|
48
|
+
- Confirm matching minimum block size, vertical center, radius family, icon
|
|
49
|
+
scale, and control typography.
|
|
50
|
+
- Confirm editable controls remain at least 16px while preserving the same
|
|
51
|
+
outer geometry.
|
|
52
|
+
- Change the active Theme radius and typography inputs and confirm every peer
|
|
53
|
+
updates together.
|
|
54
|
+
- Check long labels, zoom, narrow widths, RTL, focus rings, and light/dark
|
|
55
|
+
appearance without introducing one-off CSS.
|
|
@@ -32,8 +32,11 @@ import "@flowstack-ui/brick/styles.css";
|
|
|
32
32
|
```
|
|
33
33
|
|
|
34
34
|
The reset is never included by `styles.css`. It owns neutral normalization such
|
|
35
|
-
as page sizing
|
|
36
|
-
|
|
35
|
+
as page sizing, body margin removal, and native `figure` and `blockquote`
|
|
36
|
+
margin removal; it does not paint the document. Existing applications can omit
|
|
37
|
+
it and keep their own reset or browser defaults. Higher-level FLOWSTACK packs,
|
|
38
|
+
including Blocks, may require this complete two-import setup so copied
|
|
39
|
+
compositions begin from the same neutral browser foundation.
|
|
37
40
|
|
|
38
41
|
## Tokens without components
|
|
39
42
|
|
|
@@ -10,19 +10,23 @@ import contract from "@flowstack-ui/brick/theme-contract.json" with { type: "jso
|
|
|
10
10
|
The artifact uses the `flowstack.brick-theme-contract.v1` schema identifier.
|
|
11
11
|
It is generated from Brick's token source, component documentation contracts,
|
|
12
12
|
and cascade declaration, so theme tooling does not need a copied token list.
|
|
13
|
-
Contract revision 2
|
|
14
|
-
|
|
15
|
-
schema identifier remains version 1 because
|
|
16
|
-
existing contract readers.
|
|
13
|
+
Contract revision 2 added the required contrast declaration. Revision 3 adds
|
|
14
|
+
closed categorical component inputs and conditional contrast pairs. The
|
|
15
|
+
schema identifier remains version 1 because both revisions are additive for
|
|
16
|
+
existing contract readers. Theme accepts revision 2 and newer, while tooling
|
|
17
|
+
that needs categorical inputs and conditional validation must feature-detect
|
|
18
|
+
the revision 3 fields.
|
|
17
19
|
|
|
18
20
|
The contract records:
|
|
19
21
|
|
|
20
22
|
- every semantic variable, type, light and dark default, and appearance
|
|
21
23
|
behavior;
|
|
22
24
|
- atomic color families that must be reviewed together;
|
|
23
|
-
- semantic foreground/background pairs, their text
|
|
24
|
-
|
|
25
|
-
|
|
25
|
+
- semantic foreground/background pairs, their text, text-distinction, or
|
|
26
|
+
non-text kind, optional component-input condition, and minimum contrast
|
|
27
|
+
ratio Theme must validate without rounding;
|
|
28
|
+
- approved inherited component inputs, their semantic fallbacks, and any
|
|
29
|
+
closed `allowedValues` vocabulary;
|
|
26
30
|
- local component extension variables and implementation-only variables;
|
|
27
31
|
- component recipes, defaults, and state attributes used by qualification;
|
|
28
32
|
- the reserved theme and appearance attributes; and
|
|
@@ -43,7 +47,9 @@ Deprecated values, when introduced, include their replacements.
|
|
|
43
47
|
Brick publishes only adjacencies promised by maintained component recipes. It
|
|
44
48
|
does not ask Theme to test every theoretical combination of semantic colors.
|
|
45
49
|
Normal authored text pairs require `4.5:1`; meaningful non-text indicators
|
|
46
|
-
require `3:1`.
|
|
50
|
+
require `3:1`. A conditional text-distinction pair requires `3:1` when a
|
|
51
|
+
categorical theme decision removes the non-color cue that normally identifies
|
|
52
|
+
an element. Disabled text and arbitrary local component overrides remain
|
|
47
53
|
outside this static contract, while browser qualification covers opacity,
|
|
48
54
|
gradients, images, and composition-specific adjacency.
|
|
49
55
|
|
|
@@ -51,10 +57,18 @@ The public contract uses `wcag2-relative-luminance` over opaque sRGB values.
|
|
|
51
57
|
Theme owns the calculation and generated report; Brick owns the declared pair
|
|
52
58
|
semantics and thresholds.
|
|
53
59
|
|
|
54
|
-
Brick currently approves Drawer background and radius
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
60
|
+
Brick currently approves Drawer background and radius plus Link resting
|
|
61
|
+
decoration as inherited component inputs. `components.link.decoration` accepts
|
|
62
|
+
only `"underline"` or `"none"`. When `"none"` is active, Theme validates the
|
|
63
|
+
accent Link text against adjacent primary text at `3:1`; Link restores its
|
|
64
|
+
underline on hover, focus, and active interaction. An explicit
|
|
65
|
+
`variant="underline"` or `variant="plain"` remains a local exception.
|
|
66
|
+
|
|
67
|
+
Other documented component variables remain available for local instance
|
|
68
|
+
customization but are intentionally not accepted as global Theme inputs until
|
|
69
|
+
a real product proves that scope safe. Shared appearance-dependent elevation
|
|
70
|
+
uses semantic `--brick-shadow-floating` and `--brick-shadow-modal` tokens,
|
|
71
|
+
which themes may map through `brick.light.shadow` and `brick.dark.shadow`.
|
|
58
72
|
|
|
59
73
|
## Cascade and scopes
|
|
60
74
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@flowstack-ui/brick",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.11",
|
|
4
4
|
"description": "Opinionated styled React components built on @flowstack-ui/atom.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -32,6 +32,7 @@
|
|
|
32
32
|
"default": "./dist/index.js"
|
|
33
33
|
},
|
|
34
34
|
"./agents/manifest.json": "./dist/agents/manifest.json",
|
|
35
|
+
"./agents/coverage.json": "./dist/agents/coverage.json",
|
|
35
36
|
"./agents/*.json": "./dist/agents/*.json",
|
|
36
37
|
"./agents/*.md": "./dist/agents/*.md",
|
|
37
38
|
"./theme-contract.json": "./dist/theme-contract.json",
|
|
@@ -91,6 +92,18 @@
|
|
|
91
92
|
"types": "./dist/avatar.d.ts",
|
|
92
93
|
"default": "./dist/avatar.js"
|
|
93
94
|
},
|
|
95
|
+
"./status": {
|
|
96
|
+
"types": "./dist/status.d.ts",
|
|
97
|
+
"default": "./dist/status.js"
|
|
98
|
+
},
|
|
99
|
+
"./color-swatch": {
|
|
100
|
+
"types": "./dist/color-swatch.d.ts",
|
|
101
|
+
"default": "./dist/color-swatch.js"
|
|
102
|
+
},
|
|
103
|
+
"./color-picker": {
|
|
104
|
+
"types": "./dist/color-picker.d.ts",
|
|
105
|
+
"default": "./dist/color-picker.js"
|
|
106
|
+
},
|
|
94
107
|
"./toggle": {
|
|
95
108
|
"types": "./dist/toggle.d.ts",
|
|
96
109
|
"default": "./dist/toggle.js"
|
|
@@ -135,6 +148,10 @@
|
|
|
135
148
|
"types": "./dist/radio-group.d.ts",
|
|
136
149
|
"default": "./dist/radio-group.js"
|
|
137
150
|
},
|
|
151
|
+
"./segment-group": {
|
|
152
|
+
"types": "./dist/segment-group.d.ts",
|
|
153
|
+
"default": "./dist/segment-group.js"
|
|
154
|
+
},
|
|
138
155
|
"./switch": {
|
|
139
156
|
"types": "./dist/switch.d.ts",
|
|
140
157
|
"default": "./dist/switch.js"
|
|
@@ -267,10 +284,18 @@
|
|
|
267
284
|
"types": "./dist/link.d.ts",
|
|
268
285
|
"default": "./dist/link.js"
|
|
269
286
|
},
|
|
287
|
+
"./link-box": {
|
|
288
|
+
"types": "./dist/link-box.d.ts",
|
|
289
|
+
"default": "./dist/link-box.js"
|
|
290
|
+
},
|
|
270
291
|
"./list": {
|
|
271
292
|
"types": "./dist/list.d.ts",
|
|
272
293
|
"default": "./dist/list.js"
|
|
273
294
|
},
|
|
295
|
+
"./reorderable-list": {
|
|
296
|
+
"types": "./dist/reorderable-list.d.ts",
|
|
297
|
+
"default": "./dist/reorderable-list.js"
|
|
298
|
+
},
|
|
274
299
|
"./table": {
|
|
275
300
|
"types": "./dist/table.d.ts",
|
|
276
301
|
"default": "./dist/table.js"
|
|
@@ -299,6 +324,14 @@
|
|
|
299
324
|
"types": "./dist/stack.d.ts",
|
|
300
325
|
"default": "./dist/stack.js"
|
|
301
326
|
},
|
|
327
|
+
"./group": {
|
|
328
|
+
"types": "./dist/group.d.ts",
|
|
329
|
+
"default": "./dist/group.js"
|
|
330
|
+
},
|
|
331
|
+
"./data-list": {
|
|
332
|
+
"types": "./dist/data-list.d.ts",
|
|
333
|
+
"default": "./dist/data-list.js"
|
|
334
|
+
},
|
|
302
335
|
"./z-stack": {
|
|
303
336
|
"types": "./dist/z-stack.d.ts",
|
|
304
337
|
"default": "./dist/z-stack.js"
|
|
@@ -319,6 +352,10 @@
|
|
|
319
352
|
"types": "./dist/frame.d.ts",
|
|
320
353
|
"default": "./dist/frame.js"
|
|
321
354
|
},
|
|
355
|
+
"./bleed": {
|
|
356
|
+
"types": "./dist/bleed.d.ts",
|
|
357
|
+
"default": "./dist/bleed.js"
|
|
358
|
+
},
|
|
322
359
|
"./surface": {
|
|
323
360
|
"types": "./dist/surface.d.ts",
|
|
324
361
|
"default": "./dist/surface.js"
|
|
@@ -361,7 +398,9 @@
|
|
|
361
398
|
"docs/guides/installation.md",
|
|
362
399
|
"docs/guides/appearance-and-tokens.md",
|
|
363
400
|
"docs/guides/theme-contract.md",
|
|
364
|
-
"docs/guides/
|
|
401
|
+
"docs/guides/control-sizing.md",
|
|
402
|
+
"docs/guides/agent-knowledge.md",
|
|
403
|
+
"docs/guides/browser-support.md"
|
|
365
404
|
],
|
|
366
405
|
"scripts": {
|
|
367
406
|
"clean": "node scripts/clean.mjs",
|
|
@@ -438,13 +477,12 @@
|
|
|
438
477
|
"verify:playground-composition": "node scripts/verify-playground-composition.mjs",
|
|
439
478
|
"check": "npm run check:repository",
|
|
440
479
|
"check:focused": "npm run test:component",
|
|
441
|
-
"check:repository": "npm run verify:repository-contract && npm run verify:theme-contract && npm run
|
|
480
|
+
"check:repository": "npm run verify:repository-contract && npm run verify:theme-contract && npm run test:ownership && npm run docs:component && npm run docs:component:semantic && npm run verify:typography && npm run verify:playground-primitives && npm run verify:playground-stack && npm run verify:playground-grid && npm run verify:playground-container && npm run verify:playground-surface && npm run verify:playground-divider && npm run verify:playground-scroll-area && npm run verify:playground-code && npm run verify:playground-nav-list && npm run verify:playground-sidebar && npm run verify:playground-icon && npm run verify:playground-image && npm run verify:playground-list && npm run verify:playground-composition && npm run build && npm run agents:check && npm run verify:theme-qualification && npm run typecheck:built && npm run test:node:built && npm run test:components && npm run test:css && npm run build:playground:built && npm run build:consumer:built && npm run pack:check && npm run verify:consumers:built",
|
|
442
481
|
"check:release": "npm run check:repository && npm run test:browser:release:built && npm run verify:consumer:built && npm run size:css",
|
|
443
482
|
"prepublishOnly": "npm run build"
|
|
444
483
|
},
|
|
445
484
|
"browserslist": [
|
|
446
|
-
"
|
|
447
|
-
"not IE 11"
|
|
485
|
+
"baseline 2023 with downstream"
|
|
448
486
|
],
|
|
449
487
|
"overrides": {
|
|
450
488
|
"brace-expansion": "5.0.9",
|
|
@@ -455,7 +493,7 @@
|
|
|
455
493
|
"react-dom": ">=18"
|
|
456
494
|
},
|
|
457
495
|
"dependencies": {
|
|
458
|
-
"@flowstack-ui/atom": "0.
|
|
496
|
+
"@flowstack-ui/atom": "0.24.0"
|
|
459
497
|
},
|
|
460
498
|
"devDependencies": {
|
|
461
499
|
"@axe-core/playwright": "^4.12.1",
|
|
@@ -471,6 +509,7 @@
|
|
|
471
509
|
"browserslist": "^4.28.6",
|
|
472
510
|
"jsdom": "^26.1.0",
|
|
473
511
|
"lightningcss": "^1.32.0",
|
|
512
|
+
"lucide-react": "^0.468.0",
|
|
474
513
|
"react": "^19.2.3",
|
|
475
514
|
"react-dom": "^19.2.3",
|
|
476
515
|
"typescript": "^5.9.3",
|