@flowstack-ui/brick 0.1.5 → 0.1.6
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 +14 -2
- package/dist/agents/accordion.json +80 -0
- package/dist/agents/accordion.md +48 -0
- package/dist/agents/app-bar.json +5 -0
- package/dist/agents/app-bar.md +1 -0
- package/dist/agents/appearance.json +84 -0
- package/dist/agents/appearance.md +48 -0
- package/dist/agents/badge.json +64 -0
- package/dist/agents/badge.md +41 -0
- package/dist/agents/card.json +5 -0
- package/dist/agents/card.md +1 -0
- package/dist/agents/carousel.json +131 -0
- package/dist/agents/carousel.md +64 -0
- package/dist/agents/collapsible.json +81 -0
- package/dist/agents/collapsible.md +49 -0
- package/dist/agents/container.json +10 -4
- package/dist/agents/container.md +4 -2
- package/dist/agents/divider.json +1 -1
- package/dist/agents/divider.md +1 -1
- package/dist/agents/drawer.json +11 -1
- package/dist/agents/drawer.md +3 -0
- package/dist/agents/frame.json +74 -0
- package/dist/agents/frame.md +47 -0
- package/dist/agents/grid.json +9 -0
- package/dist/agents/grid.md +2 -0
- package/dist/agents/icon.json +98 -0
- package/dist/agents/icon.md +51 -0
- package/dist/agents/image.json +18 -2
- package/dist/agents/image.md +5 -1
- package/dist/agents/interface-composition.json +143 -6
- package/dist/agents/interface-composition.md +40 -6
- package/dist/agents/layer-selection.json +13 -1
- package/dist/agents/layer-selection.md +4 -0
- package/dist/agents/list.json +80 -0
- package/dist/agents/list.md +48 -0
- package/dist/agents/manifest.json +61 -1
- package/dist/agents/scroll-area.json +8 -3
- package/dist/agents/scroll-area.md +4 -3
- package/dist/agents/section.json +65 -0
- package/dist/agents/section.md +42 -0
- package/dist/agents/stack.json +29 -5
- package/dist/agents/stack.md +14 -4
- package/dist/agents/surface.json +42 -4
- package/dist/agents/surface.md +13 -2
- package/dist/agents/tabs.json +17 -2
- package/dist/agents/tabs.md +8 -1
- package/dist/agents/text.json +14 -4
- package/dist/agents/text.md +5 -3
- package/dist/agents/z-stack.json +66 -0
- package/dist/agents/z-stack.md +41 -0
- package/dist/appearance.d.ts +2 -0
- package/dist/appearance.d.ts.map +1 -0
- package/dist/appearance.js +2 -0
- package/dist/appearance.js.map +1 -0
- package/dist/carousel.d.ts +3 -0
- package/dist/carousel.d.ts.map +1 -0
- package/dist/carousel.js +3 -0
- package/dist/carousel.js.map +1 -0
- package/dist/components/_responsive-value/ResponsiveValue.d.ts +9 -0
- package/dist/components/_responsive-value/ResponsiveValue.d.ts.map +1 -0
- package/dist/components/_responsive-value/ResponsiveValue.js +22 -0
- package/dist/components/_responsive-value/ResponsiveValue.js.map +1 -0
- package/dist/components/appearance/Appearance.d.ts +14 -0
- package/dist/components/appearance/Appearance.d.ts.map +1 -0
- package/dist/components/appearance/Appearance.js +39 -0
- package/dist/components/appearance/Appearance.js.map +1 -0
- package/dist/components/appearance/index.d.ts +2 -0
- package/dist/components/appearance/index.d.ts.map +1 -0
- package/dist/components/appearance/index.js +2 -0
- package/dist/components/appearance/index.js.map +1 -0
- package/dist/components/card/Card.d.ts +1 -0
- package/dist/components/card/Card.d.ts.map +1 -1
- package/dist/components/card/Card.js +2 -1
- package/dist/components/card/Card.js.map +1 -1
- package/dist/components/carousel/Carousel.d.ts +80 -0
- package/dist/components/carousel/Carousel.d.ts.map +1 -0
- package/dist/components/carousel/Carousel.js +90 -0
- package/dist/components/carousel/Carousel.js.map +1 -0
- package/dist/components/carousel/index.d.ts +2 -0
- package/dist/components/carousel/index.d.ts.map +1 -0
- package/dist/components/carousel/index.js +2 -0
- package/dist/components/carousel/index.js.map +1 -0
- package/dist/components/divider/Divider.js +2 -2
- package/dist/components/divider/Divider.js.map +1 -1
- package/dist/components/frame/Frame.d.ts +28 -0
- package/dist/components/frame/Frame.d.ts.map +1 -0
- package/dist/components/frame/Frame.js +84 -0
- package/dist/components/frame/Frame.js.map +1 -0
- package/dist/components/frame/index.d.ts +2 -0
- package/dist/components/frame/index.d.ts.map +1 -0
- package/dist/components/frame/index.js +2 -0
- package/dist/components/frame/index.js.map +1 -0
- package/dist/components/grid/Grid.d.ts +19 -9
- package/dist/components/grid/Grid.d.ts.map +1 -1
- package/dist/components/grid/Grid.js +26 -10
- 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/image/Image.d.ts +4 -0
- package/dist/components/image/Image.d.ts.map +1 -1
- package/dist/components/image/Image.js +4 -4
- package/dist/components/image/Image.js.map +1 -1
- package/dist/components/image/index.d.ts +1 -1
- package/dist/components/image/index.d.ts.map +1 -1
- package/dist/components/image/index.js +1 -1
- package/dist/components/image/index.js.map +1 -1
- package/dist/components/section/Section.d.ts +18 -0
- package/dist/components/section/Section.d.ts.map +1 -0
- package/dist/components/section/Section.js +29 -0
- package/dist/components/section/Section.js.map +1 -0
- package/dist/components/section/index.d.ts +2 -0
- package/dist/components/section/index.d.ts.map +1 -0
- package/dist/components/section/index.js +2 -0
- package/dist/components/section/index.js.map +1 -0
- package/dist/components/stack/Stack.d.ts +33 -8
- package/dist/components/stack/Stack.d.ts.map +1 -1
- package/dist/components/stack/Stack.js +71 -14
- 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/surface/Surface.d.ts +41 -3
- package/dist/components/surface/Surface.d.ts.map +1 -1
- package/dist/components/surface/Surface.js +79 -6
- 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 +1 -1
- package/dist/components/surface/index.js.map +1 -1
- package/dist/components/tabs/Tabs.d.ts +27 -6
- package/dist/components/tabs/Tabs.d.ts.map +1 -1
- package/dist/components/tabs/Tabs.js +10 -6
- package/dist/components/tabs/Tabs.js.map +1 -1
- package/dist/components/tabs/index.d.ts +1 -1
- package/dist/components/tabs/index.d.ts.map +1 -1
- package/dist/components/tabs/index.js.map +1 -1
- package/dist/components/z-stack/ZStack.d.ts +43 -0
- package/dist/components/z-stack/ZStack.d.ts.map +1 -0
- package/dist/components/z-stack/ZStack.js +70 -0
- package/dist/components/z-stack/ZStack.js.map +1 -0
- package/dist/components/z-stack/index.d.ts +2 -0
- package/dist/components/z-stack/index.d.ts.map +1 -0
- package/dist/components/z-stack/index.js +2 -0
- package/dist/components/z-stack/index.js.map +1 -0
- package/dist/frame.d.ts +2 -0
- package/dist/frame.d.ts.map +1 -0
- package/dist/frame.js +2 -0
- package/dist/frame.js.map +1 -0
- package/dist/grid.d.ts +1 -1
- package/dist/grid.d.ts.map +1 -1
- package/dist/grid.js.map +1 -1
- package/dist/image.d.ts +1 -1
- package/dist/image.d.ts.map +1 -1
- package/dist/image.js +1 -1
- package/dist/image.js.map +1 -1
- package/dist/index.d.ts +9 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +7 -2
- package/dist/index.js.map +1 -1
- package/dist/section.d.ts +2 -0
- package/dist/section.d.ts.map +1 -0
- package/dist/section.js +2 -0
- package/dist/section.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/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/appearance.css +2 -0
- package/dist/styles/appearance.css.map +1 -0
- package/dist/styles/aspect-ratio.css +1 -1
- package/dist/styles/aspect-ratio.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/bottom-navigation.css +1 -1
- package/dist/styles/bottom-navigation.css.map +1 -1
- package/dist/styles/breadcrumb.css +1 -1
- package/dist/styles/breadcrumb.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/carousel.css +2 -0
- package/dist/styles/carousel.css.map +1 -0
- 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/chip.css +1 -1
- package/dist/styles/chip.css.map +1 -1
- package/dist/styles/code-block.css +1 -1
- package/dist/styles/code-block.css.map +1 -1
- package/dist/styles/code.css +1 -1
- package/dist/styles/code.css.map +1 -1
- package/dist/styles/collapsible.css +1 -1
- package/dist/styles/collapsible.css.map +1 -1
- package/dist/styles/combobox.css +1 -1
- package/dist/styles/combobox.css.map +1 -1
- package/dist/styles/container.css +1 -1
- package/dist/styles/container.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/dialog.css +1 -1
- package/dist/styles/dialog.css.map +1 -1
- package/dist/styles/divider.css +1 -1
- package/dist/styles/divider.css.map +1 -1
- package/dist/styles/drawer.css +1 -1
- package/dist/styles/drawer.css.map +1 -1
- package/dist/styles/dropdown-menu.css +1 -1
- package/dist/styles/dropdown-menu.css.map +1 -1
- package/dist/styles/feed.css +1 -1
- package/dist/styles/feed.css.map +1 -1
- package/dist/styles/field.css +1 -1
- package/dist/styles/field.css.map +1 -1
- package/dist/styles/fieldset.css +1 -1
- package/dist/styles/fieldset.css.map +1 -1
- package/dist/styles/file-upload.css +1 -1
- package/dist/styles/file-upload.css.map +1 -1
- package/dist/styles/form.css +1 -1
- package/dist/styles/form.css.map +1 -1
- package/dist/styles/frame.css +2 -0
- package/dist/styles/frame.css.map +1 -0
- package/dist/styles/grid.css +1 -1
- package/dist/styles/grid.css.map +1 -1
- package/dist/styles/hide.css +1 -1
- package/dist/styles/hide.css.map +1 -1
- package/dist/styles/hover-card.css +1 -1
- package/dist/styles/hover-card.css.map +1 -1
- package/dist/styles/icon-button.css +1 -1
- package/dist/styles/icon-button.css.map +1 -1
- package/dist/styles/icon.css +1 -1
- package/dist/styles/icon.css.map +1 -1
- package/dist/styles/image.css +1 -1
- package/dist/styles/image.css.map +1 -1
- package/dist/styles/input.css +1 -1
- package/dist/styles/input.css.map +1 -1
- package/dist/styles/link.css +1 -1
- package/dist/styles/link.css.map +1 -1
- package/dist/styles/list.css +1 -1
- package/dist/styles/list.css.map +1 -1
- package/dist/styles/menubar.css +1 -1
- package/dist/styles/menubar.css.map +1 -1
- package/dist/styles/multi-select.css +1 -1
- package/dist/styles/multi-select.css.map +1 -1
- package/dist/styles/nav-list.css +1 -1
- package/dist/styles/nav-list.css.map +1 -1
- package/dist/styles/navigation-menu.css +1 -1
- package/dist/styles/navigation-menu.css.map +1 -1
- package/dist/styles/number-input.css +1 -1
- package/dist/styles/number-input.css.map +1 -1
- package/dist/styles/otp-field.css +1 -1
- package/dist/styles/otp-field.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/progress-circle.css +1 -1
- package/dist/styles/progress-circle.css.map +1 -1
- package/dist/styles/progress.css +1 -1
- package/dist/styles/progress.css.map +1 -1
- package/dist/styles/radio-group.css +1 -1
- package/dist/styles/radio-group.css.map +1 -1
- package/dist/styles/rating.css +1 -1
- package/dist/styles/rating.css.map +1 -1
- package/dist/styles/scroll-area.css +1 -1
- package/dist/styles/scroll-area.css.map +1 -1
- package/dist/styles/section.css +2 -0
- package/dist/styles/section.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/skip-link.css +1 -1
- package/dist/styles/skip-link.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/surface.css +1 -1
- package/dist/styles/surface.css.map +1 -1
- package/dist/styles/swipeable-item.css +1 -1
- package/dist/styles/swipeable-item.css.map +1 -1
- package/dist/styles/switch.css +1 -1
- package/dist/styles/switch.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/textarea.css +1 -1
- package/dist/styles/textarea.css.map +1 -1
- package/dist/styles/toast.css +1 -1
- package/dist/styles/toast.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/tooltip.css +1 -1
- package/dist/styles/tooltip.css.map +1 -1
- package/dist/styles/tree-grid.css +1 -1
- package/dist/styles/tree-grid.css.map +1 -1
- package/dist/styles/tree.css +1 -1
- package/dist/styles/tree.css.map +1 -1
- package/dist/styles/visually-hidden.css +1 -1
- package/dist/styles/visually-hidden.css.map +1 -1
- package/dist/styles/z-stack.css +2 -0
- package/dist/styles/z-stack.css.map +1 -0
- 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 +1 -1
- package/dist/surface.js.map +1 -1
- package/dist/tokens.css +1 -1
- package/dist/tokens.css.map +1 -1
- package/dist/z-stack.d.ts +2 -0
- package/dist/z-stack.d.ts.map +1 -0
- package/dist/z-stack.js +2 -0
- package/dist/z-stack.js.map +1 -0
- package/docs/guides/appearance-and-tokens.md +91 -1
- package/package.json +22 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,48DAoCA,4RACA,6RAEA,uJASA,2EACA,0HACA,+CAEA,gzBAuBA,qdAUA,+FACA,gKACA,yNACA,4KACA,iSACA,6KASA,iFACA,0FACA,iGACA,oNAIA,kGACA,kHAEA,oYAWA,gEACA,8SASA,sSAQA,uHAOA,wIAMA,gHACA,sGACA,kjBAMA,wJACA,yPACA,+iBAMA,sJACA,iRACA,sXACA,6VACA,meAEA,gmCAkBA,6VAOA,kNACA,oEACA,2NACA,+KAMA,wKAEA,iGACA,6BAAgC,wJAChC,uCAA0C,iIAA0I,0DACpL,8BAAiC,4GAAwH,yLAAkO,0EAAgF,sKDrN7c","sources":["home/runner/work/brick/brick/.brick-cache/production/navigation-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/navigation-menu/navigation-menu.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/navigation-menu/navigation-menu.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-navigation-menu,\n .brick-navigation-menu__sub {\n --brick-navigation-menu-gap: var(--brick-space-1);\n --brick-navigation-menu-control-min-block-size: var(--brick-control-target-min);\n --brick-navigation-menu-control-padding-inline: var(--brick-space-3);\n --brick-navigation-menu-control-radius: var(--brick-radius-control);\n --brick-navigation-menu-control-foreground: currentColor;\n --brick-navigation-menu-control-hover-background: var(--brick-color-surface-subtle);\n --brick-navigation-menu-control-open-background: var(--brick-color-accent-soft);\n --brick-navigation-menu-control-open-foreground: var(--brick-color-accent-text);\n --brick-navigation-menu-control-current-foreground: currentColor;\n --brick-navigation-menu-focus-ring: var(--brick-color-focus-ring);\n --brick-navigation-menu-chevron-size: 0.375rem;\n --brick-navigation-menu-chevron-stroke: 0.0625rem;\n --brick-navigation-menu-chevron-gap: 0.375rem;\n --brick-navigation-menu-current-underline-size: 0.0625rem;\n --brick-navigation-menu-current-underline-offset: 0.25em;\n --brick-navigation-menu-indicator-size: 0.625rem;\n --brick-navigation-menu-indicator-offset: var(--brick-space-2);\n --brick-navigation-menu-viewport-background: var(--brick-color-surface-overlay);\n --brick-navigation-menu-viewport-foreground: var(--brick-color-text-primary);\n --brick-navigation-menu-viewport-border: var(--brick-color-border-subtle);\n --brick-navigation-menu-viewport-radius: var(--brick-radius-control);\n --brick-navigation-menu-viewport-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);\n --brick-navigation-menu-viewport-padding: var(--brick-space-4);\n --brick-navigation-menu-viewport-max-inline-size: min(42rem, calc(100dvi - 2 * var(--brick-space-3)));\n --brick-navigation-menu-motion-duration: var(--brick-motion-duration-fast);\n --brick-navigation-menu-indicator-color: var(--brick-navigation-menu-viewport-background);\n --brick-navigation-menu-indicator-border: var(--brick-navigation-menu-viewport-border);\n\n position: relative;\n display: inline-block;\n max-inline-size: 100%;\n color: inherit;\n }\n\n :where(.brick-navigation-menu, .brick-navigation-menu__sub)[data-size=\"sm\"] { --brick-navigation-menu-control-min-block-size: 2rem; --brick-navigation-menu-control-padding-inline: var(--brick-space-2); --brick-navigation-menu-chevron-size: 0.3125rem; --brick-navigation-menu-indicator-size: 0.5rem; }\n :where(.brick-navigation-menu, .brick-navigation-menu__sub)[data-size=\"lg\"] { --brick-navigation-menu-control-min-block-size: 3rem; --brick-navigation-menu-control-padding-inline: var(--brick-space-4); --brick-navigation-menu-chevron-size: 0.4375rem; --brick-navigation-menu-indicator-size: 0.75rem; }\n\n .brick-navigation-menu__list {\n display: flex;\n min-inline-size: 0;\n align-items: center;\n gap: var(--brick-navigation-menu-gap);\n margin: 0;\n padding: 0;\n list-style: none;\n }\n .brick-navigation-menu__list[data-orientation=\"horizontal\"] { flex-wrap: nowrap; }\n .brick-navigation-menu__list[data-orientation=\"vertical\"] { inline-size: fit-content; flex-direction: column; align-items: stretch; }\n .brick-navigation-menu__item { min-inline-size: 0; }\n\n :where(.brick-navigation-menu__trigger, .brick-navigation-menu__link) {\n display: inline-flex;\n box-sizing: border-box;\n min-inline-size: 0;\n min-block-size: var(--brick-navigation-menu-control-min-block-size);\n align-items: center;\n justify-content: center;\n gap: var(--brick-navigation-menu-chevron-gap);\n padding-inline: var(--brick-navigation-menu-control-padding-inline);\n border: 0;\n border-radius: var(--brick-navigation-menu-control-radius);\n background: transparent;\n color: var(--brick-navigation-menu-control-foreground);\n font-family: var(--brick-typography-control-md-font-family);\n font-size: var(--brick-typography-control-md-font-size);\n font-weight: var(--brick-typography-control-md-font-weight);\n line-height: var(--brick-typography-control-md-line-height);\n text-align: start;\n text-decoration: none;\n white-space: nowrap;\n cursor: pointer;\n touch-action: manipulation;\n }\n .brick-navigation-menu__trigger::after {\n content: \"\";\n inline-size: var(--brick-navigation-menu-chevron-size);\n block-size: var(--brick-navigation-menu-chevron-size);\n flex: none;\n border-inline-end: var(--brick-navigation-menu-chevron-stroke) solid currentColor;\n border-block-end: var(--brick-navigation-menu-chevron-stroke) solid currentColor;\n transform: translateY(-20%) rotate(45deg);\n transition: transform var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard);\n }\n .brick-navigation-menu__trigger[data-state=\"open\"]::after { transform: translateY(20%) rotate(225deg); }\n :where(.brick-navigation-menu__trigger, .brick-navigation-menu__link):is(:hover, :focus-visible) { background: var(--brick-navigation-menu-control-hover-background); }\n :where(.brick-navigation-menu__trigger, .brick-navigation-menu__link):focus-visible { outline: var(--brick-border-focus-width) solid var(--brick-navigation-menu-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n .brick-navigation-menu__trigger[data-state=\"open\"] { background: var(--brick-navigation-menu-control-open-background); color: var(--brick-navigation-menu-control-open-foreground); }\n .brick-navigation-menu__link[data-active] { color: var(--brick-navigation-menu-control-current-foreground); text-decoration-line: underline; text-decoration-thickness: var(--brick-navigation-menu-current-underline-size); text-underline-offset: var(--brick-navigation-menu-current-underline-offset); }\n .brick-navigation-menu__link[data-variant=\"panel\"] {\n inline-size: 100%;\n align-items: stretch;\n justify-content: flex-start;\n padding: 0;\n border-radius: 0;\n background: transparent;\n white-space: normal;\n }\n .brick-navigation-menu__link[data-variant=\"panel\"] > .brick-surface { inline-size: 100%; }\n .brick-navigation-menu__link[data-variant=\"panel\"]:is(:hover, :focus-visible) { background: transparent; }\n .brick-navigation-menu__link[data-variant=\"panel\"]:focus-visible:has(> .brick-surface) { outline: none; }\n .brick-navigation-menu__link[data-variant=\"panel\"]:focus-visible > .brick-surface {\n outline: var(--brick-border-focus-width) solid var(--brick-navigation-menu-focus-ring);\n outline-offset: var(--brick-border-focus-offset);\n }\n .brick-navigation-menu__link[data-variant=\"panel\"][data-active] { background: transparent; text-decoration: none; }\n .brick-navigation-menu__trigger[data-disabled] { color: var(--brick-color-text-muted); opacity: 0.65; cursor: not-allowed; }\n\n .brick-navigation-menu__indicator {\n position: absolute;\n z-index: calc(var(--brick-layer-overlay) + 1);\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: visible;\n pointer-events: none;\n opacity: 0;\n transition: opacity var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter), translate var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard);\n }\n .brick-navigation-menu__indicator[data-state=\"visible\"] { opacity: 1; }\n .brick-navigation-menu__indicator[data-orientation=\"horizontal\"] {\n inset-block-start: 100%;\n inset-inline-start: auto;\n left: 0;\n inline-size: var(--atom-navigation-menu-trigger-width);\n block-size: var(--brick-navigation-menu-indicator-offset);\n align-items: flex-end;\n translate: var(--atom-navigation-menu-trigger-left) 0;\n }\n .brick-navigation-menu__indicator[data-orientation=\"vertical\"] {\n inset-block-start: 0;\n inset-inline-start: 100%;\n inline-size: var(--brick-navigation-menu-indicator-offset);\n block-size: var(--atom-navigation-menu-trigger-height);\n justify-content: flex-end;\n translate: 0 var(--atom-navigation-menu-trigger-top);\n }\n .brick-navigation-menu__indicator-arrow {\n position: relative;\n display: block;\n box-sizing: border-box;\n flex: none;\n background: transparent;\n }\n .brick-navigation-menu__indicator-arrow::before,\n .brick-navigation-menu__indicator-arrow::after {\n position: absolute;\n display: block;\n content: \"\";\n }\n .brick-navigation-menu__indicator-arrow::before { inset: 0; background: var(--brick-navigation-menu-indicator-border); }\n .brick-navigation-menu__indicator-arrow::after { background: var(--brick-navigation-menu-indicator-color); }\n .brick-navigation-menu__indicator[data-orientation=\"horizontal\"] > .brick-navigation-menu__indicator-arrow {\n inline-size: var(--brick-navigation-menu-indicator-size);\n block-size: calc(var(--brick-navigation-menu-indicator-size) / 2 + var(--brick-border-width));\n background: linear-gradient(var(--brick-navigation-menu-indicator-color), var(--brick-navigation-menu-indicator-color)) bottom center / calc(100% - var(--brick-border-width) - var(--brick-border-width)) calc(var(--brick-border-width) + var(--brick-border-width)) no-repeat;\n translate: 0 var(--brick-border-width);\n }\n .brick-navigation-menu__indicator[data-orientation=\"horizontal\"] > .brick-navigation-menu__indicator-arrow::before { clip-path: polygon(50% 0, 100% 100%, 0 100%); }\n .brick-navigation-menu__indicator[data-orientation=\"horizontal\"] > .brick-navigation-menu__indicator-arrow::after { inset: var(--brick-border-width) var(--brick-border-width) 0; clip-path: polygon(50% 0, 100% 100%, 0 100%); translate: 0 var(--brick-border-width); }\n .brick-navigation-menu__indicator[data-orientation=\"vertical\"] > .brick-navigation-menu__indicator-arrow {\n inline-size: calc(var(--brick-navigation-menu-indicator-size) / 2 + var(--brick-border-width));\n block-size: var(--brick-navigation-menu-indicator-size);\n background: linear-gradient(var(--brick-navigation-menu-indicator-color), var(--brick-navigation-menu-indicator-color)) center right / calc(var(--brick-border-width) + var(--brick-border-width)) calc(100% - var(--brick-border-width) - var(--brick-border-width)) no-repeat;\n translate: var(--brick-border-width) 0;\n }\n .brick-navigation-menu__indicator[data-orientation=\"vertical\"] > .brick-navigation-menu__indicator-arrow::before { clip-path: polygon(0 50%, 100% 0, 100% 100%); }\n .brick-navigation-menu__indicator[data-orientation=\"vertical\"] > .brick-navigation-menu__indicator-arrow::after { inset: var(--brick-border-width) 0 var(--brick-border-width) var(--brick-border-width); clip-path: polygon(0 50%, 100% 0, 100% 100%); translate: var(--brick-border-width) 0; }\n .brick-navigation-menu__indicator[data-orientation=\"vertical\"]:dir(rtl) > .brick-navigation-menu__indicator-arrow { background-position: center left; translate: calc(var(--brick-border-width) * -1) 0; }\n .brick-navigation-menu__indicator[data-orientation=\"vertical\"]:dir(rtl) > .brick-navigation-menu__indicator-arrow::before { clip-path: polygon(100% 50%, 0 0, 0 100%); }\n .brick-navigation-menu__indicator[data-orientation=\"vertical\"]:dir(rtl) > .brick-navigation-menu__indicator-arrow::after { inset: var(--brick-border-width) var(--brick-border-width) var(--brick-border-width) 0; clip-path: polygon(100% 50%, 0 0, 0 100%); translate: calc(var(--brick-border-width) * -1) 0; }\n\n .brick-navigation-menu__viewport {\n position: absolute;\n z-index: var(--brick-layer-overlay);\n box-sizing: border-box;\n inline-size: var(--atom-navigation-menu-viewport-width);\n max-inline-size: var(--brick-navigation-menu-viewport-max-inline-size);\n block-size: var(--atom-navigation-menu-viewport-height);\n overflow: hidden;\n border: var(--brick-border-width) solid var(--brick-navigation-menu-viewport-border);\n border-radius: var(--brick-navigation-menu-viewport-radius);\n background: var(--brick-navigation-menu-viewport-background);\n box-shadow: var(--brick-navigation-menu-viewport-shadow);\n color: var(--brick-navigation-menu-viewport-foreground);\n opacity: 0;\n transform-origin: top center;\n scale: 0.98;\n transition: inline-size var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard), block-size var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard), translate var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard), opacity var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter), scale var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter);\n }\n .brick-navigation-menu[data-orientation=\"horizontal\"] > .brick-navigation-menu__viewport {\n inset-block-start: calc(100% + var(--brick-space-2));\n inset-inline-start: auto;\n left: var(--atom-navigation-menu-viewport-left);\n max-inline-size: min(var(--brick-navigation-menu-viewport-max-inline-size), var(--atom-navigation-menu-viewport-available-width));\n translate: 0 0;\n }\n .brick-navigation-menu[data-orientation=\"vertical\"] > .brick-navigation-menu__viewport { inset-block-start: 0; inset-inline-start: calc(100% + var(--brick-space-2)); translate: 0 var(--atom-navigation-menu-trigger-top, 0); }\n .brick-navigation-menu__viewport[data-state=\"open\"] { opacity: 1; scale: 1; }\n .brick-navigation-menu__content { box-sizing: border-box; inline-size: max-content; max-inline-size: var(--brick-navigation-menu-viewport-max-inline-size); min-block-size: 0; padding: var(--brick-navigation-menu-viewport-padding); }\n .brick-navigation-menu__content .brick-navigation-menu__link[data-variant=\"control\"] {\n min-block-size: 0;\n justify-content: flex-start;\n padding: var(--brick-space-2);\n white-space: normal;\n }\n .brick-navigation-menu__content[data-motion^=\"from-\"] { animation: brick-navigation-menu-enter var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter); }\n\n @keyframes brick-navigation-menu-enter { from { opacity: 0; translate: 0 0.25rem; } to { opacity: 1; translate: 0 0; } }\n @supports not (width: 100dvi) { .brick-navigation-menu, .brick-navigation-menu__sub { --brick-navigation-menu-viewport-max-inline-size: min(42rem, calc(100vw - 2 * var(--brick-space-3))); } }\n @media (prefers-reduced-motion: reduce) { .brick-navigation-menu__trigger::after, .brick-navigation-menu__indicator, .brick-navigation-menu__viewport { transition-duration: 1ms; } .brick-navigation-menu__content { animation: none !important; } }\n @media (forced-colors: active) { .brick-navigation-menu__viewport { border-color: CanvasText; background: Canvas; box-shadow: none; color: CanvasText; } :where(.brick-navigation-menu__trigger, .brick-navigation-menu__link):focus-visible { outline-color: Highlight; } .brick-navigation-menu__link[data-variant=\"panel\"]:focus-visible > .brick-surface { outline-color: Highlight; } .brick-navigation-menu__link[data-active] { text-decoration-color: Highlight; } .brick-navigation-menu__indicator-arrow { --brick-navigation-menu-indicator-color: Canvas; --brick-navigation-menu-indicator-border: CanvasText; forced-color-adjust: none; } }\n}\n"],"names":[]}
|
|
1
|
+
{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,48DAoCA,4RACA,6RAEA,uJASA,2EACA,0HACA,+CAEA,gzBAuBA,qdAUA,+FACA,gKACA,yNACA,4KACA,iSACA,6KASA,iFACA,0FACA,iGACA,oNAIA,kGACA,kHAEA,oYAWA,gEACA,8SASA,sSAQA,uHAOA,wIAMA,gHACA,sGACA,kjBAMA,wJACA,yPACA,+iBAMA,sJACA,iRACA,sXACA,6VACA,meAEA,gmCAkBA,6VAOA,kNACA,oEACA,2NACA,+KAMA,wKAEA,iGACA,6BAAgC,wJAChC,uCAA0C,iIAA0I,0DACpL,8BAAiC,4GAAwH,yLAAkO,0EAAgF,sKDrN7c","sources":["home/runner/work/brick/brick/.brick-cache/production/navigation-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/navigation-menu/navigation-menu.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/navigation-menu/navigation-menu.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-navigation-menu,\n .brick-navigation-menu__sub {\n --brick-navigation-menu-gap: var(--brick-space-1);\n --brick-navigation-menu-control-min-block-size: var(--brick-control-target-min);\n --brick-navigation-menu-control-padding-inline: var(--brick-space-3);\n --brick-navigation-menu-control-radius: var(--brick-radius-control);\n --brick-navigation-menu-control-foreground: currentColor;\n --brick-navigation-menu-control-hover-background: var(--brick-color-surface-subtle);\n --brick-navigation-menu-control-open-background: var(--brick-color-accent-soft);\n --brick-navigation-menu-control-open-foreground: var(--brick-color-accent-text);\n --brick-navigation-menu-control-current-foreground: currentColor;\n --brick-navigation-menu-focus-ring: var(--brick-color-focus-ring);\n --brick-navigation-menu-chevron-size: 0.375rem;\n --brick-navigation-menu-chevron-stroke: 0.0625rem;\n --brick-navigation-menu-chevron-gap: 0.375rem;\n --brick-navigation-menu-current-underline-size: 0.0625rem;\n --brick-navigation-menu-current-underline-offset: 0.25em;\n --brick-navigation-menu-indicator-size: 0.625rem;\n --brick-navigation-menu-indicator-offset: var(--brick-space-2);\n --brick-navigation-menu-viewport-background: var(--brick-color-surface-overlay);\n --brick-navigation-menu-viewport-foreground: var(--brick-color-text-primary);\n --brick-navigation-menu-viewport-border: var(--brick-color-border-subtle);\n --brick-navigation-menu-viewport-radius: var(--brick-radius-control);\n --brick-navigation-menu-viewport-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);\n --brick-navigation-menu-viewport-padding: var(--brick-space-4);\n --brick-navigation-menu-viewport-max-inline-size: min(42rem, calc(100dvi - 2 * var(--brick-space-3)));\n --brick-navigation-menu-motion-duration: var(--brick-motion-duration-fast);\n --brick-navigation-menu-indicator-color: var(--brick-navigation-menu-viewport-background);\n --brick-navigation-menu-indicator-border: var(--brick-navigation-menu-viewport-border);\n\n position: relative;\n display: inline-block;\n max-inline-size: 100%;\n color: inherit;\n }\n\n :where(.brick-navigation-menu, .brick-navigation-menu__sub)[data-size=\"sm\"] { --brick-navigation-menu-control-min-block-size: 2rem; --brick-navigation-menu-control-padding-inline: var(--brick-space-2); --brick-navigation-menu-chevron-size: 0.3125rem; --brick-navigation-menu-indicator-size: 0.5rem; }\n :where(.brick-navigation-menu, .brick-navigation-menu__sub)[data-size=\"lg\"] { --brick-navigation-menu-control-min-block-size: 3rem; --brick-navigation-menu-control-padding-inline: var(--brick-space-4); --brick-navigation-menu-chevron-size: 0.4375rem; --brick-navigation-menu-indicator-size: 0.75rem; }\n\n .brick-navigation-menu__list {\n display: flex;\n min-inline-size: 0;\n align-items: center;\n gap: var(--brick-navigation-menu-gap);\n margin: 0;\n padding: 0;\n list-style: none;\n }\n .brick-navigation-menu__list[data-orientation=\"horizontal\"] { flex-wrap: nowrap; }\n .brick-navigation-menu__list[data-orientation=\"vertical\"] { inline-size: fit-content; flex-direction: column; align-items: stretch; }\n .brick-navigation-menu__item { min-inline-size: 0; }\n\n :where(.brick-navigation-menu__trigger, .brick-navigation-menu__link) {\n display: inline-flex;\n box-sizing: border-box;\n min-inline-size: 0;\n min-block-size: var(--brick-navigation-menu-control-min-block-size);\n align-items: center;\n justify-content: center;\n gap: var(--brick-navigation-menu-chevron-gap);\n padding-inline: var(--brick-navigation-menu-control-padding-inline);\n border: 0;\n border-radius: var(--brick-navigation-menu-control-radius);\n background: transparent;\n color: var(--brick-navigation-menu-control-foreground);\n font-family: var(--brick-typography-control-md-font-family);\n font-size: var(--brick-typography-control-md-font-size);\n font-weight: var(--brick-typography-control-md-font-weight);\n line-height: var(--brick-typography-control-md-line-height);\n text-align: start;\n text-decoration: none;\n white-space: nowrap;\n cursor: pointer;\n touch-action: manipulation;\n }\n .brick-navigation-menu__trigger::after {\n content: \"\";\n inline-size: var(--brick-navigation-menu-chevron-size);\n block-size: var(--brick-navigation-menu-chevron-size);\n flex: none;\n border-inline-end: var(--brick-navigation-menu-chevron-stroke) solid currentColor;\n border-block-end: var(--brick-navigation-menu-chevron-stroke) solid currentColor;\n transform: translateY(-20%) rotate(45deg);\n transition: transform var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard);\n }\n .brick-navigation-menu__trigger[data-state=\"open\"]::after { transform: translateY(20%) rotate(225deg); }\n :where(.brick-navigation-menu__trigger, .brick-navigation-menu__link):is(:hover, :focus-visible) { background: var(--brick-navigation-menu-control-hover-background); }\n :where(.brick-navigation-menu__trigger, .brick-navigation-menu__link):focus-visible { outline: var(--brick-border-focus-width) solid var(--brick-navigation-menu-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n .brick-navigation-menu__trigger[data-state=\"open\"] { background: var(--brick-navigation-menu-control-open-background); color: var(--brick-navigation-menu-control-open-foreground); }\n .brick-navigation-menu__link[data-active] { color: var(--brick-navigation-menu-control-current-foreground); text-decoration-line: underline; text-decoration-thickness: var(--brick-navigation-menu-current-underline-size); text-underline-offset: var(--brick-navigation-menu-current-underline-offset); }\n .brick-navigation-menu__link[data-variant=\"panel\"] {\n inline-size: 100%;\n align-items: stretch;\n justify-content: flex-start;\n padding: 0;\n border-radius: 0;\n background: transparent;\n white-space: normal;\n }\n .brick-navigation-menu__link[data-variant=\"panel\"] > .brick-surface { inline-size: 100%; }\n .brick-navigation-menu__link[data-variant=\"panel\"]:is(:hover, :focus-visible) { background: transparent; }\n .brick-navigation-menu__link[data-variant=\"panel\"]:focus-visible:has(> .brick-surface) { outline: none; }\n .brick-navigation-menu__link[data-variant=\"panel\"]:focus-visible > .brick-surface {\n outline: var(--brick-border-focus-width) solid var(--brick-navigation-menu-focus-ring);\n outline-offset: var(--brick-border-focus-offset);\n }\n .brick-navigation-menu__link[data-variant=\"panel\"][data-active] { background: transparent; text-decoration: none; }\n .brick-navigation-menu__trigger[data-disabled] { color: var(--brick-color-text-muted); opacity: 0.65; cursor: not-allowed; }\n\n .brick-navigation-menu__indicator {\n position: absolute;\n z-index: calc(var(--brick-layer-overlay) + 1);\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: visible;\n pointer-events: none;\n opacity: 0;\n transition: opacity var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter), translate var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard);\n }\n .brick-navigation-menu__indicator[data-state=\"visible\"] { opacity: 1; }\n .brick-navigation-menu__indicator[data-orientation=\"horizontal\"] {\n inset-block-start: 100%;\n inset-inline-start: auto;\n left: 0;\n inline-size: var(--atom-navigation-menu-trigger-width);\n block-size: var(--brick-navigation-menu-indicator-offset);\n align-items: flex-end;\n translate: var(--atom-navigation-menu-trigger-left) 0;\n }\n .brick-navigation-menu__indicator[data-orientation=\"vertical\"] {\n inset-block-start: 0;\n inset-inline-start: 100%;\n inline-size: var(--brick-navigation-menu-indicator-offset);\n block-size: var(--atom-navigation-menu-trigger-height);\n justify-content: flex-end;\n translate: 0 var(--atom-navigation-menu-trigger-top);\n }\n .brick-navigation-menu__indicator-arrow {\n position: relative;\n display: block;\n box-sizing: border-box;\n flex: none;\n background: transparent;\n }\n .brick-navigation-menu__indicator-arrow::before,\n .brick-navigation-menu__indicator-arrow::after {\n position: absolute;\n display: block;\n content: \"\";\n }\n .brick-navigation-menu__indicator-arrow::before { inset: 0; background: var(--brick-navigation-menu-indicator-border); }\n .brick-navigation-menu__indicator-arrow::after { background: var(--brick-navigation-menu-indicator-color); }\n .brick-navigation-menu__indicator[data-orientation=\"horizontal\"] > .brick-navigation-menu__indicator-arrow {\n inline-size: var(--brick-navigation-menu-indicator-size);\n block-size: calc(var(--brick-navigation-menu-indicator-size) / 2 + var(--brick-border-width));\n background: linear-gradient(var(--brick-navigation-menu-indicator-color), var(--brick-navigation-menu-indicator-color)) bottom center / calc(100% - var(--brick-border-width) - var(--brick-border-width)) calc(var(--brick-border-width) + var(--brick-border-width)) no-repeat;\n translate: 0 var(--brick-border-width);\n }\n .brick-navigation-menu__indicator[data-orientation=\"horizontal\"] > .brick-navigation-menu__indicator-arrow::before { clip-path: polygon(50% 0, 100% 100%, 0 100%); }\n .brick-navigation-menu__indicator[data-orientation=\"horizontal\"] > .brick-navigation-menu__indicator-arrow::after { inset: var(--brick-border-width) var(--brick-border-width) 0; clip-path: polygon(50% 0, 100% 100%, 0 100%); translate: 0 var(--brick-border-width); }\n .brick-navigation-menu__indicator[data-orientation=\"vertical\"] > .brick-navigation-menu__indicator-arrow {\n inline-size: calc(var(--brick-navigation-menu-indicator-size) / 2 + var(--brick-border-width));\n block-size: var(--brick-navigation-menu-indicator-size);\n background: linear-gradient(var(--brick-navigation-menu-indicator-color), var(--brick-navigation-menu-indicator-color)) center right / calc(var(--brick-border-width) + var(--brick-border-width)) calc(100% - var(--brick-border-width) - var(--brick-border-width)) no-repeat;\n translate: var(--brick-border-width) 0;\n }\n .brick-navigation-menu__indicator[data-orientation=\"vertical\"] > .brick-navigation-menu__indicator-arrow::before { clip-path: polygon(0 50%, 100% 0, 100% 100%); }\n .brick-navigation-menu__indicator[data-orientation=\"vertical\"] > .brick-navigation-menu__indicator-arrow::after { inset: var(--brick-border-width) 0 var(--brick-border-width) var(--brick-border-width); clip-path: polygon(0 50%, 100% 0, 100% 100%); translate: var(--brick-border-width) 0; }\n .brick-navigation-menu__indicator[data-orientation=\"vertical\"]:dir(rtl) > .brick-navigation-menu__indicator-arrow { background-position: center left; translate: calc(var(--brick-border-width) * -1) 0; }\n .brick-navigation-menu__indicator[data-orientation=\"vertical\"]:dir(rtl) > .brick-navigation-menu__indicator-arrow::before { clip-path: polygon(100% 50%, 0 0, 0 100%); }\n .brick-navigation-menu__indicator[data-orientation=\"vertical\"]:dir(rtl) > .brick-navigation-menu__indicator-arrow::after { inset: var(--brick-border-width) var(--brick-border-width) var(--brick-border-width) 0; clip-path: polygon(100% 50%, 0 0, 0 100%); translate: calc(var(--brick-border-width) * -1) 0; }\n\n .brick-navigation-menu__viewport {\n position: absolute;\n z-index: var(--brick-layer-overlay);\n box-sizing: border-box;\n inline-size: var(--atom-navigation-menu-viewport-width);\n max-inline-size: var(--brick-navigation-menu-viewport-max-inline-size);\n block-size: var(--atom-navigation-menu-viewport-height);\n overflow: hidden;\n border: var(--brick-border-width) solid var(--brick-navigation-menu-viewport-border);\n border-radius: var(--brick-navigation-menu-viewport-radius);\n background: var(--brick-navigation-menu-viewport-background);\n box-shadow: var(--brick-navigation-menu-viewport-shadow);\n color: var(--brick-navigation-menu-viewport-foreground);\n opacity: 0;\n transform-origin: top center;\n scale: 0.98;\n transition: inline-size var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard), block-size var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard), translate var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard), opacity var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter), scale var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter);\n }\n .brick-navigation-menu[data-orientation=\"horizontal\"] > .brick-navigation-menu__viewport {\n inset-block-start: calc(100% + var(--brick-space-2));\n inset-inline-start: auto;\n left: var(--atom-navigation-menu-viewport-left);\n max-inline-size: min(var(--brick-navigation-menu-viewport-max-inline-size), var(--atom-navigation-menu-viewport-available-width));\n translate: 0 0;\n }\n .brick-navigation-menu[data-orientation=\"vertical\"] > .brick-navigation-menu__viewport { inset-block-start: 0; inset-inline-start: calc(100% + var(--brick-space-2)); translate: 0 var(--atom-navigation-menu-trigger-top, 0); }\n .brick-navigation-menu__viewport[data-state=\"open\"] { opacity: 1; scale: 1; }\n .brick-navigation-menu__content { box-sizing: border-box; inline-size: max-content; max-inline-size: var(--brick-navigation-menu-viewport-max-inline-size); min-block-size: 0; padding: var(--brick-navigation-menu-viewport-padding); }\n .brick-navigation-menu__content .brick-navigation-menu__link[data-variant=\"control\"] {\n min-block-size: 0;\n justify-content: flex-start;\n padding: var(--brick-space-2);\n white-space: normal;\n }\n .brick-navigation-menu__content[data-motion^=\"from-\"] { animation: brick-navigation-menu-enter var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter); }\n\n @keyframes brick-navigation-menu-enter { from { opacity: 0; translate: 0 0.25rem; } to { opacity: 1; translate: 0 0; } }\n @supports not (width: 100dvi) { .brick-navigation-menu, .brick-navigation-menu__sub { --brick-navigation-menu-viewport-max-inline-size: min(42rem, calc(100vw - 2 * var(--brick-space-3))); } }\n @media (prefers-reduced-motion: reduce) { .brick-navigation-menu__trigger::after, .brick-navigation-menu__indicator, .brick-navigation-menu__viewport { transition-duration: 1ms; } .brick-navigation-menu__content { animation: none !important; } }\n @media (forced-colors: active) { .brick-navigation-menu__viewport { border-color: CanvasText; background: Canvas; box-shadow: none; color: CanvasText; } :where(.brick-navigation-menu__trigger, .brick-navigation-menu__link):focus-visible { outline-color: Highlight; } .brick-navigation-menu__link[data-variant=\"panel\"]:focus-visible > .brick-surface { outline-color: Highlight; } .brick-navigation-menu__link[data-active] { text-decoration-color: Highlight; } .brick-navigation-menu__indicator-arrow { --brick-navigation-menu-indicator-color: Canvas; --brick-navigation-menu-indicator-border: CanvasText; forced-color-adjust: none; } }\n}\n"],"names":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer brick.tokens,brick.foundations;@layer brick.components{.brick-number-input{--brick-number-input-height:var(--brick-control-min-block-size-md);--brick-number-input-radius:var(--brick-radius-control);--brick-number-input-background:var(--brick-color-surface-raised);--brick-number-input-border:var(--brick-color-border-strong);box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-number-input-height);border:var(--brick-border-width) solid var(--brick-number-input-border);border-radius:var(--brick-number-input-radius);background:var(--brick-number-input-background);color:var(--brick-color-text-primary);grid-template-rows:1fr 1fr;grid-template-columns:minmax(0,1fr) 2.25rem;align-items:stretch;display:inline-grid;overflow:hidden}.brick-number-input[data-full-width]{inline-size:100%}.brick-number-input[data-variant=soft]{--brick-number-input-background:var(--brick-color-surface-subtle);--brick-number-input-border:var(--brick-color-border-subtle)}.brick-number-input[data-variant=underline]{--brick-number-input-background:transparent;--brick-number-input-radius:0;border-width:0 0 var(--brick-border-width);overflow:visible}.brick-number-input[data-shape=sharp]{--brick-number-input-radius:0}.brick-number-input[data-shape=pill]{--brick-number-input-radius:var(--brick-radius-full)}.brick-number-input[data-size=sm]{--brick-number-input-height:var(--brick-control-min-block-size-sm)}.brick-number-input[data-size=lg]{--brick-number-input-height:var(--brick-control-min-block-size-lg)}.brick-number-input-control{box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:calc(var(--brick-number-input-height) - 2 * var(--brick-border-width));padding:0 var(--brick-space-3);color:inherit;font:inherit;background:0 0;border:0;outline:0;grid-area:1/1/3}.brick-number-input-step{border:0;border-inline-start:var(--brick-border-width) solid var(--brick-number-input-border);color:var(--brick-color-text-secondary);cursor:pointer;background:0 0;grid-column:2;place-items:center;padding:0;display:grid}.brick-number-input-increment{grid-row:1}.brick-number-input-decrement{grid-row:2}.brick-number-input-step+.brick-number-input-step{border-block-start:var(--brick-border-width) solid var(--brick-number-input-border)}.brick-number-input-step-artwork{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;block-size:1rem;inline-size:1rem}.brick-number-input:focus-within{border-color:var(--brick-color-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-color-focus-ring)}.brick-number-input:has(.brick-number-input-control[data-invalid]){border-color:var(--brick-color-danger-text)}.brick-number-input:has(.brick-number-input-control[data-disabled]){background:var(--brick-color-surface-subtle);color:var(--brick-color-text-secondary);opacity:.72}.brick-number-input-step:disabled{cursor:not-allowed;opacity:.5}@media (hover:hover) and (pointer:fine){.brick-number-input-step:not(:disabled):hover{background:var(--brick-color-accent-soft);color:var(--brick-color-text-primary)}}@media (pointer:coarse){.brick-number-input:is([data-size=sm],[data-size=md]){--brick-number-input-height:3.125rem}}@media (forced-colors:active){.brick-number-input{color:canvastext;background:canvas;border-color:buttontext}.brick-number-input:focus-within{box-shadow:0 0 0 var(--brick-border-focus-width) Highlight;border-color:highlight}}}@layer brick.effects;
|
|
1
|
+
@layer brick.tokens,brick.foundations;@layer brick.components{.brick-number-input{--brick-number-input-height:var(--brick-control-min-block-size-md);--brick-number-input-radius:var(--brick-radius-control);--brick-number-input-background:var(--brick-color-surface-raised);--brick-number-input-border:var(--brick-color-border-strong);box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-number-input-height);border:var(--brick-border-width) solid var(--brick-number-input-border);border-radius:var(--brick-number-input-radius);background:var(--brick-number-input-background);color:var(--brick-color-text-primary);grid-template-rows:1fr 1fr;grid-template-columns:minmax(0,1fr) 2.25rem;align-items:stretch;display:inline-grid;overflow:hidden}.brick-number-input[data-full-width]{inline-size:100%}.brick-number-input[data-variant=soft]{--brick-number-input-background:var(--brick-color-surface-subtle);--brick-number-input-border:var(--brick-color-border-subtle)}.brick-number-input[data-variant=underline]{--brick-number-input-background:transparent;--brick-number-input-radius:0;border-width:0 0 var(--brick-border-width);overflow:visible}.brick-number-input[data-shape=sharp]{--brick-number-input-radius:0}.brick-number-input[data-shape=pill]{--brick-number-input-radius:var(--brick-radius-full)}.brick-number-input[data-size=sm]{--brick-number-input-height:var(--brick-control-min-block-size-sm)}.brick-number-input[data-size=lg]{--brick-number-input-height:var(--brick-control-min-block-size-lg)}.brick-number-input-control{box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:calc(var(--brick-number-input-height) - 2 * var(--brick-border-width));padding:0 var(--brick-space-3);color:inherit;font:inherit;background:0 0;border:0;outline:0;grid-area:1/1/3}.brick-number-input-step{border:0;border-inline-start:var(--brick-border-width) solid var(--brick-number-input-border);color:var(--brick-color-text-secondary);cursor:pointer;background:0 0;grid-column:2;place-items:center;padding:0;display:grid}.brick-number-input-increment{grid-row:1}.brick-number-input-decrement{grid-row:2}.brick-number-input-step+.brick-number-input-step{border-block-start:var(--brick-border-width) solid var(--brick-number-input-border)}.brick-number-input-step-artwork{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;block-size:1rem;inline-size:1rem}.brick-number-input:focus-within{border-color:var(--brick-color-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-color-focus-ring)}.brick-number-input:has(.brick-number-input-control[data-invalid]){border-color:var(--brick-color-danger-text)}.brick-number-input:has(.brick-number-input-control[data-disabled]){background:var(--brick-color-surface-subtle);color:var(--brick-color-text-secondary);opacity:.72}.brick-number-input-step:disabled{cursor:not-allowed;opacity:.5}@media (hover:hover) and (pointer:fine){.brick-number-input-step:not(:disabled):hover{background:var(--brick-color-accent-soft);color:var(--brick-color-text-primary)}}@media (pointer:coarse){.brick-number-input:is([data-size=sm],[data-size=md]){--brick-number-input-height:3.125rem}}@media (forced-colors:active){.brick-number-input{color:canvastext;background:canvas;border-color:buttontext}.brick-number-input:focus-within{box-shadow:0 0 0 var(--brick-border-focus-width) Highlight;border-color:highlight}}}@layer brick.utilities,brick.effects;
|
|
2
2
|
/*# sourceMappingURL=number-input.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,usBACA,sDACA,sKACA,kLACA,oEAA2E,0FAC3E,qGAA4G,qGAC5G,uRACA,qPACA,yCAA8C,yCAC9C,sIACA,qJACA,2JACA,+GACA,qKACA,gEACA,wCAA0C,+HAC1C,wBACE,4FAEF,8BAAgC,+EAAsF,qHDpBxH","sources":["home/runner/work/brick/brick/.brick-cache/production/number-input.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/number-input/number-input.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/number-input/number-input.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-number-input { --brick-number-input-height: var(--brick-control-min-block-size-md); --brick-number-input-radius: var(--brick-radius-control); --brick-number-input-background: var(--brick-color-surface-raised); --brick-number-input-border: var(--brick-color-border-strong); display:inline-grid; grid-template-columns:minmax(0,1fr) 2.25rem; grid-template-rows:1fr 1fr; box-sizing:border-box; min-inline-size:0; max-inline-size:100%; min-block-size:var(--brick-number-input-height); align-items:stretch; overflow:hidden; border:var(--brick-border-width) solid var(--brick-number-input-border); border-radius:var(--brick-number-input-radius); background:var(--brick-number-input-background); color:var(--brick-color-text-primary); }\n .brick-number-input[data-full-width] { inline-size:100%; }\n .brick-number-input[data-variant=\"soft\"] { --brick-number-input-background:var(--brick-color-surface-subtle); --brick-number-input-border:var(--brick-color-border-subtle); }\n .brick-number-input[data-variant=\"underline\"] { --brick-number-input-background:transparent; --brick-number-input-radius:0; border-width:0 0 var(--brick-border-width); overflow:visible; }\n .brick-number-input[data-shape=\"sharp\"] { --brick-number-input-radius:0; } .brick-number-input[data-shape=\"pill\"] { --brick-number-input-radius:var(--brick-radius-full); }\n .brick-number-input[data-size=\"sm\"] { --brick-number-input-height:var(--brick-control-min-block-size-sm); } .brick-number-input[data-size=\"lg\"] { --brick-number-input-height:var(--brick-control-min-block-size-lg); }\n .brick-number-input-control { grid-column:1; grid-row:1 / 3; box-sizing:border-box; min-inline-size:0; inline-size:100%; min-block-size:calc(var(--brick-number-input-height) - 2 * var(--brick-border-width)); padding:0 var(--brick-space-3); border:0; outline:0; background:transparent; color:inherit; font:inherit; }\n .brick-number-input-step { display:grid; grid-column:2; place-items:center; padding:0; border:0; border-inline-start:var(--brick-border-width) solid var(--brick-number-input-border); background:transparent; color:var(--brick-color-text-secondary); cursor:pointer; }\n .brick-number-input-increment { grid-row:1; } .brick-number-input-decrement { grid-row:2; }\n .brick-number-input-step + .brick-number-input-step { border-block-start:var(--brick-border-width) solid var(--brick-number-input-border); }\n .brick-number-input-step-artwork { inline-size:1rem; block-size:1rem; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.75; }\n .brick-number-input:focus-within { border-color:var(--brick-color-focus-ring); box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-color-focus-ring); }\n .brick-number-input:has(.brick-number-input-control[data-invalid]) { border-color:var(--brick-color-danger-text); }\n .brick-number-input:has(.brick-number-input-control[data-disabled]) { background:var(--brick-color-surface-subtle); color:var(--brick-color-text-secondary); opacity:.72; }\n .brick-number-input-step:disabled { cursor:not-allowed; opacity:.5; }\n @media (hover:hover) and (pointer:fine) { .brick-number-input-step:not(:disabled):hover { background:var(--brick-color-accent-soft); color:var(--brick-color-text-primary); } }\n @media (pointer:coarse) {\n .brick-number-input:is([data-size=\"sm\"], [data-size=\"md\"]) { --brick-number-input-height:3.125rem; }\n }\n @media (forced-colors:active) { .brick-number-input { border-color:ButtonText; background:Canvas; color:CanvasText; } .brick-number-input:focus-within { border-color:Highlight; box-shadow:0 0 0 var(--brick-border-focus-width) Highlight; } }\n}\n"],"names":[]}
|
|
1
|
+
{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,usBACA,sDACA,sKACA,kLACA,oEAA2E,0FAC3E,qGAA4G,qGAC5G,uRACA,qPACA,yCAA8C,yCAC9C,sIACA,qJACA,2JACA,+GACA,qKACA,gEACA,wCAA0C,+HAC1C,wBACE,4FAEF,8BAAgC,+EAAsF,qHDpBxH","sources":["home/runner/work/brick/brick/.brick-cache/production/number-input.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/number-input/number-input.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/number-input/number-input.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-number-input { --brick-number-input-height: var(--brick-control-min-block-size-md); --brick-number-input-radius: var(--brick-radius-control); --brick-number-input-background: var(--brick-color-surface-raised); --brick-number-input-border: var(--brick-color-border-strong); display:inline-grid; grid-template-columns:minmax(0,1fr) 2.25rem; grid-template-rows:1fr 1fr; box-sizing:border-box; min-inline-size:0; max-inline-size:100%; min-block-size:var(--brick-number-input-height); align-items:stretch; overflow:hidden; border:var(--brick-border-width) solid var(--brick-number-input-border); border-radius:var(--brick-number-input-radius); background:var(--brick-number-input-background); color:var(--brick-color-text-primary); }\n .brick-number-input[data-full-width] { inline-size:100%; }\n .brick-number-input[data-variant=\"soft\"] { --brick-number-input-background:var(--brick-color-surface-subtle); --brick-number-input-border:var(--brick-color-border-subtle); }\n .brick-number-input[data-variant=\"underline\"] { --brick-number-input-background:transparent; --brick-number-input-radius:0; border-width:0 0 var(--brick-border-width); overflow:visible; }\n .brick-number-input[data-shape=\"sharp\"] { --brick-number-input-radius:0; } .brick-number-input[data-shape=\"pill\"] { --brick-number-input-radius:var(--brick-radius-full); }\n .brick-number-input[data-size=\"sm\"] { --brick-number-input-height:var(--brick-control-min-block-size-sm); } .brick-number-input[data-size=\"lg\"] { --brick-number-input-height:var(--brick-control-min-block-size-lg); }\n .brick-number-input-control { grid-column:1; grid-row:1 / 3; box-sizing:border-box; min-inline-size:0; inline-size:100%; min-block-size:calc(var(--brick-number-input-height) - 2 * var(--brick-border-width)); padding:0 var(--brick-space-3); border:0; outline:0; background:transparent; color:inherit; font:inherit; }\n .brick-number-input-step { display:grid; grid-column:2; place-items:center; padding:0; border:0; border-inline-start:var(--brick-border-width) solid var(--brick-number-input-border); background:transparent; color:var(--brick-color-text-secondary); cursor:pointer; }\n .brick-number-input-increment { grid-row:1; } .brick-number-input-decrement { grid-row:2; }\n .brick-number-input-step + .brick-number-input-step { border-block-start:var(--brick-border-width) solid var(--brick-number-input-border); }\n .brick-number-input-step-artwork { inline-size:1rem; block-size:1rem; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.75; }\n .brick-number-input:focus-within { border-color:var(--brick-color-focus-ring); box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-color-focus-ring); }\n .brick-number-input:has(.brick-number-input-control[data-invalid]) { border-color:var(--brick-color-danger-text); }\n .brick-number-input:has(.brick-number-input-control[data-disabled]) { background:var(--brick-color-surface-subtle); color:var(--brick-color-text-secondary); opacity:.72; }\n .brick-number-input-step:disabled { cursor:not-allowed; opacity:.5; }\n @media (hover:hover) and (pointer:fine) { .brick-number-input-step:not(:disabled):hover { background:var(--brick-color-accent-soft); color:var(--brick-color-text-primary); } }\n @media (pointer:coarse) {\n .brick-number-input:is([data-size=\"sm\"], [data-size=\"md\"]) { --brick-number-input-height:3.125rem; }\n }\n @media (forced-colors:active) { .brick-number-input { border-color:ButtonText; background:Canvas; color:CanvasText; } .brick-number-input:focus-within { border-color:Highlight; box-shadow:0 0 0 var(--brick-border-focus-width) Highlight; } }\n}\n"],"names":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer brick.tokens,brick.foundations;@layer brick.components{.brick-otp-field{--brick-otp-size:var(--brick-control-min-block-size-md);--brick-otp-radius:var(--brick-radius-control);align-items:center;gap:var(--brick-space-2);flex-wrap:wrap;display:flex}.brick-otp-field[data-size=sm]{--brick-otp-size:var(--brick-control-min-block-size-sm)}.brick-otp-field[data-size=lg]{--brick-otp-size:var(--brick-control-min-block-size-lg)}.brick-otp-field[data-shape=sharp]{--brick-otp-radius:0}.brick-otp-field-group{gap:var(--brick-space-2);display:inline-flex}.brick-otp-field[data-layout=attached] .brick-otp-field-group{gap:0}.brick-otp-field-input{box-sizing:border-box;inline-size:var(--brick-otp-size);block-size:var(--brick-otp-size);border:var(--brick-border-width) solid var(--brick-color-border-strong);border-radius:var(--brick-otp-radius);background:var(--brick-color-surface-raised);color:var(--brick-color-text-primary);font:inherit;text-align:center;outline:0;padding:0}.brick-otp-field[data-variant=soft] .brick-otp-field-input{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle)}.brick-otp-field[data-variant=underline] .brick-otp-field-input{block-size:var(--brick-otp-size);border-width:0 0 var(--brick-border-width);background:0 0;border-radius:0}.brick-otp-field[data-layout=attached] .brick-otp-field-input{border-radius:0;margin-inline-start:calc(-1 * var(--brick-border-width))}.brick-otp-field[data-layout=attached] .brick-otp-field-input:first-child{border-start-start-radius:var(--brick-otp-radius);border-end-start-radius:var(--brick-otp-radius);margin-inline-start:0}.brick-otp-field[data-layout=attached] .brick-otp-field-input:last-child{border-start-end-radius:var(--brick-otp-radius);border-end-end-radius:var(--brick-otp-radius)}.brick-otp-field-input:focus{z-index:1;border-color:var(--brick-color-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-color-focus-ring);position:relative}.brick-otp-field-input[data-invalid]{border-color:var(--brick-color-danger-text)}.brick-otp-field-input[data-disabled]{background:var(--brick-color-surface-subtle);opacity:.72;cursor:not-allowed}.brick-otp-field-separator{color:var(--brick-color-text-secondary)}@media (forced-colors:active){.brick-otp-field-input{color:canvastext;background:canvas;border-color:buttontext}.brick-otp-field-input:focus{box-shadow:0 0 0 var(--brick-border-focus-width) Highlight;border-color:highlight}}}@layer brick.effects;
|
|
1
|
+
@layer brick.tokens,brick.foundations;@layer brick.components{.brick-otp-field{--brick-otp-size:var(--brick-control-min-block-size-md);--brick-otp-radius:var(--brick-radius-control);align-items:center;gap:var(--brick-space-2);flex-wrap:wrap;display:flex}.brick-otp-field[data-size=sm]{--brick-otp-size:var(--brick-control-min-block-size-sm)}.brick-otp-field[data-size=lg]{--brick-otp-size:var(--brick-control-min-block-size-lg)}.brick-otp-field[data-shape=sharp]{--brick-otp-radius:0}.brick-otp-field-group{gap:var(--brick-space-2);display:inline-flex}.brick-otp-field[data-layout=attached] .brick-otp-field-group{gap:0}.brick-otp-field-input{box-sizing:border-box;inline-size:var(--brick-otp-size);block-size:var(--brick-otp-size);border:var(--brick-border-width) solid var(--brick-color-border-strong);border-radius:var(--brick-otp-radius);background:var(--brick-color-surface-raised);color:var(--brick-color-text-primary);font:inherit;text-align:center;outline:0;padding:0}.brick-otp-field[data-variant=soft] .brick-otp-field-input{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle)}.brick-otp-field[data-variant=underline] .brick-otp-field-input{block-size:var(--brick-otp-size);border-width:0 0 var(--brick-border-width);background:0 0;border-radius:0}.brick-otp-field[data-layout=attached] .brick-otp-field-input{border-radius:0;margin-inline-start:calc(-1 * var(--brick-border-width))}.brick-otp-field[data-layout=attached] .brick-otp-field-input:first-child{border-start-start-radius:var(--brick-otp-radius);border-end-start-radius:var(--brick-otp-radius);margin-inline-start:0}.brick-otp-field[data-layout=attached] .brick-otp-field-input:last-child{border-start-end-radius:var(--brick-otp-radius);border-end-end-radius:var(--brick-otp-radius)}.brick-otp-field-input:focus{z-index:1;border-color:var(--brick-color-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-color-focus-ring);position:relative}.brick-otp-field-input[data-invalid]{border-color:var(--brick-color-danger-text)}.brick-otp-field-input[data-disabled]{background:var(--brick-color-surface-subtle);opacity:.72;cursor:not-allowed}.brick-otp-field-separator{color:var(--brick-color-text-secondary)}@media (forced-colors:active){.brick-otp-field-input{color:canvastext;background:canvas;border-color:buttontext}.brick-otp-field-input:focus{box-shadow:0 0 0 var(--brick-border-focus-width) Highlight;border-color:highlight}}}@layer brick.utilities,brick.effects;
|
|
2
2
|
/*# sourceMappingURL=otp-field.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCC,gMACA,uFAA0F,uFAA0F,wDACpL,oEAAqE,oEACrE,oWACA,sJAAyJ,2KACzJ,uIAAyI,kMAAoM,uKAC7U,mLAAoL,iFAAkF,kHAAkH,mEACxX,8BAA6B,kFAAkF,iHDRhH","sources":["home/runner/work/brick/brick/.brick-cache/production/otp-field.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/otp-field/otp-field.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/otp-field/otp-field.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-otp-field{--brick-otp-size:var(--brick-control-min-block-size-md);--brick-otp-radius:var(--brick-radius-control);display:flex;flex-wrap:wrap;align-items:center;gap:var(--brick-space-2)}\n .brick-otp-field[data-size=\"sm\"]{--brick-otp-size:var(--brick-control-min-block-size-sm)} .brick-otp-field[data-size=\"lg\"]{--brick-otp-size:var(--brick-control-min-block-size-lg)} .brick-otp-field[data-shape=\"sharp\"]{--brick-otp-radius:0}\n .brick-otp-field-group{display:inline-flex;gap:var(--brick-space-2)} .brick-otp-field[data-layout=\"attached\"] .brick-otp-field-group{gap:0}\n .brick-otp-field-input{box-sizing:border-box;inline-size:var(--brick-otp-size);block-size:var(--brick-otp-size);padding:0;border:var(--brick-border-width) solid var(--brick-color-border-strong);border-radius:var(--brick-otp-radius);outline:0;background:var(--brick-color-surface-raised);color:var(--brick-color-text-primary);font:inherit;text-align:center}\n .brick-otp-field[data-variant=\"soft\"] .brick-otp-field-input{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle)} .brick-otp-field[data-variant=\"underline\"] .brick-otp-field-input{block-size:var(--brick-otp-size);border-width:0 0 var(--brick-border-width);border-radius:0;background:transparent}\n .brick-otp-field[data-layout=\"attached\"] .brick-otp-field-input{border-radius:0;margin-inline-start:calc(-1 * var(--brick-border-width))}.brick-otp-field[data-layout=\"attached\"] .brick-otp-field-input:first-child{margin-inline-start:0;border-start-start-radius:var(--brick-otp-radius);border-end-start-radius:var(--brick-otp-radius)}.brick-otp-field[data-layout=\"attached\"] .brick-otp-field-input:last-child{border-start-end-radius:var(--brick-otp-radius);border-end-end-radius:var(--brick-otp-radius)}\n .brick-otp-field-input:focus{position:relative;z-index:1;border-color:var(--brick-color-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-color-focus-ring)} .brick-otp-field-input[data-invalid]{border-color:var(--brick-color-danger-text)} .brick-otp-field-input[data-disabled]{background:var(--brick-color-surface-subtle);opacity:.72;cursor:not-allowed}.brick-otp-field-separator{color:var(--brick-color-text-secondary)}\n @media(forced-colors:active){.brick-otp-field-input{border-color:ButtonText;background:Canvas;color:CanvasText}.brick-otp-field-input:focus{border-color:Highlight;box-shadow:0 0 0 var(--brick-border-focus-width) Highlight}}\n}\n"],"names":[]}
|
|
1
|
+
{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCC,gMACA,uFAA0F,uFAA0F,wDACpL,oEAAqE,oEACrE,oWACA,sJAAyJ,2KACzJ,uIAAyI,kMAAoM,uKAC7U,mLAAoL,iFAAkF,kHAAkH,mEACxX,8BAA6B,kFAAkF,iHDRhH","sources":["home/runner/work/brick/brick/.brick-cache/production/otp-field.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/otp-field/otp-field.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/otp-field/otp-field.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-otp-field{--brick-otp-size:var(--brick-control-min-block-size-md);--brick-otp-radius:var(--brick-radius-control);display:flex;flex-wrap:wrap;align-items:center;gap:var(--brick-space-2)}\n .brick-otp-field[data-size=\"sm\"]{--brick-otp-size:var(--brick-control-min-block-size-sm)} .brick-otp-field[data-size=\"lg\"]{--brick-otp-size:var(--brick-control-min-block-size-lg)} .brick-otp-field[data-shape=\"sharp\"]{--brick-otp-radius:0}\n .brick-otp-field-group{display:inline-flex;gap:var(--brick-space-2)} .brick-otp-field[data-layout=\"attached\"] .brick-otp-field-group{gap:0}\n .brick-otp-field-input{box-sizing:border-box;inline-size:var(--brick-otp-size);block-size:var(--brick-otp-size);padding:0;border:var(--brick-border-width) solid var(--brick-color-border-strong);border-radius:var(--brick-otp-radius);outline:0;background:var(--brick-color-surface-raised);color:var(--brick-color-text-primary);font:inherit;text-align:center}\n .brick-otp-field[data-variant=\"soft\"] .brick-otp-field-input{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle)} .brick-otp-field[data-variant=\"underline\"] .brick-otp-field-input{block-size:var(--brick-otp-size);border-width:0 0 var(--brick-border-width);border-radius:0;background:transparent}\n .brick-otp-field[data-layout=\"attached\"] .brick-otp-field-input{border-radius:0;margin-inline-start:calc(-1 * var(--brick-border-width))}.brick-otp-field[data-layout=\"attached\"] .brick-otp-field-input:first-child{margin-inline-start:0;border-start-start-radius:var(--brick-otp-radius);border-end-start-radius:var(--brick-otp-radius)}.brick-otp-field[data-layout=\"attached\"] .brick-otp-field-input:last-child{border-start-end-radius:var(--brick-otp-radius);border-end-end-radius:var(--brick-otp-radius)}\n .brick-otp-field-input:focus{position:relative;z-index:1;border-color:var(--brick-color-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-color-focus-ring)} .brick-otp-field-input[data-invalid]{border-color:var(--brick-color-danger-text)} .brick-otp-field-input[data-disabled]{background:var(--brick-color-surface-subtle);opacity:.72;cursor:not-allowed}.brick-otp-field-separator{color:var(--brick-color-text-secondary)}\n @media(forced-colors:active){.brick-otp-field-input{border-color:ButtonText;background:Canvas;color:CanvasText}.brick-otp-field-input:focus{border-color:Highlight;box-shadow:0 0 0 var(--brick-border-focus-width) Highlight}}\n}\n"],"names":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer brick.tokens,brick.foundations;@layer brick.components{.brick-icon{--brick-icon-size-2xs:.75rem;--brick-icon-size-xs:1rem;--brick-icon-size-sm:1.25rem;--brick-icon-size-md:1.5rem;--brick-icon-size-lg:2rem;--brick-icon-size-xl:2.5rem;--brick-icon-size:var(--brick-icon-size-md);--brick-icon-color:currentcolor;--brick-icon-vertical-align:middle;--brick-icon-direction-scale:1;box-sizing:border-box;flex:0 0 var(--brick-icon-size);inline-size:var(--brick-icon-size);block-size:var(--brick-icon-size);vertical-align:var(--brick-icon-vertical-align);color:var(--brick-icon-color);transform:scaleX(var(--brick-icon-direction-scale));justify-content:center;align-items:center;display:inline-flex}.brick-icon>svg{block-size:100%;inline-size:100%;display:block}svg.brick-icon{display:block}.brick-icon[data-size="2xs"]{--brick-icon-size:var(--brick-icon-size-2xs)}.brick-icon[data-size=xs]{--brick-icon-size:var(--brick-icon-size-xs)}.brick-icon[data-size=sm]{--brick-icon-size:var(--brick-icon-size-sm)}.brick-icon[data-size=lg]{--brick-icon-size:var(--brick-icon-size-lg)}.brick-icon[data-size=xl]{--brick-icon-size:var(--brick-icon-size-xl)}.brick-icon[data-tone=primary]{--brick-icon-color:var(--brick-color-text-primary)}.brick-icon[data-tone=secondary]{--brick-icon-color:var(--brick-color-text-secondary)}.brick-icon[data-tone=muted]{--brick-icon-color:var(--brick-color-text-muted)}.brick-icon[data-tone=accent]{--brick-icon-color:var(--brick-color-accent-text)}.brick-icon[data-tone=info]{--brick-icon-color:var(--brick-color-info-text)}.brick-icon[data-tone=success]{--brick-icon-color:var(--brick-color-success-text)}.brick-icon[data-tone=warning]{--brick-icon-color:var(--brick-color-warning-text)}.brick-icon[data-tone=danger]{--brick-icon-color:var(--brick-color-danger-text)}[dir=rtl] .brick-icon[data-directional]{--brick-icon-direction-scale:-1}@media (forced-colors:active){.brick-icon:not([data-tone=inherit]){--brick-icon-color:CanvasText}}.brick-pagination{--brick-pagination-root-background:transparent;--brick-pagination-root-border-color:var(--brick-color-border-subtle);--brick-pagination-root-radius:var(--brick-radius-md);--brick-pagination-root-padding:0;--brick-pagination-list-gap:var(--brick-space-1);--brick-pagination-list-overflow-padding:var(--brick-space-1);--brick-pagination-control-min-size:2.5rem;--brick-pagination-control-inline-padding:var(--brick-space-2);--brick-pagination-control-radius:var(--brick-radius-sm);--brick-pagination-control-foreground:var(--brick-color-text-secondary);--brick-pagination-control-background:transparent;--brick-pagination-control-border-color:transparent;--brick-pagination-control-hover-background:var(--brick-color-surface-subtle);--brick-pagination-control-pressed-background:var(--brick-color-surface-strong);--brick-pagination-current-background:var(--brick-color-accent-solid);--brick-pagination-current-foreground:var(--brick-color-accent-on-solid);--brick-pagination-current-border-color:var(--brick-color-accent-solid);--brick-pagination-disabled-foreground:var(--brick-color-text-disabled);--brick-pagination-focus-ring:var(--brick-color-focus-ring);--brick-pagination-ellipsis-foreground:var(--brick-color-text-muted);--brick-pagination-icon-size:1rem;--brick-pagination-transition-duration:var(--brick-motion-duration-fast);--brick-pagination-font-family:var(--brick-typography-label-md-font-family);--brick-pagination-font-size:var(--brick-typography-label-md-font-size);--brick-pagination-font-weight:var(--brick-typography-label-md-font-weight);--brick-pagination-line-height:var(--brick-typography-label-md-line-height);--brick-pagination-letter-spacing:var(--brick-typography-label-md-letter-spacing);box-sizing:border-box;max-inline-size:100%;padding:var(--brick-pagination-root-padding);border-radius:var(--brick-pagination-root-radius);background:var(--brick-pagination-root-background);border:1px solid #0000;display:inline-block}.brick-pagination[data-variant=soft]{--brick-pagination-root-background:var(--brick-color-surface-subtle);--brick-pagination-root-padding:var(--brick-space-1)}.brick-pagination[data-variant=outline]{--brick-pagination-root-background:var(--brick-color-surface);--brick-pagination-root-padding:var(--brick-space-1);border-color:var(--brick-pagination-root-border-color)}.brick-pagination[data-size=sm]{--brick-pagination-control-min-size:2rem;--brick-pagination-control-inline-padding:var(--brick-space-1);--brick-pagination-font-family:var(--brick-typography-label-sm-font-family);--brick-pagination-font-size:var(--brick-typography-label-sm-font-size);--brick-pagination-font-weight:var(--brick-typography-label-sm-font-weight);--brick-pagination-line-height:var(--brick-typography-label-sm-line-height);--brick-pagination-letter-spacing:var(--brick-typography-label-sm-letter-spacing)}.brick-pagination[data-size=lg]{--brick-pagination-control-min-size:3rem;--brick-pagination-control-inline-padding:var(--brick-space-3);--brick-pagination-font-family:var(--brick-typography-label-lg-font-family);--brick-pagination-font-size:var(--brick-typography-label-lg-font-size);--brick-pagination-font-weight:var(--brick-typography-label-lg-font-weight);--brick-pagination-line-height:var(--brick-typography-label-lg-line-height);--brick-pagination-letter-spacing:var(--brick-typography-label-lg-letter-spacing)}.brick-pagination__list{box-sizing:border-box;align-items:center;gap:var(--brick-pagination-list-gap);max-inline-size:100%;padding:var(--brick-pagination-list-overflow-padding);scrollbar-width:thin;margin:0;list-style:none;display:flex;overflow:auto hidden}.brick-pagination__list>[data-slot=pagination-list-item]{flex:none;margin:0;padding:0;display:inline-flex}.brick-pagination__previous,.brick-pagination__item,.brick-pagination__next,.brick-pagination__ellipsis{box-sizing:border-box;min-inline-size:var(--brick-pagination-control-min-size);min-block-size:var(--brick-pagination-control-min-size);padding-inline:var(--brick-pagination-control-inline-padding);border:1px solid var(--brick-pagination-control-border-color);border-radius:var(--brick-pagination-control-radius);font-family:var(--brick-pagination-font-family);font-size:var(--brick-pagination-font-size);font-weight:var(--brick-pagination-font-weight);letter-spacing:var(--brick-pagination-letter-spacing);line-height:var(--brick-pagination-line-height);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.brick-pagination__previous,.brick-pagination__item,.brick-pagination__next{color:var(--brick-pagination-control-foreground);background:var(--brick-pagination-control-background);cursor:pointer;touch-action:manipulation;transition:color var(--brick-pagination-transition-duration), background-color var(--brick-pagination-transition-duration), border-color var(--brick-pagination-transition-duration)}.brick-pagination__previous:hover:not(:disabled),.brick-pagination__item:hover:not(:disabled),.brick-pagination__next:hover:not(:disabled){background:var(--brick-pagination-control-hover-background)}.brick-pagination__previous:active:not(:disabled),.brick-pagination__item:active:not(:disabled),.brick-pagination__next:active:not(:disabled){background:var(--brick-pagination-control-pressed-background)}.brick-pagination__item[aria-current=page]{color:var(--brick-pagination-current-foreground);border-color:var(--brick-pagination-current-border-color);background:var(--brick-pagination-current-background)}.brick-pagination__previous:focus-visible,.brick-pagination__item:focus-visible,.brick-pagination__next:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-pagination-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-pagination__previous:disabled,.brick-pagination__item:disabled,.brick-pagination__next:disabled{color:var(--brick-pagination-disabled-foreground);cursor:not-allowed}.brick-pagination__ellipsis{color:var(--brick-pagination-ellipsis-foreground);-webkit-user-select:none;user-select:none}.brick-pagination__icon{inline-size:var(--brick-pagination-icon-size);block-size:var(--brick-pagination-icon-size)}@media (prefers-reduced-motion:reduce){.brick-pagination__previous,.brick-pagination__item,.brick-pagination__next{transition-duration:0s}}@media (forced-colors:active){.brick-pagination__item[aria-current=page]{color:highlighttext;background:highlight;border-color:highlight}.brick-pagination__previous:focus-visible,.brick-pagination__item:focus-visible,.brick-pagination__next:focus-visible{outline-color:highlight}.brick-pagination__previous:disabled,.brick-pagination__item:disabled,.brick-pagination__next:disabled{color:graytext}}}@layer brick.effects;
|
|
1
|
+
@layer brick.tokens,brick.foundations;@layer brick.components{.brick-icon{--brick-icon-size-2xs:.75rem;--brick-icon-size-xs:1rem;--brick-icon-size-sm:1.25rem;--brick-icon-size-md:1.5rem;--brick-icon-size-lg:2rem;--brick-icon-size-xl:2.5rem;--brick-icon-size:var(--brick-icon-size-md);--brick-icon-color:currentcolor;--brick-icon-vertical-align:middle;--brick-icon-direction-scale:1;box-sizing:border-box;flex:0 0 var(--brick-icon-size);inline-size:var(--brick-icon-size);block-size:var(--brick-icon-size);vertical-align:var(--brick-icon-vertical-align);color:var(--brick-icon-color);transform:scaleX(var(--brick-icon-direction-scale));justify-content:center;align-items:center;display:inline-flex}.brick-icon>svg{block-size:100%;inline-size:100%;display:block}svg.brick-icon{display:block}.brick-icon[data-size="2xs"]{--brick-icon-size:var(--brick-icon-size-2xs)}.brick-icon[data-size=xs]{--brick-icon-size:var(--brick-icon-size-xs)}.brick-icon[data-size=sm]{--brick-icon-size:var(--brick-icon-size-sm)}.brick-icon[data-size=lg]{--brick-icon-size:var(--brick-icon-size-lg)}.brick-icon[data-size=xl]{--brick-icon-size:var(--brick-icon-size-xl)}.brick-icon[data-tone=primary]{--brick-icon-color:var(--brick-color-text-primary)}.brick-icon[data-tone=secondary]{--brick-icon-color:var(--brick-color-text-secondary)}.brick-icon[data-tone=muted]{--brick-icon-color:var(--brick-color-text-muted)}.brick-icon[data-tone=accent]{--brick-icon-color:var(--brick-color-accent-text)}.brick-icon[data-tone=info]{--brick-icon-color:var(--brick-color-info-text)}.brick-icon[data-tone=success]{--brick-icon-color:var(--brick-color-success-text)}.brick-icon[data-tone=warning]{--brick-icon-color:var(--brick-color-warning-text)}.brick-icon[data-tone=danger]{--brick-icon-color:var(--brick-color-danger-text)}[dir=rtl] .brick-icon[data-directional]{--brick-icon-direction-scale:-1}@media (forced-colors:active){.brick-icon:not([data-tone=inherit]){--brick-icon-color:CanvasText}}.brick-pagination{--brick-pagination-root-background:transparent;--brick-pagination-root-border-color:var(--brick-color-border-subtle);--brick-pagination-root-radius:var(--brick-radius-md);--brick-pagination-root-padding:0;--brick-pagination-list-gap:var(--brick-space-1);--brick-pagination-list-overflow-padding:var(--brick-space-1);--brick-pagination-control-min-size:2.5rem;--brick-pagination-control-inline-padding:var(--brick-space-2);--brick-pagination-control-radius:var(--brick-radius-sm);--brick-pagination-control-foreground:var(--brick-color-text-secondary);--brick-pagination-control-background:transparent;--brick-pagination-control-border-color:transparent;--brick-pagination-control-hover-background:var(--brick-color-surface-subtle);--brick-pagination-control-pressed-background:var(--brick-color-surface-strong);--brick-pagination-current-background:var(--brick-color-accent-solid);--brick-pagination-current-foreground:var(--brick-color-accent-on-solid);--brick-pagination-current-border-color:var(--brick-color-accent-solid);--brick-pagination-disabled-foreground:var(--brick-color-text-disabled);--brick-pagination-focus-ring:var(--brick-color-focus-ring);--brick-pagination-ellipsis-foreground:var(--brick-color-text-muted);--brick-pagination-icon-size:1rem;--brick-pagination-transition-duration:var(--brick-motion-duration-fast);--brick-pagination-font-family:var(--brick-typography-label-md-font-family);--brick-pagination-font-size:var(--brick-typography-label-md-font-size);--brick-pagination-font-weight:var(--brick-typography-label-md-font-weight);--brick-pagination-line-height:var(--brick-typography-label-md-line-height);--brick-pagination-letter-spacing:var(--brick-typography-label-md-letter-spacing);box-sizing:border-box;max-inline-size:100%;padding:var(--brick-pagination-root-padding);border-radius:var(--brick-pagination-root-radius);background:var(--brick-pagination-root-background);border:1px solid #0000;display:inline-block}.brick-pagination[data-variant=soft]{--brick-pagination-root-background:var(--brick-color-surface-subtle);--brick-pagination-root-padding:var(--brick-space-1)}.brick-pagination[data-variant=outline]{--brick-pagination-root-background:var(--brick-color-surface);--brick-pagination-root-padding:var(--brick-space-1);border-color:var(--brick-pagination-root-border-color)}.brick-pagination[data-size=sm]{--brick-pagination-control-min-size:2rem;--brick-pagination-control-inline-padding:var(--brick-space-1);--brick-pagination-font-family:var(--brick-typography-label-sm-font-family);--brick-pagination-font-size:var(--brick-typography-label-sm-font-size);--brick-pagination-font-weight:var(--brick-typography-label-sm-font-weight);--brick-pagination-line-height:var(--brick-typography-label-sm-line-height);--brick-pagination-letter-spacing:var(--brick-typography-label-sm-letter-spacing)}.brick-pagination[data-size=lg]{--brick-pagination-control-min-size:3rem;--brick-pagination-control-inline-padding:var(--brick-space-3);--brick-pagination-font-family:var(--brick-typography-label-lg-font-family);--brick-pagination-font-size:var(--brick-typography-label-lg-font-size);--brick-pagination-font-weight:var(--brick-typography-label-lg-font-weight);--brick-pagination-line-height:var(--brick-typography-label-lg-line-height);--brick-pagination-letter-spacing:var(--brick-typography-label-lg-letter-spacing)}.brick-pagination__list{box-sizing:border-box;align-items:center;gap:var(--brick-pagination-list-gap);max-inline-size:100%;padding:var(--brick-pagination-list-overflow-padding);scrollbar-width:thin;margin:0;list-style:none;display:flex;overflow:auto hidden}.brick-pagination__list>[data-slot=pagination-list-item]{flex:none;margin:0;padding:0;display:inline-flex}.brick-pagination__previous,.brick-pagination__item,.brick-pagination__next,.brick-pagination__ellipsis{box-sizing:border-box;min-inline-size:var(--brick-pagination-control-min-size);min-block-size:var(--brick-pagination-control-min-size);padding-inline:var(--brick-pagination-control-inline-padding);border:1px solid var(--brick-pagination-control-border-color);border-radius:var(--brick-pagination-control-radius);font-family:var(--brick-pagination-font-family);font-size:var(--brick-pagination-font-size);font-weight:var(--brick-pagination-font-weight);letter-spacing:var(--brick-pagination-letter-spacing);line-height:var(--brick-pagination-line-height);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.brick-pagination__previous,.brick-pagination__item,.brick-pagination__next{color:var(--brick-pagination-control-foreground);background:var(--brick-pagination-control-background);cursor:pointer;touch-action:manipulation;transition:color var(--brick-pagination-transition-duration), background-color var(--brick-pagination-transition-duration), border-color var(--brick-pagination-transition-duration)}.brick-pagination__previous:hover:not(:disabled),.brick-pagination__item:hover:not(:disabled),.brick-pagination__next:hover:not(:disabled){background:var(--brick-pagination-control-hover-background)}.brick-pagination__previous:active:not(:disabled),.brick-pagination__item:active:not(:disabled),.brick-pagination__next:active:not(:disabled){background:var(--brick-pagination-control-pressed-background)}.brick-pagination__item[aria-current=page]{color:var(--brick-pagination-current-foreground);border-color:var(--brick-pagination-current-border-color);background:var(--brick-pagination-current-background)}.brick-pagination__previous:focus-visible,.brick-pagination__item:focus-visible,.brick-pagination__next:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-pagination-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-pagination__previous:disabled,.brick-pagination__item:disabled,.brick-pagination__next:disabled{color:var(--brick-pagination-disabled-foreground);cursor:not-allowed}.brick-pagination__ellipsis{color:var(--brick-pagination-ellipsis-foreground);-webkit-user-select:none;user-select:none}.brick-pagination__icon{inline-size:var(--brick-pagination-icon-size);block-size:var(--brick-pagination-icon-size)}@media (prefers-reduced-motion:reduce){.brick-pagination__previous,.brick-pagination__item,.brick-pagination__next{transition-duration:0s}}@media (forced-colors:active){.brick-pagination__item[aria-current=page]{color:highlighttext;background:highlight;border-color:highlight}.brick-pagination__previous:focus-visible,.brick-pagination__item:focus-visible,.brick-pagination__next:focus-visible{outline-color:highlight}.brick-pagination__previous:disabled,.brick-pagination__item:disabled,.brick-pagination__next:disabled{color:graytext}}}@layer brick.utilities,brick.effects;
|
|
2
2
|
/*# sourceMappingURL=pagination.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,2nBAwBA,+DAMA,6BAIA,0EACA,sEACA,sEACA,sEACA,sEAEA,kFACA,sFACA,8EACA,gFACA,4EACA,kFACA,kFACA,gFAEA,wEAIA,8BACE,oECtDF,+6DAsCA,+JAKA,kNAMA,sgBAUA,sgBAUA,iQAcA,0GAOA,muBAqBA,iZAUA,uMAIA,4MAIA,4MAMA,uPAOA,4KAOA,wHACA,mHAEA,uCACE,oGAKF,8BACE,2GACA,8IAGA,wHFpKJ","sources":["home/runner/work/brick/brick/.brick-cache/production/pagination.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/icon/icon.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/pagination/pagination.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/icon/icon.css\";\n@import \"../../src/components/pagination/pagination.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-icon {\n --brick-icon-size-2xs: 0.75rem;\n --brick-icon-size-xs: 1rem;\n --brick-icon-size-sm: 1.25rem;\n --brick-icon-size-md: 1.5rem;\n --brick-icon-size-lg: 2rem;\n --brick-icon-size-xl: 2.5rem;\n --brick-icon-size: var(--brick-icon-size-md);\n --brick-icon-color: currentcolor;\n --brick-icon-vertical-align: middle;\n --brick-icon-direction-scale: 1;\n\n box-sizing: border-box;\n display: inline-flex;\n flex: 0 0 var(--brick-icon-size);\n inline-size: var(--brick-icon-size);\n block-size: var(--brick-icon-size);\n align-items: center;\n justify-content: center;\n vertical-align: var(--brick-icon-vertical-align);\n color: var(--brick-icon-color);\n transform: scaleX(var(--brick-icon-direction-scale));\n }\n\n .brick-icon > svg {\n display: block;\n inline-size: 100%;\n block-size: 100%;\n }\n\n svg.brick-icon {\n display: block;\n }\n\n .brick-icon[data-size=\"2xs\"] { --brick-icon-size: var(--brick-icon-size-2xs); }\n .brick-icon[data-size=\"xs\"] { --brick-icon-size: var(--brick-icon-size-xs); }\n .brick-icon[data-size=\"sm\"] { --brick-icon-size: var(--brick-icon-size-sm); }\n .brick-icon[data-size=\"lg\"] { --brick-icon-size: var(--brick-icon-size-lg); }\n .brick-icon[data-size=\"xl\"] { --brick-icon-size: var(--brick-icon-size-xl); }\n\n .brick-icon[data-tone=\"primary\"] { --brick-icon-color: var(--brick-color-text-primary); }\n .brick-icon[data-tone=\"secondary\"] { --brick-icon-color: var(--brick-color-text-secondary); }\n .brick-icon[data-tone=\"muted\"] { --brick-icon-color: var(--brick-color-text-muted); }\n .brick-icon[data-tone=\"accent\"] { --brick-icon-color: var(--brick-color-accent-text); }\n .brick-icon[data-tone=\"info\"] { --brick-icon-color: var(--brick-color-info-text); }\n .brick-icon[data-tone=\"success\"] { --brick-icon-color: var(--brick-color-success-text); }\n .brick-icon[data-tone=\"warning\"] { --brick-icon-color: var(--brick-color-warning-text); }\n .brick-icon[data-tone=\"danger\"] { --brick-icon-color: var(--brick-color-danger-text); }\n\n [dir=\"rtl\"] .brick-icon[data-directional] {\n --brick-icon-direction-scale: -1;\n }\n\n @media (forced-colors: active) {\n .brick-icon:not([data-tone=\"inherit\"]) {\n --brick-icon-color: CanvasText;\n }\n }\n}\n","@layer brick.components {\n .brick-pagination {\n --brick-pagination-root-background: transparent;\n --brick-pagination-root-border-color: var(--brick-color-border-subtle);\n --brick-pagination-root-radius: var(--brick-radius-md);\n --brick-pagination-root-padding: 0;\n --brick-pagination-list-gap: var(--brick-space-1);\n --brick-pagination-list-overflow-padding: var(--brick-space-1);\n --brick-pagination-control-min-size: 2.5rem;\n --brick-pagination-control-inline-padding: var(--brick-space-2);\n --brick-pagination-control-radius: var(--brick-radius-sm);\n --brick-pagination-control-foreground: var(--brick-color-text-secondary);\n --brick-pagination-control-background: transparent;\n --brick-pagination-control-border-color: transparent;\n --brick-pagination-control-hover-background: var(--brick-color-surface-subtle);\n --brick-pagination-control-pressed-background: var(--brick-color-surface-strong);\n --brick-pagination-current-background: var(--brick-color-accent-solid);\n --brick-pagination-current-foreground: var(--brick-color-accent-on-solid);\n --brick-pagination-current-border-color: var(--brick-color-accent-solid);\n --brick-pagination-disabled-foreground: var(--brick-color-text-disabled);\n --brick-pagination-focus-ring: var(--brick-color-focus-ring);\n --brick-pagination-ellipsis-foreground: var(--brick-color-text-muted);\n --brick-pagination-icon-size: 1rem;\n --brick-pagination-transition-duration: var(--brick-motion-duration-fast);\n --brick-pagination-font-family: var(--brick-typography-label-md-font-family);\n --brick-pagination-font-size: var(--brick-typography-label-md-font-size);\n --brick-pagination-font-weight: var(--brick-typography-label-md-font-weight);\n --brick-pagination-line-height: var(--brick-typography-label-md-line-height);\n --brick-pagination-letter-spacing: var(--brick-typography-label-md-letter-spacing);\n\n display: inline-block;\n box-sizing: border-box;\n max-inline-size: 100%;\n padding: var(--brick-pagination-root-padding);\n border: 1px solid transparent;\n border-radius: var(--brick-pagination-root-radius);\n background: var(--brick-pagination-root-background);\n }\n\n .brick-pagination[data-variant=\"soft\"] {\n --brick-pagination-root-background: var(--brick-color-surface-subtle);\n --brick-pagination-root-padding: var(--brick-space-1);\n }\n\n .brick-pagination[data-variant=\"outline\"] {\n --brick-pagination-root-background: var(--brick-color-surface);\n --brick-pagination-root-padding: var(--brick-space-1);\n border-color: var(--brick-pagination-root-border-color);\n }\n\n .brick-pagination[data-size=\"sm\"] {\n --brick-pagination-control-min-size: 2rem;\n --brick-pagination-control-inline-padding: var(--brick-space-1);\n --brick-pagination-font-family: var(--brick-typography-label-sm-font-family);\n --brick-pagination-font-size: var(--brick-typography-label-sm-font-size);\n --brick-pagination-font-weight: var(--brick-typography-label-sm-font-weight);\n --brick-pagination-line-height: var(--brick-typography-label-sm-line-height);\n --brick-pagination-letter-spacing: var(--brick-typography-label-sm-letter-spacing);\n }\n\n .brick-pagination[data-size=\"lg\"] {\n --brick-pagination-control-min-size: 3rem;\n --brick-pagination-control-inline-padding: var(--brick-space-3);\n --brick-pagination-font-family: var(--brick-typography-label-lg-font-family);\n --brick-pagination-font-size: var(--brick-typography-label-lg-font-size);\n --brick-pagination-font-weight: var(--brick-typography-label-lg-font-weight);\n --brick-pagination-line-height: var(--brick-typography-label-lg-line-height);\n --brick-pagination-letter-spacing: var(--brick-typography-label-lg-letter-spacing);\n }\n\n .brick-pagination__list {\n display: flex;\n box-sizing: border-box;\n max-inline-size: 100%;\n align-items: center;\n gap: var(--brick-pagination-list-gap);\n margin: 0;\n padding: var(--brick-pagination-list-overflow-padding);\n overflow-x: auto;\n overflow-y: hidden;\n list-style: none;\n scrollbar-width: thin;\n }\n\n .brick-pagination__list > [data-slot=\"pagination-list-item\"] {\n display: inline-flex;\n flex: 0 0 auto;\n margin: 0;\n padding: 0;\n }\n\n .brick-pagination__previous,\n .brick-pagination__item,\n .brick-pagination__next,\n .brick-pagination__ellipsis {\n display: inline-flex;\n box-sizing: border-box;\n min-inline-size: var(--brick-pagination-control-min-size);\n min-block-size: var(--brick-pagination-control-min-size);\n align-items: center;\n justify-content: center;\n padding-inline: var(--brick-pagination-control-inline-padding);\n border: 1px solid var(--brick-pagination-control-border-color);\n border-radius: var(--brick-pagination-control-radius);\n font-family: var(--brick-pagination-font-family);\n font-size: var(--brick-pagination-font-size);\n font-weight: var(--brick-pagination-font-weight);\n letter-spacing: var(--brick-pagination-letter-spacing);\n line-height: var(--brick-pagination-line-height);\n white-space: nowrap;\n }\n\n .brick-pagination__previous,\n .brick-pagination__item,\n .brick-pagination__next {\n color: var(--brick-pagination-control-foreground);\n background: var(--brick-pagination-control-background);\n cursor: pointer;\n touch-action: manipulation;\n transition: color var(--brick-pagination-transition-duration), background-color var(--brick-pagination-transition-duration), border-color var(--brick-pagination-transition-duration);\n }\n\n .brick-pagination__previous:hover:not(:disabled),\n .brick-pagination__item:hover:not(:disabled),\n .brick-pagination__next:hover:not(:disabled) { background: var(--brick-pagination-control-hover-background); }\n\n .brick-pagination__previous:active:not(:disabled),\n .brick-pagination__item:active:not(:disabled),\n .brick-pagination__next:active:not(:disabled) { background: var(--brick-pagination-control-pressed-background); }\n\n .brick-pagination__item[aria-current=\"page\"] {\n color: var(--brick-pagination-current-foreground);\n border-color: var(--brick-pagination-current-border-color);\n background: var(--brick-pagination-current-background);\n }\n\n .brick-pagination__previous:focus-visible,\n .brick-pagination__item:focus-visible,\n .brick-pagination__next:focus-visible {\n outline: var(--brick-border-focus-width) solid var(--brick-pagination-focus-ring);\n outline-offset: var(--brick-border-focus-offset);\n }\n\n .brick-pagination__previous:disabled,\n .brick-pagination__item:disabled,\n .brick-pagination__next:disabled {\n color: var(--brick-pagination-disabled-foreground);\n cursor: not-allowed;\n }\n\n .brick-pagination__ellipsis { color: var(--brick-pagination-ellipsis-foreground); user-select: none; }\n .brick-pagination__icon { inline-size: var(--brick-pagination-icon-size); block-size: var(--brick-pagination-icon-size); }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-pagination__previous,\n .brick-pagination__item,\n .brick-pagination__next { transition-duration: 0s; }\n }\n\n @media (forced-colors: active) {\n .brick-pagination__item[aria-current=\"page\"] { color: HighlightText; border-color: Highlight; background: Highlight; }\n .brick-pagination__previous:focus-visible,\n .brick-pagination__item:focus-visible,\n .brick-pagination__next:focus-visible { outline-color: Highlight; }\n .brick-pagination__previous:disabled,\n .brick-pagination__item:disabled,\n .brick-pagination__next:disabled { color: GrayText; }\n }\n}\n"],"names":[]}
|
|
1
|
+
{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,2nBAwBA,+DAMA,6BAIA,0EACA,sEACA,sEACA,sEACA,sEAEA,kFACA,sFACA,8EACA,gFACA,4EACA,kFACA,kFACA,gFAEA,wEAIA,8BACE,oECtDF,+6DAsCA,+JAKA,kNAMA,sgBAUA,sgBAUA,iQAcA,0GAOA,muBAqBA,iZAUA,uMAIA,4MAIA,4MAMA,uPAOA,4KAOA,wHACA,mHAEA,uCACE,oGAKF,8BACE,2GACA,8IAGA,wHFpKJ","sources":["home/runner/work/brick/brick/.brick-cache/production/pagination.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/icon/icon.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/pagination/pagination.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/icon/icon.css\";\n@import \"../../src/components/pagination/pagination.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-icon {\n --brick-icon-size-2xs: 0.75rem;\n --brick-icon-size-xs: 1rem;\n --brick-icon-size-sm: 1.25rem;\n --brick-icon-size-md: 1.5rem;\n --brick-icon-size-lg: 2rem;\n --brick-icon-size-xl: 2.5rem;\n --brick-icon-size: var(--brick-icon-size-md);\n --brick-icon-color: currentcolor;\n --brick-icon-vertical-align: middle;\n --brick-icon-direction-scale: 1;\n\n box-sizing: border-box;\n display: inline-flex;\n flex: 0 0 var(--brick-icon-size);\n inline-size: var(--brick-icon-size);\n block-size: var(--brick-icon-size);\n align-items: center;\n justify-content: center;\n vertical-align: var(--brick-icon-vertical-align);\n color: var(--brick-icon-color);\n transform: scaleX(var(--brick-icon-direction-scale));\n }\n\n .brick-icon > svg {\n display: block;\n inline-size: 100%;\n block-size: 100%;\n }\n\n svg.brick-icon {\n display: block;\n }\n\n .brick-icon[data-size=\"2xs\"] { --brick-icon-size: var(--brick-icon-size-2xs); }\n .brick-icon[data-size=\"xs\"] { --brick-icon-size: var(--brick-icon-size-xs); }\n .brick-icon[data-size=\"sm\"] { --brick-icon-size: var(--brick-icon-size-sm); }\n .brick-icon[data-size=\"lg\"] { --brick-icon-size: var(--brick-icon-size-lg); }\n .brick-icon[data-size=\"xl\"] { --brick-icon-size: var(--brick-icon-size-xl); }\n\n .brick-icon[data-tone=\"primary\"] { --brick-icon-color: var(--brick-color-text-primary); }\n .brick-icon[data-tone=\"secondary\"] { --brick-icon-color: var(--brick-color-text-secondary); }\n .brick-icon[data-tone=\"muted\"] { --brick-icon-color: var(--brick-color-text-muted); }\n .brick-icon[data-tone=\"accent\"] { --brick-icon-color: var(--brick-color-accent-text); }\n .brick-icon[data-tone=\"info\"] { --brick-icon-color: var(--brick-color-info-text); }\n .brick-icon[data-tone=\"success\"] { --brick-icon-color: var(--brick-color-success-text); }\n .brick-icon[data-tone=\"warning\"] { --brick-icon-color: var(--brick-color-warning-text); }\n .brick-icon[data-tone=\"danger\"] { --brick-icon-color: var(--brick-color-danger-text); }\n\n [dir=\"rtl\"] .brick-icon[data-directional] {\n --brick-icon-direction-scale: -1;\n }\n\n @media (forced-colors: active) {\n .brick-icon:not([data-tone=\"inherit\"]) {\n --brick-icon-color: CanvasText;\n }\n }\n}\n","@layer brick.components {\n .brick-pagination {\n --brick-pagination-root-background: transparent;\n --brick-pagination-root-border-color: var(--brick-color-border-subtle);\n --brick-pagination-root-radius: var(--brick-radius-md);\n --brick-pagination-root-padding: 0;\n --brick-pagination-list-gap: var(--brick-space-1);\n --brick-pagination-list-overflow-padding: var(--brick-space-1);\n --brick-pagination-control-min-size: 2.5rem;\n --brick-pagination-control-inline-padding: var(--brick-space-2);\n --brick-pagination-control-radius: var(--brick-radius-sm);\n --brick-pagination-control-foreground: var(--brick-color-text-secondary);\n --brick-pagination-control-background: transparent;\n --brick-pagination-control-border-color: transparent;\n --brick-pagination-control-hover-background: var(--brick-color-surface-subtle);\n --brick-pagination-control-pressed-background: var(--brick-color-surface-strong);\n --brick-pagination-current-background: var(--brick-color-accent-solid);\n --brick-pagination-current-foreground: var(--brick-color-accent-on-solid);\n --brick-pagination-current-border-color: var(--brick-color-accent-solid);\n --brick-pagination-disabled-foreground: var(--brick-color-text-disabled);\n --brick-pagination-focus-ring: var(--brick-color-focus-ring);\n --brick-pagination-ellipsis-foreground: var(--brick-color-text-muted);\n --brick-pagination-icon-size: 1rem;\n --brick-pagination-transition-duration: var(--brick-motion-duration-fast);\n --brick-pagination-font-family: var(--brick-typography-label-md-font-family);\n --brick-pagination-font-size: var(--brick-typography-label-md-font-size);\n --brick-pagination-font-weight: var(--brick-typography-label-md-font-weight);\n --brick-pagination-line-height: var(--brick-typography-label-md-line-height);\n --brick-pagination-letter-spacing: var(--brick-typography-label-md-letter-spacing);\n\n display: inline-block;\n box-sizing: border-box;\n max-inline-size: 100%;\n padding: var(--brick-pagination-root-padding);\n border: 1px solid transparent;\n border-radius: var(--brick-pagination-root-radius);\n background: var(--brick-pagination-root-background);\n }\n\n .brick-pagination[data-variant=\"soft\"] {\n --brick-pagination-root-background: var(--brick-color-surface-subtle);\n --brick-pagination-root-padding: var(--brick-space-1);\n }\n\n .brick-pagination[data-variant=\"outline\"] {\n --brick-pagination-root-background: var(--brick-color-surface);\n --brick-pagination-root-padding: var(--brick-space-1);\n border-color: var(--brick-pagination-root-border-color);\n }\n\n .brick-pagination[data-size=\"sm\"] {\n --brick-pagination-control-min-size: 2rem;\n --brick-pagination-control-inline-padding: var(--brick-space-1);\n --brick-pagination-font-family: var(--brick-typography-label-sm-font-family);\n --brick-pagination-font-size: var(--brick-typography-label-sm-font-size);\n --brick-pagination-font-weight: var(--brick-typography-label-sm-font-weight);\n --brick-pagination-line-height: var(--brick-typography-label-sm-line-height);\n --brick-pagination-letter-spacing: var(--brick-typography-label-sm-letter-spacing);\n }\n\n .brick-pagination[data-size=\"lg\"] {\n --brick-pagination-control-min-size: 3rem;\n --brick-pagination-control-inline-padding: var(--brick-space-3);\n --brick-pagination-font-family: var(--brick-typography-label-lg-font-family);\n --brick-pagination-font-size: var(--brick-typography-label-lg-font-size);\n --brick-pagination-font-weight: var(--brick-typography-label-lg-font-weight);\n --brick-pagination-line-height: var(--brick-typography-label-lg-line-height);\n --brick-pagination-letter-spacing: var(--brick-typography-label-lg-letter-spacing);\n }\n\n .brick-pagination__list {\n display: flex;\n box-sizing: border-box;\n max-inline-size: 100%;\n align-items: center;\n gap: var(--brick-pagination-list-gap);\n margin: 0;\n padding: var(--brick-pagination-list-overflow-padding);\n overflow-x: auto;\n overflow-y: hidden;\n list-style: none;\n scrollbar-width: thin;\n }\n\n .brick-pagination__list > [data-slot=\"pagination-list-item\"] {\n display: inline-flex;\n flex: 0 0 auto;\n margin: 0;\n padding: 0;\n }\n\n .brick-pagination__previous,\n .brick-pagination__item,\n .brick-pagination__next,\n .brick-pagination__ellipsis {\n display: inline-flex;\n box-sizing: border-box;\n min-inline-size: var(--brick-pagination-control-min-size);\n min-block-size: var(--brick-pagination-control-min-size);\n align-items: center;\n justify-content: center;\n padding-inline: var(--brick-pagination-control-inline-padding);\n border: 1px solid var(--brick-pagination-control-border-color);\n border-radius: var(--brick-pagination-control-radius);\n font-family: var(--brick-pagination-font-family);\n font-size: var(--brick-pagination-font-size);\n font-weight: var(--brick-pagination-font-weight);\n letter-spacing: var(--brick-pagination-letter-spacing);\n line-height: var(--brick-pagination-line-height);\n white-space: nowrap;\n }\n\n .brick-pagination__previous,\n .brick-pagination__item,\n .brick-pagination__next {\n color: var(--brick-pagination-control-foreground);\n background: var(--brick-pagination-control-background);\n cursor: pointer;\n touch-action: manipulation;\n transition: color var(--brick-pagination-transition-duration), background-color var(--brick-pagination-transition-duration), border-color var(--brick-pagination-transition-duration);\n }\n\n .brick-pagination__previous:hover:not(:disabled),\n .brick-pagination__item:hover:not(:disabled),\n .brick-pagination__next:hover:not(:disabled) { background: var(--brick-pagination-control-hover-background); }\n\n .brick-pagination__previous:active:not(:disabled),\n .brick-pagination__item:active:not(:disabled),\n .brick-pagination__next:active:not(:disabled) { background: var(--brick-pagination-control-pressed-background); }\n\n .brick-pagination__item[aria-current=\"page\"] {\n color: var(--brick-pagination-current-foreground);\n border-color: var(--brick-pagination-current-border-color);\n background: var(--brick-pagination-current-background);\n }\n\n .brick-pagination__previous:focus-visible,\n .brick-pagination__item:focus-visible,\n .brick-pagination__next:focus-visible {\n outline: var(--brick-border-focus-width) solid var(--brick-pagination-focus-ring);\n outline-offset: var(--brick-border-focus-offset);\n }\n\n .brick-pagination__previous:disabled,\n .brick-pagination__item:disabled,\n .brick-pagination__next:disabled {\n color: var(--brick-pagination-disabled-foreground);\n cursor: not-allowed;\n }\n\n .brick-pagination__ellipsis { color: var(--brick-pagination-ellipsis-foreground); user-select: none; }\n .brick-pagination__icon { inline-size: var(--brick-pagination-icon-size); block-size: var(--brick-pagination-icon-size); }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-pagination__previous,\n .brick-pagination__item,\n .brick-pagination__next { transition-duration: 0s; }\n }\n\n @media (forced-colors: active) {\n .brick-pagination__item[aria-current=\"page\"] { color: HighlightText; border-color: Highlight; background: Highlight; }\n .brick-pagination__previous:focus-visible,\n .brick-pagination__item:focus-visible,\n .brick-pagination__next:focus-visible { outline-color: Highlight; }\n .brick-pagination__previous:disabled,\n .brick-pagination__item:disabled,\n .brick-pagination__next:disabled { color: GrayText; }\n }\n}\n"],"names":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer brick.tokens,brick.foundations;@layer brick.components{.brick-password-toggle-field{--brick-password-height:var(--brick-control-min-block-size-md);--brick-password-radius:var(--brick-radius-control);box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-password-height);border:var(--brick-border-width) solid var(--brick-color-border-strong);border-radius:var(--brick-password-radius);background:var(--brick-color-surface-raised);color:var(--brick-color-text-primary);align-items:center;padding-inline-start:var(--brick-space-3);display:inline-flex}.brick-password-toggle-field[data-full-width]{inline-size:100%}.brick-password-toggle-field[data-variant=soft]{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle)}.brick-password-toggle-field[data-variant=underline]{border-width:0 0 var(--brick-border-width);background:0 0;border-radius:0}.brick-password-toggle-field[data-shape=sharp]{--brick-password-radius:0}.brick-password-toggle-field[data-shape=pill]{--brick-password-radius:var(--brick-radius-full)}.brick-password-toggle-field[data-size=sm]{--brick-password-height:var(--brick-control-min-block-size-sm)}.brick-password-toggle-field[data-size=lg]{--brick-password-height:var(--brick-control-min-block-size-lg)}.brick-password-toggle-field-input{box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:calc(var(--brick-password-height) - 2 * var(--brick-border-width));color:inherit;font:inherit;background:0 0;border:0;outline:0;padding:0}.brick-password-toggle-field-toggle{inline-size:var(--brick-password-height);block-size:var(--brick-password-height);border-radius:var(--brick-password-radius);color:var(--brick-color-text-secondary);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.brick-password-toggle-field-artwork{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;block-size:1.25rem;inline-size:1.25rem}.brick-password-toggle-field:focus-within{border-color:var(--brick-color-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-color-focus-ring)}.brick-password-toggle-field:has(.brick-password-toggle-field-input[data-invalid]){border-color:var(--brick-color-danger-text)}.brick-password-toggle-field:has(.brick-password-toggle-field-input[data-disabled]){background:var(--brick-color-surface-subtle);opacity:.72}.brick-password-toggle-field-toggle:disabled{cursor:not-allowed}@media (hover:hover) and (pointer:fine){.brick-password-toggle-field-toggle:not(:disabled):hover{background:var(--brick-color-accent-soft);color:var(--brick-color-text-primary)}}@media (forced-colors:active){.brick-password-toggle-field{color:canvastext;background:canvas;border-color:buttontext}.brick-password-toggle-field:focus-within{box-shadow:0 0 0 var(--brick-border-focus-width) Highlight;border-color:highlight}}}@layer brick.effects;
|
|
1
|
+
@layer brick.tokens,brick.foundations;@layer brick.components{.brick-password-toggle-field{--brick-password-height:var(--brick-control-min-block-size-md);--brick-password-radius:var(--brick-radius-control);box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-password-height);border:var(--brick-border-width) solid var(--brick-color-border-strong);border-radius:var(--brick-password-radius);background:var(--brick-color-surface-raised);color:var(--brick-color-text-primary);align-items:center;padding-inline-start:var(--brick-space-3);display:inline-flex}.brick-password-toggle-field[data-full-width]{inline-size:100%}.brick-password-toggle-field[data-variant=soft]{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle)}.brick-password-toggle-field[data-variant=underline]{border-width:0 0 var(--brick-border-width);background:0 0;border-radius:0}.brick-password-toggle-field[data-shape=sharp]{--brick-password-radius:0}.brick-password-toggle-field[data-shape=pill]{--brick-password-radius:var(--brick-radius-full)}.brick-password-toggle-field[data-size=sm]{--brick-password-height:var(--brick-control-min-block-size-sm)}.brick-password-toggle-field[data-size=lg]{--brick-password-height:var(--brick-control-min-block-size-lg)}.brick-password-toggle-field-input{box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:calc(var(--brick-password-height) - 2 * var(--brick-border-width));color:inherit;font:inherit;background:0 0;border:0;outline:0;padding:0}.brick-password-toggle-field-toggle{inline-size:var(--brick-password-height);block-size:var(--brick-password-height);border-radius:var(--brick-password-radius);color:var(--brick-color-text-secondary);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.brick-password-toggle-field-artwork{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;block-size:1.25rem;inline-size:1.25rem}.brick-password-toggle-field:focus-within{border-color:var(--brick-color-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-color-focus-ring)}.brick-password-toggle-field:has(.brick-password-toggle-field-input[data-invalid]){border-color:var(--brick-color-danger-text)}.brick-password-toggle-field:has(.brick-password-toggle-field-input[data-disabled]){background:var(--brick-color-surface-subtle);opacity:.72}.brick-password-toggle-field-toggle:disabled{cursor:not-allowed}@media (hover:hover) and (pointer:fine){.brick-password-toggle-field-toggle:not(:disabled):hover{background:var(--brick-color-accent-soft);color:var(--brick-color-text-primary)}}@media (forced-colors:active){.brick-password-toggle-field{color:canvastext;background:canvas;border-color:buttontext}.brick-password-toggle-field:focus-within{box-shadow:0 0 0 var(--brick-border-focus-width) Highlight;border-color:highlight}}}@layer brick.utilities,brick.effects;
|
|
2
2
|
/*# sourceMappingURL=password-toggle-field.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCC,ghBACA,+DAA+D,2IAA6I,+HAAyI,yEAA2E,+FAAiG,0GAA4G,0GAC7mB,qPAA6P,mSAA+S,8JAA4J,oKAAoK,+HAA+H,6IAA6I,gEACxnC,wCAAuC,0IAA0I,8BAA6B,wFAAwF,8HDJvS","sources":["home/runner/work/brick/brick/.brick-cache/production/password-toggle-field.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/password-toggle-field/password-toggle-field.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/password-toggle-field/password-toggle-field.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-password-toggle-field{--brick-password-height:var(--brick-control-min-block-size-md);--brick-password-radius:var(--brick-radius-control);display:inline-flex;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-password-height);align-items:center;padding-inline-start:var(--brick-space-3);border:var(--brick-border-width) solid var(--brick-color-border-strong);border-radius:var(--brick-password-radius);background:var(--brick-color-surface-raised);color:var(--brick-color-text-primary)}\n .brick-password-toggle-field[data-full-width]{inline-size:100%}.brick-password-toggle-field[data-variant=\"soft\"]{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle)}.brick-password-toggle-field[data-variant=\"underline\"]{border-width:0 0 var(--brick-border-width);border-radius:0;background:transparent}.brick-password-toggle-field[data-shape=\"sharp\"]{--brick-password-radius:0}.brick-password-toggle-field[data-shape=\"pill\"]{--brick-password-radius:var(--brick-radius-full)}.brick-password-toggle-field[data-size=\"sm\"]{--brick-password-height:var(--brick-control-min-block-size-sm)}.brick-password-toggle-field[data-size=\"lg\"]{--brick-password-height:var(--brick-control-min-block-size-lg)}\n .brick-password-toggle-field-input{box-sizing:border-box;min-inline-size:0;inline-size:100%;min-block-size:calc(var(--brick-password-height) - 2 * var(--brick-border-width));padding:0;border:0;outline:0;background:transparent;color:inherit;font:inherit}.brick-password-toggle-field-toggle{display:grid;flex:0 0 auto;inline-size:var(--brick-password-height);block-size:var(--brick-password-height);place-items:center;padding:0;border:0;border-radius:var(--brick-password-radius);background:transparent;color:var(--brick-color-text-secondary);cursor:pointer}.brick-password-toggle-field-artwork{inline-size:1.25rem;block-size:1.25rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.brick-password-toggle-field:focus-within{border-color:var(--brick-color-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-color-focus-ring)}.brick-password-toggle-field:has(.brick-password-toggle-field-input[data-invalid]){border-color:var(--brick-color-danger-text)}.brick-password-toggle-field:has(.brick-password-toggle-field-input[data-disabled]){background:var(--brick-color-surface-subtle);opacity:.72}.brick-password-toggle-field-toggle:disabled{cursor:not-allowed}\n @media(hover:hover) and (pointer:fine){.brick-password-toggle-field-toggle:not(:disabled):hover{background:var(--brick-color-accent-soft);color:var(--brick-color-text-primary)}}@media(forced-colors:active){.brick-password-toggle-field{border-color:ButtonText;background:Canvas;color:CanvasText}.brick-password-toggle-field:focus-within{border-color:Highlight;box-shadow:0 0 0 var(--brick-border-focus-width) Highlight}}\n}\n"],"names":[]}
|
|
1
|
+
{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCC,ghBACA,+DAA+D,2IAA6I,+HAAyI,yEAA2E,+FAAiG,0GAA4G,0GAC7mB,qPAA6P,mSAA+S,8JAA4J,oKAAoK,+HAA+H,6IAA6I,gEACxnC,wCAAuC,0IAA0I,8BAA6B,wFAAwF,8HDJvS","sources":["home/runner/work/brick/brick/.brick-cache/production/password-toggle-field.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/password-toggle-field/password-toggle-field.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/password-toggle-field/password-toggle-field.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-password-toggle-field{--brick-password-height:var(--brick-control-min-block-size-md);--brick-password-radius:var(--brick-radius-control);display:inline-flex;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-password-height);align-items:center;padding-inline-start:var(--brick-space-3);border:var(--brick-border-width) solid var(--brick-color-border-strong);border-radius:var(--brick-password-radius);background:var(--brick-color-surface-raised);color:var(--brick-color-text-primary)}\n .brick-password-toggle-field[data-full-width]{inline-size:100%}.brick-password-toggle-field[data-variant=\"soft\"]{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle)}.brick-password-toggle-field[data-variant=\"underline\"]{border-width:0 0 var(--brick-border-width);border-radius:0;background:transparent}.brick-password-toggle-field[data-shape=\"sharp\"]{--brick-password-radius:0}.brick-password-toggle-field[data-shape=\"pill\"]{--brick-password-radius:var(--brick-radius-full)}.brick-password-toggle-field[data-size=\"sm\"]{--brick-password-height:var(--brick-control-min-block-size-sm)}.brick-password-toggle-field[data-size=\"lg\"]{--brick-password-height:var(--brick-control-min-block-size-lg)}\n .brick-password-toggle-field-input{box-sizing:border-box;min-inline-size:0;inline-size:100%;min-block-size:calc(var(--brick-password-height) - 2 * var(--brick-border-width));padding:0;border:0;outline:0;background:transparent;color:inherit;font:inherit}.brick-password-toggle-field-toggle{display:grid;flex:0 0 auto;inline-size:var(--brick-password-height);block-size:var(--brick-password-height);place-items:center;padding:0;border:0;border-radius:var(--brick-password-radius);background:transparent;color:var(--brick-color-text-secondary);cursor:pointer}.brick-password-toggle-field-artwork{inline-size:1.25rem;block-size:1.25rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.brick-password-toggle-field:focus-within{border-color:var(--brick-color-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-color-focus-ring)}.brick-password-toggle-field:has(.brick-password-toggle-field-input[data-invalid]){border-color:var(--brick-color-danger-text)}.brick-password-toggle-field:has(.brick-password-toggle-field-input[data-disabled]){background:var(--brick-color-surface-subtle);opacity:.72}.brick-password-toggle-field-toggle:disabled{cursor:not-allowed}\n @media(hover:hover) and (pointer:fine){.brick-password-toggle-field-toggle:not(:disabled):hover{background:var(--brick-color-accent-soft);color:var(--brick-color-text-primary)}}@media(forced-colors:active){.brick-password-toggle-field{border-color:ButtonText;background:Canvas;color:CanvasText}.brick-password-toggle-field:focus-within{border-color:Highlight;box-shadow:0 0 0 var(--brick-border-focus-width) Highlight}}\n}\n"],"names":[]}
|
package/dist/styles/popover.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer brick.tokens,brick.foundations;@layer brick.components{:where(.brick-tooltip__arrow,.brick-hover-card__arrow,.brick-popover__arrow){color:var(--brick-floating-arrow-stroke,var(--brick-tooltip-border-color));fill:var(--brick-floating-arrow-fill,var(--brick-tooltip-background));filter:drop-shadow(0 1px 0 var(--brick-floating-arrow-stroke,var(--brick-tooltip-border-color)))}.brick-popover{--brick-popover-background:var(--brick-color-surface-overlay);--brick-popover-foreground:var(--brick-color-text-primary);--brick-popover-muted-foreground:var(--brick-color-text-secondary);--brick-popover-border:var(--brick-color-border-subtle);--brick-popover-radius:var(--brick-radius-overlay);--brick-popover-shadow:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);--brick-popover-space:var(--brick-space-4);--brick-popover-max-inline-size-sm:18rem;--brick-popover-max-inline-size-md:24rem;--brick-popover-max-inline-size-lg:32rem;--brick-popover-max-block-size:min(32rem, calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));z-index:calc(var(--brick-layer-overlay) - 1);box-sizing:border-box;inline-size:max-content;max-inline-size:min(var(--brick-popover-max-inline-size-md), calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)));color:var(--brick-popover-foreground);opacity:0;overflow-wrap:anywhere;transform-origin:var(--brick-floating-arrow-transform-origin,center);transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter), scale var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);overflow:visible;scale:.98}.brick-popover[data-size=sm]{max-inline-size:min(var(--brick-popover-max-inline-size-sm), calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)))}.brick-popover[data-size=lg]{max-inline-size:min(var(--brick-popover-max-inline-size-lg), calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)))}.brick-popover>[data-slot=popover-viewport]{box-sizing:border-box;inline-size:100%;max-block-size:min(var(--brick-popover-max-block-size), calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));border:var(--brick-border-width) solid var(--brick-popover-border);border-radius:var(--brick-popover-radius);background:var(--brick-popover-background);box-shadow:var(--brick-popover-shadow);flex-direction:column;display:flex;overflow:hidden}.brick-popover[data-positioned]{opacity:1;scale:1}.brick-popover[data-state=closed]{opacity:0;scale:.98}.brick-popover__header,.brick-popover>[data-slot=popover-viewport]>:where([data-slot=popover-title],[data-slot=popover-description]){flex:none;min-inline-size:0}.brick-popover__header{gap:var(--brick-space-1);padding:var(--brick-popover-space);padding-block-end:var(--brick-space-2);display:grid}.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-title],.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-description],.brick-popover__header>:where([data-slot=popover-title],[data-slot=popover-description]){min-inline-size:0;padding-inline:var(--brick-popover-space);margin:0}.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-title]{padding-block-start:var(--brick-popover-space)}.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-description]{padding-block-start:var(--brick-space-1)}.brick-popover__header>:where([data-slot=popover-title],[data-slot=popover-description]){padding:0}.brick-popover :where([data-slot=popover-title]){color:var(--brick-popover-foreground);font-family:var(--brick-typography-compact-title-lg-font-family);font-size:var(--brick-typography-compact-title-lg-font-size);font-weight:var(--brick-typography-compact-title-lg-font-weight);letter-spacing:var(--brick-typography-compact-title-lg-letter-spacing);line-height:var(--brick-typography-compact-title-lg-line-height)}.brick-popover :where([data-slot=popover-description]){color:var(--brick-popover-muted-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);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-typography-supporting-sm-line-height)}.brick-popover__body{min-block-size:0;min-inline-size:0;padding:var(--brick-space-3) var(--brick-popover-space);overscroll-behavior:contain;color:var(--brick-popover-foreground);line-height:var(--brick-typography-body-md-line-height);scrollbar-gutter:stable;flex:auto;overflow:auto}.brick-popover__footer{justify-content:flex-end;align-items:center;gap:var(--brick-space-2);min-inline-size:0;padding:var(--brick-space-2) var(--brick-popover-space) var(--brick-popover-space);flex-wrap:wrap;flex:none;display:flex}.brick-popover__arrow{--brick-floating-arrow-fill:var(--brick-popover-background);--brick-floating-arrow-stroke:var(--brick-popover-border)}.brick-popover[data-side=top] .brick-popover__arrow{translate:0 calc(var(--brick-border-width) * -1);filter:drop-shadow(0 1px 0 var(--brick-popover-border))}.brick-popover[data-side=right] .brick-popover__arrow{translate:var(--brick-border-width) 0;filter:drop-shadow(-1px 0 0 var(--brick-popover-border))}.brick-popover[data-side=bottom] .brick-popover__arrow{translate:0 var(--brick-border-width);filter:drop-shadow(0 -1px 0 var(--brick-popover-border))}.brick-popover[data-side=left] .brick-popover__arrow{translate:calc(var(--brick-border-width) * -1) 0;filter:drop-shadow(1px 0 0 var(--brick-popover-border))}@supports not (height:100dvb){.brick-popover{--brick-popover-max-block-size:min(32rem, calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}}@media (width<=20rem){.brick-popover{--brick-popover-space:var(--brick-space-3)}.brick-popover__footer>.brick-button{flex:100%;inline-size:100%}}@media (height<=20rem){.brick-popover>[data-slot=popover-viewport]{overscroll-behavior:contain;scrollbar-gutter:stable;overflow:auto}.brick-popover__body{flex:none;overflow:visible}}@media (prefers-reduced-motion:reduce){.brick-popover{transition-duration:1ms;scale:1}}@media (forced-colors:active){.brick-popover{--brick-popover-background:Canvas;--brick-popover-foreground:CanvasText;--brick-popover-muted-foreground:CanvasText;--brick-popover-border:CanvasText;box-shadow:none}.brick-popover__arrow{color:canvastext;fill:canvas;filter:none;stroke:canvastext}}}@layer brick.effects;
|
|
1
|
+
@layer brick.tokens,brick.foundations;@layer brick.components{:where(.brick-tooltip__arrow,.brick-hover-card__arrow,.brick-popover__arrow){color:var(--brick-floating-arrow-stroke,var(--brick-tooltip-border-color));fill:var(--brick-floating-arrow-fill,var(--brick-tooltip-background));filter:drop-shadow(0 1px 0 var(--brick-floating-arrow-stroke,var(--brick-tooltip-border-color)))}.brick-popover{--brick-popover-background:var(--brick-color-surface-overlay);--brick-popover-foreground:var(--brick-color-text-primary);--brick-popover-muted-foreground:var(--brick-color-text-secondary);--brick-popover-border:var(--brick-color-border-subtle);--brick-popover-radius:var(--brick-radius-overlay);--brick-popover-shadow:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);--brick-popover-space:var(--brick-space-4);--brick-popover-max-inline-size-sm:18rem;--brick-popover-max-inline-size-md:24rem;--brick-popover-max-inline-size-lg:32rem;--brick-popover-max-block-size:min(32rem, calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));z-index:calc(var(--brick-layer-overlay) - 1);box-sizing:border-box;inline-size:max-content;max-inline-size:min(var(--brick-popover-max-inline-size-md), calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)));color:var(--brick-popover-foreground);opacity:0;overflow-wrap:anywhere;transform-origin:var(--brick-floating-arrow-transform-origin,center);transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter), scale var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);overflow:visible;scale:.98}.brick-popover[data-size=sm]{max-inline-size:min(var(--brick-popover-max-inline-size-sm), calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)))}.brick-popover[data-size=lg]{max-inline-size:min(var(--brick-popover-max-inline-size-lg), calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)))}.brick-popover>[data-slot=popover-viewport]{box-sizing:border-box;inline-size:100%;max-block-size:min(var(--brick-popover-max-block-size), calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));border:var(--brick-border-width) solid var(--brick-popover-border);border-radius:var(--brick-popover-radius);background:var(--brick-popover-background);box-shadow:var(--brick-popover-shadow);flex-direction:column;display:flex;overflow:hidden}.brick-popover[data-positioned]{opacity:1;scale:1}.brick-popover[data-state=closed]{opacity:0;scale:.98}.brick-popover__header,.brick-popover>[data-slot=popover-viewport]>:where([data-slot=popover-title],[data-slot=popover-description]){flex:none;min-inline-size:0}.brick-popover__header{gap:var(--brick-space-1);padding:var(--brick-popover-space);padding-block-end:var(--brick-space-2);display:grid}.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-title],.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-description],.brick-popover__header>:where([data-slot=popover-title],[data-slot=popover-description]){min-inline-size:0;padding-inline:var(--brick-popover-space);margin:0}.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-title]{padding-block-start:var(--brick-popover-space)}.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-description]{padding-block-start:var(--brick-space-1)}.brick-popover__header>:where([data-slot=popover-title],[data-slot=popover-description]){padding:0}.brick-popover :where([data-slot=popover-title]){color:var(--brick-popover-foreground);font-family:var(--brick-typography-compact-title-lg-font-family);font-size:var(--brick-typography-compact-title-lg-font-size);font-weight:var(--brick-typography-compact-title-lg-font-weight);letter-spacing:var(--brick-typography-compact-title-lg-letter-spacing);line-height:var(--brick-typography-compact-title-lg-line-height)}.brick-popover :where([data-slot=popover-description]){color:var(--brick-popover-muted-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);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-typography-supporting-sm-line-height)}.brick-popover__body{min-block-size:0;min-inline-size:0;padding:var(--brick-space-3) var(--brick-popover-space);overscroll-behavior:contain;color:var(--brick-popover-foreground);line-height:var(--brick-typography-body-md-line-height);scrollbar-gutter:stable;flex:auto;overflow:auto}.brick-popover__footer{justify-content:flex-end;align-items:center;gap:var(--brick-space-2);min-inline-size:0;padding:var(--brick-space-2) var(--brick-popover-space) var(--brick-popover-space);flex-wrap:wrap;flex:none;display:flex}.brick-popover__arrow{--brick-floating-arrow-fill:var(--brick-popover-background);--brick-floating-arrow-stroke:var(--brick-popover-border)}.brick-popover[data-side=top] .brick-popover__arrow{translate:0 calc(var(--brick-border-width) * -1);filter:drop-shadow(0 1px 0 var(--brick-popover-border))}.brick-popover[data-side=right] .brick-popover__arrow{translate:var(--brick-border-width) 0;filter:drop-shadow(-1px 0 0 var(--brick-popover-border))}.brick-popover[data-side=bottom] .brick-popover__arrow{translate:0 var(--brick-border-width);filter:drop-shadow(0 -1px 0 var(--brick-popover-border))}.brick-popover[data-side=left] .brick-popover__arrow{translate:calc(var(--brick-border-width) * -1) 0;filter:drop-shadow(1px 0 0 var(--brick-popover-border))}@supports not (height:100dvb){.brick-popover{--brick-popover-max-block-size:min(32rem, calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}}@media (width<=20rem){.brick-popover{--brick-popover-space:var(--brick-space-3)}.brick-popover__footer>.brick-button{flex:100%;inline-size:100%}}@media (height<=20rem){.brick-popover>[data-slot=popover-viewport]{overscroll-behavior:contain;scrollbar-gutter:stable;overflow:auto}.brick-popover__body{flex:none;overflow:visible}}@media (prefers-reduced-motion:reduce){.brick-popover{transition-duration:1ms;scale:1}}@media (forced-colors:active){.brick-popover{--brick-popover-background:Canvas;--brick-popover-foreground:CanvasText;--brick-popover-muted-foreground:CanvasText;--brick-popover-border:CanvasText;box-shadow:none}.brick-popover__arrow{color:canvastext;fill:canvas;filter:none;stroke:canvastext}}}@layer brick.utilities,brick.effects;
|
|
2
2
|
/*# sourceMappingURL=popover.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,+TCAA,quCA+BA,wKAOA,wKAOA,2cAgBA,kDAKA,sDAKA,iKAMA,uIAOA,gTAQA,qHAIA,qHAIA,mGAIA,8ZASA,2ZASA,0RAYA,uOAWA,4IAKA,6JAKA,qJAKA,sJAKA,8JAKA,8BACE,uIAKF,sBACE,0DAIA,iEAMF,uBACE,8GAMA,iDAMF,uCACE,gDAMF,8BACE,qLAQA,mFFzNJ","sources":["home/runner/work/brick/brick/.brick-cache/production/popover.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/floating-arrow.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/popover/popover.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/styles/floating-arrow.css\";\n@import \"../../src/components/popover/popover.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n :where(.brick-tooltip__arrow, .brick-hover-card__arrow, .brick-popover__arrow) {\n color: var(--brick-floating-arrow-stroke, var(--brick-tooltip-border-color));\n fill: var(--brick-floating-arrow-fill, var(--brick-tooltip-background));\n filter: drop-shadow(0 1px 0 var(--brick-floating-arrow-stroke, var(--brick-tooltip-border-color)));\n }\n}\n","@layer brick.components {\n .brick-popover {\n --brick-popover-background: var(--brick-color-surface-overlay);\n --brick-popover-foreground: var(--brick-color-text-primary);\n --brick-popover-muted-foreground: var(--brick-color-text-secondary);\n --brick-popover-border: var(--brick-color-border-subtle);\n --brick-popover-radius: var(--brick-radius-overlay);\n --brick-popover-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);\n --brick-popover-space: var(--brick-space-4);\n --brick-popover-max-inline-size-sm: 18rem;\n --brick-popover-max-inline-size-md: 24rem;\n --brick-popover-max-inline-size-lg: 32rem;\n --brick-popover-max-block-size: min(32rem, calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));\n\n z-index: calc(var(--brick-layer-overlay) - 1);\n box-sizing: border-box;\n inline-size: max-content;\n max-inline-size: min(\n var(--brick-popover-max-inline-size-md),\n calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n );\n overflow: visible;\n color: var(--brick-popover-foreground);\n opacity: 0;\n overflow-wrap: anywhere;\n scale: 0.98;\n transform-origin: var(--brick-floating-arrow-transform-origin, center);\n transition:\n opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter),\n scale var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);\n }\n\n .brick-popover[data-size=\"sm\"] {\n max-inline-size: min(\n var(--brick-popover-max-inline-size-sm),\n calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n );\n }\n\n .brick-popover[data-size=\"lg\"] {\n max-inline-size: min(\n var(--brick-popover-max-inline-size-lg),\n calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n );\n }\n\n .brick-popover > [data-slot=\"popover-viewport\"] {\n box-sizing: border-box;\n display: flex;\n inline-size: 100%;\n max-block-size: min(\n var(--brick-popover-max-block-size),\n calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))\n );\n flex-direction: column;\n overflow: hidden;\n border: var(--brick-border-width) solid var(--brick-popover-border);\n border-radius: var(--brick-popover-radius);\n background: var(--brick-popover-background);\n box-shadow: var(--brick-popover-shadow);\n }\n\n .brick-popover[data-positioned] {\n opacity: 1;\n scale: 1;\n }\n\n .brick-popover[data-state=\"closed\"] {\n opacity: 0;\n scale: 0.98;\n }\n\n .brick-popover__header,\n .brick-popover > [data-slot=\"popover-viewport\"] > :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n flex: none;\n min-inline-size: 0;\n }\n\n .brick-popover__header {\n display: grid;\n gap: var(--brick-space-1);\n padding: var(--brick-popover-space);\n padding-block-end: var(--brick-space-2);\n }\n\n .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-title\"],\n .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-description\"],\n .brick-popover__header > :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n min-inline-size: 0;\n margin: 0;\n padding-inline: var(--brick-popover-space);\n }\n\n .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-title\"] {\n padding-block-start: var(--brick-popover-space);\n }\n\n .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-description\"] {\n padding-block-start: var(--brick-space-1);\n }\n\n .brick-popover__header > :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n padding: 0;\n }\n\n .brick-popover :where([data-slot=\"popover-title\"]) {\n color: var(--brick-popover-foreground);\n font-family: var(--brick-typography-compact-title-lg-font-family);\n font-size: var(--brick-typography-compact-title-lg-font-size);\n font-weight: var(--brick-typography-compact-title-lg-font-weight);\n letter-spacing: var(--brick-typography-compact-title-lg-letter-spacing);\n line-height: var(--brick-typography-compact-title-lg-line-height);\n }\n\n .brick-popover :where([data-slot=\"popover-description\"]) {\n color: var(--brick-popover-muted-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 letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n line-height: var(--brick-typography-supporting-sm-line-height);\n }\n\n .brick-popover__body {\n min-block-size: 0;\n min-inline-size: 0;\n flex: 1 1 auto;\n padding: var(--brick-space-3) var(--brick-popover-space);\n overflow: auto;\n overscroll-behavior: contain;\n color: var(--brick-popover-foreground);\n line-height: var(--brick-typography-body-md-line-height);\n scrollbar-gutter: stable;\n }\n\n .brick-popover__footer {\n display: flex;\n min-inline-size: 0;\n flex: none;\n flex-wrap: wrap;\n align-items: center;\n justify-content: flex-end;\n gap: var(--brick-space-2);\n padding: var(--brick-space-2) var(--brick-popover-space) var(--brick-popover-space);\n }\n\n .brick-popover__arrow {\n --brick-floating-arrow-fill: var(--brick-popover-background);\n --brick-floating-arrow-stroke: var(--brick-popover-border);\n }\n\n .brick-popover[data-side=\"top\"] .brick-popover__arrow {\n translate: 0 calc(var(--brick-border-width) * -1);\n filter: drop-shadow(0 1px 0 var(--brick-popover-border));\n }\n\n .brick-popover[data-side=\"right\"] .brick-popover__arrow {\n translate: var(--brick-border-width) 0;\n filter: drop-shadow(-1px 0 0 var(--brick-popover-border));\n }\n\n .brick-popover[data-side=\"bottom\"] .brick-popover__arrow {\n translate: 0 var(--brick-border-width);\n filter: drop-shadow(0 -1px 0 var(--brick-popover-border));\n }\n\n .brick-popover[data-side=\"left\"] .brick-popover__arrow {\n translate: calc(var(--brick-border-width) * -1) 0;\n filter: drop-shadow(1px 0 0 var(--brick-popover-border));\n }\n\n @supports not (height: 100dvb) {\n .brick-popover {\n --brick-popover-max-block-size: min(32rem, calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));\n }\n }\n\n @media (max-width: 20rem) {\n .brick-popover {\n --brick-popover-space: var(--brick-space-3);\n }\n\n .brick-popover__footer > .brick-button {\n inline-size: 100%;\n flex: 1 1 100%;\n }\n }\n\n @media (max-height: 20rem) {\n .brick-popover > [data-slot=\"popover-viewport\"] {\n overflow: auto;\n overscroll-behavior: contain;\n scrollbar-gutter: stable;\n }\n\n .brick-popover__body {\n flex: none;\n overflow: visible;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-popover {\n scale: 1;\n transition-duration: 1ms;\n }\n }\n\n @media (forced-colors: active) {\n .brick-popover {\n --brick-popover-background: Canvas;\n --brick-popover-foreground: CanvasText;\n --brick-popover-muted-foreground: CanvasText;\n --brick-popover-border: CanvasText;\n box-shadow: none;\n }\n\n .brick-popover__arrow {\n color: CanvasText;\n fill: Canvas;\n filter: none;\n stroke: CanvasText;\n }\n }\n}\n"],"names":[]}
|
|
1
|
+
{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,+TCAA,quCA+BA,wKAOA,wKAOA,2cAgBA,kDAKA,sDAKA,iKAMA,uIAOA,gTAQA,qHAIA,qHAIA,mGAIA,8ZASA,2ZASA,0RAYA,uOAWA,4IAKA,6JAKA,qJAKA,sJAKA,8JAKA,8BACE,uIAKF,sBACE,0DAIA,iEAMF,uBACE,8GAMA,iDAMF,uCACE,gDAMF,8BACE,qLAQA,mFFzNJ","sources":["home/runner/work/brick/brick/.brick-cache/production/popover.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/floating-arrow.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/popover/popover.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/styles/floating-arrow.css\";\n@import \"../../src/components/popover/popover.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n :where(.brick-tooltip__arrow, .brick-hover-card__arrow, .brick-popover__arrow) {\n color: var(--brick-floating-arrow-stroke, var(--brick-tooltip-border-color));\n fill: var(--brick-floating-arrow-fill, var(--brick-tooltip-background));\n filter: drop-shadow(0 1px 0 var(--brick-floating-arrow-stroke, var(--brick-tooltip-border-color)));\n }\n}\n","@layer brick.components {\n .brick-popover {\n --brick-popover-background: var(--brick-color-surface-overlay);\n --brick-popover-foreground: var(--brick-color-text-primary);\n --brick-popover-muted-foreground: var(--brick-color-text-secondary);\n --brick-popover-border: var(--brick-color-border-subtle);\n --brick-popover-radius: var(--brick-radius-overlay);\n --brick-popover-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);\n --brick-popover-space: var(--brick-space-4);\n --brick-popover-max-inline-size-sm: 18rem;\n --brick-popover-max-inline-size-md: 24rem;\n --brick-popover-max-inline-size-lg: 32rem;\n --brick-popover-max-block-size: min(32rem, calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));\n\n z-index: calc(var(--brick-layer-overlay) - 1);\n box-sizing: border-box;\n inline-size: max-content;\n max-inline-size: min(\n var(--brick-popover-max-inline-size-md),\n calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n );\n overflow: visible;\n color: var(--brick-popover-foreground);\n opacity: 0;\n overflow-wrap: anywhere;\n scale: 0.98;\n transform-origin: var(--brick-floating-arrow-transform-origin, center);\n transition:\n opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter),\n scale var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);\n }\n\n .brick-popover[data-size=\"sm\"] {\n max-inline-size: min(\n var(--brick-popover-max-inline-size-sm),\n calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n );\n }\n\n .brick-popover[data-size=\"lg\"] {\n max-inline-size: min(\n var(--brick-popover-max-inline-size-lg),\n calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n );\n }\n\n .brick-popover > [data-slot=\"popover-viewport\"] {\n box-sizing: border-box;\n display: flex;\n inline-size: 100%;\n max-block-size: min(\n var(--brick-popover-max-block-size),\n calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))\n );\n flex-direction: column;\n overflow: hidden;\n border: var(--brick-border-width) solid var(--brick-popover-border);\n border-radius: var(--brick-popover-radius);\n background: var(--brick-popover-background);\n box-shadow: var(--brick-popover-shadow);\n }\n\n .brick-popover[data-positioned] {\n opacity: 1;\n scale: 1;\n }\n\n .brick-popover[data-state=\"closed\"] {\n opacity: 0;\n scale: 0.98;\n }\n\n .brick-popover__header,\n .brick-popover > [data-slot=\"popover-viewport\"] > :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n flex: none;\n min-inline-size: 0;\n }\n\n .brick-popover__header {\n display: grid;\n gap: var(--brick-space-1);\n padding: var(--brick-popover-space);\n padding-block-end: var(--brick-space-2);\n }\n\n .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-title\"],\n .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-description\"],\n .brick-popover__header > :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n min-inline-size: 0;\n margin: 0;\n padding-inline: var(--brick-popover-space);\n }\n\n .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-title\"] {\n padding-block-start: var(--brick-popover-space);\n }\n\n .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-description\"] {\n padding-block-start: var(--brick-space-1);\n }\n\n .brick-popover__header > :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n padding: 0;\n }\n\n .brick-popover :where([data-slot=\"popover-title\"]) {\n color: var(--brick-popover-foreground);\n font-family: var(--brick-typography-compact-title-lg-font-family);\n font-size: var(--brick-typography-compact-title-lg-font-size);\n font-weight: var(--brick-typography-compact-title-lg-font-weight);\n letter-spacing: var(--brick-typography-compact-title-lg-letter-spacing);\n line-height: var(--brick-typography-compact-title-lg-line-height);\n }\n\n .brick-popover :where([data-slot=\"popover-description\"]) {\n color: var(--brick-popover-muted-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 letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n line-height: var(--brick-typography-supporting-sm-line-height);\n }\n\n .brick-popover__body {\n min-block-size: 0;\n min-inline-size: 0;\n flex: 1 1 auto;\n padding: var(--brick-space-3) var(--brick-popover-space);\n overflow: auto;\n overscroll-behavior: contain;\n color: var(--brick-popover-foreground);\n line-height: var(--brick-typography-body-md-line-height);\n scrollbar-gutter: stable;\n }\n\n .brick-popover__footer {\n display: flex;\n min-inline-size: 0;\n flex: none;\n flex-wrap: wrap;\n align-items: center;\n justify-content: flex-end;\n gap: var(--brick-space-2);\n padding: var(--brick-space-2) var(--brick-popover-space) var(--brick-popover-space);\n }\n\n .brick-popover__arrow {\n --brick-floating-arrow-fill: var(--brick-popover-background);\n --brick-floating-arrow-stroke: var(--brick-popover-border);\n }\n\n .brick-popover[data-side=\"top\"] .brick-popover__arrow {\n translate: 0 calc(var(--brick-border-width) * -1);\n filter: drop-shadow(0 1px 0 var(--brick-popover-border));\n }\n\n .brick-popover[data-side=\"right\"] .brick-popover__arrow {\n translate: var(--brick-border-width) 0;\n filter: drop-shadow(-1px 0 0 var(--brick-popover-border));\n }\n\n .brick-popover[data-side=\"bottom\"] .brick-popover__arrow {\n translate: 0 var(--brick-border-width);\n filter: drop-shadow(0 -1px 0 var(--brick-popover-border));\n }\n\n .brick-popover[data-side=\"left\"] .brick-popover__arrow {\n translate: calc(var(--brick-border-width) * -1) 0;\n filter: drop-shadow(1px 0 0 var(--brick-popover-border));\n }\n\n @supports not (height: 100dvb) {\n .brick-popover {\n --brick-popover-max-block-size: min(32rem, calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));\n }\n }\n\n @media (max-width: 20rem) {\n .brick-popover {\n --brick-popover-space: var(--brick-space-3);\n }\n\n .brick-popover__footer > .brick-button {\n inline-size: 100%;\n flex: 1 1 100%;\n }\n }\n\n @media (max-height: 20rem) {\n .brick-popover > [data-slot=\"popover-viewport\"] {\n overflow: auto;\n overscroll-behavior: contain;\n scrollbar-gutter: stable;\n }\n\n .brick-popover__body {\n flex: none;\n overflow: visible;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-popover {\n scale: 1;\n transition-duration: 1ms;\n }\n }\n\n @media (forced-colors: active) {\n .brick-popover {\n --brick-popover-background: Canvas;\n --brick-popover-foreground: CanvasText;\n --brick-popover-muted-foreground: CanvasText;\n --brick-popover-border: CanvasText;\n box-shadow: none;\n }\n\n .brick-popover__arrow {\n color: CanvasText;\n fill: Canvas;\n filter: none;\n stroke: CanvasText;\n }\n }\n}\n"],"names":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer brick.tokens,brick.foundations;@layer brick.components{.brick-progress-circle{--brick-progress-circle-track:var(--brick-color-surface-subtle);--brick-progress-circle-indicator:var(--brick-color-accent-solid);--brick-progress-circle-label-foreground:var(--brick-color-text-primary);--brick-progress-circle-value-foreground:var(--brick-color-text-primary);--brick-progress-circle-size:3rem;--brick-progress-circle-stroke:8;justify-items:center;gap:var(--brick-space-2);min-inline-size:0;color:var(--brick-progress-circle-label-foreground);grid-template-rows:auto auto;grid-template-columns:auto;display:inline-grid}.brick-progress-circle__circle,.brick-progress-circle__value{grid-area:1/1}.brick-progress-circle__circle{inline-size:var(--brick-progress-circle-size);block-size:var(--brick-progress-circle-size);display:block;overflow:visible;transform:rotate(-90deg)}.brick-progress-circle__track,.brick-progress-circle__indicator{fill:none;stroke-width:var(--brick-progress-circle-stroke)}.brick-progress-circle__track{stroke:var(--brick-progress-circle-track)}.brick-progress-circle__indicator{stroke:var(--brick-progress-circle-indicator);transition:stroke-dashoffset .18s ease-out}.brick-progress-circle[data-cap=round] .brick-progress-circle__indicator{stroke-linecap:round}.brick-progress-circle[data-cap=butt] .brick-progress-circle__indicator{stroke-linecap:butt}.brick-progress-circle__indicator[data-state=indeterminate]{stroke-dasharray:67.8584 214.885;stroke-dashoffset:0;transform-origin:50%;transition:none;animation:1.1s linear infinite brick-progress-circle-spin}.brick-progress-circle__value{z-index:1;max-inline-size:100%;color:var(--brick-progress-circle-value-foreground);font-family:var(--brick-typography-caption-font-family);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-caption-font-weight);line-height:var(--brick-typography-caption-line-height);letter-spacing:var(--brick-typography-caption-letter-spacing);font-variant-numeric:tabular-nums;text-align:center;text-overflow:ellipsis;transform-origin:50%;white-space:nowrap;place-self:center;overflow:hidden}.brick-progress-circle__label{overflow-wrap:anywhere;max-inline-size:12rem;color:var(--brick-progress-circle-label-foreground);font-family:var(--brick-typography-body-sm-font-family);font-size:var(--brick-typography-body-sm-font-size);font-weight:var(--brick-typography-body-sm-font-weight);line-height:var(--brick-typography-body-sm-line-height);letter-spacing:var(--brick-typography-body-sm-letter-spacing);text-align:center;grid-area:2/1}.brick-progress-circle[data-size=xs]{--brick-progress-circle-size:2rem}.brick-progress-circle[data-size=sm]{--brick-progress-circle-size:2.5rem}.brick-progress-circle[data-size=md]{--brick-progress-circle-size:3rem}.brick-progress-circle[data-size=lg]{--brick-progress-circle-size:4rem}.brick-progress-circle[data-size=xl]{--brick-progress-circle-size:5rem}.brick-progress-circle[data-size=xs] .brick-progress-circle__value{transform:scale(.72)}.brick-progress-circle[data-size=sm] .brick-progress-circle__value{transform:scale(.85)}.brick-progress-circle[data-thickness=thin]{--brick-progress-circle-stroke:4}.brick-progress-circle[data-thickness=thick]{--brick-progress-circle-stroke:12}.brick-progress-circle[data-tone=neutral]{--brick-progress-circle-indicator:var(--brick-color-text-primary)}.brick-progress-circle[data-tone=accent]{--brick-progress-circle-indicator:var(--brick-color-accent-solid)}.brick-progress-circle[data-tone=info]{--brick-progress-circle-indicator:var(--brick-color-info-solid)}.brick-progress-circle[data-tone=success]{--brick-progress-circle-indicator:var(--brick-color-success-solid)}.brick-progress-circle[data-tone=warning]{--brick-progress-circle-indicator:var(--brick-color-warning-solid)}.brick-progress-circle[data-tone=danger]{--brick-progress-circle-indicator:var(--brick-color-danger-solid)}@keyframes brick-progress-circle-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.brick-progress-circle__indicator{transition:none;animation:none!important}}@media (forced-colors:active){.brick-progress-circle__track{stroke:canvastext}.brick-progress-circle__indicator{stroke:highlight}}}@layer brick.effects;
|
|
1
|
+
@layer brick.tokens,brick.foundations;@layer brick.components{.brick-progress-circle{--brick-progress-circle-track:var(--brick-color-surface-subtle);--brick-progress-circle-indicator:var(--brick-color-accent-solid);--brick-progress-circle-label-foreground:var(--brick-color-text-primary);--brick-progress-circle-value-foreground:var(--brick-color-text-primary);--brick-progress-circle-size:3rem;--brick-progress-circle-stroke:8;justify-items:center;gap:var(--brick-space-2);min-inline-size:0;color:var(--brick-progress-circle-label-foreground);grid-template-rows:auto auto;grid-template-columns:auto;display:inline-grid}.brick-progress-circle__circle,.brick-progress-circle__value{grid-area:1/1}.brick-progress-circle__circle{inline-size:var(--brick-progress-circle-size);block-size:var(--brick-progress-circle-size);display:block;overflow:visible;transform:rotate(-90deg)}.brick-progress-circle__track,.brick-progress-circle__indicator{fill:none;stroke-width:var(--brick-progress-circle-stroke)}.brick-progress-circle__track{stroke:var(--brick-progress-circle-track)}.brick-progress-circle__indicator{stroke:var(--brick-progress-circle-indicator);transition:stroke-dashoffset .18s ease-out}.brick-progress-circle[data-cap=round] .brick-progress-circle__indicator{stroke-linecap:round}.brick-progress-circle[data-cap=butt] .brick-progress-circle__indicator{stroke-linecap:butt}.brick-progress-circle__indicator[data-state=indeterminate]{stroke-dasharray:67.8584 214.885;stroke-dashoffset:0;transform-origin:50%;transition:none;animation:1.1s linear infinite brick-progress-circle-spin}.brick-progress-circle__value{z-index:1;max-inline-size:100%;color:var(--brick-progress-circle-value-foreground);font-family:var(--brick-typography-caption-font-family);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-caption-font-weight);line-height:var(--brick-typography-caption-line-height);letter-spacing:var(--brick-typography-caption-letter-spacing);font-variant-numeric:tabular-nums;text-align:center;text-overflow:ellipsis;transform-origin:50%;white-space:nowrap;place-self:center;overflow:hidden}.brick-progress-circle__label{overflow-wrap:anywhere;max-inline-size:12rem;color:var(--brick-progress-circle-label-foreground);font-family:var(--brick-typography-body-sm-font-family);font-size:var(--brick-typography-body-sm-font-size);font-weight:var(--brick-typography-body-sm-font-weight);line-height:var(--brick-typography-body-sm-line-height);letter-spacing:var(--brick-typography-body-sm-letter-spacing);text-align:center;grid-area:2/1}.brick-progress-circle[data-size=xs]{--brick-progress-circle-size:2rem}.brick-progress-circle[data-size=sm]{--brick-progress-circle-size:2.5rem}.brick-progress-circle[data-size=md]{--brick-progress-circle-size:3rem}.brick-progress-circle[data-size=lg]{--brick-progress-circle-size:4rem}.brick-progress-circle[data-size=xl]{--brick-progress-circle-size:5rem}.brick-progress-circle[data-size=xs] .brick-progress-circle__value{transform:scale(.72)}.brick-progress-circle[data-size=sm] .brick-progress-circle__value{transform:scale(.85)}.brick-progress-circle[data-thickness=thin]{--brick-progress-circle-stroke:4}.brick-progress-circle[data-thickness=thick]{--brick-progress-circle-stroke:12}.brick-progress-circle[data-tone=neutral]{--brick-progress-circle-indicator:var(--brick-color-text-primary)}.brick-progress-circle[data-tone=accent]{--brick-progress-circle-indicator:var(--brick-color-accent-solid)}.brick-progress-circle[data-tone=info]{--brick-progress-circle-indicator:var(--brick-color-info-solid)}.brick-progress-circle[data-tone=success]{--brick-progress-circle-indicator:var(--brick-color-success-solid)}.brick-progress-circle[data-tone=warning]{--brick-progress-circle-indicator:var(--brick-color-warning-solid)}.brick-progress-circle[data-tone=danger]{--brick-progress-circle-indicator:var(--brick-color-danger-solid)}@keyframes brick-progress-circle-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.brick-progress-circle__indicator{transition:none;animation:none!important}}@media (forced-colors:active){.brick-progress-circle__track{stroke:canvastext}.brick-progress-circle__indicator{stroke:highlight}}}@layer brick.utilities,brick.effects;
|
|
2
2
|
/*# sourceMappingURL=progress-circle.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,8iBAiBA,2EAMA,kLAQA,2HAMA,wEAIA,2HAKA,8FAIA,4FAIA,gNAQA,giBAmBA,ybAcA,uEACA,yEACA,uEACA,uEACA,uEAEA,wFACA,wFAEA,6EACA,+EAEA,4GACA,2GACA,uGACA,6GACA,6GACA,2GAEA,mEAIA,uCACE,4EAMF,8BACE,gDACA,qDDhIJ","sources":["home/runner/work/brick/brick/.brick-cache/production/progress-circle.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/progress-circle/progress-circle.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/progress-circle/progress-circle.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-progress-circle {\n --brick-progress-circle-track: var(--brick-color-surface-subtle);\n --brick-progress-circle-indicator: var(--brick-color-accent-solid);\n --brick-progress-circle-label-foreground: var(--brick-color-text-primary);\n --brick-progress-circle-value-foreground: var(--brick-color-text-primary);\n --brick-progress-circle-size: 3rem;\n --brick-progress-circle-stroke: 8;\n\n display: inline-grid;\n min-inline-size: 0;\n grid-template-columns: auto;\n grid-template-rows: auto auto;\n justify-items: center;\n gap: var(--brick-space-2);\n color: var(--brick-progress-circle-label-foreground);\n }\n\n .brick-progress-circle__circle,\n .brick-progress-circle__value {\n grid-column: 1;\n grid-row: 1;\n }\n\n .brick-progress-circle__circle {\n display: block;\n inline-size: var(--brick-progress-circle-size);\n block-size: var(--brick-progress-circle-size);\n overflow: visible;\n transform: rotate(-90deg);\n }\n\n .brick-progress-circle__track,\n .brick-progress-circle__indicator {\n fill: none;\n stroke-width: var(--brick-progress-circle-stroke);\n }\n\n .brick-progress-circle__track {\n stroke: var(--brick-progress-circle-track);\n }\n\n .brick-progress-circle__indicator {\n stroke: var(--brick-progress-circle-indicator);\n transition: stroke-dashoffset 180ms ease-out;\n }\n\n .brick-progress-circle[data-cap=\"round\"] .brick-progress-circle__indicator {\n stroke-linecap: round;\n }\n\n .brick-progress-circle[data-cap=\"butt\"] .brick-progress-circle__indicator {\n stroke-linecap: butt;\n }\n\n .brick-progress-circle__indicator[data-state=\"indeterminate\"] {\n stroke-dasharray: 67.8584 214.8849;\n stroke-dashoffset: 0;\n transform-origin: center;\n animation: brick-progress-circle-spin 1.1s linear infinite;\n transition: none;\n }\n\n .brick-progress-circle__value {\n z-index: 1;\n align-self: center;\n justify-self: center;\n max-inline-size: 100%;\n overflow: hidden;\n color: var(--brick-progress-circle-value-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-caption-font-weight);\n line-height: var(--brick-typography-caption-line-height);\n letter-spacing: var(--brick-typography-caption-letter-spacing);\n font-variant-numeric: tabular-nums;\n text-align: center;\n text-overflow: ellipsis;\n transform-origin: center;\n white-space: nowrap;\n }\n\n .brick-progress-circle__label {\n grid-column: 1;\n grid-row: 2;\n max-inline-size: 12rem;\n overflow-wrap: anywhere;\n color: var(--brick-progress-circle-label-foreground);\n font-family: var(--brick-typography-body-sm-font-family);\n font-size: var(--brick-typography-body-sm-font-size);\n font-weight: var(--brick-typography-body-sm-font-weight);\n line-height: var(--brick-typography-body-sm-line-height);\n letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n text-align: center;\n }\n\n .brick-progress-circle[data-size=\"xs\"] { --brick-progress-circle-size: 2rem; }\n .brick-progress-circle[data-size=\"sm\"] { --brick-progress-circle-size: 2.5rem; }\n .brick-progress-circle[data-size=\"md\"] { --brick-progress-circle-size: 3rem; }\n .brick-progress-circle[data-size=\"lg\"] { --brick-progress-circle-size: 4rem; }\n .brick-progress-circle[data-size=\"xl\"] { --brick-progress-circle-size: 5rem; }\n\n .brick-progress-circle[data-size=\"xs\"] .brick-progress-circle__value { transform: scale(0.72); }\n .brick-progress-circle[data-size=\"sm\"] .brick-progress-circle__value { transform: scale(0.85); }\n\n .brick-progress-circle[data-thickness=\"thin\"] { --brick-progress-circle-stroke: 4; }\n .brick-progress-circle[data-thickness=\"thick\"] { --brick-progress-circle-stroke: 12; }\n\n .brick-progress-circle[data-tone=\"neutral\"] { --brick-progress-circle-indicator: var(--brick-color-text-primary); }\n .brick-progress-circle[data-tone=\"accent\"] { --brick-progress-circle-indicator: var(--brick-color-accent-solid); }\n .brick-progress-circle[data-tone=\"info\"] { --brick-progress-circle-indicator: var(--brick-color-info-solid); }\n .brick-progress-circle[data-tone=\"success\"] { --brick-progress-circle-indicator: var(--brick-color-success-solid); }\n .brick-progress-circle[data-tone=\"warning\"] { --brick-progress-circle-indicator: var(--brick-color-warning-solid); }\n .brick-progress-circle[data-tone=\"danger\"] { --brick-progress-circle-indicator: var(--brick-color-danger-solid); }\n\n @keyframes brick-progress-circle-spin {\n to { transform: rotate(360deg); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-progress-circle__indicator {\n animation: none !important;\n transition: none;\n }\n }\n\n @media (forced-colors: active) {\n .brick-progress-circle__track { stroke: CanvasText; }\n .brick-progress-circle__indicator { stroke: Highlight; }\n }\n}\n"],"names":[]}
|
|
1
|
+
{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,8iBAiBA,2EAMA,kLAQA,2HAMA,wEAIA,2HAKA,8FAIA,4FAIA,gNAQA,giBAmBA,ybAcA,uEACA,yEACA,uEACA,uEACA,uEAEA,wFACA,wFAEA,6EACA,+EAEA,4GACA,2GACA,uGACA,6GACA,6GACA,2GAEA,mEAIA,uCACE,4EAMF,8BACE,gDACA,qDDhIJ","sources":["home/runner/work/brick/brick/.brick-cache/production/progress-circle.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/progress-circle/progress-circle.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/progress-circle/progress-circle.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-progress-circle {\n --brick-progress-circle-track: var(--brick-color-surface-subtle);\n --brick-progress-circle-indicator: var(--brick-color-accent-solid);\n --brick-progress-circle-label-foreground: var(--brick-color-text-primary);\n --brick-progress-circle-value-foreground: var(--brick-color-text-primary);\n --brick-progress-circle-size: 3rem;\n --brick-progress-circle-stroke: 8;\n\n display: inline-grid;\n min-inline-size: 0;\n grid-template-columns: auto;\n grid-template-rows: auto auto;\n justify-items: center;\n gap: var(--brick-space-2);\n color: var(--brick-progress-circle-label-foreground);\n }\n\n .brick-progress-circle__circle,\n .brick-progress-circle__value {\n grid-column: 1;\n grid-row: 1;\n }\n\n .brick-progress-circle__circle {\n display: block;\n inline-size: var(--brick-progress-circle-size);\n block-size: var(--brick-progress-circle-size);\n overflow: visible;\n transform: rotate(-90deg);\n }\n\n .brick-progress-circle__track,\n .brick-progress-circle__indicator {\n fill: none;\n stroke-width: var(--brick-progress-circle-stroke);\n }\n\n .brick-progress-circle__track {\n stroke: var(--brick-progress-circle-track);\n }\n\n .brick-progress-circle__indicator {\n stroke: var(--brick-progress-circle-indicator);\n transition: stroke-dashoffset 180ms ease-out;\n }\n\n .brick-progress-circle[data-cap=\"round\"] .brick-progress-circle__indicator {\n stroke-linecap: round;\n }\n\n .brick-progress-circle[data-cap=\"butt\"] .brick-progress-circle__indicator {\n stroke-linecap: butt;\n }\n\n .brick-progress-circle__indicator[data-state=\"indeterminate\"] {\n stroke-dasharray: 67.8584 214.8849;\n stroke-dashoffset: 0;\n transform-origin: center;\n animation: brick-progress-circle-spin 1.1s linear infinite;\n transition: none;\n }\n\n .brick-progress-circle__value {\n z-index: 1;\n align-self: center;\n justify-self: center;\n max-inline-size: 100%;\n overflow: hidden;\n color: var(--brick-progress-circle-value-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-caption-font-weight);\n line-height: var(--brick-typography-caption-line-height);\n letter-spacing: var(--brick-typography-caption-letter-spacing);\n font-variant-numeric: tabular-nums;\n text-align: center;\n text-overflow: ellipsis;\n transform-origin: center;\n white-space: nowrap;\n }\n\n .brick-progress-circle__label {\n grid-column: 1;\n grid-row: 2;\n max-inline-size: 12rem;\n overflow-wrap: anywhere;\n color: var(--brick-progress-circle-label-foreground);\n font-family: var(--brick-typography-body-sm-font-family);\n font-size: var(--brick-typography-body-sm-font-size);\n font-weight: var(--brick-typography-body-sm-font-weight);\n line-height: var(--brick-typography-body-sm-line-height);\n letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n text-align: center;\n }\n\n .brick-progress-circle[data-size=\"xs\"] { --brick-progress-circle-size: 2rem; }\n .brick-progress-circle[data-size=\"sm\"] { --brick-progress-circle-size: 2.5rem; }\n .brick-progress-circle[data-size=\"md\"] { --brick-progress-circle-size: 3rem; }\n .brick-progress-circle[data-size=\"lg\"] { --brick-progress-circle-size: 4rem; }\n .brick-progress-circle[data-size=\"xl\"] { --brick-progress-circle-size: 5rem; }\n\n .brick-progress-circle[data-size=\"xs\"] .brick-progress-circle__value { transform: scale(0.72); }\n .brick-progress-circle[data-size=\"sm\"] .brick-progress-circle__value { transform: scale(0.85); }\n\n .brick-progress-circle[data-thickness=\"thin\"] { --brick-progress-circle-stroke: 4; }\n .brick-progress-circle[data-thickness=\"thick\"] { --brick-progress-circle-stroke: 12; }\n\n .brick-progress-circle[data-tone=\"neutral\"] { --brick-progress-circle-indicator: var(--brick-color-text-primary); }\n .brick-progress-circle[data-tone=\"accent\"] { --brick-progress-circle-indicator: var(--brick-color-accent-solid); }\n .brick-progress-circle[data-tone=\"info\"] { --brick-progress-circle-indicator: var(--brick-color-info-solid); }\n .brick-progress-circle[data-tone=\"success\"] { --brick-progress-circle-indicator: var(--brick-color-success-solid); }\n .brick-progress-circle[data-tone=\"warning\"] { --brick-progress-circle-indicator: var(--brick-color-warning-solid); }\n .brick-progress-circle[data-tone=\"danger\"] { --brick-progress-circle-indicator: var(--brick-color-danger-solid); }\n\n @keyframes brick-progress-circle-spin {\n to { transform: rotate(360deg); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-progress-circle__indicator {\n animation: none !important;\n transition: none;\n }\n }\n\n @media (forced-colors: active) {\n .brick-progress-circle__track { stroke: CanvasText; }\n .brick-progress-circle__indicator { stroke: Highlight; }\n }\n}\n"],"names":[]}
|
package/dist/styles/progress.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer brick.tokens,brick.foundations;@layer brick.components{.brick-progress{--brick-progress-track-background:var(--brick-color-surface-subtle);--brick-progress-buffer-background:var(--brick-color-accent-soft);--brick-progress-indicator-background:var(--brick-color-accent-solid);--brick-progress-label-foreground:var(--brick-color-text-primary);--brick-progress-value-foreground:var(--brick-color-text-secondary);--brick-progress-thickness:.5rem;--brick-progress-length:10rem;--brick-progress-radius:var(--brick-radius-control);align-items:center;gap:var(--brick-space-2) var(--brick-space-3);min-inline-size:0;color:var(--brick-progress-label-foreground);grid-template-columns:minmax(0,1fr) auto;display:grid}.brick-progress__label,.brick-progress__value{min-inline-size:0;font-family:var(--brick-typography-body-sm-font-family);font-size:var(--brick-typography-body-sm-font-size);line-height:var(--brick-typography-body-sm-line-height);letter-spacing:var(--brick-typography-body-sm-letter-spacing)}.brick-progress__label{overflow-wrap:anywhere;font-weight:var(--brick-typography-body-sm-font-weight);color:var(--brick-progress-label-foreground)}.brick-progress__value{color:var(--brick-progress-value-foreground);font-variant-numeric:tabular-nums;justify-self:end}.brick-progress__track{border-radius:var(--brick-progress-radius);background:var(--brick-progress-track-background);isolation:isolate;grid-column:1/-1;min-inline-size:0;position:relative;overflow:hidden}.brick-progress[data-orientation=horizontal] .brick-progress__track{inline-size:100%;block-size:var(--brick-progress-thickness)}.brick-progress[data-orientation=vertical]{grid-template-rows:auto 1fr;grid-template-columns:auto minmax(0,auto);align-items:start;inline-size:fit-content}.brick-progress[data-orientation=vertical] .brick-progress__track{inline-size:var(--brick-progress-thickness);block-size:var(--brick-progress-length);grid-area:1/1/3}.brick-progress[data-orientation=vertical] .brick-progress__label{grid-area:1/2}.brick-progress[data-orientation=vertical] .brick-progress__value{grid-area:2/2;place-self:end start}.brick-progress__buffer,.brick-progress__indicator{border-radius:inherit;position:absolute}.brick-progress[data-orientation=horizontal] .brick-progress__buffer,.brick-progress[data-orientation=horizontal] .brick-progress__indicator{inset-block:0;inset-inline-start:0}.brick-progress[data-orientation=vertical] .brick-progress__buffer,.brick-progress[data-orientation=vertical] .brick-progress__indicator{inset-block-end:0;inset-inline:0}.brick-progress__buffer{z-index:1;background:var(--brick-progress-buffer-background);display:none}.brick-progress__buffer[data-present]{display:block}.brick-progress[data-orientation=horizontal] .brick-progress__buffer{inline-size:calc(var(--brick-progress-buffer-percent) * 1%)}.brick-progress[data-orientation=vertical] .brick-progress__buffer{block-size:calc(var(--brick-progress-buffer-percent) * 1%)}.brick-progress__indicator{z-index:2;background:var(--brick-progress-indicator-background);transition:inline-size .18s ease-out,block-size .18s ease-out}.brick-progress[data-orientation=horizontal] .brick-progress__indicator{inline-size:calc(var(--brick-progress-percent) * 1%);block-size:100%}.brick-progress[data-orientation=vertical] .brick-progress__indicator{inline-size:100%;block-size:calc(var(--brick-progress-percent) * 1%)}.brick-progress__indicator[data-state=indeterminate]{transition:none}.brick-progress[data-orientation=horizontal] .brick-progress__indicator[data-state=indeterminate]{inline-size:38%;animation:1.4s ease-in-out infinite brick-progress-horizontal}.brick-progress[data-orientation=vertical] .brick-progress__indicator[data-state=indeterminate]{block-size:38%;animation:1.4s ease-in-out infinite brick-progress-vertical}.brick-progress[data-size=xs]{--brick-progress-thickness:.25rem}.brick-progress[data-size=sm]{--brick-progress-thickness:.375rem}.brick-progress[data-size=md]{--brick-progress-thickness:.5rem}.brick-progress[data-size=lg]{--brick-progress-thickness:.75rem}.brick-progress[data-size=xl]{--brick-progress-thickness:1rem}.brick-progress[data-shape=square]{--brick-progress-radius:0}.brick-progress[data-shape=rounded]{--brick-progress-radius:var(--brick-radius-subtle)}.brick-progress[data-shape=pill]{--brick-progress-radius:9999px}.brick-progress[data-tone=neutral]{--brick-progress-buffer-background:var(--brick-color-border-subtle);--brick-progress-indicator-background:var(--brick-color-text-primary)}.brick-progress[data-tone=accent]{--brick-progress-buffer-background:var(--brick-color-accent-soft);--brick-progress-indicator-background:var(--brick-color-accent-solid)}.brick-progress[data-tone=info]{--brick-progress-buffer-background:var(--brick-color-info-soft);--brick-progress-indicator-background:var(--brick-color-info-solid)}.brick-progress[data-tone=success]{--brick-progress-buffer-background:var(--brick-color-success-soft);--brick-progress-indicator-background:var(--brick-color-success-solid)}.brick-progress[data-tone=warning]{--brick-progress-buffer-background:var(--brick-color-warning-soft);--brick-progress-indicator-background:var(--brick-color-warning-solid)}.brick-progress[data-tone=danger]{--brick-progress-buffer-background:var(--brick-color-danger-soft);--brick-progress-indicator-background:var(--brick-color-danger-solid)}@keyframes brick-progress-horizontal{0%{inset-inline-start:-38%}to{inset-inline-start:100%}}@keyframes brick-progress-vertical{0%{inset-block-end:-38%}to{inset-block-end:100%}}@media (prefers-reduced-motion:reduce){.brick-progress__indicator{transition:none;animation:none!important}.brick-progress__indicator[data-state=indeterminate]{inset-block-end:0!important;inset-inline-start:0!important}}@media (forced-colors:active){.brick-progress__track{forced-color-adjust:auto;background:canvas;border:1px solid canvastext}.brick-progress__buffer{background:graytext}.brick-progress__indicator{background:highlight}}}@layer brick.effects;
|
|
1
|
+
@layer brick.tokens,brick.foundations;@layer brick.components{.brick-progress{--brick-progress-track-background:var(--brick-color-surface-subtle);--brick-progress-buffer-background:var(--brick-color-accent-soft);--brick-progress-indicator-background:var(--brick-color-accent-solid);--brick-progress-label-foreground:var(--brick-color-text-primary);--brick-progress-value-foreground:var(--brick-color-text-secondary);--brick-progress-thickness:.5rem;--brick-progress-length:10rem;--brick-progress-radius:var(--brick-radius-control);align-items:center;gap:var(--brick-space-2) var(--brick-space-3);min-inline-size:0;color:var(--brick-progress-label-foreground);grid-template-columns:minmax(0,1fr) auto;display:grid}.brick-progress__label,.brick-progress__value{min-inline-size:0;font-family:var(--brick-typography-body-sm-font-family);font-size:var(--brick-typography-body-sm-font-size);line-height:var(--brick-typography-body-sm-line-height);letter-spacing:var(--brick-typography-body-sm-letter-spacing)}.brick-progress__label{overflow-wrap:anywhere;font-weight:var(--brick-typography-body-sm-font-weight);color:var(--brick-progress-label-foreground)}.brick-progress__value{color:var(--brick-progress-value-foreground);font-variant-numeric:tabular-nums;justify-self:end}.brick-progress__track{border-radius:var(--brick-progress-radius);background:var(--brick-progress-track-background);isolation:isolate;grid-column:1/-1;min-inline-size:0;position:relative;overflow:hidden}.brick-progress[data-orientation=horizontal] .brick-progress__track{inline-size:100%;block-size:var(--brick-progress-thickness)}.brick-progress[data-orientation=vertical]{grid-template-rows:auto 1fr;grid-template-columns:auto minmax(0,auto);align-items:start;inline-size:fit-content}.brick-progress[data-orientation=vertical] .brick-progress__track{inline-size:var(--brick-progress-thickness);block-size:var(--brick-progress-length);grid-area:1/1/3}.brick-progress[data-orientation=vertical] .brick-progress__label{grid-area:1/2}.brick-progress[data-orientation=vertical] .brick-progress__value{grid-area:2/2;place-self:end start}.brick-progress__buffer,.brick-progress__indicator{border-radius:inherit;position:absolute}.brick-progress[data-orientation=horizontal] .brick-progress__buffer,.brick-progress[data-orientation=horizontal] .brick-progress__indicator{inset-block:0;inset-inline-start:0}.brick-progress[data-orientation=vertical] .brick-progress__buffer,.brick-progress[data-orientation=vertical] .brick-progress__indicator{inset-block-end:0;inset-inline:0}.brick-progress__buffer{z-index:1;background:var(--brick-progress-buffer-background);display:none}.brick-progress__buffer[data-present]{display:block}.brick-progress[data-orientation=horizontal] .brick-progress__buffer{inline-size:calc(var(--brick-progress-buffer-percent) * 1%)}.brick-progress[data-orientation=vertical] .brick-progress__buffer{block-size:calc(var(--brick-progress-buffer-percent) * 1%)}.brick-progress__indicator{z-index:2;background:var(--brick-progress-indicator-background);transition:inline-size .18s ease-out,block-size .18s ease-out}.brick-progress[data-orientation=horizontal] .brick-progress__indicator{inline-size:calc(var(--brick-progress-percent) * 1%);block-size:100%}.brick-progress[data-orientation=vertical] .brick-progress__indicator{inline-size:100%;block-size:calc(var(--brick-progress-percent) * 1%)}.brick-progress__indicator[data-state=indeterminate]{transition:none}.brick-progress[data-orientation=horizontal] .brick-progress__indicator[data-state=indeterminate]{inline-size:38%;animation:1.4s ease-in-out infinite brick-progress-horizontal}.brick-progress[data-orientation=vertical] .brick-progress__indicator[data-state=indeterminate]{block-size:38%;animation:1.4s ease-in-out infinite brick-progress-vertical}.brick-progress[data-size=xs]{--brick-progress-thickness:.25rem}.brick-progress[data-size=sm]{--brick-progress-thickness:.375rem}.brick-progress[data-size=md]{--brick-progress-thickness:.5rem}.brick-progress[data-size=lg]{--brick-progress-thickness:.75rem}.brick-progress[data-size=xl]{--brick-progress-thickness:1rem}.brick-progress[data-shape=square]{--brick-progress-radius:0}.brick-progress[data-shape=rounded]{--brick-progress-radius:var(--brick-radius-subtle)}.brick-progress[data-shape=pill]{--brick-progress-radius:9999px}.brick-progress[data-tone=neutral]{--brick-progress-buffer-background:var(--brick-color-border-subtle);--brick-progress-indicator-background:var(--brick-color-text-primary)}.brick-progress[data-tone=accent]{--brick-progress-buffer-background:var(--brick-color-accent-soft);--brick-progress-indicator-background:var(--brick-color-accent-solid)}.brick-progress[data-tone=info]{--brick-progress-buffer-background:var(--brick-color-info-soft);--brick-progress-indicator-background:var(--brick-color-info-solid)}.brick-progress[data-tone=success]{--brick-progress-buffer-background:var(--brick-color-success-soft);--brick-progress-indicator-background:var(--brick-color-success-solid)}.brick-progress[data-tone=warning]{--brick-progress-buffer-background:var(--brick-color-warning-soft);--brick-progress-indicator-background:var(--brick-color-warning-solid)}.brick-progress[data-tone=danger]{--brick-progress-buffer-background:var(--brick-color-danger-soft);--brick-progress-indicator-background:var(--brick-color-danger-solid)}@keyframes brick-progress-horizontal{0%{inset-inline-start:-38%}to{inset-inline-start:100%}}@keyframes brick-progress-vertical{0%{inset-block-end:-38%}to{inset-block-end:100%}}@media (prefers-reduced-motion:reduce){.brick-progress__indicator{transition:none;animation:none!important}.brick-progress__indicator[data-state=indeterminate]{inset-block-end:0!important;inset-inline-start:0!important}}@media (forced-colors:active){.brick-progress__track{forced-color-adjust:auto;background:canvas;border:1px solid canvastext}.brick-progress__buffer{background:graytext}.brick-progress__indicator{background:highlight}}}@layer brick.utilities,brick.effects;
|
|
2
2
|
/*# sourceMappingURL=progress.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,2oBAkBA,kSASA,mJAMA,uHAMA,2MAUA,gIAKA,2JAOA,sKAOA,gFAKA,qGAOA,2FAMA,gLAMA,0KAMA,kGAMA,oDAIA,iIAIA,8HAIA,yJAMA,6IAKA,2IAKA,qEAIA,gLAMA,2KAMA,gEACA,iEACA,+DACA,gEACA,8DAEA,6DACA,uFACA,gEAEA,6KAIA,0KAIA,oKAIA,6KAIA,6KAIA,0KAKA,4FAKA,oFAKA,uCACE,oEAIA,iHAMF,8BACE,8FAKA,4CACA,kDDpNJ","sources":["home/runner/work/brick/brick/.brick-cache/production/progress.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/progress/progress.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/progress/progress.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-progress {\n --brick-progress-track-background: var(--brick-color-surface-subtle);\n --brick-progress-buffer-background: var(--brick-color-accent-soft);\n --brick-progress-indicator-background: var(--brick-color-accent-solid);\n --brick-progress-label-foreground: var(--brick-color-text-primary);\n --brick-progress-value-foreground: var(--brick-color-text-secondary);\n --brick-progress-thickness: 0.5rem;\n --brick-progress-length: 10rem;\n --brick-progress-radius: var(--brick-radius-control);\n\n display: grid;\n min-inline-size: 0;\n grid-template-columns: minmax(0, 1fr) auto;\n align-items: center;\n gap: var(--brick-space-2) var(--brick-space-3);\n color: var(--brick-progress-label-foreground);\n }\n\n .brick-progress__label,\n .brick-progress__value {\n min-inline-size: 0;\n font-family: var(--brick-typography-body-sm-font-family);\n font-size: var(--brick-typography-body-sm-font-size);\n line-height: var(--brick-typography-body-sm-line-height);\n letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n }\n\n .brick-progress__label {\n overflow-wrap: anywhere;\n font-weight: var(--brick-typography-body-sm-font-weight);\n color: var(--brick-progress-label-foreground);\n }\n\n .brick-progress__value {\n justify-self: end;\n color: var(--brick-progress-value-foreground);\n font-variant-numeric: tabular-nums;\n }\n\n .brick-progress__track {\n position: relative;\n grid-column: 1 / -1;\n min-inline-size: 0;\n overflow: hidden;\n border-radius: var(--brick-progress-radius);\n background: var(--brick-progress-track-background);\n isolation: isolate;\n }\n\n .brick-progress[data-orientation=\"horizontal\"] .brick-progress__track {\n inline-size: 100%;\n block-size: var(--brick-progress-thickness);\n }\n\n .brick-progress[data-orientation=\"vertical\"] {\n inline-size: fit-content;\n grid-template-columns: auto minmax(0, auto);\n grid-template-rows: auto 1fr;\n align-items: start;\n }\n\n .brick-progress[data-orientation=\"vertical\"] .brick-progress__track {\n grid-column: 1;\n grid-row: 1 / 3;\n inline-size: var(--brick-progress-thickness);\n block-size: var(--brick-progress-length);\n }\n\n .brick-progress[data-orientation=\"vertical\"] .brick-progress__label {\n grid-column: 2;\n grid-row: 1;\n }\n\n .brick-progress[data-orientation=\"vertical\"] .brick-progress__value {\n grid-column: 2;\n grid-row: 2;\n align-self: end;\n justify-self: start;\n }\n\n .brick-progress__buffer,\n .brick-progress__indicator {\n position: absolute;\n border-radius: inherit;\n }\n\n .brick-progress[data-orientation=\"horizontal\"] .brick-progress__buffer,\n .brick-progress[data-orientation=\"horizontal\"] .brick-progress__indicator {\n inset-block: 0;\n inset-inline-start: 0;\n }\n\n .brick-progress[data-orientation=\"vertical\"] .brick-progress__buffer,\n .brick-progress[data-orientation=\"vertical\"] .brick-progress__indicator {\n inset-inline: 0;\n inset-block-end: 0;\n }\n\n .brick-progress__buffer {\n z-index: 1;\n display: none;\n background: var(--brick-progress-buffer-background);\n }\n\n .brick-progress__buffer[data-present] {\n display: block;\n }\n\n .brick-progress[data-orientation=\"horizontal\"] .brick-progress__buffer {\n inline-size: calc(var(--brick-progress-buffer-percent) * 1%);\n }\n\n .brick-progress[data-orientation=\"vertical\"] .brick-progress__buffer {\n block-size: calc(var(--brick-progress-buffer-percent) * 1%);\n }\n\n .brick-progress__indicator {\n z-index: 2;\n background: var(--brick-progress-indicator-background);\n transition: inline-size 180ms ease-out, block-size 180ms ease-out;\n }\n\n .brick-progress[data-orientation=\"horizontal\"] .brick-progress__indicator {\n inline-size: calc(var(--brick-progress-percent) * 1%);\n block-size: 100%;\n }\n\n .brick-progress[data-orientation=\"vertical\"] .brick-progress__indicator {\n inline-size: 100%;\n block-size: calc(var(--brick-progress-percent) * 1%);\n }\n\n .brick-progress__indicator[data-state=\"indeterminate\"] {\n transition: none;\n }\n\n .brick-progress[data-orientation=\"horizontal\"]\n .brick-progress__indicator[data-state=\"indeterminate\"] {\n inline-size: 38%;\n animation: brick-progress-horizontal 1.4s ease-in-out infinite;\n }\n\n .brick-progress[data-orientation=\"vertical\"]\n .brick-progress__indicator[data-state=\"indeterminate\"] {\n block-size: 38%;\n animation: brick-progress-vertical 1.4s ease-in-out infinite;\n }\n\n .brick-progress[data-size=\"xs\"] { --brick-progress-thickness: 0.25rem; }\n .brick-progress[data-size=\"sm\"] { --brick-progress-thickness: 0.375rem; }\n .brick-progress[data-size=\"md\"] { --brick-progress-thickness: 0.5rem; }\n .brick-progress[data-size=\"lg\"] { --brick-progress-thickness: 0.75rem; }\n .brick-progress[data-size=\"xl\"] { --brick-progress-thickness: 1rem; }\n\n .brick-progress[data-shape=\"square\"] { --brick-progress-radius: 0; }\n .brick-progress[data-shape=\"rounded\"] { --brick-progress-radius: var(--brick-radius-subtle); }\n .brick-progress[data-shape=\"pill\"] { --brick-progress-radius: 9999px; }\n\n .brick-progress[data-tone=\"neutral\"] {\n --brick-progress-buffer-background: var(--brick-color-border-subtle);\n --brick-progress-indicator-background: var(--brick-color-text-primary);\n }\n .brick-progress[data-tone=\"accent\"] {\n --brick-progress-buffer-background: var(--brick-color-accent-soft);\n --brick-progress-indicator-background: var(--brick-color-accent-solid);\n }\n .brick-progress[data-tone=\"info\"] {\n --brick-progress-buffer-background: var(--brick-color-info-soft);\n --brick-progress-indicator-background: var(--brick-color-info-solid);\n }\n .brick-progress[data-tone=\"success\"] {\n --brick-progress-buffer-background: var(--brick-color-success-soft);\n --brick-progress-indicator-background: var(--brick-color-success-solid);\n }\n .brick-progress[data-tone=\"warning\"] {\n --brick-progress-buffer-background: var(--brick-color-warning-soft);\n --brick-progress-indicator-background: var(--brick-color-warning-solid);\n }\n .brick-progress[data-tone=\"danger\"] {\n --brick-progress-buffer-background: var(--brick-color-danger-soft);\n --brick-progress-indicator-background: var(--brick-color-danger-solid);\n }\n\n @keyframes brick-progress-horizontal {\n from { inset-inline-start: -38%; }\n to { inset-inline-start: 100%; }\n }\n\n @keyframes brick-progress-vertical {\n from { inset-block-end: -38%; }\n to { inset-block-end: 100%; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-progress__indicator {\n animation: none !important;\n transition: none;\n }\n .brick-progress__indicator[data-state=\"indeterminate\"] {\n inset-inline-start: 0 !important;\n inset-block-end: 0 !important;\n }\n }\n\n @media (forced-colors: active) {\n .brick-progress__track {\n border: 1px solid CanvasText;\n background: Canvas;\n forced-color-adjust: auto;\n }\n .brick-progress__buffer { background: GrayText; }\n .brick-progress__indicator { background: Highlight; }\n }\n}\n"],"names":[]}
|
|
1
|
+
{"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,2oBAkBA,kSASA,mJAMA,uHAMA,2MAUA,gIAKA,2JAOA,sKAOA,gFAKA,qGAOA,2FAMA,gLAMA,0KAMA,kGAMA,oDAIA,iIAIA,8HAIA,yJAMA,6IAKA,2IAKA,qEAIA,gLAMA,2KAMA,gEACA,iEACA,+DACA,gEACA,8DAEA,6DACA,uFACA,gEAEA,6KAIA,0KAIA,oKAIA,6KAIA,6KAIA,0KAKA,4FAKA,oFAKA,uCACE,oEAIA,iHAMF,8BACE,8FAKA,4CACA,kDDpNJ","sources":["home/runner/work/brick/brick/.brick-cache/production/progress.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/progress/progress.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/progress/progress.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-progress {\n --brick-progress-track-background: var(--brick-color-surface-subtle);\n --brick-progress-buffer-background: var(--brick-color-accent-soft);\n --brick-progress-indicator-background: var(--brick-color-accent-solid);\n --brick-progress-label-foreground: var(--brick-color-text-primary);\n --brick-progress-value-foreground: var(--brick-color-text-secondary);\n --brick-progress-thickness: 0.5rem;\n --brick-progress-length: 10rem;\n --brick-progress-radius: var(--brick-radius-control);\n\n display: grid;\n min-inline-size: 0;\n grid-template-columns: minmax(0, 1fr) auto;\n align-items: center;\n gap: var(--brick-space-2) var(--brick-space-3);\n color: var(--brick-progress-label-foreground);\n }\n\n .brick-progress__label,\n .brick-progress__value {\n min-inline-size: 0;\n font-family: var(--brick-typography-body-sm-font-family);\n font-size: var(--brick-typography-body-sm-font-size);\n line-height: var(--brick-typography-body-sm-line-height);\n letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n }\n\n .brick-progress__label {\n overflow-wrap: anywhere;\n font-weight: var(--brick-typography-body-sm-font-weight);\n color: var(--brick-progress-label-foreground);\n }\n\n .brick-progress__value {\n justify-self: end;\n color: var(--brick-progress-value-foreground);\n font-variant-numeric: tabular-nums;\n }\n\n .brick-progress__track {\n position: relative;\n grid-column: 1 / -1;\n min-inline-size: 0;\n overflow: hidden;\n border-radius: var(--brick-progress-radius);\n background: var(--brick-progress-track-background);\n isolation: isolate;\n }\n\n .brick-progress[data-orientation=\"horizontal\"] .brick-progress__track {\n inline-size: 100%;\n block-size: var(--brick-progress-thickness);\n }\n\n .brick-progress[data-orientation=\"vertical\"] {\n inline-size: fit-content;\n grid-template-columns: auto minmax(0, auto);\n grid-template-rows: auto 1fr;\n align-items: start;\n }\n\n .brick-progress[data-orientation=\"vertical\"] .brick-progress__track {\n grid-column: 1;\n grid-row: 1 / 3;\n inline-size: var(--brick-progress-thickness);\n block-size: var(--brick-progress-length);\n }\n\n .brick-progress[data-orientation=\"vertical\"] .brick-progress__label {\n grid-column: 2;\n grid-row: 1;\n }\n\n .brick-progress[data-orientation=\"vertical\"] .brick-progress__value {\n grid-column: 2;\n grid-row: 2;\n align-self: end;\n justify-self: start;\n }\n\n .brick-progress__buffer,\n .brick-progress__indicator {\n position: absolute;\n border-radius: inherit;\n }\n\n .brick-progress[data-orientation=\"horizontal\"] .brick-progress__buffer,\n .brick-progress[data-orientation=\"horizontal\"] .brick-progress__indicator {\n inset-block: 0;\n inset-inline-start: 0;\n }\n\n .brick-progress[data-orientation=\"vertical\"] .brick-progress__buffer,\n .brick-progress[data-orientation=\"vertical\"] .brick-progress__indicator {\n inset-inline: 0;\n inset-block-end: 0;\n }\n\n .brick-progress__buffer {\n z-index: 1;\n display: none;\n background: var(--brick-progress-buffer-background);\n }\n\n .brick-progress__buffer[data-present] {\n display: block;\n }\n\n .brick-progress[data-orientation=\"horizontal\"] .brick-progress__buffer {\n inline-size: calc(var(--brick-progress-buffer-percent) * 1%);\n }\n\n .brick-progress[data-orientation=\"vertical\"] .brick-progress__buffer {\n block-size: calc(var(--brick-progress-buffer-percent) * 1%);\n }\n\n .brick-progress__indicator {\n z-index: 2;\n background: var(--brick-progress-indicator-background);\n transition: inline-size 180ms ease-out, block-size 180ms ease-out;\n }\n\n .brick-progress[data-orientation=\"horizontal\"] .brick-progress__indicator {\n inline-size: calc(var(--brick-progress-percent) * 1%);\n block-size: 100%;\n }\n\n .brick-progress[data-orientation=\"vertical\"] .brick-progress__indicator {\n inline-size: 100%;\n block-size: calc(var(--brick-progress-percent) * 1%);\n }\n\n .brick-progress__indicator[data-state=\"indeterminate\"] {\n transition: none;\n }\n\n .brick-progress[data-orientation=\"horizontal\"]\n .brick-progress__indicator[data-state=\"indeterminate\"] {\n inline-size: 38%;\n animation: brick-progress-horizontal 1.4s ease-in-out infinite;\n }\n\n .brick-progress[data-orientation=\"vertical\"]\n .brick-progress__indicator[data-state=\"indeterminate\"] {\n block-size: 38%;\n animation: brick-progress-vertical 1.4s ease-in-out infinite;\n }\n\n .brick-progress[data-size=\"xs\"] { --brick-progress-thickness: 0.25rem; }\n .brick-progress[data-size=\"sm\"] { --brick-progress-thickness: 0.375rem; }\n .brick-progress[data-size=\"md\"] { --brick-progress-thickness: 0.5rem; }\n .brick-progress[data-size=\"lg\"] { --brick-progress-thickness: 0.75rem; }\n .brick-progress[data-size=\"xl\"] { --brick-progress-thickness: 1rem; }\n\n .brick-progress[data-shape=\"square\"] { --brick-progress-radius: 0; }\n .brick-progress[data-shape=\"rounded\"] { --brick-progress-radius: var(--brick-radius-subtle); }\n .brick-progress[data-shape=\"pill\"] { --brick-progress-radius: 9999px; }\n\n .brick-progress[data-tone=\"neutral\"] {\n --brick-progress-buffer-background: var(--brick-color-border-subtle);\n --brick-progress-indicator-background: var(--brick-color-text-primary);\n }\n .brick-progress[data-tone=\"accent\"] {\n --brick-progress-buffer-background: var(--brick-color-accent-soft);\n --brick-progress-indicator-background: var(--brick-color-accent-solid);\n }\n .brick-progress[data-tone=\"info\"] {\n --brick-progress-buffer-background: var(--brick-color-info-soft);\n --brick-progress-indicator-background: var(--brick-color-info-solid);\n }\n .brick-progress[data-tone=\"success\"] {\n --brick-progress-buffer-background: var(--brick-color-success-soft);\n --brick-progress-indicator-background: var(--brick-color-success-solid);\n }\n .brick-progress[data-tone=\"warning\"] {\n --brick-progress-buffer-background: var(--brick-color-warning-soft);\n --brick-progress-indicator-background: var(--brick-color-warning-solid);\n }\n .brick-progress[data-tone=\"danger\"] {\n --brick-progress-buffer-background: var(--brick-color-danger-soft);\n --brick-progress-indicator-background: var(--brick-color-danger-solid);\n }\n\n @keyframes brick-progress-horizontal {\n from { inset-inline-start: -38%; }\n to { inset-inline-start: 100%; }\n }\n\n @keyframes brick-progress-vertical {\n from { inset-block-end: -38%; }\n to { inset-block-end: 100%; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-progress__indicator {\n animation: none !important;\n transition: none;\n }\n .brick-progress__indicator[data-state=\"indeterminate\"] {\n inset-inline-start: 0 !important;\n inset-block-end: 0 !important;\n }\n }\n\n @media (forced-colors: active) {\n .brick-progress__track {\n border: 1px solid CanvasText;\n background: Canvas;\n forced-color-adjust: auto;\n }\n .brick-progress__buffer { background: GrayText; }\n .brick-progress__indicator { background: Highlight; }\n }\n}\n"],"names":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer brick.tokens,brick.foundations;@layer brick.components{.brick-radio-group{--brick-radio-group-gap:var(--brick-space-1);--brick-radio-control-size:1.125rem;--brick-radio-dot-size:.5rem;--brick-radio-target-min-size:var(--brick-control-target-min);--brick-radio-item-gap:var(--brick-space-2);--brick-radio-item-padding-inline:var(--brick-space-2);--brick-radio-item-radius:var(--brick-radius-subtle);--brick-radio-foreground:var(--brick-color-text-primary);--brick-radio-control-background:var(--brick-color-surface-raised);--brick-radio-control-border:var(--brick-color-border-strong);--brick-radio-checked:var(--brick-color-accent-solid);--brick-radio-focus-ring:var(--brick-color-focus-ring);--brick-radio-invalid:var(--brick-color-danger-text);--brick-radio-readonly-background:var(--brick-color-surface-subtle);box-sizing:border-box;gap:var(--brick-radio-group-gap);min-inline-size:0;max-inline-size:100%;display:flex}.brick-radio-group[data-orientation=vertical]{flex-direction:column}.brick-radio-group[data-orientation=horizontal]{flex-flow:wrap;align-items:flex-start}.brick-radio-group[data-invalid]{border-inline-start:var(--brick-border-focus-width) solid var(--brick-radio-invalid);border-radius:var(--brick-radio-item-radius);padding-inline-start:var(--brick-space-2)}.brick-radio-group-item{box-sizing:border-box;inline-size:fit-content;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-radio-target-min-size);grid-template-columns:var(--brick-radio-control-size) minmax(0, 1fr);align-content:center;align-items:center;gap:var(--brick-radio-item-gap);padding-block:var(--brick-space-1);padding-inline:var(--brick-radio-item-padding-inline);border-radius:var(--brick-radio-item-radius);appearance:none;color:var(--brick-radio-foreground);font:inherit;text-align:start;-webkit-user-select:none;user-select:none;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);background:0 0;border:0;display:inline-grid}.brick-radio-group[data-orientation=vertical]>.brick-radio-group-item{inline-size:100%}.brick-radio-group-item:not([data-disabled],[data-readonly]){cursor:pointer}.brick-radio-group-item[data-readonly]{background:var(--brick-radio-readonly-background);cursor:default}.brick-radio-group-item:is(:focus-visible,[data-focus-visible]){outline:var(--brick-border-focus-width) solid var(--brick-radio-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-radio-group-control{box-sizing:border-box;inline-size:var(--brick-radio-control-size);block-size:var(--brick-radio-control-size);border:var(--brick-border-width) solid var(--brick-radio-control-border);border-radius:var(--brick-radius-full);background:var(--brick-radio-control-background);transition:border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);place-items:center;display:grid}.brick-radio-group-dot{inline-size:var(--brick-radio-dot-size);block-size:var(--brick-radio-dot-size);border-radius:var(--brick-radius-full);background:var(--brick-radio-checked);opacity:0;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);display:block;transform:scale(.5)}.brick-radio-group-item[data-state=checked] .brick-radio-group-control{border-color:var(--brick-radio-checked)}.brick-radio-group-item[data-state=checked] .brick-radio-group-dot{opacity:1;transform:scale(1)}.brick-radio-group-label{min-inline-size:0;color:inherit;font-family:var(--brick-typography-body-md-font-family);font-size:var(--brick-typography-body-md-font-size);font-weight:var(--brick-typography-body-md-font-weight);letter-spacing:var(--brick-typography-body-md-letter-spacing);line-height:var(--brick-typography-body-md-line-height);overflow-wrap:anywhere}.brick-radio-group-item:not([data-disabled],[data-readonly]):active{background:var(--brick-color-accent-soft-pressed)}.brick-radio-group-item:not([data-disabled],[data-readonly]):active .brick-radio-group-control{transform:scale(.94)}.brick-radio-group-item[data-disabled]{color:var(--brick-color-text-secondary);cursor:not-allowed;opacity:.65}.brick-radio-group-item[data-disabled] .brick-radio-group-control{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle)}.brick-radio-group-item[data-invalid] .brick-radio-group-control{border-color:var(--brick-radio-invalid)}.brick-radio-group[data-size=sm]{--brick-radio-control-size:1rem;--brick-radio-dot-size:.375rem;--brick-radio-item-gap:.375rem;--brick-radio-item-padding-inline:var(--brick-space-1)}.brick-radio-group[data-size=sm] .brick-radio-group-label{font-family:var(--brick-typography-body-sm-font-family);font-size:var(--brick-typography-body-sm-font-size);font-weight:var(--brick-typography-body-sm-font-weight);letter-spacing:var(--brick-typography-body-sm-letter-spacing);line-height:var(--brick-typography-body-sm-line-height)}.brick-radio-group[data-size=lg]{--brick-radio-control-size:1.25rem;--brick-radio-dot-size:.625rem;--brick-radio-target-min-size:var(--brick-control-min-block-size-lg);--brick-radio-item-gap:var(--brick-space-3);--brick-radio-item-padding-inline:var(--brick-space-3)}.brick-radio-group[data-size=lg] .brick-radio-group-label{font-family:var(--brick-typography-body-lg-font-family);font-size:var(--brick-typography-body-lg-font-size);font-weight:var(--brick-typography-body-lg-font-weight);letter-spacing:var(--brick-typography-body-lg-letter-spacing);line-height:var(--brick-typography-body-lg-line-height)}@media (hover:hover) and (pointer:fine){.brick-radio-group-item:not([data-disabled],[data-readonly]):hover{background:var(--brick-color-accent-soft)}.brick-radio-group-item:not([data-disabled],[data-readonly],[data-invalid]):hover .brick-radio-group-control{border-color:var(--brick-color-accent-border)}}@media (prefers-reduced-motion:reduce){:where(.brick-radio-group-item,.brick-radio-group-control,.brick-radio-group-dot){transition-duration:0s}}@media (forced-colors:active){.brick-radio-group-item{forced-color-adjust:none;color:buttontext}.brick-radio-group-control{background:canvas;border-color:buttontext}.brick-radio-group-item[data-state=checked] .brick-radio-group-control{border-color:highlight}.brick-radio-group-dot{background:highlight}.brick-radio-group[data-invalid],.brick-radio-group-item[data-invalid] .brick-radio-group-control{border-color:mark}.brick-radio-group-item[data-disabled]{color:graytext;opacity:1}}}@layer brick.effects;
|
|
1
|
+
@layer brick.tokens,brick.foundations;@layer brick.components{.brick-radio-group{--brick-radio-group-gap:var(--brick-space-1);--brick-radio-control-size:1.125rem;--brick-radio-dot-size:.5rem;--brick-radio-target-min-size:var(--brick-control-target-min);--brick-radio-item-gap:var(--brick-space-2);--brick-radio-item-padding-inline:var(--brick-space-2);--brick-radio-item-radius:var(--brick-radius-subtle);--brick-radio-foreground:var(--brick-color-text-primary);--brick-radio-control-background:var(--brick-color-surface-raised);--brick-radio-control-border:var(--brick-color-border-strong);--brick-radio-checked:var(--brick-color-accent-solid);--brick-radio-focus-ring:var(--brick-color-focus-ring);--brick-radio-invalid:var(--brick-color-danger-text);--brick-radio-readonly-background:var(--brick-color-surface-subtle);box-sizing:border-box;gap:var(--brick-radio-group-gap);min-inline-size:0;max-inline-size:100%;display:flex}.brick-radio-group[data-orientation=vertical]{flex-direction:column}.brick-radio-group[data-orientation=horizontal]{flex-flow:wrap;align-items:flex-start}.brick-radio-group[data-invalid]{border-inline-start:var(--brick-border-focus-width) solid var(--brick-radio-invalid);border-radius:var(--brick-radio-item-radius);padding-inline-start:var(--brick-space-2)}.brick-radio-group-item{box-sizing:border-box;inline-size:fit-content;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-radio-target-min-size);grid-template-columns:var(--brick-radio-control-size) minmax(0, 1fr);align-content:center;align-items:center;gap:var(--brick-radio-item-gap);padding-block:var(--brick-space-1);padding-inline:var(--brick-radio-item-padding-inline);border-radius:var(--brick-radio-item-radius);appearance:none;color:var(--brick-radio-foreground);font:inherit;text-align:start;-webkit-user-select:none;user-select:none;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);background:0 0;border:0;display:inline-grid}.brick-radio-group[data-orientation=vertical]>.brick-radio-group-item{inline-size:100%}.brick-radio-group-item:not([data-disabled],[data-readonly]){cursor:pointer}.brick-radio-group-item[data-readonly]{background:var(--brick-radio-readonly-background);cursor:default}.brick-radio-group-item:is(:focus-visible,[data-focus-visible]){outline:var(--brick-border-focus-width) solid var(--brick-radio-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-radio-group-control{box-sizing:border-box;inline-size:var(--brick-radio-control-size);block-size:var(--brick-radio-control-size);border:var(--brick-border-width) solid var(--brick-radio-control-border);border-radius:var(--brick-radius-full);background:var(--brick-radio-control-background);transition:border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);place-items:center;display:grid}.brick-radio-group-dot{inline-size:var(--brick-radio-dot-size);block-size:var(--brick-radio-dot-size);border-radius:var(--brick-radius-full);background:var(--brick-radio-checked);opacity:0;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);display:block;transform:scale(.5)}.brick-radio-group-item[data-state=checked] .brick-radio-group-control{border-color:var(--brick-radio-checked)}.brick-radio-group-item[data-state=checked] .brick-radio-group-dot{opacity:1;transform:scale(1)}.brick-radio-group-label{min-inline-size:0;color:inherit;font-family:var(--brick-typography-body-md-font-family);font-size:var(--brick-typography-body-md-font-size);font-weight:var(--brick-typography-body-md-font-weight);letter-spacing:var(--brick-typography-body-md-letter-spacing);line-height:var(--brick-typography-body-md-line-height);overflow-wrap:anywhere}.brick-radio-group-item:not([data-disabled],[data-readonly]):active{background:var(--brick-color-accent-soft-pressed)}.brick-radio-group-item:not([data-disabled],[data-readonly]):active .brick-radio-group-control{transform:scale(.94)}.brick-radio-group-item[data-disabled]{color:var(--brick-color-text-secondary);cursor:not-allowed;opacity:.65}.brick-radio-group-item[data-disabled] .brick-radio-group-control{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle)}.brick-radio-group-item[data-invalid] .brick-radio-group-control{border-color:var(--brick-radio-invalid)}.brick-radio-group[data-size=sm]{--brick-radio-control-size:1rem;--brick-radio-dot-size:.375rem;--brick-radio-item-gap:.375rem;--brick-radio-item-padding-inline:var(--brick-space-1)}.brick-radio-group[data-size=sm] .brick-radio-group-label{font-family:var(--brick-typography-body-sm-font-family);font-size:var(--brick-typography-body-sm-font-size);font-weight:var(--brick-typography-body-sm-font-weight);letter-spacing:var(--brick-typography-body-sm-letter-spacing);line-height:var(--brick-typography-body-sm-line-height)}.brick-radio-group[data-size=lg]{--brick-radio-control-size:1.25rem;--brick-radio-dot-size:.625rem;--brick-radio-target-min-size:var(--brick-control-min-block-size-lg);--brick-radio-item-gap:var(--brick-space-3);--brick-radio-item-padding-inline:var(--brick-space-3)}.brick-radio-group[data-size=lg] .brick-radio-group-label{font-family:var(--brick-typography-body-lg-font-family);font-size:var(--brick-typography-body-lg-font-size);font-weight:var(--brick-typography-body-lg-font-weight);letter-spacing:var(--brick-typography-body-lg-letter-spacing);line-height:var(--brick-typography-body-lg-line-height)}@media (hover:hover) and (pointer:fine){.brick-radio-group-item:not([data-disabled],[data-readonly]):hover{background:var(--brick-color-accent-soft)}.brick-radio-group-item:not([data-disabled],[data-readonly],[data-invalid]):hover .brick-radio-group-control{border-color:var(--brick-color-accent-border)}}@media (prefers-reduced-motion:reduce){:where(.brick-radio-group-item,.brick-radio-group-control,.brick-radio-group-dot){transition-duration:0s}}@media (forced-colors:active){.brick-radio-group-item{forced-color-adjust:none;color:buttontext}.brick-radio-group-control{background:canvas;border-color:buttontext}.brick-radio-group-item[data-state=checked] .brick-radio-group-control{border-color:highlight}.brick-radio-group-dot{background:highlight}.brick-radio-group[data-invalid],.brick-radio-group-item[data-invalid] .brick-radio-group-control{border-color:mark}.brick-radio-group-item[data-disabled]{color:graytext;opacity:1}}}@layer brick.utilities,brick.effects;
|
|
2
2
|
/*# sourceMappingURL=radio-group.css.map */
|