@flowstack-ui/brick 0.1.3 → 0.1.5

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.
Files changed (149) hide show
  1. package/README.md +6 -1
  2. package/dist/agents/app-bar.json +69 -0
  3. package/dist/agents/app-bar.md +46 -0
  4. package/dist/agents/bottom-navigation.json +55 -0
  5. package/dist/agents/bottom-navigation.md +40 -0
  6. package/dist/agents/breadcrumb.json +48 -0
  7. package/dist/agents/breadcrumb.md +37 -0
  8. package/dist/agents/button.json +49 -0
  9. package/dist/agents/button.md +38 -0
  10. package/dist/agents/card.json +50 -0
  11. package/dist/agents/card.md +39 -0
  12. package/dist/agents/checkbox.json +49 -0
  13. package/dist/agents/checkbox.md +38 -0
  14. package/dist/agents/container.json +54 -0
  15. package/dist/agents/container.md +39 -0
  16. package/dist/agents/divider.json +54 -0
  17. package/dist/agents/divider.md +39 -0
  18. package/dist/agents/drawer.json +76 -0
  19. package/dist/agents/drawer.md +46 -0
  20. package/dist/agents/field.json +57 -0
  21. package/dist/agents/field.md +42 -0
  22. package/dist/agents/fieldset.json +49 -0
  23. package/dist/agents/fieldset.md +38 -0
  24. package/dist/agents/form.json +49 -0
  25. package/dist/agents/form.md +38 -0
  26. package/dist/agents/grid.json +57 -0
  27. package/dist/agents/grid.md +39 -0
  28. package/dist/agents/hide.json +54 -0
  29. package/dist/agents/hide.md +39 -0
  30. package/dist/agents/icon-button.json +54 -0
  31. package/dist/agents/icon-button.md +39 -0
  32. package/dist/agents/image.json +59 -0
  33. package/dist/agents/image.md +40 -0
  34. package/dist/agents/input.json +48 -0
  35. package/dist/agents/input.md +37 -0
  36. package/dist/agents/interface-composition.json +184 -0
  37. package/dist/agents/interface-composition.md +93 -0
  38. package/dist/agents/layer-selection.json +107 -0
  39. package/dist/agents/layer-selection.md +57 -0
  40. package/dist/agents/link.json +47 -0
  41. package/dist/agents/link.md +36 -0
  42. package/dist/agents/manifest.json +207 -0
  43. package/dist/agents/nav-list.json +65 -0
  44. package/dist/agents/nav-list.md +42 -0
  45. package/dist/agents/navigation-menu.json +90 -0
  46. package/dist/agents/navigation-menu.md +49 -0
  47. package/dist/agents/pagination.json +48 -0
  48. package/dist/agents/pagination.md +37 -0
  49. package/dist/agents/scroll-area.json +54 -0
  50. package/dist/agents/scroll-area.md +39 -0
  51. package/dist/agents/show.json +54 -0
  52. package/dist/agents/show.md +39 -0
  53. package/dist/agents/sidebar.json +56 -0
  54. package/dist/agents/sidebar.md +41 -0
  55. package/dist/agents/skip-link.json +53 -0
  56. package/dist/agents/skip-link.md +38 -0
  57. package/dist/agents/stack.json +48 -0
  58. package/dist/agents/stack.md +37 -0
  59. package/dist/agents/surface.json +48 -0
  60. package/dist/agents/surface.md +37 -0
  61. package/dist/agents/tabs.json +54 -0
  62. package/dist/agents/tabs.md +39 -0
  63. package/dist/agents/text.json +65 -0
  64. package/dist/agents/text.md +42 -0
  65. package/dist/agents/textarea.json +48 -0
  66. package/dist/agents/textarea.md +37 -0
  67. package/dist/agents/toolbar.json +55 -0
  68. package/dist/agents/toolbar.md +40 -0
  69. package/dist/components/alert-dialog/AlertDialog.d.ts +7 -0
  70. package/dist/components/alert-dialog/AlertDialog.d.ts.map +1 -1
  71. package/dist/components/alert-dialog/AlertDialog.js +2 -2
  72. package/dist/components/alert-dialog/AlertDialog.js.map +1 -1
  73. package/dist/components/alert-dialog/index.d.ts +1 -1
  74. package/dist/components/alert-dialog/index.d.ts.map +1 -1
  75. package/dist/components/alert-dialog/index.js.map +1 -1
  76. package/dist/components/button/Button.js +2 -2
  77. package/dist/components/button/Button.js.map +1 -1
  78. package/dist/components/chip/Chip.js +4 -4
  79. package/dist/components/chip/Chip.js.map +1 -1
  80. package/dist/components/dialog/Dialog.d.ts +7 -0
  81. package/dist/components/dialog/Dialog.d.ts.map +1 -1
  82. package/dist/components/dialog/Dialog.js +2 -2
  83. package/dist/components/dialog/Dialog.js.map +1 -1
  84. package/dist/components/dialog/index.d.ts +1 -1
  85. package/dist/components/dialog/index.d.ts.map +1 -1
  86. package/dist/components/dialog/index.js.map +1 -1
  87. package/dist/components/drawer/Drawer.d.ts +8 -1
  88. package/dist/components/drawer/Drawer.d.ts.map +1 -1
  89. package/dist/components/drawer/Drawer.js +3 -2
  90. package/dist/components/drawer/Drawer.js.map +1 -1
  91. package/dist/components/drawer/index.d.ts +1 -1
  92. package/dist/components/drawer/index.d.ts.map +1 -1
  93. package/dist/components/drawer/index.js.map +1 -1
  94. package/dist/components/grid/Grid.d.ts +9 -2
  95. package/dist/components/grid/Grid.d.ts.map +1 -1
  96. package/dist/components/grid/Grid.js +51 -4
  97. package/dist/components/grid/Grid.js.map +1 -1
  98. package/dist/components/icon-button/IconButton.js +2 -2
  99. package/dist/components/icon-button/IconButton.js.map +1 -1
  100. package/dist/components/navigation-menu/NavigationMenu.d.ts +6 -3
  101. package/dist/components/navigation-menu/NavigationMenu.d.ts.map +1 -1
  102. package/dist/components/navigation-menu/NavigationMenu.js +2 -2
  103. package/dist/components/navigation-menu/NavigationMenu.js.map +1 -1
  104. package/dist/components/navigation-menu/index.d.ts +1 -1
  105. package/dist/components/navigation-menu/index.d.ts.map +1 -1
  106. package/dist/components/navigation-menu/index.js.map +1 -1
  107. package/dist/components/text/Text.d.ts +1 -1
  108. package/dist/components/text/Text.d.ts.map +1 -1
  109. package/dist/components/text/Text.js.map +1 -1
  110. package/dist/drawer.d.ts +1 -0
  111. package/dist/drawer.d.ts.map +1 -1
  112. package/dist/drawer.js +1 -0
  113. package/dist/drawer.js.map +1 -1
  114. package/dist/index.d.ts +3 -3
  115. package/dist/index.d.ts.map +1 -1
  116. package/dist/index.js +1 -1
  117. package/dist/index.js.map +1 -1
  118. package/dist/navigation-menu.d.ts +1 -0
  119. package/dist/navigation-menu.d.ts.map +1 -1
  120. package/dist/navigation-menu.js +1 -0
  121. package/dist/navigation-menu.js.map +1 -1
  122. package/dist/styles/alert-dialog.css +1 -1
  123. package/dist/styles/alert-dialog.css.map +1 -1
  124. package/dist/styles/badge.css +1 -1
  125. package/dist/styles/badge.css.map +1 -1
  126. package/dist/styles/code-block.css.map +1 -1
  127. package/dist/styles/context-menu.css.map +1 -1
  128. package/dist/styles/core.css +1 -1
  129. package/dist/styles/core.css.map +1 -1
  130. package/dist/styles/dialog.css +1 -1
  131. package/dist/styles/dialog.css.map +1 -1
  132. package/dist/styles/drawer.css +1 -1
  133. package/dist/styles/drawer.css.map +1 -1
  134. package/dist/styles/dropdown-menu.css.map +1 -1
  135. package/dist/styles/nav-list.css +1 -1
  136. package/dist/styles/nav-list.css.map +1 -1
  137. package/dist/styles/navigation-menu.css +1 -1
  138. package/dist/styles/navigation-menu.css.map +1 -1
  139. package/dist/styles/sidebar.css.map +1 -1
  140. package/dist/styles/text.css +1 -1
  141. package/dist/styles/text.css.map +1 -1
  142. package/dist/styles.css +1 -1
  143. package/dist/styles.css.map +1 -1
  144. package/dist/tokens.css +1 -1
  145. package/dist/tokens.css.map +1 -1
  146. package/docs/guides/agent-knowledge.md +44 -0
  147. package/docs/guides/appearance-and-tokens.md +6 -0
  148. package/docs/guides/installation.md +11 -6
  149. package/package.json +11 -5
