@flowstack-ui/brick 0.1.9 → 0.1.12
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/blockquote.json +68 -0
- package/dist/agents/blockquote.md +42 -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 +92 -0
- package/dist/agents/code-block.md +52 -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 +25591 -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/em.json +57 -0
- package/dist/agents/em.md +39 -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/highlight.json +73 -0
- package/dist/agents/highlight.md +43 -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 +224 -18
- package/dist/agents/interface-composition.md +10 -0
- package/dist/agents/kbd.json +62 -0
- package/dist/agents/kbd.md +40 -0
- package/dist/agents/layer-selection.json +1294 -11
- package/dist/agents/layer-selection.md +94 -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 +327 -2
- package/dist/agents/mark.json +56 -0
- package/dist/agents/mark.md +38 -0
- 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/prose.json +82 -0
- package/dist/agents/prose.md +50 -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/blockquote.d.ts +2 -0
- package/dist/blockquote.d.ts.map +1 -0
- package/dist/blockquote.js +2 -0
- package/dist/blockquote.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/blockquote/Blockquote.d.ts +33 -0
- package/dist/components/blockquote/Blockquote.d.ts.map +1 -0
- package/dist/components/blockquote/Blockquote.js +36 -0
- package/dist/components/blockquote/Blockquote.js.map +1 -0
- package/dist/components/blockquote/index.d.ts +2 -0
- package/dist/components/blockquote/index.d.ts.map +1 -0
- package/dist/components/blockquote/index.js +2 -0
- package/dist/components/blockquote/index.js.map +1 -0
- package/dist/components/code-block/CodeBlock.d.ts +33 -0
- package/dist/components/code-block/CodeBlock.d.ts.map +1 -1
- package/dist/components/code-block/CodeBlock.js +60 -6
- package/dist/components/code-block/CodeBlock.js.map +1 -1
- package/dist/components/code-block/context.d.ts +2 -0
- package/dist/components/code-block/context.d.ts.map +1 -1
- package/dist/components/code-block/context.js.map +1 -1
- package/dist/components/code-block/index.d.ts +1 -1
- package/dist/components/code-block/index.d.ts.map +1 -1
- package/dist/components/code-block/index.js +1 -1
- package/dist/components/code-block/index.js.map +1 -1
- 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/em/Em.d.ts +9 -0
- package/dist/components/em/Em.d.ts.map +1 -0
- package/dist/components/em/Em.js +10 -0
- package/dist/components/em/Em.js.map +1 -0
- package/dist/components/em/index.d.ts +2 -0
- package/dist/components/em/index.d.ts.map +1 -0
- package/dist/components/em/index.js +2 -0
- package/dist/components/em/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/highlight/Highlight.d.ts +9 -0
- package/dist/components/highlight/Highlight.d.ts.map +1 -0
- package/dist/components/highlight/Highlight.js +10 -0
- package/dist/components/highlight/Highlight.js.map +1 -0
- package/dist/components/highlight/index.d.ts +2 -0
- package/dist/components/highlight/index.d.ts.map +1 -0
- package/dist/components/highlight/index.js +2 -0
- package/dist/components/highlight/index.js.map +1 -0
- package/dist/components/kbd/Kbd.d.ts +13 -0
- package/dist/components/kbd/Kbd.d.ts.map +1 -0
- package/dist/components/kbd/Kbd.js +8 -0
- package/dist/components/kbd/Kbd.js.map +1 -0
- package/dist/components/kbd/index.d.ts +2 -0
- package/dist/components/kbd/index.d.ts.map +1 -0
- package/dist/components/kbd/index.js +2 -0
- package/dist/components/kbd/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/mark/Mark.d.ts +13 -0
- package/dist/components/mark/Mark.d.ts.map +1 -0
- package/dist/components/mark/Mark.js +8 -0
- package/dist/components/mark/Mark.js.map +1 -0
- package/dist/components/mark/index.d.ts +2 -0
- package/dist/components/mark/index.d.ts.map +1 -0
- package/dist/components/mark/index.js +2 -0
- package/dist/components/mark/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/prose/Prose.d.ts +12 -0
- package/dist/components/prose/Prose.d.ts.map +1 -0
- package/dist/components/prose/Prose.js +19 -0
- package/dist/components/prose/Prose.js.map +1 -0
- package/dist/components/prose/index.d.ts +2 -0
- package/dist/components/prose/index.d.ts.map +1 -0
- package/dist/components/prose/index.js +2 -0
- package/dist/components/prose/index.js.map +1 -0
- 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/em.d.ts +2 -0
- package/dist/em.d.ts.map +1 -0
- package/dist/em.js +2 -0
- package/dist/em.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/highlight.d.ts +2 -0
- package/dist/highlight.d.ts.map +1 -0
- package/dist/highlight.js +2 -0
- package/dist/highlight.js.map +1 -0
- package/dist/index.d.ts +25 -9
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +17 -2
- package/dist/index.js.map +1 -1
- package/dist/kbd.d.ts +2 -0
- package/dist/kbd.d.ts.map +1 -0
- package/dist/kbd.js +2 -0
- package/dist/kbd.js.map +1 -0
- 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/mark.d.ts +2 -0
- package/dist/mark.d.ts.map +1 -0
- package/dist/mark.js +2 -0
- package/dist/mark.js.map +1 -0
- package/dist/prose.d.ts +2 -0
- package/dist/prose.d.ts.map +1 -0
- package/dist/prose.js +2 -0
- package/dist/prose.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/blockquote.css +2 -0
- package/dist/styles/blockquote.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/em.css +2 -0
- package/dist/styles/em.css.map +1 -0
- 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/highlight.css +2 -0
- package/dist/styles/highlight.css.map +1 -0
- 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/kbd.css +2 -0
- package/dist/styles/kbd.css.map +1 -0
- 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/mark.css +2 -0
- package/dist/styles/mark.css.map +1 -0
- 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/prose.css +2 -0
- package/dist/styles/prose.css.map +1 -0
- 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 +10519 -6018
- 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 +79 -7
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-collapsible{--brick-collapsible-background:transparent;--brick-collapsible-border-color:transparent;--brick-collapsible-trigger-background:transparent;--brick-collapsible-trigger-hover-background:var(--brick-color-surface-subtle);--brick-collapsible-trigger-open-background:var(--brick-color-surface-subtle);--brick-collapsible-foreground:var(--brick-color-text-primary);--brick-collapsible-content-foreground:var(--brick-color-text-secondary);--brick-collapsible-focus-ring:var(--brick-color-focus-ring);--brick-collapsible-radius:var(--brick-radius-control);--brick-collapsible-trigger-height:2.75rem;--brick-collapsible-trigger-padding-inline:var(--brick-space-3);--brick-collapsible-trigger-gap:var(--brick-space-2);--brick-collapsible-content-padding-block:var(--brick-space-3);--brick-collapsible-content-padding-inline:var(--brick-space-3);--brick-collapsible-indicator-size:1rem;--brick-collapsible-font-family:var(--brick-typography-control-md-font-family);--brick-collapsible-font-size:var(--brick-typography-control-md-font-size);--brick-collapsible-font-weight:var(--brick-typography-control-md-font-weight);--brick-collapsible-line-height:var(--brick-typography-control-md-line-height);box-sizing:border-box;border:var(--brick-border-width) solid var(--brick-collapsible-border-color);border-radius:var(--brick-collapsible-radius);background:var(--brick-collapsible-background);inline-size:100%;min-inline-size:0;overflow:
|
|
1
|
+
@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-collapsible{--brick-collapsible-background:transparent;--brick-collapsible-border-color:transparent;--brick-collapsible-trigger-background:transparent;--brick-collapsible-trigger-hover-background:var(--brick-color-surface-subtle);--brick-collapsible-trigger-open-background:var(--brick-color-surface-subtle);--brick-collapsible-foreground:var(--brick-color-text-primary);--brick-collapsible-content-foreground:var(--brick-color-text-secondary);--brick-collapsible-focus-ring:var(--brick-color-focus-ring);--brick-collapsible-radius:var(--brick-radius-control);--brick-collapsible-trigger-height:2.75rem;--brick-collapsible-trigger-padding-inline:var(--brick-space-3);--brick-collapsible-trigger-gap:var(--brick-space-2);--brick-collapsible-content-padding-block:var(--brick-space-3);--brick-collapsible-content-padding-inline:var(--brick-space-3);--brick-collapsible-indicator-size:1rem;--brick-collapsible-font-family:var(--brick-typography-control-md-font-family);--brick-collapsible-font-size:var(--brick-typography-control-md-font-size);--brick-collapsible-font-weight:var(--brick-typography-control-md-font-weight);--brick-collapsible-line-height:var(--brick-typography-control-md-line-height);box-sizing:border-box;border:var(--brick-border-width) solid var(--brick-collapsible-border-color);border-radius:var(--brick-collapsible-radius);background:var(--brick-collapsible-background);inline-size:100%;min-inline-size:0;overflow:visible}.brick-collapsible[data-variant=soft]{--brick-collapsible-background:var(--brick-color-surface-subtle);--brick-collapsible-trigger-hover-background:var(--brick-color-surface-raised);--brick-collapsible-trigger-open-background:var(--brick-color-surface-raised)}.brick-collapsible[data-variant=outline]{--brick-collapsible-border-color:var(--brick-color-border-default)}.brick-collapsible[data-size=sm]{--brick-collapsible-trigger-height:2.25rem;--brick-collapsible-trigger-padding-inline:var(--brick-space-2);--brick-collapsible-content-padding-block:var(--brick-space-2);--brick-collapsible-content-padding-inline:var(--brick-space-2);--brick-collapsible-indicator-size:.875rem;--brick-collapsible-font-family:var(--brick-typography-control-sm-font-family);--brick-collapsible-font-size:var(--brick-typography-control-sm-font-size);--brick-collapsible-font-weight:var(--brick-typography-control-sm-font-weight);--brick-collapsible-line-height:var(--brick-typography-control-sm-line-height)}.brick-collapsible[data-size=lg]{--brick-collapsible-trigger-height:3.25rem;--brick-collapsible-trigger-padding-inline:var(--brick-space-4);--brick-collapsible-content-padding-block:var(--brick-space-4);--brick-collapsible-content-padding-inline:var(--brick-space-4);--brick-collapsible-indicator-size:1.125rem;--brick-collapsible-font-family:var(--brick-typography-control-lg-font-family);--brick-collapsible-font-size:var(--brick-typography-control-lg-font-size);--brick-collapsible-font-weight:var(--brick-typography-control-lg-font-weight);--brick-collapsible-line-height:var(--brick-typography-control-lg-line-height)}.brick-collapsible[data-orientation=horizontal]{align-items:stretch;inline-size:max-content;max-inline-size:100%;display:flex;overflow:auto clip}.brick-collapsible[data-orientation=horizontal] .brick-collapsible-trigger{flex:none;inline-size:auto}.brick-collapsible[data-orientation=horizontal] .brick-collapsible-trigger:focus-visible{outline-offset:calc(-1 * var(--brick-border-focus-width))}.brick-collapsible-trigger{box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:var(--brick-collapsible-trigger-height);justify-content:flex-start;align-items:center;gap:var(--brick-collapsible-trigger-gap);padding-block:var(--brick-space-2);padding-inline:var(--brick-collapsible-trigger-padding-inline);border-radius:calc(var(--brick-collapsible-radius) - var(--brick-border-width));background:var(--brick-collapsible-trigger-background);color:var(--brick-collapsible-foreground);font-family:var(--brick-collapsible-font-family);font-size:var(--brick-collapsible-font-size);font-weight:var(--brick-collapsible-font-weight);line-height:var(--brick-collapsible-line-height);text-align:start;white-space:normal;cursor:pointer;touch-action:manipulation;border:0;display:flex}.brick-collapsible-trigger:hover:not(:disabled,[data-disabled]){background:var(--brick-collapsible-trigger-hover-background)}.brick-collapsible-trigger[data-state=open]{background:var(--brick-collapsible-trigger-open-background)}.brick-collapsible-trigger:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-collapsible-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-collapsible-trigger:is(:disabled,[data-disabled]){opacity:.55;cursor:not-allowed}.brick-collapsible-trigger[data-icon-only]{inline-size:var(--brick-collapsible-trigger-height);min-inline-size:var(--brick-collapsible-trigger-height);block-size:var(--brick-collapsible-trigger-height);min-block-size:var(--brick-collapsible-trigger-height);flex:0 0 var(--brick-collapsible-trigger-height);text-align:center;justify-content:center;padding:0}.brick-collapsible-indicator{inline-size:var(--brick-collapsible-indicator-size);block-size:var(--brick-collapsible-indicator-size);color:currentColor;transform-origin:50%;transition:transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);flex:none;justify-content:center;align-items:center;margin-inline-start:auto;display:inline-flex;transform:rotate(0)}.brick-collapsible-indicator>svg{block-size:100%;inline-size:100%;display:block}.brick-collapsible-trigger[data-state=open] .brick-collapsible-indicator{transform:rotate(180deg)}.brick-collapsible-content{box-sizing:border-box;min-inline-size:0;color:var(--brick-collapsible-content-foreground);overflow:hidden}.brick-collapsible-content[data-state=open]{animation:brick-collapsible-open var(--brick-motion-duration-fast) var(--brick-motion-easing-enter) both}.brick-collapsible-content[data-state=closed]{animation:brick-collapsible-close var(--brick-motion-duration-fast) var(--brick-motion-easing-exit) both}.brick-collapsible-content-inner{box-sizing:border-box;min-inline-size:0;padding-block:var(--brick-collapsible-content-padding-block);padding-inline:var(--brick-collapsible-content-padding-inline)}.brick-collapsible[data-orientation=horizontal] .brick-collapsible-content{min-block-size:var(--brick-collapsible-trigger-height);flex:none}.brick-collapsible[data-orientation=horizontal] .brick-collapsible-content[data-state=open]{animation-name:brick-collapsible-open-horizontal}.brick-collapsible[data-orientation=horizontal] .brick-collapsible-content[data-state=closed]{animation-name:brick-collapsible-close-horizontal}.brick-collapsible-content[data-initial-open]{animation:none}.brick-collapsible[data-orientation=horizontal] .brick-collapsible-content-inner{inline-size:var(--content-width);min-block-size:var(--brick-collapsible-trigger-height)}@keyframes brick-collapsible-open{0%{block-size:0}to{block-size:var(--content-height)}}@keyframes brick-collapsible-close{0%{block-size:var(--content-height)}to{block-size:0}}@keyframes brick-collapsible-open-horizontal{0%{inline-size:0}to{inline-size:var(--content-width)}}@keyframes brick-collapsible-close-horizontal{0%{inline-size:var(--content-width)}to{inline-size:0}}@media (prefers-reduced-motion:reduce){.brick-collapsible-indicator{transition:none}.brick-collapsible-content{animation:none!important}}@media (forced-colors:active){.brick-collapsible{--brick-collapsible-border-color:CanvasText;forced-color-adjust:auto}.brick-collapsible[data-variant=plain],.brick-collapsible[data-variant=soft]{--brick-collapsible-border-color:transparent}.brick-collapsible-trigger{color:buttontext}.brick-collapsible-trigger:focus-visible{outline-color:highlight}}}@layer brick.utilities,brick.effects;
|
|
2
2
|
/*# sourceMappingURL=collapsible.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,
|
|
1
|
+
{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,06CA8BA,oQAMA,4GAIA,8mBAYA,+mBAYA,iJASA,sGAKA,mJAIA,wxBAyBA,6HACA,wGACA,2KACA,wFAEA,qWAWA,4XAaA,gFACA,kGAEA,qIAMA,qJACA,uJACA,qMAEA,4IAIA,6IACA,gJACA,6DACA,yKAKA,uFACA,wFACA,mGACA,oGAEA,uCACE,6CACA,qDAGF,8BACE,wFACA,0HACA,4CACA,mEDhLJ","sources":["home/runner/work/brick/brick/.brick-cache/production/collapsible.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/collapsible/collapsible.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/collapsible/collapsible.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-collapsible {\n --brick-collapsible-background: transparent;\n --brick-collapsible-border-color: transparent;\n --brick-collapsible-trigger-background: transparent;\n --brick-collapsible-trigger-hover-background: var(--brick-color-surface-subtle);\n --brick-collapsible-trigger-open-background: var(--brick-color-surface-subtle);\n --brick-collapsible-foreground: var(--brick-color-text-primary);\n --brick-collapsible-content-foreground: var(--brick-color-text-secondary);\n --brick-collapsible-focus-ring: var(--brick-color-focus-ring);\n --brick-collapsible-radius: var(--brick-radius-control);\n --brick-collapsible-trigger-height: 2.75rem;\n --brick-collapsible-trigger-padding-inline: var(--brick-space-3);\n --brick-collapsible-trigger-gap: var(--brick-space-2);\n --brick-collapsible-content-padding-block: var(--brick-space-3);\n --brick-collapsible-content-padding-inline: var(--brick-space-3);\n --brick-collapsible-indicator-size: 1rem;\n --brick-collapsible-font-family: var(--brick-typography-control-md-font-family);\n --brick-collapsible-font-size: var(--brick-typography-control-md-font-size);\n --brick-collapsible-font-weight: var(--brick-typography-control-md-font-weight);\n --brick-collapsible-line-height: var(--brick-typography-control-md-line-height);\n\n box-sizing: border-box;\n inline-size: 100%;\n min-inline-size: 0;\n overflow: visible;\n border: var(--brick-border-width) solid var(--brick-collapsible-border-color);\n border-radius: var(--brick-collapsible-radius);\n background: var(--brick-collapsible-background);\n }\n\n .brick-collapsible[data-variant=\"soft\"] {\n --brick-collapsible-background: var(--brick-color-surface-subtle);\n --brick-collapsible-trigger-hover-background: var(--brick-color-surface-raised);\n --brick-collapsible-trigger-open-background: var(--brick-color-surface-raised);\n }\n\n .brick-collapsible[data-variant=\"outline\"] {\n --brick-collapsible-border-color: var(--brick-color-border-default);\n }\n\n .brick-collapsible[data-size=\"sm\"] {\n --brick-collapsible-trigger-height: 2.25rem;\n --brick-collapsible-trigger-padding-inline: var(--brick-space-2);\n --brick-collapsible-content-padding-block: var(--brick-space-2);\n --brick-collapsible-content-padding-inline: var(--brick-space-2);\n --brick-collapsible-indicator-size: 0.875rem;\n --brick-collapsible-font-family: var(--brick-typography-control-sm-font-family);\n --brick-collapsible-font-size: var(--brick-typography-control-sm-font-size);\n --brick-collapsible-font-weight: var(--brick-typography-control-sm-font-weight);\n --brick-collapsible-line-height: var(--brick-typography-control-sm-line-height);\n }\n\n .brick-collapsible[data-size=\"lg\"] {\n --brick-collapsible-trigger-height: 3.25rem;\n --brick-collapsible-trigger-padding-inline: var(--brick-space-4);\n --brick-collapsible-content-padding-block: var(--brick-space-4);\n --brick-collapsible-content-padding-inline: var(--brick-space-4);\n --brick-collapsible-indicator-size: 1.125rem;\n --brick-collapsible-font-family: var(--brick-typography-control-lg-font-family);\n --brick-collapsible-font-size: var(--brick-typography-control-lg-font-size);\n --brick-collapsible-font-weight: var(--brick-typography-control-lg-font-weight);\n --brick-collapsible-line-height: var(--brick-typography-control-lg-line-height);\n }\n\n .brick-collapsible[data-orientation=\"horizontal\"] {\n display: flex;\n inline-size: max-content;\n max-inline-size: 100%;\n align-items: stretch;\n overflow-x: auto;\n overflow-y: clip;\n }\n\n .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-trigger {\n inline-size: auto;\n flex: 0 0 auto;\n }\n\n .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-trigger:focus-visible {\n outline-offset: calc(-1 * var(--brick-border-focus-width));\n }\n\n .brick-collapsible-trigger {\n display: flex;\n box-sizing: border-box;\n inline-size: 100%;\n min-inline-size: 0;\n min-block-size: var(--brick-collapsible-trigger-height);\n align-items: center;\n justify-content: flex-start;\n gap: var(--brick-collapsible-trigger-gap);\n padding-block: var(--brick-space-2);\n padding-inline: var(--brick-collapsible-trigger-padding-inline);\n border: 0;\n border-radius: calc(var(--brick-collapsible-radius) - var(--brick-border-width));\n background: var(--brick-collapsible-trigger-background);\n color: var(--brick-collapsible-foreground);\n font-family: var(--brick-collapsible-font-family);\n font-size: var(--brick-collapsible-font-size);\n font-weight: var(--brick-collapsible-font-weight);\n line-height: var(--brick-collapsible-line-height);\n text-align: start;\n white-space: normal;\n cursor: pointer;\n touch-action: manipulation;\n }\n\n .brick-collapsible-trigger:hover:not(:disabled, [data-disabled]) { background: var(--brick-collapsible-trigger-hover-background); }\n .brick-collapsible-trigger[data-state=\"open\"] { background: var(--brick-collapsible-trigger-open-background); }\n .brick-collapsible-trigger:focus-visible { outline: var(--brick-border-focus-width) solid var(--brick-collapsible-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n .brick-collapsible-trigger:is(:disabled, [data-disabled]) { opacity: 0.55; cursor: not-allowed; }\n\n .brick-collapsible-trigger[data-icon-only] {\n inline-size: var(--brick-collapsible-trigger-height);\n min-inline-size: var(--brick-collapsible-trigger-height);\n block-size: var(--brick-collapsible-trigger-height);\n min-block-size: var(--brick-collapsible-trigger-height);\n flex: 0 0 var(--brick-collapsible-trigger-height);\n justify-content: center;\n padding: 0;\n text-align: center;\n }\n\n .brick-collapsible-indicator {\n display: inline-flex;\n inline-size: var(--brick-collapsible-indicator-size);\n block-size: var(--brick-collapsible-indicator-size);\n flex: 0 0 auto;\n align-items: center;\n justify-content: center;\n margin-inline-start: auto;\n color: currentColor;\n transform: rotate(0deg);\n transform-origin: center;\n transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n }\n .brick-collapsible-indicator > svg { display: block; inline-size: 100%; block-size: 100%; }\n .brick-collapsible-trigger[data-state=\"open\"] .brick-collapsible-indicator { transform: rotate(180deg); }\n\n .brick-collapsible-content {\n box-sizing: border-box;\n min-inline-size: 0;\n overflow: hidden;\n color: var(--brick-collapsible-content-foreground);\n }\n .brick-collapsible-content[data-state=\"open\"] { animation: brick-collapsible-open var(--brick-motion-duration-fast) var(--brick-motion-easing-enter) both; }\n .brick-collapsible-content[data-state=\"closed\"] { animation: brick-collapsible-close var(--brick-motion-duration-fast) var(--brick-motion-easing-exit) both; }\n .brick-collapsible-content-inner { box-sizing: border-box; min-inline-size: 0; padding-block: var(--brick-collapsible-content-padding-block); padding-inline: var(--brick-collapsible-content-padding-inline); }\n\n .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-content {\n flex: 0 0 auto;\n min-block-size: var(--brick-collapsible-trigger-height);\n }\n .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-content[data-state=\"open\"] { animation-name: brick-collapsible-open-horizontal; }\n .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-content[data-state=\"closed\"] { animation-name: brick-collapsible-close-horizontal; }\n .brick-collapsible-content[data-initial-open] { animation: none; }\n .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-content-inner {\n inline-size: var(--content-width);\n min-block-size: var(--brick-collapsible-trigger-height);\n }\n\n @keyframes brick-collapsible-open { from { block-size: 0; } to { block-size: var(--content-height); } }\n @keyframes brick-collapsible-close { from { block-size: var(--content-height); } to { block-size: 0; } }\n @keyframes brick-collapsible-open-horizontal { from { inline-size: 0; } to { inline-size: var(--content-width); } }\n @keyframes brick-collapsible-close-horizontal { from { inline-size: var(--content-width); } to { inline-size: 0; } }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-collapsible-indicator { transition: none; }\n .brick-collapsible-content { animation: none !important; }\n }\n\n @media (forced-colors: active) {\n .brick-collapsible { --brick-collapsible-border-color: CanvasText; forced-color-adjust: auto; }\n .brick-collapsible[data-variant=\"plain\"], .brick-collapsible[data-variant=\"soft\"] { --brick-collapsible-border-color: transparent; }\n .brick-collapsible-trigger { color: ButtonText; }\n .brick-collapsible-trigger:focus-visible { outline-color: Highlight; }\n }\n}\n"],"names":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-color-swatch{--brick-color-swatch-size:1.5rem;--brick-color-swatch-value:transparent;--brick-color-swatch-border-color:var(--brick-color-border-default);--brick-color-swatch-radius:var(--brick-radius-subtle);box-sizing:border-box;inline-size:var(--brick-color-swatch-size);block-size:var(--brick-color-swatch-size);border:var(--brick-border-width) solid var(--brick-color-swatch-border-color);border-radius:var(--brick-color-swatch-radius);background-color:var(--brick-color-surface-base);background-image:repeating-conic-gradient(var(--brick-color-surface-subtle) 0 25%, var(--brick-color-surface-raised) 0 50%);vertical-align:middle;background-position:0 0;background-size:.5rem .5rem;flex:none;display:inline-block;position:relative;overflow:hidden}.brick-color-swatch:after{background:var(--brick-color-swatch-value);content:"";position:absolute;inset:0}.brick-color-swatch[data-size=sm]{--brick-color-swatch-size:1rem}.brick-color-swatch[data-size=lg]{--brick-color-swatch-size:2rem}@media (forced-colors:active){.brick-color-swatch{forced-color-adjust:none;border-color:canvastext}}.brick-color-picker{--brick-color-picker-control-size:2.5rem;--brick-color-picker-gap:var(--brick-space-2);--brick-color-picker-background:transparent;--brick-color-picker-border-color:var(--brick-color-border-default);--brick-color-picker-focus-ring:var(--brick-color-focus-ring);--brick-color-picker-content-background:var(--brick-color-surface-overlay);--brick-color-picker-content-border-color:var(--brick-color-border-default);--brick-color-picker-content-radius:var(--brick-radius-overlay);--brick-color-picker-content-shadow:var(--brick-shadow-floating);gap:var(--brick-space-2);min-inline-size:0;color:var(--brick-color-text-primary);display:grid}.brick-color-picker[data-size=sm]{--brick-color-picker-control-size:2rem}.brick-color-picker[data-size=lg]{--brick-color-picker-control-size:3rem}.brick-color-picker[data-variant=soft]{--brick-color-picker-background:var(--brick-color-surface-subtle)}.brick-color-picker__label{inline-size:fit-content;color:var(--brick-color-text-primary);font-family:var(--brick-typography-label-md-font-family);font-size:var(--brick-typography-label-md-font-size);font-weight:var(--brick-typography-label-md-font-weight);letter-spacing:var(--brick-typography-label-md-letter-spacing);line-height:var(--brick-typography-label-md-line-height)}.brick-color-picker__control{align-items:stretch;gap:var(--brick-color-picker-gap);min-inline-size:0;display:flex}.brick-color-picker__input,.brick-color-picker__native-input,.brick-color-picker__trigger,.brick-color-picker__swatch-trigger{box-sizing:border-box;min-block-size:var(--brick-color-picker-control-size);border:var(--brick-border-width) solid var(--brick-color-picker-border-color);border-radius:var(--brick-radius-control);background:var(--brick-color-picker-background);color:var(--brick-color-text-primary);transition:border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard)}.brick-color-picker__input{inline-size:9rem;min-inline-size:0;padding-inline:var(--brick-space-3);font:inherit;font-variant-numeric:tabular-nums}.brick-color-picker__native-input{inline-size:var(--brick-color-picker-control-size);padding:var(--brick-space-1);cursor:pointer;flex:none}.brick-color-picker__trigger{min-inline-size:var(--brick-color-picker-control-size);justify-content:center;align-items:center;gap:var(--brick-space-2);padding-inline:var(--brick-space-2);cursor:pointer;font:inherit;display:inline-flex}.brick-color-picker__swatch-trigger{min-inline-size:var(--brick-color-picker-control-size);justify-content:flex-start;align-items:center;gap:var(--brick-space-2);padding:var(--brick-space-2);cursor:pointer;font:inherit;display:inline-flex}.brick-color-picker__input:hover,.brick-color-picker__native-input:hover,.brick-color-picker__trigger:hover,.brick-color-picker__swatch-trigger:hover{border-color:var(--brick-color-border-strong);background-color:var(--brick-color-surface-hover,var(--brick-color-surface-subtle))}.brick-color-picker__input:focus-visible,.brick-color-picker__native-input:focus-visible,.brick-color-picker__trigger:focus-visible,.brick-color-picker__swatch-trigger:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-color-picker-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-color-picker[data-invalid]{--brick-color-picker-border-color:var(--brick-color-danger-border);--brick-color-picker-focus-ring:var(--brick-color-danger-text)}.brick-color-picker[data-disabled] :where(.brick-color-picker__input,.brick-color-picker__native-input,.brick-color-picker__trigger,.brick-color-picker__swatch-trigger){cursor:not-allowed;color:var(--brick-color-text-disabled);opacity:.72}.brick-color-picker[data-readonly] :where(.brick-color-picker__input,.brick-color-picker__native-input,.brick-color-picker__swatch-trigger){cursor:not-allowed;background:var(--brick-color-surface-subtle)}.brick-color-picker__swatch-trigger[aria-pressed=true]{border-color:var(--brick-color-accent-border);box-shadow:inset 0 0 0 var(--brick-border-width) var(--brick-color-accent-border)}.brick-color-picker__content{z-index:calc(var(--brick-layer-overlay) - 1);box-sizing:border-box;inline-size:max-content;max-inline-size:min(22rem, calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)));color:var(--brick-color-text-primary)}.brick-color-picker__content>[data-slot=popover-viewport]{gap:var(--brick-space-3);max-block-size:min(28rem,100dvb - 2rem);min-inline-size:min(18rem,100dvi - 2rem);padding:var(--brick-space-3);border:var(--brick-border-width) solid var(--brick-color-picker-content-border-color);border-radius:var(--brick-color-picker-content-radius);background:var(--brick-color-picker-content-background);box-shadow:var(--brick-color-picker-content-shadow);overscroll-behavior:contain;display:grid;overflow:auto}@supports not (height:100dvb){.brick-color-picker__content>[data-slot=popover-viewport]{max-block-size:min(28rem,100vh - 2rem)}}@media (prefers-reduced-motion:reduce){.brick-color-picker :where(.brick-color-picker__input,.brick-color-picker__native-input,.brick-color-picker__trigger,.brick-color-picker__swatch-trigger){transition-duration:1ms}}@media (forced-colors:active){.brick-color-picker{--brick-color-picker-background:Canvas;--brick-color-picker-border-color:CanvasText;--brick-color-picker-content-background:Canvas;--brick-color-picker-content-border-color:CanvasText;--brick-color-picker-content-shadow:none}.brick-color-picker__swatch-trigger[aria-pressed=true]{box-shadow:none;border-width:2px}}}@layer brick.utilities,brick.effects;
|
|
2
|
+
/*# sourceMappingURL=color-picker.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,uvBAyBA,0GAOA,iEACA,iEAEA,8BACE,sECpCF,+oBAiBA,yEACA,yEACA,yGAEA,wXAUA,kHAOA,gqBAgBA,iJAQA,2IAOA,2OAWA,+OAWA,wRAQA,yTAQA,oKAKA,+OAMA,4MAKA,uLAKA,uQAQA,ifAcA,8BACE,kGAGF,uCACE,mLAGF,8BACE,qPAQA,0FFxKJ","sources":["home/runner/work/brick/brick/.brick-cache/production/color-picker.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/color-swatch/color-swatch.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/color-picker/color-picker.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/color-swatch/color-swatch.css\";\n@import \"../../src/components/color-picker/color-picker.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-color-swatch {\n --brick-color-swatch-size: 1.5rem;\n --brick-color-swatch-value: transparent;\n --brick-color-swatch-border-color: var(--brick-color-border-default);\n --brick-color-swatch-radius: var(--brick-radius-subtle);\n\n position: relative;\n display: inline-block;\n box-sizing: border-box;\n inline-size: var(--brick-color-swatch-size);\n block-size: var(--brick-color-swatch-size);\n flex: none;\n overflow: hidden;\n border: var(--brick-border-width) solid var(--brick-color-swatch-border-color);\n border-radius: var(--brick-color-swatch-radius);\n background-color: var(--brick-color-surface-base);\n background-image: repeating-conic-gradient(\n var(--brick-color-surface-subtle) 0 25%,\n var(--brick-color-surface-raised) 0 50%\n );\n background-position: 0 0;\n background-size: 0.5rem 0.5rem;\n vertical-align: middle;\n }\n\n .brick-color-swatch::after {\n position: absolute;\n inset: 0;\n background: var(--brick-color-swatch-value);\n content: \"\";\n }\n\n .brick-color-swatch[data-size=\"sm\"] { --brick-color-swatch-size: 1rem; }\n .brick-color-swatch[data-size=\"lg\"] { --brick-color-swatch-size: 2rem; }\n\n @media (forced-colors: active) {\n .brick-color-swatch {\n border-color: CanvasText;\n forced-color-adjust: none;\n }\n }\n}\n","@layer brick.components {\n .brick-color-picker {\n --brick-color-picker-control-size: 2.5rem;\n --brick-color-picker-gap: var(--brick-space-2);\n --brick-color-picker-background: transparent;\n --brick-color-picker-border-color: var(--brick-color-border-default);\n --brick-color-picker-focus-ring: var(--brick-color-focus-ring);\n --brick-color-picker-content-background: var(--brick-color-surface-overlay);\n --brick-color-picker-content-border-color: var(--brick-color-border-default);\n --brick-color-picker-content-radius: var(--brick-radius-overlay);\n --brick-color-picker-content-shadow: var(--brick-shadow-floating);\n\n display: grid;\n min-inline-size: 0;\n gap: var(--brick-space-2);\n color: var(--brick-color-text-primary);\n }\n\n .brick-color-picker[data-size=\"sm\"] { --brick-color-picker-control-size: 2rem; }\n .brick-color-picker[data-size=\"lg\"] { --brick-color-picker-control-size: 3rem; }\n .brick-color-picker[data-variant=\"soft\"] { --brick-color-picker-background: var(--brick-color-surface-subtle); }\n\n .brick-color-picker__label {\n inline-size: fit-content;\n color: var(--brick-color-text-primary);\n font-family: var(--brick-typography-label-md-font-family);\n font-size: var(--brick-typography-label-md-font-size);\n font-weight: var(--brick-typography-label-md-font-weight);\n letter-spacing: var(--brick-typography-label-md-letter-spacing);\n line-height: var(--brick-typography-label-md-line-height);\n }\n\n .brick-color-picker__control {\n display: flex;\n min-inline-size: 0;\n align-items: stretch;\n gap: var(--brick-color-picker-gap);\n }\n\n .brick-color-picker__input,\n .brick-color-picker__native-input,\n .brick-color-picker__trigger,\n .brick-color-picker__swatch-trigger {\n box-sizing: border-box;\n min-block-size: var(--brick-color-picker-control-size);\n border: var(--brick-border-width) solid var(--brick-color-picker-border-color);\n border-radius: var(--brick-radius-control);\n background: var(--brick-color-picker-background);\n color: var(--brick-color-text-primary);\n transition:\n border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n }\n\n .brick-color-picker__input {\n inline-size: 9rem;\n min-inline-size: 0;\n padding-inline: var(--brick-space-3);\n font: inherit;\n font-variant-numeric: tabular-nums;\n }\n\n .brick-color-picker__native-input {\n inline-size: var(--brick-color-picker-control-size);\n flex: none;\n padding: var(--brick-space-1);\n cursor: pointer;\n }\n\n .brick-color-picker__trigger {\n display: inline-flex;\n min-inline-size: var(--brick-color-picker-control-size);\n align-items: center;\n justify-content: center;\n gap: var(--brick-space-2);\n padding-inline: var(--brick-space-2);\n cursor: pointer;\n font: inherit;\n }\n\n .brick-color-picker__swatch-trigger {\n display: inline-flex;\n min-inline-size: var(--brick-color-picker-control-size);\n align-items: center;\n justify-content: flex-start;\n gap: var(--brick-space-2);\n padding: var(--brick-space-2);\n cursor: pointer;\n font: inherit;\n }\n\n .brick-color-picker__input:hover,\n .brick-color-picker__native-input:hover,\n .brick-color-picker__trigger:hover,\n .brick-color-picker__swatch-trigger:hover {\n border-color: var(--brick-color-border-strong);\n background-color: var(--brick-color-surface-hover, var(--brick-color-surface-subtle));\n }\n\n .brick-color-picker__input:focus-visible,\n .brick-color-picker__native-input:focus-visible,\n .brick-color-picker__trigger:focus-visible,\n .brick-color-picker__swatch-trigger:focus-visible {\n outline: var(--brick-border-focus-width) solid var(--brick-color-picker-focus-ring);\n outline-offset: var(--brick-border-focus-offset);\n }\n\n .brick-color-picker[data-invalid] {\n --brick-color-picker-border-color: var(--brick-color-danger-border);\n --brick-color-picker-focus-ring: var(--brick-color-danger-text);\n }\n\n .brick-color-picker[data-disabled] :where(.brick-color-picker__input, .brick-color-picker__native-input, .brick-color-picker__trigger, .brick-color-picker__swatch-trigger) {\n cursor: not-allowed;\n color: var(--brick-color-text-disabled);\n opacity: 0.72;\n }\n\n .brick-color-picker[data-readonly] :where(.brick-color-picker__input, .brick-color-picker__native-input, .brick-color-picker__swatch-trigger) {\n cursor: not-allowed;\n background: var(--brick-color-surface-subtle);\n }\n\n .brick-color-picker__swatch-trigger[aria-pressed=\"true\"] {\n border-color: var(--brick-color-accent-border);\n box-shadow: inset 0 0 0 var(--brick-border-width) var(--brick-color-accent-border);\n }\n\n .brick-color-picker__content {\n z-index: calc(var(--brick-layer-overlay) - 1);\n box-sizing: border-box;\n inline-size: max-content;\n max-inline-size: min(22rem, calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)));\n color: var(--brick-color-text-primary);\n }\n\n .brick-color-picker__content > [data-slot=\"popover-viewport\"] {\n display: grid;\n min-inline-size: min(18rem, calc(100dvi - 2rem));\n max-block-size: min(28rem, calc(100dvb - 2rem));\n gap: var(--brick-space-3);\n padding: var(--brick-space-3);\n overflow: auto;\n border: var(--brick-border-width) solid var(--brick-color-picker-content-border-color);\n border-radius: var(--brick-color-picker-content-radius);\n background: var(--brick-color-picker-content-background);\n box-shadow: var(--brick-color-picker-content-shadow);\n overscroll-behavior: contain;\n }\n\n @supports not (height: 100dvb) {\n .brick-color-picker__content > [data-slot=\"popover-viewport\"] { max-block-size: min(28rem, calc(100vh - 2rem)); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-color-picker :where(.brick-color-picker__input, .brick-color-picker__native-input, .brick-color-picker__trigger, .brick-color-picker__swatch-trigger) { transition-duration: 1ms; }\n }\n\n @media (forced-colors: active) {\n .brick-color-picker {\n --brick-color-picker-background: Canvas;\n --brick-color-picker-border-color: CanvasText;\n --brick-color-picker-content-background: Canvas;\n --brick-color-picker-content-border-color: CanvasText;\n --brick-color-picker-content-shadow: none;\n }\n\n .brick-color-picker__swatch-trigger[aria-pressed=\"true\"] { border-width: 2px; box-shadow: none; }\n }\n}\n"],"names":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-color-swatch{--brick-color-swatch-size:1.5rem;--brick-color-swatch-value:transparent;--brick-color-swatch-border-color:var(--brick-color-border-default);--brick-color-swatch-radius:var(--brick-radius-subtle);box-sizing:border-box;inline-size:var(--brick-color-swatch-size);block-size:var(--brick-color-swatch-size);border:var(--brick-border-width) solid var(--brick-color-swatch-border-color);border-radius:var(--brick-color-swatch-radius);background-color:var(--brick-color-surface-base);background-image:repeating-conic-gradient(var(--brick-color-surface-subtle) 0 25%, var(--brick-color-surface-raised) 0 50%);vertical-align:middle;background-position:0 0;background-size:.5rem .5rem;flex:none;display:inline-block;position:relative;overflow:hidden}.brick-color-swatch:after{background:var(--brick-color-swatch-value);content:"";position:absolute;inset:0}.brick-color-swatch[data-size=sm]{--brick-color-swatch-size:1rem}.brick-color-swatch[data-size=lg]{--brick-color-swatch-size:2rem}@media (forced-colors:active){.brick-color-swatch{forced-color-adjust:none;border-color:canvastext}}}@layer brick.utilities,brick.effects;
|
|
2
|
+
/*# sourceMappingURL=color-swatch.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,uvBAyBA,0GAOA,iEACA,iEAEA,8BACE,uEDrCJ","sources":["home/runner/work/brick/brick/.brick-cache/production/color-swatch.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/color-swatch/color-swatch.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/color-swatch/color-swatch.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-color-swatch {\n --brick-color-swatch-size: 1.5rem;\n --brick-color-swatch-value: transparent;\n --brick-color-swatch-border-color: var(--brick-color-border-default);\n --brick-color-swatch-radius: var(--brick-radius-subtle);\n\n position: relative;\n display: inline-block;\n box-sizing: border-box;\n inline-size: var(--brick-color-swatch-size);\n block-size: var(--brick-color-swatch-size);\n flex: none;\n overflow: hidden;\n border: var(--brick-border-width) solid var(--brick-color-swatch-border-color);\n border-radius: var(--brick-color-swatch-radius);\n background-color: var(--brick-color-surface-base);\n background-image: repeating-conic-gradient(\n var(--brick-color-surface-subtle) 0 25%,\n var(--brick-color-surface-raised) 0 50%\n );\n background-position: 0 0;\n background-size: 0.5rem 0.5rem;\n vertical-align: middle;\n }\n\n .brick-color-swatch::after {\n position: absolute;\n inset: 0;\n background: var(--brick-color-swatch-value);\n content: \"\";\n }\n\n .brick-color-swatch[data-size=\"sm\"] { --brick-color-swatch-size: 1rem; }\n .brick-color-swatch[data-size=\"lg\"] { --brick-color-swatch-size: 2rem; }\n\n @media (forced-colors: active) {\n .brick-color-swatch {\n border-color: CanvasText;\n forced-color-adjust: none;\n }\n }\n}\n"],"names":[]}
|
package/dist/styles/combobox.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-combobox-control{--brick-combobox-min-block-size:var(--brick-control-min-block-size-md);--brick-combobox-padding-inline:var(--brick-space-3);--brick-combobox-radius:var(--brick-radius-control);--brick-combobox-background:var(--brick-color-surface-raised);--brick-combobox-border:var(--brick-color-border-strong);--brick-combobox-foreground:var(--brick-color-text-primary);--brick-combobox-placeholder:var(--brick-color-text-muted);--brick-combobox-focus:var(--brick-color-focus-ring);--brick-combobox-invalid:var(--brick-color-danger-text);box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-combobox-min-block-size);align-items:center;gap:var(--brick-space-1);padding-inline:var(--brick-combobox-padding-inline);border:var(--brick-border-width) solid var(--brick-combobox-border);border-radius:var(--brick-combobox-radius);background:var(--brick-combobox-background);color:var(--brick-combobox-foreground);transition:border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);display:inline-flex}.brick-combobox-control[data-full-width]{inline-size:100%}.brick-combobox-control:not([data-full-width]){inline-size:fit-content}.brick-combobox-control[data-variant=soft]{--brick-combobox-background:var(--brick-color-surface-subtle);--brick-combobox-border:var(--brick-color-border-subtle)}.brick-combobox-control[data-variant=underline]{--brick-combobox-background:transparent;--brick-combobox-radius:0;border-width:0 0 var(--brick-border-width)}.brick-combobox-control[data-shape=sharp]{--brick-combobox-radius:0}.brick-combobox-control[data-shape=pill]{--brick-combobox-radius:var(--brick-radius-full)}.brick-combobox-control[data-size=sm]{--brick-combobox-min-block-size:var(--brick-control-min-block-size-sm);--brick-combobox-padding-inline:var(--brick-space-2)}.brick-combobox-control[data-size=lg]{--brick-combobox-min-block-size:var(--brick-control-min-block-size-lg);--brick-combobox-padding-inline:var(--brick-space-4)}.brick-combobox-input{box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:calc(var(--brick-combobox-min-block-size) - 2 * var(--brick-border-width));color:inherit;font:inherit;background:0 0;border:0;outline:0;padding:0}.brick-combobox-input::placeholder{color:var(--brick-combobox-placeholder)}.brick-combobox-control:has(.brick-combobox-input:focus-visible){border-color:var(--brick-combobox-focus);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-combobox-focus)}.brick-combobox-control:has(.brick-combobox-input[data-invalid]){border-color:var(--brick-combobox-invalid)}.brick-combobox-control:has(.brick-combobox-input[data-disabled]){background:var(--brick-color-surface-subtle);color:var(--brick-color-text-secondary);cursor:not-allowed}.brick-combobox-control:has(.brick-combobox-input[data-readonly]){background:var(--brick-color-surface-subtle)}.brick-combobox-clear,.brick-combobox-trigger{border-radius:var(--brick-radius-subtle);block-size:1.75rem;inline-size:1.75rem;color:var(--brick-color-text-secondary);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.brick-combobox-indicator{place-items:center;display:inline-grid}.brick-combobox-clear[data-hidden]{display:none}.brick-combobox-clear:focus-visible,.brick-combobox-trigger:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-combobox-focus);outline-offset:1px}.brick-combobox-clear-artwork,.brick-combobox-indicator-artwork{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;block-size:1rem;inline-size:1rem}.brick-combobox-trigger[data-state=open] .brick-combobox-indicator{transform:rotate(180deg)}.brick-combobox-trigger:disabled{cursor:not-allowed}.brick-combobox-content{--brick-combobox-popup-radius:var(--brick-radius-control);--brick-combobox-item-min-block-size:var(--brick-control-min-block-size-md);box-sizing:border-box;max-inline-size:min(28rem,calc(100vw - 2 * var(--brick-space-3)));max-block-size:min(20rem,var(--available-height,20rem));border:var(--brick-border-width) solid var(--brick-color-border-subtle);border-radius:var(--brick-combobox-popup-radius);background:var(--brick-color-surface-raised);box-shadow:
|
|
1
|
+
@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-combobox-control{--brick-combobox-min-block-size:var(--brick-control-min-block-size-md);--brick-combobox-padding-inline:var(--brick-space-3);--brick-combobox-radius:var(--brick-radius-control);--brick-combobox-background:var(--brick-color-surface-raised);--brick-combobox-border:var(--brick-color-border-strong);--brick-combobox-foreground:var(--brick-color-text-primary);--brick-combobox-placeholder:var(--brick-color-text-muted);--brick-combobox-focus:var(--brick-color-focus-ring);--brick-combobox-invalid:var(--brick-color-danger-text);box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-combobox-min-block-size);align-items:center;gap:var(--brick-space-1);padding-inline:var(--brick-combobox-padding-inline);border:var(--brick-border-width) solid var(--brick-combobox-border);border-radius:var(--brick-combobox-radius);background:var(--brick-combobox-background);color:var(--brick-combobox-foreground);transition:border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);display:inline-flex}.brick-combobox-control[data-full-width]{inline-size:100%}.brick-combobox-control:not([data-full-width]){inline-size:fit-content}.brick-combobox-control[data-variant=soft]{--brick-combobox-background:var(--brick-color-surface-subtle);--brick-combobox-border:var(--brick-color-border-subtle)}.brick-combobox-control[data-variant=underline]{--brick-combobox-background:transparent;--brick-combobox-radius:0;border-width:0 0 var(--brick-border-width)}.brick-combobox-control[data-shape=sharp]{--brick-combobox-radius:0}.brick-combobox-control[data-shape=pill]{--brick-combobox-radius:var(--brick-radius-full)}.brick-combobox-control[data-size=sm]{--brick-combobox-min-block-size:var(--brick-control-min-block-size-sm);--brick-combobox-padding-inline:var(--brick-space-2)}.brick-combobox-control[data-size=lg]{--brick-combobox-min-block-size:var(--brick-control-min-block-size-lg);--brick-combobox-padding-inline:var(--brick-space-4)}.brick-combobox-input{box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:calc(var(--brick-combobox-min-block-size) - 2 * var(--brick-border-width));color:inherit;font:inherit;background:0 0;border:0;outline:0;padding:0}.brick-combobox-input::placeholder{color:var(--brick-combobox-placeholder)}.brick-combobox-control:has(.brick-combobox-input:focus-visible){border-color:var(--brick-combobox-focus);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-combobox-focus)}.brick-combobox-control:has(.brick-combobox-input[data-invalid]){border-color:var(--brick-combobox-invalid)}.brick-combobox-control:has(.brick-combobox-input[data-disabled]){background:var(--brick-color-surface-subtle);color:var(--brick-color-text-secondary);cursor:not-allowed}.brick-combobox-control:has(.brick-combobox-input[data-readonly]){background:var(--brick-color-surface-subtle)}.brick-combobox-clear,.brick-combobox-trigger{border-radius:var(--brick-radius-subtle);block-size:1.75rem;inline-size:1.75rem;color:var(--brick-color-text-secondary);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.brick-combobox-indicator{place-items:center;display:inline-grid}.brick-combobox-clear[data-hidden]{display:none}.brick-combobox-clear:focus-visible,.brick-combobox-trigger:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-combobox-focus);outline-offset:1px}.brick-combobox-clear-artwork,.brick-combobox-indicator-artwork{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;block-size:1rem;inline-size:1rem}.brick-combobox-trigger[data-state=open] .brick-combobox-indicator{transform:rotate(180deg)}.brick-combobox-trigger:disabled{cursor:not-allowed}.brick-combobox-content{--brick-combobox-popup-radius:var(--brick-radius-control);--brick-combobox-item-min-block-size:var(--brick-control-min-block-size-md);box-sizing:border-box;max-inline-size:min(28rem,calc(100vw - 2 * var(--brick-space-3)));max-block-size:min(20rem,var(--available-height,20rem));border:var(--brick-border-width) solid var(--brick-color-border-subtle);border-radius:var(--brick-combobox-popup-radius);background:var(--brick-color-surface-raised);box-shadow:var(--brick-shadow-floating);color:var(--brick-color-text-primary);z-index:70;overflow:hidden}.brick-combobox-content[data-size=sm]{--brick-combobox-item-min-block-size:var(--brick-control-min-block-size-sm)}.brick-combobox-content[data-size=lg]{--brick-combobox-item-min-block-size:var(--brick-control-min-block-size-lg)}.brick-combobox-listbox{box-sizing:border-box;max-block-size:inherit;padding:var(--brick-space-1);overscroll-behavior:contain;scrollbar-width:thin;outline:0;overflow-y:auto}.brick-combobox-group+.brick-combobox-group{margin-block-start:var(--brick-space-1)}.brick-combobox-label{padding:var(--brick-space-2) var(--brick-space-3) var(--brick-space-1);color:var(--brick-color-text-secondary);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-label-md-font-weight);display:block}label.brick-combobox-label{color:var(--brick-color-text-primary);padding-inline:0}.brick-combobox-item{box-sizing:border-box;min-block-size:var(--brick-combobox-item-min-block-size);align-items:center;gap:var(--brick-space-2);padding-inline:var(--brick-space-3);border-radius:calc(var(--brick-combobox-popup-radius) - var(--brick-border-width));cursor:pointer;overflow-wrap:anywhere;outline:0;grid-template-columns:minmax(0,1fr) 1rem;display:grid}.brick-combobox-item:after{content:"";opacity:0;border-block-end:2px solid;border-inline-start:2px solid;block-size:.35rem;inline-size:.65rem;transform:rotate(-45deg)}.brick-combobox-item[data-state=checked]:after{opacity:1}.brick-combobox-item[data-highlighted]{background:var(--brick-color-accent-soft)}.brick-combobox-item[data-state=checked]{color:var(--brick-color-accent-text);font-weight:var(--brick-typography-label-md-font-weight)}.brick-combobox-item[data-disabled]{color:var(--brick-color-text-muted);cursor:not-allowed;opacity:.65}.brick-combobox-message{padding:var(--brick-space-3);color:var(--brick-color-text-secondary)}@media (hover:hover) and (pointer:fine){.brick-combobox-control:not([data-disabled],[data-readonly],[data-invalid]):hover{border-color:var(--brick-color-accent-border)}.brick-combobox-item:not([data-disabled]):hover{background:var(--brick-color-accent-soft)}}@media (prefers-reduced-motion:reduce){.brick-combobox-control,.brick-combobox-indicator{transition-duration:0s}}@media (forced-colors:active){.brick-combobox-control,.brick-combobox-content{color:canvastext;background:canvas;border-color:buttontext}.brick-combobox-control:has(.brick-combobox-input:focus-visible),.brick-combobox-item[data-highlighted]{outline:var(--brick-border-focus-width) solid Highlight;box-shadow:none}.brick-combobox-item[data-disabled]{color:graytext}.brick-combobox-item[data-state=checked]{color:highlight}}}@layer brick.utilities,brick.effects;
|
|
2
2
|
/*# sourceMappingURL=combobox.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,gtCAIA,0DAA0D,uEAAuE,kKAAoK,6JAA+J,oEAAsE,0FAA4F,kKAAoK,kKAC1wB,gPAAwP,2EAA2E,uLAAuL,4GAA4G,0KAA0K,+GAChxB,wQAAoR,iEAAiE,gDAAgD,uKAAuK,oLAAkL,4FAA8F,oDAC5zB,
|
|
1
|
+
{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,gtCAIA,0DAA0D,uEAAuE,kKAAoK,6JAA+J,oEAAsE,0FAA4F,kKAAoK,kKAC1wB,gPAAwP,2EAA2E,uLAAuL,4GAA4G,0KAA0K,+GAChxB,wQAAoR,iEAAiE,gDAAgD,uKAAuK,oLAAkL,4FAA8F,oDAC5zB,6jBAA6jB,kHAAoH,kHAAoH,6KAA6K,oFAAoF,gQAAgQ,kFAAkF,6WAA6W,uKAAkM,yDAA4D,iFAAiF,uIAAyI,uGAAuG,6FACpyE,wCAAwC,gIAAgI,2FAA2F,uCAAuC,0EAA2E,8BAA8B,2GAA2G,gLAAgL,mDAAmD,2DDTnuB","sources":["home/runner/work/brick/brick/.brick-cache/production/combobox.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/combobox/combobox.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/combobox/combobox.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-combobox-control {\n --brick-combobox-min-block-size: var(--brick-control-min-block-size-md); --brick-combobox-padding-inline: var(--brick-space-3); --brick-combobox-radius: var(--brick-radius-control); --brick-combobox-background: var(--brick-color-surface-raised); --brick-combobox-border: var(--brick-color-border-strong); --brick-combobox-foreground: var(--brick-color-text-primary); --brick-combobox-placeholder: var(--brick-color-text-muted); --brick-combobox-focus: var(--brick-color-focus-ring); --brick-combobox-invalid: var(--brick-color-danger-text);\n display:inline-flex;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-combobox-min-block-size);align-items:center;gap:var(--brick-space-1);padding-inline:var(--brick-combobox-padding-inline);border:var(--brick-border-width) solid var(--brick-combobox-border);border-radius:var(--brick-combobox-radius);background:var(--brick-combobox-background);color:var(--brick-combobox-foreground);transition:border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard)\n }\n .brick-combobox-control[data-full-width]{inline-size:100%}.brick-combobox-control:not([data-full-width]){inline-size:fit-content}.brick-combobox-control[data-variant=\"soft\"]{--brick-combobox-background:var(--brick-color-surface-subtle);--brick-combobox-border:var(--brick-color-border-subtle)}.brick-combobox-control[data-variant=\"underline\"]{--brick-combobox-background:transparent;--brick-combobox-radius:0;border-width:0 0 var(--brick-border-width)}.brick-combobox-control[data-shape=\"sharp\"]{--brick-combobox-radius:0}.brick-combobox-control[data-shape=\"pill\"]{--brick-combobox-radius:var(--brick-radius-full)}.brick-combobox-control[data-size=\"sm\"]{--brick-combobox-min-block-size:var(--brick-control-min-block-size-sm);--brick-combobox-padding-inline:var(--brick-space-2)}.brick-combobox-control[data-size=\"lg\"]{--brick-combobox-min-block-size:var(--brick-control-min-block-size-lg);--brick-combobox-padding-inline:var(--brick-space-4)}\n .brick-combobox-input{box-sizing:border-box;min-inline-size:0;inline-size:100%;min-block-size:calc(var(--brick-combobox-min-block-size) - 2 * var(--brick-border-width));padding:0;border:0;outline:0;background:transparent;color:inherit;font:inherit}.brick-combobox-input::placeholder{color:var(--brick-combobox-placeholder)}.brick-combobox-control:has(.brick-combobox-input:focus-visible){border-color:var(--brick-combobox-focus);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-combobox-focus)}.brick-combobox-control:has(.brick-combobox-input[data-invalid]){border-color:var(--brick-combobox-invalid)}.brick-combobox-control:has(.brick-combobox-input[data-disabled]){background:var(--brick-color-surface-subtle);color:var(--brick-color-text-secondary);cursor:not-allowed}.brick-combobox-control:has(.brick-combobox-input[data-readonly]){background:var(--brick-color-surface-subtle)}\n .brick-combobox-clear,.brick-combobox-trigger{display:inline-grid;flex:0 0 auto;inline-size:1.75rem;block-size:1.75rem;place-items:center;padding:0;border:0;border-radius:var(--brick-radius-subtle);background:transparent;color:var(--brick-color-text-secondary);cursor:pointer}.brick-combobox-indicator{display:inline-grid;place-items:center}.brick-combobox-clear[data-hidden]{display:none}.brick-combobox-clear:focus-visible,.brick-combobox-trigger:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-combobox-focus);outline-offset:1px}.brick-combobox-clear-artwork,.brick-combobox-indicator-artwork{inline-size:1rem;block-size:1rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75}.brick-combobox-trigger[data-state=\"open\"] .brick-combobox-indicator{transform:rotate(180deg)}.brick-combobox-trigger:disabled{cursor:not-allowed}\n .brick-combobox-content{--brick-combobox-popup-radius:var(--brick-radius-control);--brick-combobox-item-min-block-size:var(--brick-control-min-block-size-md);box-sizing:border-box;max-inline-size:min(28rem,calc(100vw - 2 * var(--brick-space-3)));max-block-size:min(20rem,var(--available-height,20rem));overflow:hidden;border:var(--brick-border-width) solid var(--brick-color-border-subtle);border-radius:var(--brick-combobox-popup-radius);background:var(--brick-color-surface-raised);box-shadow:var(--brick-shadow-floating);color:var(--brick-color-text-primary);z-index:70}.brick-combobox-content[data-size=\"sm\"]{--brick-combobox-item-min-block-size:var(--brick-control-min-block-size-sm)}.brick-combobox-content[data-size=\"lg\"]{--brick-combobox-item-min-block-size:var(--brick-control-min-block-size-lg)}.brick-combobox-listbox{box-sizing:border-box;max-block-size:inherit;overflow-y:auto;padding:var(--brick-space-1);overscroll-behavior:contain;scrollbar-width:thin;outline:0}.brick-combobox-group+.brick-combobox-group{margin-block-start:var(--brick-space-1)}.brick-combobox-label{display:block;padding:var(--brick-space-2) var(--brick-space-3) var(--brick-space-1);color:var(--brick-color-text-secondary);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-label-md-font-weight)}label.brick-combobox-label{padding-inline:0;color:var(--brick-color-text-primary)}.brick-combobox-item{display:grid;box-sizing:border-box;min-block-size:var(--brick-combobox-item-min-block-size);grid-template-columns:minmax(0,1fr) 1rem;align-items:center;gap:var(--brick-space-2);padding-inline:var(--brick-space-3);border-radius:calc(var(--brick-combobox-popup-radius) - var(--brick-border-width));outline:0;cursor:pointer;overflow-wrap:anywhere}.brick-combobox-item::after{content:\"\";inline-size:.65rem;block-size:.35rem;border-inline-start:2px solid currentColor;border-block-end:2px solid currentColor;transform:rotate(-45deg);opacity:0}.brick-combobox-item[data-state=\"checked\"]::after{opacity:1}.brick-combobox-item[data-highlighted]{background:var(--brick-color-accent-soft)}.brick-combobox-item[data-state=\"checked\"]{color:var(--brick-color-accent-text);font-weight:var(--brick-typography-label-md-font-weight)}.brick-combobox-item[data-disabled]{color:var(--brick-color-text-muted);cursor:not-allowed;opacity:.65}.brick-combobox-message{padding:var(--brick-space-3);color:var(--brick-color-text-secondary)}\n @media (hover:hover) and (pointer:fine){.brick-combobox-control:not([data-disabled],[data-readonly],[data-invalid]):hover{border-color:var(--brick-color-accent-border)}.brick-combobox-item:not([data-disabled]):hover{background:var(--brick-color-accent-soft)}}@media (prefers-reduced-motion:reduce){.brick-combobox-control,.brick-combobox-indicator{transition-duration:0ms}}@media (forced-colors:active){.brick-combobox-control,.brick-combobox-content{border-color:ButtonText;background:Canvas;color:CanvasText}.brick-combobox-control:has(.brick-combobox-input:focus-visible),.brick-combobox-item[data-highlighted]{outline:var(--brick-border-focus-width) solid Highlight;box-shadow:none}.brick-combobox-item[data-disabled]{color:GrayText}.brick-combobox-item[data-state=\"checked\"]{color:Highlight}}\n}\n"],"names":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){box-sizing:border-box;min-inline-size:max(12rem, var(--atom-menu-anchor-width,0rem));max-inline-size:min(24rem, calc(100dvi - 2 * var(--brick-space-3)));max-block-size:min(var(--brick-action-menu-content-max-block-size), var(--atom-menu-available-height,var(--brick-action-menu-content-max-block-size)));padding:var(--brick-action-menu-content-padding);overscroll-behavior:contain;border:var(--brick-border-width) solid var(--brick-action-menu-content-border);border-radius:var(--brick-action-menu-content-radius);background:var(--brick-action-menu-content-background);box-shadow:var(--brick-action-menu-content-shadow);color:var(--brick-action-menu-content-foreground);opacity:0;scrollbar-width:thin;transition:opacity var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter), translate var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter);z-index:var(--brick-action-menu-content-z-index);overflow:hidden auto;translate:0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=top]{translate:0 var(--brick-space-1)}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=right]{translate:calc(var(--brick-space-1) * -1) 0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=bottom]{translate:0 calc(var(--brick-space-1) * -1)}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=left]{translate:var(--brick-space-1) 0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-positioned]{opacity:1;translate:0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-size=sm]{--brick-action-menu-row-min-block-size:2rem;--brick-action-menu-row-padding-inline:var(--brick-space-2);--brick-action-menu-row-gap:.375rem;--brick-action-menu-indicator-size:.875rem;--brick-action-menu-font-size:var(--brick-typography-control-sm-font-size);--brick-action-menu-line-height:var(--brick-typography-control-sm-line-height)}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-size=lg]{--brick-action-menu-row-min-block-size:3rem;--brick-action-menu-row-padding-inline:var(--brick-space-4);--brick-action-menu-row-gap:var(--brick-space-3);--brick-action-menu-indicator-size:1.125rem;--brick-action-menu-font-size:var(--brick-typography-control-lg-font-size);--brick-action-menu-line-height:var(--brick-typography-control-lg-line-height)}:where(.brick-dropdown-menu__group,.brick-context-menu__group,.brick-menubar__group)+:where(.brick-dropdown-menu__group,.brick-context-menu__group,.brick-menubar__group){margin-block-start:var(--brick-space-1)}:where(.brick-dropdown-menu__label,.brick-context-menu__label,.brick-menubar__label){padding:var(--brick-space-2) var(--brick-action-menu-row-padding-inline) var(--brick-space-1);color:var(--brick-action-menu-label-foreground);font-family:var(--brick-typography-caption-font-family);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-label-md-font-weight);letter-spacing:var(--brick-typography-caption-letter-spacing);line-height:var(--brick-typography-caption-line-height)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger){box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-action-menu-row-min-block-size);grid-template-columns:var(--brick-action-menu-indicator-size) minmax(0, 1fr) auto;align-items:center;gap:var(--brick-action-menu-row-gap);padding:var(--brick-space-1) var(--brick-action-menu-row-padding-inline);border-radius:var(--brick-action-menu-row-radius);color:var(--brick-action-menu-row-foreground);font-family:var(--brick-typography-control-md-font-family);font-size:var(--brick-action-menu-font-size);font-weight:var(--brick-typography-control-md-font-weight);line-height:var(--brick-action-menu-line-height);text-align:start;cursor:default;-webkit-user-select:none;user-select:none;outline:0;display:grid}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-highlighted]{background:var(--brick-action-menu-row-highlighted-background);color:var(--brick-action-menu-row-highlighted-foreground);box-shadow:inset 0 0 0 var(--brick-border-width) var(--brick-action-menu-focus-ring)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-tone=danger]{color:var(--brick-action-menu-danger-foreground)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-tone=danger][data-highlighted]{background:var(--brick-action-menu-danger-background);color:var(--brick-action-menu-danger-foreground)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-disabled]{color:var(--brick-action-menu-disabled-foreground);opacity:.65}:where(.brick-dropdown-menu__leading,.brick-context-menu__leading,.brick-menubar__leading,.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator){inline-size:var(--brick-action-menu-indicator-size);block-size:var(--brick-action-menu-indicator-size);color:currentColor;place-items:center;display:inline-grid}:where(.brick-dropdown-menu__item,.brick-context-menu__item,.brick-menubar__item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__sub-trigger,.brick-menubar__sub-trigger)>:where(.brick-dropdown-menu__item-label,.brick-context-menu__item-label,.brick-menubar__item-label):first-child{grid-column:2}:where(.brick-dropdown-menu__item-label,.brick-context-menu__item-label,.brick-menubar__item-label){overflow-wrap:anywhere;grid-column:2;min-inline-size:0}:where(.brick-dropdown-menu__description,.brick-context-menu__description,.brick-menubar__description){min-inline-size:0;color:var(--brick-action-menu-description-foreground);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-typography-supporting-sm-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);line-height:var(--brick-typography-supporting-sm-line-height);overflow-wrap:anywhere;grid-column:2/-1}:where(.brick-dropdown-menu__shortcut,.brick-context-menu__shortcut,.brick-menubar__shortcut){color:var(--brick-action-menu-shortcut-foreground);font-family:var(--brick-typography-code-inline-font-family);font-size:var(--brick-typography-caption-font-size);line-height:var(--brick-typography-caption-line-height);white-space:nowrap;grid-column:3}:where(.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator){grid-column:1}:where(.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator):empty:before{content:"✓";font-weight:var(--brick-typography-label-strong-font-weight)}:where(.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator)[data-state=indeterminate]:empty:before{content:"−"}:where(.brick-dropdown-menu__sub-trigger,.brick-context-menu__sub-trigger,.brick-menubar__sub-trigger):after{content:"";block-size:.5em;inline-size:.5em;color:var(--brick-action-menu-shortcut-foreground);direction:ltr;border-bottom:.125rem solid;border-right:.125rem solid;grid-column:3;transform:rotate(-45deg)}:where([dir=rtl] .brick-dropdown-menu__sub-trigger,[dir=rtl] .brick-context-menu__sub-trigger,[dir=rtl] .brick-menubar__sub-trigger,.brick-dropdown-menu__sub-trigger[dir=rtl],.brick-context-menu__sub-trigger[dir=rtl],.brick-menubar__sub-trigger[dir=rtl]):after{transform:rotate(135deg)}:where(.brick-dropdown-menu__separator,.brick-context-menu__separator,.brick-menubar__separator){block-size:var(--brick-border-width);margin:var(--brick-space-1) var(--brick-action-menu-row-padding-inline);background:var(--brick-action-menu-separator-color)}:where(.brick-dropdown-menu__arrow,.brick-context-menu__arrow,.brick-menubar__arrow){--brick-floating-arrow-fill:var(--brick-action-menu-content-background);--brick-floating-arrow-stroke:var(--brick-action-menu-content-border);color:var(--brick-action-menu-content-background)}@supports not (width:100dvi){:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){max-inline-size:min(24rem, calc(100vw - 2 * var(--brick-space-3)))}}@media (prefers-reduced-motion:reduce){:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){transition-duration:1ms;scale:1}}@media (forced-colors:active){:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){box-shadow:none;color:canvastext;background:canvas;border-color:canvastext}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-highlighted]{outline:var(--brick-border-focus-width) solid Highlight;outline-offset:calc(var(--brick-border-focus-width) * -1);box-shadow:none;color:highlighttext;background:highlight}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-disabled]{color:graytext}}:where(.brick-context-menu__content,.brick-context-menu__sub-content){--brick-context-menu-content-background:var(--brick-color-surface-overlay);--brick-context-menu-content-foreground:var(--brick-color-text-primary);--brick-context-menu-content-border:var(--brick-color-border-subtle);--brick-context-menu-content-radius:var(--brick-radius-overlay);--brick-context-menu-content-shadow:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);--brick-context-menu-content-padding:var(--brick-space-1);--brick-context-menu-content-max-block-size:20rem;--brick-context-menu-row-min-block-size:var(--brick-control-target-min);--brick-context-menu-row-padding-inline:var(--brick-space-3);--brick-context-menu-row-gap:var(--brick-space-2);--brick-context-menu-row-radius:var(--brick-radius-control);--brick-context-menu-row-foreground:var(--brick-color-text-primary);--brick-context-menu-row-highlighted-background:var(--brick-color-accent-soft);--brick-context-menu-row-highlighted-foreground:var(--brick-color-accent-text);--brick-context-menu-description-foreground:var(--brick-color-text-secondary);--brick-context-menu-shortcut-foreground:var(--brick-color-text-muted);--brick-context-menu-label-foreground:var(--brick-color-text-secondary);--brick-context-menu-disabled-foreground:var(--brick-color-text-muted);--brick-context-menu-danger-foreground:var(--brick-color-danger-text);--brick-context-menu-danger-background:var(--brick-color-danger-soft);--brick-context-menu-separator-color:var(--brick-color-border-subtle);--brick-context-menu-indicator-size:1rem;--brick-context-menu-focus-ring:var(--brick-color-focus-ring);--brick-context-menu-motion-duration:var(--brick-motion-duration-fast);--brick-action-menu-content-background:var(--brick-context-menu-content-background);--brick-action-menu-content-foreground:var(--brick-context-menu-content-foreground);--brick-action-menu-content-border:var(--brick-context-menu-content-border);--brick-action-menu-content-radius:var(--brick-context-menu-content-radius);--brick-action-menu-content-shadow:var(--brick-context-menu-content-shadow);--brick-action-menu-content-padding:var(--brick-context-menu-content-padding);--brick-action-menu-content-max-block-size:var(--brick-context-menu-content-max-block-size);--brick-action-menu-content-z-index:var(--brick-layer-overlay);--brick-action-menu-row-min-block-size:var(--brick-context-menu-row-min-block-size);--brick-action-menu-row-padding-inline:var(--brick-context-menu-row-padding-inline);--brick-action-menu-row-gap:var(--brick-context-menu-row-gap);--brick-action-menu-row-radius:var(--brick-context-menu-row-radius);--brick-action-menu-row-foreground:var(--brick-context-menu-row-foreground);--brick-action-menu-row-highlighted-background:var(--brick-context-menu-row-highlighted-background);--brick-action-menu-row-highlighted-foreground:var(--brick-context-menu-row-highlighted-foreground);--brick-action-menu-description-foreground:var(--brick-context-menu-description-foreground);--brick-action-menu-shortcut-foreground:var(--brick-context-menu-shortcut-foreground);--brick-action-menu-label-foreground:var(--brick-context-menu-label-foreground);--brick-action-menu-disabled-foreground:var(--brick-context-menu-disabled-foreground);--brick-action-menu-danger-foreground:var(--brick-context-menu-danger-foreground);--brick-action-menu-danger-background:var(--brick-context-menu-danger-background);--brick-action-menu-separator-color:var(--brick-context-menu-separator-color);--brick-action-menu-indicator-size:var(--brick-context-menu-indicator-size);--brick-action-menu-focus-ring:var(--brick-context-menu-focus-ring);--brick-action-menu-motion-duration:var(--brick-context-menu-motion-duration);--brick-action-menu-font-size:var(--brick-typography-control-md-font-size);--brick-action-menu-line-height:var(--brick-typography-control-md-line-height)}.brick-context-menu__trigger{touch-action:manipulation}}@layer brick.utilities,brick.effects;
|
|
1
|
+
@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){box-sizing:border-box;min-inline-size:max(12rem, var(--atom-menu-anchor-width,0rem));max-inline-size:min(24rem, calc(100dvi - 2 * var(--brick-space-3)));max-block-size:min(var(--brick-action-menu-content-max-block-size), var(--atom-menu-available-height,var(--brick-action-menu-content-max-block-size)));padding:var(--brick-action-menu-content-padding);overscroll-behavior:contain;border:var(--brick-border-width) solid var(--brick-action-menu-content-border);border-radius:var(--brick-action-menu-content-radius);background:var(--brick-action-menu-content-background);box-shadow:var(--brick-action-menu-content-shadow);color:var(--brick-action-menu-content-foreground);opacity:0;scrollbar-width:thin;transition:opacity var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter), translate var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter);z-index:var(--brick-action-menu-content-z-index);overflow:hidden auto;translate:0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=top]{translate:0 var(--brick-space-1)}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=right]{translate:calc(var(--brick-space-1) * -1) 0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=bottom]{translate:0 calc(var(--brick-space-1) * -1)}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=left]{translate:var(--brick-space-1) 0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-positioned]{opacity:1;translate:0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-size=sm]{--brick-action-menu-row-min-block-size:2rem;--brick-action-menu-row-padding-inline:var(--brick-space-2);--brick-action-menu-row-gap:.375rem;--brick-action-menu-indicator-size:.875rem;--brick-action-menu-font-size:var(--brick-typography-control-sm-font-size);--brick-action-menu-line-height:var(--brick-typography-control-sm-line-height)}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-size=lg]{--brick-action-menu-row-min-block-size:3rem;--brick-action-menu-row-padding-inline:var(--brick-space-4);--brick-action-menu-row-gap:var(--brick-space-3);--brick-action-menu-indicator-size:1.125rem;--brick-action-menu-font-size:var(--brick-typography-control-lg-font-size);--brick-action-menu-line-height:var(--brick-typography-control-lg-line-height)}:where(.brick-dropdown-menu__group,.brick-context-menu__group,.brick-menubar__group)+:where(.brick-dropdown-menu__group,.brick-context-menu__group,.brick-menubar__group){margin-block-start:var(--brick-space-1)}:where(.brick-dropdown-menu__label,.brick-context-menu__label,.brick-menubar__label){padding:var(--brick-space-2) var(--brick-action-menu-row-padding-inline) var(--brick-space-1);color:var(--brick-action-menu-label-foreground);font-family:var(--brick-typography-caption-font-family);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-label-md-font-weight);letter-spacing:var(--brick-typography-caption-letter-spacing);line-height:var(--brick-typography-caption-line-height)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger){box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-action-menu-row-min-block-size);grid-template-columns:var(--brick-action-menu-indicator-size) minmax(0, 1fr) auto;align-items:center;gap:var(--brick-action-menu-row-gap);padding:var(--brick-space-1) var(--brick-action-menu-row-padding-inline);border-radius:var(--brick-action-menu-row-radius);color:var(--brick-action-menu-row-foreground);font-family:var(--brick-typography-control-md-font-family);font-size:var(--brick-action-menu-font-size);font-weight:var(--brick-typography-control-md-font-weight);line-height:var(--brick-action-menu-line-height);text-align:start;cursor:default;-webkit-user-select:none;user-select:none;outline:0;display:grid}.brick-link:is(.brick-dropdown-menu__item,.brick-context-menu__item,.brick-menubar__item){align-items:center;gap:var(--brick-action-menu-row-gap);inline-size:100%;color:var(--brick-action-menu-row-foreground);font-family:var(--brick-typography-control-md-font-family);font-size:var(--brick-action-menu-font-size);font-weight:var(--brick-typography-control-md-font-weight);line-height:var(--brick-action-menu-line-height);vertical-align:middle;text-decoration-line:none;display:grid}.brick-link:is(.brick-dropdown-menu__item,.brick-context-menu__item,.brick-menubar__item)>.brick-link__content{display:contents}.brick-link:is(.brick-dropdown-menu__item,.brick-context-menu__item,.brick-menubar__item):is(:hover,:focus-visible,:active){color:currentColor;outline:0;text-decoration-line:none}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-highlighted]{background:var(--brick-action-menu-row-highlighted-background);color:var(--brick-action-menu-row-highlighted-foreground);box-shadow:inset 0 0 0 var(--brick-border-width) var(--brick-action-menu-focus-ring)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-tone=danger]{color:var(--brick-action-menu-danger-foreground)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-tone=danger][data-highlighted]{background:var(--brick-action-menu-danger-background);color:var(--brick-action-menu-danger-foreground)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-disabled]{color:var(--brick-action-menu-disabled-foreground);opacity:.65}:where(.brick-dropdown-menu__leading,.brick-context-menu__leading,.brick-menubar__leading,.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator){inline-size:var(--brick-action-menu-indicator-size);block-size:var(--brick-action-menu-indicator-size);color:currentColor;place-items:center;display:inline-grid}:is(.brick-dropdown-menu__leading,.brick-context-menu__leading,.brick-menubar__leading)>.brick-icon,:is(.brick-dropdown-menu__leading,.brick-context-menu__leading,.brick-menubar__leading)>.brick-icon[data-size]{--brick-icon-size:var(--brick-action-menu-indicator-size)}:where(.brick-dropdown-menu__leading,.brick-context-menu__leading,.brick-menubar__leading)>:where(svg,img){block-size:100%;inline-size:100%;display:block}:where(.brick-dropdown-menu__item,.brick-context-menu__item,.brick-menubar__item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__sub-trigger,.brick-menubar__sub-trigger)>:where(.brick-dropdown-menu__item-label,.brick-context-menu__item-label,.brick-menubar__item-label):first-child{grid-column:2}:where(.brick-dropdown-menu__item-label,.brick-context-menu__item-label,.brick-menubar__item-label){overflow-wrap:anywhere;grid-column:2;min-inline-size:0}:where(.brick-dropdown-menu__description,.brick-context-menu__description,.brick-menubar__description){min-inline-size:0;color:var(--brick-action-menu-description-foreground);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-typography-supporting-sm-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);line-height:var(--brick-typography-supporting-sm-line-height);overflow-wrap:anywhere;grid-column:2/-1}:where(.brick-dropdown-menu__shortcut,.brick-context-menu__shortcut,.brick-menubar__shortcut){color:var(--brick-action-menu-shortcut-foreground);font-family:var(--brick-typography-code-inline-font-family);font-size:var(--brick-typography-caption-font-size);line-height:var(--brick-typography-caption-line-height);white-space:nowrap;grid-column:3}:where(.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator){grid-column:1}:where(.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator):empty:before{content:"✓";font-weight:var(--brick-typography-label-strong-font-weight)}:where(.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator)[data-state=indeterminate]:empty:before{content:"−"}:where(.brick-dropdown-menu__sub-trigger,.brick-context-menu__sub-trigger,.brick-menubar__sub-trigger):after{content:"";block-size:.5em;inline-size:.5em;color:var(--brick-action-menu-shortcut-foreground);direction:ltr;border-bottom:.125rem solid;border-right:.125rem solid;grid-column:3;transform:rotate(-45deg)}:where([dir=rtl] .brick-dropdown-menu__sub-trigger,[dir=rtl] .brick-context-menu__sub-trigger,[dir=rtl] .brick-menubar__sub-trigger,.brick-dropdown-menu__sub-trigger[dir=rtl],.brick-context-menu__sub-trigger[dir=rtl],.brick-menubar__sub-trigger[dir=rtl]):after{transform:rotate(135deg)}:where(.brick-dropdown-menu__separator,.brick-context-menu__separator,.brick-menubar__separator){block-size:var(--brick-border-width);margin:var(--brick-space-1) var(--brick-action-menu-row-padding-inline);background:var(--brick-action-menu-separator-color)}:where(.brick-dropdown-menu__arrow,.brick-context-menu__arrow,.brick-menubar__arrow){--brick-floating-arrow-fill:var(--brick-action-menu-content-background);--brick-floating-arrow-stroke:var(--brick-action-menu-content-border);color:var(--brick-action-menu-content-background)}@supports not (width:100dvi){:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){max-inline-size:min(24rem, calc(100vw - 2 * var(--brick-space-3)))}}@media (prefers-reduced-motion:reduce){:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){transition-duration:1ms;scale:1}}@media (forced-colors:active){:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){box-shadow:none;color:canvastext;background:canvas;border-color:canvastext}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-highlighted]{outline:var(--brick-border-focus-width) solid Highlight;outline-offset:calc(var(--brick-border-focus-width) * -1);box-shadow:none;color:highlighttext;background:highlight}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-disabled]{color:graytext}}:where(.brick-context-menu__content,.brick-context-menu__sub-content){--brick-context-menu-content-background:var(--brick-color-surface-overlay);--brick-context-menu-content-foreground:var(--brick-color-text-primary);--brick-context-menu-content-border:var(--brick-color-border-subtle);--brick-context-menu-content-radius:var(--brick-radius-overlay);--brick-context-menu-content-shadow:var(--brick-shadow-floating);--brick-context-menu-content-padding:var(--brick-space-1);--brick-context-menu-content-max-block-size:20rem;--brick-context-menu-row-min-block-size:var(--brick-control-target-min);--brick-context-menu-row-padding-inline:var(--brick-space-3);--brick-context-menu-row-gap:var(--brick-space-2);--brick-context-menu-row-radius:var(--brick-radius-control);--brick-context-menu-row-foreground:var(--brick-color-text-primary);--brick-context-menu-row-highlighted-background:var(--brick-color-accent-soft);--brick-context-menu-row-highlighted-foreground:var(--brick-color-accent-text);--brick-context-menu-description-foreground:var(--brick-color-text-secondary);--brick-context-menu-shortcut-foreground:var(--brick-color-text-muted);--brick-context-menu-label-foreground:var(--brick-color-text-secondary);--brick-context-menu-disabled-foreground:var(--brick-color-text-muted);--brick-context-menu-danger-foreground:var(--brick-color-danger-text);--brick-context-menu-danger-background:var(--brick-color-danger-soft);--brick-context-menu-separator-color:var(--brick-color-border-subtle);--brick-context-menu-indicator-size:1rem;--brick-context-menu-focus-ring:var(--brick-color-focus-ring);--brick-context-menu-motion-duration:var(--brick-motion-duration-fast);--brick-action-menu-content-background:var(--brick-context-menu-content-background);--brick-action-menu-content-foreground:var(--brick-context-menu-content-foreground);--brick-action-menu-content-border:var(--brick-context-menu-content-border);--brick-action-menu-content-radius:var(--brick-context-menu-content-radius);--brick-action-menu-content-shadow:var(--brick-context-menu-content-shadow);--brick-action-menu-content-padding:var(--brick-context-menu-content-padding);--brick-action-menu-content-max-block-size:var(--brick-context-menu-content-max-block-size);--brick-action-menu-content-z-index:var(--brick-layer-overlay);--brick-action-menu-row-min-block-size:var(--brick-context-menu-row-min-block-size);--brick-action-menu-row-padding-inline:var(--brick-context-menu-row-padding-inline);--brick-action-menu-row-gap:var(--brick-context-menu-row-gap);--brick-action-menu-row-radius:var(--brick-context-menu-row-radius);--brick-action-menu-row-foreground:var(--brick-context-menu-row-foreground);--brick-action-menu-row-highlighted-background:var(--brick-context-menu-row-highlighted-background);--brick-action-menu-row-highlighted-foreground:var(--brick-context-menu-row-highlighted-foreground);--brick-action-menu-description-foreground:var(--brick-context-menu-description-foreground);--brick-action-menu-shortcut-foreground:var(--brick-context-menu-shortcut-foreground);--brick-action-menu-label-foreground:var(--brick-context-menu-label-foreground);--brick-action-menu-disabled-foreground:var(--brick-context-menu-disabled-foreground);--brick-action-menu-danger-foreground:var(--brick-context-menu-danger-foreground);--brick-action-menu-danger-background:var(--brick-context-menu-danger-background);--brick-action-menu-separator-color:var(--brick-context-menu-separator-color);--brick-action-menu-indicator-size:var(--brick-context-menu-indicator-size);--brick-action-menu-focus-ring:var(--brick-context-menu-focus-ring);--brick-action-menu-motion-duration:var(--brick-context-menu-motion-duration);--brick-action-menu-font-size:var(--brick-typography-control-md-font-size);--brick-action-menu-line-height:var(--brick-typography-control-md-line-height)}.brick-context-menu__trigger{touch-action:manipulation}}@layer brick.utilities,brick.effects;
|
|
2
2
|
/*# sourceMappingURL=context-menu.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,2nCA8BA,0OAWA,uPAWA,wPAWA,2OAWA,iOAYA,yhBAgBA,uiBAgBA,kNAYA,8fAcA,6jCAkCA,klBAmBA,qbAiBA,6fAkBA,gcAkBA,oWAeA,+SAeA,2JAUA,2cAeA,0VAaA,8HAQA,wMASA,qKAQA,wTAgBA,8RAWA,kQAUA,qRAUA,6BACE,8PAYF,uCACE,2NAaF,8BACE,qQAcA,+iBAqBA,iZCrcF,yyHAuDA,wDFxDF","sources":["home/runner/work/brick/brick/.brick-cache/production/context-menu.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/_action-menu/action-menu.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/context-menu/context-menu.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/_action-menu/action-menu.css\";\n@import \"../../src/components/context-menu/context-menu.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n ) {\n box-sizing: border-box;\n min-inline-size: max(12rem, var(--atom-menu-anchor-width, 0rem));\n max-inline-size: min(24rem, calc(100dvi - 2 * var(--brick-space-3)));\n max-block-size: min(var(--brick-action-menu-content-max-block-size), var(--atom-menu-available-height, var(--brick-action-menu-content-max-block-size)));\n padding: var(--brick-action-menu-content-padding);\n overflow-x: hidden;\n overflow-y: auto;\n overscroll-behavior: contain;\n border: var(--brick-border-width) solid var(--brick-action-menu-content-border);\n border-radius: var(--brick-action-menu-content-radius);\n background: var(--brick-action-menu-content-background);\n box-shadow: var(--brick-action-menu-content-shadow);\n color: var(--brick-action-menu-content-foreground);\n opacity: 0;\n translate: 0 0;\n scrollbar-width: thin;\n transition:\n opacity var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter),\n translate var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter);\n z-index: var(--brick-action-menu-content-z-index);\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-side=\"top\"] {\n translate: 0 var(--brick-space-1);\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-side=\"right\"] {\n translate: calc(var(--brick-space-1) * -1) 0;\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-side=\"bottom\"] {\n translate: 0 calc(var(--brick-space-1) * -1);\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-side=\"left\"] {\n translate: var(--brick-space-1) 0;\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-positioned] {\n opacity: 1;\n translate: 0 0;\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-size=\"sm\"] {\n --brick-action-menu-row-min-block-size: 2rem;\n --brick-action-menu-row-padding-inline: var(--brick-space-2);\n --brick-action-menu-row-gap: 0.375rem;\n --brick-action-menu-indicator-size: 0.875rem;\n --brick-action-menu-font-size: var(--brick-typography-control-sm-font-size);\n --brick-action-menu-line-height: var(--brick-typography-control-sm-line-height);\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-size=\"lg\"] {\n --brick-action-menu-row-min-block-size: 3rem;\n --brick-action-menu-row-padding-inline: var(--brick-space-4);\n --brick-action-menu-row-gap: var(--brick-space-3);\n --brick-action-menu-indicator-size: 1.125rem;\n --brick-action-menu-font-size: var(--brick-typography-control-lg-font-size);\n --brick-action-menu-line-height: var(--brick-typography-control-lg-line-height);\n }\n\n :where(\n .brick-dropdown-menu__group,\n .brick-context-menu__group,\n .brick-menubar__group\n ) + :where(\n .brick-dropdown-menu__group,\n .brick-context-menu__group,\n .brick-menubar__group\n ) {\n margin-block-start: var(--brick-space-1);\n }\n\n :where(\n .brick-dropdown-menu__label,\n .brick-context-menu__label,\n .brick-menubar__label\n ) {\n padding: var(--brick-space-2) var(--brick-action-menu-row-padding-inline) var(--brick-space-1);\n color: var(--brick-action-menu-label-foreground);\n font-family: var(--brick-typography-caption-font-family);\n font-size: var(--brick-typography-caption-font-size);\n font-weight: var(--brick-typography-label-md-font-weight);\n letter-spacing: var(--brick-typography-caption-letter-spacing);\n line-height: var(--brick-typography-caption-line-height);\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n ) {\n display: grid;\n box-sizing: border-box;\n min-inline-size: 0;\n min-block-size: var(--brick-action-menu-row-min-block-size);\n grid-template-columns: var(--brick-action-menu-indicator-size) minmax(0, 1fr) auto;\n align-items: center;\n gap: var(--brick-action-menu-row-gap);\n padding: var(--brick-space-1) var(--brick-action-menu-row-padding-inline);\n border-radius: var(--brick-action-menu-row-radius);\n outline: 0;\n color: var(--brick-action-menu-row-foreground);\n font-family: var(--brick-typography-control-md-font-family);\n font-size: var(--brick-action-menu-font-size);\n font-weight: var(--brick-typography-control-md-font-weight);\n line-height: var(--brick-action-menu-line-height);\n text-align: start;\n cursor: default;\n user-select: none;\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-highlighted] {\n background: var(--brick-action-menu-row-highlighted-background);\n color: var(--brick-action-menu-row-highlighted-foreground);\n box-shadow: inset 0 0 0 var(--brick-border-width) var(--brick-action-menu-focus-ring);\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-tone=\"danger\"] {\n color: var(--brick-action-menu-danger-foreground);\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-tone=\"danger\"][data-highlighted] {\n background: var(--brick-action-menu-danger-background);\n color: var(--brick-action-menu-danger-foreground);\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-disabled] {\n color: var(--brick-action-menu-disabled-foreground);\n opacity: 0.65;\n }\n\n :where(\n .brick-dropdown-menu__leading,\n .brick-context-menu__leading,\n .brick-menubar__leading,\n .brick-dropdown-menu__item-indicator,\n .brick-context-menu__item-indicator,\n .brick-menubar__item-indicator\n ) {\n display: inline-grid;\n inline-size: var(--brick-action-menu-indicator-size);\n block-size: var(--brick-action-menu-indicator-size);\n place-items: center;\n color: currentColor;\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-context-menu__item,\n .brick-menubar__item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__sub-trigger,\n .brick-menubar__sub-trigger\n ) > :where(\n .brick-dropdown-menu__item-label,\n .brick-context-menu__item-label,\n .brick-menubar__item-label\n ):first-child {\n grid-column: 2;\n }\n\n :where(\n .brick-dropdown-menu__item-label,\n .brick-context-menu__item-label,\n .brick-menubar__item-label\n ) {\n min-inline-size: 0;\n grid-column: 2;\n overflow-wrap: anywhere;\n }\n\n :where(\n .brick-dropdown-menu__description,\n .brick-context-menu__description,\n .brick-menubar__description\n ) {\n min-inline-size: 0;\n grid-column: 2 / -1;\n color: var(--brick-action-menu-description-foreground);\n font-family: var(--brick-typography-supporting-sm-font-family);\n font-size: var(--brick-typography-supporting-sm-font-size);\n font-weight: var(--brick-typography-supporting-sm-font-weight);\n line-height: var(--brick-typography-supporting-sm-line-height);\n overflow-wrap: anywhere;\n }\n\n :where(\n .brick-dropdown-menu__shortcut,\n .brick-context-menu__shortcut,\n .brick-menubar__shortcut\n ) {\n grid-column: 3;\n color: var(--brick-action-menu-shortcut-foreground);\n font-family: var(--brick-typography-code-inline-font-family);\n font-size: var(--brick-typography-caption-font-size);\n line-height: var(--brick-typography-caption-line-height);\n white-space: nowrap;\n }\n\n :where(\n .brick-dropdown-menu__item-indicator,\n .brick-context-menu__item-indicator,\n .brick-menubar__item-indicator\n ) {\n grid-column: 1;\n }\n\n :where(\n .brick-dropdown-menu__item-indicator,\n .brick-context-menu__item-indicator,\n .brick-menubar__item-indicator\n ):empty::before {\n content: \"✓\";\n font-weight: var(--brick-typography-label-strong-font-weight);\n }\n\n :where(\n .brick-dropdown-menu__item-indicator,\n .brick-context-menu__item-indicator,\n .brick-menubar__item-indicator\n )[data-state=\"indeterminate\"]:empty::before {\n content: \"−\";\n }\n\n :where(\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__sub-trigger,\n .brick-menubar__sub-trigger\n )::after {\n content: \"\";\n grid-column: 3;\n inline-size: 0.5em;\n block-size: 0.5em;\n border-right: 0.125rem solid currentColor;\n border-bottom: 0.125rem solid currentColor;\n color: var(--brick-action-menu-shortcut-foreground);\n direction: ltr;\n transform: rotate(-45deg);\n }\n\n :where(\n [dir=\"rtl\"] .brick-dropdown-menu__sub-trigger,\n [dir=\"rtl\"] .brick-context-menu__sub-trigger,\n [dir=\"rtl\"] .brick-menubar__sub-trigger,\n .brick-dropdown-menu__sub-trigger[dir=\"rtl\"],\n .brick-context-menu__sub-trigger[dir=\"rtl\"],\n .brick-menubar__sub-trigger[dir=\"rtl\"]\n )::after {\n transform: rotate(135deg);\n }\n\n :where(\n .brick-dropdown-menu__separator,\n .brick-context-menu__separator,\n .brick-menubar__separator\n ) {\n block-size: var(--brick-border-width);\n margin: var(--brick-space-1) var(--brick-action-menu-row-padding-inline);\n background: var(--brick-action-menu-separator-color);\n }\n\n :where(\n .brick-dropdown-menu__arrow,\n .brick-context-menu__arrow,\n .brick-menubar__arrow\n ) {\n --brick-floating-arrow-fill: var(--brick-action-menu-content-background);\n --brick-floating-arrow-stroke: var(--brick-action-menu-content-border);\n color: var(--brick-action-menu-content-background);\n }\n\n @supports not (width: 100dvi) {\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n ) {\n max-inline-size: min(24rem, calc(100vw - 2 * var(--brick-space-3)));\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n ) {\n scale: 1;\n transition-duration: 1ms;\n }\n }\n\n @media (forced-colors: active) {\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n ) {\n border-color: CanvasText;\n background: Canvas;\n box-shadow: none;\n color: CanvasText;\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-highlighted] {\n outline: var(--brick-border-focus-width) solid Highlight;\n outline-offset: calc(var(--brick-border-focus-width) * -1);\n background: Highlight;\n box-shadow: none;\n color: HighlightText;\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-disabled] {\n color: GrayText;\n }\n }\n}\n","@layer brick.components {\n :where(.brick-context-menu__content, .brick-context-menu__sub-content) {\n --brick-context-menu-content-background: var(--brick-color-surface-overlay);\n --brick-context-menu-content-foreground: var(--brick-color-text-primary);\n --brick-context-menu-content-border: var(--brick-color-border-subtle);\n --brick-context-menu-content-radius: var(--brick-radius-overlay);\n --brick-context-menu-content-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);\n --brick-context-menu-content-padding: var(--brick-space-1);\n --brick-context-menu-content-max-block-size: 20rem;\n --brick-context-menu-row-min-block-size: var(--brick-control-target-min);\n --brick-context-menu-row-padding-inline: var(--brick-space-3);\n --brick-context-menu-row-gap: var(--brick-space-2);\n --brick-context-menu-row-radius: var(--brick-radius-control);\n --brick-context-menu-row-foreground: var(--brick-color-text-primary);\n --brick-context-menu-row-highlighted-background: var(--brick-color-accent-soft);\n --brick-context-menu-row-highlighted-foreground: var(--brick-color-accent-text);\n --brick-context-menu-description-foreground: var(--brick-color-text-secondary);\n --brick-context-menu-shortcut-foreground: var(--brick-color-text-muted);\n --brick-context-menu-label-foreground: var(--brick-color-text-secondary);\n --brick-context-menu-disabled-foreground: var(--brick-color-text-muted);\n --brick-context-menu-danger-foreground: var(--brick-color-danger-text);\n --brick-context-menu-danger-background: var(--brick-color-danger-soft);\n --brick-context-menu-separator-color: var(--brick-color-border-subtle);\n --brick-context-menu-indicator-size: 1rem;\n --brick-context-menu-focus-ring: var(--brick-color-focus-ring);\n --brick-context-menu-motion-duration: var(--brick-motion-duration-fast);\n\n --brick-action-menu-content-background: var(--brick-context-menu-content-background);\n --brick-action-menu-content-foreground: var(--brick-context-menu-content-foreground);\n --brick-action-menu-content-border: var(--brick-context-menu-content-border);\n --brick-action-menu-content-radius: var(--brick-context-menu-content-radius);\n --brick-action-menu-content-shadow: var(--brick-context-menu-content-shadow);\n --brick-action-menu-content-padding: var(--brick-context-menu-content-padding);\n --brick-action-menu-content-max-block-size: var(--brick-context-menu-content-max-block-size);\n --brick-action-menu-content-z-index: var(--brick-layer-overlay);\n --brick-action-menu-row-min-block-size: var(--brick-context-menu-row-min-block-size);\n --brick-action-menu-row-padding-inline: var(--brick-context-menu-row-padding-inline);\n --brick-action-menu-row-gap: var(--brick-context-menu-row-gap);\n --brick-action-menu-row-radius: var(--brick-context-menu-row-radius);\n --brick-action-menu-row-foreground: var(--brick-context-menu-row-foreground);\n --brick-action-menu-row-highlighted-background: var(--brick-context-menu-row-highlighted-background);\n --brick-action-menu-row-highlighted-foreground: var(--brick-context-menu-row-highlighted-foreground);\n --brick-action-menu-description-foreground: var(--brick-context-menu-description-foreground);\n --brick-action-menu-shortcut-foreground: var(--brick-context-menu-shortcut-foreground);\n --brick-action-menu-label-foreground: var(--brick-context-menu-label-foreground);\n --brick-action-menu-disabled-foreground: var(--brick-context-menu-disabled-foreground);\n --brick-action-menu-danger-foreground: var(--brick-context-menu-danger-foreground);\n --brick-action-menu-danger-background: var(--brick-context-menu-danger-background);\n --brick-action-menu-separator-color: var(--brick-context-menu-separator-color);\n --brick-action-menu-indicator-size: var(--brick-context-menu-indicator-size);\n --brick-action-menu-focus-ring: var(--brick-context-menu-focus-ring);\n --brick-action-menu-motion-duration: var(--brick-context-menu-motion-duration);\n --brick-action-menu-font-size: var(--brick-typography-control-md-font-size);\n --brick-action-menu-line-height: var(--brick-typography-control-md-line-height);\n }\n\n .brick-context-menu__trigger { touch-action: manipulation; }\n}\n"],"names":[]}
|
|
1
|
+
{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,2nCA8BA,0OAWA,uPAWA,wPAWA,2OAWA,iOAYA,yhBAgBA,uiBAgBA,kNAYA,8fAcA,6jCAwCA,keAkBA,gIAQA,mLAUA,klBAmBA,qbAiBA,6fAkBA,gcAkBA,oWAeA,6QAgBA,0JAUA,+SAeA,2JAUA,2cAeA,0VAaA,8HAQA,wMASA,qKAQA,wTAgBA,8RAWA,kQAUA,qRAUA,6BACE,8PAYF,uCACE,2NAaF,8BACE,qQAcA,+iBAqBA,iZCzgBF,yvHAuDA,wDFxDF","sources":["home/runner/work/brick/brick/.brick-cache/production/context-menu.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/_action-menu/action-menu.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/context-menu/context-menu.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/_action-menu/action-menu.css\";\n@import \"../../src/components/context-menu/context-menu.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n ) {\n box-sizing: border-box;\n min-inline-size: max(12rem, var(--atom-menu-anchor-width, 0rem));\n max-inline-size: min(24rem, calc(100dvi - 2 * var(--brick-space-3)));\n max-block-size: min(var(--brick-action-menu-content-max-block-size), var(--atom-menu-available-height, var(--brick-action-menu-content-max-block-size)));\n padding: var(--brick-action-menu-content-padding);\n overflow-x: hidden;\n overflow-y: auto;\n overscroll-behavior: contain;\n border: var(--brick-border-width) solid var(--brick-action-menu-content-border);\n border-radius: var(--brick-action-menu-content-radius);\n background: var(--brick-action-menu-content-background);\n box-shadow: var(--brick-action-menu-content-shadow);\n color: var(--brick-action-menu-content-foreground);\n opacity: 0;\n translate: 0 0;\n scrollbar-width: thin;\n transition:\n opacity var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter),\n translate var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter);\n z-index: var(--brick-action-menu-content-z-index);\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-side=\"top\"] {\n translate: 0 var(--brick-space-1);\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-side=\"right\"] {\n translate: calc(var(--brick-space-1) * -1) 0;\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-side=\"bottom\"] {\n translate: 0 calc(var(--brick-space-1) * -1);\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-side=\"left\"] {\n translate: var(--brick-space-1) 0;\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-positioned] {\n opacity: 1;\n translate: 0 0;\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-size=\"sm\"] {\n --brick-action-menu-row-min-block-size: 2rem;\n --brick-action-menu-row-padding-inline: var(--brick-space-2);\n --brick-action-menu-row-gap: 0.375rem;\n --brick-action-menu-indicator-size: 0.875rem;\n --brick-action-menu-font-size: var(--brick-typography-control-sm-font-size);\n --brick-action-menu-line-height: var(--brick-typography-control-sm-line-height);\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-size=\"lg\"] {\n --brick-action-menu-row-min-block-size: 3rem;\n --brick-action-menu-row-padding-inline: var(--brick-space-4);\n --brick-action-menu-row-gap: var(--brick-space-3);\n --brick-action-menu-indicator-size: 1.125rem;\n --brick-action-menu-font-size: var(--brick-typography-control-lg-font-size);\n --brick-action-menu-line-height: var(--brick-typography-control-lg-line-height);\n }\n\n :where(\n .brick-dropdown-menu__group,\n .brick-context-menu__group,\n .brick-menubar__group\n ) + :where(\n .brick-dropdown-menu__group,\n .brick-context-menu__group,\n .brick-menubar__group\n ) {\n margin-block-start: var(--brick-space-1);\n }\n\n :where(\n .brick-dropdown-menu__label,\n .brick-context-menu__label,\n .brick-menubar__label\n ) {\n padding: var(--brick-space-2) var(--brick-action-menu-row-padding-inline) var(--brick-space-1);\n color: var(--brick-action-menu-label-foreground);\n font-family: var(--brick-typography-caption-font-family);\n font-size: var(--brick-typography-caption-font-size);\n font-weight: var(--brick-typography-label-md-font-weight);\n letter-spacing: var(--brick-typography-caption-letter-spacing);\n line-height: var(--brick-typography-caption-line-height);\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n ) {\n display: grid;\n box-sizing: border-box;\n min-inline-size: 0;\n min-block-size: var(--brick-action-menu-row-min-block-size);\n grid-template-columns: var(--brick-action-menu-indicator-size) minmax(0, 1fr) auto;\n align-items: center;\n gap: var(--brick-action-menu-row-gap);\n padding: var(--brick-space-1) var(--brick-action-menu-row-padding-inline);\n border-radius: var(--brick-action-menu-row-radius);\n outline: 0;\n color: var(--brick-action-menu-row-foreground);\n font-family: var(--brick-typography-control-md-font-family);\n font-size: var(--brick-action-menu-font-size);\n font-weight: var(--brick-typography-control-md-font-weight);\n line-height: var(--brick-action-menu-line-height);\n text-align: start;\n cursor: default;\n user-select: none;\n }\n\n /*\n * Destination rows may compose a Brick Link through the menu item's\n * `asChild` contract. Restore the menu-row recipe above Link's inline\n * presentation and flatten Link's content wrapper so Leading, ItemLabel,\n * Description, and Shortcut continue to participate in the row grid.\n */\n .brick-link:is(\n .brick-dropdown-menu__item,\n .brick-context-menu__item,\n .brick-menubar__item\n ) {\n display: grid;\n inline-size: 100%;\n align-items: center;\n gap: var(--brick-action-menu-row-gap);\n color: var(--brick-action-menu-row-foreground);\n font-family: var(--brick-typography-control-md-font-family);\n font-size: var(--brick-action-menu-font-size);\n font-weight: var(--brick-typography-control-md-font-weight);\n line-height: var(--brick-action-menu-line-height);\n text-decoration-line: none;\n vertical-align: middle;\n }\n\n .brick-link:is(\n .brick-dropdown-menu__item,\n .brick-context-menu__item,\n .brick-menubar__item\n ) > .brick-link__content {\n display: contents;\n }\n\n .brick-link:is(\n .brick-dropdown-menu__item,\n .brick-context-menu__item,\n .brick-menubar__item\n ):is(:hover, :focus-visible, :active) {\n outline: 0;\n color: currentColor;\n text-decoration-line: none;\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-highlighted] {\n background: var(--brick-action-menu-row-highlighted-background);\n color: var(--brick-action-menu-row-highlighted-foreground);\n box-shadow: inset 0 0 0 var(--brick-border-width) var(--brick-action-menu-focus-ring);\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-tone=\"danger\"] {\n color: var(--brick-action-menu-danger-foreground);\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-tone=\"danger\"][data-highlighted] {\n background: var(--brick-action-menu-danger-background);\n color: var(--brick-action-menu-danger-foreground);\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-disabled] {\n color: var(--brick-action-menu-disabled-foreground);\n opacity: 0.65;\n }\n\n :where(\n .brick-dropdown-menu__leading,\n .brick-context-menu__leading,\n .brick-menubar__leading,\n .brick-dropdown-menu__item-indicator,\n .brick-context-menu__item-indicator,\n .brick-menubar__item-indicator\n ) {\n display: inline-grid;\n inline-size: var(--brick-action-menu-indicator-size);\n block-size: var(--brick-action-menu-indicator-size);\n place-items: center;\n color: currentColor;\n }\n\n :is(\n .brick-dropdown-menu__leading,\n .brick-context-menu__leading,\n .brick-menubar__leading\n ) > .brick-icon {\n --brick-icon-size: var(--brick-action-menu-indicator-size);\n }\n\n :is(\n .brick-dropdown-menu__leading,\n .brick-context-menu__leading,\n .brick-menubar__leading\n ) > .brick-icon[data-size] {\n --brick-icon-size: var(--brick-action-menu-indicator-size);\n }\n\n :where(\n .brick-dropdown-menu__leading,\n .brick-context-menu__leading,\n .brick-menubar__leading\n ) > :where(svg, img) {\n display: block;\n inline-size: 100%;\n block-size: 100%;\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-context-menu__item,\n .brick-menubar__item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__sub-trigger,\n .brick-menubar__sub-trigger\n ) > :where(\n .brick-dropdown-menu__item-label,\n .brick-context-menu__item-label,\n .brick-menubar__item-label\n ):first-child {\n grid-column: 2;\n }\n\n :where(\n .brick-dropdown-menu__item-label,\n .brick-context-menu__item-label,\n .brick-menubar__item-label\n ) {\n min-inline-size: 0;\n grid-column: 2;\n overflow-wrap: anywhere;\n }\n\n :where(\n .brick-dropdown-menu__description,\n .brick-context-menu__description,\n .brick-menubar__description\n ) {\n min-inline-size: 0;\n grid-column: 2 / -1;\n color: var(--brick-action-menu-description-foreground);\n font-family: var(--brick-typography-supporting-sm-font-family);\n font-size: var(--brick-typography-supporting-sm-font-size);\n font-weight: var(--brick-typography-supporting-sm-font-weight);\n line-height: var(--brick-typography-supporting-sm-line-height);\n overflow-wrap: anywhere;\n }\n\n :where(\n .brick-dropdown-menu__shortcut,\n .brick-context-menu__shortcut,\n .brick-menubar__shortcut\n ) {\n grid-column: 3;\n color: var(--brick-action-menu-shortcut-foreground);\n font-family: var(--brick-typography-code-inline-font-family);\n font-size: var(--brick-typography-caption-font-size);\n line-height: var(--brick-typography-caption-line-height);\n white-space: nowrap;\n }\n\n :where(\n .brick-dropdown-menu__item-indicator,\n .brick-context-menu__item-indicator,\n .brick-menubar__item-indicator\n ) {\n grid-column: 1;\n }\n\n :where(\n .brick-dropdown-menu__item-indicator,\n .brick-context-menu__item-indicator,\n .brick-menubar__item-indicator\n ):empty::before {\n content: \"✓\";\n font-weight: var(--brick-typography-label-strong-font-weight);\n }\n\n :where(\n .brick-dropdown-menu__item-indicator,\n .brick-context-menu__item-indicator,\n .brick-menubar__item-indicator\n )[data-state=\"indeterminate\"]:empty::before {\n content: \"−\";\n }\n\n :where(\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__sub-trigger,\n .brick-menubar__sub-trigger\n )::after {\n content: \"\";\n grid-column: 3;\n inline-size: 0.5em;\n block-size: 0.5em;\n border-right: 0.125rem solid currentColor;\n border-bottom: 0.125rem solid currentColor;\n color: var(--brick-action-menu-shortcut-foreground);\n direction: ltr;\n transform: rotate(-45deg);\n }\n\n :where(\n [dir=\"rtl\"] .brick-dropdown-menu__sub-trigger,\n [dir=\"rtl\"] .brick-context-menu__sub-trigger,\n [dir=\"rtl\"] .brick-menubar__sub-trigger,\n .brick-dropdown-menu__sub-trigger[dir=\"rtl\"],\n .brick-context-menu__sub-trigger[dir=\"rtl\"],\n .brick-menubar__sub-trigger[dir=\"rtl\"]\n )::after {\n transform: rotate(135deg);\n }\n\n :where(\n .brick-dropdown-menu__separator,\n .brick-context-menu__separator,\n .brick-menubar__separator\n ) {\n block-size: var(--brick-border-width);\n margin: var(--brick-space-1) var(--brick-action-menu-row-padding-inline);\n background: var(--brick-action-menu-separator-color);\n }\n\n :where(\n .brick-dropdown-menu__arrow,\n .brick-context-menu__arrow,\n .brick-menubar__arrow\n ) {\n --brick-floating-arrow-fill: var(--brick-action-menu-content-background);\n --brick-floating-arrow-stroke: var(--brick-action-menu-content-border);\n color: var(--brick-action-menu-content-background);\n }\n\n @supports not (width: 100dvi) {\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n ) {\n max-inline-size: min(24rem, calc(100vw - 2 * var(--brick-space-3)));\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n ) {\n scale: 1;\n transition-duration: 1ms;\n }\n }\n\n @media (forced-colors: active) {\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n ) {\n border-color: CanvasText;\n background: Canvas;\n box-shadow: none;\n color: CanvasText;\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-highlighted] {\n outline: var(--brick-border-focus-width) solid Highlight;\n outline-offset: calc(var(--brick-border-focus-width) * -1);\n background: Highlight;\n box-shadow: none;\n color: HighlightText;\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-disabled] {\n color: GrayText;\n }\n }\n}\n","@layer brick.components {\n :where(.brick-context-menu__content, .brick-context-menu__sub-content) {\n --brick-context-menu-content-background: var(--brick-color-surface-overlay);\n --brick-context-menu-content-foreground: var(--brick-color-text-primary);\n --brick-context-menu-content-border: var(--brick-color-border-subtle);\n --brick-context-menu-content-radius: var(--brick-radius-overlay);\n --brick-context-menu-content-shadow: var(--brick-shadow-floating);\n --brick-context-menu-content-padding: var(--brick-space-1);\n --brick-context-menu-content-max-block-size: 20rem;\n --brick-context-menu-row-min-block-size: var(--brick-control-target-min);\n --brick-context-menu-row-padding-inline: var(--brick-space-3);\n --brick-context-menu-row-gap: var(--brick-space-2);\n --brick-context-menu-row-radius: var(--brick-radius-control);\n --brick-context-menu-row-foreground: var(--brick-color-text-primary);\n --brick-context-menu-row-highlighted-background: var(--brick-color-accent-soft);\n --brick-context-menu-row-highlighted-foreground: var(--brick-color-accent-text);\n --brick-context-menu-description-foreground: var(--brick-color-text-secondary);\n --brick-context-menu-shortcut-foreground: var(--brick-color-text-muted);\n --brick-context-menu-label-foreground: var(--brick-color-text-secondary);\n --brick-context-menu-disabled-foreground: var(--brick-color-text-muted);\n --brick-context-menu-danger-foreground: var(--brick-color-danger-text);\n --brick-context-menu-danger-background: var(--brick-color-danger-soft);\n --brick-context-menu-separator-color: var(--brick-color-border-subtle);\n --brick-context-menu-indicator-size: 1rem;\n --brick-context-menu-focus-ring: var(--brick-color-focus-ring);\n --brick-context-menu-motion-duration: var(--brick-motion-duration-fast);\n\n --brick-action-menu-content-background: var(--brick-context-menu-content-background);\n --brick-action-menu-content-foreground: var(--brick-context-menu-content-foreground);\n --brick-action-menu-content-border: var(--brick-context-menu-content-border);\n --brick-action-menu-content-radius: var(--brick-context-menu-content-radius);\n --brick-action-menu-content-shadow: var(--brick-context-menu-content-shadow);\n --brick-action-menu-content-padding: var(--brick-context-menu-content-padding);\n --brick-action-menu-content-max-block-size: var(--brick-context-menu-content-max-block-size);\n --brick-action-menu-content-z-index: var(--brick-layer-overlay);\n --brick-action-menu-row-min-block-size: var(--brick-context-menu-row-min-block-size);\n --brick-action-menu-row-padding-inline: var(--brick-context-menu-row-padding-inline);\n --brick-action-menu-row-gap: var(--brick-context-menu-row-gap);\n --brick-action-menu-row-radius: var(--brick-context-menu-row-radius);\n --brick-action-menu-row-foreground: var(--brick-context-menu-row-foreground);\n --brick-action-menu-row-highlighted-background: var(--brick-context-menu-row-highlighted-background);\n --brick-action-menu-row-highlighted-foreground: var(--brick-context-menu-row-highlighted-foreground);\n --brick-action-menu-description-foreground: var(--brick-context-menu-description-foreground);\n --brick-action-menu-shortcut-foreground: var(--brick-context-menu-shortcut-foreground);\n --brick-action-menu-label-foreground: var(--brick-context-menu-label-foreground);\n --brick-action-menu-disabled-foreground: var(--brick-context-menu-disabled-foreground);\n --brick-action-menu-danger-foreground: var(--brick-context-menu-danger-foreground);\n --brick-action-menu-danger-background: var(--brick-context-menu-danger-background);\n --brick-action-menu-separator-color: var(--brick-context-menu-separator-color);\n --brick-action-menu-indicator-size: var(--brick-context-menu-indicator-size);\n --brick-action-menu-focus-ring: var(--brick-context-menu-focus-ring);\n --brick-action-menu-motion-duration: var(--brick-context-menu-motion-duration);\n --brick-action-menu-font-size: var(--brick-typography-control-md-font-size);\n --brick-action-menu-line-height: var(--brick-typography-control-md-line-height);\n }\n\n .brick-context-menu__trigger { touch-action: manipulation; }\n}\n"],"names":[]}
|
package/dist/styles/core.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}}@layer flowstack.theme;@layer brick.foundations{:where(body){background-color:var(--brick-color-surface-canvas);color:var(--brick-color-text-primary);font-family:var(--brick-font-family-body);font-size:var(--brick-typography-body-md-font-size);line-height:var(--brick-typography-body-md-line-height)}:where([class^=brick-],[class*=\ brick-]){box-sizing:border-box;font-family:var(--brick-font-family-body);-webkit-tap-highlight-color:transparent}:where([class^=brick-],[class*=\ brick-]):before,:where([class^=brick-],[class*=\ brick-]):after{box-sizing:border-box}@media (forced-colors:active){:where([class^=brick-],[class*=\ brick-]){forced-color-adjust:auto}}@media (prefers-reduced-motion:reduce){:where([class^=brick-],[class*=\ brick-]){scroll-behavior:auto}}}@layer brick.components,brick.utilities,brick.effects;
|
|
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}}@layer flowstack.theme;@layer brick.foundations{:where(body){background-color:var(--brick-color-surface-canvas);color:var(--brick-color-text-primary);font-family:var(--brick-font-family-body);font-size:var(--brick-typography-body-md-font-size);line-height:var(--brick-typography-body-md-line-height)}:where([class^=brick-],[class*=\ brick-]){box-sizing:border-box;font-family:var(--brick-font-family-body);-webkit-tap-highlight-color:transparent}:where([class^=brick-],[class*=\ brick-]):before,:where([class^=brick-],[class*=\ brick-]):after{box-sizing:border-box}@media (forced-colors:active){:where([class^=brick-],[class*=\ brick-]){forced-color-adjust:auto}}@media (prefers-reduced-motion:reduce){:where([class^=brick-],[class*=\ brick-]){scroll-behavior:auto}}}@layer brick.components,brick.utilities,brick.effects;
|
|
2
2
|
/*# sourceMappingURL=core.css.map */
|