package/dist/styles/core.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"ACAA,oBCCE,2vXAAA,mCAAA,yDAwQE,i1EAmEF,8wXAuQA,g5EDnlBF,yBECE,kJAMA,uHAKA,8BACE,oEAKF,uCACE,iEFnBJ","sources":["home/runner/work/brick/brick/.brick-cache/production/core.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/foundations.css","home/runner/work/brick/brick/.brick-cache/production/tokens.source.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"./tokens.source.css\";\n@import \"../../src/styles/foundations.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.foundations {\n :where([class^=\"brick-\"], [class*=\" brick-\"]) {\n box-sizing: border-box;\n font-family: var(--brick-font-family-body);\n -webkit-tap-highlight-color: transparent;\n }\n\n :where([class^=\"brick-\"], [class*=\" brick-\"])::before,\n :where([class^=\"brick-\"], [class*=\" brick-\"])::after {\n box-sizing: border-box;\n }\n\n @media (forced-colors: active) {\n :where([class^=\"brick-\"], [class*=\" brick-\"]) {\n forced-color-adjust: auto;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n :where([class^=\"brick-\"], [class*=\" brick-\"]) {\n scroll-behavior: auto;\n }\n }\n}\n","@layer brick.tokens {\n :root {\n color-scheme: light dark;\n --brick-border-focus-offset: 0.25rem;\n --brick-border-focus-width: 2px;\n --brick-border-width: 1px;\n --brick-color-accent-border: #aaa8f2;\n --brick-color-accent-on-soft: #414098;\n --brick-color-accent-on-solid: #ffffff;\n --brick-color-accent-soft: #f0f0ff;\n --brick-color-accent-soft-hover: #e6e6fe;\n --brick-color-accent-soft-pressed: #dadaff;\n --brick-color-accent-solid: #5b5bd6;\n --brick-color-accent-solid-hover: #5151cd;\n --brick-color-accent-solid-pressed: #4747c2;\n --brick-color-accent-text: #414098;\n --brick-color-border-default: #d9d6d0;\n --brick-color-border-strong: #aaa69e;\n --brick-color-border-subtle: #e3e0db;\n --brick-color-danger-border: #ef9cad;\n --brick-color-danger-on-soft: #ad233f;\n --brick-color-danger-on-solid: #ffffff;\n --brick-color-danger-soft: #ffeef1;\n --brick-color-danger-soft-hover: #ffdde3;\n --brick-color-danger-soft-pressed: #ffcbd5;\n --brick-color-danger-solid: #ad233f;\n --brick-color-danger-solid-hover: #9f1f38;\n --brick-color-danger-solid-pressed: #901a33;\n --brick-color-danger-surface: #ffeef1;\n --brick-color-danger-text: #ad233f;\n --brick-color-focus-ring: #5b5bd6;\n --brick-color-info-border: #95c9f6;\n --brick-color-info-on-soft: #105da9;\n --brick-color-info-on-solid: #ffffff;\n --brick-color-info-soft: #ecf6ff;\n --brick-color-info-soft-hover: #dceeff;\n --brick-color-info-soft-pressed: #cbe7ff;\n --brick-color-info-solid: #0073d0;\n --brick-color-info-solid-hover: #0068bd;\n --brick-color-info-solid-pressed: #005da9;\n --brick-color-info-surface: #ecf6ff;\n --brick-color-info-text: #105da9;\n --brick-color-scrim: #1413128c;\n --brick-color-shadow: #1413122e;\n --brick-color-success-border: #7bd1ad;\n --brick-color-success-on-soft: #136e4c;\n --brick-color-success-on-solid: #ffffff;\n --brick-color-success-soft: #e8fbf3;\n --brick-color-success-soft-hover: #d7f6e9;\n --brick-color-success-soft-pressed: #c5efdd;\n --brick-color-success-solid: #18794e;\n --brick-color-success-solid-hover: #146f46;\n --brick-color-success-solid-pressed: #10643e;\n --brick-color-success-surface: #e8fbf3;\n --brick-color-success-text: #136e4c;\n --brick-color-surface-base: #f9f8f6;\n --brick-color-surface-canvas: #fdfcfb;\n --brick-color-surface-overlay: #ffffff;\n --brick-color-surface-raised: #ffffff;\n --brick-color-surface-subtle: #f2f0ed;\n --brick-color-text-inverse: #ffffff;\n --brick-color-text-muted: #76726c;\n --brick-color-text-primary: #211f1c;\n --brick-color-text-secondary: #63605b;\n --brick-color-warning-border: #e3a644;\n --brick-color-warning-on-soft: #714904;\n --brick-color-warning-on-solid: #211f1c;\n --brick-color-warning-soft: #fff7e3;\n --brick-color-warning-soft-hover: #ffedc2;\n --brick-color-warning-soft-pressed: #ffe3a1;\n --brick-color-warning-solid: #f29f21;\n --brick-color-warning-solid-hover: #e58c0e;\n --brick-color-warning-solid-pressed: #d87d00;\n --brick-color-warning-surface: #fff7e3;\n --brick-color-warning-text: #714904;\n --brick-control-min-block-size-lg: 3.25rem;\n --brick-control-min-block-size-md: 2.75rem;\n --brick-control-min-block-size-sm: 2.25rem;\n --brick-control-min-block-size-xl: 3.75rem;\n --brick-control-min-block-size-xs: 1.75rem;\n --brick-control-target-min: 2.75rem;\n --brick-font-family-body: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-heading: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-mono: ui-monospace, SFMono-Regular, monospace;\n --brick-font-letter-spacing-normal: 0em;\n --brick-font-letter-spacing-slight: -0.01em;\n --brick-font-letter-spacing-tight: -0.02em;\n --brick-font-letter-spacing-tightest: -0.03em;\n --brick-font-line-height-body: 1.5;\n --brick-font-line-height-tight: 1.2;\n --brick-font-size-2xl: 2rem;\n --brick-font-size-3xl: 2.5rem;\n --brick-font-size-lg: 1.25rem;\n --brick-font-size-md: 1rem;\n --brick-font-size-sm: 0.875rem;\n --brick-font-size-xl: 1.5rem;\n --brick-font-size-xs: 0.75rem;\n --brick-font-weight-medium: 500;\n --brick-font-weight-regular: 400;\n --brick-font-weight-semibold: 600;\n --brick-layer-base: 0;\n --brick-layer-overlay: 1000;\n --brick-motion-duration-fast: 120ms;\n --brick-motion-duration-moderate: 200ms;\n --brick-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);\n --brick-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);\n --brick-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);\n --brick-radius-control: 0.5rem;\n --brick-radius-full: 9999px;\n --brick-radius-overlay: 1rem;\n --brick-radius-subtle: 0.25rem;\n --brick-radius-surface: 0.75rem;\n --brick-space-0: 0rem;\n --brick-space-1: 0.25rem;\n --brick-space-2: 0.5rem;\n --brick-space-3: 0.75rem;\n --brick-space-4: 1rem;\n --brick-space-5: 1.5rem;\n --brick-space-6: 2rem;\n --brick-space-component-gap: 0.5rem;\n --brick-space-control-inline: 1rem;\n --brick-space-surface: 1.5rem;\n --brick-typography-body-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-lg-font-size: 1.25rem;\n --brick-typography-body-lg-font-weight: 400;\n --brick-typography-body-lg-letter-spacing: 0em;\n --brick-typography-body-lg-line-height: 1.5;\n --brick-typography-body-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-md-font-size: 1rem;\n --brick-typography-body-md-font-weight: 400;\n --brick-typography-body-md-letter-spacing: 0em;\n --brick-typography-body-md-line-height: 1.5;\n --brick-typography-body-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-sm-font-size: 0.875rem;\n --brick-typography-body-sm-font-weight: 400;\n --brick-typography-body-sm-letter-spacing: 0em;\n --brick-typography-body-sm-line-height: 1.5;\n --brick-typography-caption-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-caption-font-size: 0.75rem;\n --brick-typography-caption-font-weight: 400;\n --brick-typography-caption-letter-spacing: 0em;\n --brick-typography-caption-line-height: 1.5;\n --brick-typography-code-block-md-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-md-font-size: 1rem;\n --brick-typography-code-block-md-font-weight: 400;\n --brick-typography-code-block-md-letter-spacing: 0em;\n --brick-typography-code-block-md-line-height: 1.5;\n --brick-typography-code-block-sm-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-sm-font-size: 0.875rem;\n --brick-typography-code-block-sm-font-weight: 400;\n --brick-typography-code-block-sm-letter-spacing: 0em;\n --brick-typography-code-block-sm-line-height: 1.5;\n --brick-typography-code-inline-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-inline-font-size: 0.9em;\n --brick-typography-code-inline-font-weight: 400;\n --brick-typography-code-inline-letter-spacing: 0em;\n --brick-typography-code-inline-line-height: 1.5;\n --brick-typography-compact-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-lg-font-size: 1rem;\n --brick-typography-compact-title-lg-font-weight: 600;\n --brick-typography-compact-title-lg-letter-spacing: -0.01em;\n --brick-typography-compact-title-lg-line-height: 1.2;\n --brick-typography-compact-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-font-size: 0.875rem;\n --brick-typography-compact-title-font-weight: 600;\n --brick-typography-compact-title-letter-spacing: 0em;\n --brick-typography-compact-title-line-height: 1.2;\n --brick-typography-control-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-lg-font-size: 1rem;\n --brick-typography-control-lg-font-weight: 500;\n --brick-typography-control-lg-letter-spacing: 0em;\n --brick-typography-control-lg-line-height: 1.2;\n --brick-typography-control-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-md-font-size: 0.9375rem;\n --brick-typography-control-md-font-weight: 500;\n --brick-typography-control-md-letter-spacing: 0em;\n --brick-typography-control-md-line-height: 1.2;\n --brick-typography-control-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-sm-font-size: 0.875rem;\n --brick-typography-control-sm-font-weight: 500;\n --brick-typography-control-sm-letter-spacing: 0em;\n --brick-typography-control-sm-line-height: 1.2;\n --brick-typography-control-xl-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xl-font-size: 1.125rem;\n --brick-typography-control-xl-font-weight: 500;\n --brick-typography-control-xl-letter-spacing: 0em;\n --brick-typography-control-xl-line-height: 1.2;\n --brick-typography-control-xs-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xs-font-size: 0.75rem;\n --brick-typography-control-xs-font-weight: 500;\n --brick-typography-control-xs-letter-spacing: 0em;\n --brick-typography-control-xs-line-height: 1.2;\n --brick-typography-display-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-display-font-size: 2.5rem;\n --brick-typography-display-font-weight: 600;\n --brick-typography-display-letter-spacing: -0.03em;\n --brick-typography-display-line-height: 1.2;\n --brick-typography-field-value-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-lg-font-size: 1.125rem;\n --brick-typography-field-value-lg-font-weight: 400;\n --brick-typography-field-value-lg-letter-spacing: 0em;\n --brick-typography-field-value-lg-line-height: 1.5;\n --brick-typography-field-value-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-md-font-size: 1rem;\n --brick-typography-field-value-md-font-weight: 400;\n --brick-typography-field-value-md-letter-spacing: 0em;\n --brick-typography-field-value-md-line-height: 1.5;\n --brick-typography-label-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-md-font-size: 1rem;\n --brick-typography-label-md-font-weight: 500;\n --brick-typography-label-md-letter-spacing: 0em;\n --brick-typography-label-md-line-height: 1.5;\n --brick-typography-label-strong-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-strong-font-size: 1rem;\n --brick-typography-label-strong-font-weight: 600;\n --brick-typography-label-strong-letter-spacing: 0em;\n --brick-typography-label-strong-line-height: 1.5;\n --brick-typography-overlay-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-overlay-title-font-size: 1.25rem;\n --brick-typography-overlay-title-font-weight: 600;\n --brick-typography-overlay-title-letter-spacing: -0.01em;\n --brick-typography-overlay-title-line-height: 1.2;\n --brick-typography-supporting-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-supporting-sm-font-size: 0.875rem;\n --brick-typography-supporting-sm-font-weight: 400;\n --brick-typography-supporting-sm-letter-spacing: 0em;\n --brick-typography-supporting-sm-line-height: 1.5;\n --brick-typography-surface-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-lg-font-size: 1.25rem;\n --brick-typography-surface-title-lg-font-weight: 600;\n --brick-typography-surface-title-lg-letter-spacing: -0.01em;\n --brick-typography-surface-title-lg-line-height: 1.2;\n --brick-typography-surface-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-md-font-size: 1.125rem;\n --brick-typography-surface-title-md-font-weight: 600;\n --brick-typography-surface-title-md-letter-spacing: -0.01em;\n --brick-typography-surface-title-md-line-height: 1.2;\n --brick-typography-surface-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-sm-font-size: 1rem;\n --brick-typography-surface-title-sm-font-weight: 600;\n --brick-typography-surface-title-sm-letter-spacing: -0.01em;\n --brick-typography-surface-title-sm-line-height: 1.2;\n --brick-typography-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-lg-font-size: 2rem;\n --brick-typography-title-lg-font-weight: 600;\n --brick-typography-title-lg-letter-spacing: -0.02em;\n --brick-typography-title-lg-line-height: 1.2;\n --brick-typography-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-md-font-size: 1.5rem;\n --brick-typography-title-md-font-weight: 600;\n --brick-typography-title-md-letter-spacing: -0.02em;\n --brick-typography-title-md-line-height: 1.2;\n --brick-typography-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-sm-font-size: 1.25rem;\n --brick-typography-title-sm-font-weight: 600;\n --brick-typography-title-sm-letter-spacing: -0.01em;\n --brick-typography-title-sm-line-height: 1.2;\n --brick-typography-validation-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-validation-sm-font-size: 0.875rem;\n --brick-typography-validation-sm-font-weight: 500;\n --brick-typography-validation-sm-letter-spacing: 0em;\n --brick-typography-validation-sm-line-height: 1.5;\n }\n\n @media (prefers-color-scheme: dark) {\n :root:not([data-brick-appearance]) {\n --brick-color-accent-border: #5a56b5;\n --brick-color-accent-on-soft: #bebaff;\n --brick-color-accent-soft: #232149;\n --brick-color-accent-soft-hover: #2f2c5c;\n --brick-color-accent-soft-pressed: #3a376f;\n --brick-color-accent-solid: #5b57c7;\n --brick-color-accent-solid-hover: #625ed0;\n --brick-color-accent-solid-pressed: #514db6;\n --brick-color-accent-text: #bebaff;\n --brick-color-border-default: #4d4c47;\n --brick-color-border-strong: #706d64;\n --brick-color-border-subtle: #3b3b37;\n --brick-color-danger-border: #993045;\n --brick-color-danger-on-soft: #ff93a7;\n --brick-color-danger-soft: #44131e;\n --brick-color-danger-soft-hover: #561825;\n --brick-color-danger-soft-pressed: #681d2d;\n --brick-color-danger-solid: #af2642;\n --brick-color-danger-solid-hover: #bd2c49;\n --brick-color-danger-solid-pressed: #9f2038;\n --brick-color-danger-surface: #44131e;\n --brick-color-danger-text: #ff93a7;\n --brick-color-focus-ring: #bebaff;\n --brick-color-info-border: #2c6ba7;\n --brick-color-info-on-soft: #95c9f6;\n --brick-color-info-soft: #102840;\n --brick-color-info-soft-hover: #143654;\n --brick-color-info-soft-pressed: #184267;\n --brick-color-info-solid: #0a6ec3;\n --brick-color-info-solid-hover: #1178cf;\n --brick-color-info-solid-pressed: #075fa9;\n --brick-color-info-surface: #102840;\n --brick-color-info-text: #95c9f6;\n --brick-color-scrim: #000000b8;\n --brick-color-shadow: #00000080;\n --brick-color-success-border: #237350;\n --brick-color-success-on-soft: #7bd1ad;\n --brick-color-success-soft: #0e3022;\n --brick-color-success-soft-hover: #123d2b;\n --brick-color-success-soft-pressed: #174b35;\n --brick-color-success-solid-hover: #1e8357;\n --brick-color-success-solid-pressed: #12663f;\n --brick-color-success-surface: #0e3022;\n --brick-color-success-text: #7bd1ad;\n --brick-color-surface-base: #20201e;\n --brick-color-surface-canvas: #191918;\n --brick-color-surface-overlay: #2e2e2b;\n --brick-color-surface-raised: #2e2e2b;\n --brick-color-surface-subtle: #272725;\n --brick-color-text-inverse: #211f1c;\n --brick-color-text-muted: #999690;\n --brick-color-text-primary: #eeeeec;\n --brick-color-text-secondary: #b8b6b1;\n --brick-color-warning-border: #905f12;\n --brick-color-warning-on-soft: #f2bd59;\n --brick-color-warning-soft: #3d2707;\n --brick-color-warning-soft-hover: #4d3108;\n --brick-color-warning-soft-pressed: #5d3b09;\n --brick-color-warning-solid: #e39019;\n --brick-color-warning-solid-hover: #eda025;\n --brick-color-warning-solid-pressed: #cf7d08;\n --brick-color-warning-surface: #3d2707;\n --brick-color-warning-text: #f2bd59;\n }\n }\n\n [data-brick-appearance=\"light\"] {\n color-scheme: light;\n --brick-border-focus-offset: 0.25rem;\n --brick-border-focus-width: 2px;\n --brick-border-width: 1px;\n --brick-color-accent-border: #aaa8f2;\n --brick-color-accent-on-soft: #414098;\n --brick-color-accent-on-solid: #ffffff;\n --brick-color-accent-soft: #f0f0ff;\n --brick-color-accent-soft-hover: #e6e6fe;\n --brick-color-accent-soft-pressed: #dadaff;\n --brick-color-accent-solid: #5b5bd6;\n --brick-color-accent-solid-hover: #5151cd;\n --brick-color-accent-solid-pressed: #4747c2;\n --brick-color-accent-text: #414098;\n --brick-color-border-default: #d9d6d0;\n --brick-color-border-strong: #aaa69e;\n --brick-color-border-subtle: #e3e0db;\n --brick-color-danger-border: #ef9cad;\n --brick-color-danger-on-soft: #ad233f;\n --brick-color-danger-on-solid: #ffffff;\n --brick-color-danger-soft: #ffeef1;\n --brick-color-danger-soft-hover: #ffdde3;\n --brick-color-danger-soft-pressed: #ffcbd5;\n --brick-color-danger-solid: #ad233f;\n --brick-color-danger-solid-hover: #9f1f38;\n --brick-color-danger-solid-pressed: #901a33;\n --brick-color-danger-surface: #ffeef1;\n --brick-color-danger-text: #ad233f;\n --brick-color-focus-ring: #5b5bd6;\n --brick-color-info-border: #95c9f6;\n --brick-color-info-on-soft: #105da9;\n --brick-color-info-on-solid: #ffffff;\n --brick-color-info-soft: #ecf6ff;\n --brick-color-info-soft-hover: #dceeff;\n --brick-color-info-soft-pressed: #cbe7ff;\n --brick-color-info-solid: #0073d0;\n --brick-color-info-solid-hover: #0068bd;\n --brick-color-info-solid-pressed: #005da9;\n --brick-color-info-surface: #ecf6ff;\n --brick-color-info-text: #105da9;\n --brick-color-scrim: #1413128c;\n --brick-color-shadow: #1413122e;\n --brick-color-success-border: #7bd1ad;\n --brick-color-success-on-soft: #136e4c;\n --brick-color-success-on-solid: #ffffff;\n --brick-color-success-soft: #e8fbf3;\n --brick-color-success-soft-hover: #d7f6e9;\n --brick-color-success-soft-pressed: #c5efdd;\n --brick-color-success-solid: #18794e;\n --brick-color-success-solid-hover: #146f46;\n --brick-color-success-solid-pressed: #10643e;\n --brick-color-success-surface: #e8fbf3;\n --brick-color-success-text: #136e4c;\n --brick-color-surface-base: #f9f8f6;\n --brick-color-surface-canvas: #fdfcfb;\n --brick-color-surface-overlay: #ffffff;\n --brick-color-surface-raised: #ffffff;\n --brick-color-surface-subtle: #f2f0ed;\n --brick-color-text-inverse: #ffffff;\n --brick-color-text-muted: #76726c;\n --brick-color-text-primary: #211f1c;\n --brick-color-text-secondary: #63605b;\n --brick-color-warning-border: #e3a644;\n --brick-color-warning-on-soft: #714904;\n --brick-color-warning-on-solid: #211f1c;\n --brick-color-warning-soft: #fff7e3;\n --brick-color-warning-soft-hover: #ffedc2;\n --brick-color-warning-soft-pressed: #ffe3a1;\n --brick-color-warning-solid: #f29f21;\n --brick-color-warning-solid-hover: #e58c0e;\n --brick-color-warning-solid-pressed: #d87d00;\n --brick-color-warning-surface: #fff7e3;\n --brick-color-warning-text: #714904;\n --brick-control-min-block-size-lg: 3.25rem;\n --brick-control-min-block-size-md: 2.75rem;\n --brick-control-min-block-size-sm: 2.25rem;\n --brick-control-min-block-size-xl: 3.75rem;\n --brick-control-min-block-size-xs: 1.75rem;\n --brick-control-target-min: 2.75rem;\n --brick-font-family-body: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-heading: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-mono: ui-monospace, SFMono-Regular, monospace;\n --brick-font-letter-spacing-normal: 0em;\n --brick-font-letter-spacing-slight: -0.01em;\n --brick-font-letter-spacing-tight: -0.02em;\n --brick-font-letter-spacing-tightest: -0.03em;\n --brick-font-line-height-body: 1.5;\n --brick-font-line-height-tight: 1.2;\n --brick-font-size-2xl: 2rem;\n --brick-font-size-3xl: 2.5rem;\n --brick-font-size-lg: 1.25rem;\n --brick-font-size-md: 1rem;\n --brick-font-size-sm: 0.875rem;\n --brick-font-size-xl: 1.5rem;\n --brick-font-size-xs: 0.75rem;\n --brick-font-weight-medium: 500;\n --brick-font-weight-regular: 400;\n --brick-font-weight-semibold: 600;\n --brick-layer-base: 0;\n --brick-layer-overlay: 1000;\n --brick-motion-duration-fast: 120ms;\n --brick-motion-duration-moderate: 200ms;\n --brick-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);\n --brick-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);\n --brick-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);\n --brick-radius-control: 0.5rem;\n --brick-radius-full: 9999px;\n --brick-radius-overlay: 1rem;\n --brick-radius-subtle: 0.25rem;\n --brick-radius-surface: 0.75rem;\n --brick-space-0: 0rem;\n --brick-space-1: 0.25rem;\n --brick-space-2: 0.5rem;\n --brick-space-3: 0.75rem;\n --brick-space-4: 1rem;\n --brick-space-5: 1.5rem;\n --brick-space-6: 2rem;\n --brick-space-component-gap: 0.5rem;\n --brick-space-control-inline: 1rem;\n --brick-space-surface: 1.5rem;\n --brick-typography-body-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-lg-font-size: 1.25rem;\n --brick-typography-body-lg-font-weight: 400;\n --brick-typography-body-lg-letter-spacing: 0em;\n --brick-typography-body-lg-line-height: 1.5;\n --brick-typography-body-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-md-font-size: 1rem;\n --brick-typography-body-md-font-weight: 400;\n --brick-typography-body-md-letter-spacing: 0em;\n --brick-typography-body-md-line-height: 1.5;\n --brick-typography-body-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-sm-font-size: 0.875rem;\n --brick-typography-body-sm-font-weight: 400;\n --brick-typography-body-sm-letter-spacing: 0em;\n --brick-typography-body-sm-line-height: 1.5;\n --brick-typography-caption-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-caption-font-size: 0.75rem;\n --brick-typography-caption-font-weight: 400;\n --brick-typography-caption-letter-spacing: 0em;\n --brick-typography-caption-line-height: 1.5;\n --brick-typography-code-block-md-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-md-font-size: 1rem;\n --brick-typography-code-block-md-font-weight: 400;\n --brick-typography-code-block-md-letter-spacing: 0em;\n --brick-typography-code-block-md-line-height: 1.5;\n --brick-typography-code-block-sm-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-sm-font-size: 0.875rem;\n --brick-typography-code-block-sm-font-weight: 400;\n --brick-typography-code-block-sm-letter-spacing: 0em;\n --brick-typography-code-block-sm-line-height: 1.5;\n --brick-typography-code-inline-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-inline-font-size: 0.9em;\n --brick-typography-code-inline-font-weight: 400;\n --brick-typography-code-inline-letter-spacing: 0em;\n --brick-typography-code-inline-line-height: 1.5;\n --brick-typography-compact-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-lg-font-size: 1rem;\n --brick-typography-compact-title-lg-font-weight: 600;\n --brick-typography-compact-title-lg-letter-spacing: -0.01em;\n --brick-typography-compact-title-lg-line-height: 1.2;\n --brick-typography-compact-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-font-size: 0.875rem;\n --brick-typography-compact-title-font-weight: 600;\n --brick-typography-compact-title-letter-spacing: 0em;\n --brick-typography-compact-title-line-height: 1.2;\n --brick-typography-control-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-lg-font-size: 1rem;\n --brick-typography-control-lg-font-weight: 500;\n --brick-typography-control-lg-letter-spacing: 0em;\n --brick-typography-control-lg-line-height: 1.2;\n --brick-typography-control-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-md-font-size: 0.9375rem;\n --brick-typography-control-md-font-weight: 500;\n --brick-typography-control-md-letter-spacing: 0em;\n --brick-typography-control-md-line-height: 1.2;\n --brick-typography-control-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-sm-font-size: 0.875rem;\n --brick-typography-control-sm-font-weight: 500;\n --brick-typography-control-sm-letter-spacing: 0em;\n --brick-typography-control-sm-line-height: 1.2;\n --brick-typography-control-xl-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xl-font-size: 1.125rem;\n --brick-typography-control-xl-font-weight: 500;\n --brick-typography-control-xl-letter-spacing: 0em;\n --brick-typography-control-xl-line-height: 1.2;\n --brick-typography-control-xs-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xs-font-size: 0.75rem;\n --brick-typography-control-xs-font-weight: 500;\n --brick-typography-control-xs-letter-spacing: 0em;\n --brick-typography-control-xs-line-height: 1.2;\n --brick-typography-display-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-display-font-size: 2.5rem;\n --brick-typography-display-font-weight: 600;\n --brick-typography-display-letter-spacing: -0.03em;\n --brick-typography-display-line-height: 1.2;\n --brick-typography-field-value-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-lg-font-size: 1.125rem;\n --brick-typography-field-value-lg-font-weight: 400;\n --brick-typography-field-value-lg-letter-spacing: 0em;\n --brick-typography-field-value-lg-line-height: 1.5;\n --brick-typography-field-value-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-md-font-size: 1rem;\n --brick-typography-field-value-md-font-weight: 400;\n --brick-typography-field-value-md-letter-spacing: 0em;\n --brick-typography-field-value-md-line-height: 1.5;\n --brick-typography-label-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-md-font-size: 1rem;\n --brick-typography-label-md-font-weight: 500;\n --brick-typography-label-md-letter-spacing: 0em;\n --brick-typography-label-md-line-height: 1.5;\n --brick-typography-label-strong-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-strong-font-size: 1rem;\n --brick-typography-label-strong-font-weight: 600;\n --brick-typography-label-strong-letter-spacing: 0em;\n --brick-typography-label-strong-line-height: 1.5;\n --brick-typography-overlay-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-overlay-title-font-size: 1.25rem;\n --brick-typography-overlay-title-font-weight: 600;\n --brick-typography-overlay-title-letter-spacing: -0.01em;\n --brick-typography-overlay-title-line-height: 1.2;\n --brick-typography-supporting-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-supporting-sm-font-size: 0.875rem;\n --brick-typography-supporting-sm-font-weight: 400;\n --brick-typography-supporting-sm-letter-spacing: 0em;\n --brick-typography-supporting-sm-line-height: 1.5;\n --brick-typography-surface-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-lg-font-size: 1.25rem;\n --brick-typography-surface-title-lg-font-weight: 600;\n --brick-typography-surface-title-lg-letter-spacing: -0.01em;\n --brick-typography-surface-title-lg-line-height: 1.2;\n --brick-typography-surface-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-md-font-size: 1.125rem;\n --brick-typography-surface-title-md-font-weight: 600;\n --brick-typography-surface-title-md-letter-spacing: -0.01em;\n --brick-typography-surface-title-md-line-height: 1.2;\n --brick-typography-surface-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-sm-font-size: 1rem;\n --brick-typography-surface-title-sm-font-weight: 600;\n --brick-typography-surface-title-sm-letter-spacing: -0.01em;\n --brick-typography-surface-title-sm-line-height: 1.2;\n --brick-typography-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-lg-font-size: 2rem;\n --brick-typography-title-lg-font-weight: 600;\n --brick-typography-title-lg-letter-spacing: -0.02em;\n --brick-typography-title-lg-line-height: 1.2;\n --brick-typography-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-md-font-size: 1.5rem;\n --brick-typography-title-md-font-weight: 600;\n --brick-typography-title-md-letter-spacing: -0.02em;\n --brick-typography-title-md-line-height: 1.2;\n --brick-typography-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-sm-font-size: 1.25rem;\n --brick-typography-title-sm-font-weight: 600;\n --brick-typography-title-sm-letter-spacing: -0.01em;\n --brick-typography-title-sm-line-height: 1.2;\n --brick-typography-validation-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-validation-sm-font-size: 0.875rem;\n --brick-typography-validation-sm-font-weight: 500;\n --brick-typography-validation-sm-letter-spacing: 0em;\n --brick-typography-validation-sm-line-height: 1.5;\n }\n\n [data-brick-appearance=\"dark\"] {\n color-scheme: dark;\n --brick-color-accent-border: #5a56b5;\n --brick-color-accent-on-soft: #bebaff;\n --brick-color-accent-soft: #232149;\n --brick-color-accent-soft-hover: #2f2c5c;\n --brick-color-accent-soft-pressed: #3a376f;\n --brick-color-accent-solid: #5b57c7;\n --brick-color-accent-solid-hover: #625ed0;\n --brick-color-accent-solid-pressed: #514db6;\n --brick-color-accent-text: #bebaff;\n --brick-color-border-default: #4d4c47;\n --brick-color-border-strong: #706d64;\n --brick-color-border-subtle: #3b3b37;\n --brick-color-danger-border: #993045;\n --brick-color-danger-on-soft: #ff93a7;\n --brick-color-danger-soft: #44131e;\n --brick-color-danger-soft-hover: #561825;\n --brick-color-danger-soft-pressed: #681d2d;\n --brick-color-danger-solid: #af2642;\n --brick-color-danger-solid-hover: #bd2c49;\n --brick-color-danger-solid-pressed: #9f2038;\n --brick-color-danger-surface: #44131e;\n --brick-color-danger-text: #ff93a7;\n --brick-color-focus-ring: #bebaff;\n --brick-color-info-border: #2c6ba7;\n --brick-color-info-on-soft: #95c9f6;\n --brick-color-info-soft: #102840;\n --brick-color-info-soft-hover: #143654;\n --brick-color-info-soft-pressed: #184267;\n --brick-color-info-solid: #0a6ec3;\n --brick-color-info-solid-hover: #1178cf;\n --brick-color-info-solid-pressed: #075fa9;\n --brick-color-info-surface: #102840;\n --brick-color-info-text: #95c9f6;\n --brick-color-scrim: #000000b8;\n --brick-color-shadow: #00000080;\n --brick-color-success-border: #237350;\n --brick-color-success-on-soft: #7bd1ad;\n --brick-color-success-soft: #0e3022;\n --brick-color-success-soft-hover: #123d2b;\n --brick-color-success-soft-pressed: #174b35;\n --brick-color-success-solid-hover: #1e8357;\n --brick-color-success-solid-pressed: #12663f;\n --brick-color-success-surface: #0e3022;\n --brick-color-success-text: #7bd1ad;\n --brick-color-surface-base: #20201e;\n --brick-color-surface-canvas: #191918;\n --brick-color-surface-overlay: #2e2e2b;\n --brick-color-surface-raised: #2e2e2b;\n --brick-color-surface-subtle: #272725;\n --brick-color-text-inverse: #211f1c;\n --brick-color-text-muted: #999690;\n --brick-color-text-primary: #eeeeec;\n --brick-color-text-secondary: #b8b6b1;\n --brick-color-warning-border: #905f12;\n --brick-color-warning-on-soft: #f2bd59;\n --brick-color-warning-soft: #3d2707;\n --brick-color-warning-soft-hover: #4d3108;\n --brick-color-warning-soft-pressed: #5d3b09;\n --brick-color-warning-solid: #e39019;\n --brick-color-warning-solid-hover: #eda025;\n --brick-color-warning-solid-pressed: #cf7d08;\n --brick-color-warning-surface: #3d2707;\n --brick-color-warning-text: #f2bd59;\n }\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,oBCCE,giYAAA,mCAAA,yDA8QE,i1EAmEF,mjYA6QA,g5ED/lBF,yBECE,4PAQA,kJAMA,uHAKA,8BACE,oEAKF,uCACE,iEF3BJ","sources":["home/runner/work/brick/brick/.brick-cache/production/core.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/foundations.css","home/runner/work/brick/brick/.brick-cache/production/tokens.source.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"./tokens.source.css\";\n@import \"../../src/styles/foundations.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.foundations {\n :where(body) {\n background-color: var(--brick-color-surface-canvas);\n color: var(--brick-color-text-primary);\n font-family: var(--brick-font-family-body);\n font-size: var(--brick-typography-body-md-font-size);\n line-height: var(--brick-typography-body-md-line-height);\n }\n\n :where([class^=\"brick-\"], [class*=\" brick-\"]) {\n box-sizing: border-box;\n font-family: var(--brick-font-family-body);\n -webkit-tap-highlight-color: transparent;\n }\n\n :where([class^=\"brick-\"], [class*=\" brick-\"])::before,\n :where([class^=\"brick-\"], [class*=\" brick-\"])::after {\n box-sizing: border-box;\n }\n\n @media (forced-colors: active) {\n :where([class^=\"brick-\"], [class*=\" brick-\"]) {\n forced-color-adjust: auto;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n :where([class^=\"brick-\"], [class*=\" brick-\"]) {\n scroll-behavior: auto;\n }\n }\n}\n","@layer brick.tokens {\n :root {\n color-scheme: light dark;\n --brick-border-focus-offset: 0.25rem;\n --brick-border-focus-width: 2px;\n --brick-border-width: 1px;\n --brick-color-accent-border: #aaa8f2;\n --brick-color-accent-on-soft: #414098;\n --brick-color-accent-on-solid: #ffffff;\n --brick-color-accent-soft: #f0f0ff;\n --brick-color-accent-soft-hover: #e6e6fe;\n --brick-color-accent-soft-pressed: #dadaff;\n --brick-color-accent-solid: #5b5bd6;\n --brick-color-accent-solid-hover: #5151cd;\n --brick-color-accent-solid-pressed: #4747c2;\n --brick-color-accent-text: #414098;\n --brick-color-border-default: #d9d6d0;\n --brick-color-border-strong: #aaa69e;\n --brick-color-border-subtle: #e3e0db;\n --brick-color-danger-border: #ef9cad;\n --brick-color-danger-on-soft: #ad233f;\n --brick-color-danger-on-solid: #ffffff;\n --brick-color-danger-soft: #ffeef1;\n --brick-color-danger-soft-hover: #ffdde3;\n --brick-color-danger-soft-pressed: #ffcbd5;\n --brick-color-danger-solid: #ad233f;\n --brick-color-danger-solid-hover: #9f1f38;\n --brick-color-danger-solid-pressed: #901a33;\n --brick-color-danger-surface: #ffeef1;\n --brick-color-danger-text: #ad233f;\n --brick-color-focus-ring: #5b5bd6;\n --brick-color-info-border: #95c9f6;\n --brick-color-info-on-soft: #105da9;\n --brick-color-info-on-solid: #ffffff;\n --brick-color-info-soft: #ecf6ff;\n --brick-color-info-soft-hover: #dceeff;\n --brick-color-info-soft-pressed: #cbe7ff;\n --brick-color-info-solid: #0073d0;\n --brick-color-info-solid-hover: #0068bd;\n --brick-color-info-solid-pressed: #005da9;\n --brick-color-info-surface: #ecf6ff;\n --brick-color-info-text: #105da9;\n --brick-color-scrim: #1413128c;\n --brick-color-shadow: #1413122e;\n --brick-color-success-border: #7bd1ad;\n --brick-color-success-on-soft: #136e4c;\n --brick-color-success-on-solid: #ffffff;\n --brick-color-success-soft: #e8fbf3;\n --brick-color-success-soft-hover: #d7f6e9;\n --brick-color-success-soft-pressed: #c5efdd;\n --brick-color-success-solid: #18794e;\n --brick-color-success-solid-hover: #146f46;\n --brick-color-success-solid-pressed: #10643e;\n --brick-color-success-surface: #e8fbf3;\n --brick-color-success-text: #136e4c;\n --brick-color-surface-base: #f9f8f6;\n --brick-color-surface-canvas: #fdfcfb;\n --brick-color-surface-overlay: #ffffff;\n --brick-color-surface-raised: #ffffff;\n --brick-color-surface-subtle: #f2f0ed;\n --brick-color-text-inverse: #ffffff;\n --brick-color-text-muted: #76726c;\n --brick-color-text-primary: #211f1c;\n --brick-color-text-secondary: #63605b;\n --brick-color-warning-border: #e3a644;\n --brick-color-warning-on-soft: #714904;\n --brick-color-warning-on-solid: #211f1c;\n --brick-color-warning-soft: #fff7e3;\n --brick-color-warning-soft-hover: #ffedc2;\n --brick-color-warning-soft-pressed: #ffe3a1;\n --brick-color-warning-solid: #f29f21;\n --brick-color-warning-solid-hover: #e58c0e;\n --brick-color-warning-solid-pressed: #d87d00;\n --brick-color-warning-surface: #fff7e3;\n --brick-color-warning-text: #714904;\n --brick-control-min-block-size-lg: 3.25rem;\n --brick-control-min-block-size-md: 2.75rem;\n --brick-control-min-block-size-sm: 2.25rem;\n --brick-control-min-block-size-xl: 3.75rem;\n --brick-control-min-block-size-xs: 1.75rem;\n --brick-control-target-min: 2.75rem;\n --brick-font-family-body: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-heading: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-mono: ui-monospace, SFMono-Regular, monospace;\n --brick-font-letter-spacing-normal: 0em;\n --brick-font-letter-spacing-slight: -0.01em;\n --brick-font-letter-spacing-tight: -0.02em;\n --brick-font-letter-spacing-tightest: -0.03em;\n --brick-font-letter-spacing-wide: 0.08em;\n --brick-font-line-height-body: 1.5;\n --brick-font-line-height-tight: 1.2;\n --brick-font-size-2xl: 2rem;\n --brick-font-size-3xl: 2.5rem;\n --brick-font-size-lg: 1.25rem;\n --brick-font-size-md: 1rem;\n --brick-font-size-sm: 0.875rem;\n --brick-font-size-xl: 1.5rem;\n --brick-font-size-xs: 0.75rem;\n --brick-font-weight-medium: 500;\n --brick-font-weight-regular: 400;\n --brick-font-weight-semibold: 600;\n --brick-layer-base: 0;\n --brick-layer-overlay: 1000;\n --brick-motion-duration-fast: 120ms;\n --brick-motion-duration-moderate: 200ms;\n --brick-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);\n --brick-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);\n --brick-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);\n --brick-radius-control: 0.5rem;\n --brick-radius-full: 9999px;\n --brick-radius-overlay: 1rem;\n --brick-radius-subtle: 0.25rem;\n --brick-radius-surface: 0.75rem;\n --brick-space-0: 0rem;\n --brick-space-1: 0.25rem;\n --brick-space-2: 0.5rem;\n --brick-space-3: 0.75rem;\n --brick-space-4: 1rem;\n --brick-space-5: 1.5rem;\n --brick-space-6: 2rem;\n --brick-space-component-gap: 0.5rem;\n --brick-space-control-inline: 1rem;\n --brick-space-surface: 1.5rem;\n --brick-typography-body-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-lg-font-size: 1.25rem;\n --brick-typography-body-lg-font-weight: 400;\n --brick-typography-body-lg-letter-spacing: 0em;\n --brick-typography-body-lg-line-height: 1.5;\n --brick-typography-body-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-md-font-size: 1rem;\n --brick-typography-body-md-font-weight: 400;\n --brick-typography-body-md-letter-spacing: 0em;\n --brick-typography-body-md-line-height: 1.5;\n --brick-typography-body-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-sm-font-size: 0.875rem;\n --brick-typography-body-sm-font-weight: 400;\n --brick-typography-body-sm-letter-spacing: 0em;\n --brick-typography-body-sm-line-height: 1.5;\n --brick-typography-caption-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-caption-font-size: 0.75rem;\n --brick-typography-caption-font-weight: 400;\n --brick-typography-caption-letter-spacing: 0em;\n --brick-typography-caption-line-height: 1.5;\n --brick-typography-code-block-md-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-md-font-size: 1rem;\n --brick-typography-code-block-md-font-weight: 400;\n --brick-typography-code-block-md-letter-spacing: 0em;\n --brick-typography-code-block-md-line-height: 1.5;\n --brick-typography-code-block-sm-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-sm-font-size: 0.875rem;\n --brick-typography-code-block-sm-font-weight: 400;\n --brick-typography-code-block-sm-letter-spacing: 0em;\n --brick-typography-code-block-sm-line-height: 1.5;\n --brick-typography-code-inline-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-inline-font-size: 0.9em;\n --brick-typography-code-inline-font-weight: 400;\n --brick-typography-code-inline-letter-spacing: 0em;\n --brick-typography-code-inline-line-height: 1.5;\n --brick-typography-compact-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-lg-font-size: 1rem;\n --brick-typography-compact-title-lg-font-weight: 600;\n --brick-typography-compact-title-lg-letter-spacing: -0.01em;\n --brick-typography-compact-title-lg-line-height: 1.2;\n --brick-typography-compact-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-font-size: 0.875rem;\n --brick-typography-compact-title-font-weight: 600;\n --brick-typography-compact-title-letter-spacing: 0em;\n --brick-typography-compact-title-line-height: 1.2;\n --brick-typography-control-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-lg-font-size: 1rem;\n --brick-typography-control-lg-font-weight: 500;\n --brick-typography-control-lg-letter-spacing: 0em;\n --brick-typography-control-lg-line-height: 1.2;\n --brick-typography-control-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-md-font-size: 0.9375rem;\n --brick-typography-control-md-font-weight: 500;\n --brick-typography-control-md-letter-spacing: 0em;\n --brick-typography-control-md-line-height: 1.2;\n --brick-typography-control-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-sm-font-size: 0.875rem;\n --brick-typography-control-sm-font-weight: 500;\n --brick-typography-control-sm-letter-spacing: 0em;\n --brick-typography-control-sm-line-height: 1.2;\n --brick-typography-control-xl-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xl-font-size: 1.125rem;\n --brick-typography-control-xl-font-weight: 500;\n --brick-typography-control-xl-letter-spacing: 0em;\n --brick-typography-control-xl-line-height: 1.2;\n --brick-typography-control-xs-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xs-font-size: 0.75rem;\n --brick-typography-control-xs-font-weight: 500;\n --brick-typography-control-xs-letter-spacing: 0em;\n --brick-typography-control-xs-line-height: 1.2;\n --brick-typography-display-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-display-font-size: 2.5rem;\n --brick-typography-display-font-weight: 600;\n --brick-typography-display-letter-spacing: -0.03em;\n --brick-typography-display-line-height: 1.2;\n --brick-typography-eyebrow-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-eyebrow-font-size: 0.75rem;\n --brick-typography-eyebrow-font-weight: 600;\n --brick-typography-eyebrow-letter-spacing: 0.08em;\n --brick-typography-eyebrow-line-height: 1.2;\n --brick-typography-field-value-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-lg-font-size: 1.125rem;\n --brick-typography-field-value-lg-font-weight: 400;\n --brick-typography-field-value-lg-letter-spacing: 0em;\n --brick-typography-field-value-lg-line-height: 1.5;\n --brick-typography-field-value-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-md-font-size: 1rem;\n --brick-typography-field-value-md-font-weight: 400;\n --brick-typography-field-value-md-letter-spacing: 0em;\n --brick-typography-field-value-md-line-height: 1.5;\n --brick-typography-label-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-md-font-size: 1rem;\n --brick-typography-label-md-font-weight: 500;\n --brick-typography-label-md-letter-spacing: 0em;\n --brick-typography-label-md-line-height: 1.5;\n --brick-typography-label-strong-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-strong-font-size: 1rem;\n --brick-typography-label-strong-font-weight: 600;\n --brick-typography-label-strong-letter-spacing: 0em;\n --brick-typography-label-strong-line-height: 1.5;\n --brick-typography-overlay-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-overlay-title-font-size: 1.25rem;\n --brick-typography-overlay-title-font-weight: 600;\n --brick-typography-overlay-title-letter-spacing: -0.01em;\n --brick-typography-overlay-title-line-height: 1.2;\n --brick-typography-supporting-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-supporting-sm-font-size: 0.875rem;\n --brick-typography-supporting-sm-font-weight: 400;\n --brick-typography-supporting-sm-letter-spacing: 0em;\n --brick-typography-supporting-sm-line-height: 1.5;\n --brick-typography-surface-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-lg-font-size: 1.25rem;\n --brick-typography-surface-title-lg-font-weight: 600;\n --brick-typography-surface-title-lg-letter-spacing: -0.01em;\n --brick-typography-surface-title-lg-line-height: 1.2;\n --brick-typography-surface-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-md-font-size: 1.125rem;\n --brick-typography-surface-title-md-font-weight: 600;\n --brick-typography-surface-title-md-letter-spacing: -0.01em;\n --brick-typography-surface-title-md-line-height: 1.2;\n --brick-typography-surface-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-sm-font-size: 1rem;\n --brick-typography-surface-title-sm-font-weight: 600;\n --brick-typography-surface-title-sm-letter-spacing: -0.01em;\n --brick-typography-surface-title-sm-line-height: 1.2;\n --brick-typography-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-lg-font-size: 2rem;\n --brick-typography-title-lg-font-weight: 600;\n --brick-typography-title-lg-letter-spacing: -0.02em;\n --brick-typography-title-lg-line-height: 1.2;\n --brick-typography-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-md-font-size: 1.5rem;\n --brick-typography-title-md-font-weight: 600;\n --brick-typography-title-md-letter-spacing: -0.02em;\n --brick-typography-title-md-line-height: 1.2;\n --brick-typography-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-sm-font-size: 1.25rem;\n --brick-typography-title-sm-font-weight: 600;\n --brick-typography-title-sm-letter-spacing: -0.01em;\n --brick-typography-title-sm-line-height: 1.2;\n --brick-typography-validation-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-validation-sm-font-size: 0.875rem;\n --brick-typography-validation-sm-font-weight: 500;\n --brick-typography-validation-sm-letter-spacing: 0em;\n --brick-typography-validation-sm-line-height: 1.5;\n }\n\n @media (prefers-color-scheme: dark) {\n :root:not([data-brick-appearance]) {\n --brick-color-accent-border: #5a56b5;\n --brick-color-accent-on-soft: #bebaff;\n --brick-color-accent-soft: #232149;\n --brick-color-accent-soft-hover: #2f2c5c;\n --brick-color-accent-soft-pressed: #3a376f;\n --brick-color-accent-solid: #5b57c7;\n --brick-color-accent-solid-hover: #625ed0;\n --brick-color-accent-solid-pressed: #514db6;\n --brick-color-accent-text: #bebaff;\n --brick-color-border-default: #4d4c47;\n --brick-color-border-strong: #706d64;\n --brick-color-border-subtle: #3b3b37;\n --brick-color-danger-border: #993045;\n --brick-color-danger-on-soft: #ff93a7;\n --brick-color-danger-soft: #44131e;\n --brick-color-danger-soft-hover: #561825;\n --brick-color-danger-soft-pressed: #681d2d;\n --brick-color-danger-solid: #af2642;\n --brick-color-danger-solid-hover: #bd2c49;\n --brick-color-danger-solid-pressed: #9f2038;\n --brick-color-danger-surface: #44131e;\n --brick-color-danger-text: #ff93a7;\n --brick-color-focus-ring: #bebaff;\n --brick-color-info-border: #2c6ba7;\n --brick-color-info-on-soft: #95c9f6;\n --brick-color-info-soft: #102840;\n --brick-color-info-soft-hover: #143654;\n --brick-color-info-soft-pressed: #184267;\n --brick-color-info-solid: #0a6ec3;\n --brick-color-info-solid-hover: #1178cf;\n --brick-color-info-solid-pressed: #075fa9;\n --brick-color-info-surface: #102840;\n --brick-color-info-text: #95c9f6;\n --brick-color-scrim: #000000b8;\n --brick-color-shadow: #00000080;\n --brick-color-success-border: #237350;\n --brick-color-success-on-soft: #7bd1ad;\n --brick-color-success-soft: #0e3022;\n --brick-color-success-soft-hover: #123d2b;\n --brick-color-success-soft-pressed: #174b35;\n --brick-color-success-solid-hover: #1e8357;\n --brick-color-success-solid-pressed: #12663f;\n --brick-color-success-surface: #0e3022;\n --brick-color-success-text: #7bd1ad;\n --brick-color-surface-base: #20201e;\n --brick-color-surface-canvas: #191918;\n --brick-color-surface-overlay: #2e2e2b;\n --brick-color-surface-raised: #2e2e2b;\n --brick-color-surface-subtle: #272725;\n --brick-color-text-inverse: #211f1c;\n --brick-color-text-muted: #999690;\n --brick-color-text-primary: #eeeeec;\n --brick-color-text-secondary: #b8b6b1;\n --brick-color-warning-border: #905f12;\n --brick-color-warning-on-soft: #f2bd59;\n --brick-color-warning-soft: #3d2707;\n --brick-color-warning-soft-hover: #4d3108;\n --brick-color-warning-soft-pressed: #5d3b09;\n --brick-color-warning-solid: #e39019;\n --brick-color-warning-solid-hover: #eda025;\n --brick-color-warning-solid-pressed: #cf7d08;\n --brick-color-warning-surface: #3d2707;\n --brick-color-warning-text: #f2bd59;\n }\n }\n\n [data-brick-appearance=\"light\"] {\n color-scheme: light;\n --brick-border-focus-offset: 0.25rem;\n --brick-border-focus-width: 2px;\n --brick-border-width: 1px;\n --brick-color-accent-border: #aaa8f2;\n --brick-color-accent-on-soft: #414098;\n --brick-color-accent-on-solid: #ffffff;\n --brick-color-accent-soft: #f0f0ff;\n --brick-color-accent-soft-hover: #e6e6fe;\n --brick-color-accent-soft-pressed: #dadaff;\n --brick-color-accent-solid: #5b5bd6;\n --brick-color-accent-solid-hover: #5151cd;\n --brick-color-accent-solid-pressed: #4747c2;\n --brick-color-accent-text: #414098;\n --brick-color-border-default: #d9d6d0;\n --brick-color-border-strong: #aaa69e;\n --brick-color-border-subtle: #e3e0db;\n --brick-color-danger-border: #ef9cad;\n --brick-color-danger-on-soft: #ad233f;\n --brick-color-danger-on-solid: #ffffff;\n --brick-color-danger-soft: #ffeef1;\n --brick-color-danger-soft-hover: #ffdde3;\n --brick-color-danger-soft-pressed: #ffcbd5;\n --brick-color-danger-solid: #ad233f;\n --brick-color-danger-solid-hover: #9f1f38;\n --brick-color-danger-solid-pressed: #901a33;\n --brick-color-danger-surface: #ffeef1;\n --brick-color-danger-text: #ad233f;\n --brick-color-focus-ring: #5b5bd6;\n --brick-color-info-border: #95c9f6;\n --brick-color-info-on-soft: #105da9;\n --brick-color-info-on-solid: #ffffff;\n --brick-color-info-soft: #ecf6ff;\n --brick-color-info-soft-hover: #dceeff;\n --brick-color-info-soft-pressed: #cbe7ff;\n --brick-color-info-solid: #0073d0;\n --brick-color-info-solid-hover: #0068bd;\n --brick-color-info-solid-pressed: #005da9;\n --brick-color-info-surface: #ecf6ff;\n --brick-color-info-text: #105da9;\n --brick-color-scrim: #1413128c;\n --brick-color-shadow: #1413122e;\n --brick-color-success-border: #7bd1ad;\n --brick-color-success-on-soft: #136e4c;\n --brick-color-success-on-solid: #ffffff;\n --brick-color-success-soft: #e8fbf3;\n --brick-color-success-soft-hover: #d7f6e9;\n --brick-color-success-soft-pressed: #c5efdd;\n --brick-color-success-solid: #18794e;\n --brick-color-success-solid-hover: #146f46;\n --brick-color-success-solid-pressed: #10643e;\n --brick-color-success-surface: #e8fbf3;\n --brick-color-success-text: #136e4c;\n --brick-color-surface-base: #f9f8f6;\n --brick-color-surface-canvas: #fdfcfb;\n --brick-color-surface-overlay: #ffffff;\n --brick-color-surface-raised: #ffffff;\n --brick-color-surface-subtle: #f2f0ed;\n --brick-color-text-inverse: #ffffff;\n --brick-color-text-muted: #76726c;\n --brick-color-text-primary: #211f1c;\n --brick-color-text-secondary: #63605b;\n --brick-color-warning-border: #e3a644;\n --brick-color-warning-on-soft: #714904;\n --brick-color-warning-on-solid: #211f1c;\n --brick-color-warning-soft: #fff7e3;\n --brick-color-warning-soft-hover: #ffedc2;\n --brick-color-warning-soft-pressed: #ffe3a1;\n --brick-color-warning-solid: #f29f21;\n --brick-color-warning-solid-hover: #e58c0e;\n --brick-color-warning-solid-pressed: #d87d00;\n --brick-color-warning-surface: #fff7e3;\n --brick-color-warning-text: #714904;\n --brick-control-min-block-size-lg: 3.25rem;\n --brick-control-min-block-size-md: 2.75rem;\n --brick-control-min-block-size-sm: 2.25rem;\n --brick-control-min-block-size-xl: 3.75rem;\n --brick-control-min-block-size-xs: 1.75rem;\n --brick-control-target-min: 2.75rem;\n --brick-font-family-body: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-heading: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-mono: ui-monospace, SFMono-Regular, monospace;\n --brick-font-letter-spacing-normal: 0em;\n --brick-font-letter-spacing-slight: -0.01em;\n --brick-font-letter-spacing-tight: -0.02em;\n --brick-font-letter-spacing-tightest: -0.03em;\n --brick-font-letter-spacing-wide: 0.08em;\n --brick-font-line-height-body: 1.5;\n --brick-font-line-height-tight: 1.2;\n --brick-font-size-2xl: 2rem;\n --brick-font-size-3xl: 2.5rem;\n --brick-font-size-lg: 1.25rem;\n --brick-font-size-md: 1rem;\n --brick-font-size-sm: 0.875rem;\n --brick-font-size-xl: 1.5rem;\n --brick-font-size-xs: 0.75rem;\n --brick-font-weight-medium: 500;\n --brick-font-weight-regular: 400;\n --brick-font-weight-semibold: 600;\n --brick-layer-base: 0;\n --brick-layer-overlay: 1000;\n --brick-motion-duration-fast: 120ms;\n --brick-motion-duration-moderate: 200ms;\n --brick-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);\n --brick-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);\n --brick-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);\n --brick-radius-control: 0.5rem;\n --brick-radius-full: 9999px;\n --brick-radius-overlay: 1rem;\n --brick-radius-subtle: 0.25rem;\n --brick-radius-surface: 0.75rem;\n --brick-space-0: 0rem;\n --brick-space-1: 0.25rem;\n --brick-space-2: 0.5rem;\n --brick-space-3: 0.75rem;\n --brick-space-4: 1rem;\n --brick-space-5: 1.5rem;\n --brick-space-6: 2rem;\n --brick-space-component-gap: 0.5rem;\n --brick-space-control-inline: 1rem;\n --brick-space-surface: 1.5rem;\n --brick-typography-body-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-lg-font-size: 1.25rem;\n --brick-typography-body-lg-font-weight: 400;\n --brick-typography-body-lg-letter-spacing: 0em;\n --brick-typography-body-lg-line-height: 1.5;\n --brick-typography-body-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-md-font-size: 1rem;\n --brick-typography-body-md-font-weight: 400;\n --brick-typography-body-md-letter-spacing: 0em;\n --brick-typography-body-md-line-height: 1.5;\n --brick-typography-body-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-sm-font-size: 0.875rem;\n --brick-typography-body-sm-font-weight: 400;\n --brick-typography-body-sm-letter-spacing: 0em;\n --brick-typography-body-sm-line-height: 1.5;\n --brick-typography-caption-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-caption-font-size: 0.75rem;\n --brick-typography-caption-font-weight: 400;\n --brick-typography-caption-letter-spacing: 0em;\n --brick-typography-caption-line-height: 1.5;\n --brick-typography-code-block-md-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-md-font-size: 1rem;\n --brick-typography-code-block-md-font-weight: 400;\n --brick-typography-code-block-md-letter-spacing: 0em;\n --brick-typography-code-block-md-line-height: 1.5;\n --brick-typography-code-block-sm-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-sm-font-size: 0.875rem;\n --brick-typography-code-block-sm-font-weight: 400;\n --brick-typography-code-block-sm-letter-spacing: 0em;\n --brick-typography-code-block-sm-line-height: 1.5;\n --brick-typography-code-inline-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-inline-font-size: 0.9em;\n --brick-typography-code-inline-font-weight: 400;\n --brick-typography-code-inline-letter-spacing: 0em;\n --brick-typography-code-inline-line-height: 1.5;\n --brick-typography-compact-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-lg-font-size: 1rem;\n --brick-typography-compact-title-lg-font-weight: 600;\n --brick-typography-compact-title-lg-letter-spacing: -0.01em;\n --brick-typography-compact-title-lg-line-height: 1.2;\n --brick-typography-compact-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-font-size: 0.875rem;\n --brick-typography-compact-title-font-weight: 600;\n --brick-typography-compact-title-letter-spacing: 0em;\n --brick-typography-compact-title-line-height: 1.2;\n --brick-typography-control-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-lg-font-size: 1rem;\n --brick-typography-control-lg-font-weight: 500;\n --brick-typography-control-lg-letter-spacing: 0em;\n --brick-typography-control-lg-line-height: 1.2;\n --brick-typography-control-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-md-font-size: 0.9375rem;\n --brick-typography-control-md-font-weight: 500;\n --brick-typography-control-md-letter-spacing: 0em;\n --brick-typography-control-md-line-height: 1.2;\n --brick-typography-control-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-sm-font-size: 0.875rem;\n --brick-typography-control-sm-font-weight: 500;\n --brick-typography-control-sm-letter-spacing: 0em;\n --brick-typography-control-sm-line-height: 1.2;\n --brick-typography-control-xl-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xl-font-size: 1.125rem;\n --brick-typography-control-xl-font-weight: 500;\n --brick-typography-control-xl-letter-spacing: 0em;\n --brick-typography-control-xl-line-height: 1.2;\n --brick-typography-control-xs-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xs-font-size: 0.75rem;\n --brick-typography-control-xs-font-weight: 500;\n --brick-typography-control-xs-letter-spacing: 0em;\n --brick-typography-control-xs-line-height: 1.2;\n --brick-typography-display-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-display-font-size: 2.5rem;\n --brick-typography-display-font-weight: 600;\n --brick-typography-display-letter-spacing: -0.03em;\n --brick-typography-display-line-height: 1.2;\n --brick-typography-eyebrow-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-eyebrow-font-size: 0.75rem;\n --brick-typography-eyebrow-font-weight: 600;\n --brick-typography-eyebrow-letter-spacing: 0.08em;\n --brick-typography-eyebrow-line-height: 1.2;\n --brick-typography-field-value-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-lg-font-size: 1.125rem;\n --brick-typography-field-value-lg-font-weight: 400;\n --brick-typography-field-value-lg-letter-spacing: 0em;\n --brick-typography-field-value-lg-line-height: 1.5;\n --brick-typography-field-value-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-md-font-size: 1rem;\n --brick-typography-field-value-md-font-weight: 400;\n --brick-typography-field-value-md-letter-spacing: 0em;\n --brick-typography-field-value-md-line-height: 1.5;\n --brick-typography-label-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-md-font-size: 1rem;\n --brick-typography-label-md-font-weight: 500;\n --brick-typography-label-md-letter-spacing: 0em;\n --brick-typography-label-md-line-height: 1.5;\n --brick-typography-label-strong-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-strong-font-size: 1rem;\n --brick-typography-label-strong-font-weight: 600;\n --brick-typography-label-strong-letter-spacing: 0em;\n --brick-typography-label-strong-line-height: 1.5;\n --brick-typography-overlay-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-overlay-title-font-size: 1.25rem;\n --brick-typography-overlay-title-font-weight: 600;\n --brick-typography-overlay-title-letter-spacing: -0.01em;\n --brick-typography-overlay-title-line-height: 1.2;\n --brick-typography-supporting-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-supporting-sm-font-size: 0.875rem;\n --brick-typography-supporting-sm-font-weight: 400;\n --brick-typography-supporting-sm-letter-spacing: 0em;\n --brick-typography-supporting-sm-line-height: 1.5;\n --brick-typography-surface-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-lg-font-size: 1.25rem;\n --brick-typography-surface-title-lg-font-weight: 600;\n --brick-typography-surface-title-lg-letter-spacing: -0.01em;\n --brick-typography-surface-title-lg-line-height: 1.2;\n --brick-typography-surface-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-md-font-size: 1.125rem;\n --brick-typography-surface-title-md-font-weight: 600;\n --brick-typography-surface-title-md-letter-spacing: -0.01em;\n --brick-typography-surface-title-md-line-height: 1.2;\n --brick-typography-surface-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-sm-font-size: 1rem;\n --brick-typography-surface-title-sm-font-weight: 600;\n --brick-typography-surface-title-sm-letter-spacing: -0.01em;\n --brick-typography-surface-title-sm-line-height: 1.2;\n --brick-typography-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-lg-font-size: 2rem;\n --brick-typography-title-lg-font-weight: 600;\n --brick-typography-title-lg-letter-spacing: -0.02em;\n --brick-typography-title-lg-line-height: 1.2;\n --brick-typography-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-md-font-size: 1.5rem;\n --brick-typography-title-md-font-weight: 600;\n --brick-typography-title-md-letter-spacing: -0.02em;\n --brick-typography-title-md-line-height: 1.2;\n --brick-typography-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-sm-font-size: 1.25rem;\n --brick-typography-title-sm-font-weight: 600;\n --brick-typography-title-sm-letter-spacing: -0.01em;\n --brick-typography-title-sm-line-height: 1.2;\n --brick-typography-validation-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-validation-sm-font-size: 0.875rem;\n --brick-typography-validation-sm-font-weight: 500;\n --brick-typography-validation-sm-letter-spacing: 0em;\n --brick-typography-validation-sm-line-height: 1.5;\n }\n\n [data-brick-appearance=\"dark\"] {\n color-scheme: dark;\n --brick-color-accent-border: #5a56b5;\n --brick-color-accent-on-soft: #bebaff;\n --brick-color-accent-soft: #232149;\n --brick-color-accent-soft-hover: #2f2c5c;\n --brick-color-accent-soft-pressed: #3a376f;\n --brick-color-accent-solid: #5b57c7;\n --brick-color-accent-solid-hover: #625ed0;\n --brick-color-accent-solid-pressed: #514db6;\n --brick-color-accent-text: #bebaff;\n --brick-color-border-default: #4d4c47;\n --brick-color-border-strong: #706d64;\n --brick-color-border-subtle: #3b3b37;\n --brick-color-danger-border: #993045;\n --brick-color-danger-on-soft: #ff93a7;\n --brick-color-danger-soft: #44131e;\n --brick-color-danger-soft-hover: #561825;\n --brick-color-danger-soft-pressed: #681d2d;\n --brick-color-danger-solid: #af2642;\n --brick-color-danger-solid-hover: #bd2c49;\n --brick-color-danger-solid-pressed: #9f2038;\n --brick-color-danger-surface: #44131e;\n --brick-color-danger-text: #ff93a7;\n --brick-color-focus-ring: #bebaff;\n --brick-color-info-border: #2c6ba7;\n --brick-color-info-on-soft: #95c9f6;\n --brick-color-info-soft: #102840;\n --brick-color-info-soft-hover: #143654;\n --brick-color-info-soft-pressed: #184267;\n --brick-color-info-solid: #0a6ec3;\n --brick-color-info-solid-hover: #1178cf;\n --brick-color-info-solid-pressed: #075fa9;\n --brick-color-info-surface: #102840;\n --brick-color-info-text: #95c9f6;\n --brick-color-scrim: #000000b8;\n --brick-color-shadow: #00000080;\n --brick-color-success-border: #237350;\n --brick-color-success-on-soft: #7bd1ad;\n --brick-color-success-soft: #0e3022;\n --brick-color-success-soft-hover: #123d2b;\n --brick-color-success-soft-pressed: #174b35;\n --brick-color-success-solid-hover: #1e8357;\n --brick-color-success-solid-pressed: #12663f;\n --brick-color-success-surface: #0e3022;\n --brick-color-success-text: #7bd1ad;\n --brick-color-surface-base: #20201e;\n --brick-color-surface-canvas: #191918;\n --brick-color-surface-overlay: #2e2e2b;\n --brick-color-surface-raised: #2e2e2b;\n --brick-color-surface-subtle: #272725;\n --brick-color-text-inverse: #211f1c;\n --brick-color-text-muted: #999690;\n --brick-color-text-primary: #eeeeec;\n --brick-color-text-secondary: #b8b6b1;\n --brick-color-warning-border: #905f12;\n --brick-color-warning-on-soft: #f2bd59;\n --brick-color-warning-soft: #3d2707;\n --brick-color-warning-soft-hover: #4d3108;\n --brick-color-warning-soft-pressed: #5d3b09;\n --brick-color-warning-solid: #e39019;\n --brick-color-warning-solid-hover: #eda025;\n --brick-color-warning-solid-pressed: #cf7d08;\n --brick-color-warning-surface: #3d2707;\n --brick-color-warning-text: #f2bd59;\n }\n}\n"],"names":[]}
package/dist/styles/dialog.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer brick.tokens,brick.foundations;@layer brick.components{.brick-dialog-overlay{z-index:var(--brick-layer-overlay);background:var(--brick-color-scrim);opacity:1;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);position:fixed;inset:0}.brick-dialog-overlay[data-state=closed]{opacity:0}.brick-dialog-content{--brick-dialog-max-inline-size:32rem;--brick-dialog-max-block-size:calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));--brick-dialog-space:var(--brick-space-5);--brick-dialog-radius:var(--brick-radius-overlay);--brick-dialog-shadow:0 1.5rem 4.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 4%);z-index:calc(var(--brick-layer-overlay) + 1);inset-block-start:50%;box-sizing:border-box;inline-size:min(var(--brick-dialog-max-inline-size), calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)));max-inline-size:calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right));max-block-size:var(--brick-dialog-max-block-size);border:var(--brick-border-width) solid var(--brick-color-border-subtle);border-radius:var(--brick-dialog-radius);background:var(--brick-color-surface-overlay);box-shadow:var(--brick-dialog-shadow);color:var(--brick-color-text-primary);opacity:1;overflow-wrap:anywhere;transform-origin:50%;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);flex-direction:column;display:flex;position:fixed;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(1)}.brick-dialog-content[data-size=sm]{--brick-dialog-max-inline-size:24rem;--brick-dialog-space:var(--brick-space-4)}.brick-dialog-content[data-size=lg]{--brick-dialog-max-inline-size:44rem;--brick-dialog-space:var(--brick-space-6)}.brick-dialog-content[data-state=closed]{opacity:0;transform:translate(-50%,-48%)scale(.985)}.brick-dialog-header{gap:var(--brick-space-1);min-inline-size:0;padding:var(--brick-dialog-space);flex:none;padding-block-end:var(--brick-space-3);display:grid}.brick-dialog-title,.brick-dialog-description{min-inline-size:0;margin:0}.brick-dialog-title{color:var(--brick-color-text-primary);font-family:var(--brick-typography-overlay-title-font-family);font-size:var(--brick-typography-overlay-title-font-size);font-weight:var(--brick-typography-overlay-title-font-weight);letter-spacing:var(--brick-typography-overlay-title-letter-spacing);line-height:var(--brick-typography-overlay-title-line-height)}.brick-dialog-description{color:var(--brick-color-text-secondary);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-dialog-body{min-block-size:0;min-inline-size:0;padding-inline:var(--brick-dialog-space);padding-block:var(--brick-space-2) var(--brick-dialog-space);overscroll-behavior:contain;color:var(--brick-color-text-primary);line-height:var(--brick-typography-body-md-line-height);scrollbar-gutter:stable;flex:auto;overflow:auto}.brick-dialog-footer{justify-content:flex-end;align-items:center;gap:var(--brick-space-2);min-inline-size:0;padding:var(--brick-space-3) var(--brick-dialog-space) var(--brick-dialog-space);flex-wrap:wrap;flex:none;display:flex}@supports not (height:100dvb){.brick-dialog-content{--brick-dialog-max-block-size:calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}@media (width<=30rem){.brick-dialog-content{--brick-dialog-space:var(--brick-space-4)}.brick-dialog-footer>.brick-button{flex:9rem}}@media (prefers-reduced-motion:reduce){.brick-dialog-overlay,.brick-dialog-content{transition-duration:1ms}.brick-dialog-content,.brick-dialog-content[data-state=closed]{transform:translate(-50%,-50%)}}@media (forced-colors:active){.brick-dialog-overlay{opacity:.7;background:canvas}.brick-dialog-content{box-shadow:none;border-color:canvastext}}}@layer brick.effects;
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-dialog-overlay{z-index:var(--brick-layer-overlay);background:var(--brick-color-scrim);opacity:1;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);position:fixed;inset:0}.brick-dialog-overlay[data-state=closed]{opacity:0}.brick-dialog-content{--brick-dialog-max-inline-size:32rem;--brick-dialog-max-block-size:calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));--brick-dialog-space:var(--brick-space-5);--brick-dialog-radius:var(--brick-radius-overlay);--brick-dialog-shadow:0 1.5rem 4.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 4%);z-index:calc(var(--brick-layer-overlay) + 1);inset-block-start:50%;box-sizing:border-box;inline-size:min(var(--brick-dialog-max-inline-size), calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)));max-inline-size:calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right));max-block-size:var(--brick-dialog-max-block-size);border:var(--brick-border-width) solid var(--brick-color-border-subtle);border-radius:var(--brick-dialog-radius);background:var(--brick-color-surface-overlay);box-shadow:var(--brick-dialog-shadow);color:var(--brick-color-text-primary);opacity:1;overflow-wrap:anywhere;transform-origin:50%;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);flex-direction:column;display:flex;position:fixed;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(1)}.brick-dialog-content[data-size=sm]{--brick-dialog-max-inline-size:24rem;--brick-dialog-space:var(--brick-space-4)}.brick-dialog-content[data-size=lg]{--brick-dialog-max-inline-size:44rem;--brick-dialog-space:var(--brick-space-6)}.brick-dialog-content[data-state=closed]{opacity:0;transform:translate(-50%,-48%)scale(.985)}.brick-dialog-header{gap:var(--brick-space-1);min-inline-size:0;padding:var(--brick-dialog-space);flex:none;padding-block-end:var(--brick-space-3);display:grid}.brick-dialog-title,.brick-dialog-description{min-inline-size:0;margin:0}.brick-dialog-title{color:var(--brick-color-text-primary);font-family:var(--brick-typography-overlay-title-font-family);font-size:var(--brick-typography-overlay-title-font-size);font-weight:var(--brick-typography-overlay-title-font-weight);letter-spacing:var(--brick-typography-overlay-title-letter-spacing);line-height:var(--brick-typography-overlay-title-line-height)}.brick-dialog-description{color:var(--brick-color-text-secondary);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-dialog-body{min-block-size:0;min-inline-size:0;padding-inline:var(--brick-dialog-space);padding-block:var(--brick-space-2) var(--brick-dialog-space);overscroll-behavior:contain;color:var(--brick-color-text-primary);line-height:var(--brick-typography-body-md-line-height);scrollbar-gutter:stable;flex:auto;overflow:auto}.brick-dialog-footer{justify-content:flex-end;align-items:center;gap:var(--brick-space-2);min-inline-size:0;padding:var(--brick-space-3) var(--brick-dialog-space) var(--brick-dialog-space);flex-wrap:wrap;flex:none;display:flex}.brick-dialog-footer[data-justify=start]{justify-content:flex-start}.brick-dialog-footer[data-justify=center]{justify-content:center}.brick-dialog-footer[data-justify=between]{justify-content:space-between}@supports not (height:100dvb){.brick-dialog-content{--brick-dialog-max-block-size:calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}@media (width<=30rem){.brick-dialog-content{--brick-dialog-space:var(--brick-space-4)}.brick-dialog-footer>.brick-button{flex:9rem}}@media (prefers-reduced-motion:reduce){.brick-dialog-overlay,.brick-dialog-content{transition-duration:1ms}.brick-dialog-content,.brick-dialog-content[data-state=closed]{transform:translate(-50%,-50%)}}@media (forced-colors:active){.brick-dialog-overlay{opacity:.7;background:canvas}.brick-dialog-content{box-shadow:none;border-color:canvastext}}}@layer brick.effects;
2
2
  /*# sourceMappingURL=dialog.css.map */
package/dist/styles/dialog.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,mNASA,mDAIA,owCAuCA,mHAKA,mHAKA,6FAKA,gKASA,yEAMA,kXASA,0XASA,sUAaA,mOAWA,8BACE,iIAKF,sBACE,gEAIA,8CAKF,uCACE,oEAKA,+FAMF,8BACE,mDAKA,gED/JJ","sources":["home/runner/work/brick/brick/.brick-cache/production/dialog.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/dialog/dialog.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/dialog/dialog.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-dialog-overlay {\n position: fixed;\n z-index: var(--brick-layer-overlay);\n inset: 0;\n background: var(--brick-color-scrim);\n opacity: 1;\n transition: opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n }\n\n .brick-dialog-overlay[data-state=\"closed\"] {\n opacity: 0;\n }\n\n .brick-dialog-content {\n --brick-dialog-max-inline-size: 32rem;\n --brick-dialog-max-block-size: calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));\n --brick-dialog-space: var(--brick-space-5);\n --brick-dialog-radius: var(--brick-radius-overlay);\n --brick-dialog-shadow: 0 1.5rem 4.5rem color-mix(\n in srgb,\n var(--brick-color-shadow),\n transparent 4%\n );\n\n position: fixed;\n z-index: calc(var(--brick-layer-overlay) + 1);\n inset-block-start: 50%;\n left: 50%;\n display: flex;\n box-sizing: border-box;\n inline-size: min(\n var(--brick-dialog-max-inline-size),\n calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n );\n max-inline-size: calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right));\n max-block-size: var(--brick-dialog-max-block-size);\n flex-direction: column;\n overflow: hidden;\n border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n border-radius: var(--brick-dialog-radius);\n background: var(--brick-color-surface-overlay);\n box-shadow: var(--brick-dialog-shadow);\n color: var(--brick-color-text-primary);\n opacity: 1;\n overflow-wrap: anywhere;\n transform: translate(-50%, -50%) scale(1);\n transform-origin: center;\n transition:\n opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit),\n transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n }\n\n .brick-dialog-content[data-size=\"sm\"] {\n --brick-dialog-max-inline-size: 24rem;\n --brick-dialog-space: var(--brick-space-4);\n }\n\n .brick-dialog-content[data-size=\"lg\"] {\n --brick-dialog-max-inline-size: 44rem;\n --brick-dialog-space: var(--brick-space-6);\n }\n\n .brick-dialog-content[data-state=\"closed\"] {\n opacity: 0;\n transform: translate(-50%, -48%) scale(0.985);\n }\n\n .brick-dialog-header {\n display: grid;\n flex: none;\n gap: var(--brick-space-1);\n min-inline-size: 0;\n padding: var(--brick-dialog-space);\n padding-block-end: var(--brick-space-3);\n }\n\n .brick-dialog-title,\n .brick-dialog-description {\n min-inline-size: 0;\n margin: 0;\n }\n\n .brick-dialog-title {\n color: var(--brick-color-text-primary);\n font-family: var(--brick-typography-overlay-title-font-family);\n font-size: var(--brick-typography-overlay-title-font-size);\n font-weight: var(--brick-typography-overlay-title-font-weight);\n letter-spacing: var(--brick-typography-overlay-title-letter-spacing);\n line-height: var(--brick-typography-overlay-title-line-height);\n }\n\n .brick-dialog-description {\n color: var(--brick-color-text-secondary);\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-dialog-body {\n min-block-size: 0;\n min-inline-size: 0;\n flex: 1 1 auto;\n padding-inline: var(--brick-dialog-space);\n padding-block: var(--brick-space-2) var(--brick-dialog-space);\n overflow: auto;\n overscroll-behavior: contain;\n color: var(--brick-color-text-primary);\n line-height: var(--brick-typography-body-md-line-height);\n scrollbar-gutter: stable;\n }\n\n .brick-dialog-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-3) var(--brick-dialog-space) var(--brick-dialog-space);\n }\n\n @supports not (height: 100dvb) {\n .brick-dialog-content {\n --brick-dialog-max-block-size: calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));\n }\n }\n\n @media (max-width: 30rem) {\n .brick-dialog-content {\n --brick-dialog-space: var(--brick-space-4);\n }\n\n .brick-dialog-footer > .brick-button {\n flex: 1 1 9rem;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-dialog-overlay,\n .brick-dialog-content {\n transition-duration: 1ms;\n }\n\n .brick-dialog-content,\n .brick-dialog-content[data-state=\"closed\"] {\n transform: translate(-50%, -50%);\n }\n }\n\n @media (forced-colors: active) {\n .brick-dialog-overlay {\n background: Canvas;\n opacity: 0.7;\n }\n\n .brick-dialog-content {\n border-color: CanvasText;\n box-shadow: none;\n }\n }\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,mNASA,mDAIA,owCAuCA,mHAKA,mHAKA,6FAKA,gKASA,yEAMA,kXASA,0XASA,sUAaA,mOAWA,oEAIA,iEAIA,yEAIA,8BACE,iIAKF,sBACE,gEAIA,8CAKF,uCACE,oEAKA,+FAMF,8BACE,mDAKA,gED3KJ","sources":["home/runner/work/brick/brick/.brick-cache/production/dialog.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/dialog/dialog.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/dialog/dialog.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-dialog-overlay {\n position: fixed;\n z-index: var(--brick-layer-overlay);\n inset: 0;\n background: var(--brick-color-scrim);\n opacity: 1;\n transition: opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n }\n\n .brick-dialog-overlay[data-state=\"closed\"] {\n opacity: 0;\n }\n\n .brick-dialog-content {\n --brick-dialog-max-inline-size: 32rem;\n --brick-dialog-max-block-size: calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));\n --brick-dialog-space: var(--brick-space-5);\n --brick-dialog-radius: var(--brick-radius-overlay);\n --brick-dialog-shadow: 0 1.5rem 4.5rem color-mix(\n in srgb,\n var(--brick-color-shadow),\n transparent 4%\n );\n\n position: fixed;\n z-index: calc(var(--brick-layer-overlay) + 1);\n inset-block-start: 50%;\n left: 50%;\n display: flex;\n box-sizing: border-box;\n inline-size: min(\n var(--brick-dialog-max-inline-size),\n calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n );\n max-inline-size: calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right));\n max-block-size: var(--brick-dialog-max-block-size);\n flex-direction: column;\n overflow: hidden;\n border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n border-radius: var(--brick-dialog-radius);\n background: var(--brick-color-surface-overlay);\n box-shadow: var(--brick-dialog-shadow);\n color: var(--brick-color-text-primary);\n opacity: 1;\n overflow-wrap: anywhere;\n transform: translate(-50%, -50%) scale(1);\n transform-origin: center;\n transition:\n opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit),\n transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n }\n\n .brick-dialog-content[data-size=\"sm\"] {\n --brick-dialog-max-inline-size: 24rem;\n --brick-dialog-space: var(--brick-space-4);\n }\n\n .brick-dialog-content[data-size=\"lg\"] {\n --brick-dialog-max-inline-size: 44rem;\n --brick-dialog-space: var(--brick-space-6);\n }\n\n .brick-dialog-content[data-state=\"closed\"] {\n opacity: 0;\n transform: translate(-50%, -48%) scale(0.985);\n }\n\n .brick-dialog-header {\n display: grid;\n flex: none;\n gap: var(--brick-space-1);\n min-inline-size: 0;\n padding: var(--brick-dialog-space);\n padding-block-end: var(--brick-space-3);\n }\n\n .brick-dialog-title,\n .brick-dialog-description {\n min-inline-size: 0;\n margin: 0;\n }\n\n .brick-dialog-title {\n color: var(--brick-color-text-primary);\n font-family: var(--brick-typography-overlay-title-font-family);\n font-size: var(--brick-typography-overlay-title-font-size);\n font-weight: var(--brick-typography-overlay-title-font-weight);\n letter-spacing: var(--brick-typography-overlay-title-letter-spacing);\n line-height: var(--brick-typography-overlay-title-line-height);\n }\n\n .brick-dialog-description {\n color: var(--brick-color-text-secondary);\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-dialog-body {\n min-block-size: 0;\n min-inline-size: 0;\n flex: 1 1 auto;\n padding-inline: var(--brick-dialog-space);\n padding-block: var(--brick-space-2) var(--brick-dialog-space);\n overflow: auto;\n overscroll-behavior: contain;\n color: var(--brick-color-text-primary);\n line-height: var(--brick-typography-body-md-line-height);\n scrollbar-gutter: stable;\n }\n\n .brick-dialog-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-3) var(--brick-dialog-space) var(--brick-dialog-space);\n }\n\n .brick-dialog-footer[data-justify=\"start\"] {\n justify-content: flex-start;\n }\n\n .brick-dialog-footer[data-justify=\"center\"] {\n justify-content: center;\n }\n\n .brick-dialog-footer[data-justify=\"between\"] {\n justify-content: space-between;\n }\n\n @supports not (height: 100dvb) {\n .brick-dialog-content {\n --brick-dialog-max-block-size: calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));\n }\n }\n\n @media (max-width: 30rem) {\n .brick-dialog-content {\n --brick-dialog-space: var(--brick-space-4);\n }\n\n .brick-dialog-footer > .brick-button {\n flex: 1 1 9rem;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-dialog-overlay,\n .brick-dialog-content {\n transition-duration: 1ms;\n }\n\n .brick-dialog-content,\n .brick-dialog-content[data-state=\"closed\"] {\n transform: translate(-50%, -50%);\n }\n }\n\n @media (forced-colors: active) {\n .brick-dialog-overlay {\n background: Canvas;\n opacity: 0.7;\n }\n\n .brick-dialog-content {\n border-color: CanvasText;\n box-shadow: none;\n }\n }\n}\n"],"names":[]}
package/dist/styles/drawer.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer brick.tokens,brick.foundations;@layer brick.components{.brick-drawer-overlay{z-index:var(--brick-layer-overlay);background:var(--brick-color-scrim);opacity:1;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);position:fixed;inset:0}.brick-drawer-overlay[data-state=closed]{opacity:0}.brick-drawer-content{--brick-drawer-space:var(--brick-space-5);--brick-drawer-radius:var(--brick-radius-overlay);--brick-drawer-shadow:0 1.5rem 4.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 4%);--brick-drawer-inline-size-sm:min(20rem, 75dvi);--brick-drawer-inline-size-md:min(28rem, 85dvi);--brick-drawer-inline-size-lg:min(36rem, calc(100dvi - 1rem));--brick-drawer-block-size-sm:min(16rem, 45dvb);--brick-drawer-block-size-md:min(24rem, 65dvb);--brick-drawer-block-size-lg:min(32rem, calc(100dvb - 2rem));--brick-drawer-safe-top:0px;--brick-drawer-safe-right:0px;--brick-drawer-safe-bottom:0px;--brick-drawer-safe-left:0px;z-index:calc(var(--brick-layer-overlay) + 1);box-sizing:border-box;border:var(--brick-border-width) solid var(--brick-color-border-subtle);background:var(--brick-color-surface-overlay);min-block-size:0;min-inline-size:0;box-shadow:var(--brick-drawer-shadow);color:var(--brick-color-text-primary);opacity:1;overflow-wrap:anywhere;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);flex-direction:column;display:flex;position:fixed;overflow:hidden;transform:translate(0,0)}.brick-drawer-content:is([data-placement=start],[data-placement=end]){--brick-drawer-safe-top:env(safe-area-inset-top);--brick-drawer-safe-right:env(safe-area-inset-right);--brick-drawer-safe-bottom:env(safe-area-inset-bottom);--brick-drawer-safe-left:env(safe-area-inset-left);block-size:100dvb;inset-block:0}.brick-drawer-content[data-placement=start]{border-start-end-radius:var(--brick-drawer-radius);border-end-end-radius:var(--brick-drawer-radius);inset-inline-start:0}.brick-drawer-content[data-placement=end]{border-start-start-radius:var(--brick-drawer-radius);border-end-start-radius:var(--brick-drawer-radius);inset-inline-end:0}.brick-drawer-content:is([data-placement=top],[data-placement=bottom]){--brick-drawer-safe-right:env(safe-area-inset-right);--brick-drawer-safe-left:env(safe-area-inset-left);inline-size:100dvi;inset-inline:0}.brick-drawer-content[data-placement=top]{--brick-drawer-safe-top:env(safe-area-inset-top);border-end-end-radius:var(--brick-drawer-radius);border-end-start-radius:var(--brick-drawer-radius);inset-block-start:0}.brick-drawer-content[data-placement=bottom]{--brick-drawer-safe-bottom:env(safe-area-inset-bottom);border-start-start-radius:var(--brick-drawer-radius);border-start-end-radius:var(--brick-drawer-radius);inset-block-end:0}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=sm]{inline-size:var(--brick-drawer-inline-size-sm)}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=md]{inline-size:var(--brick-drawer-inline-size-md)}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=lg]{inline-size:var(--brick-drawer-inline-size-lg)}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=full]{border-radius:0;inline-size:100dvi}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=sm]{block-size:var(--brick-drawer-block-size-sm)}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=md]{block-size:var(--brick-drawer-block-size-md)}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=lg]{block-size:var(--brick-drawer-block-size-lg)}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=full]{--brick-drawer-safe-top:env(safe-area-inset-top);--brick-drawer-safe-bottom:env(safe-area-inset-bottom);border-radius:0;block-size:100dvb}.brick-drawer-content[data-placement=start][data-state=closed]{transform:translate(-100%)}.brick-drawer-content[data-placement=end][data-state=closed],.brick-drawer-content:is(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl])[data-placement=start][data-state=closed]{transform:translate(100%)}.brick-drawer-content:is(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl])[data-placement=end][data-state=closed]{transform:translate(-100%)}.brick-drawer-content[data-placement=top][data-state=closed]{transform:translateY(-100%)}.brick-drawer-content[data-placement=bottom][data-state=closed]{transform:translateY(100%)}.brick-drawer-header{gap:var(--brick-space-1);min-inline-size:0;padding-block-start:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-top));padding-block-end:var(--brick-space-3);padding-left:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));padding-right:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));flex:none;display:grid}.brick-drawer-title,.brick-drawer-description{min-inline-size:0;margin:0}.brick-drawer-title{color:var(--brick-color-text-primary);font-family:var(--brick-typography-overlay-title-font-family);font-size:var(--brick-typography-overlay-title-font-size);font-weight:var(--brick-typography-overlay-title-font-weight);letter-spacing:var(--brick-typography-overlay-title-letter-spacing);line-height:var(--brick-typography-overlay-title-line-height)}.brick-drawer-description{color:var(--brick-color-text-secondary);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-drawer-body{min-block-size:0;min-inline-size:0;padding-block:var(--brick-space-2) var(--brick-drawer-space);padding-left:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));padding-right:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));overscroll-behavior:contain;color:var(--brick-color-text-primary);line-height:var(--brick-typography-body-md-line-height);scrollbar-gutter:stable;flex:auto;overflow:auto}.brick-drawer-footer{justify-content:flex-end;align-items:center;gap:var(--brick-space-2);min-inline-size:0;padding-block-start:var(--brick-space-3);padding-block-end:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-bottom));padding-left:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));padding-right:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));flex-wrap:wrap;flex:none;display:flex}@supports not (height:100dvb){.brick-drawer-content:is([data-placement=start],[data-placement=end]),.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=full]{block-size:100vh}}@media (width<=30rem){.brick-drawer-content{--brick-drawer-space:var(--brick-space-4)}.brick-drawer-footer>.brick-button{flex:9rem}}@media (height<=24rem){.brick-drawer-content{overscroll-behavior:contain;scrollbar-gutter:stable;overflow-y:auto}.brick-drawer-body{flex:none;overflow:visible}}@media (prefers-reduced-motion:reduce){.brick-drawer-overlay,.brick-drawer-content{transition-duration:1ms}.brick-drawer-content[data-state=closed]{transform:translate(0,0)}}@media (forced-colors:active){.brick-drawer-overlay{opacity:.7;background:canvas}.brick-drawer-content{box-shadow:none;border-color:canvastext}}}@layer brick.effects;
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-drawer-overlay{z-index:var(--brick-layer-overlay);background:var(--brick-color-scrim);opacity:1;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);position:fixed;inset:0}.brick-drawer-overlay[data-state=closed]{opacity:0}.brick-drawer-content{--brick-drawer-space:var(--brick-space-5);--brick-drawer-shadow:0 1.5rem 4.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 4%);--brick-drawer-inline-size-sm:min(20rem, 75dvi);--brick-drawer-inline-size-md:min(28rem, 85dvi);--brick-drawer-inline-size-lg:min(36rem, calc(100dvi - 1rem));--brick-drawer-inline-size-xl:min(48rem, calc(100dvi - .5rem));--brick-drawer-block-size-sm:min(16rem, 45dvb);--brick-drawer-block-size-md:min(24rem, 65dvb);--brick-drawer-block-size-lg:min(32rem, calc(100dvb - 2rem));--brick-drawer-block-size-xl:100dvb;--brick-drawer-safe-top:0px;--brick-drawer-safe-right:0px;--brick-drawer-safe-bottom:0px;--brick-drawer-safe-left:0px;z-index:calc(var(--brick-layer-overlay) + 1);box-sizing:border-box;border:var(--brick-border-width) solid var(--brick-color-border-subtle);background:var(--brick-drawer-background,var(--brick-color-surface-overlay));min-block-size:0;min-inline-size:0;box-shadow:var(--brick-drawer-shadow);color:var(--brick-color-text-primary);opacity:1;overflow-wrap:anywhere;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);flex-direction:column;display:flex;position:fixed;overflow:hidden;transform:translate(0,0)}.brick-drawer-content:is([data-placement=start],[data-placement=end]){--brick-drawer-safe-top:env(safe-area-inset-top);--brick-drawer-safe-right:env(safe-area-inset-right);--brick-drawer-safe-bottom:env(safe-area-inset-bottom);--brick-drawer-safe-left:env(safe-area-inset-left);block-size:100dvb;inset-block:0}.brick-drawer-content[data-placement=start]{border-start-end-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));border-end-end-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));inset-inline-start:0}.brick-drawer-content[data-placement=end]{border-start-start-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));border-end-start-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));inset-inline-end:0}.brick-drawer-content:is([data-placement=top],[data-placement=bottom]){--brick-drawer-safe-right:env(safe-area-inset-right);--brick-drawer-safe-left:env(safe-area-inset-left);inline-size:100dvi;inset-inline:0}.brick-drawer-content[data-placement=top]{--brick-drawer-safe-top:env(safe-area-inset-top);border-end-end-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));border-end-start-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));inset-block-start:0}.brick-drawer-content[data-placement=bottom]{--brick-drawer-safe-bottom:env(safe-area-inset-bottom);border-start-start-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));border-start-end-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));inset-block-end:0}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=sm]{inline-size:var(--brick-drawer-inline-size-sm)}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=md]{inline-size:var(--brick-drawer-inline-size-md)}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=lg]{inline-size:var(--brick-drawer-inline-size-lg)}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=xl]{inline-size:var(--brick-drawer-inline-size-xl)}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=full]{border-radius:0;inline-size:100dvi}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=sm]{max-block-size:var(--brick-drawer-block-size-sm)}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=md]{max-block-size:var(--brick-drawer-block-size-md)}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=lg]{max-block-size:var(--brick-drawer-block-size-lg)}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=xl]{max-block-size:var(--brick-drawer-block-size-xl)}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=full]{--brick-drawer-safe-top:env(safe-area-inset-top);--brick-drawer-safe-bottom:env(safe-area-inset-bottom);border-radius:0;block-size:100dvb}.brick-drawer-content[data-placement=start][data-state=closed]{transform:translate(-100%)}.brick-drawer-content[data-placement=end][data-state=closed],.brick-drawer-content:is(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl])[data-placement=start][data-state=closed]{transform:translate(100%)}.brick-drawer-content:is(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl])[data-placement=end][data-state=closed]{transform:translate(-100%)}.brick-drawer-content[data-placement=top][data-state=closed]{transform:translateY(-100%)}.brick-drawer-content[data-placement=bottom][data-state=closed]{transform:translateY(100%)}.brick-drawer-header{gap:var(--brick-space-1);min-inline-size:0;padding-block-start:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-top));padding-block-end:var(--brick-space-3);padding-left:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));padding-right:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));flex:none;display:grid}.brick-drawer-title,.brick-drawer-description{min-inline-size:0;margin:0}.brick-drawer-title{color:var(--brick-color-text-primary);font-family:var(--brick-typography-overlay-title-font-family);font-size:var(--brick-typography-overlay-title-font-size);font-weight:var(--brick-typography-overlay-title-font-weight);letter-spacing:var(--brick-typography-overlay-title-letter-spacing);line-height:var(--brick-typography-overlay-title-line-height)}.brick-drawer-description{color:var(--brick-color-text-secondary);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-drawer-body{min-block-size:0;min-inline-size:0;padding-block:var(--brick-space-2) var(--brick-drawer-space);padding-left:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));padding-right:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));overscroll-behavior:contain;color:var(--brick-color-text-primary);line-height:var(--brick-typography-body-md-line-height);scrollbar-gutter:stable;flex:auto;overflow:auto}.brick-drawer-footer{justify-content:flex-end;align-items:center;gap:var(--brick-space-2);min-inline-size:0;padding-block-start:var(--brick-space-3);padding-block-end:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-bottom));padding-left:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));padding-right:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));flex-wrap:wrap;flex:none;display:flex}.brick-drawer-footer[data-justify=start]{justify-content:flex-start}.brick-drawer-footer[data-justify=center]{justify-content:center}.brick-drawer-footer[data-justify=between]{justify-content:space-between}@supports not (height:100dvb){.brick-drawer-content:is([data-placement=start],[data-placement=end]),.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=full]{block-size:100vh}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=xl]{max-block-size:100vh}}@media (width<=30rem){.brick-drawer-content{--brick-drawer-space:var(--brick-space-4)}.brick-drawer-footer>.brick-button{flex:9rem}}@media (height<=24rem){.brick-drawer-content{overscroll-behavior:contain;scrollbar-gutter:stable;overflow-y:auto}.brick-drawer-body{flex:none;overflow:visible}}@media (prefers-reduced-motion:reduce){.brick-drawer-overlay,.brick-drawer-content{transition-duration:1ms}.brick-drawer-content[data-state=closed]{transform:translate(0,0)}}@media (forced-colors:active){.brick-drawer-overlay{opacity:.7;background:canvas}.brick-drawer-content{box-shadow:none;border-color:canvastext}}}@layer brick.effects;
2
2
  /*# sourceMappingURL=drawer.css.map */
package/dist/styles/drawer.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,mNASA,mDAIA,2sCAuCA,sTASA,qKAMA,qKAMA,iNAOA,mNAOA,8NAOA,mIAIA,mIAIA,mIAIA,yHAKA,kIAIA,kIAIA,kIAIA,iOAOA,0FAIA,+WAQA,iTAIA,yFAIA,2FAIA,6WAWA,yEAMA,kXASA,0XASA,ybAcA,2aAcA,8BACE,+KASF,sBACE,gEAIA,8CAKF,uBACE,0FAMA,+CAMF,uCACE,oEAKA,mEAKF,8BACE,mDAKA,gED5QJ","sources":["home/runner/work/brick/brick/.brick-cache/production/drawer.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/drawer/drawer.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/drawer/drawer.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-drawer-overlay {\n position: fixed;\n z-index: var(--brick-layer-overlay);\n inset: 0;\n background: var(--brick-color-scrim);\n opacity: 1;\n transition: opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n }\n\n .brick-drawer-overlay[data-state=\"closed\"] {\n opacity: 0;\n }\n\n .brick-drawer-content {\n --brick-drawer-space: var(--brick-space-5);\n --brick-drawer-radius: var(--brick-radius-overlay);\n --brick-drawer-shadow: 0 1.5rem 4.5rem color-mix(\n in srgb,\n var(--brick-color-shadow),\n transparent 4%\n );\n --brick-drawer-inline-size-sm: min(20rem, 75dvi);\n --brick-drawer-inline-size-md: min(28rem, 85dvi);\n --brick-drawer-inline-size-lg: min(36rem, calc(100dvi - 1rem));\n --brick-drawer-block-size-sm: min(16rem, 45dvb);\n --brick-drawer-block-size-md: min(24rem, 65dvb);\n --brick-drawer-block-size-lg: min(32rem, calc(100dvb - 2rem));\n --brick-drawer-safe-top: 0px;\n --brick-drawer-safe-right: 0px;\n --brick-drawer-safe-bottom: 0px;\n --brick-drawer-safe-left: 0px;\n\n position: fixed;\n z-index: calc(var(--brick-layer-overlay) + 1);\n display: flex;\n box-sizing: border-box;\n min-inline-size: 0;\n min-block-size: 0;\n flex-direction: column;\n overflow: hidden;\n border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n background: var(--brick-color-surface-overlay);\n box-shadow: var(--brick-drawer-shadow);\n color: var(--brick-color-text-primary);\n opacity: 1;\n overflow-wrap: anywhere;\n transform: translate3d(0, 0, 0);\n transition:\n opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit),\n transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n }\n\n .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"]) {\n inset-block: 0;\n block-size: 100dvb;\n --brick-drawer-safe-top: env(safe-area-inset-top);\n --brick-drawer-safe-right: env(safe-area-inset-right);\n --brick-drawer-safe-bottom: env(safe-area-inset-bottom);\n --brick-drawer-safe-left: env(safe-area-inset-left);\n }\n\n .brick-drawer-content[data-placement=\"start\"] {\n inset-inline-start: 0;\n border-start-end-radius: var(--brick-drawer-radius);\n border-end-end-radius: var(--brick-drawer-radius);\n }\n\n .brick-drawer-content[data-placement=\"end\"] {\n inset-inline-end: 0;\n border-start-start-radius: var(--brick-drawer-radius);\n border-end-start-radius: var(--brick-drawer-radius);\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"]) {\n inset-inline: 0;\n inline-size: 100dvi;\n --brick-drawer-safe-right: env(safe-area-inset-right);\n --brick-drawer-safe-left: env(safe-area-inset-left);\n }\n\n .brick-drawer-content[data-placement=\"top\"] {\n inset-block-start: 0;\n border-end-start-radius: var(--brick-drawer-radius);\n border-end-end-radius: var(--brick-drawer-radius);\n --brick-drawer-safe-top: env(safe-area-inset-top);\n }\n\n .brick-drawer-content[data-placement=\"bottom\"] {\n inset-block-end: 0;\n border-start-start-radius: var(--brick-drawer-radius);\n border-start-end-radius: var(--brick-drawer-radius);\n --brick-drawer-safe-bottom: env(safe-area-inset-bottom);\n }\n\n .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"sm\"] {\n inline-size: var(--brick-drawer-inline-size-sm);\n }\n\n .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"md\"] {\n inline-size: var(--brick-drawer-inline-size-md);\n }\n\n .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"lg\"] {\n inline-size: var(--brick-drawer-inline-size-lg);\n }\n\n .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"full\"] {\n inline-size: 100dvi;\n border-radius: 0;\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"sm\"] {\n block-size: var(--brick-drawer-block-size-sm);\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"md\"] {\n block-size: var(--brick-drawer-block-size-md);\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"lg\"] {\n block-size: var(--brick-drawer-block-size-lg);\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"full\"] {\n block-size: 100dvb;\n border-radius: 0;\n --brick-drawer-safe-top: env(safe-area-inset-top);\n --brick-drawer-safe-bottom: env(safe-area-inset-bottom);\n }\n\n .brick-drawer-content[data-placement=\"start\"][data-state=\"closed\"] {\n transform: translate3d(-100%, 0, 0);\n }\n\n .brick-drawer-content[data-placement=\"end\"][data-state=\"closed\"] {\n transform: translate3d(100%, 0, 0);\n }\n\n .brick-drawer-content:is(:dir(rtl), [dir=\"rtl\"])[data-placement=\"start\"][data-state=\"closed\"] {\n transform: translate3d(100%, 0, 0);\n }\n\n .brick-drawer-content:is(:dir(rtl), [dir=\"rtl\"])[data-placement=\"end\"][data-state=\"closed\"] {\n transform: translate3d(-100%, 0, 0);\n }\n\n .brick-drawer-content[data-placement=\"top\"][data-state=\"closed\"] {\n transform: translate3d(0, -100%, 0);\n }\n\n .brick-drawer-content[data-placement=\"bottom\"][data-state=\"closed\"] {\n transform: translate3d(0, 100%, 0);\n }\n\n .brick-drawer-header {\n display: grid;\n min-inline-size: 0;\n flex: none;\n gap: var(--brick-space-1);\n padding-block-start: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-top));\n padding-block-end: var(--brick-space-3);\n padding-left: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));\n padding-right: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));\n }\n\n .brick-drawer-title,\n .brick-drawer-description {\n min-inline-size: 0;\n margin: 0;\n }\n\n .brick-drawer-title {\n color: var(--brick-color-text-primary);\n font-family: var(--brick-typography-overlay-title-font-family);\n font-size: var(--brick-typography-overlay-title-font-size);\n font-weight: var(--brick-typography-overlay-title-font-weight);\n letter-spacing: var(--brick-typography-overlay-title-letter-spacing);\n line-height: var(--brick-typography-overlay-title-line-height);\n }\n\n .brick-drawer-description {\n color: var(--brick-color-text-secondary);\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-drawer-body {\n min-inline-size: 0;\n min-block-size: 0;\n flex: 1 1 auto;\n padding-block: var(--brick-space-2) var(--brick-drawer-space);\n padding-left: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));\n padding-right: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));\n overflow: auto;\n overscroll-behavior: contain;\n color: var(--brick-color-text-primary);\n line-height: var(--brick-typography-body-md-line-height);\n scrollbar-gutter: stable;\n }\n\n .brick-drawer-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-block-start: var(--brick-space-3);\n padding-block-end: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-bottom));\n padding-left: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));\n padding-right: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));\n }\n\n @supports not (height: 100dvb) {\n .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"]) {\n block-size: 100vh;\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"full\"] {\n block-size: 100vh;\n }\n }\n\n @media (max-width: 30rem) {\n .brick-drawer-content {\n --brick-drawer-space: var(--brick-space-4);\n }\n\n .brick-drawer-footer > .brick-button {\n flex: 1 1 9rem;\n }\n }\n\n @media (max-height: 24rem) {\n .brick-drawer-content {\n overflow-y: auto;\n overscroll-behavior: contain;\n scrollbar-gutter: stable;\n }\n\n .brick-drawer-body {\n flex: none;\n overflow: visible;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-drawer-overlay,\n .brick-drawer-content {\n transition-duration: 1ms;\n }\n\n .brick-drawer-content[data-state=\"closed\"] {\n transform: translate3d(0, 0, 0);\n }\n }\n\n @media (forced-colors: active) {\n .brick-drawer-overlay {\n background: Canvas;\n opacity: 0.7;\n }\n\n .brick-drawer-content {\n border-color: CanvasText;\n box-shadow: none;\n }\n }\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,mNASA,mDAIA,2xCAwCA,sTASA,6NAMA,6NAMA,iNAOA,2QAOA,sRAOA,mIAIA,mIAIA,mIAIA,mIAIA,yHAKA,sIAIA,sIAIA,sIAIA,sIAIA,iOAOA,0FAIA,+WAQA,iTAIA,yFAIA,2FAIA,6WAWA,yEAMA,kXASA,0XASA,ybAcA,2aAcA,oEAIA,iEAIA,yEAIA,8BACE,8KAQA,2GAKF,sBACE,gEAIA,8CAKF,uBACE,0FAMA,+CAMF,uCACE,oEAKA,mEAKF,8BACE,mDAKA,gEDrSJ","sources":["home/runner/work/brick/brick/.brick-cache/production/drawer.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/drawer/drawer.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/drawer/drawer.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-drawer-overlay {\n position: fixed;\n z-index: var(--brick-layer-overlay);\n inset: 0;\n background: var(--brick-color-scrim);\n opacity: 1;\n transition: opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n }\n\n .brick-drawer-overlay[data-state=\"closed\"] {\n opacity: 0;\n }\n\n .brick-drawer-content {\n --brick-drawer-space: var(--brick-space-5);\n --brick-drawer-shadow: 0 1.5rem 4.5rem color-mix(\n in srgb,\n var(--brick-color-shadow),\n transparent 4%\n );\n --brick-drawer-inline-size-sm: min(20rem, 75dvi);\n --brick-drawer-inline-size-md: min(28rem, 85dvi);\n --brick-drawer-inline-size-lg: min(36rem, calc(100dvi - 1rem));\n --brick-drawer-inline-size-xl: min(48rem, calc(100dvi - 0.5rem));\n --brick-drawer-block-size-sm: min(16rem, 45dvb);\n --brick-drawer-block-size-md: min(24rem, 65dvb);\n --brick-drawer-block-size-lg: min(32rem, calc(100dvb - 2rem));\n --brick-drawer-block-size-xl: 100dvb;\n --brick-drawer-safe-top: 0px;\n --brick-drawer-safe-right: 0px;\n --brick-drawer-safe-bottom: 0px;\n --brick-drawer-safe-left: 0px;\n\n position: fixed;\n z-index: calc(var(--brick-layer-overlay) + 1);\n display: flex;\n box-sizing: border-box;\n min-inline-size: 0;\n min-block-size: 0;\n flex-direction: column;\n overflow: hidden;\n border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n background: var(--brick-drawer-background, var(--brick-color-surface-overlay));\n box-shadow: var(--brick-drawer-shadow);\n color: var(--brick-color-text-primary);\n opacity: 1;\n overflow-wrap: anywhere;\n transform: translate3d(0, 0, 0);\n transition:\n opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit),\n transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n }\n\n .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"]) {\n inset-block: 0;\n block-size: 100dvb;\n --brick-drawer-safe-top: env(safe-area-inset-top);\n --brick-drawer-safe-right: env(safe-area-inset-right);\n --brick-drawer-safe-bottom: env(safe-area-inset-bottom);\n --brick-drawer-safe-left: env(safe-area-inset-left);\n }\n\n .brick-drawer-content[data-placement=\"start\"] {\n inset-inline-start: 0;\n border-start-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n border-end-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n }\n\n .brick-drawer-content[data-placement=\"end\"] {\n inset-inline-end: 0;\n border-start-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n border-end-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"]) {\n inset-inline: 0;\n inline-size: 100dvi;\n --brick-drawer-safe-right: env(safe-area-inset-right);\n --brick-drawer-safe-left: env(safe-area-inset-left);\n }\n\n .brick-drawer-content[data-placement=\"top\"] {\n inset-block-start: 0;\n border-end-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n border-end-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n --brick-drawer-safe-top: env(safe-area-inset-top);\n }\n\n .brick-drawer-content[data-placement=\"bottom\"] {\n inset-block-end: 0;\n border-start-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n border-start-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n --brick-drawer-safe-bottom: env(safe-area-inset-bottom);\n }\n\n .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"sm\"] {\n inline-size: var(--brick-drawer-inline-size-sm);\n }\n\n .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"md\"] {\n inline-size: var(--brick-drawer-inline-size-md);\n }\n\n .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"lg\"] {\n inline-size: var(--brick-drawer-inline-size-lg);\n }\n\n .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"xl\"] {\n inline-size: var(--brick-drawer-inline-size-xl);\n }\n\n .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"full\"] {\n inline-size: 100dvi;\n border-radius: 0;\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"sm\"] {\n max-block-size: var(--brick-drawer-block-size-sm);\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"md\"] {\n max-block-size: var(--brick-drawer-block-size-md);\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"lg\"] {\n max-block-size: var(--brick-drawer-block-size-lg);\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"xl\"] {\n max-block-size: var(--brick-drawer-block-size-xl);\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"full\"] {\n block-size: 100dvb;\n border-radius: 0;\n --brick-drawer-safe-top: env(safe-area-inset-top);\n --brick-drawer-safe-bottom: env(safe-area-inset-bottom);\n }\n\n .brick-drawer-content[data-placement=\"start\"][data-state=\"closed\"] {\n transform: translate3d(-100%, 0, 0);\n }\n\n .brick-drawer-content[data-placement=\"end\"][data-state=\"closed\"] {\n transform: translate3d(100%, 0, 0);\n }\n\n .brick-drawer-content:is(:dir(rtl), [dir=\"rtl\"])[data-placement=\"start\"][data-state=\"closed\"] {\n transform: translate3d(100%, 0, 0);\n }\n\n .brick-drawer-content:is(:dir(rtl), [dir=\"rtl\"])[data-placement=\"end\"][data-state=\"closed\"] {\n transform: translate3d(-100%, 0, 0);\n }\n\n .brick-drawer-content[data-placement=\"top\"][data-state=\"closed\"] {\n transform: translate3d(0, -100%, 0);\n }\n\n .brick-drawer-content[data-placement=\"bottom\"][data-state=\"closed\"] {\n transform: translate3d(0, 100%, 0);\n }\n\n .brick-drawer-header {\n display: grid;\n min-inline-size: 0;\n flex: none;\n gap: var(--brick-space-1);\n padding-block-start: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-top));\n padding-block-end: var(--brick-space-3);\n padding-left: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));\n padding-right: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));\n }\n\n .brick-drawer-title,\n .brick-drawer-description {\n min-inline-size: 0;\n margin: 0;\n }\n\n .brick-drawer-title {\n color: var(--brick-color-text-primary);\n font-family: var(--brick-typography-overlay-title-font-family);\n font-size: var(--brick-typography-overlay-title-font-size);\n font-weight: var(--brick-typography-overlay-title-font-weight);\n letter-spacing: var(--brick-typography-overlay-title-letter-spacing);\n line-height: var(--brick-typography-overlay-title-line-height);\n }\n\n .brick-drawer-description {\n color: var(--brick-color-text-secondary);\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-drawer-body {\n min-inline-size: 0;\n min-block-size: 0;\n flex: 1 1 auto;\n padding-block: var(--brick-space-2) var(--brick-drawer-space);\n padding-left: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));\n padding-right: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));\n overflow: auto;\n overscroll-behavior: contain;\n color: var(--brick-color-text-primary);\n line-height: var(--brick-typography-body-md-line-height);\n scrollbar-gutter: stable;\n }\n\n .brick-drawer-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-block-start: var(--brick-space-3);\n padding-block-end: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-bottom));\n padding-left: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));\n padding-right: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));\n }\n\n .brick-drawer-footer[data-justify=\"start\"] {\n justify-content: flex-start;\n }\n\n .brick-drawer-footer[data-justify=\"center\"] {\n justify-content: center;\n }\n\n .brick-drawer-footer[data-justify=\"between\"] {\n justify-content: space-between;\n }\n\n @supports not (height: 100dvb) {\n .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"]) {\n block-size: 100vh;\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"full\"] {\n block-size: 100vh;\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"xl\"] {\n max-block-size: 100vh;\n }\n }\n\n @media (max-width: 30rem) {\n .brick-drawer-content {\n --brick-drawer-space: var(--brick-space-4);\n }\n\n .brick-drawer-footer > .brick-button {\n flex: 1 1 9rem;\n }\n }\n\n @media (max-height: 24rem) {\n .brick-drawer-content {\n overflow-y: auto;\n overscroll-behavior: contain;\n scrollbar-gutter: stable;\n }\n\n .brick-drawer-body {\n flex: none;\n overflow: visible;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-drawer-overlay,\n .brick-drawer-content {\n transition-duration: 1ms;\n }\n\n .brick-drawer-content[data-state=\"closed\"] {\n transform: translate3d(0, 0, 0);\n }\n }\n\n @media (forced-colors: active) {\n .brick-drawer-overlay {\n background: Canvas;\n opacity: 0.7;\n }\n\n .brick-drawer-content {\n border-color: CanvasText;\n box-shadow: none;\n }\n }\n}\n"],"names":[]}
package/dist/styles/dropdown-menu.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,2nCA8BA,0OAWA,uPAWA,wPAWA,2OAWA,iOAYA,yhBAgBA,uiBAgBA,kNAYA,8fAcA,6jCAkCA,klBAmBA,qbAiBA,6fAkBA,gcAkBA,oWAeA,+SAeA,2JAUA,2cAeA,0VAaA,8HAQA,wMASA,qKAQA,wTAgBA,8RAWA,kQAUA,qRAUA,6BACE,8PAYF,uCACE,2NAaF,8BACE,qQAcA,+iBAqBA,iZCrcF,21HAuDA,yDFxDF","sources":["home/runner/work/brick/brick/.brick-cache/production/dropdown-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/dropdown-menu/dropdown-menu.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/_action-menu/action-menu.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/_action-menu/action-menu.css\";\n@import \"../../src/components/dropdown-menu/dropdown-menu.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n :where(.brick-dropdown-menu__content, .brick-dropdown-menu__sub-content) {\n --brick-dropdown-menu-content-background: var(--brick-color-surface-overlay);\n --brick-dropdown-menu-content-foreground: var(--brick-color-text-primary);\n --brick-dropdown-menu-content-border: var(--brick-color-border-subtle);\n --brick-dropdown-menu-content-radius: var(--brick-radius-overlay);\n --brick-dropdown-menu-content-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);\n --brick-dropdown-menu-content-padding: var(--brick-space-1);\n --brick-dropdown-menu-content-max-block-size: 20rem;\n --brick-dropdown-menu-row-min-block-size: var(--brick-control-target-min);\n --brick-dropdown-menu-row-padding-inline: var(--brick-space-3);\n --brick-dropdown-menu-row-gap: var(--brick-space-2);\n --brick-dropdown-menu-row-radius: var(--brick-radius-control);\n --brick-dropdown-menu-row-foreground: var(--brick-color-text-primary);\n --brick-dropdown-menu-row-highlighted-background: var(--brick-color-accent-soft);\n --brick-dropdown-menu-row-highlighted-foreground: var(--brick-color-accent-text);\n --brick-dropdown-menu-description-foreground: var(--brick-color-text-secondary);\n --brick-dropdown-menu-shortcut-foreground: var(--brick-color-text-muted);\n --brick-dropdown-menu-label-foreground: var(--brick-color-text-secondary);\n --brick-dropdown-menu-disabled-foreground: var(--brick-color-text-muted);\n --brick-dropdown-menu-danger-foreground: var(--brick-color-danger-text);\n --brick-dropdown-menu-danger-background: var(--brick-color-danger-soft);\n --brick-dropdown-menu-separator-color: var(--brick-color-border-subtle);\n --brick-dropdown-menu-indicator-size: 1rem;\n --brick-dropdown-menu-focus-ring: var(--brick-color-focus-ring);\n --brick-dropdown-menu-motion-duration: var(--brick-motion-duration-fast);\n\n --brick-action-menu-content-background: var(--brick-dropdown-menu-content-background);\n --brick-action-menu-content-foreground: var(--brick-dropdown-menu-content-foreground);\n --brick-action-menu-content-border: var(--brick-dropdown-menu-content-border);\n --brick-action-menu-content-radius: var(--brick-dropdown-menu-content-radius);\n --brick-action-menu-content-shadow: var(--brick-dropdown-menu-content-shadow);\n --brick-action-menu-content-padding: var(--brick-dropdown-menu-content-padding);\n --brick-action-menu-content-max-block-size: var(--brick-dropdown-menu-content-max-block-size);\n --brick-action-menu-content-z-index: var(--brick-layer-overlay);\n --brick-action-menu-row-min-block-size: var(--brick-dropdown-menu-row-min-block-size);\n --brick-action-menu-row-padding-inline: var(--brick-dropdown-menu-row-padding-inline);\n --brick-action-menu-row-gap: var(--brick-dropdown-menu-row-gap);\n --brick-action-menu-row-radius: var(--brick-dropdown-menu-row-radius);\n --brick-action-menu-row-foreground: var(--brick-dropdown-menu-row-foreground);\n --brick-action-menu-row-highlighted-background: var(--brick-dropdown-menu-row-highlighted-background);\n --brick-action-menu-row-highlighted-foreground: var(--brick-dropdown-menu-row-highlighted-foreground);\n --brick-action-menu-description-foreground: var(--brick-dropdown-menu-description-foreground);\n --brick-action-menu-shortcut-foreground: var(--brick-dropdown-menu-shortcut-foreground);\n --brick-action-menu-label-foreground: var(--brick-dropdown-menu-label-foreground);\n --brick-action-menu-disabled-foreground: var(--brick-dropdown-menu-disabled-foreground);\n --brick-action-menu-danger-foreground: var(--brick-dropdown-menu-danger-foreground);\n --brick-action-menu-danger-background: var(--brick-dropdown-menu-danger-background);\n --brick-action-menu-separator-color: var(--brick-dropdown-menu-separator-color);\n --brick-action-menu-indicator-size: var(--brick-dropdown-menu-indicator-size);\n --brick-action-menu-focus-ring: var(--brick-dropdown-menu-focus-ring);\n --brick-action-menu-motion-duration: var(--brick-dropdown-menu-motion-duration);\n --brick-action-menu-font-size: var(--brick-typography-control-md-font-size);\n --brick-action-menu-line-height: var(--brick-typography-control-md-line-height);\n }\n\n .brick-dropdown-menu__trigger {\n touch-action: manipulation;\n }\n}\n","@layer brick.components {\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n ) {\n box-sizing: border-box;\n min-inline-size: max(12rem, var(--atom-menu-anchor-width, 0rem));\n max-inline-size: min(24rem, calc(100dvi - 2 * var(--brick-space-3)));\n max-block-size: min(var(--brick-action-menu-content-max-block-size), var(--atom-menu-available-height, var(--brick-action-menu-content-max-block-size)));\n padding: var(--brick-action-menu-content-padding);\n overflow-x: hidden;\n overflow-y: auto;\n overscroll-behavior: contain;\n border: var(--brick-border-width) solid var(--brick-action-menu-content-border);\n border-radius: var(--brick-action-menu-content-radius);\n background: var(--brick-action-menu-content-background);\n box-shadow: var(--brick-action-menu-content-shadow);\n color: var(--brick-action-menu-content-foreground);\n opacity: 0;\n translate: 0 0;\n scrollbar-width: thin;\n transition:\n opacity var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter),\n translate var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter);\n z-index: var(--brick-action-menu-content-z-index);\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-side=\"top\"] {\n translate: 0 var(--brick-space-1);\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-side=\"right\"] {\n translate: calc(var(--brick-space-1) * -1) 0;\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-side=\"bottom\"] {\n translate: 0 calc(var(--brick-space-1) * -1);\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-side=\"left\"] {\n translate: var(--brick-space-1) 0;\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-positioned] {\n opacity: 1;\n translate: 0 0;\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-size=\"sm\"] {\n --brick-action-menu-row-min-block-size: 2rem;\n --brick-action-menu-row-padding-inline: var(--brick-space-2);\n --brick-action-menu-row-gap: 0.375rem;\n --brick-action-menu-indicator-size: 0.875rem;\n --brick-action-menu-font-size: var(--brick-typography-control-sm-font-size);\n --brick-action-menu-line-height: var(--brick-typography-control-sm-line-height);\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-size=\"lg\"] {\n --brick-action-menu-row-min-block-size: 3rem;\n --brick-action-menu-row-padding-inline: var(--brick-space-4);\n --brick-action-menu-row-gap: var(--brick-space-3);\n --brick-action-menu-indicator-size: 1.125rem;\n --brick-action-menu-font-size: var(--brick-typography-control-lg-font-size);\n --brick-action-menu-line-height: var(--brick-typography-control-lg-line-height);\n }\n\n :where(\n .brick-dropdown-menu__group,\n .brick-context-menu__group,\n .brick-menubar__group\n ) + :where(\n .brick-dropdown-menu__group,\n .brick-context-menu__group,\n .brick-menubar__group\n ) {\n margin-block-start: var(--brick-space-1);\n }\n\n :where(\n .brick-dropdown-menu__label,\n .brick-context-menu__label,\n .brick-menubar__label\n ) {\n padding: var(--brick-space-2) var(--brick-action-menu-row-padding-inline) var(--brick-space-1);\n color: var(--brick-action-menu-label-foreground);\n font-family: var(--brick-typography-caption-font-family);\n font-size: var(--brick-typography-caption-font-size);\n font-weight: var(--brick-typography-label-md-font-weight);\n letter-spacing: var(--brick-typography-caption-letter-spacing);\n line-height: var(--brick-typography-caption-line-height);\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n ) {\n display: grid;\n box-sizing: border-box;\n min-inline-size: 0;\n min-block-size: var(--brick-action-menu-row-min-block-size);\n grid-template-columns: var(--brick-action-menu-indicator-size) minmax(0, 1fr) auto;\n align-items: center;\n gap: var(--brick-action-menu-row-gap);\n padding: var(--brick-space-1) var(--brick-action-menu-row-padding-inline);\n border-radius: var(--brick-action-menu-row-radius);\n outline: 0;\n color: var(--brick-action-menu-row-foreground);\n font-family: var(--brick-typography-control-md-font-family);\n font-size: var(--brick-action-menu-font-size);\n font-weight: var(--brick-typography-control-md-font-weight);\n line-height: var(--brick-action-menu-line-height);\n text-align: start;\n cursor: default;\n user-select: none;\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-highlighted] {\n background: var(--brick-action-menu-row-highlighted-background);\n color: var(--brick-action-menu-row-highlighted-foreground);\n box-shadow: inset 0 0 0 var(--brick-border-width) var(--brick-action-menu-focus-ring);\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-tone=\"danger\"] {\n color: var(--brick-action-menu-danger-foreground);\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-tone=\"danger\"][data-highlighted] {\n background: var(--brick-action-menu-danger-background);\n color: var(--brick-action-menu-danger-foreground);\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-disabled] {\n color: var(--brick-action-menu-disabled-foreground);\n opacity: 0.65;\n }\n\n :where(\n .brick-dropdown-menu__leading,\n .brick-context-menu__leading,\n .brick-menubar__leading,\n .brick-dropdown-menu__item-indicator,\n .brick-context-menu__item-indicator,\n .brick-menubar__item-indicator\n ) {\n display: inline-grid;\n inline-size: var(--brick-action-menu-indicator-size);\n block-size: var(--brick-action-menu-indicator-size);\n place-items: center;\n color: currentColor;\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-context-menu__item,\n .brick-menubar__item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__sub-trigger,\n .brick-menubar__sub-trigger\n ) > :where(\n .brick-dropdown-menu__item-label,\n .brick-context-menu__item-label,\n .brick-menubar__item-label\n ):first-child {\n grid-column: 2;\n }\n\n :where(\n .brick-dropdown-menu__item-label,\n .brick-context-menu__item-label,\n .brick-menubar__item-label\n ) {\n min-inline-size: 0;\n grid-column: 2;\n overflow-wrap: anywhere;\n }\n\n :where(\n .brick-dropdown-menu__description,\n .brick-context-menu__description,\n .brick-menubar__description\n ) {\n min-inline-size: 0;\n grid-column: 2 / -1;\n color: var(--brick-action-menu-description-foreground);\n font-family: var(--brick-typography-supporting-sm-font-family);\n font-size: var(--brick-typography-supporting-sm-font-size);\n font-weight: var(--brick-typography-supporting-sm-font-weight);\n line-height: var(--brick-typography-supporting-sm-line-height);\n overflow-wrap: anywhere;\n }\n\n :where(\n .brick-dropdown-menu__shortcut,\n .brick-context-menu__shortcut,\n .brick-menubar__shortcut\n ) {\n grid-column: 3;\n color: var(--brick-action-menu-shortcut-foreground);\n font-family: var(--brick-typography-code-inline-font-family);\n font-size: var(--brick-typography-caption-font-size);\n line-height: var(--brick-typography-caption-line-height);\n white-space: nowrap;\n }\n\n :where(\n .brick-dropdown-menu__item-indicator,\n .brick-context-menu__item-indicator,\n .brick-menubar__item-indicator\n ) {\n grid-column: 1;\n }\n\n :where(\n .brick-dropdown-menu__item-indicator,\n .brick-context-menu__item-indicator,\n .brick-menubar__item-indicator\n ):empty::before {\n content: \"✓\";\n font-weight: var(--brick-typography-label-strong-font-weight);\n }\n\n :where(\n .brick-dropdown-menu__item-indicator,\n .brick-context-menu__item-indicator,\n .brick-menubar__item-indicator\n )[data-state=\"indeterminate\"]:empty::before {\n content: \"−\";\n }\n\n :where(\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__sub-trigger,\n .brick-menubar__sub-trigger\n )::after {\n content: \"\";\n grid-column: 3;\n inline-size: 0.5em;\n block-size: 0.5em;\n border-right: 0.125rem solid currentColor;\n border-bottom: 0.125rem solid currentColor;\n color: var(--brick-action-menu-shortcut-foreground);\n direction: ltr;\n transform: rotate(-45deg);\n }\n\n :where(\n [dir=\"rtl\"] .brick-dropdown-menu__sub-trigger,\n [dir=\"rtl\"] .brick-context-menu__sub-trigger,\n [dir=\"rtl\"] .brick-menubar__sub-trigger,\n .brick-dropdown-menu__sub-trigger[dir=\"rtl\"],\n .brick-context-menu__sub-trigger[dir=\"rtl\"],\n .brick-menubar__sub-trigger[dir=\"rtl\"]\n )::after {\n transform: rotate(135deg);\n }\n\n :where(\n .brick-dropdown-menu__separator,\n .brick-context-menu__separator,\n .brick-menubar__separator\n ) {\n block-size: var(--brick-border-width);\n margin: var(--brick-space-1) var(--brick-action-menu-row-padding-inline);\n background: var(--brick-action-menu-separator-color);\n }\n\n :where(\n .brick-dropdown-menu__arrow,\n .brick-context-menu__arrow,\n .brick-menubar__arrow\n ) {\n --brick-floating-arrow-fill: var(--brick-action-menu-content-background);\n --brick-floating-arrow-stroke: var(--brick-action-menu-content-border);\n color: var(--brick-action-menu-content-background);\n }\n\n @supports not (width: 100dvi) {\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n ) {\n max-inline-size: min(24rem, calc(100vw - 2 * var(--brick-space-3)));\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n ) {\n scale: 1;\n transition-duration: 1ms;\n }\n }\n\n @media (forced-colors: active) {\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n ) {\n border-color: CanvasText;\n background: Canvas;\n box-shadow: none;\n color: CanvasText;\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-highlighted] {\n outline: var(--brick-border-focus-width) solid Highlight;\n outline-offset: calc(var(--brick-border-focus-width) * -1);\n background: Highlight;\n box-shadow: none;\n color: HighlightText;\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-disabled] {\n color: GrayText;\n }\n }\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,2nCA8BA,0OAWA,uPAWA,wPAWA,2OAWA,iOAYA,yhBAgBA,uiBAgBA,kNAYA,8fAcA,6jCAkCA,klBAmBA,qbAiBA,6fAkBA,gcAkBA,oWAeA,+SAeA,2JAUA,2cAeA,0VAaA,8HAQA,wMASA,qKAQA,wTAgBA,8RAWA,kQAUA,qRAUA,6BACE,8PAYF,uCACE,2NAaF,8BACE,qQAcA,+iBAqBA,iZCrcF,21HAuDA,yDFxDF","sources":["home/runner/work/brick/brick/.brick-cache/production/dropdown-menu.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/_action-menu/action-menu.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/dropdown-menu/dropdown-menu.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/_action-menu/action-menu.css\";\n@import \"../../src/components/dropdown-menu/dropdown-menu.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n ) {\n box-sizing: border-box;\n min-inline-size: max(12rem, var(--atom-menu-anchor-width, 0rem));\n max-inline-size: min(24rem, calc(100dvi - 2 * var(--brick-space-3)));\n max-block-size: min(var(--brick-action-menu-content-max-block-size), var(--atom-menu-available-height, var(--brick-action-menu-content-max-block-size)));\n padding: var(--brick-action-menu-content-padding);\n overflow-x: hidden;\n overflow-y: auto;\n overscroll-behavior: contain;\n border: var(--brick-border-width) solid var(--brick-action-menu-content-border);\n border-radius: var(--brick-action-menu-content-radius);\n background: var(--brick-action-menu-content-background);\n box-shadow: var(--brick-action-menu-content-shadow);\n color: var(--brick-action-menu-content-foreground);\n opacity: 0;\n translate: 0 0;\n scrollbar-width: thin;\n transition:\n opacity var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter),\n translate var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter);\n z-index: var(--brick-action-menu-content-z-index);\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-side=\"top\"] {\n translate: 0 var(--brick-space-1);\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-side=\"right\"] {\n translate: calc(var(--brick-space-1) * -1) 0;\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-side=\"bottom\"] {\n translate: 0 calc(var(--brick-space-1) * -1);\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-side=\"left\"] {\n translate: var(--brick-space-1) 0;\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-positioned] {\n opacity: 1;\n translate: 0 0;\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-size=\"sm\"] {\n --brick-action-menu-row-min-block-size: 2rem;\n --brick-action-menu-row-padding-inline: var(--brick-space-2);\n --brick-action-menu-row-gap: 0.375rem;\n --brick-action-menu-indicator-size: 0.875rem;\n --brick-action-menu-font-size: var(--brick-typography-control-sm-font-size);\n --brick-action-menu-line-height: var(--brick-typography-control-sm-line-height);\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-size=\"lg\"] {\n --brick-action-menu-row-min-block-size: 3rem;\n --brick-action-menu-row-padding-inline: var(--brick-space-4);\n --brick-action-menu-row-gap: var(--brick-space-3);\n --brick-action-menu-indicator-size: 1.125rem;\n --brick-action-menu-font-size: var(--brick-typography-control-lg-font-size);\n --brick-action-menu-line-height: var(--brick-typography-control-lg-line-height);\n }\n\n :where(\n .brick-dropdown-menu__group,\n .brick-context-menu__group,\n .brick-menubar__group\n ) + :where(\n .brick-dropdown-menu__group,\n .brick-context-menu__group,\n .brick-menubar__group\n ) {\n margin-block-start: var(--brick-space-1);\n }\n\n :where(\n .brick-dropdown-menu__label,\n .brick-context-menu__label,\n .brick-menubar__label\n ) {\n padding: var(--brick-space-2) var(--brick-action-menu-row-padding-inline) var(--brick-space-1);\n color: var(--brick-action-menu-label-foreground);\n font-family: var(--brick-typography-caption-font-family);\n font-size: var(--brick-typography-caption-font-size);\n font-weight: var(--brick-typography-label-md-font-weight);\n letter-spacing: var(--brick-typography-caption-letter-spacing);\n line-height: var(--brick-typography-caption-line-height);\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n ) {\n display: grid;\n box-sizing: border-box;\n min-inline-size: 0;\n min-block-size: var(--brick-action-menu-row-min-block-size);\n grid-template-columns: var(--brick-action-menu-indicator-size) minmax(0, 1fr) auto;\n align-items: center;\n gap: var(--brick-action-menu-row-gap);\n padding: var(--brick-space-1) var(--brick-action-menu-row-padding-inline);\n border-radius: var(--brick-action-menu-row-radius);\n outline: 0;\n color: var(--brick-action-menu-row-foreground);\n font-family: var(--brick-typography-control-md-font-family);\n font-size: var(--brick-action-menu-font-size);\n font-weight: var(--brick-typography-control-md-font-weight);\n line-height: var(--brick-action-menu-line-height);\n text-align: start;\n cursor: default;\n user-select: none;\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-highlighted] {\n background: var(--brick-action-menu-row-highlighted-background);\n color: var(--brick-action-menu-row-highlighted-foreground);\n box-shadow: inset 0 0 0 var(--brick-border-width) var(--brick-action-menu-focus-ring);\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-tone=\"danger\"] {\n color: var(--brick-action-menu-danger-foreground);\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-tone=\"danger\"][data-highlighted] {\n background: var(--brick-action-menu-danger-background);\n color: var(--brick-action-menu-danger-foreground);\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-disabled] {\n color: var(--brick-action-menu-disabled-foreground);\n opacity: 0.65;\n }\n\n :where(\n .brick-dropdown-menu__leading,\n .brick-context-menu__leading,\n .brick-menubar__leading,\n .brick-dropdown-menu__item-indicator,\n .brick-context-menu__item-indicator,\n .brick-menubar__item-indicator\n ) {\n display: inline-grid;\n inline-size: var(--brick-action-menu-indicator-size);\n block-size: var(--brick-action-menu-indicator-size);\n place-items: center;\n color: currentColor;\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-context-menu__item,\n .brick-menubar__item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__sub-trigger,\n .brick-menubar__sub-trigger\n ) > :where(\n .brick-dropdown-menu__item-label,\n .brick-context-menu__item-label,\n .brick-menubar__item-label\n ):first-child {\n grid-column: 2;\n }\n\n :where(\n .brick-dropdown-menu__item-label,\n .brick-context-menu__item-label,\n .brick-menubar__item-label\n ) {\n min-inline-size: 0;\n grid-column: 2;\n overflow-wrap: anywhere;\n }\n\n :where(\n .brick-dropdown-menu__description,\n .brick-context-menu__description,\n .brick-menubar__description\n ) {\n min-inline-size: 0;\n grid-column: 2 / -1;\n color: var(--brick-action-menu-description-foreground);\n font-family: var(--brick-typography-supporting-sm-font-family);\n font-size: var(--brick-typography-supporting-sm-font-size);\n font-weight: var(--brick-typography-supporting-sm-font-weight);\n line-height: var(--brick-typography-supporting-sm-line-height);\n overflow-wrap: anywhere;\n }\n\n :where(\n .brick-dropdown-menu__shortcut,\n .brick-context-menu__shortcut,\n .brick-menubar__shortcut\n ) {\n grid-column: 3;\n color: var(--brick-action-menu-shortcut-foreground);\n font-family: var(--brick-typography-code-inline-font-family);\n font-size: var(--brick-typography-caption-font-size);\n line-height: var(--brick-typography-caption-line-height);\n white-space: nowrap;\n }\n\n :where(\n .brick-dropdown-menu__item-indicator,\n .brick-context-menu__item-indicator,\n .brick-menubar__item-indicator\n ) {\n grid-column: 1;\n }\n\n :where(\n .brick-dropdown-menu__item-indicator,\n .brick-context-menu__item-indicator,\n .brick-menubar__item-indicator\n ):empty::before {\n content: \"✓\";\n font-weight: var(--brick-typography-label-strong-font-weight);\n }\n\n :where(\n .brick-dropdown-menu__item-indicator,\n .brick-context-menu__item-indicator,\n .brick-menubar__item-indicator\n )[data-state=\"indeterminate\"]:empty::before {\n content: \"−\";\n }\n\n :where(\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__sub-trigger,\n .brick-menubar__sub-trigger\n )::after {\n content: \"\";\n grid-column: 3;\n inline-size: 0.5em;\n block-size: 0.5em;\n border-right: 0.125rem solid currentColor;\n border-bottom: 0.125rem solid currentColor;\n color: var(--brick-action-menu-shortcut-foreground);\n direction: ltr;\n transform: rotate(-45deg);\n }\n\n :where(\n [dir=\"rtl\"] .brick-dropdown-menu__sub-trigger,\n [dir=\"rtl\"] .brick-context-menu__sub-trigger,\n [dir=\"rtl\"] .brick-menubar__sub-trigger,\n .brick-dropdown-menu__sub-trigger[dir=\"rtl\"],\n .brick-context-menu__sub-trigger[dir=\"rtl\"],\n .brick-menubar__sub-trigger[dir=\"rtl\"]\n )::after {\n transform: rotate(135deg);\n }\n\n :where(\n .brick-dropdown-menu__separator,\n .brick-context-menu__separator,\n .brick-menubar__separator\n ) {\n block-size: var(--brick-border-width);\n margin: var(--brick-space-1) var(--brick-action-menu-row-padding-inline);\n background: var(--brick-action-menu-separator-color);\n }\n\n :where(\n .brick-dropdown-menu__arrow,\n .brick-context-menu__arrow,\n .brick-menubar__arrow\n ) {\n --brick-floating-arrow-fill: var(--brick-action-menu-content-background);\n --brick-floating-arrow-stroke: var(--brick-action-menu-content-border);\n color: var(--brick-action-menu-content-background);\n }\n\n @supports not (width: 100dvi) {\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n ) {\n max-inline-size: min(24rem, calc(100vw - 2 * var(--brick-space-3)));\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n ) {\n scale: 1;\n transition-duration: 1ms;\n }\n }\n\n @media (forced-colors: active) {\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n ) {\n border-color: CanvasText;\n background: Canvas;\n box-shadow: none;\n color: CanvasText;\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-highlighted] {\n outline: var(--brick-border-focus-width) solid Highlight;\n outline-offset: calc(var(--brick-border-focus-width) * -1);\n background: Highlight;\n box-shadow: none;\n color: HighlightText;\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-disabled] {\n color: GrayText;\n }\n }\n}\n","@layer brick.components {\n :where(.brick-dropdown-menu__content, .brick-dropdown-menu__sub-content) {\n --brick-dropdown-menu-content-background: var(--brick-color-surface-overlay);\n --brick-dropdown-menu-content-foreground: var(--brick-color-text-primary);\n --brick-dropdown-menu-content-border: var(--brick-color-border-subtle);\n --brick-dropdown-menu-content-radius: var(--brick-radius-overlay);\n --brick-dropdown-menu-content-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);\n --brick-dropdown-menu-content-padding: var(--brick-space-1);\n --brick-dropdown-menu-content-max-block-size: 20rem;\n --brick-dropdown-menu-row-min-block-size: var(--brick-control-target-min);\n --brick-dropdown-menu-row-padding-inline: var(--brick-space-3);\n --brick-dropdown-menu-row-gap: var(--brick-space-2);\n --brick-dropdown-menu-row-radius: var(--brick-radius-control);\n --brick-dropdown-menu-row-foreground: var(--brick-color-text-primary);\n --brick-dropdown-menu-row-highlighted-background: var(--brick-color-accent-soft);\n --brick-dropdown-menu-row-highlighted-foreground: var(--brick-color-accent-text);\n --brick-dropdown-menu-description-foreground: var(--brick-color-text-secondary);\n --brick-dropdown-menu-shortcut-foreground: var(--brick-color-text-muted);\n --brick-dropdown-menu-label-foreground: var(--brick-color-text-secondary);\n --brick-dropdown-menu-disabled-foreground: var(--brick-color-text-muted);\n --brick-dropdown-menu-danger-foreground: var(--brick-color-danger-text);\n --brick-dropdown-menu-danger-background: var(--brick-color-danger-soft);\n --brick-dropdown-menu-separator-color: var(--brick-color-border-subtle);\n --brick-dropdown-menu-indicator-size: 1rem;\n --brick-dropdown-menu-focus-ring: var(--brick-color-focus-ring);\n --brick-dropdown-menu-motion-duration: var(--brick-motion-duration-fast);\n\n --brick-action-menu-content-background: var(--brick-dropdown-menu-content-background);\n --brick-action-menu-content-foreground: var(--brick-dropdown-menu-content-foreground);\n --brick-action-menu-content-border: var(--brick-dropdown-menu-content-border);\n --brick-action-menu-content-radius: var(--brick-dropdown-menu-content-radius);\n --brick-action-menu-content-shadow: var(--brick-dropdown-menu-content-shadow);\n --brick-action-menu-content-padding: var(--brick-dropdown-menu-content-padding);\n --brick-action-menu-content-max-block-size: var(--brick-dropdown-menu-content-max-block-size);\n --brick-action-menu-content-z-index: var(--brick-layer-overlay);\n --brick-action-menu-row-min-block-size: var(--brick-dropdown-menu-row-min-block-size);\n --brick-action-menu-row-padding-inline: var(--brick-dropdown-menu-row-padding-inline);\n --brick-action-menu-row-gap: var(--brick-dropdown-menu-row-gap);\n --brick-action-menu-row-radius: var(--brick-dropdown-menu-row-radius);\n --brick-action-menu-row-foreground: var(--brick-dropdown-menu-row-foreground);\n --brick-action-menu-row-highlighted-background: var(--brick-dropdown-menu-row-highlighted-background);\n --brick-action-menu-row-highlighted-foreground: var(--brick-dropdown-menu-row-highlighted-foreground);\n --brick-action-menu-description-foreground: var(--brick-dropdown-menu-description-foreground);\n --brick-action-menu-shortcut-foreground: var(--brick-dropdown-menu-shortcut-foreground);\n --brick-action-menu-label-foreground: var(--brick-dropdown-menu-label-foreground);\n --brick-action-menu-disabled-foreground: var(--brick-dropdown-menu-disabled-foreground);\n --brick-action-menu-danger-foreground: var(--brick-dropdown-menu-danger-foreground);\n --brick-action-menu-danger-background: var(--brick-dropdown-menu-danger-background);\n --brick-action-menu-separator-color: var(--brick-dropdown-menu-separator-color);\n --brick-action-menu-indicator-size: var(--brick-dropdown-menu-indicator-size);\n --brick-action-menu-focus-ring: var(--brick-dropdown-menu-focus-ring);\n --brick-action-menu-motion-duration: var(--brick-dropdown-menu-motion-duration);\n --brick-action-menu-font-size: var(--brick-typography-control-md-font-size);\n --brick-action-menu-line-height: var(--brick-typography-control-md-line-height);\n }\n\n .brick-dropdown-menu__trigger {\n touch-action: manipulation;\n }\n}\n"],"names":[]}
package/dist/styles/nav-list.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer brick.tokens,brick.foundations;@layer brick.components{.brick-nav-list{--brick-nav-list-gap:var(--brick-space-1);--brick-nav-list-section-gap:var(--brick-space-2);--brick-nav-list-item-gap:var(--brick-space-1);--brick-nav-list-content-inset:var(--brick-space-3);--brick-nav-list-row-min-block-size:2.75rem;--brick-nav-list-row-padding-inline:var(--brick-space-3);--brick-nav-list-row-padding-block:var(--brick-space-2);--brick-nav-list-row-radius:var(--brick-radius-control);--brick-nav-list-link-foreground:var(--brick-color-text-secondary);--brick-nav-list-link-foreground-hover:var(--brick-color-text-primary);--brick-nav-list-link-foreground-current:var(--brick-color-accent-text);--brick-nav-list-link-foreground-disabled:var(--brick-color-text-muted);--brick-nav-list-link-surface-hover:var(--brick-color-surface-subtle);--brick-nav-list-link-surface-active:var(--brick-color-surface-raised);--brick-nav-list-link-surface-current:var(--brick-color-accent-soft);--brick-nav-list-current-border:var(--brick-color-accent-border);--brick-nav-list-focus-ring:var(--brick-color-focus-ring);--brick-nav-list-icon-size:1.125rem;--brick-nav-list-icon-gap:var(--brick-space-2);--brick-nav-list-description-foreground:var(--brick-color-text-secondary);--brick-nav-list-trigger-indicator-size:.5rem;--brick-nav-list-label-font-family:var(--brick-typography-body-sm-font-family);--brick-nav-list-label-font-size:var(--brick-typography-body-sm-font-size);--brick-nav-list-label-font-weight:var(--brick-typography-body-sm-font-weight);--brick-nav-list-label-line-height:var(--brick-typography-body-sm-line-height);--brick-nav-list-label-letter-spacing:var(--brick-typography-body-sm-letter-spacing);gap:var(--brick-nav-list-section-gap);flex-direction:column;min-inline-size:0;display:flex}.brick-nav-list[data-tone=neutral]{--brick-nav-list-link-foreground-current:var(--brick-color-text-primary);--brick-nav-list-link-surface-current:var(--brick-color-surface-raised);--brick-nav-list-current-border:var(--brick-color-border-strong)}.brick-nav-list[data-size=sm]{--brick-nav-list-row-min-block-size:2rem;--brick-nav-list-row-padding-inline:var(--brick-space-2);--brick-nav-list-row-padding-block:var(--brick-space-1);--brick-nav-list-content-inset:var(--brick-space-2);--brick-nav-list-icon-size:1rem;--brick-nav-list-label-font-size:var(--brick-typography-caption-font-size);--brick-nav-list-label-line-height:var(--brick-typography-caption-line-height)}.brick-nav-list[data-size=lg]{--brick-nav-list-row-min-block-size:3.25rem;--brick-nav-list-row-padding-inline:var(--brick-space-4);--brick-nav-list-row-padding-block:var(--brick-space-3);--brick-nav-list-content-inset:var(--brick-space-4);--brick-nav-list-icon-size:1.25rem;--brick-nav-list-label-font-size:var(--brick-typography-body-md-font-size);--brick-nav-list-label-line-height:var(--brick-typography-body-md-line-height)}.brick-nav-list__list{gap:var(--brick-nav-list-gap);flex-direction:column;min-inline-size:0;margin:0;padding:0;list-style:none;display:flex}.brick-nav-list__item{min-inline-size:0;margin:0;padding:0}.brick-nav-list__link,.brick-nav-list__section-trigger{box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-nav-list-row-min-block-size);align-items:center;gap:var(--brick-nav-list-icon-gap);padding:var(--brick-nav-list-row-padding-block) var(--brick-nav-list-row-padding-inline);border:var(--brick-border-width) solid transparent;border-radius:var(--brick-nav-list-row-radius);color:var(--brick-nav-list-link-foreground);font-family:var(--brick-nav-list-label-font-family);font-size:var(--brick-nav-list-label-font-size);font-weight:var(--brick-nav-list-label-font-weight);letter-spacing:var(--brick-nav-list-label-letter-spacing);line-height:var(--brick-nav-list-label-line-height);text-align:start;background:0 0;text-decoration:none;display:flex}.brick-nav-list[data-orientation=vertical] :is(.brick-nav-list__link,.brick-nav-list__section-trigger){inline-size:100%}.brick-nav-list__link:hover:not([data-disabled]),.brick-nav-list__section-trigger:hover:not([data-disabled]){background:var(--brick-nav-list-link-surface-hover);color:var(--brick-nav-list-link-foreground-hover)}.brick-nav-list__link:active:not([data-disabled]),.brick-nav-list__section-trigger:active:not([data-disabled]){background:var(--brick-nav-list-link-surface-active)}.brick-nav-list__link:focus-visible,.brick-nav-list__section-trigger:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-nav-list-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-nav-list__link[data-current]{background:var(--brick-nav-list-link-surface-current);color:var(--brick-nav-list-link-foreground-current);font-weight:var(--brick-typography-label-strong-font-weight)}.brick-nav-list[data-variant=solid] .brick-nav-list__link[data-current]{background:var(--brick-color-accent-solid);color:var(--brick-color-accent-on-solid)}.brick-nav-list[data-tone=neutral][data-variant=solid] .brick-nav-list__link[data-current]{background:var(--brick-color-text-primary);color:var(--brick-color-text-inverse)}.brick-nav-list[data-variant=outline] .brick-nav-list__link[data-current]{border-color:var(--brick-nav-list-current-border);background:0 0}.brick-nav-list__link[data-disabled],.brick-nav-list__section-trigger[data-disabled]{color:var(--brick-nav-list-link-foreground-disabled);cursor:not-allowed}.brick-nav-list__link-start,.brick-nav-list__link-end{inline-size:var(--brick-nav-list-icon-size);block-size:var(--brick-nav-list-icon-size);flex:none;justify-content:center;align-self:flex-start;align-items:center;margin-block-start:calc((var(--brick-nav-list-label-line-height) - var(--brick-nav-list-icon-size)) / 2);display:inline-flex}:is(.brick-nav-list__link-start,.brick-nav-list__link-end)>:where(svg,img){block-size:100%;inline-size:100%}.brick-nav-list__link-content{flex-direction:column;flex:auto;min-inline-size:0;display:flex}.brick-nav-list__link-label,.brick-nav-list__link-description{overflow-wrap:anywhere;min-inline-size:0}.brick-nav-list__link-description{color:var(--brick-nav-list-description-foreground);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-caption-font-weight);letter-spacing:var(--brick-typography-caption-letter-spacing);line-height:var(--brick-typography-caption-line-height)}.brick-nav-list__section{gap:var(--brick-nav-list-section-gap);flex-direction:column;min-inline-size:0;display:flex}.brick-nav-list__section-label{color:var(--brick-color-text-secondary);font-family:var(--brick-typography-caption-font-family);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-label-strong-font-weight);letter-spacing:var(--brick-typography-label-strong-letter-spacing);line-height:var(--brick-typography-caption-line-height);text-transform:uppercase;margin:0}.brick-nav-list__section-trigger{cursor:pointer}.brick-nav-list__section-trigger[data-collapsible]:after{box-sizing:border-box;inline-size:var(--brick-nav-list-trigger-indicator-size);block-size:var(--brick-nav-list-trigger-indicator-size);border-inline-end:var(--brick-border-width) solid currentColor;border-block-end:var(--brick-border-width) solid currentColor;content:"";flex:none;margin-inline-start:auto;rotate:45deg}.brick-nav-list__section-trigger[data-collapsible][data-state=open]:after{rotate:225deg}.brick-nav-list__section-content{min-inline-size:0}.brick-nav-list[data-orientation=vertical] .brick-nav-list__section-content{padding-inline-start:var(--brick-nav-list-content-inset)}.brick-nav-list[data-orientation=horizontal],.brick-nav-list[data-orientation=horizontal] .brick-nav-list__list,.brick-nav-list[data-orientation=horizontal] .brick-nav-list__section{flex-flow:wrap;align-items:center}.brick-nav-list[data-orientation=horizontal] .brick-nav-list__section-content{display:contents}@media (prefers-reduced-motion:no-preference){.brick-nav-list__section-trigger[data-collapsible]:after{transition:rotate .12s}}@media (forced-colors:active){.brick-nav-list{--brick-nav-list-link-foreground:LinkText;--brick-nav-list-link-foreground-hover:LinkText;--brick-nav-list-link-foreground-current:LinkText;--brick-nav-list-link-foreground-disabled:GrayText;--brick-nav-list-focus-ring:Highlight;--brick-nav-list-current-border:Highlight}.brick-nav-list__link[data-current]{color:linktext;forced-color-adjust:auto;background:canvas;border-color:highlight}}}@layer brick.effects;
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-nav-list{--brick-nav-list-gap:var(--brick-space-1);--brick-nav-list-section-gap:var(--brick-space-2);--brick-nav-list-item-gap:var(--brick-space-1);--brick-nav-list-content-inset:var(--brick-space-3);--brick-nav-list-row-min-block-size:2.75rem;--brick-nav-list-row-padding-inline:var(--brick-space-3);--brick-nav-list-row-padding-inline-start:var(--brick-nav-list-row-padding-inline);--brick-nav-list-row-padding-inline-end:var(--brick-nav-list-row-padding-inline);--brick-nav-list-row-padding-block:var(--brick-space-2);--brick-nav-list-row-radius:var(--brick-radius-control);--brick-nav-list-link-foreground:var(--brick-color-text-secondary);--brick-nav-list-link-foreground-hover:var(--brick-color-text-primary);--brick-nav-list-link-foreground-current:var(--brick-color-accent-text);--brick-nav-list-link-foreground-disabled:var(--brick-color-text-muted);--brick-nav-list-link-surface-hover:var(--brick-color-surface-subtle);--brick-nav-list-link-surface-active:var(--brick-color-surface-raised);--brick-nav-list-link-surface-current:var(--brick-color-accent-soft);--brick-nav-list-current-border:var(--brick-color-accent-border);--brick-nav-list-focus-ring:var(--brick-color-focus-ring);--brick-nav-list-icon-size:1.125rem;--brick-nav-list-icon-gap:var(--brick-space-2);--brick-nav-list-description-foreground:var(--brick-color-text-secondary);--brick-nav-list-trigger-indicator-size:.5rem;--brick-nav-list-label-font-family:var(--brick-typography-body-sm-font-family);--brick-nav-list-label-font-size:var(--brick-typography-body-sm-font-size);--brick-nav-list-label-font-weight:var(--brick-typography-body-sm-font-weight);--brick-nav-list-label-line-height:var(--brick-typography-body-sm-line-height);--brick-nav-list-label-letter-spacing:var(--brick-typography-body-sm-letter-spacing);gap:var(--brick-nav-list-section-gap);flex-direction:column;min-inline-size:0;display:flex}.brick-nav-list[data-tone=neutral]{--brick-nav-list-link-foreground-current:var(--brick-color-text-primary);--brick-nav-list-link-surface-current:var(--brick-color-surface-raised);--brick-nav-list-current-border:var(--brick-color-border-strong)}.brick-nav-list[data-size=sm]{--brick-nav-list-row-min-block-size:2rem;--brick-nav-list-row-padding-inline:var(--brick-space-2);--brick-nav-list-row-padding-block:var(--brick-space-1);--brick-nav-list-content-inset:var(--brick-space-2);--brick-nav-list-icon-size:1rem;--brick-nav-list-label-font-size:var(--brick-typography-caption-font-size);--brick-nav-list-label-line-height:var(--brick-typography-caption-line-height)}.brick-nav-list[data-size=lg]{--brick-nav-list-row-min-block-size:3.25rem;--brick-nav-list-row-padding-inline:var(--brick-space-4);--brick-nav-list-row-padding-block:var(--brick-space-3);--brick-nav-list-content-inset:var(--brick-space-4);--brick-nav-list-icon-size:1.25rem;--brick-nav-list-label-font-size:var(--brick-typography-body-md-font-size);--brick-nav-list-label-line-height:var(--brick-typography-body-md-line-height)}.brick-nav-list__list{gap:var(--brick-nav-list-gap);flex-direction:column;min-inline-size:0;margin:0;padding:0;list-style:none;display:flex}.brick-nav-list__item{min-inline-size:0;margin:0;padding:0}.brick-nav-list__link,.brick-nav-list__section-trigger{box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-nav-list-row-min-block-size);align-items:center;gap:var(--brick-nav-list-icon-gap);padding-block:var(--brick-nav-list-row-padding-block);border:var(--brick-border-width) solid transparent;border-radius:var(--brick-nav-list-row-radius);color:var(--brick-nav-list-link-foreground);font-family:var(--brick-nav-list-label-font-family);font-size:var(--brick-nav-list-label-font-size);font-weight:var(--brick-nav-list-label-font-weight);letter-spacing:var(--brick-nav-list-label-letter-spacing);line-height:var(--brick-nav-list-label-line-height);text-align:start;background:0 0;padding-inline-start:var(--brick-nav-list-row-padding-inline-start);padding-inline-end:var(--brick-nav-list-row-padding-inline-end);text-decoration:none;display:flex}.brick-nav-list[data-orientation=vertical] :is(.brick-nav-list__link,.brick-nav-list__section-trigger){inline-size:100%}.brick-nav-list__link:hover:not([data-disabled]),.brick-nav-list__section-trigger:hover:not([data-disabled]){background:var(--brick-nav-list-link-surface-hover);color:var(--brick-nav-list-link-foreground-hover)}.brick-nav-list__link:active:not([data-disabled]),.brick-nav-list__section-trigger:active:not([data-disabled]){background:var(--brick-nav-list-link-surface-active)}.brick-nav-list__link:focus-visible,.brick-nav-list__section-trigger:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-nav-list-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-nav-list__link[data-current]{background:var(--brick-nav-list-link-surface-current);color:var(--brick-nav-list-link-foreground-current);font-weight:var(--brick-typography-label-strong-font-weight)}.brick-nav-list[data-variant=solid] .brick-nav-list__link[data-current]{background:var(--brick-color-accent-solid);color:var(--brick-color-accent-on-solid)}.brick-nav-list[data-tone=neutral][data-variant=solid] .brick-nav-list__link[data-current]{background:var(--brick-color-text-primary);color:var(--brick-color-text-inverse)}.brick-nav-list[data-variant=outline] .brick-nav-list__link[data-current]{border-color:var(--brick-nav-list-current-border);background:0 0}.brick-nav-list__link[data-disabled],.brick-nav-list__section-trigger[data-disabled]{color:var(--brick-nav-list-link-foreground-disabled);cursor:not-allowed}.brick-nav-list__link-start,.brick-nav-list__link-end{inline-size:var(--brick-nav-list-icon-size);block-size:var(--brick-nav-list-icon-size);flex:none;justify-content:center;align-self:flex-start;align-items:center;margin-block-start:calc((var(--brick-nav-list-label-line-height) - var(--brick-nav-list-icon-size)) / 2);display:inline-flex}:is(.brick-nav-list__link-start,.brick-nav-list__link-end)>:where(svg,img){block-size:100%;inline-size:100%}.brick-nav-list__link-content{flex-direction:column;flex:auto;min-inline-size:0;display:flex}.brick-nav-list__link-label,.brick-nav-list__link-description{overflow-wrap:anywhere;min-inline-size:0}.brick-nav-list__link-description{color:var(--brick-nav-list-description-foreground);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-caption-font-weight);letter-spacing:var(--brick-typography-caption-letter-spacing);line-height:var(--brick-typography-caption-line-height)}.brick-nav-list__section{gap:var(--brick-nav-list-section-gap);flex-direction:column;min-inline-size:0;display:flex}.brick-nav-list__section-label{color:var(--brick-color-text-secondary);font-family:var(--brick-typography-caption-font-family);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-label-strong-font-weight);letter-spacing:var(--brick-typography-label-strong-letter-spacing);line-height:var(--brick-typography-caption-line-height);text-transform:uppercase;margin:0}.brick-nav-list__section-trigger{cursor:pointer}.brick-nav-list__section-trigger[data-collapsible]:after{box-sizing:border-box;inline-size:var(--brick-nav-list-trigger-indicator-size);block-size:var(--brick-nav-list-trigger-indicator-size);border-inline-end:var(--brick-border-width) solid currentColor;border-block-end:var(--brick-border-width) solid currentColor;content:"";flex:none;margin-inline-start:auto;rotate:45deg}.brick-nav-list__section-trigger[data-collapsible][data-state=open]:after{rotate:225deg}.brick-nav-list__section-content{min-inline-size:0}.brick-nav-list[data-orientation=vertical] .brick-nav-list__section-content{padding-inline-start:var(--brick-nav-list-content-inset)}.brick-nav-list[data-orientation=horizontal],.brick-nav-list[data-orientation=horizontal] .brick-nav-list__list,.brick-nav-list[data-orientation=horizontal] .brick-nav-list__section{flex-flow:wrap;align-items:center}.brick-nav-list[data-orientation=horizontal] .brick-nav-list__section-content{display:contents}@media (prefers-reduced-motion:no-preference){.brick-nav-list__section-trigger[data-collapsible]:after{transition:rotate .12s}}@media (forced-colors:active){.brick-nav-list{--brick-nav-list-link-foreground:LinkText;--brick-nav-list-link-foreground-hover:LinkText;--brick-nav-list-link-foreground-current:LinkText;--brick-nav-list-link-foreground-disabled:GrayText;--brick-nav-list-focus-ring:Highlight;--brick-nav-list-current-border:Highlight}.brick-nav-list__link[data-current]{color:linktext;forced-color-adjust:auto;background:canvas;border-color:highlight}}}@layer brick.effects;
2
2
  /*# sourceMappingURL=nav-list.css.map */
package/dist/styles/nav-list.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,8rDAkCA,qPAMA,saAUA,4aAUA,4IAUA,2DAMA,4vBAsBA,wHAIA,mNAMA,oKAKA,kNAMA,2MAMA,4JAKA,4KAKA,2IAKA,6JAMA,oVAYA,4GAKA,6FAOA,uGAMA,uTAQA,oHAOA,6YAWA,gDAIA,wXAYA,wFAIA,mDAIA,qIAIA,wNAOA,+FAIA,8CACE,iFAKF,8BACE,+RASA,uHDlQJ","sources":["home/runner/work/brick/brick/.brick-cache/production/nav-list.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/nav-list/nav-list.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/nav-list/nav-list.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-nav-list {\n --brick-nav-list-gap: var(--brick-space-1);\n --brick-nav-list-section-gap: var(--brick-space-2);\n --brick-nav-list-item-gap: var(--brick-space-1);\n --brick-nav-list-content-inset: var(--brick-space-3);\n --brick-nav-list-row-min-block-size: 2.75rem;\n --brick-nav-list-row-padding-inline: var(--brick-space-3);\n --brick-nav-list-row-padding-block: var(--brick-space-2);\n --brick-nav-list-row-radius: var(--brick-radius-control);\n --brick-nav-list-link-foreground: var(--brick-color-text-secondary);\n --brick-nav-list-link-foreground-hover: var(--brick-color-text-primary);\n --brick-nav-list-link-foreground-current: var(--brick-color-accent-text);\n --brick-nav-list-link-foreground-disabled: var(--brick-color-text-muted);\n --brick-nav-list-link-surface-hover: var(--brick-color-surface-subtle);\n --brick-nav-list-link-surface-active: var(--brick-color-surface-raised);\n --brick-nav-list-link-surface-current: var(--brick-color-accent-soft);\n --brick-nav-list-current-border: var(--brick-color-accent-border);\n --brick-nav-list-focus-ring: var(--brick-color-focus-ring);\n --brick-nav-list-icon-size: 1.125rem;\n --brick-nav-list-icon-gap: var(--brick-space-2);\n --brick-nav-list-description-foreground: var(--brick-color-text-secondary);\n --brick-nav-list-trigger-indicator-size: 0.5rem;\n --brick-nav-list-label-font-family: var(--brick-typography-body-sm-font-family);\n --brick-nav-list-label-font-size: var(--brick-typography-body-sm-font-size);\n --brick-nav-list-label-font-weight: var(--brick-typography-body-sm-font-weight);\n --brick-nav-list-label-line-height: var(--brick-typography-body-sm-line-height);\n --brick-nav-list-label-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n\n display: flex;\n min-inline-size: 0;\n flex-direction: column;\n gap: var(--brick-nav-list-section-gap);\n }\n\n .brick-nav-list[data-tone=\"neutral\"] {\n --brick-nav-list-link-foreground-current: var(--brick-color-text-primary);\n --brick-nav-list-link-surface-current: var(--brick-color-surface-raised);\n --brick-nav-list-current-border: var(--brick-color-border-strong);\n }\n\n .brick-nav-list[data-size=\"sm\"] {\n --brick-nav-list-row-min-block-size: 2rem;\n --brick-nav-list-row-padding-inline: var(--brick-space-2);\n --brick-nav-list-row-padding-block: var(--brick-space-1);\n --brick-nav-list-content-inset: var(--brick-space-2);\n --brick-nav-list-icon-size: 1rem;\n --brick-nav-list-label-font-size: var(--brick-typography-caption-font-size);\n --brick-nav-list-label-line-height: var(--brick-typography-caption-line-height);\n }\n\n .brick-nav-list[data-size=\"lg\"] {\n --brick-nav-list-row-min-block-size: 3.25rem;\n --brick-nav-list-row-padding-inline: var(--brick-space-4);\n --brick-nav-list-row-padding-block: var(--brick-space-3);\n --brick-nav-list-content-inset: var(--brick-space-4);\n --brick-nav-list-icon-size: 1.25rem;\n --brick-nav-list-label-font-size: var(--brick-typography-body-md-font-size);\n --brick-nav-list-label-line-height: var(--brick-typography-body-md-line-height);\n }\n\n .brick-nav-list__list {\n display: flex;\n min-inline-size: 0;\n flex-direction: column;\n gap: var(--brick-nav-list-gap);\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .brick-nav-list__item {\n min-inline-size: 0;\n margin: 0;\n padding: 0;\n }\n\n .brick-nav-list__link,\n .brick-nav-list__section-trigger {\n box-sizing: border-box;\n display: flex;\n min-inline-size: 0;\n min-block-size: var(--brick-nav-list-row-min-block-size);\n align-items: center;\n gap: var(--brick-nav-list-icon-gap);\n padding: var(--brick-nav-list-row-padding-block) var(--brick-nav-list-row-padding-inline);\n border: var(--brick-border-width) solid transparent;\n border-radius: var(--brick-nav-list-row-radius);\n background: transparent;\n color: var(--brick-nav-list-link-foreground);\n font-family: var(--brick-nav-list-label-font-family);\n font-size: var(--brick-nav-list-label-font-size);\n font-weight: var(--brick-nav-list-label-font-weight);\n letter-spacing: var(--brick-nav-list-label-letter-spacing);\n line-height: var(--brick-nav-list-label-line-height);\n text-align: start;\n text-decoration: none;\n }\n\n .brick-nav-list[data-orientation=\"vertical\"] :is(.brick-nav-list__link, .brick-nav-list__section-trigger) {\n inline-size: 100%;\n }\n\n .brick-nav-list__link:hover:not([data-disabled]),\n .brick-nav-list__section-trigger:hover:not([data-disabled]) {\n background: var(--brick-nav-list-link-surface-hover);\n color: var(--brick-nav-list-link-foreground-hover);\n }\n\n .brick-nav-list__link:active:not([data-disabled]),\n .brick-nav-list__section-trigger:active:not([data-disabled]) {\n background: var(--brick-nav-list-link-surface-active);\n }\n\n .brick-nav-list__link:focus-visible,\n .brick-nav-list__section-trigger:focus-visible {\n outline: var(--brick-border-focus-width) solid var(--brick-nav-list-focus-ring);\n outline-offset: var(--brick-border-focus-offset);\n }\n\n .brick-nav-list__link[data-current] {\n background: var(--brick-nav-list-link-surface-current);\n color: var(--brick-nav-list-link-foreground-current);\n font-weight: var(--brick-typography-label-strong-font-weight);\n }\n\n .brick-nav-list[data-variant=\"solid\"] .brick-nav-list__link[data-current] {\n background: var(--brick-color-accent-solid);\n color: var(--brick-color-accent-on-solid);\n }\n\n .brick-nav-list[data-tone=\"neutral\"][data-variant=\"solid\"] .brick-nav-list__link[data-current] {\n background: var(--brick-color-text-primary);\n color: var(--brick-color-text-inverse);\n }\n\n .brick-nav-list[data-variant=\"outline\"] .brick-nav-list__link[data-current] {\n border-color: var(--brick-nav-list-current-border);\n background: transparent;\n }\n\n .brick-nav-list__link[data-disabled],\n .brick-nav-list__section-trigger[data-disabled] {\n color: var(--brick-nav-list-link-foreground-disabled);\n cursor: not-allowed;\n }\n\n .brick-nav-list__link-start,\n .brick-nav-list__link-end {\n display: inline-flex;\n flex: 0 0 auto;\n align-self: flex-start;\n align-items: center;\n justify-content: center;\n inline-size: var(--brick-nav-list-icon-size);\n block-size: var(--brick-nav-list-icon-size);\n margin-block-start: calc((var(--brick-nav-list-label-line-height) - var(--brick-nav-list-icon-size)) / 2);\n }\n\n :is(.brick-nav-list__link-start, .brick-nav-list__link-end) > :where(svg, img) {\n inline-size: 100%;\n block-size: 100%;\n }\n\n .brick-nav-list__link-content {\n display: flex;\n min-inline-size: 0;\n flex: 1 1 auto;\n flex-direction: column;\n }\n\n .brick-nav-list__link-label,\n .brick-nav-list__link-description {\n min-inline-size: 0;\n overflow-wrap: anywhere;\n }\n\n .brick-nav-list__link-description {\n color: var(--brick-nav-list-description-foreground);\n font-size: var(--brick-typography-caption-font-size);\n font-weight: var(--brick-typography-caption-font-weight);\n letter-spacing: var(--brick-typography-caption-letter-spacing);\n line-height: var(--brick-typography-caption-line-height);\n }\n\n .brick-nav-list__section {\n display: flex;\n min-inline-size: 0;\n flex-direction: column;\n gap: var(--brick-nav-list-section-gap);\n }\n\n .brick-nav-list__section-label {\n margin: 0;\n color: var(--brick-color-text-secondary);\n font-family: var(--brick-typography-caption-font-family);\n font-size: var(--brick-typography-caption-font-size);\n font-weight: var(--brick-typography-label-strong-font-weight);\n letter-spacing: var(--brick-typography-label-strong-letter-spacing);\n line-height: var(--brick-typography-caption-line-height);\n text-transform: uppercase;\n }\n\n .brick-nav-list__section-trigger {\n cursor: pointer;\n }\n\n .brick-nav-list__section-trigger[data-collapsible]::after {\n box-sizing: border-box;\n inline-size: var(--brick-nav-list-trigger-indicator-size);\n block-size: var(--brick-nav-list-trigger-indicator-size);\n flex: 0 0 auto;\n margin-inline-start: auto;\n border-inline-end: var(--brick-border-width) solid currentColor;\n border-block-end: var(--brick-border-width) solid currentColor;\n content: \"\";\n rotate: 45deg;\n }\n\n .brick-nav-list__section-trigger[data-collapsible][data-state=\"open\"]::after {\n rotate: 225deg;\n }\n\n .brick-nav-list__section-content {\n min-inline-size: 0;\n }\n\n .brick-nav-list[data-orientation=\"vertical\"] .brick-nav-list__section-content {\n padding-inline-start: var(--brick-nav-list-content-inset);\n }\n\n .brick-nav-list[data-orientation=\"horizontal\"],\n .brick-nav-list[data-orientation=\"horizontal\"] .brick-nav-list__list,\n .brick-nav-list[data-orientation=\"horizontal\"] .brick-nav-list__section {\n flex-flow: row wrap;\n align-items: center;\n }\n\n .brick-nav-list[data-orientation=\"horizontal\"] .brick-nav-list__section-content {\n display: contents;\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .brick-nav-list__section-trigger[data-collapsible]::after {\n transition: rotate 120ms ease;\n }\n }\n\n @media (forced-colors: active) {\n .brick-nav-list {\n --brick-nav-list-link-foreground: LinkText;\n --brick-nav-list-link-foreground-hover: LinkText;\n --brick-nav-list-link-foreground-current: LinkText;\n --brick-nav-list-link-foreground-disabled: GrayText;\n --brick-nav-list-focus-ring: Highlight;\n --brick-nav-list-current-border: Highlight;\n }\n\n .brick-nav-list__link[data-current] {\n border-color: Highlight;\n background: Canvas;\n color: LinkText;\n forced-color-adjust: auto;\n }\n }\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,k2DAoCA,qPAMA,saAUA,4aAUA,4IAUA,2DAMA,61BAwBA,wHAIA,mNAMA,oKAKA,kNAMA,2MAMA,4JAKA,4KAKA,2IAKA,6JAMA,oVAYA,4GAKA,6FAOA,uGAMA,uTAQA,oHAOA,6YAWA,gDAIA,wXAYA,wFAIA,mDAIA,qIAIA,wNAOA,+FAIA,8CACE,iFAKF,8BACE,+RASA,uHDtQJ","sources":["home/runner/work/brick/brick/.brick-cache/production/nav-list.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/nav-list/nav-list.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/nav-list/nav-list.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-nav-list {\n --brick-nav-list-gap: var(--brick-space-1);\n --brick-nav-list-section-gap: var(--brick-space-2);\n --brick-nav-list-item-gap: var(--brick-space-1);\n --brick-nav-list-content-inset: var(--brick-space-3);\n --brick-nav-list-row-min-block-size: 2.75rem;\n --brick-nav-list-row-padding-inline: var(--brick-space-3);\n --brick-nav-list-row-padding-inline-start: var(--brick-nav-list-row-padding-inline);\n --brick-nav-list-row-padding-inline-end: var(--brick-nav-list-row-padding-inline);\n --brick-nav-list-row-padding-block: var(--brick-space-2);\n --brick-nav-list-row-radius: var(--brick-radius-control);\n --brick-nav-list-link-foreground: var(--brick-color-text-secondary);\n --brick-nav-list-link-foreground-hover: var(--brick-color-text-primary);\n --brick-nav-list-link-foreground-current: var(--brick-color-accent-text);\n --brick-nav-list-link-foreground-disabled: var(--brick-color-text-muted);\n --brick-nav-list-link-surface-hover: var(--brick-color-surface-subtle);\n --brick-nav-list-link-surface-active: var(--brick-color-surface-raised);\n --brick-nav-list-link-surface-current: var(--brick-color-accent-soft);\n --brick-nav-list-current-border: var(--brick-color-accent-border);\n --brick-nav-list-focus-ring: var(--brick-color-focus-ring);\n --brick-nav-list-icon-size: 1.125rem;\n --brick-nav-list-icon-gap: var(--brick-space-2);\n --brick-nav-list-description-foreground: var(--brick-color-text-secondary);\n --brick-nav-list-trigger-indicator-size: 0.5rem;\n --brick-nav-list-label-font-family: var(--brick-typography-body-sm-font-family);\n --brick-nav-list-label-font-size: var(--brick-typography-body-sm-font-size);\n --brick-nav-list-label-font-weight: var(--brick-typography-body-sm-font-weight);\n --brick-nav-list-label-line-height: var(--brick-typography-body-sm-line-height);\n --brick-nav-list-label-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n\n display: flex;\n min-inline-size: 0;\n flex-direction: column;\n gap: var(--brick-nav-list-section-gap);\n }\n\n .brick-nav-list[data-tone=\"neutral\"] {\n --brick-nav-list-link-foreground-current: var(--brick-color-text-primary);\n --brick-nav-list-link-surface-current: var(--brick-color-surface-raised);\n --brick-nav-list-current-border: var(--brick-color-border-strong);\n }\n\n .brick-nav-list[data-size=\"sm\"] {\n --brick-nav-list-row-min-block-size: 2rem;\n --brick-nav-list-row-padding-inline: var(--brick-space-2);\n --brick-nav-list-row-padding-block: var(--brick-space-1);\n --brick-nav-list-content-inset: var(--brick-space-2);\n --brick-nav-list-icon-size: 1rem;\n --brick-nav-list-label-font-size: var(--brick-typography-caption-font-size);\n --brick-nav-list-label-line-height: var(--brick-typography-caption-line-height);\n }\n\n .brick-nav-list[data-size=\"lg\"] {\n --brick-nav-list-row-min-block-size: 3.25rem;\n --brick-nav-list-row-padding-inline: var(--brick-space-4);\n --brick-nav-list-row-padding-block: var(--brick-space-3);\n --brick-nav-list-content-inset: var(--brick-space-4);\n --brick-nav-list-icon-size: 1.25rem;\n --brick-nav-list-label-font-size: var(--brick-typography-body-md-font-size);\n --brick-nav-list-label-line-height: var(--brick-typography-body-md-line-height);\n }\n\n .brick-nav-list__list {\n display: flex;\n min-inline-size: 0;\n flex-direction: column;\n gap: var(--brick-nav-list-gap);\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .brick-nav-list__item {\n min-inline-size: 0;\n margin: 0;\n padding: 0;\n }\n\n .brick-nav-list__link,\n .brick-nav-list__section-trigger {\n box-sizing: border-box;\n display: flex;\n min-inline-size: 0;\n min-block-size: var(--brick-nav-list-row-min-block-size);\n align-items: center;\n gap: var(--brick-nav-list-icon-gap);\n padding-block: var(--brick-nav-list-row-padding-block);\n padding-inline-start: var(--brick-nav-list-row-padding-inline-start);\n padding-inline-end: var(--brick-nav-list-row-padding-inline-end);\n border: var(--brick-border-width) solid transparent;\n border-radius: var(--brick-nav-list-row-radius);\n background: transparent;\n color: var(--brick-nav-list-link-foreground);\n font-family: var(--brick-nav-list-label-font-family);\n font-size: var(--brick-nav-list-label-font-size);\n font-weight: var(--brick-nav-list-label-font-weight);\n letter-spacing: var(--brick-nav-list-label-letter-spacing);\n line-height: var(--brick-nav-list-label-line-height);\n text-align: start;\n text-decoration: none;\n }\n\n .brick-nav-list[data-orientation=\"vertical\"] :is(.brick-nav-list__link, .brick-nav-list__section-trigger) {\n inline-size: 100%;\n }\n\n .brick-nav-list__link:hover:not([data-disabled]),\n .brick-nav-list__section-trigger:hover:not([data-disabled]) {\n background: var(--brick-nav-list-link-surface-hover);\n color: var(--brick-nav-list-link-foreground-hover);\n }\n\n .brick-nav-list__link:active:not([data-disabled]),\n .brick-nav-list__section-trigger:active:not([data-disabled]) {\n background: var(--brick-nav-list-link-surface-active);\n }\n\n .brick-nav-list__link:focus-visible,\n .brick-nav-list__section-trigger:focus-visible {\n outline: var(--brick-border-focus-width) solid var(--brick-nav-list-focus-ring);\n outline-offset: var(--brick-border-focus-offset);\n }\n\n .brick-nav-list__link[data-current] {\n background: var(--brick-nav-list-link-surface-current);\n color: var(--brick-nav-list-link-foreground-current);\n font-weight: var(--brick-typography-label-strong-font-weight);\n }\n\n .brick-nav-list[data-variant=\"solid\"] .brick-nav-list__link[data-current] {\n background: var(--brick-color-accent-solid);\n color: var(--brick-color-accent-on-solid);\n }\n\n .brick-nav-list[data-tone=\"neutral\"][data-variant=\"solid\"] .brick-nav-list__link[data-current] {\n background: var(--brick-color-text-primary);\n color: var(--brick-color-text-inverse);\n }\n\n .brick-nav-list[data-variant=\"outline\"] .brick-nav-list__link[data-current] {\n border-color: var(--brick-nav-list-current-border);\n background: transparent;\n }\n\n .brick-nav-list__link[data-disabled],\n .brick-nav-list__section-trigger[data-disabled] {\n color: var(--brick-nav-list-link-foreground-disabled);\n cursor: not-allowed;\n }\n\n .brick-nav-list__link-start,\n .brick-nav-list__link-end {\n display: inline-flex;\n flex: 0 0 auto;\n align-self: flex-start;\n align-items: center;\n justify-content: center;\n inline-size: var(--brick-nav-list-icon-size);\n block-size: var(--brick-nav-list-icon-size);\n margin-block-start: calc((var(--brick-nav-list-label-line-height) - var(--brick-nav-list-icon-size)) / 2);\n }\n\n :is(.brick-nav-list__link-start, .brick-nav-list__link-end) > :where(svg, img) {\n inline-size: 100%;\n block-size: 100%;\n }\n\n .brick-nav-list__link-content {\n display: flex;\n min-inline-size: 0;\n flex: 1 1 auto;\n flex-direction: column;\n }\n\n .brick-nav-list__link-label,\n .brick-nav-list__link-description {\n min-inline-size: 0;\n overflow-wrap: anywhere;\n }\n\n .brick-nav-list__link-description {\n color: var(--brick-nav-list-description-foreground);\n font-size: var(--brick-typography-caption-font-size);\n font-weight: var(--brick-typography-caption-font-weight);\n letter-spacing: var(--brick-typography-caption-letter-spacing);\n line-height: var(--brick-typography-caption-line-height);\n }\n\n .brick-nav-list__section {\n display: flex;\n min-inline-size: 0;\n flex-direction: column;\n gap: var(--brick-nav-list-section-gap);\n }\n\n .brick-nav-list__section-label {\n margin: 0;\n color: var(--brick-color-text-secondary);\n font-family: var(--brick-typography-caption-font-family);\n font-size: var(--brick-typography-caption-font-size);\n font-weight: var(--brick-typography-label-strong-font-weight);\n letter-spacing: var(--brick-typography-label-strong-letter-spacing);\n line-height: var(--brick-typography-caption-line-height);\n text-transform: uppercase;\n }\n\n .brick-nav-list__section-trigger {\n cursor: pointer;\n }\n\n .brick-nav-list__section-trigger[data-collapsible]::after {\n box-sizing: border-box;\n inline-size: var(--brick-nav-list-trigger-indicator-size);\n block-size: var(--brick-nav-list-trigger-indicator-size);\n flex: 0 0 auto;\n margin-inline-start: auto;\n border-inline-end: var(--brick-border-width) solid currentColor;\n border-block-end: var(--brick-border-width) solid currentColor;\n content: \"\";\n rotate: 45deg;\n }\n\n .brick-nav-list__section-trigger[data-collapsible][data-state=\"open\"]::after {\n rotate: 225deg;\n }\n\n .brick-nav-list__section-content {\n min-inline-size: 0;\n }\n\n .brick-nav-list[data-orientation=\"vertical\"] .brick-nav-list__section-content {\n padding-inline-start: var(--brick-nav-list-content-inset);\n }\n\n .brick-nav-list[data-orientation=\"horizontal\"],\n .brick-nav-list[data-orientation=\"horizontal\"] .brick-nav-list__list,\n .brick-nav-list[data-orientation=\"horizontal\"] .brick-nav-list__section {\n flex-flow: row wrap;\n align-items: center;\n }\n\n .brick-nav-list[data-orientation=\"horizontal\"] .brick-nav-list__section-content {\n display: contents;\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .brick-nav-list__section-trigger[data-collapsible]::after {\n transition: rotate 120ms ease;\n }\n }\n\n @media (forced-colors: active) {\n .brick-nav-list {\n --brick-nav-list-link-foreground: LinkText;\n --brick-nav-list-link-foreground-hover: LinkText;\n --brick-nav-list-link-foreground-current: LinkText;\n --brick-nav-list-link-foreground-disabled: GrayText;\n --brick-nav-list-focus-ring: Highlight;\n --brick-nav-list-current-border: Highlight;\n }\n\n .brick-nav-list__link[data-current] {\n border-color: Highlight;\n background: Canvas;\n color: LinkText;\n forced-color-adjust: auto;\n }\n }\n}\n"],"names":[]}
package/dist/styles/navigation-menu.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer brick.tokens,brick.foundations;@layer brick.components{.brick-navigation-menu,.brick-navigation-menu__sub{--brick-navigation-menu-gap:var(--brick-space-1);--brick-navigation-menu-control-min-block-size:var(--brick-control-target-min);--brick-navigation-menu-control-padding-inline:var(--brick-space-3);--brick-navigation-menu-control-radius:var(--brick-radius-control);--brick-navigation-menu-control-foreground:currentColor;--brick-navigation-menu-control-hover-background:var(--brick-color-surface-subtle);--brick-navigation-menu-control-open-background:var(--brick-color-accent-soft);--brick-navigation-menu-control-open-foreground:var(--brick-color-accent-text);--brick-navigation-menu-control-current-foreground:currentColor;--brick-navigation-menu-focus-ring:var(--brick-color-focus-ring);--brick-navigation-menu-chevron-size:.375rem;--brick-navigation-menu-chevron-stroke:.0625rem;--brick-navigation-menu-chevron-gap:.375rem;--brick-navigation-menu-current-underline-size:.0625rem;--brick-navigation-menu-current-underline-offset:.25em;--brick-navigation-menu-indicator-size:.625rem;--brick-navigation-menu-indicator-offset:var(--brick-space-2);--brick-navigation-menu-viewport-background:var(--brick-color-surface-overlay);--brick-navigation-menu-viewport-foreground:var(--brick-color-text-primary);--brick-navigation-menu-viewport-border:var(--brick-color-border-subtle);--brick-navigation-menu-viewport-radius:var(--brick-radius-control);--brick-navigation-menu-viewport-shadow:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);--brick-navigation-menu-viewport-padding:var(--brick-space-4);--brick-navigation-menu-viewport-max-inline-size:min(42rem, calc(100dvi - 2 * var(--brick-space-3)));--brick-navigation-menu-motion-duration:var(--brick-motion-duration-fast);--brick-navigation-menu-indicator-color:var(--brick-navigation-menu-viewport-background);--brick-navigation-menu-indicator-border:var(--brick-navigation-menu-viewport-border);max-inline-size:100%;color:inherit;display:inline-block;position:relative}: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:.3125rem;--brick-navigation-menu-indicator-size:.5rem}: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:.4375rem;--brick-navigation-menu-indicator-size:.75rem}.brick-navigation-menu__list{align-items:center;gap:var(--brick-navigation-menu-gap);min-inline-size:0;margin:0;padding:0;list-style:none;display:flex}.brick-navigation-menu__list[data-orientation=horizontal]{flex-wrap:nowrap}.brick-navigation-menu__list[data-orientation=vertical]{flex-direction:column;align-items:stretch;inline-size:fit-content}.brick-navigation-menu__item{min-inline-size:0}:where(.brick-navigation-menu__trigger,.brick-navigation-menu__link){box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-navigation-menu-control-min-block-size);justify-content:center;align-items:center;gap:var(--brick-navigation-menu-chevron-gap);padding-inline:var(--brick-navigation-menu-control-padding-inline);border-radius:var(--brick-navigation-menu-control-radius);color:var(--brick-navigation-menu-control-foreground);font-family:var(--brick-typography-control-md-font-family);font-size:var(--brick-typography-control-md-font-size);font-weight:var(--brick-typography-control-md-font-weight);line-height:var(--brick-typography-control-md-line-height);text-align:start;white-space:nowrap;cursor:pointer;touch-action:manipulation;background:0 0;border:0;text-decoration:none;display:inline-flex}.brick-navigation-menu__trigger:after{content:"";inline-size:var(--brick-navigation-menu-chevron-size);block-size:var(--brick-navigation-menu-chevron-size);border-inline-end:var(--brick-navigation-menu-chevron-stroke) solid currentColor;border-block-end:var(--brick-navigation-menu-chevron-stroke) solid currentColor;transition:transform var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard);flex:none;transform:translateY(-20%)rotate(45deg)}.brick-navigation-menu__trigger[data-state=open]:after{transform:translateY(20%)rotate(225deg)}:where(.brick-navigation-menu__trigger,.brick-navigation-menu__link):is(:hover,:focus-visible){background:var(--brick-navigation-menu-control-hover-background)}: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)}.brick-navigation-menu__trigger[data-state=open]{background:var(--brick-navigation-menu-control-open-background);color:var(--brick-navigation-menu-control-open-foreground)}.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)}.brick-navigation-menu__trigger[data-disabled]{color:var(--brick-color-text-muted);opacity:.65;cursor:not-allowed}.brick-navigation-menu__indicator{z-index:calc(var(--brick-layer-overlay) + 1);pointer-events:none;opacity:0;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);justify-content:center;align-items:center;display:flex;position:absolute;overflow:visible}.brick-navigation-menu__indicator[data-state=visible]{opacity:1}.brick-navigation-menu__indicator[data-orientation=horizontal]{inline-size:var(--atom-navigation-menu-trigger-width);block-size:var(--brick-navigation-menu-indicator-offset);translate:var(--atom-navigation-menu-trigger-left) 0;align-items:flex-end;inset-block-start:100%;inset-inline-start:0}.brick-navigation-menu__indicator[data-orientation=vertical]{inline-size:var(--brick-navigation-menu-indicator-offset);block-size:var(--atom-navigation-menu-trigger-height);translate:0 var(--atom-navigation-menu-trigger-top);justify-content:flex-end;inset-block-start:0;inset-inline-start:100%}.brick-navigation-menu__indicator-arrow{box-sizing:border-box;background:0 0;flex:none;display:block;position:relative}.brick-navigation-menu__indicator-arrow:before,.brick-navigation-menu__indicator-arrow:after{content:"";display:block;position:absolute}.brick-navigation-menu__indicator-arrow:before{background:var(--brick-navigation-menu-indicator-border);inset:0}.brick-navigation-menu__indicator-arrow:after{background:var(--brick-navigation-menu-indicator-color)}.brick-navigation-menu__indicator[data-orientation=horizontal]>.brick-navigation-menu__indicator-arrow{inline-size:var(--brick-navigation-menu-indicator-size);block-size:calc(var(--brick-navigation-menu-indicator-size) / 2 + var(--brick-border-width));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;translate:0 var(--brick-border-width)}.brick-navigation-menu__indicator[data-orientation=horizontal]>.brick-navigation-menu__indicator-arrow:before{clip-path:polygon(50% 0,100% 100%,0 100%)}.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)}.brick-navigation-menu__indicator[data-orientation=vertical]>.brick-navigation-menu__indicator-arrow{inline-size:calc(var(--brick-navigation-menu-indicator-size) / 2 + var(--brick-border-width));block-size:var(--brick-navigation-menu-indicator-size);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;translate:var(--brick-border-width) 0}.brick-navigation-menu__indicator[data-orientation=vertical]>.brick-navigation-menu__indicator-arrow:before{clip-path:polygon(0 50%,100% 0,100% 100%)}.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}.brick-navigation-menu__indicator[data-orientation=vertical]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>.brick-navigation-menu__indicator-arrow{translate:calc(var(--brick-border-width) * -1) 0;background-position:0}.brick-navigation-menu__indicator[data-orientation=vertical]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>.brick-navigation-menu__indicator-arrow:before{clip-path:polygon(100% 50%,0 0,0 100%)}.brick-navigation-menu__indicator[data-orientation=vertical]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>.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}.brick-navigation-menu__viewport{z-index:var(--brick-layer-overlay);box-sizing:border-box;inline-size:var(--atom-navigation-menu-viewport-width);max-inline-size:var(--brick-navigation-menu-viewport-max-inline-size);block-size:var(--atom-navigation-menu-viewport-height);border:var(--brick-border-width) solid var(--brick-navigation-menu-viewport-border);border-radius:var(--brick-navigation-menu-viewport-radius);background:var(--brick-navigation-menu-viewport-background);box-shadow:var(--brick-navigation-menu-viewport-shadow);color:var(--brick-navigation-menu-viewport-foreground);opacity:0;transform-origin:top;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);position:absolute;overflow:hidden;scale:.98}.brick-navigation-menu[data-orientation=horizontal]>.brick-navigation-menu__viewport{inset-block-start:calc(100% + var(--brick-space-2));inset-inline-start:50%;translate:-50%}.brick-navigation-menu[data-orientation=vertical]>.brick-navigation-menu__viewport{translate:0 var(--atom-navigation-menu-trigger-top,0);inset-block-start:0;inset-inline-start:calc(100% + var(--brick-space-2))}.brick-navigation-menu__viewport[data-state=open]{opacity:1;scale:1}.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)}.brick-navigation-menu__content .brick-navigation-menu__link{min-block-size:0;padding:var(--brick-space-2);white-space:normal;justify-content:flex-start}.brick-navigation-menu__content[data-motion^=from-]{animation:brick-navigation-menu-enter var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter)}@keyframes brick-navigation-menu-enter{0%{opacity:0;translate:0 .25rem}to{opacity:1;translate:0}}@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)))}}@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}}@media (forced-colors:active){.brick-navigation-menu__viewport{box-shadow:none;color:canvastext;background:canvas;border-color:canvastext}:where(.brick-navigation-menu__trigger,.brick-navigation-menu__link):focus-visible{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}}}@layer brick.effects;
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-navigation-menu,.brick-navigation-menu__sub{--brick-navigation-menu-gap:var(--brick-space-1);--brick-navigation-menu-control-min-block-size:var(--brick-control-target-min);--brick-navigation-menu-control-padding-inline:var(--brick-space-3);--brick-navigation-menu-control-radius:var(--brick-radius-control);--brick-navigation-menu-control-foreground:currentColor;--brick-navigation-menu-control-hover-background:var(--brick-color-surface-subtle);--brick-navigation-menu-control-open-background:var(--brick-color-accent-soft);--brick-navigation-menu-control-open-foreground:var(--brick-color-accent-text);--brick-navigation-menu-control-current-foreground:currentColor;--brick-navigation-menu-focus-ring:var(--brick-color-focus-ring);--brick-navigation-menu-chevron-size:.375rem;--brick-navigation-menu-chevron-stroke:.0625rem;--brick-navigation-menu-chevron-gap:.375rem;--brick-navigation-menu-current-underline-size:.0625rem;--brick-navigation-menu-current-underline-offset:.25em;--brick-navigation-menu-indicator-size:.625rem;--brick-navigation-menu-indicator-offset:var(--brick-space-2);--brick-navigation-menu-viewport-background:var(--brick-color-surface-overlay);--brick-navigation-menu-viewport-foreground:var(--brick-color-text-primary);--brick-navigation-menu-viewport-border:var(--brick-color-border-subtle);--brick-navigation-menu-viewport-radius:var(--brick-radius-control);--brick-navigation-menu-viewport-shadow:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);--brick-navigation-menu-viewport-padding:var(--brick-space-4);--brick-navigation-menu-viewport-max-inline-size:min(42rem, calc(100dvi - 2 * var(--brick-space-3)));--brick-navigation-menu-motion-duration:var(--brick-motion-duration-fast);--brick-navigation-menu-indicator-color:var(--brick-navigation-menu-viewport-background);--brick-navigation-menu-indicator-border:var(--brick-navigation-menu-viewport-border);max-inline-size:100%;color:inherit;display:inline-block;position:relative}: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:.3125rem;--brick-navigation-menu-indicator-size:.5rem}: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:.4375rem;--brick-navigation-menu-indicator-size:.75rem}.brick-navigation-menu__list{align-items:center;gap:var(--brick-navigation-menu-gap);min-inline-size:0;margin:0;padding:0;list-style:none;display:flex}.brick-navigation-menu__list[data-orientation=horizontal]{flex-wrap:nowrap}.brick-navigation-menu__list[data-orientation=vertical]{flex-direction:column;align-items:stretch;inline-size:fit-content}.brick-navigation-menu__item{min-inline-size:0}:where(.brick-navigation-menu__trigger,.brick-navigation-menu__link){box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-navigation-menu-control-min-block-size);justify-content:center;align-items:center;gap:var(--brick-navigation-menu-chevron-gap);padding-inline:var(--brick-navigation-menu-control-padding-inline);border-radius:var(--brick-navigation-menu-control-radius);color:var(--brick-navigation-menu-control-foreground);font-family:var(--brick-typography-control-md-font-family);font-size:var(--brick-typography-control-md-font-size);font-weight:var(--brick-typography-control-md-font-weight);line-height:var(--brick-typography-control-md-line-height);text-align:start;white-space:nowrap;cursor:pointer;touch-action:manipulation;background:0 0;border:0;text-decoration:none;display:inline-flex}.brick-navigation-menu__trigger:after{content:"";inline-size:var(--brick-navigation-menu-chevron-size);block-size:var(--brick-navigation-menu-chevron-size);border-inline-end:var(--brick-navigation-menu-chevron-stroke) solid currentColor;border-block-end:var(--brick-navigation-menu-chevron-stroke) solid currentColor;transition:transform var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard);flex:none;transform:translateY(-20%)rotate(45deg)}.brick-navigation-menu__trigger[data-state=open]:after{transform:translateY(20%)rotate(225deg)}:where(.brick-navigation-menu__trigger,.brick-navigation-menu__link):is(:hover,:focus-visible){background:var(--brick-navigation-menu-control-hover-background)}: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)}.brick-navigation-menu__trigger[data-state=open]{background:var(--brick-navigation-menu-control-open-background);color:var(--brick-navigation-menu-control-open-foreground)}.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)}.brick-navigation-menu__link[data-variant=panel]{white-space:normal;background:0 0;border-radius:0;justify-content:flex-start;align-items:stretch;inline-size:100%;padding:0}.brick-navigation-menu__link[data-variant=panel]>.brick-surface{inline-size:100%}.brick-navigation-menu__link[data-variant=panel]:is(:hover,:focus-visible){background:0 0}.brick-navigation-menu__link[data-variant=panel]:focus-visible:has(>.brick-surface){outline:none}.brick-navigation-menu__link[data-variant=panel]:focus-visible>.brick-surface{outline:var(--brick-border-focus-width) solid var(--brick-navigation-menu-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-navigation-menu__link[data-variant=panel][data-active]{background:0 0;text-decoration:none}.brick-navigation-menu__trigger[data-disabled]{color:var(--brick-color-text-muted);opacity:.65;cursor:not-allowed}.brick-navigation-menu__indicator{z-index:calc(var(--brick-layer-overlay) + 1);pointer-events:none;opacity:0;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);justify-content:center;align-items:center;display:flex;position:absolute;overflow:visible}.brick-navigation-menu__indicator[data-state=visible]{opacity:1}.brick-navigation-menu__indicator[data-orientation=horizontal]{inset-block-start:100%;inset-inline-start:auto;inline-size:var(--atom-navigation-menu-trigger-width);block-size:var(--brick-navigation-menu-indicator-offset);translate:var(--atom-navigation-menu-trigger-left) 0;align-items:flex-end;left:0}.brick-navigation-menu__indicator[data-orientation=vertical]{inline-size:var(--brick-navigation-menu-indicator-offset);block-size:var(--atom-navigation-menu-trigger-height);translate:0 var(--atom-navigation-menu-trigger-top);justify-content:flex-end;inset-block-start:0;inset-inline-start:100%}.brick-navigation-menu__indicator-arrow{box-sizing:border-box;background:0 0;flex:none;display:block;position:relative}.brick-navigation-menu__indicator-arrow:before,.brick-navigation-menu__indicator-arrow:after{content:"";display:block;position:absolute}.brick-navigation-menu__indicator-arrow:before{background:var(--brick-navigation-menu-indicator-border);inset:0}.brick-navigation-menu__indicator-arrow:after{background:var(--brick-navigation-menu-indicator-color)}.brick-navigation-menu__indicator[data-orientation=horizontal]>.brick-navigation-menu__indicator-arrow{inline-size:var(--brick-navigation-menu-indicator-size);block-size:calc(var(--brick-navigation-menu-indicator-size) / 2 + var(--brick-border-width));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;translate:0 var(--brick-border-width)}.brick-navigation-menu__indicator[data-orientation=horizontal]>.brick-navigation-menu__indicator-arrow:before{clip-path:polygon(50% 0,100% 100%,0 100%)}.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)}.brick-navigation-menu__indicator[data-orientation=vertical]>.brick-navigation-menu__indicator-arrow{inline-size:calc(var(--brick-navigation-menu-indicator-size) / 2 + var(--brick-border-width));block-size:var(--brick-navigation-menu-indicator-size);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;translate:var(--brick-border-width) 0}.brick-navigation-menu__indicator[data-orientation=vertical]>.brick-navigation-menu__indicator-arrow:before{clip-path:polygon(0 50%,100% 0,100% 100%)}.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}.brick-navigation-menu__indicator[data-orientation=vertical]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>.brick-navigation-menu__indicator-arrow{translate:calc(var(--brick-border-width) * -1) 0;background-position:0}.brick-navigation-menu__indicator[data-orientation=vertical]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>.brick-navigation-menu__indicator-arrow:before{clip-path:polygon(100% 50%,0 0,0 100%)}.brick-navigation-menu__indicator[data-orientation=vertical]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>.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}.brick-navigation-menu__viewport{z-index:var(--brick-layer-overlay);box-sizing:border-box;inline-size:var(--atom-navigation-menu-viewport-width);max-inline-size:var(--brick-navigation-menu-viewport-max-inline-size);block-size:var(--atom-navigation-menu-viewport-height);border:var(--brick-border-width) solid var(--brick-navigation-menu-viewport-border);border-radius:var(--brick-navigation-menu-viewport-radius);background:var(--brick-navigation-menu-viewport-background);box-shadow:var(--brick-navigation-menu-viewport-shadow);color:var(--brick-navigation-menu-viewport-foreground);opacity:0;transform-origin:top;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);position:absolute;overflow:hidden;scale:.98}.brick-navigation-menu[data-orientation=horizontal]>.brick-navigation-menu__viewport{inset-block-start:calc(100% + var(--brick-space-2));inset-inline-start:auto;left:var(--atom-navigation-menu-viewport-left);max-inline-size:min(var(--brick-navigation-menu-viewport-max-inline-size), var(--atom-navigation-menu-viewport-available-width));translate:0}.brick-navigation-menu[data-orientation=vertical]>.brick-navigation-menu__viewport{translate:0 var(--atom-navigation-menu-trigger-top,0);inset-block-start:0;inset-inline-start:calc(100% + var(--brick-space-2))}.brick-navigation-menu__viewport[data-state=open]{opacity:1;scale:1}.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)}.brick-navigation-menu__content .brick-navigation-menu__link[data-variant=control]{min-block-size:0;padding:var(--brick-space-2);white-space:normal;justify-content:flex-start}.brick-navigation-menu__content[data-motion^=from-]{animation:brick-navigation-menu-enter var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter)}@keyframes brick-navigation-menu-enter{0%{opacity:0;translate:0 .25rem}to{opacity:1;translate:0}}@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)))}}@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}}@media (forced-colors:active){.brick-navigation-menu__viewport{box-shadow:none;color:canvastext;background:canvas;border-color:canvastext}:where(.brick-navigation-menu__trigger,.brick-navigation-menu__link):focus-visible,.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}}}@layer brick.effects;
2
2
  /*# sourceMappingURL=navigation-menu.css.map */