@flowstack-ui/brick 0.1.0 → 0.1.2

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 (155) hide show
  1. package/README.md +20 -2
  2. package/dist/styles/accordion.css +2 -0
  3. package/dist/styles/accordion.css.map +1 -0
  4. package/dist/styles/alert-dialog.css +2 -0
  5. package/dist/styles/alert-dialog.css.map +1 -0
  6. package/dist/styles/app-bar.css +2 -0
  7. package/dist/styles/app-bar.css.map +1 -0
  8. package/dist/styles/aspect-ratio.css +2 -0
  9. package/dist/styles/aspect-ratio.css.map +1 -0
  10. package/dist/styles/avatar.css +2 -0
  11. package/dist/styles/avatar.css.map +1 -0
  12. package/dist/styles/badge.css +2 -0
  13. package/dist/styles/badge.css.map +1 -0
  14. package/dist/styles/bottom-navigation.css +2 -0
  15. package/dist/styles/bottom-navigation.css.map +1 -0
  16. package/dist/styles/breadcrumb.css +2 -0
  17. package/dist/styles/breadcrumb.css.map +1 -0
  18. package/dist/styles/button.css +2 -0
  19. package/dist/styles/button.css.map +1 -0
  20. package/dist/styles/card.css +2 -0
  21. package/dist/styles/card.css.map +1 -0
  22. package/dist/styles/checkbox-group.css +2 -0
  23. package/dist/styles/checkbox-group.css.map +1 -0
  24. package/dist/styles/checkbox.css +2 -0
  25. package/dist/styles/checkbox.css.map +1 -0
  26. package/dist/styles/chip.css +2 -0
  27. package/dist/styles/chip.css.map +1 -0
  28. package/dist/styles/code-block.css +2 -0
  29. package/dist/styles/code-block.css.map +1 -0
  30. package/dist/styles/code.css +2 -0
  31. package/dist/styles/code.css.map +1 -0
  32. package/dist/styles/collapsible.css +2 -0
  33. package/dist/styles/collapsible.css.map +1 -0
  34. package/dist/styles/combobox.css +2 -0
  35. package/dist/styles/combobox.css.map +1 -0
  36. package/dist/styles/container.css +2 -0
  37. package/dist/styles/container.css.map +1 -0
  38. package/dist/styles/context-menu.css +2 -0
  39. package/dist/styles/context-menu.css.map +1 -0
  40. package/dist/styles/core.css +2 -0
  41. package/dist/styles/core.css.map +1 -0
  42. package/dist/styles/data-grid.css +2 -0
  43. package/dist/styles/data-grid.css.map +1 -0
  44. package/dist/styles/dialog.css +2 -0
  45. package/dist/styles/dialog.css.map +1 -0
  46. package/dist/styles/divider.css +2 -0
  47. package/dist/styles/divider.css.map +1 -0
  48. package/dist/styles/drawer.css +2 -0
  49. package/dist/styles/drawer.css.map +1 -0
  50. package/dist/styles/dropdown-menu.css +2 -0
  51. package/dist/styles/dropdown-menu.css.map +1 -0
  52. package/dist/styles/feed.css +2 -0
  53. package/dist/styles/feed.css.map +1 -0
  54. package/dist/styles/field.css +2 -0
  55. package/dist/styles/field.css.map +1 -0
  56. package/dist/styles/fieldset.css +2 -0
  57. package/dist/styles/fieldset.css.map +1 -0
  58. package/dist/styles/file-upload.css +2 -0
  59. package/dist/styles/file-upload.css.map +1 -0
  60. package/dist/styles/form.css +2 -0
  61. package/dist/styles/form.css.map +1 -0
  62. package/dist/styles/grid.css +2 -0
  63. package/dist/styles/grid.css.map +1 -0
  64. package/dist/styles/hide.css +2 -0
  65. package/dist/styles/hide.css.map +1 -0
  66. package/dist/styles/hover-card.css +2 -0
  67. package/dist/styles/hover-card.css.map +1 -0
  68. package/dist/styles/icon-button.css +2 -0
  69. package/dist/styles/icon-button.css.map +1 -0
  70. package/dist/styles/icon.css +2 -0
  71. package/dist/styles/icon.css.map +1 -0
  72. package/dist/styles/image.css +2 -0
  73. package/dist/styles/image.css.map +1 -0
  74. package/dist/styles/input.css +2 -0
  75. package/dist/styles/input.css.map +1 -0
  76. package/dist/styles/link.css +2 -0
  77. package/dist/styles/link.css.map +1 -0
  78. package/dist/styles/list.css +2 -0
  79. package/dist/styles/list.css.map +1 -0
  80. package/dist/styles/menubar.css +2 -0
  81. package/dist/styles/menubar.css.map +1 -0
  82. package/dist/styles/multi-select.css +2 -0
  83. package/dist/styles/multi-select.css.map +1 -0
  84. package/dist/styles/nav-list.css +2 -0
  85. package/dist/styles/nav-list.css.map +1 -0
  86. package/dist/styles/navigation-menu.css +2 -0
  87. package/dist/styles/navigation-menu.css.map +1 -0
  88. package/dist/styles/number-input.css +2 -0
  89. package/dist/styles/number-input.css.map +1 -0
  90. package/dist/styles/otp-field.css +2 -0
  91. package/dist/styles/otp-field.css.map +1 -0
  92. package/dist/styles/pagination.css +2 -0
  93. package/dist/styles/pagination.css.map +1 -0
  94. package/dist/styles/password-toggle-field.css +2 -0
  95. package/dist/styles/password-toggle-field.css.map +1 -0
  96. package/dist/styles/popover.css +2 -0
  97. package/dist/styles/popover.css.map +1 -0
  98. package/dist/styles/progress-circle.css +2 -0
  99. package/dist/styles/progress-circle.css.map +1 -0
  100. package/dist/styles/progress.css +2 -0
  101. package/dist/styles/progress.css.map +1 -0
  102. package/dist/styles/radio-group.css +2 -0
  103. package/dist/styles/radio-group.css.map +1 -0
  104. package/dist/styles/rating.css +2 -0
  105. package/dist/styles/rating.css.map +1 -0
  106. package/dist/styles/scroll-area.css +2 -0
  107. package/dist/styles/scroll-area.css.map +1 -0
  108. package/dist/styles/select.css +2 -0
  109. package/dist/styles/select.css.map +1 -0
  110. package/dist/styles/show.css +2 -0
  111. package/dist/styles/show.css.map +1 -0
  112. package/dist/styles/sidebar.css +2 -0
  113. package/dist/styles/sidebar.css.map +1 -0
  114. package/dist/styles/skeleton.css +2 -0
  115. package/dist/styles/skeleton.css.map +1 -0
  116. package/dist/styles/skip-link.css +2 -0
  117. package/dist/styles/skip-link.css.map +1 -0
  118. package/dist/styles/slider.css +2 -0
  119. package/dist/styles/slider.css.map +1 -0
  120. package/dist/styles/stack.css +2 -0
  121. package/dist/styles/stack.css.map +1 -0
  122. package/dist/styles/surface.css +2 -0
  123. package/dist/styles/surface.css.map +1 -0
  124. package/dist/styles/swipeable-item.css +2 -0
  125. package/dist/styles/swipeable-item.css.map +1 -0
  126. package/dist/styles/switch.css +2 -0
  127. package/dist/styles/switch.css.map +1 -0
  128. package/dist/styles/table.css +2 -0
  129. package/dist/styles/table.css.map +1 -0
  130. package/dist/styles/tabs.css +2 -0
  131. package/dist/styles/tabs.css.map +1 -0
  132. package/dist/styles/text.css +2 -0
  133. package/dist/styles/text.css.map +1 -0
  134. package/dist/styles/textarea.css +2 -0
  135. package/dist/styles/textarea.css.map +1 -0
  136. package/dist/styles/toast.css +2 -0
  137. package/dist/styles/toast.css.map +1 -0
  138. package/dist/styles/toggle-group.css +2 -0
  139. package/dist/styles/toggle-group.css.map +1 -0
  140. package/dist/styles/toggle.css +2 -0
  141. package/dist/styles/toggle.css.map +1 -0
  142. package/dist/styles/toolbar.css +2 -0
  143. package/dist/styles/toolbar.css.map +1 -0
  144. package/dist/styles/tooltip.css +2 -0
  145. package/dist/styles/tooltip.css.map +1 -0
  146. package/dist/styles/tree-grid.css +2 -0
  147. package/dist/styles/tree-grid.css.map +1 -0
  148. package/dist/styles/tree.css +2 -0
  149. package/dist/styles/tree.css.map +1 -0
  150. package/dist/styles/visually-hidden.css +2 -0
  151. package/dist/styles/visually-hidden.css.map +1 -0
  152. package/dist/styles.css +1 -1
  153. package/dist/styles.css.map +1 -1
  154. package/docs/guides/installation.md +30 -2
  155. package/package.json +2 -1
@@ -0,0 +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":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-divider{--brick-divider-color:var(--brick-color-border-subtle);--brick-divider-thickness:var(--brick-border-width);--brick-divider-style:solid;--brick-divider-inset:var(--brick-space-4);--brick-divider-label-gap:var(--brick-space-3);--brick-divider-label-short-segment:var(--brick-space-6);box-sizing:border-box;min-inline-size:0;color:var(--brick-color-text-secondary);border:0;margin:0;padding:0}.brick-divider[data-orientation=horizontal]:not([data-label-align]){border-block-start:var(--brick-divider-thickness) var(--brick-divider-style) var(--brick-divider-color);inline-size:100%}.brick-divider[data-orientation=vertical]{border-inline-start:var(--brick-divider-thickness) var(--brick-divider-style) var(--brick-divider-color);align-self:auto;block-size:auto}.brick-divider[data-stretch]{align-self:stretch}.brick-divider[data-variant=dashed]{--brick-divider-style:dashed}.brick-divider[data-variant=dotted]{--brick-divider-style:dotted}.brick-divider[data-thickness=regular]{--brick-divider-thickness:.125rem}.brick-divider[data-thickness=strong]{--brick-divider-thickness:.25rem}.brick-divider[data-orientation=horizontal][data-inset=start]{inline-size:calc(100% - var(--brick-divider-inset));margin-inline-start:var(--brick-divider-inset)}.brick-divider[data-orientation=horizontal][data-inset=both]{inline-size:calc(100% - (2 * var(--brick-divider-inset)));margin-inline:var(--brick-divider-inset)}.brick-divider[data-orientation=vertical][data-inset=start]{block-size:calc(100% - var(--brick-divider-inset));margin-block-start:var(--brick-divider-inset)}.brick-divider[data-orientation=vertical][data-inset=both]{block-size:calc(100% - (2 * var(--brick-divider-inset)));margin-block:var(--brick-divider-inset)}.brick-divider[data-label-align]{align-items:center;gap:var(--brick-divider-label-gap);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);inline-size:100%;display:grid}.brick-divider__line{border-block-start:var(--brick-divider-thickness) var(--brick-divider-style) var(--brick-divider-color);min-inline-size:0}.brick-divider__label{overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%;font-family:var(--brick-typography-body-sm-font-family);font-size:var(--brick-typography-body-sm-font-size);font-weight:var(--brick-typography-body-sm-font-weight);line-height:var(--brick-typography-body-sm-line-height);letter-spacing:var(--brick-typography-body-sm-letter-spacing)}.brick-divider[data-label-align=start]{grid-template-columns:minmax(0, var(--brick-divider-label-short-segment)) minmax(0, auto) minmax(0, 1fr)}.brick-divider[data-label-align=end]{grid-template-columns:minmax(0, 1fr) minmax(0, auto) minmax(0, var(--brick-divider-label-short-segment))}@media (forced-colors:active){.brick-divider{--brick-divider-color:CanvasText}}}@layer brick.effects;
2
+ /*# sourceMappingURL=divider.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,qZAgBA,6LAMA,mLAOA,gDAIA,iEAIA,iEAIA,yEAIA,uEAIA,iKAKA,gKAKA,6JAKA,4JAKA,4KAQA,+IAMA,8WAWA,gJAKA,8IAKA,8BACE,kDD1GJ","sources":["home/runner/work/brick/brick/.brick-cache/production/divider.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/divider/divider.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/divider/divider.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-divider {\n --brick-divider-color: var(--brick-color-border-subtle);\n --brick-divider-thickness: var(--brick-border-width);\n --brick-divider-style: solid;\n --brick-divider-inset: var(--brick-space-4);\n --brick-divider-label-gap: var(--brick-space-3);\n --brick-divider-label-short-segment: var(--brick-space-6);\n\n box-sizing: border-box;\n min-inline-size: 0;\n margin: 0;\n padding: 0;\n border: 0;\n color: var(--brick-color-text-secondary);\n }\n\n .brick-divider[data-orientation=\"horizontal\"]:not([data-label-align]) {\n inline-size: 100%;\n border-block-start: var(--brick-divider-thickness)\n var(--brick-divider-style) var(--brick-divider-color);\n }\n\n .brick-divider[data-orientation=\"vertical\"] {\n block-size: auto;\n align-self: auto;\n border-inline-start: var(--brick-divider-thickness)\n var(--brick-divider-style) var(--brick-divider-color);\n }\n\n .brick-divider[data-stretch] {\n align-self: stretch;\n }\n\n .brick-divider[data-variant=\"dashed\"] {\n --brick-divider-style: dashed;\n }\n\n .brick-divider[data-variant=\"dotted\"] {\n --brick-divider-style: dotted;\n }\n\n .brick-divider[data-thickness=\"regular\"] {\n --brick-divider-thickness: 0.125rem;\n }\n\n .brick-divider[data-thickness=\"strong\"] {\n --brick-divider-thickness: 0.25rem;\n }\n\n .brick-divider[data-orientation=\"horizontal\"][data-inset=\"start\"] {\n inline-size: calc(100% - var(--brick-divider-inset));\n margin-inline-start: var(--brick-divider-inset);\n }\n\n .brick-divider[data-orientation=\"horizontal\"][data-inset=\"both\"] {\n inline-size: calc(100% - (2 * var(--brick-divider-inset)));\n margin-inline: var(--brick-divider-inset);\n }\n\n .brick-divider[data-orientation=\"vertical\"][data-inset=\"start\"] {\n block-size: calc(100% - var(--brick-divider-inset));\n margin-block-start: var(--brick-divider-inset);\n }\n\n .brick-divider[data-orientation=\"vertical\"][data-inset=\"both\"] {\n block-size: calc(100% - (2 * var(--brick-divider-inset)));\n margin-block: var(--brick-divider-inset);\n }\n\n .brick-divider[data-label-align] {\n display: grid;\n inline-size: 100%;\n grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n align-items: center;\n gap: var(--brick-divider-label-gap);\n }\n\n .brick-divider__line {\n min-inline-size: 0;\n border-block-start: var(--brick-divider-thickness)\n var(--brick-divider-style) var(--brick-divider-color);\n }\n\n .brick-divider__label {\n min-inline-size: 0;\n max-inline-size: 100%;\n overflow-wrap: anywhere;\n font-family: var(--brick-typography-body-sm-font-family);\n font-size: var(--brick-typography-body-sm-font-size);\n font-weight: var(--brick-typography-body-sm-font-weight);\n line-height: var(--brick-typography-body-sm-line-height);\n letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n }\n\n .brick-divider[data-label-align=\"start\"] {\n grid-template-columns: minmax(0, var(--brick-divider-label-short-segment))\n minmax(0, auto) minmax(0, 1fr);\n }\n\n .brick-divider[data-label-align=\"end\"] {\n grid-template-columns: minmax(0, 1fr) minmax(0, auto)\n minmax(0, var(--brick-divider-label-short-segment));\n }\n\n @media (forced-colors: active) {\n .brick-divider {\n --brick-divider-color: CanvasText;\n }\n }\n}\n"],"names":[]}
@@ -0,0 +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;
2
+ /*# sourceMappingURL=drawer.css.map */
@@ -0,0 +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":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){box-sizing:border-box;min-inline-size:max(12rem, var(--atom-menu-anchor-width,0rem));max-inline-size:min(24rem, calc(100dvi - 2 * var(--brick-space-3)));max-block-size:min(var(--brick-action-menu-content-max-block-size), var(--atom-menu-available-height,var(--brick-action-menu-content-max-block-size)));padding:var(--brick-action-menu-content-padding);overscroll-behavior:contain;border:var(--brick-border-width) solid var(--brick-action-menu-content-border);border-radius:var(--brick-action-menu-content-radius);background:var(--brick-action-menu-content-background);box-shadow:var(--brick-action-menu-content-shadow);color:var(--brick-action-menu-content-foreground);opacity:0;scrollbar-width:thin;transition:opacity var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter), translate var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter);z-index:var(--brick-action-menu-content-z-index);overflow:hidden auto;translate:0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=top]{translate:0 var(--brick-space-1)}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=right]{translate:calc(var(--brick-space-1) * -1) 0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=bottom]{translate:0 calc(var(--brick-space-1) * -1)}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=left]{translate:var(--brick-space-1) 0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-positioned]{opacity:1;translate:0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-size=sm]{--brick-action-menu-row-min-block-size:2rem;--brick-action-menu-row-padding-inline:var(--brick-space-2);--brick-action-menu-row-gap:.375rem;--brick-action-menu-indicator-size:.875rem;--brick-action-menu-font-size:var(--brick-typography-control-sm-font-size);--brick-action-menu-line-height:var(--brick-typography-control-sm-line-height)}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-size=lg]{--brick-action-menu-row-min-block-size:3rem;--brick-action-menu-row-padding-inline:var(--brick-space-4);--brick-action-menu-row-gap:var(--brick-space-3);--brick-action-menu-indicator-size:1.125rem;--brick-action-menu-font-size:var(--brick-typography-control-lg-font-size);--brick-action-menu-line-height:var(--brick-typography-control-lg-line-height)}:where(.brick-dropdown-menu__group,.brick-context-menu__group,.brick-menubar__group)+:where(.brick-dropdown-menu__group,.brick-context-menu__group,.brick-menubar__group){margin-block-start:var(--brick-space-1)}:where(.brick-dropdown-menu__label,.brick-context-menu__label,.brick-menubar__label){padding:var(--brick-space-2) var(--brick-action-menu-row-padding-inline) var(--brick-space-1);color:var(--brick-action-menu-label-foreground);font-family:var(--brick-typography-caption-font-family);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-label-md-font-weight);letter-spacing:var(--brick-typography-caption-letter-spacing);line-height:var(--brick-typography-caption-line-height)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger){box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-action-menu-row-min-block-size);grid-template-columns:var(--brick-action-menu-indicator-size) minmax(0, 1fr) auto;align-items:center;gap:var(--brick-action-menu-row-gap);padding:var(--brick-space-1) var(--brick-action-menu-row-padding-inline);border-radius:var(--brick-action-menu-row-radius);color:var(--brick-action-menu-row-foreground);font-family:var(--brick-typography-control-md-font-family);font-size:var(--brick-action-menu-font-size);font-weight:var(--brick-typography-control-md-font-weight);line-height:var(--brick-action-menu-line-height);text-align:start;cursor:default;-webkit-user-select:none;user-select:none;outline:0;display:grid}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-highlighted]{background:var(--brick-action-menu-row-highlighted-background);color:var(--brick-action-menu-row-highlighted-foreground);box-shadow:inset 0 0 0 var(--brick-border-width) var(--brick-action-menu-focus-ring)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-tone=danger]{color:var(--brick-action-menu-danger-foreground)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-tone=danger][data-highlighted]{background:var(--brick-action-menu-danger-background);color:var(--brick-action-menu-danger-foreground)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-disabled]{color:var(--brick-action-menu-disabled-foreground);opacity:.65}:where(.brick-dropdown-menu__leading,.brick-context-menu__leading,.brick-menubar__leading,.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator){inline-size:var(--brick-action-menu-indicator-size);block-size:var(--brick-action-menu-indicator-size);color:currentColor;place-items:center;display:inline-grid}:where(.brick-dropdown-menu__item,.brick-context-menu__item,.brick-menubar__item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__sub-trigger,.brick-menubar__sub-trigger)>:where(.brick-dropdown-menu__item-label,.brick-context-menu__item-label,.brick-menubar__item-label):first-child{grid-column:2}:where(.brick-dropdown-menu__item-label,.brick-context-menu__item-label,.brick-menubar__item-label){overflow-wrap:anywhere;grid-column:2;min-inline-size:0}:where(.brick-dropdown-menu__description,.brick-context-menu__description,.brick-menubar__description){min-inline-size:0;color:var(--brick-action-menu-description-foreground);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-typography-supporting-sm-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);line-height:var(--brick-typography-supporting-sm-line-height);overflow-wrap:anywhere;grid-column:2/-1}:where(.brick-dropdown-menu__shortcut,.brick-context-menu__shortcut,.brick-menubar__shortcut){color:var(--brick-action-menu-shortcut-foreground);font-family:var(--brick-typography-code-inline-font-family);font-size:var(--brick-typography-caption-font-size);line-height:var(--brick-typography-caption-line-height);white-space:nowrap;grid-column:3}:where(.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator){grid-column:1}:where(.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator):empty:before{content:"✓";font-weight:var(--brick-typography-label-strong-font-weight)}:where(.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator)[data-state=indeterminate]:empty:before{content:"−"}:where(.brick-dropdown-menu__sub-trigger,.brick-context-menu__sub-trigger,.brick-menubar__sub-trigger):after{content:"";block-size:.5em;inline-size:.5em;color:var(--brick-action-menu-shortcut-foreground);direction:ltr;border-bottom:.125rem solid;border-right:.125rem solid;grid-column:3;transform:rotate(-45deg)}:where([dir=rtl] .brick-dropdown-menu__sub-trigger,[dir=rtl] .brick-context-menu__sub-trigger,[dir=rtl] .brick-menubar__sub-trigger,.brick-dropdown-menu__sub-trigger[dir=rtl],.brick-context-menu__sub-trigger[dir=rtl],.brick-menubar__sub-trigger[dir=rtl]):after{transform:rotate(135deg)}:where(.brick-dropdown-menu__separator,.brick-context-menu__separator,.brick-menubar__separator){block-size:var(--brick-border-width);margin:var(--brick-space-1) var(--brick-action-menu-row-padding-inline);background:var(--brick-action-menu-separator-color)}:where(.brick-dropdown-menu__arrow,.brick-context-menu__arrow,.brick-menubar__arrow){--brick-floating-arrow-fill:var(--brick-action-menu-content-background);--brick-floating-arrow-stroke:var(--brick-action-menu-content-border);color:var(--brick-action-menu-content-background)}@supports not (width:100dvi){:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){max-inline-size:min(24rem, calc(100vw - 2 * var(--brick-space-3)))}}@media (prefers-reduced-motion:reduce){:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){transition-duration:1ms;scale:1}}@media (forced-colors:active){:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){box-shadow:none;color:canvastext;background:canvas;border-color:canvastext}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-highlighted]{outline:var(--brick-border-focus-width) solid Highlight;outline-offset:calc(var(--brick-border-focus-width) * -1);box-shadow:none;color:highlighttext;background:highlight}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-disabled]{color:graytext}}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content){--brick-dropdown-menu-content-background:var(--brick-color-surface-overlay);--brick-dropdown-menu-content-foreground:var(--brick-color-text-primary);--brick-dropdown-menu-content-border:var(--brick-color-border-subtle);--brick-dropdown-menu-content-radius:var(--brick-radius-overlay);--brick-dropdown-menu-content-shadow:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);--brick-dropdown-menu-content-padding:var(--brick-space-1);--brick-dropdown-menu-content-max-block-size:20rem;--brick-dropdown-menu-row-min-block-size:var(--brick-control-target-min);--brick-dropdown-menu-row-padding-inline:var(--brick-space-3);--brick-dropdown-menu-row-gap:var(--brick-space-2);--brick-dropdown-menu-row-radius:var(--brick-radius-control);--brick-dropdown-menu-row-foreground:var(--brick-color-text-primary);--brick-dropdown-menu-row-highlighted-background:var(--brick-color-accent-soft);--brick-dropdown-menu-row-highlighted-foreground:var(--brick-color-accent-text);--brick-dropdown-menu-description-foreground:var(--brick-color-text-secondary);--brick-dropdown-menu-shortcut-foreground:var(--brick-color-text-muted);--brick-dropdown-menu-label-foreground:var(--brick-color-text-secondary);--brick-dropdown-menu-disabled-foreground:var(--brick-color-text-muted);--brick-dropdown-menu-danger-foreground:var(--brick-color-danger-text);--brick-dropdown-menu-danger-background:var(--brick-color-danger-soft);--brick-dropdown-menu-separator-color:var(--brick-color-border-subtle);--brick-dropdown-menu-indicator-size:1rem;--brick-dropdown-menu-focus-ring:var(--brick-color-focus-ring);--brick-dropdown-menu-motion-duration:var(--brick-motion-duration-fast);--brick-action-menu-content-background:var(--brick-dropdown-menu-content-background);--brick-action-menu-content-foreground:var(--brick-dropdown-menu-content-foreground);--brick-action-menu-content-border:var(--brick-dropdown-menu-content-border);--brick-action-menu-content-radius:var(--brick-dropdown-menu-content-radius);--brick-action-menu-content-shadow:var(--brick-dropdown-menu-content-shadow);--brick-action-menu-content-padding:var(--brick-dropdown-menu-content-padding);--brick-action-menu-content-max-block-size:var(--brick-dropdown-menu-content-max-block-size);--brick-action-menu-content-z-index:var(--brick-layer-overlay);--brick-action-menu-row-min-block-size:var(--brick-dropdown-menu-row-min-block-size);--brick-action-menu-row-padding-inline:var(--brick-dropdown-menu-row-padding-inline);--brick-action-menu-row-gap:var(--brick-dropdown-menu-row-gap);--brick-action-menu-row-radius:var(--brick-dropdown-menu-row-radius);--brick-action-menu-row-foreground:var(--brick-dropdown-menu-row-foreground);--brick-action-menu-row-highlighted-background:var(--brick-dropdown-menu-row-highlighted-background);--brick-action-menu-row-highlighted-foreground:var(--brick-dropdown-menu-row-highlighted-foreground);--brick-action-menu-description-foreground:var(--brick-dropdown-menu-description-foreground);--brick-action-menu-shortcut-foreground:var(--brick-dropdown-menu-shortcut-foreground);--brick-action-menu-label-foreground:var(--brick-dropdown-menu-label-foreground);--brick-action-menu-disabled-foreground:var(--brick-dropdown-menu-disabled-foreground);--brick-action-menu-danger-foreground:var(--brick-dropdown-menu-danger-foreground);--brick-action-menu-danger-background:var(--brick-dropdown-menu-danger-background);--brick-action-menu-separator-color:var(--brick-dropdown-menu-separator-color);--brick-action-menu-indicator-size:var(--brick-dropdown-menu-indicator-size);--brick-action-menu-focus-ring:var(--brick-dropdown-menu-focus-ring);--brick-action-menu-motion-duration:var(--brick-dropdown-menu-motion-duration);--brick-action-menu-font-size:var(--brick-typography-control-md-font-size);--brick-action-menu-line-height:var(--brick-typography-control-md-line-height)}.brick-dropdown-menu__trigger{touch-action:manipulation}}@layer brick.effects;
2
+ /*# sourceMappingURL=dropdown-menu.css.map */
@@ -0,0 +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/_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":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-feed{--brick-feed-gap:var(--brick-space-3);--brick-feed-item-padding-block:var(--brick-space-4);--brick-feed-item-padding-inline:var(--brick-space-4);--brick-feed-background:transparent;--brick-feed-foreground:var(--brick-color-text-primary);--brick-feed-border-color:var(--brick-color-border-subtle);--brick-feed-border-width:var(--brick-border-width);--brick-feed-radius:var(--brick-radius-surface);--brick-feed-divider-color:var(--brick-color-border-subtle);--brick-feed-focus-color:var(--brick-color-focus-ring);--brick-feed-focus-width:2px;--brick-feed-focus-offset:2px;--brick-feed-transition-duration:var(--brick-motion-duration-fast);box-sizing:border-box;gap:var(--brick-feed-gap);inline-size:100%;min-inline-size:0;max-inline-size:100%;color:var(--brick-feed-foreground);display:grid}.brick-feed[data-density=compact]{--brick-feed-gap:var(--brick-space-2);--brick-feed-item-padding-block:var(--brick-space-2);--brick-feed-item-padding-inline:var(--brick-space-3)}.brick-feed[data-variant=divided]{--brick-feed-gap:0;background:var(--brick-feed-background)}.brick-feed[data-variant=divided]>.brick-feed__item+.brick-feed__item{border-block-start:var(--brick-feed-border-width) solid var(--brick-feed-divider-color)}.brick-feed__item{box-sizing:border-box;min-inline-size:0;max-inline-size:100%;padding-block:var(--brick-feed-item-padding-block);padding-inline:var(--brick-feed-item-padding-inline);color:var(--brick-feed-foreground);overflow-wrap:anywhere;outline:var(--brick-feed-focus-width) solid transparent;outline-offset:var(--brick-feed-focus-offset);transition:border-color var(--brick-feed-transition-duration) ease}.brick-feed[data-variant=outline]>.brick-feed__item{border:var(--brick-feed-border-width) solid var(--brick-feed-border-color);border-radius:var(--brick-feed-radius);background:var(--brick-feed-background)}.brick-feed__item:focus-visible{outline-color:var(--brick-feed-focus-color)}@media (prefers-reduced-motion:reduce){.brick-feed__item{transition-duration:0s}}@media (forced-colors:active){.brick-feed[data-variant=divided]>.brick-feed__item+.brick-feed__item,.brick-feed[data-variant=outline]>.brick-feed__item{border-color:canvastext}.brick-feed__item:focus-visible{outline-color:highlight}}}@layer brick.effects;
2
+ /*# sourceMappingURL=feed.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,iyBAwBA,mLAMA,6FAKA,8JAIA,0ZAaA,8MAMA,4EAIA,uCACE,0CAGF,8BACE,kJAKA,0DDzEJ","sources":["home/runner/work/brick/brick/.brick-cache/production/feed.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/feed/feed.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/feed/feed.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-feed {\n --brick-feed-gap: var(--brick-space-3);\n --brick-feed-item-padding-block: var(--brick-space-4);\n --brick-feed-item-padding-inline: var(--brick-space-4);\n --brick-feed-background: transparent;\n --brick-feed-foreground: var(--brick-color-text-primary);\n --brick-feed-border-color: var(--brick-color-border-subtle);\n --brick-feed-border-width: var(--brick-border-width);\n --brick-feed-radius: var(--brick-radius-surface);\n --brick-feed-divider-color: var(--brick-color-border-subtle);\n --brick-feed-focus-color: var(--brick-color-focus-ring);\n --brick-feed-focus-width: 2px;\n --brick-feed-focus-offset: 2px;\n --brick-feed-transition-duration: var(--brick-motion-duration-fast);\n\n box-sizing: border-box;\n display: grid;\n inline-size: 100%;\n min-inline-size: 0;\n max-inline-size: 100%;\n gap: var(--brick-feed-gap);\n color: var(--brick-feed-foreground);\n }\n\n .brick-feed[data-density=\"compact\"] {\n --brick-feed-gap: var(--brick-space-2);\n --brick-feed-item-padding-block: var(--brick-space-2);\n --brick-feed-item-padding-inline: var(--brick-space-3);\n }\n\n .brick-feed[data-variant=\"divided\"] {\n --brick-feed-gap: 0;\n background: var(--brick-feed-background);\n }\n\n .brick-feed[data-variant=\"divided\"] > .brick-feed__item + .brick-feed__item {\n border-block-start: var(--brick-feed-border-width) solid var(--brick-feed-divider-color);\n }\n\n .brick-feed__item {\n box-sizing: border-box;\n min-inline-size: 0;\n max-inline-size: 100%;\n padding-block: var(--brick-feed-item-padding-block);\n padding-inline: var(--brick-feed-item-padding-inline);\n color: var(--brick-feed-foreground);\n overflow-wrap: anywhere;\n outline: var(--brick-feed-focus-width) solid transparent;\n outline-offset: var(--brick-feed-focus-offset);\n transition: border-color var(--brick-feed-transition-duration) ease;\n }\n\n .brick-feed[data-variant=\"outline\"] > .brick-feed__item {\n border: var(--brick-feed-border-width) solid var(--brick-feed-border-color);\n border-radius: var(--brick-feed-radius);\n background: var(--brick-feed-background);\n }\n\n .brick-feed__item:focus-visible {\n outline-color: var(--brick-feed-focus-color);\n }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-feed__item { transition-duration: 0s; }\n }\n\n @media (forced-colors: active) {\n .brick-feed[data-variant=\"divided\"] > .brick-feed__item + .brick-feed__item,\n .brick-feed[data-variant=\"outline\"] > .brick-feed__item {\n border-color: CanvasText;\n }\n\n .brick-feed__item:focus-visible {\n outline-color: Highlight;\n }\n }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-field{--brick-field-row-gap:var(--brick-space-3);--brick-field-column-gap:var(--brick-space-5);--brick-field-label-min-inline-size:8rem;--brick-field-control-min-inline-size:12rem;--brick-field-label-foreground:var(--brick-color-text-primary);--brick-field-label-foreground-disabled:var(--brick-color-text-secondary);--brick-field-label-font-family:var(--brick-typography-label-md-font-family);--brick-field-label-font-size:var(--brick-typography-label-md-font-size);--brick-field-label-font-weight:var(--brick-typography-label-md-font-weight);--brick-field-label-line-height:var(--brick-typography-label-md-line-height);--brick-field-indicator-foreground:var(--brick-color-danger-text);--brick-field-indicator-gap:var(--brick-space-1);--brick-field-optional-foreground:var(--brick-color-text-secondary);--brick-field-description-foreground:var(--brick-color-text-secondary);--brick-field-description-font-size:var(--brick-typography-supporting-sm-font-size);--brick-field-description-line-height:var(--brick-typography-supporting-sm-line-height);--brick-field-error-foreground:var(--brick-color-danger-text);--brick-field-error-font-size:var(--brick-typography-validation-sm-font-size);--brick-field-error-font-weight:var(--brick-typography-validation-sm-font-weight);--brick-field-error-line-height:var(--brick-typography-validation-sm-line-height);align-items:start;gap:var(--brick-field-row-gap) var(--brick-field-column-gap);min-inline-size:0;display:grid}.brick-field[data-orientation=horizontal]{grid-template-columns:repeat(auto-fit, minmax(min(100%, max(var(--brick-field-label-min-inline-size), var(--brick-field-control-min-inline-size), calc((100% - var(--brick-field-column-gap)) / 2))), 1fr))}.brick-field[data-orientation=horizontal]>:where(.brick-field-description,.brick-field-error){grid-column:-2/-1}.brick-field>:not(.brick-field-label,.brick-field-description,.brick-field-error,.brick-field-required-indicator){min-inline-size:0;max-inline-size:100%}.brick-field-label{min-inline-size:0;color:var(--brick-field-label-foreground);font-family:var(--brick-field-label-font-family);font-size:var(--brick-field-label-font-size);font-weight:var(--brick-field-label-font-weight);letter-spacing:var(--brick-typography-label-md-letter-spacing);line-height:var(--brick-field-label-line-height);overflow-wrap:anywhere;margin:0}.brick-field-label>:where([data-slot=field-required-indicator],[data-slot=field-optional-indicator]){margin-inline-start:var(--brick-field-indicator-gap)}.brick-field-label>[data-slot=field-required-indicator],.brick-field-required-indicator[data-slot=field-required-indicator]{color:var(--brick-field-indicator-foreground)}.brick-field-label>[data-slot=field-optional-indicator],.brick-field-required-indicator[data-slot=field-optional-indicator]{color:var(--brick-field-optional-foreground);font-weight:var(--brick-font-weight-regular)}.brick-field-required-indicator{overflow-wrap:anywhere;min-inline-size:0}.brick-field-description,.brick-field-error{overflow-wrap:anywhere;min-inline-size:0;margin:0}.brick-field-description{color:var(--brick-field-description-foreground);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-field-description-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-field-description-line-height)}.brick-field-error{border-inline-start:max(var(--brick-border-width), .125rem) solid var(--brick-field-error-foreground);color:var(--brick-field-error-foreground);font-family:var(--brick-typography-validation-sm-font-family);font-size:var(--brick-field-error-font-size);font-weight:var(--brick-field-error-font-weight);letter-spacing:var(--brick-typography-validation-sm-letter-spacing);line-height:var(--brick-field-error-line-height);padding-inline-start:var(--brick-space-2)}.brick-field[data-disabled] .brick-field-label{color:var(--brick-field-label-foreground-disabled)}.brick-field[data-readonly] .brick-field-label{font-style:italic}.brick-field[data-invalid] .brick-field-label{text-decoration-line:underline;text-decoration-style:wavy;-webkit-text-decoration-color:var(--brick-field-error-foreground);text-decoration-color:var(--brick-field-error-foreground);text-underline-offset:.2em}@media (width<=34rem){.brick-field[data-orientation=horizontal]{grid-template-columns:minmax(0,1fr)}.brick-field[data-orientation=horizontal]>:where(.brick-field-description,.brick-field-error){grid-column:auto}}@media (forced-colors:active){.brick-field-error{color:canvastext;border-inline-start-color:mark}.brick-field[data-invalid] .brick-field-label{text-decoration-color:mark}}}@layer brick.effects;
2
+ /*# sourceMappingURL=field.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,47CA4BA,sPAiBA,gHAOA,yJAUA,8WAYA,0JAOA,0KAKA,sNAMA,yEAKA,8FAOA,mXASA,8dAYA,kGAIA,iEAIA,+PAOA,sBACE,8EAIA,gHAQF,8BACE,mEAKA,2EDhKJ","sources":["home/runner/work/brick/brick/.brick-cache/production/field.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/field/field.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/field/field.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-field {\n --brick-field-row-gap: var(--brick-space-3);\n --brick-field-column-gap: var(--brick-space-5);\n --brick-field-label-min-inline-size: 8rem;\n --brick-field-control-min-inline-size: 12rem;\n --brick-field-label-foreground: var(--brick-color-text-primary);\n --brick-field-label-foreground-disabled: var(--brick-color-text-secondary);\n --brick-field-label-font-family: var(--brick-typography-label-md-font-family);\n --brick-field-label-font-size: var(--brick-typography-label-md-font-size);\n --brick-field-label-font-weight: var(--brick-typography-label-md-font-weight);\n --brick-field-label-line-height: var(--brick-typography-label-md-line-height);\n --brick-field-indicator-foreground: var(--brick-color-danger-text);\n --brick-field-indicator-gap: var(--brick-space-1);\n --brick-field-optional-foreground: var(--brick-color-text-secondary);\n --brick-field-description-foreground: var(--brick-color-text-secondary);\n --brick-field-description-font-size: var(--brick-typography-supporting-sm-font-size);\n --brick-field-description-line-height: var(--brick-typography-supporting-sm-line-height);\n --brick-field-error-foreground: var(--brick-color-danger-text);\n --brick-field-error-font-size: var(--brick-typography-validation-sm-font-size);\n --brick-field-error-font-weight: var(--brick-typography-validation-sm-font-weight);\n --brick-field-error-line-height: var(--brick-typography-validation-sm-line-height);\n\n display: grid;\n min-inline-size: 0;\n align-items: start;\n gap: var(--brick-field-row-gap) var(--brick-field-column-gap);\n }\n\n .brick-field[data-orientation=\"horizontal\"] {\n grid-template-columns: repeat(\n auto-fit,\n minmax(\n min(\n 100%,\n max(\n var(--brick-field-label-min-inline-size),\n var(--brick-field-control-min-inline-size),\n calc((100% - var(--brick-field-column-gap)) / 2)\n )\n ),\n 1fr\n )\n );\n }\n\n .brick-field[data-orientation=\"horizontal\"] > :where(\n .brick-field-description,\n .brick-field-error\n ) {\n grid-column: -2 / -1;\n }\n\n .brick-field > :not(\n .brick-field-label,\n .brick-field-description,\n .brick-field-error,\n .brick-field-required-indicator\n ) {\n min-inline-size: 0;\n max-inline-size: 100%;\n }\n\n .brick-field-label {\n min-inline-size: 0;\n margin: 0;\n color: var(--brick-field-label-foreground);\n font-family: var(--brick-field-label-font-family);\n font-size: var(--brick-field-label-font-size);\n font-weight: var(--brick-field-label-font-weight);\n letter-spacing: var(--brick-typography-label-md-letter-spacing);\n line-height: var(--brick-field-label-line-height);\n overflow-wrap: anywhere;\n }\n\n .brick-field-label > :where(\n [data-slot=\"field-required-indicator\"],\n [data-slot=\"field-optional-indicator\"]\n ) {\n margin-inline-start: var(--brick-field-indicator-gap);\n }\n\n .brick-field-label > [data-slot=\"field-required-indicator\"],\n .brick-field-required-indicator[data-slot=\"field-required-indicator\"] {\n color: var(--brick-field-indicator-foreground);\n }\n\n .brick-field-label > [data-slot=\"field-optional-indicator\"],\n .brick-field-required-indicator[data-slot=\"field-optional-indicator\"] {\n color: var(--brick-field-optional-foreground);\n font-weight: var(--brick-font-weight-regular);\n }\n\n .brick-field-required-indicator {\n min-inline-size: 0;\n overflow-wrap: anywhere;\n }\n\n .brick-field-description,\n .brick-field-error {\n min-inline-size: 0;\n margin: 0;\n overflow-wrap: anywhere;\n }\n\n .brick-field-description {\n color: var(--brick-field-description-foreground);\n font-family: var(--brick-typography-supporting-sm-font-family);\n font-size: var(--brick-field-description-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-field-description-line-height);\n }\n\n .brick-field-error {\n padding-inline-start: var(--brick-space-2);\n border-inline-start: max(var(--brick-border-width), 0.125rem) solid\n var(--brick-field-error-foreground);\n color: var(--brick-field-error-foreground);\n font-family: var(--brick-typography-validation-sm-font-family);\n font-size: var(--brick-field-error-font-size);\n font-weight: var(--brick-field-error-font-weight);\n letter-spacing: var(--brick-typography-validation-sm-letter-spacing);\n line-height: var(--brick-field-error-line-height);\n }\n\n .brick-field[data-disabled] .brick-field-label {\n color: var(--brick-field-label-foreground-disabled);\n }\n\n .brick-field[data-readonly] .brick-field-label {\n font-style: italic;\n }\n\n .brick-field[data-invalid] .brick-field-label {\n text-decoration-line: underline;\n text-decoration-style: wavy;\n text-decoration-color: var(--brick-field-error-foreground);\n text-underline-offset: 0.2em;\n }\n\n @media (max-width: 34rem) {\n .brick-field[data-orientation=\"horizontal\"] {\n grid-template-columns: minmax(0, 1fr);\n }\n\n .brick-field[data-orientation=\"horizontal\"] > :where(\n .brick-field-description,\n .brick-field-error\n ) {\n grid-column: auto;\n }\n }\n\n @media (forced-colors: active) {\n .brick-field-error {\n border-inline-start-color: Mark;\n color: CanvasText;\n }\n\n .brick-field[data-invalid] .brick-field-label {\n text-decoration-color: Mark;\n }\n }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-fieldset{--brick-fieldset-gap:var(--brick-space-3);--brick-fieldset-control-gap:var(--brick-space-4);--brick-fieldset-legend-foreground:var(--brick-color-text-primary);--brick-fieldset-legend-foreground-disabled:var(--brick-color-text-secondary);--brick-fieldset-legend-font-family:var(--brick-typography-label-md-font-family);--brick-fieldset-legend-font-size:var(--brick-typography-label-md-font-size);--brick-fieldset-legend-font-weight:var(--brick-typography-label-md-font-weight);--brick-fieldset-legend-line-height:var(--brick-typography-label-md-line-height);--brick-fieldset-indicator-foreground:var(--brick-color-danger-text);--brick-fieldset-indicator-gap:var(--brick-space-1);--brick-fieldset-optional-foreground:var(--brick-color-text-secondary);--brick-fieldset-description-foreground:var(--brick-color-text-secondary);--brick-fieldset-description-font-size:var(--brick-typography-supporting-sm-font-size);--brick-fieldset-description-line-height:var(--brick-typography-supporting-sm-line-height);--brick-fieldset-error-foreground:var(--brick-color-danger-text);--brick-fieldset-error-font-size:var(--brick-typography-validation-sm-font-size);--brick-fieldset-error-font-weight:var(--brick-typography-validation-sm-font-weight);--brick-fieldset-error-line-height:var(--brick-typography-validation-sm-line-height);border:0;min-inline-size:0;margin:0;padding:0;display:block}.brick-fieldset>:not(.brick-fieldset-legend){min-inline-size:0;margin-block-start:var(--brick-fieldset-control-gap)}.brick-fieldset>.brick-fieldset-legend+*{clear:both;margin-block-start:0}.brick-fieldset-legend{float:inline-start;inline-size:100%;max-inline-size:100%;margin:0 0 var(--brick-fieldset-gap);color:var(--brick-fieldset-legend-foreground);font-family:var(--brick-fieldset-legend-font-family);font-size:var(--brick-fieldset-legend-font-size);font-weight:var(--brick-fieldset-legend-font-weight);letter-spacing:var(--brick-typography-label-md-letter-spacing);line-height:var(--brick-fieldset-legend-line-height);overflow-wrap:anywhere;padding:0}.brick-fieldset-legend>:where([data-slot=fieldset-required-indicator],[data-slot=fieldset-optional-indicator]){margin-inline-start:var(--brick-fieldset-indicator-gap)}.brick-fieldset-legend>[data-slot=fieldset-required-indicator]{color:var(--brick-fieldset-indicator-foreground)}.brick-fieldset-legend>[data-slot=fieldset-optional-indicator]{color:var(--brick-fieldset-optional-foreground);font-weight:var(--brick-font-weight-regular)}.brick-fieldset-description,.brick-fieldset-error{overflow-wrap:anywhere;min-inline-size:0;margin:0}.brick-fieldset-description{color:var(--brick-fieldset-description-foreground);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-fieldset-description-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-fieldset-description-line-height)}.brick-fieldset-error{color:var(--brick-fieldset-error-foreground);font-family:var(--brick-typography-validation-sm-font-family);font-size:var(--brick-fieldset-error-font-size);font-weight:var(--brick-fieldset-error-font-weight);letter-spacing:var(--brick-typography-validation-sm-letter-spacing);line-height:var(--brick-fieldset-error-line-height);padding-block-start:var(--brick-fieldset-control-gap);padding-inline-start:var(--brick-space-2);position:relative}.brick-fieldset-error:before{inset-block:var(--brick-fieldset-control-gap) 0;inline-size:max(var(--brick-border-width), .125rem);background:var(--brick-fieldset-error-foreground);content:"";position:absolute;inset-inline-start:0}.brick-fieldset[data-disabled] .brick-fieldset-legend{color:var(--brick-fieldset-legend-foreground-disabled)}.brick-fieldset[data-invalid] .brick-fieldset-legend{text-decoration-line:underline;text-decoration-style:wavy;-webkit-text-decoration-color:var(--brick-fieldset-error-foreground);text-decoration-color:var(--brick-fieldset-error-foreground);text-underline-offset:.2em}@media (forced-colors:active){.brick-fieldset-error{color:canvastext}.brick-fieldset-error:before{background:mark}.brick-fieldset[data-invalid] .brick-fieldset-legend{text-decoration-color:mark}}}@layer brick.effects;
2
+ /*# sourceMappingURL=fieldset.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,i3CA2BA,oHAKA,yEAKA,mdAeA,uKAOA,gHAIA,4JAKA,oGAOA,+XASA,+cAYA,qOASA,6GAIA,4QAOA,8BACE,uCAIA,6CAIA,kFD9HJ","sources":["home/runner/work/brick/brick/.brick-cache/production/fieldset.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/fieldset/fieldset.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/fieldset/fieldset.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-fieldset {\n --brick-fieldset-gap: var(--brick-space-3);\n --brick-fieldset-control-gap: var(--brick-space-4);\n --brick-fieldset-legend-foreground: var(--brick-color-text-primary);\n --brick-fieldset-legend-foreground-disabled: var(--brick-color-text-secondary);\n --brick-fieldset-legend-font-family: var(--brick-typography-label-md-font-family);\n --brick-fieldset-legend-font-size: var(--brick-typography-label-md-font-size);\n --brick-fieldset-legend-font-weight: var(--brick-typography-label-md-font-weight);\n --brick-fieldset-legend-line-height: var(--brick-typography-label-md-line-height);\n --brick-fieldset-indicator-foreground: var(--brick-color-danger-text);\n --brick-fieldset-indicator-gap: var(--brick-space-1);\n --brick-fieldset-optional-foreground: var(--brick-color-text-secondary);\n --brick-fieldset-description-foreground: var(--brick-color-text-secondary);\n --brick-fieldset-description-font-size: var(--brick-typography-supporting-sm-font-size);\n --brick-fieldset-description-line-height: var(--brick-typography-supporting-sm-line-height);\n --brick-fieldset-error-foreground: var(--brick-color-danger-text);\n --brick-fieldset-error-font-size: var(--brick-typography-validation-sm-font-size);\n --brick-fieldset-error-font-weight: var(--brick-typography-validation-sm-font-weight);\n --brick-fieldset-error-line-height: var(--brick-typography-validation-sm-line-height);\n\n display: block;\n min-inline-size: 0;\n margin: 0;\n padding: 0;\n border: 0;\n }\n\n .brick-fieldset > :not(.brick-fieldset-legend) {\n min-inline-size: 0;\n margin-block-start: var(--brick-fieldset-control-gap);\n }\n\n .brick-fieldset > .brick-fieldset-legend + * {\n clear: both;\n margin-block-start: 0;\n }\n\n .brick-fieldset-legend {\n float: inline-start;\n inline-size: 100%;\n max-inline-size: 100%;\n margin: 0 0 var(--brick-fieldset-gap);\n padding: 0;\n color: var(--brick-fieldset-legend-foreground);\n font-family: var(--brick-fieldset-legend-font-family);\n font-size: var(--brick-fieldset-legend-font-size);\n font-weight: var(--brick-fieldset-legend-font-weight);\n letter-spacing: var(--brick-typography-label-md-letter-spacing);\n line-height: var(--brick-fieldset-legend-line-height);\n overflow-wrap: anywhere;\n }\n\n .brick-fieldset-legend > :where(\n [data-slot=\"fieldset-required-indicator\"],\n [data-slot=\"fieldset-optional-indicator\"]\n ) {\n margin-inline-start: var(--brick-fieldset-indicator-gap);\n }\n\n .brick-fieldset-legend > [data-slot=\"fieldset-required-indicator\"] {\n color: var(--brick-fieldset-indicator-foreground);\n }\n\n .brick-fieldset-legend > [data-slot=\"fieldset-optional-indicator\"] {\n color: var(--brick-fieldset-optional-foreground);\n font-weight: var(--brick-font-weight-regular);\n }\n\n .brick-fieldset-description,\n .brick-fieldset-error {\n min-inline-size: 0;\n margin: 0;\n overflow-wrap: anywhere;\n }\n\n .brick-fieldset-description {\n color: var(--brick-fieldset-description-foreground);\n font-family: var(--brick-typography-supporting-sm-font-family);\n font-size: var(--brick-fieldset-description-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-fieldset-description-line-height);\n }\n\n .brick-fieldset-error {\n position: relative;\n padding-block-start: var(--brick-fieldset-control-gap);\n padding-inline-start: var(--brick-space-2);\n color: var(--brick-fieldset-error-foreground);\n font-family: var(--brick-typography-validation-sm-font-family);\n font-size: var(--brick-fieldset-error-font-size);\n font-weight: var(--brick-fieldset-error-font-weight);\n letter-spacing: var(--brick-typography-validation-sm-letter-spacing);\n line-height: var(--brick-fieldset-error-line-height);\n }\n\n .brick-fieldset-error::before {\n position: absolute;\n inset-block: var(--brick-fieldset-control-gap) 0;\n inset-inline-start: 0;\n inline-size: max(var(--brick-border-width), 0.125rem);\n background: var(--brick-fieldset-error-foreground);\n content: \"\";\n }\n\n .brick-fieldset[data-disabled] .brick-fieldset-legend {\n color: var(--brick-fieldset-legend-foreground-disabled);\n }\n\n .brick-fieldset[data-invalid] .brick-fieldset-legend {\n text-decoration-line: underline;\n text-decoration-style: wavy;\n text-decoration-color: var(--brick-fieldset-error-foreground);\n text-underline-offset: 0.2em;\n }\n\n @media (forced-colors: active) {\n .brick-fieldset-error {\n color: CanvasText;\n }\n\n .brick-fieldset-error::before {\n background: Mark;\n }\n\n .brick-fieldset[data-invalid] .brick-fieldset-legend {\n text-decoration-color: Mark;\n }\n }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-file-upload{--brick-file-upload-gap:var(--brick-space-3);--brick-file-upload-dropzone-min-block-size:8.5rem;--brick-file-upload-dropzone-padding:var(--brick-space-5);--brick-file-upload-radius:var(--brick-radius-control);--brick-file-upload-background:var(--brick-color-surface-raised);--brick-file-upload-border:var(--brick-color-border-strong);--brick-file-upload-foreground:var(--brick-color-text-primary);--brick-file-upload-muted-foreground:var(--brick-color-text-secondary);--brick-file-upload-hover-background:var(--brick-color-surface-subtle);--brick-file-upload-accept-border:var(--brick-color-success-text);--brick-file-upload-reject-border:var(--brick-color-danger-text);--brick-file-upload-trigger-background:var(--brick-color-accent-solid);--brick-file-upload-trigger-foreground:var(--brick-color-accent-on-solid);--brick-file-upload-item-background:var(--brick-color-surface-raised);--brick-file-upload-item-border:var(--brick-color-border-subtle);--brick-file-upload-delete-foreground:var(--brick-color-text-secondary);box-sizing:border-box;gap:var(--brick-file-upload-gap);min-inline-size:0;max-inline-size:100%;color:var(--brick-file-upload-foreground);flex-direction:column;display:flex}.brick-file-upload[data-full-width]{inline-size:100%}.brick-file-upload[data-shape=sharp]{--brick-file-upload-radius:0}.brick-file-upload__dropzone{box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-file-upload-dropzone-min-block-size);justify-content:center;align-items:center;gap:var(--brick-space-2);padding:var(--brick-file-upload-dropzone-padding);border:var(--brick-border-width) dashed var(--brick-file-upload-border);border-radius:var(--brick-file-upload-radius);background:var(--brick-file-upload-background);color:var(--brick-file-upload-muted-foreground);text-align:center;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);flex-direction:column;display:flex}.brick-file-upload[data-variant=soft] .brick-file-upload__dropzone{border-style:solid;border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle)}.brick-file-upload__dropzone[data-dragging]{background:var(--brick-file-upload-hover-background)}.brick-file-upload__dropzone[data-accepted]{border-color:var(--brick-file-upload-accept-border)}.brick-file-upload__dropzone[data-rejected],.brick-file-upload[data-invalid] .brick-file-upload__dropzone{border-color:var(--brick-file-upload-reject-border)}.brick-file-upload__trigger{box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-control-target-min);padding-inline:var(--brick-space-4);border-radius:var(--brick-file-upload-radius);background:var(--brick-file-upload-trigger-background);color:var(--brick-file-upload-trigger-foreground);cursor:pointer;font:inherit;font-weight:var(--brick-typography-label-font-weight);border:0;outline:0;justify-content:center;align-items:center;display:inline-flex}.brick-file-upload__trigger:hover:not(:disabled):not([aria-disabled=true]){filter:brightness(.96)}.brick-file-upload__trigger:is(:focus-visible,[data-focus-visible]){outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-file-upload__items{gap:var(--brick-space-2);min-inline-size:0;margin:0;padding:0;list-style:none;display:grid}.brick-file-upload__items:not([data-filled]){display:none}.brick-file-upload__item{box-sizing:border-box;align-items:center;gap:var(--brick-space-3);min-inline-size:0;padding:var(--brick-space-2) var(--brick-space-3);border:var(--brick-border-width) solid var(--brick-file-upload-item-border);border-radius:var(--brick-file-upload-radius);background:var(--brick-file-upload-item-background);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.brick-file-upload__item-name{min-inline-size:0;color:var(--brick-file-upload-foreground);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brick-file-upload__item-size{color:var(--brick-file-upload-muted-foreground);white-space:nowrap;font-size:var(--brick-typography-body-sm-font-size);font-variant-numeric:tabular-nums}.brick-file-upload__delete{box-sizing:border-box;inline-size:var(--brick-control-target-min);block-size:var(--brick-control-target-min);border-radius:var(--brick-radius-full);color:var(--brick-file-upload-delete-foreground);cursor:pointer;background:0 0;border:0;outline:0;place-items:center;padding:0;display:inline-grid}.brick-file-upload__delete:hover:not(:disabled){background:var(--brick-color-surface-subtle);color:var(--brick-file-upload-foreground)}.brick-file-upload__delete:is(:focus-visible,[data-focus-visible]){outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-file-upload__delete-artwork{block-size:1rem;inline-size:1rem}.brick-file-upload__delete-artwork path{stroke:currentColor;stroke-linecap:round;stroke-width:1.5px}.brick-file-upload[data-size=sm]{--brick-file-upload-gap:var(--brick-space-2);--brick-file-upload-dropzone-min-block-size:7rem;--brick-file-upload-dropzone-padding:var(--brick-space-3);font-size:var(--brick-typography-body-sm-font-size)}.brick-file-upload[data-size=lg]{--brick-file-upload-gap:var(--brick-space-4);--brick-file-upload-dropzone-min-block-size:10rem;--brick-file-upload-dropzone-padding:var(--brick-space-6);font-size:var(--brick-typography-body-lg-font-size)}.brick-file-upload[data-disabled] .brick-file-upload__dropzone,.brick-file-upload[data-readonly] .brick-file-upload__dropzone{background:var(--brick-color-surface-subtle)}.brick-file-upload[data-disabled] :is(.brick-file-upload__trigger,.brick-file-upload__delete),.brick-file-upload[data-readonly] :is(.brick-file-upload__trigger,.brick-file-upload__delete){cursor:not-allowed}@media (prefers-reduced-motion:reduce){.brick-file-upload__dropzone{transition:none}}@media (forced-colors:active){.brick-file-upload{forced-color-adjust:none}.brick-file-upload__dropzone,.brick-file-upload__item{color:canvastext;background:canvas;border-color:buttontext}.brick-file-upload__trigger{color:buttontext;background:buttonface;border:1px solid buttontext}.brick-file-upload__dropzone[data-accepted]{border-color:highlight}.brick-file-upload__dropzone[data-rejected],.brick-file-upload[data-invalid] .brick-file-upload__dropzone{border-color:mark}.brick-file-upload[data-disabled],.brick-file-upload[data-readonly]{opacity:1;color:graytext}.brick-file-upload[data-disabled] .brick-file-upload__dropzone,.brick-file-upload[data-readonly] .brick-file-upload__dropzone{border-color:graytext}}}@layer brick.effects;
2
+ /*# sourceMappingURL=file-upload.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,4rCA2BA,qDACA,kEAEA,0rBAkBA,iLAMA,iGACA,gGACA,8JAGA,idAkBA,kGACA,gMAKA,qHASA,0DAEA,wYAaA,oJAQA,uLAOA,kUAeA,uIACA,+LAIA,oEACA,oGAEA,6OAMA,8OAOA,2KAEA,+MAGA,uCAA0C,8CAE1C,8BACE,4CACA,iHACA,+FACA,mEACA,4HACA,6FACA,sJD7KJ","sources":["home/runner/work/brick/brick/.brick-cache/production/file-upload.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/file-upload/file-upload.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/file-upload/file-upload.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-file-upload {\n --brick-file-upload-gap: var(--brick-space-3);\n --brick-file-upload-dropzone-min-block-size: 8.5rem;\n --brick-file-upload-dropzone-padding: var(--brick-space-5);\n --brick-file-upload-radius: var(--brick-radius-control);\n --brick-file-upload-background: var(--brick-color-surface-raised);\n --brick-file-upload-border: var(--brick-color-border-strong);\n --brick-file-upload-foreground: var(--brick-color-text-primary);\n --brick-file-upload-muted-foreground: var(--brick-color-text-secondary);\n --brick-file-upload-hover-background: var(--brick-color-surface-subtle);\n --brick-file-upload-accept-border: var(--brick-color-success-text);\n --brick-file-upload-reject-border: var(--brick-color-danger-text);\n --brick-file-upload-trigger-background: var(--brick-color-accent-solid);\n --brick-file-upload-trigger-foreground: var(--brick-color-accent-on-solid);\n --brick-file-upload-item-background: var(--brick-color-surface-raised);\n --brick-file-upload-item-border: var(--brick-color-border-subtle);\n --brick-file-upload-delete-foreground: var(--brick-color-text-secondary);\n\n display: flex;\n box-sizing: border-box;\n min-inline-size: 0;\n max-inline-size: 100%;\n flex-direction: column;\n gap: var(--brick-file-upload-gap);\n color: var(--brick-file-upload-foreground);\n }\n\n .brick-file-upload[data-full-width] { inline-size: 100%; }\n .brick-file-upload[data-shape=\"sharp\"] { --brick-file-upload-radius: 0; }\n\n .brick-file-upload__dropzone {\n display: flex;\n box-sizing: border-box;\n min-inline-size: 0;\n min-block-size: var(--brick-file-upload-dropzone-min-block-size);\n align-items: center;\n justify-content: center;\n flex-direction: column;\n gap: var(--brick-space-2);\n padding: var(--brick-file-upload-dropzone-padding);\n border: var(--brick-border-width) dashed var(--brick-file-upload-border);\n border-radius: var(--brick-file-upload-radius);\n background: var(--brick-file-upload-background);\n color: var(--brick-file-upload-muted-foreground);\n text-align: center;\n transition: background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n }\n\n .brick-file-upload[data-variant=\"soft\"] .brick-file-upload__dropzone {\n border-style: solid;\n border-color: var(--brick-color-border-subtle);\n background: var(--brick-color-surface-subtle);\n }\n\n .brick-file-upload__dropzone[data-dragging] { background: var(--brick-file-upload-hover-background); }\n .brick-file-upload__dropzone[data-accepted] { border-color: var(--brick-file-upload-accept-border); }\n .brick-file-upload__dropzone[data-rejected],\n .brick-file-upload[data-invalid] .brick-file-upload__dropzone { border-color: var(--brick-file-upload-reject-border); }\n\n .brick-file-upload__trigger {\n display: inline-flex;\n box-sizing: border-box;\n min-inline-size: 0;\n min-block-size: var(--brick-control-target-min);\n align-items: center;\n justify-content: center;\n padding-inline: var(--brick-space-4);\n border: 0;\n border-radius: var(--brick-file-upload-radius);\n outline: 0;\n background: var(--brick-file-upload-trigger-background);\n color: var(--brick-file-upload-trigger-foreground);\n cursor: pointer;\n font: inherit;\n font-weight: var(--brick-typography-label-font-weight);\n }\n\n .brick-file-upload__trigger:hover:not(:disabled):not([aria-disabled=\"true\"]) { filter: brightness(0.96); }\n .brick-file-upload__trigger:is(:focus-visible, [data-focus-visible]) {\n outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n outline-offset: var(--brick-border-focus-offset);\n }\n\n .brick-file-upload__items {\n display: grid;\n min-inline-size: 0;\n gap: var(--brick-space-2);\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .brick-file-upload__items:not([data-filled]) { display: none; }\n\n .brick-file-upload__item {\n display: grid;\n box-sizing: border-box;\n min-inline-size: 0;\n grid-template-columns: minmax(0, 1fr) auto auto;\n align-items: center;\n gap: var(--brick-space-3);\n padding: var(--brick-space-2) var(--brick-space-3);\n border: var(--brick-border-width) solid var(--brick-file-upload-item-border);\n border-radius: var(--brick-file-upload-radius);\n background: var(--brick-file-upload-item-background);\n }\n\n .brick-file-upload__item-name {\n min-inline-size: 0;\n overflow: hidden;\n color: var(--brick-file-upload-foreground);\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .brick-file-upload__item-size {\n color: var(--brick-file-upload-muted-foreground);\n white-space: nowrap;\n font-size: var(--brick-typography-body-sm-font-size);\n font-variant-numeric: tabular-nums;\n }\n\n .brick-file-upload__delete {\n display: inline-grid;\n box-sizing: border-box;\n inline-size: var(--brick-control-target-min);\n block-size: var(--brick-control-target-min);\n place-items: center;\n padding: 0;\n border: 0;\n border-radius: var(--brick-radius-full);\n outline: 0;\n background: transparent;\n color: var(--brick-file-upload-delete-foreground);\n cursor: pointer;\n }\n\n .brick-file-upload__delete:hover:not(:disabled) { background: var(--brick-color-surface-subtle); color: var(--brick-file-upload-foreground); }\n .brick-file-upload__delete:is(:focus-visible, [data-focus-visible]) {\n outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n outline-offset: var(--brick-border-focus-offset);\n }\n .brick-file-upload__delete-artwork { inline-size: 1rem; block-size: 1rem; }\n .brick-file-upload__delete-artwork path { stroke: currentColor; stroke-linecap: round; stroke-width: 1.5; }\n\n .brick-file-upload[data-size=\"sm\"] {\n --brick-file-upload-gap: var(--brick-space-2);\n --brick-file-upload-dropzone-min-block-size: 7rem;\n --brick-file-upload-dropzone-padding: var(--brick-space-3);\n font-size: var(--brick-typography-body-sm-font-size);\n }\n .brick-file-upload[data-size=\"lg\"] {\n --brick-file-upload-gap: var(--brick-space-4);\n --brick-file-upload-dropzone-min-block-size: 10rem;\n --brick-file-upload-dropzone-padding: var(--brick-space-6);\n font-size: var(--brick-typography-body-lg-font-size);\n }\n\n .brick-file-upload[data-disabled] .brick-file-upload__dropzone,\n .brick-file-upload[data-readonly] .brick-file-upload__dropzone { background: var(--brick-color-surface-subtle); }\n .brick-file-upload[data-disabled] :is(.brick-file-upload__trigger, .brick-file-upload__delete),\n .brick-file-upload[data-readonly] :is(.brick-file-upload__trigger, .brick-file-upload__delete) { cursor: not-allowed; }\n\n @media (prefers-reduced-motion: reduce) { .brick-file-upload__dropzone { transition: none; } }\n\n @media (forced-colors: active) {\n .brick-file-upload { forced-color-adjust: none; }\n .brick-file-upload__dropzone, .brick-file-upload__item { border-color: ButtonText; background: Canvas; color: CanvasText; }\n .brick-file-upload__trigger { border: 1px solid ButtonText; background: ButtonFace; color: ButtonText; }\n .brick-file-upload__dropzone[data-accepted] { border-color: Highlight; }\n .brick-file-upload__dropzone[data-rejected], .brick-file-upload[data-invalid] .brick-file-upload__dropzone { border-color: Mark; }\n .brick-file-upload[data-disabled], .brick-file-upload[data-readonly] { opacity: 1; color: GrayText; }\n .brick-file-upload[data-disabled] .brick-file-upload__dropzone, .brick-file-upload[data-readonly] .brick-file-upload__dropzone { border-color: GrayText; }\n }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-form{--brick-form-gap:var(--brick-space-5);--brick-form-fieldset-gap:var(--brick-space-3);row-gap:var(--brick-form-gap);min-inline-size:0;display:grid}.brick-form>.brick-fieldset{--brick-fieldset-gap:var(--brick-form-fieldset-gap)}.brick-form[data-submitting]{cursor:progress}}@layer brick.effects;
2
+ /*# sourceMappingURL=form.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,8JASA,gFAIA,8CDdF","sources":["home/runner/work/brick/brick/.brick-cache/production/form.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/form/form.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/form/form.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-form {\n --brick-form-gap: var(--brick-space-5);\n --brick-form-fieldset-gap: var(--brick-space-3);\n\n display: grid;\n min-inline-size: 0;\n row-gap: var(--brick-form-gap);\n }\n\n .brick-form > .brick-fieldset {\n --brick-fieldset-gap: var(--brick-form-fieldset-gap);\n }\n\n .brick-form[data-submitting] {\n cursor: progress;\n }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-grid{--brick-grid-columns:1;--brick-grid-gap:var(--brick-space-0);--brick-grid-row-gap:var(--brick-grid-gap);--brick-grid-column-gap:var(--brick-grid-gap);--brick-grid-min-item-size:16rem;box-sizing:border-box;grid-auto-flow:row;grid-template-columns:repeat(var(--brick-grid-columns), minmax(0, 1fr));place-items:stretch stretch;row-gap:var(--brick-grid-row-gap);column-gap:var(--brick-grid-column-gap);min-inline-size:0;display:grid}.brick-grid[data-mode=intrinsic]{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--brick-grid-min-item-size)), 1fr))}.brick-grid[data-columns="2"]{--brick-grid-columns:2}.brick-grid[data-columns="3"]{--brick-grid-columns:3}.brick-grid[data-columns="4"]{--brick-grid-columns:4}.brick-grid[data-columns="5"]{--brick-grid-columns:5}.brick-grid[data-columns="6"]{--brick-grid-columns:6}.brick-grid[data-columns="7"]{--brick-grid-columns:7}.brick-grid[data-columns="8"]{--brick-grid-columns:8}.brick-grid[data-columns="9"]{--brick-grid-columns:9}.brick-grid[data-columns="10"]{--brick-grid-columns:10}.brick-grid[data-columns="11"]{--brick-grid-columns:11}.brick-grid[data-columns="12"]{--brick-grid-columns:12}.brick-grid[data-min-item-size=xs]{--brick-grid-min-item-size:8rem}.brick-grid[data-min-item-size=sm]{--brick-grid-min-item-size:12rem}.brick-grid[data-min-item-size=md]{--brick-grid-min-item-size:16rem}.brick-grid[data-min-item-size=lg]{--brick-grid-min-item-size:20rem}.brick-grid[data-min-item-size=xl]{--brick-grid-min-item-size:24rem}.brick-grid[data-gap="1"]{--brick-grid-gap:var(--brick-space-1)}.brick-grid[data-gap="2"]{--brick-grid-gap:var(--brick-space-2)}.brick-grid[data-gap="3"]{--brick-grid-gap:var(--brick-space-3)}.brick-grid[data-gap="4"]{--brick-grid-gap:var(--brick-space-4)}.brick-grid[data-gap="5"]{--brick-grid-gap:var(--brick-space-5)}.brick-grid[data-gap="6"]{--brick-grid-gap:var(--brick-space-6)}.brick-grid[data-row-gap="0"]{--brick-grid-row-gap:var(--brick-space-0)}.brick-grid[data-row-gap="1"]{--brick-grid-row-gap:var(--brick-space-1)}.brick-grid[data-row-gap="2"]{--brick-grid-row-gap:var(--brick-space-2)}.brick-grid[data-row-gap="3"]{--brick-grid-row-gap:var(--brick-space-3)}.brick-grid[data-row-gap="4"]{--brick-grid-row-gap:var(--brick-space-4)}.brick-grid[data-row-gap="5"]{--brick-grid-row-gap:var(--brick-space-5)}.brick-grid[data-row-gap="6"]{--brick-grid-row-gap:var(--brick-space-6)}.brick-grid[data-column-gap="0"]{--brick-grid-column-gap:var(--brick-space-0)}.brick-grid[data-column-gap="1"]{--brick-grid-column-gap:var(--brick-space-1)}.brick-grid[data-column-gap="2"]{--brick-grid-column-gap:var(--brick-space-2)}.brick-grid[data-column-gap="3"]{--brick-grid-column-gap:var(--brick-space-3)}.brick-grid[data-column-gap="4"]{--brick-grid-column-gap:var(--brick-space-4)}.brick-grid[data-column-gap="5"]{--brick-grid-column-gap:var(--brick-space-5)}.brick-grid[data-column-gap="6"]{--brick-grid-column-gap:var(--brick-space-6)}.brick-grid[data-align=start]{align-items:start}.brick-grid[data-align=center]{align-items:center}.brick-grid[data-align=end]{align-items:end}.brick-grid[data-align=baseline]{align-items:baseline}.brick-grid[data-justify=start]{justify-items:start}.brick-grid[data-justify=center]{justify-items:center}.brick-grid[data-justify=end]{justify-items:end}.brick-grid>*,.brick-grid-item{min-inline-size:0}.brick-grid-item{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:auto;--brick-grid-item-row-start:auto;--brick-grid-item-row-end:auto;box-sizing:border-box;grid-column-start:var(--brick-grid-item-column-start);grid-column-end:var(--brick-grid-item-column-end);grid-row-start:var(--brick-grid-item-row-start);grid-row-end:var(--brick-grid-item-row-end);place-self:auto}.brick-grid-item[data-align=stretch]{align-self:stretch}.brick-grid-item[data-align=start]{align-self:start}.brick-grid-item[data-align=center]{align-self:center}.brick-grid-item[data-align=end]{align-self:end}.brick-grid-item[data-align=baseline]{align-self:baseline}.brick-grid-item[data-justify=stretch]{justify-self:stretch}.brick-grid-item[data-justify=start]{justify-self:start}.brick-grid-item[data-justify=center]{justify-self:center}.brick-grid-item[data-justify=end]{justify-self:end}.brick-grid-item[data-column-span=full]{--brick-grid-item-column-start:1;--brick-grid-item-column-end:-1}.brick-grid-item[data-column-span="1"]{--brick-grid-item-column-end:span 1}.brick-grid-item[data-column-span="2"]{--brick-grid-item-column-end:span 2}.brick-grid-item[data-column-span="3"]{--brick-grid-item-column-end:span 3}.brick-grid-item[data-column-span="4"]{--brick-grid-item-column-end:span 4}.brick-grid-item[data-column-span="5"]{--brick-grid-item-column-end:span 5}.brick-grid-item[data-column-span="6"]{--brick-grid-item-column-end:span 6}.brick-grid-item[data-column-span="7"]{--brick-grid-item-column-end:span 7}.brick-grid-item[data-column-span="8"]{--brick-grid-item-column-end:span 8}.brick-grid-item[data-column-span="9"]{--brick-grid-item-column-end:span 9}.brick-grid-item[data-column-span="10"]{--brick-grid-item-column-end:span 10}.brick-grid-item[data-column-span="11"]{--brick-grid-item-column-end:span 11}.brick-grid-item[data-column-span="12"]{--brick-grid-item-column-end:span 12}.brick-grid-item[data-row-span="1"]{--brick-grid-item-row-end:span 1}.brick-grid-item[data-row-span="2"]{--brick-grid-item-row-end:span 2}.brick-grid-item[data-row-span="3"]{--brick-grid-item-row-end:span 3}.brick-grid-item[data-row-span="4"]{--brick-grid-item-row-end:span 4}.brick-grid-item[data-row-span="5"]{--brick-grid-item-row-end:span 5}.brick-grid-item[data-row-span="6"]{--brick-grid-item-row-end:span 6}.brick-grid-item[data-row-span="7"]{--brick-grid-item-row-end:span 7}.brick-grid-item[data-row-span="8"]{--brick-grid-item-row-end:span 8}.brick-grid-item[data-row-span="9"]{--brick-grid-item-row-end:span 9}.brick-grid-item[data-row-span="10"]{--brick-grid-item-row-end:span 10}.brick-grid-item[data-row-span="11"]{--brick-grid-item-row-end:span 11}.brick-grid-item[data-row-span="12"]{--brick-grid-item-row-end:span 12}.brick-grid-item[data-column-start="1"]{--brick-grid-item-column-start:1}.brick-grid-item[data-column-start="2"]{--brick-grid-item-column-start:2}.brick-grid-item[data-column-start="3"]{--brick-grid-item-column-start:3}.brick-grid-item[data-column-start="4"]{--brick-grid-item-column-start:4}.brick-grid-item[data-column-start="5"]{--brick-grid-item-column-start:5}.brick-grid-item[data-column-start="6"]{--brick-grid-item-column-start:6}.brick-grid-item[data-column-start="7"]{--brick-grid-item-column-start:7}.brick-grid-item[data-column-start="8"]{--brick-grid-item-column-start:8}.brick-grid-item[data-column-start="9"]{--brick-grid-item-column-start:9}.brick-grid-item[data-column-start="10"]{--brick-grid-item-column-start:10}.brick-grid-item[data-column-start="11"]{--brick-grid-item-column-start:11}.brick-grid-item[data-column-start="12"]{--brick-grid-item-column-start:12}.brick-grid-item[data-column-start="13"]{--brick-grid-item-column-start:13}.brick-grid-item[data-column-end="1"]{--brick-grid-item-column-end:1}.brick-grid-item[data-column-end="2"]{--brick-grid-item-column-end:2}.brick-grid-item[data-column-end="3"]{--brick-grid-item-column-end:3}.brick-grid-item[data-column-end="4"]{--brick-grid-item-column-end:4}.brick-grid-item[data-column-end="5"]{--brick-grid-item-column-end:5}.brick-grid-item[data-column-end="6"]{--brick-grid-item-column-end:6}.brick-grid-item[data-column-end="7"]{--brick-grid-item-column-end:7}.brick-grid-item[data-column-end="8"]{--brick-grid-item-column-end:8}.brick-grid-item[data-column-end="9"]{--brick-grid-item-column-end:9}.brick-grid-item[data-column-end="10"]{--brick-grid-item-column-end:10}.brick-grid-item[data-column-end="11"]{--brick-grid-item-column-end:11}.brick-grid-item[data-column-end="12"]{--brick-grid-item-column-end:12}.brick-grid-item[data-column-end="13"]{--brick-grid-item-column-end:13}.brick-grid-item[data-row-start="1"]{--brick-grid-item-row-start:1}.brick-grid-item[data-row-start="2"]{--brick-grid-item-row-start:2}.brick-grid-item[data-row-start="3"]{--brick-grid-item-row-start:3}.brick-grid-item[data-row-start="4"]{--brick-grid-item-row-start:4}.brick-grid-item[data-row-start="5"]{--brick-grid-item-row-start:5}.brick-grid-item[data-row-start="6"]{--brick-grid-item-row-start:6}.brick-grid-item[data-row-start="7"]{--brick-grid-item-row-start:7}.brick-grid-item[data-row-start="8"]{--brick-grid-item-row-start:8}.brick-grid-item[data-row-start="9"]{--brick-grid-item-row-start:9}.brick-grid-item[data-row-start="10"]{--brick-grid-item-row-start:10}.brick-grid-item[data-row-start="11"]{--brick-grid-item-row-start:11}.brick-grid-item[data-row-start="12"]{--brick-grid-item-row-start:12}.brick-grid-item[data-row-start="13"]{--brick-grid-item-row-start:13}.brick-grid-item[data-row-end="1"]{--brick-grid-item-row-end:1}.brick-grid-item[data-row-end="2"]{--brick-grid-item-row-end:2}.brick-grid-item[data-row-end="3"]{--brick-grid-item-row-end:3}.brick-grid-item[data-row-end="4"]{--brick-grid-item-row-end:4}.brick-grid-item[data-row-end="5"]{--brick-grid-item-row-end:5}.brick-grid-item[data-row-end="6"]{--brick-grid-item-row-end:6}.brick-grid-item[data-row-end="7"]{--brick-grid-item-row-end:7}.brick-grid-item[data-row-end="8"]{--brick-grid-item-row-end:8}.brick-grid-item[data-row-end="9"]{--brick-grid-item-row-end:9}.brick-grid-item[data-row-end="10"]{--brick-grid-item-row-end:10}.brick-grid-item[data-row-end="11"]{--brick-grid-item-row-end:11}.brick-grid-item[data-row-end="12"]{--brick-grid-item-row-end:12}.brick-grid-item[data-row-end="13"]{--brick-grid-item-row-end:13}}@layer brick.effects;
2
+ /*# sourceMappingURL=grid.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,ybAmBA,iIAQA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,uDACA,uDACA,uDAEA,mEAIA,oEAIA,oEAIA,oEAIA,oEAIA,gEACA,gEACA,gEACA,gEACA,gEACA,gEAEA,wEACA,wEACA,wEACA,wEACA,wEACA,wEACA,wEAEA,8EACA,8EACA,8EACA,8EACA,8EACA,8EACA,8EAEA,gDACA,kDACA,4CACA,sDACA,oDACA,sDACA,gDAEA,iDAKA,iYAeA,wDACA,oDACA,sDACA,gDACA,0DACA,4DACA,wDACA,0DACA,oDAEA,yGAKA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,6EACA,6EACA,6EAEA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,uEACA,uEACA,uEAEA,yEACA,yEACA,yEACA,yEACA,yEACA,yEACA,yEACA,yEACA,yEACA,2EACA,2EACA,2EACA,2EAEA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,uEACA,uEACA,uEACA,uEAEA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,qEACA,qEACA,qEACA,qEAEA,+DACA,+DACA,+DACA,+DACA,+DACA,+DACA,+DACA,+DACA,+DACA,iEACA,iEACA,iEACA,kED9MF","sources":["home/runner/work/brick/brick/.brick-cache/production/grid.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/grid/grid.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/grid/grid.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-grid {\n --brick-grid-columns: 1;\n --brick-grid-gap: var(--brick-space-0);\n --brick-grid-row-gap: var(--brick-grid-gap);\n --brick-grid-column-gap: var(--brick-grid-gap);\n --brick-grid-min-item-size: 16rem;\n\n box-sizing: border-box;\n display: grid;\n min-inline-size: 0;\n grid-auto-flow: row;\n grid-template-columns:\n repeat(var(--brick-grid-columns), minmax(0, 1fr));\n align-items: stretch;\n justify-items: stretch;\n row-gap: var(--brick-grid-row-gap);\n column-gap: var(--brick-grid-column-gap);\n }\n\n .brick-grid[data-mode=\"intrinsic\"] {\n grid-template-columns:\n repeat(\n auto-fit,\n minmax(min(100%, var(--brick-grid-min-item-size)), 1fr)\n );\n }\n\n .brick-grid[data-columns=\"2\"] { --brick-grid-columns: 2; }\n .brick-grid[data-columns=\"3\"] { --brick-grid-columns: 3; }\n .brick-grid[data-columns=\"4\"] { --brick-grid-columns: 4; }\n .brick-grid[data-columns=\"5\"] { --brick-grid-columns: 5; }\n .brick-grid[data-columns=\"6\"] { --brick-grid-columns: 6; }\n .brick-grid[data-columns=\"7\"] { --brick-grid-columns: 7; }\n .brick-grid[data-columns=\"8\"] { --brick-grid-columns: 8; }\n .brick-grid[data-columns=\"9\"] { --brick-grid-columns: 9; }\n .brick-grid[data-columns=\"10\"] { --brick-grid-columns: 10; }\n .brick-grid[data-columns=\"11\"] { --brick-grid-columns: 11; }\n .brick-grid[data-columns=\"12\"] { --brick-grid-columns: 12; }\n\n .brick-grid[data-min-item-size=\"xs\"] {\n --brick-grid-min-item-size: 8rem;\n }\n\n .brick-grid[data-min-item-size=\"sm\"] {\n --brick-grid-min-item-size: 12rem;\n }\n\n .brick-grid[data-min-item-size=\"md\"] {\n --brick-grid-min-item-size: 16rem;\n }\n\n .brick-grid[data-min-item-size=\"lg\"] {\n --brick-grid-min-item-size: 20rem;\n }\n\n .brick-grid[data-min-item-size=\"xl\"] {\n --brick-grid-min-item-size: 24rem;\n }\n\n .brick-grid[data-gap=\"1\"] { --brick-grid-gap: var(--brick-space-1); }\n .brick-grid[data-gap=\"2\"] { --brick-grid-gap: var(--brick-space-2); }\n .brick-grid[data-gap=\"3\"] { --brick-grid-gap: var(--brick-space-3); }\n .brick-grid[data-gap=\"4\"] { --brick-grid-gap: var(--brick-space-4); }\n .brick-grid[data-gap=\"5\"] { --brick-grid-gap: var(--brick-space-5); }\n .brick-grid[data-gap=\"6\"] { --brick-grid-gap: var(--brick-space-6); }\n\n .brick-grid[data-row-gap=\"0\"] { --brick-grid-row-gap: var(--brick-space-0); }\n .brick-grid[data-row-gap=\"1\"] { --brick-grid-row-gap: var(--brick-space-1); }\n .brick-grid[data-row-gap=\"2\"] { --brick-grid-row-gap: var(--brick-space-2); }\n .brick-grid[data-row-gap=\"3\"] { --brick-grid-row-gap: var(--brick-space-3); }\n .brick-grid[data-row-gap=\"4\"] { --brick-grid-row-gap: var(--brick-space-4); }\n .brick-grid[data-row-gap=\"5\"] { --brick-grid-row-gap: var(--brick-space-5); }\n .brick-grid[data-row-gap=\"6\"] { --brick-grid-row-gap: var(--brick-space-6); }\n\n .brick-grid[data-column-gap=\"0\"] { --brick-grid-column-gap: var(--brick-space-0); }\n .brick-grid[data-column-gap=\"1\"] { --brick-grid-column-gap: var(--brick-space-1); }\n .brick-grid[data-column-gap=\"2\"] { --brick-grid-column-gap: var(--brick-space-2); }\n .brick-grid[data-column-gap=\"3\"] { --brick-grid-column-gap: var(--brick-space-3); }\n .brick-grid[data-column-gap=\"4\"] { --brick-grid-column-gap: var(--brick-space-4); }\n .brick-grid[data-column-gap=\"5\"] { --brick-grid-column-gap: var(--brick-space-5); }\n .brick-grid[data-column-gap=\"6\"] { --brick-grid-column-gap: var(--brick-space-6); }\n\n .brick-grid[data-align=\"start\"] { align-items: start; }\n .brick-grid[data-align=\"center\"] { align-items: center; }\n .brick-grid[data-align=\"end\"] { align-items: end; }\n .brick-grid[data-align=\"baseline\"] { align-items: baseline; }\n .brick-grid[data-justify=\"start\"] { justify-items: start; }\n .brick-grid[data-justify=\"center\"] { justify-items: center; }\n .brick-grid[data-justify=\"end\"] { justify-items: end; }\n\n .brick-grid > *,\n .brick-grid-item {\n min-inline-size: 0;\n }\n\n .brick-grid-item {\n --brick-grid-item-column-start: auto;\n --brick-grid-item-column-end: auto;\n --brick-grid-item-row-start: auto;\n --brick-grid-item-row-end: auto;\n\n box-sizing: border-box;\n grid-column-start: var(--brick-grid-item-column-start);\n grid-column-end: var(--brick-grid-item-column-end);\n grid-row-start: var(--brick-grid-item-row-start);\n grid-row-end: var(--brick-grid-item-row-end);\n align-self: auto;\n justify-self: auto;\n }\n\n .brick-grid-item[data-align=\"stretch\"] { align-self: stretch; }\n .brick-grid-item[data-align=\"start\"] { align-self: start; }\n .brick-grid-item[data-align=\"center\"] { align-self: center; }\n .brick-grid-item[data-align=\"end\"] { align-self: end; }\n .brick-grid-item[data-align=\"baseline\"] { align-self: baseline; }\n .brick-grid-item[data-justify=\"stretch\"] { justify-self: stretch; }\n .brick-grid-item[data-justify=\"start\"] { justify-self: start; }\n .brick-grid-item[data-justify=\"center\"] { justify-self: center; }\n .brick-grid-item[data-justify=\"end\"] { justify-self: end; }\n\n .brick-grid-item[data-column-span=\"full\"] {\n --brick-grid-item-column-start: 1;\n --brick-grid-item-column-end: -1;\n }\n\n .brick-grid-item[data-column-span=\"1\"] { --brick-grid-item-column-end: span 1; }\n .brick-grid-item[data-column-span=\"2\"] { --brick-grid-item-column-end: span 2; }\n .brick-grid-item[data-column-span=\"3\"] { --brick-grid-item-column-end: span 3; }\n .brick-grid-item[data-column-span=\"4\"] { --brick-grid-item-column-end: span 4; }\n .brick-grid-item[data-column-span=\"5\"] { --brick-grid-item-column-end: span 5; }\n .brick-grid-item[data-column-span=\"6\"] { --brick-grid-item-column-end: span 6; }\n .brick-grid-item[data-column-span=\"7\"] { --brick-grid-item-column-end: span 7; }\n .brick-grid-item[data-column-span=\"8\"] { --brick-grid-item-column-end: span 8; }\n .brick-grid-item[data-column-span=\"9\"] { --brick-grid-item-column-end: span 9; }\n .brick-grid-item[data-column-span=\"10\"] { --brick-grid-item-column-end: span 10; }\n .brick-grid-item[data-column-span=\"11\"] { --brick-grid-item-column-end: span 11; }\n .brick-grid-item[data-column-span=\"12\"] { --brick-grid-item-column-end: span 12; }\n\n .brick-grid-item[data-row-span=\"1\"] { --brick-grid-item-row-end: span 1; }\n .brick-grid-item[data-row-span=\"2\"] { --brick-grid-item-row-end: span 2; }\n .brick-grid-item[data-row-span=\"3\"] { --brick-grid-item-row-end: span 3; }\n .brick-grid-item[data-row-span=\"4\"] { --brick-grid-item-row-end: span 4; }\n .brick-grid-item[data-row-span=\"5\"] { --brick-grid-item-row-end: span 5; }\n .brick-grid-item[data-row-span=\"6\"] { --brick-grid-item-row-end: span 6; }\n .brick-grid-item[data-row-span=\"7\"] { --brick-grid-item-row-end: span 7; }\n .brick-grid-item[data-row-span=\"8\"] { --brick-grid-item-row-end: span 8; }\n .brick-grid-item[data-row-span=\"9\"] { --brick-grid-item-row-end: span 9; }\n .brick-grid-item[data-row-span=\"10\"] { --brick-grid-item-row-end: span 10; }\n .brick-grid-item[data-row-span=\"11\"] { --brick-grid-item-row-end: span 11; }\n .brick-grid-item[data-row-span=\"12\"] { --brick-grid-item-row-end: span 12; }\n\n .brick-grid-item[data-column-start=\"1\"] { --brick-grid-item-column-start: 1; }\n .brick-grid-item[data-column-start=\"2\"] { --brick-grid-item-column-start: 2; }\n .brick-grid-item[data-column-start=\"3\"] { --brick-grid-item-column-start: 3; }\n .brick-grid-item[data-column-start=\"4\"] { --brick-grid-item-column-start: 4; }\n .brick-grid-item[data-column-start=\"5\"] { --brick-grid-item-column-start: 5; }\n .brick-grid-item[data-column-start=\"6\"] { --brick-grid-item-column-start: 6; }\n .brick-grid-item[data-column-start=\"7\"] { --brick-grid-item-column-start: 7; }\n .brick-grid-item[data-column-start=\"8\"] { --brick-grid-item-column-start: 8; }\n .brick-grid-item[data-column-start=\"9\"] { --brick-grid-item-column-start: 9; }\n .brick-grid-item[data-column-start=\"10\"] { --brick-grid-item-column-start: 10; }\n .brick-grid-item[data-column-start=\"11\"] { --brick-grid-item-column-start: 11; }\n .brick-grid-item[data-column-start=\"12\"] { --brick-grid-item-column-start: 12; }\n .brick-grid-item[data-column-start=\"13\"] { --brick-grid-item-column-start: 13; }\n\n .brick-grid-item[data-column-end=\"1\"] { --brick-grid-item-column-end: 1; }\n .brick-grid-item[data-column-end=\"2\"] { --brick-grid-item-column-end: 2; }\n .brick-grid-item[data-column-end=\"3\"] { --brick-grid-item-column-end: 3; }\n .brick-grid-item[data-column-end=\"4\"] { --brick-grid-item-column-end: 4; }\n .brick-grid-item[data-column-end=\"5\"] { --brick-grid-item-column-end: 5; }\n .brick-grid-item[data-column-end=\"6\"] { --brick-grid-item-column-end: 6; }\n .brick-grid-item[data-column-end=\"7\"] { --brick-grid-item-column-end: 7; }\n .brick-grid-item[data-column-end=\"8\"] { --brick-grid-item-column-end: 8; }\n .brick-grid-item[data-column-end=\"9\"] { --brick-grid-item-column-end: 9; }\n .brick-grid-item[data-column-end=\"10\"] { --brick-grid-item-column-end: 10; }\n .brick-grid-item[data-column-end=\"11\"] { --brick-grid-item-column-end: 11; }\n .brick-grid-item[data-column-end=\"12\"] { --brick-grid-item-column-end: 12; }\n .brick-grid-item[data-column-end=\"13\"] { --brick-grid-item-column-end: 13; }\n\n .brick-grid-item[data-row-start=\"1\"] { --brick-grid-item-row-start: 1; }\n .brick-grid-item[data-row-start=\"2\"] { --brick-grid-item-row-start: 2; }\n .brick-grid-item[data-row-start=\"3\"] { --brick-grid-item-row-start: 3; }\n .brick-grid-item[data-row-start=\"4\"] { --brick-grid-item-row-start: 4; }\n .brick-grid-item[data-row-start=\"5\"] { --brick-grid-item-row-start: 5; }\n .brick-grid-item[data-row-start=\"6\"] { --brick-grid-item-row-start: 6; }\n .brick-grid-item[data-row-start=\"7\"] { --brick-grid-item-row-start: 7; }\n .brick-grid-item[data-row-start=\"8\"] { --brick-grid-item-row-start: 8; }\n .brick-grid-item[data-row-start=\"9\"] { --brick-grid-item-row-start: 9; }\n .brick-grid-item[data-row-start=\"10\"] { --brick-grid-item-row-start: 10; }\n .brick-grid-item[data-row-start=\"11\"] { --brick-grid-item-row-start: 11; }\n .brick-grid-item[data-row-start=\"12\"] { --brick-grid-item-row-start: 12; }\n .brick-grid-item[data-row-start=\"13\"] { --brick-grid-item-row-start: 13; }\n\n .brick-grid-item[data-row-end=\"1\"] { --brick-grid-item-row-end: 1; }\n .brick-grid-item[data-row-end=\"2\"] { --brick-grid-item-row-end: 2; }\n .brick-grid-item[data-row-end=\"3\"] { --brick-grid-item-row-end: 3; }\n .brick-grid-item[data-row-end=\"4\"] { --brick-grid-item-row-end: 4; }\n .brick-grid-item[data-row-end=\"5\"] { --brick-grid-item-row-end: 5; }\n .brick-grid-item[data-row-end=\"6\"] { --brick-grid-item-row-end: 6; }\n .brick-grid-item[data-row-end=\"7\"] { --brick-grid-item-row-end: 7; }\n .brick-grid-item[data-row-end=\"8\"] { --brick-grid-item-row-end: 8; }\n .brick-grid-item[data-row-end=\"9\"] { --brick-grid-item-row-end: 9; }\n .brick-grid-item[data-row-end=\"10\"] { --brick-grid-item-row-end: 10; }\n .brick-grid-item[data-row-end=\"11\"] { --brick-grid-item-row-end: 11; }\n .brick-grid-item[data-row-end=\"12\"] { --brick-grid-item-row-end: 12; }\n .brick-grid-item[data-row-end=\"13\"] { --brick-grid-item-row-end: 13; }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{@media (width>=30rem){.brick-hide[data-from=sm]{display:none!important}}@media (width>=48rem){.brick-hide[data-from=md]{display:none!important}}@media (width>=64rem){.brick-hide[data-from=lg]{display:none!important}}@media (width>=80rem){.brick-hide[data-from=xl]{display:none!important}}}@layer brick.effects;
2
+ /*# sourceMappingURL=hide.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,sBAA0B,kDAC1B,sBAA0B,kDAC1B,sBAA0B,kDAC1B,sBAA0B,mDDJ5B","sources":["home/runner/work/brick/brick/.brick-cache/production/hide.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/hide/hide.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/hide/hide.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n @media (width >= 30rem) { .brick-hide[data-from=\"sm\"] { display: none !important; } }\n @media (width >= 48rem) { .brick-hide[data-from=\"md\"] { display: none !important; } }\n @media (width >= 64rem) { .brick-hide[data-from=\"lg\"] { display: none !important; } }\n @media (width >= 80rem) { .brick-hide[data-from=\"xl\"] { display: none !important; } }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{:where(.brick-tooltip__arrow,.brick-hover-card__arrow,.brick-popover__arrow){color:var(--brick-floating-arrow-stroke,var(--brick-tooltip-border-color));fill:var(--brick-floating-arrow-fill,var(--brick-tooltip-background));filter:drop-shadow(0 1px 0 var(--brick-floating-arrow-stroke,var(--brick-tooltip-border-color)))}.brick-hover-card{--brick-hover-card-background:var(--brick-color-surface-raised);--brick-hover-card-foreground:var(--brick-color-text-primary);--brick-hover-card-muted-foreground:var(--brick-color-text-primary);--brick-hover-card-border:var(--brick-color-border-subtle);--brick-hover-card-radius:var(--brick-radius-overlay);--brick-hover-card-shadow:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 68%);--brick-hover-card-padding:var(--brick-space-4);--brick-hover-card-gap:var(--brick-space-3);--brick-hover-card-max-inline-size-sm:16rem;--brick-hover-card-max-inline-size-md:20rem;--brick-hover-card-max-inline-size-lg:24rem;--brick-hover-card-max-block-size:min(32rem, calc(100dvb - 2rem));z-index:calc(var(--brick-layer-overlay) - 1);box-sizing:border-box;inline-size:max-content;max-inline-size:min(var(--brick-hover-card-max-inline-size-md), calc(100dvi - 2rem));border:var(--brick-border-width) solid var(--brick-hover-card-border);border-radius:var(--brick-hover-card-radius);background:var(--brick-hover-card-background);box-shadow:var(--brick-hover-card-shadow);color:var(--brick-hover-card-foreground);opacity:0;overflow-wrap:anywhere;transform-origin:var(--brick-floating-arrow-transform-origin,center);transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter), scale var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);display:block;scale:.98}.brick-hover-card__viewport{box-sizing:border-box;max-block-size:var(--brick-hover-card-max-block-size);gap:var(--brick-hover-card-gap);padding:var(--brick-hover-card-padding);border-radius:inherit;display:grid;overflow:auto}.brick-hover-card[data-size=sm]{max-inline-size:min(var(--brick-hover-card-max-inline-size-sm), calc(100dvi - 2rem))}.brick-hover-card[data-size=lg]{max-inline-size:min(var(--brick-hover-card-max-inline-size-lg), calc(100dvi - 2rem))}.brick-hover-card[data-positioned]{opacity:1;scale:1}.brick-hover-card[data-state=closed]{opacity:0;pointer-events:none;scale:.98}.brick-hover-card__arrow{--brick-floating-arrow-fill:var(--brick-hover-card-background);--brick-floating-arrow-stroke:var(--brick-hover-card-border)}.brick-hover-card[data-side=top] .brick-hover-card__arrow{translate:0 calc(var(--brick-border-width) * -1);filter:drop-shadow(0 1px 0 var(--brick-hover-card-border))}.brick-hover-card[data-side=right] .brick-hover-card__arrow{translate:var(--brick-border-width) 0;filter:drop-shadow(-1px 0 0 var(--brick-hover-card-border))}.brick-hover-card[data-side=bottom] .brick-hover-card__arrow{translate:0 var(--brick-border-width);filter:drop-shadow(0 -1px 0 var(--brick-hover-card-border))}.brick-hover-card[data-side=left] .brick-hover-card__arrow{translate:calc(var(--brick-border-width) * -1) 0;filter:drop-shadow(1px 0 0 var(--brick-hover-card-border))}.brick-hover-card :where(p){color:var(--brick-hover-card-muted-foreground);margin:0}@media (prefers-reduced-motion:reduce){.brick-hover-card{transition-duration:1ms;scale:1}}@media (forced-colors:active){.brick-hover-card{--brick-hover-card-background:Canvas;--brick-hover-card-foreground:CanvasText;--brick-hover-card-muted-foreground:CanvasText;--brick-hover-card-border:CanvasText;box-shadow:none}.brick-hover-card__arrow{color:canvastext;fill:canvas;filter:none;stroke:canvastext}}}@layer brick.effects;
2
+ /*# sourceMappingURL=hover-card.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,+TCAA,g5CAiCA,iOAUA,qHAIA,qHAIA,qDAKA,6EAMA,qJAKA,sKAKA,8JAKA,+JAKA,uKAKA,oFAKA,uCACE,mDAMF,8BACE,oMAQA,sFF7GJ","sources":["home/runner/work/brick/brick/.brick-cache/production/hover-card.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/floating-arrow.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/hover-card/hover-card.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/styles/floating-arrow.css\";\n@import \"../../src/components/hover-card/hover-card.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n :where(.brick-tooltip__arrow, .brick-hover-card__arrow, .brick-popover__arrow) {\n color: var(--brick-floating-arrow-stroke, var(--brick-tooltip-border-color));\n fill: var(--brick-floating-arrow-fill, var(--brick-tooltip-background));\n filter: drop-shadow(0 1px 0 var(--brick-floating-arrow-stroke, var(--brick-tooltip-border-color)));\n }\n}\n","@layer brick.components {\n .brick-hover-card {\n --brick-hover-card-background: var(--brick-color-surface-raised);\n --brick-hover-card-foreground: var(--brick-color-text-primary);\n --brick-hover-card-muted-foreground: var(--brick-color-text-primary);\n --brick-hover-card-border: var(--brick-color-border-subtle);\n --brick-hover-card-radius: var(--brick-radius-overlay);\n --brick-hover-card-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 68%);\n --brick-hover-card-padding: var(--brick-space-4);\n --brick-hover-card-gap: var(--brick-space-3);\n --brick-hover-card-max-inline-size-sm: 16rem;\n --brick-hover-card-max-inline-size-md: 20rem;\n --brick-hover-card-max-inline-size-lg: 24rem;\n --brick-hover-card-max-block-size: min(32rem, calc(100dvb - 2rem));\n\n z-index: calc(var(--brick-layer-overlay) - 1);\n box-sizing: border-box;\n display: block;\n inline-size: max-content;\n max-inline-size: min(var(--brick-hover-card-max-inline-size-md), calc(100dvi - 2rem));\n border: var(--brick-border-width) solid var(--brick-hover-card-border);\n border-radius: var(--brick-hover-card-radius);\n background: var(--brick-hover-card-background);\n box-shadow: var(--brick-hover-card-shadow);\n color: var(--brick-hover-card-foreground);\n opacity: 0;\n overflow-wrap: anywhere;\n scale: 0.98;\n transform-origin: var(--brick-floating-arrow-transform-origin, center);\n transition:\n opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter),\n scale var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);\n }\n\n .brick-hover-card__viewport {\n box-sizing: border-box;\n display: grid;\n max-block-size: var(--brick-hover-card-max-block-size);\n gap: var(--brick-hover-card-gap);\n padding: var(--brick-hover-card-padding);\n overflow: auto;\n border-radius: inherit;\n }\n\n .brick-hover-card[data-size=\"sm\"] {\n max-inline-size: min(var(--brick-hover-card-max-inline-size-sm), calc(100dvi - 2rem));\n }\n\n .brick-hover-card[data-size=\"lg\"] {\n max-inline-size: min(var(--brick-hover-card-max-inline-size-lg), calc(100dvi - 2rem));\n }\n\n .brick-hover-card[data-positioned] {\n opacity: 1;\n scale: 1;\n }\n\n .brick-hover-card[data-state=\"closed\"] {\n opacity: 0;\n pointer-events: none;\n scale: 0.98;\n }\n\n .brick-hover-card__arrow {\n --brick-floating-arrow-fill: var(--brick-hover-card-background);\n --brick-floating-arrow-stroke: var(--brick-hover-card-border);\n }\n\n .brick-hover-card[data-side=\"top\"] .brick-hover-card__arrow {\n translate: 0 calc(var(--brick-border-width) * -1);\n filter: drop-shadow(0 1px 0 var(--brick-hover-card-border));\n }\n\n .brick-hover-card[data-side=\"right\"] .brick-hover-card__arrow {\n translate: var(--brick-border-width) 0;\n filter: drop-shadow(-1px 0 0 var(--brick-hover-card-border));\n }\n\n .brick-hover-card[data-side=\"bottom\"] .brick-hover-card__arrow {\n translate: 0 var(--brick-border-width);\n filter: drop-shadow(0 -1px 0 var(--brick-hover-card-border));\n }\n\n .brick-hover-card[data-side=\"left\"] .brick-hover-card__arrow {\n translate: calc(var(--brick-border-width) * -1) 0;\n filter: drop-shadow(1px 0 0 var(--brick-hover-card-border));\n }\n\n .brick-hover-card :where(p) {\n margin: 0;\n color: var(--brick-hover-card-muted-foreground);\n }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-hover-card {\n scale: 1;\n transition-duration: 1ms;\n }\n }\n\n @media (forced-colors: active) {\n .brick-hover-card {\n --brick-hover-card-background: Canvas;\n --brick-hover-card-foreground: CanvasText;\n --brick-hover-card-muted-foreground: CanvasText;\n --brick-hover-card-border: CanvasText;\n box-shadow: none;\n }\n\n .brick-hover-card__arrow {\n color: CanvasText;\n fill: Canvas;\n filter: none;\n stroke: CanvasText;\n }\n }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{:where(.brick-button,.brick-icon-button)[data-loading]:after{inline-size:var(--brick-action-spinner-size);block-size:var(--brick-action-spinner-size);border:.125rem solid #0000;border-block-start-color:var(--brick-action-spinner-color);border-inline-end-color:var(--brick-action-spinner-color);border-radius:var(--brick-radius-full);content:"";animation:.7s linear infinite brick-action-spinner-spin;position:absolute;inset-block-start:50%;inset-inline-start:50%}:where([dir=rtl]) :where(.brick-button,.brick-icon-button)[data-loading]:after{animation-name:brick-action-spinner-spin-rtl}@media (prefers-reduced-motion:reduce){:where(.brick-button,.brick-icon-button)[data-loading]:after{animation-duration:1.4s}}@media (forced-colors:active){:where(.brick-button,.brick-icon-button)[data-loading]:after{border-block-start-color:buttontext;border-inline-end-color:buttontext}}@keyframes brick-action-spinner-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes brick-action-spinner-spin-rtl{0%{transform:translate(50%,-50%)rotate(0)}to{transform:translate(50%,-50%)rotate(360deg)}}.brick-icon-button{--brick-icon-button-size:var(--brick-control-min-block-size-md);--brick-icon-button-icon-size:1.125rem;--brick-icon-button-radius:var(--brick-radius-control);--brick-icon-button-background:transparent;--brick-icon-button-background-hover:var(--brick-icon-button-tone-soft);--brick-icon-button-background-pressed:var(--brick-icon-button-tone-soft-pressed);--brick-icon-button-border-color:transparent;--brick-icon-button-foreground:var(--brick-icon-button-tone-text);--brick-icon-button-spinner-color:var(--brick-icon-button-foreground);--brick-action-spinner-size:var(--brick-icon-button-icon-size);--brick-action-spinner-color:var(--brick-icon-button-spinner-color);box-sizing:border-box;flex:0 0 var(--brick-icon-button-size);inline-size:var(--brick-icon-button-size);min-inline-size:var(--brick-icon-button-size);block-size:var(--brick-icon-button-size);min-block-size:var(--brick-icon-button-size);border:var(--brick-border-width) solid var(--brick-icon-button-border-color);border-radius:var(--brick-icon-button-radius);appearance:none;background:var(--brick-icon-button-background);color:var(--brick-icon-button-foreground);font:inherit;-webkit-user-select:none;user-select:none;vertical-align:middle;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);justify-content:center;align-items:center;padding:0;line-height:1;text-decoration:none;display:inline-flex;position:relative}.brick-icon-button__icon{inline-size:var(--brick-icon-button-icon-size);block-size:var(--brick-icon-button-icon-size);pointer-events:none;justify-content:center;align-items:center;display:inline-flex}.brick-icon-button__icon>:where(svg,img){block-size:100%;inline-size:100%}.brick-icon-button>:where(svg,img){inline-size:var(--brick-icon-button-icon-size);block-size:var(--brick-icon-button-icon-size)}.brick-icon-button:not([data-disabled],[data-loading]){cursor:pointer}.brick-icon-button:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-icon-button:not([data-disabled],[data-loading]):active{background:var(--brick-icon-button-background-pressed)}.brick-icon-button[data-variant=solid]{--brick-icon-button-background:var(--brick-icon-button-tone-solid);--brick-icon-button-background-hover:var(--brick-icon-button-tone-solid-hover);--brick-icon-button-background-pressed:var(--brick-icon-button-tone-solid-pressed);--brick-icon-button-border-color:var(--brick-icon-button-tone-solid);--brick-icon-button-foreground:var(--brick-icon-button-tone-on-solid)}.brick-icon-button[data-variant=soft]{--brick-icon-button-background:var(--brick-icon-button-tone-soft);--brick-icon-button-background-hover:var(--brick-icon-button-tone-soft-hover);--brick-icon-button-background-pressed:var(--brick-icon-button-tone-soft-pressed);--brick-icon-button-border-color:var(--brick-icon-button-tone-border);--brick-icon-button-foreground:var(--brick-icon-button-tone-on-soft)}.brick-icon-button[data-variant=outline]{--brick-icon-button-background:transparent;--brick-icon-button-border-color:var(--brick-icon-button-tone-border);--brick-icon-button-foreground:var(--brick-icon-button-tone-text)}.brick-icon-button[data-variant=ghost]{--brick-icon-button-background:transparent;--brick-icon-button-border-color:transparent;--brick-icon-button-foreground:var(--brick-icon-button-tone-text)}.brick-icon-button[data-tone=neutral]{--brick-icon-button-tone-solid:var(--brick-color-text-primary);--brick-icon-button-tone-solid-hover:var(--brick-color-text-secondary);--brick-icon-button-tone-solid-pressed:var(--brick-color-border-strong);--brick-icon-button-tone-on-solid:var(--brick-color-text-inverse);--brick-icon-button-tone-soft:var(--brick-color-surface-subtle);--brick-icon-button-tone-soft-hover:var(--brick-color-surface-base);--brick-icon-button-tone-soft-pressed:var(--brick-color-border-subtle);--brick-icon-button-tone-on-soft:var(--brick-color-text-primary);--brick-icon-button-tone-border:var(--brick-color-border-strong);--brick-icon-button-tone-text:var(--brick-color-text-primary)}.brick-icon-button[data-tone=accent]{--brick-icon-button-tone-solid:var(--brick-color-accent-solid);--brick-icon-button-tone-solid-hover:var(--brick-color-accent-solid-hover);--brick-icon-button-tone-solid-pressed:var(--brick-color-accent-solid-pressed);--brick-icon-button-tone-on-solid:var(--brick-color-accent-on-solid);--brick-icon-button-tone-soft:var(--brick-color-accent-soft);--brick-icon-button-tone-soft-hover:var(--brick-color-accent-soft-hover);--brick-icon-button-tone-soft-pressed:var(--brick-color-accent-soft-pressed);--brick-icon-button-tone-on-soft:var(--brick-color-accent-on-soft);--brick-icon-button-tone-border:var(--brick-color-accent-border);--brick-icon-button-tone-text:var(--brick-color-accent-text)}.brick-icon-button[data-tone=info]{--brick-icon-button-tone-solid:var(--brick-color-info-solid);--brick-icon-button-tone-solid-hover:var(--brick-color-info-solid-hover);--brick-icon-button-tone-solid-pressed:var(--brick-color-info-solid-pressed);--brick-icon-button-tone-on-solid:var(--brick-color-info-on-solid);--brick-icon-button-tone-soft:var(--brick-color-info-soft);--brick-icon-button-tone-soft-hover:var(--brick-color-info-soft-hover);--brick-icon-button-tone-soft-pressed:var(--brick-color-info-soft-pressed);--brick-icon-button-tone-on-soft:var(--brick-color-info-on-soft);--brick-icon-button-tone-border:var(--brick-color-info-border);--brick-icon-button-tone-text:var(--brick-color-info-text)}.brick-icon-button[data-tone=success]{--brick-icon-button-tone-solid:var(--brick-color-success-solid);--brick-icon-button-tone-solid-hover:var(--brick-color-success-solid-hover);--brick-icon-button-tone-solid-pressed:var(--brick-color-success-solid-pressed);--brick-icon-button-tone-on-solid:var(--brick-color-success-on-solid);--brick-icon-button-tone-soft:var(--brick-color-success-soft);--brick-icon-button-tone-soft-hover:var(--brick-color-success-soft-hover);--brick-icon-button-tone-soft-pressed:var(--brick-color-success-soft-pressed);--brick-icon-button-tone-on-soft:var(--brick-color-success-on-soft);--brick-icon-button-tone-border:var(--brick-color-success-border);--brick-icon-button-tone-text:var(--brick-color-success-text)}.brick-icon-button[data-tone=warning]{--brick-icon-button-tone-solid:var(--brick-color-warning-solid);--brick-icon-button-tone-solid-hover:var(--brick-color-warning-solid-hover);--brick-icon-button-tone-solid-pressed:var(--brick-color-warning-solid-pressed);--brick-icon-button-tone-on-solid:var(--brick-color-warning-on-solid);--brick-icon-button-tone-soft:var(--brick-color-warning-soft);--brick-icon-button-tone-soft-hover:var(--brick-color-warning-soft-hover);--brick-icon-button-tone-soft-pressed:var(--brick-color-warning-soft-pressed);--brick-icon-button-tone-on-soft:var(--brick-color-warning-on-soft);--brick-icon-button-tone-border:var(--brick-color-warning-border);--brick-icon-button-tone-text:var(--brick-color-warning-text)}.brick-icon-button[data-tone=danger]{--brick-icon-button-tone-solid:var(--brick-color-danger-solid);--brick-icon-button-tone-solid-hover:var(--brick-color-danger-solid-hover);--brick-icon-button-tone-solid-pressed:var(--brick-color-danger-solid-pressed);--brick-icon-button-tone-on-solid:var(--brick-color-danger-on-solid);--brick-icon-button-tone-soft:var(--brick-color-danger-soft);--brick-icon-button-tone-soft-hover:var(--brick-color-danger-soft-hover);--brick-icon-button-tone-soft-pressed:var(--brick-color-danger-soft-pressed);--brick-icon-button-tone-on-soft:var(--brick-color-danger-on-soft);--brick-icon-button-tone-border:var(--brick-color-danger-border);--brick-icon-button-tone-text:var(--brick-color-danger-text)}.brick-icon-button[data-size=xs]{--brick-icon-button-size:var(--brick-control-min-block-size-xs);--brick-icon-button-icon-size:.875rem}.brick-icon-button[data-size=sm]{--brick-icon-button-size:var(--brick-control-min-block-size-sm);--brick-icon-button-icon-size:1rem}.brick-icon-button[data-size=lg]{--brick-icon-button-size:var(--brick-control-min-block-size-lg);--brick-icon-button-icon-size:1.25rem}.brick-icon-button[data-size=xl]{--brick-icon-button-size:var(--brick-control-min-block-size-xl);--brick-icon-button-icon-size:1.5rem}.brick-icon-button[data-shape=circle]{--brick-icon-button-radius:var(--brick-radius-full)}.brick-icon-button[data-disabled]{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle);color:var(--brick-color-text-secondary);cursor:not-allowed;opacity:.65}.brick-icon-button[data-loading]{color:#0000;cursor:progress}.brick-icon-button[data-loading]>*{opacity:0}@media (hover:hover) and (pointer:fine){.brick-icon-button:not([data-disabled],[data-loading]):hover{border-color:var(--brick-icon-button-border-color);background:var(--brick-icon-button-background-hover)}}@media (prefers-reduced-motion:reduce){.brick-icon-button{transition-duration:0s}}@media (forced-colors:active){.brick-icon-button{color:buttontext;background:buttonface;border-color:buttontext}.brick-icon-button:focus-visible{outline-color:highlight}.brick-icon-button[data-disabled]{color:graytext;opacity:1;border-color:graytext}}}@layer brick.effects;
2
+ /*# sourceMappingURL=icon-button.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,+cAcA,4HAKA,uCACE,sFAKF,8BACE,qIAMF,iIAUA,mIC1CA,0kDAwCA,wMASA,0EAKA,gIAKA,sEAIA,6JAKA,qHAIA,uZAQA,mZAQA,4NAMA,iMAMA,isBAaA,utBAaA,isBAaA,kuBAaA,kuBAaA,utBAaA,uIAKA,oIAKA,uIAKA,sIAKA,0FAIA,oMAQA,6DAKA,6CAIA,wCACE,sKAMF,uCACE,2CAKF,8BACE,kFAMA,yDAIA,mFFpPJ","sources":["home/runner/work/brick/brick/.brick-cache/production/icon-button.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-spinner/action-spinner.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/icon-button/icon-button.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/_action-spinner/action-spinner.css\";\n@import \"../../src/components/icon-button/icon-button.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n :where(.brick-button, .brick-icon-button)[data-loading]::after {\n position: absolute;\n inset-block-start: 50%;\n inset-inline-start: 50%;\n inline-size: var(--brick-action-spinner-size);\n block-size: var(--brick-action-spinner-size);\n border: 0.125rem solid transparent;\n border-block-start-color: var(--brick-action-spinner-color);\n border-inline-end-color: var(--brick-action-spinner-color);\n border-radius: var(--brick-radius-full);\n content: \"\";\n animation: brick-action-spinner-spin 700ms linear infinite;\n }\n\n :where([dir=\"rtl\"])\n :where(.brick-button, .brick-icon-button)[data-loading]::after {\n animation-name: brick-action-spinner-spin-rtl;\n }\n\n @media (prefers-reduced-motion: reduce) {\n :where(.brick-button, .brick-icon-button)[data-loading]::after {\n animation-duration: 1400ms;\n }\n }\n\n @media (forced-colors: active) {\n :where(.brick-button, .brick-icon-button)[data-loading]::after {\n border-block-start-color: ButtonText;\n border-inline-end-color: ButtonText;\n }\n }\n\n @keyframes brick-action-spinner-spin {\n from {\n transform: translate(-50%, -50%) rotate(0deg);\n }\n\n to {\n transform: translate(-50%, -50%) rotate(360deg);\n }\n }\n\n @keyframes brick-action-spinner-spin-rtl {\n from {\n transform: translate(50%, -50%) rotate(0deg);\n }\n\n to {\n transform: translate(50%, -50%) rotate(360deg);\n }\n }\n}\n","@layer brick.components {\n .brick-icon-button {\n --brick-icon-button-size: var(--brick-control-min-block-size-md);\n --brick-icon-button-icon-size: 1.125rem;\n --brick-icon-button-radius: var(--brick-radius-control);\n --brick-icon-button-background: transparent;\n --brick-icon-button-background-hover: var(--brick-icon-button-tone-soft);\n --brick-icon-button-background-pressed: var(--brick-icon-button-tone-soft-pressed);\n --brick-icon-button-border-color: transparent;\n --brick-icon-button-foreground: var(--brick-icon-button-tone-text);\n --brick-icon-button-spinner-color: var(--brick-icon-button-foreground);\n --brick-action-spinner-size: var(--brick-icon-button-icon-size);\n --brick-action-spinner-color: var(--brick-icon-button-spinner-color);\n\n position: relative;\n display: inline-flex;\n box-sizing: border-box;\n flex: 0 0 var(--brick-icon-button-size);\n inline-size: var(--brick-icon-button-size);\n min-inline-size: var(--brick-icon-button-size);\n block-size: var(--brick-icon-button-size);\n min-block-size: var(--brick-icon-button-size);\n align-items: center;\n justify-content: center;\n padding: 0;\n border: var(--brick-border-width) solid var(--brick-icon-button-border-color);\n border-radius: var(--brick-icon-button-radius);\n appearance: none;\n background: var(--brick-icon-button-background);\n color: var(--brick-icon-button-foreground);\n font: inherit;\n line-height: 1;\n text-decoration: none;\n user-select: none;\n vertical-align: middle;\n transition:\n background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n }\n\n .brick-icon-button__icon {\n display: inline-flex;\n inline-size: var(--brick-icon-button-icon-size);\n block-size: var(--brick-icon-button-icon-size);\n align-items: center;\n justify-content: center;\n pointer-events: none;\n }\n\n .brick-icon-button__icon > :where(svg, img) {\n inline-size: 100%;\n block-size: 100%;\n }\n\n .brick-icon-button > :where(svg, img) {\n inline-size: var(--brick-icon-button-icon-size);\n block-size: var(--brick-icon-button-icon-size);\n }\n\n .brick-icon-button:not([data-disabled], [data-loading]) {\n cursor: pointer;\n }\n\n .brick-icon-button:focus-visible {\n outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n outline-offset: var(--brick-border-focus-offset);\n }\n\n .brick-icon-button:not([data-disabled], [data-loading]):active {\n background: var(--brick-icon-button-background-pressed);\n }\n\n .brick-icon-button[data-variant=\"solid\"] {\n --brick-icon-button-background: var(--brick-icon-button-tone-solid);\n --brick-icon-button-background-hover: var(--brick-icon-button-tone-solid-hover);\n --brick-icon-button-background-pressed: var(--brick-icon-button-tone-solid-pressed);\n --brick-icon-button-border-color: var(--brick-icon-button-tone-solid);\n --brick-icon-button-foreground: var(--brick-icon-button-tone-on-solid);\n }\n\n .brick-icon-button[data-variant=\"soft\"] {\n --brick-icon-button-background: var(--brick-icon-button-tone-soft);\n --brick-icon-button-background-hover: var(--brick-icon-button-tone-soft-hover);\n --brick-icon-button-background-pressed: var(--brick-icon-button-tone-soft-pressed);\n --brick-icon-button-border-color: var(--brick-icon-button-tone-border);\n --brick-icon-button-foreground: var(--brick-icon-button-tone-on-soft);\n }\n\n .brick-icon-button[data-variant=\"outline\"] {\n --brick-icon-button-background: transparent;\n --brick-icon-button-border-color: var(--brick-icon-button-tone-border);\n --brick-icon-button-foreground: var(--brick-icon-button-tone-text);\n }\n\n .brick-icon-button[data-variant=\"ghost\"] {\n --brick-icon-button-background: transparent;\n --brick-icon-button-border-color: transparent;\n --brick-icon-button-foreground: var(--brick-icon-button-tone-text);\n }\n\n .brick-icon-button[data-tone=\"neutral\"] {\n --brick-icon-button-tone-solid: var(--brick-color-text-primary);\n --brick-icon-button-tone-solid-hover: var(--brick-color-text-secondary);\n --brick-icon-button-tone-solid-pressed: var(--brick-color-border-strong);\n --brick-icon-button-tone-on-solid: var(--brick-color-text-inverse);\n --brick-icon-button-tone-soft: var(--brick-color-surface-subtle);\n --brick-icon-button-tone-soft-hover: var(--brick-color-surface-base);\n --brick-icon-button-tone-soft-pressed: var(--brick-color-border-subtle);\n --brick-icon-button-tone-on-soft: var(--brick-color-text-primary);\n --brick-icon-button-tone-border: var(--brick-color-border-strong);\n --brick-icon-button-tone-text: var(--brick-color-text-primary);\n }\n\n .brick-icon-button[data-tone=\"accent\"] {\n --brick-icon-button-tone-solid: var(--brick-color-accent-solid);\n --brick-icon-button-tone-solid-hover: var(--brick-color-accent-solid-hover);\n --brick-icon-button-tone-solid-pressed: var(--brick-color-accent-solid-pressed);\n --brick-icon-button-tone-on-solid: var(--brick-color-accent-on-solid);\n --brick-icon-button-tone-soft: var(--brick-color-accent-soft);\n --brick-icon-button-tone-soft-hover: var(--brick-color-accent-soft-hover);\n --brick-icon-button-tone-soft-pressed: var(--brick-color-accent-soft-pressed);\n --brick-icon-button-tone-on-soft: var(--brick-color-accent-on-soft);\n --brick-icon-button-tone-border: var(--brick-color-accent-border);\n --brick-icon-button-tone-text: var(--brick-color-accent-text);\n }\n\n .brick-icon-button[data-tone=\"info\"] {\n --brick-icon-button-tone-solid: var(--brick-color-info-solid);\n --brick-icon-button-tone-solid-hover: var(--brick-color-info-solid-hover);\n --brick-icon-button-tone-solid-pressed: var(--brick-color-info-solid-pressed);\n --brick-icon-button-tone-on-solid: var(--brick-color-info-on-solid);\n --brick-icon-button-tone-soft: var(--brick-color-info-soft);\n --brick-icon-button-tone-soft-hover: var(--brick-color-info-soft-hover);\n --brick-icon-button-tone-soft-pressed: var(--brick-color-info-soft-pressed);\n --brick-icon-button-tone-on-soft: var(--brick-color-info-on-soft);\n --brick-icon-button-tone-border: var(--brick-color-info-border);\n --brick-icon-button-tone-text: var(--brick-color-info-text);\n }\n\n .brick-icon-button[data-tone=\"success\"] {\n --brick-icon-button-tone-solid: var(--brick-color-success-solid);\n --brick-icon-button-tone-solid-hover: var(--brick-color-success-solid-hover);\n --brick-icon-button-tone-solid-pressed: var(--brick-color-success-solid-pressed);\n --brick-icon-button-tone-on-solid: var(--brick-color-success-on-solid);\n --brick-icon-button-tone-soft: var(--brick-color-success-soft);\n --brick-icon-button-tone-soft-hover: var(--brick-color-success-soft-hover);\n --brick-icon-button-tone-soft-pressed: var(--brick-color-success-soft-pressed);\n --brick-icon-button-tone-on-soft: var(--brick-color-success-on-soft);\n --brick-icon-button-tone-border: var(--brick-color-success-border);\n --brick-icon-button-tone-text: var(--brick-color-success-text);\n }\n\n .brick-icon-button[data-tone=\"warning\"] {\n --brick-icon-button-tone-solid: var(--brick-color-warning-solid);\n --brick-icon-button-tone-solid-hover: var(--brick-color-warning-solid-hover);\n --brick-icon-button-tone-solid-pressed: var(--brick-color-warning-solid-pressed);\n --brick-icon-button-tone-on-solid: var(--brick-color-warning-on-solid);\n --brick-icon-button-tone-soft: var(--brick-color-warning-soft);\n --brick-icon-button-tone-soft-hover: var(--brick-color-warning-soft-hover);\n --brick-icon-button-tone-soft-pressed: var(--brick-color-warning-soft-pressed);\n --brick-icon-button-tone-on-soft: var(--brick-color-warning-on-soft);\n --brick-icon-button-tone-border: var(--brick-color-warning-border);\n --brick-icon-button-tone-text: var(--brick-color-warning-text);\n }\n\n .brick-icon-button[data-tone=\"danger\"] {\n --brick-icon-button-tone-solid: var(--brick-color-danger-solid);\n --brick-icon-button-tone-solid-hover: var(--brick-color-danger-solid-hover);\n --brick-icon-button-tone-solid-pressed: var(--brick-color-danger-solid-pressed);\n --brick-icon-button-tone-on-solid: var(--brick-color-danger-on-solid);\n --brick-icon-button-tone-soft: var(--brick-color-danger-soft);\n --brick-icon-button-tone-soft-hover: var(--brick-color-danger-soft-hover);\n --brick-icon-button-tone-soft-pressed: var(--brick-color-danger-soft-pressed);\n --brick-icon-button-tone-on-soft: var(--brick-color-danger-on-soft);\n --brick-icon-button-tone-border: var(--brick-color-danger-border);\n --brick-icon-button-tone-text: var(--brick-color-danger-text);\n }\n\n .brick-icon-button[data-size=\"xs\"] {\n --brick-icon-button-size: var(--brick-control-min-block-size-xs);\n --brick-icon-button-icon-size: 0.875rem;\n }\n\n .brick-icon-button[data-size=\"sm\"] {\n --brick-icon-button-size: var(--brick-control-min-block-size-sm);\n --brick-icon-button-icon-size: 1rem;\n }\n\n .brick-icon-button[data-size=\"lg\"] {\n --brick-icon-button-size: var(--brick-control-min-block-size-lg);\n --brick-icon-button-icon-size: 1.25rem;\n }\n\n .brick-icon-button[data-size=\"xl\"] {\n --brick-icon-button-size: var(--brick-control-min-block-size-xl);\n --brick-icon-button-icon-size: 1.5rem;\n }\n\n .brick-icon-button[data-shape=\"circle\"] {\n --brick-icon-button-radius: var(--brick-radius-full);\n }\n\n .brick-icon-button[data-disabled] {\n border-color: var(--brick-color-border-subtle);\n background: var(--brick-color-surface-subtle);\n color: var(--brick-color-text-secondary);\n cursor: not-allowed;\n opacity: 0.65;\n }\n\n .brick-icon-button[data-loading] {\n color: transparent;\n cursor: progress;\n }\n\n .brick-icon-button[data-loading] > * {\n opacity: 0;\n }\n\n @media (hover: hover) and (pointer: fine) {\n .brick-icon-button:not([data-disabled], [data-loading]):hover {\n border-color: var(--brick-icon-button-border-color);\n background: var(--brick-icon-button-background-hover);\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-icon-button {\n transition-duration: 0ms;\n }\n }\n\n @media (forced-colors: active) {\n .brick-icon-button {\n border-color: ButtonText;\n background: ButtonFace;\n color: ButtonText;\n }\n\n .brick-icon-button:focus-visible {\n outline-color: Highlight;\n }\n\n .brick-icon-button[data-disabled] {\n border-color: GrayText;\n color: GrayText;\n opacity: 1;\n }\n }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-icon{--brick-icon-size-2xs:.75rem;--brick-icon-size-xs:1rem;--brick-icon-size-sm:1.25rem;--brick-icon-size-md:1.5rem;--brick-icon-size-lg:2rem;--brick-icon-size-xl:2.5rem;--brick-icon-size:var(--brick-icon-size-md);--brick-icon-color:currentcolor;--brick-icon-vertical-align:middle;--brick-icon-direction-scale:1;box-sizing:border-box;flex:0 0 var(--brick-icon-size);inline-size:var(--brick-icon-size);block-size:var(--brick-icon-size);vertical-align:var(--brick-icon-vertical-align);color:var(--brick-icon-color);transform:scaleX(var(--brick-icon-direction-scale));justify-content:center;align-items:center;display:inline-flex}.brick-icon>svg{block-size:100%;inline-size:100%;display:block}svg.brick-icon{display:block}.brick-icon[data-size="2xs"]{--brick-icon-size:var(--brick-icon-size-2xs)}.brick-icon[data-size=xs]{--brick-icon-size:var(--brick-icon-size-xs)}.brick-icon[data-size=sm]{--brick-icon-size:var(--brick-icon-size-sm)}.brick-icon[data-size=lg]{--brick-icon-size:var(--brick-icon-size-lg)}.brick-icon[data-size=xl]{--brick-icon-size:var(--brick-icon-size-xl)}.brick-icon[data-tone=primary]{--brick-icon-color:var(--brick-color-text-primary)}.brick-icon[data-tone=secondary]{--brick-icon-color:var(--brick-color-text-secondary)}.brick-icon[data-tone=muted]{--brick-icon-color:var(--brick-color-text-muted)}.brick-icon[data-tone=accent]{--brick-icon-color:var(--brick-color-accent-text)}.brick-icon[data-tone=info]{--brick-icon-color:var(--brick-color-info-text)}.brick-icon[data-tone=success]{--brick-icon-color:var(--brick-color-success-text)}.brick-icon[data-tone=warning]{--brick-icon-color:var(--brick-color-warning-text)}.brick-icon[data-tone=danger]{--brick-icon-color:var(--brick-color-danger-text)}[dir=rtl] .brick-icon[data-directional]{--brick-icon-direction-scale:-1}@media (forced-colors:active){.brick-icon:not([data-tone=inherit]){--brick-icon-color:CanvasText}}}@layer brick.effects;
2
+ /*# sourceMappingURL=icon.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,2nBAwBA,+DAMA,6BAIA,0EACA,sEACA,sEACA,sEACA,sEAEA,kFACA,sFACA,8EACA,gFACA,4EACA,kFACA,kFACA,gFAEA,wEAIA,8BACE,qEDvDJ","sources":["home/runner/work/brick/brick/.brick-cache/production/icon.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/icon/icon.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/icon/icon.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-icon {\n --brick-icon-size-2xs: 0.75rem;\n --brick-icon-size-xs: 1rem;\n --brick-icon-size-sm: 1.25rem;\n --brick-icon-size-md: 1.5rem;\n --brick-icon-size-lg: 2rem;\n --brick-icon-size-xl: 2.5rem;\n --brick-icon-size: var(--brick-icon-size-md);\n --brick-icon-color: currentcolor;\n --brick-icon-vertical-align: middle;\n --brick-icon-direction-scale: 1;\n\n box-sizing: border-box;\n display: inline-flex;\n flex: 0 0 var(--brick-icon-size);\n inline-size: var(--brick-icon-size);\n block-size: var(--brick-icon-size);\n align-items: center;\n justify-content: center;\n vertical-align: var(--brick-icon-vertical-align);\n color: var(--brick-icon-color);\n transform: scaleX(var(--brick-icon-direction-scale));\n }\n\n .brick-icon > svg {\n display: block;\n inline-size: 100%;\n block-size: 100%;\n }\n\n svg.brick-icon {\n display: block;\n }\n\n .brick-icon[data-size=\"2xs\"] { --brick-icon-size: var(--brick-icon-size-2xs); }\n .brick-icon[data-size=\"xs\"] { --brick-icon-size: var(--brick-icon-size-xs); }\n .brick-icon[data-size=\"sm\"] { --brick-icon-size: var(--brick-icon-size-sm); }\n .brick-icon[data-size=\"lg\"] { --brick-icon-size: var(--brick-icon-size-lg); }\n .brick-icon[data-size=\"xl\"] { --brick-icon-size: var(--brick-icon-size-xl); }\n\n .brick-icon[data-tone=\"primary\"] { --brick-icon-color: var(--brick-color-text-primary); }\n .brick-icon[data-tone=\"secondary\"] { --brick-icon-color: var(--brick-color-text-secondary); }\n .brick-icon[data-tone=\"muted\"] { --brick-icon-color: var(--brick-color-text-muted); }\n .brick-icon[data-tone=\"accent\"] { --brick-icon-color: var(--brick-color-accent-text); }\n .brick-icon[data-tone=\"info\"] { --brick-icon-color: var(--brick-color-info-text); }\n .brick-icon[data-tone=\"success\"] { --brick-icon-color: var(--brick-color-success-text); }\n .brick-icon[data-tone=\"warning\"] { --brick-icon-color: var(--brick-color-warning-text); }\n .brick-icon[data-tone=\"danger\"] { --brick-icon-color: var(--brick-color-danger-text); }\n\n [dir=\"rtl\"] .brick-icon[data-directional] {\n --brick-icon-direction-scale: -1;\n }\n\n @media (forced-colors: active) {\n .brick-icon:not([data-tone=\"inherit\"]) {\n --brick-icon-color: CanvasText;\n }\n }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-image{--brick-image-fit:cover;--brick-image-position:center;--brick-image-radius:0;--brick-image-frame-background:transparent;--brick-image-frame-border:transparent;--brick-image-fallback-foreground:var(--brick-color-text-secondary);--brick-image-fallback-inset:var(--brick-space-4);--_brick-image-fallback-background:var(--brick-color-surface-subtle);box-sizing:border-box;border:var(--brick-border-width) solid var(--brick-image-frame-border);border-radius:var(--brick-image-radius);background:var(--brick-image-frame-background);inline-size:100%;max-inline-size:100%;display:grid;overflow:hidden}.brick-image[data-fit=contain]{--brick-image-fit:contain}.brick-image[data-fit=fill]{--brick-image-fit:fill}.brick-image[data-fit=none]{--brick-image-fit:none}.brick-image[data-fit=scale-down]{--brick-image-fit:scale-down}.brick-image[data-position=top]{--brick-image-position:center top}.brick-image[data-position=bottom]{--brick-image-position:center bottom}.brick-image[data-position=start]{--brick-image-position:left center}.brick-image[data-position=end],[dir=rtl] .brick-image[data-position=start]{--brick-image-position:right center}[dir=rtl] .brick-image[data-position=end]{--brick-image-position:left center}.brick-image[data-radius=sm]{--brick-image-radius:var(--brick-radius-subtle)}.brick-image[data-radius=md]{--brick-image-radius:var(--brick-radius-control)}.brick-image[data-radius=lg]{--brick-image-radius:var(--brick-radius-surface)}.brick-image[data-radius=full]{--brick-image-radius:var(--brick-radius-full)}.brick-image[data-frame=subtle]{--brick-image-frame-background:var(--brick-color-surface-subtle);--brick-image-frame-border:var(--brick-color-border-subtle);--_brick-image-fallback-background:var(--brick-image-frame-background)}.brick-image__content,.brick-image__fallback{box-sizing:border-box;border-radius:inherit;grid-area:1/1;inline-size:100%;min-inline-size:0}.brick-image__content{object-fit:var(--brick-image-fit);object-position:var(--brick-image-position);block-size:auto;max-inline-size:100%;display:block}.brick-image[data-ratio]>.brick-image__content,.brick-image[data-ratio]>.brick-image__fallback{block-size:100%;position:absolute;inset:0}.brick-image[data-ratio]{position:relative}.brick-image__fallback{min-block-size:5rem;padding:var(--brick-image-fallback-inset);background:var(--_brick-image-fallback-background);color:var(--brick-image-fallback-foreground);text-align:center;justify-content:center;align-items:center;display:flex}@media (forced-colors:active){.brick-image[data-frame=subtle]{background:canvas;border-color:canvastext}.brick-image__fallback{color:canvastext;background:canvas}}}@layer brick.effects;
2
+ /*# sourceMappingURL=image.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,8lBAoBA,yDACA,mDACA,mDACA,+DAEA,kEACA,wEACA,qEACA,gHAGA,6EAEA,6EACA,8EACA,8EACA,6EAEA,oOAMA,0IASA,uJAQA,yIAOA,2CAIA,8PAWA,8BACE,0EAKA,4DD1FJ","sources":["home/runner/work/brick/brick/.brick-cache/production/image.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/image/image.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/image/image.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-image {\n --brick-image-fit: cover;\n --brick-image-position: center;\n --brick-image-radius: 0;\n --brick-image-frame-background: transparent;\n --brick-image-frame-border: transparent;\n --brick-image-fallback-foreground: var(--brick-color-text-secondary);\n --brick-image-fallback-inset: var(--brick-space-4);\n --_brick-image-fallback-background: var(--brick-color-surface-subtle);\n\n display: grid;\n box-sizing: border-box;\n inline-size: 100%;\n max-inline-size: 100%;\n border: var(--brick-border-width) solid var(--brick-image-frame-border);\n border-radius: var(--brick-image-radius);\n background: var(--brick-image-frame-background);\n overflow: hidden;\n }\n\n .brick-image[data-fit=\"contain\"] { --brick-image-fit: contain; }\n .brick-image[data-fit=\"fill\"] { --brick-image-fit: fill; }\n .brick-image[data-fit=\"none\"] { --brick-image-fit: none; }\n .brick-image[data-fit=\"scale-down\"] { --brick-image-fit: scale-down; }\n\n .brick-image[data-position=\"top\"] { --brick-image-position: center top; }\n .brick-image[data-position=\"bottom\"] { --brick-image-position: center bottom; }\n .brick-image[data-position=\"start\"] { --brick-image-position: left center; }\n .brick-image[data-position=\"end\"] { --brick-image-position: right center; }\n\n [dir=\"rtl\"] .brick-image[data-position=\"start\"] { --brick-image-position: right center; }\n [dir=\"rtl\"] .brick-image[data-position=\"end\"] { --brick-image-position: left center; }\n\n .brick-image[data-radius=\"sm\"] { --brick-image-radius: var(--brick-radius-subtle); }\n .brick-image[data-radius=\"md\"] { --brick-image-radius: var(--brick-radius-control); }\n .brick-image[data-radius=\"lg\"] { --brick-image-radius: var(--brick-radius-surface); }\n .brick-image[data-radius=\"full\"] { --brick-image-radius: var(--brick-radius-full); }\n\n .brick-image[data-frame=\"subtle\"] {\n --brick-image-frame-background: var(--brick-color-surface-subtle);\n --brick-image-frame-border: var(--brick-color-border-subtle);\n --_brick-image-fallback-background: var(--brick-image-frame-background);\n }\n\n .brick-image__content,\n .brick-image__fallback {\n grid-area: 1 / 1;\n box-sizing: border-box;\n inline-size: 100%;\n min-inline-size: 0;\n border-radius: inherit;\n }\n\n .brick-image__content {\n display: block;\n max-inline-size: 100%;\n block-size: auto;\n object-fit: var(--brick-image-fit);\n object-position: var(--brick-image-position);\n }\n\n .brick-image[data-ratio] > .brick-image__content,\n .brick-image[data-ratio] > .brick-image__fallback {\n position: absolute;\n inset: 0;\n block-size: 100%;\n }\n\n .brick-image[data-ratio] {\n position: relative;\n }\n\n .brick-image__fallback {\n display: flex;\n min-block-size: 5rem;\n align-items: center;\n justify-content: center;\n padding: var(--brick-image-fallback-inset);\n background: var(--_brick-image-fallback-background);\n color: var(--brick-image-fallback-foreground);\n text-align: center;\n }\n\n @media (forced-colors: active) {\n .brick-image[data-frame=\"subtle\"] {\n border-color: CanvasText;\n background: Canvas;\n }\n\n .brick-image__fallback {\n background: Canvas;\n color: CanvasText;\n }\n }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-input{--brick-input-min-block-size:var(--brick-control-min-block-size-md);--brick-input-padding-inline:var(--brick-space-3);--brick-input-gap:var(--brick-space-2);--brick-input-radius:var(--brick-radius-control);--brick-input-font-family:var(--brick-typography-field-value-md-font-family);--brick-input-font-size:var(--brick-typography-field-value-md-font-size);--brick-input-font-weight:var(--brick-typography-field-value-md-font-weight);--brick-input-line-height:var(--brick-typography-field-value-md-line-height);--brick-input-letter-spacing:var(--brick-typography-field-value-md-letter-spacing);--brick-input-background:var(--brick-color-surface-raised);--brick-input-foreground:var(--brick-color-text-primary);--brick-input-placeholder-foreground:var(--brick-color-text-muted);--brick-input-border:var(--brick-color-border-strong);--brick-input-hover-background:var(--brick-color-surface-base);--brick-input-hover-border:var(--brick-color-accent-border);--brick-input-focus-ring:var(--brick-color-focus-ring);--brick-input-invalid-border:var(--brick-color-danger-text);--brick-input-disabled-background:var(--brick-color-surface-subtle);--brick-input-disabled-foreground:var(--brick-color-text-secondary);--brick-input-disabled-border:var(--brick-color-border-subtle);--brick-input-readonly-background:var(--brick-color-surface-subtle);--brick-input-adornment-foreground:var(--brick-color-text-secondary);--brick-input-adornment-size:1.125rem;--brick-input-clear-target-size:2rem;--brick-input-clear-icon-size:1rem;--brick-input-clear-foreground:var(--brick-color-text-secondary);--brick-input-clear-hover-background:var(--brick-color-accent-soft);box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-input-min-block-size);align-items:center;gap:var(--brick-input-gap);padding-inline:var(--brick-input-padding-inline);border:var(--brick-border-width) solid var(--brick-input-border);border-radius:var(--brick-input-radius);background:var(--brick-input-background);color:var(--brick-input-foreground);vertical-align:middle;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);display:inline-flex}.brick-input[data-full-width]{inline-size:100%}.brick-input:not([data-full-width]){inline-size:fit-content}.brick-input[data-variant=soft]{--brick-input-background:var(--brick-color-surface-subtle);--brick-input-border:var(--brick-color-border-subtle);--brick-input-hover-background:var(--brick-color-accent-soft)}.brick-input[data-variant=underline]{--brick-input-background:transparent;--brick-input-radius:0;border-width:0 0 var(--brick-border-width)}.brick-input[data-shape=sharp]{--brick-input-radius:0}.brick-input[data-shape=pill]{--brick-input-radius:var(--brick-radius-full)}.brick-input[data-size=sm]{--brick-input-min-block-size:var(--brick-control-min-block-size-sm);--brick-input-padding-inline:var(--brick-space-2);--brick-input-gap:.375rem;--brick-input-clear-target-size:1.75rem}.brick-input[data-size=lg]{--brick-input-min-block-size:var(--brick-control-min-block-size-lg);--brick-input-padding-inline:var(--brick-space-4);--brick-input-gap:var(--brick-space-3);--brick-input-font-size:var(--brick-typography-field-value-lg-font-size);--brick-input-adornment-size:1.25rem;--brick-input-clear-target-size:2.25rem;--brick-input-clear-icon-size:1.125rem}.brick-input-control{box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:calc(var(--brick-input-min-block-size) - (2 * var(--brick-border-width)));color:inherit;font-family:var(--brick-input-font-family);font-size:var(--brick-input-font-size);font-weight:var(--brick-input-font-weight);letter-spacing:var(--brick-input-letter-spacing);line-height:var(--brick-input-line-height);background:0 0;border:0;outline:0;padding:0;display:block}.brick-input-control::placeholder{color:var(--brick-input-placeholder-foreground);opacity:1}:where(.brick-input-start,.brick-input-end){min-inline-size:0;color:var(--brick-input-adornment-foreground);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.brick-input-start{inline-size:var(--brick-input-adornment-size)}.brick-input-end{min-inline-size:var(--brick-input-adornment-size);inline-size:max-content}:where(.brick-input-start,.brick-input-end)>:where(svg,img){block-size:auto;max-inline-size:100%;display:block}.brick-input-clear{box-sizing:border-box;inline-size:var(--brick-input-clear-target-size);block-size:var(--brick-input-clear-target-size);border-radius:var(--brick-radius-full);color:var(--brick-input-clear-foreground);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;margin-inline-end:calc(-1 * var(--brick-input-padding-inline));padding:0;display:inline-grid}.brick-input-clear[data-hidden]{display:none}.brick-input-clear-artwork{inline-size:var(--brick-input-clear-icon-size);block-size:var(--brick-input-clear-icon-size);stroke:currentColor;stroke-linecap:round;stroke-width:1.75px;display:block;overflow:visible}.brick-input:focus-within{border-color:var(--brick-input-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-input-focus-ring)}.brick-input:has(.brick-input-control[data-invalid]){border-color:var(--brick-input-invalid-border)}.brick-input:has(.brick-input-control[data-disabled]){border-color:var(--brick-input-disabled-border);background:var(--brick-input-disabled-background);color:var(--brick-input-disabled-foreground);cursor:not-allowed}.brick-input:has(.brick-input-control[data-readonly]){background:var(--brick-input-readonly-background);cursor:default}.brick-input-control:disabled{cursor:not-allowed}.brick-input-control:read-only{cursor:default}.brick-input:has(.brick-input-clear) .brick-input-control[type=search]::-webkit-search-cancel-button{display:none}.brick-input-control:-webkit-autofill{-webkit-text-fill-color:var(--brick-input-foreground);caret-color:var(--brick-input-foreground)}@media (hover:hover) and (pointer:fine){.brick-input:not(:focus-within,:has(.brick-input-control[data-disabled]),:has(.brick-input-control[data-readonly]),:has(.brick-input-control[data-invalid])):hover{border-color:var(--brick-input-hover-border);background:var(--brick-input-hover-background)}.brick-input-clear:not([data-disabled],[data-hidden]):hover{background:var(--brick-input-clear-hover-background);color:var(--brick-input-foreground)}}@media (prefers-reduced-motion:reduce){.brick-input{transition-duration:0s}}@media (forced-colors:active){.brick-input{color:canvastext;background:canvas;border-color:buttontext}.brick-input:focus-within{box-shadow:0 0 0 var(--brick-border-focus-width) Highlight;border-color:highlight}.brick-input:has(.brick-input-control[data-invalid]){background:canvas;border-color:mark}.brick-input:has(.brick-input-control[data-disabled]){color:graytext;background:canvas;border-color:graytext}.brick-input-clear{color:buttontext}}}@layer brick.effects;
2
+ /*# sourceMappingURL=input.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,izEAgDA,+CAIA,4DAIA,+MAMA,4IAOA,sDAIA,4EAIA,mNAOA,qXAUA,wcAoBA,4FAKA,kMAUA,iEAIA,2FAKA,+GAMA,4XAgBA,6CAIA,oNAUA,oJAMA,oGAIA,wNAOA,uHAKA,iDAIA,8CAIA,kHAKA,sIAKA,wCACE,+PAUA,sJAMF,uCACE,qCAKF,8BACE,wEAMA,4GAKA,yFAKA,6GAMA,sCDrQJ","sources":["home/runner/work/brick/brick/.brick-cache/production/input.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/input/input.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/input/input.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-input {\n --brick-input-min-block-size: var(--brick-control-min-block-size-md);\n --brick-input-padding-inline: var(--brick-space-3);\n --brick-input-gap: var(--brick-space-2);\n --brick-input-radius: var(--brick-radius-control);\n --brick-input-font-family: var(--brick-typography-field-value-md-font-family);\n --brick-input-font-size: var(--brick-typography-field-value-md-font-size);\n --brick-input-font-weight: var(--brick-typography-field-value-md-font-weight);\n --brick-input-line-height: var(--brick-typography-field-value-md-line-height);\n --brick-input-letter-spacing: var(--brick-typography-field-value-md-letter-spacing);\n --brick-input-background: var(--brick-color-surface-raised);\n --brick-input-foreground: var(--brick-color-text-primary);\n --brick-input-placeholder-foreground: var(--brick-color-text-muted);\n --brick-input-border: var(--brick-color-border-strong);\n --brick-input-hover-background: var(--brick-color-surface-base);\n --brick-input-hover-border: var(--brick-color-accent-border);\n --brick-input-focus-ring: var(--brick-color-focus-ring);\n --brick-input-invalid-border: var(--brick-color-danger-text);\n --brick-input-disabled-background: var(--brick-color-surface-subtle);\n --brick-input-disabled-foreground: var(--brick-color-text-secondary);\n --brick-input-disabled-border: var(--brick-color-border-subtle);\n --brick-input-readonly-background: var(--brick-color-surface-subtle);\n --brick-input-adornment-foreground: var(--brick-color-text-secondary);\n --brick-input-adornment-size: 1.125rem;\n --brick-input-clear-target-size: 2rem;\n --brick-input-clear-icon-size: 1rem;\n --brick-input-clear-foreground: var(--brick-color-text-secondary);\n --brick-input-clear-hover-background: var(--brick-color-accent-soft);\n\n display: inline-flex;\n box-sizing: border-box;\n min-inline-size: 0;\n max-inline-size: 100%;\n min-block-size: var(--brick-input-min-block-size);\n align-items: center;\n gap: var(--brick-input-gap);\n padding-inline: var(--brick-input-padding-inline);\n border: var(--brick-border-width) solid var(--brick-input-border);\n border-radius: var(--brick-input-radius);\n background: var(--brick-input-background);\n color: var(--brick-input-foreground);\n vertical-align: middle;\n transition:\n background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n }\n\n .brick-input[data-full-width] {\n inline-size: 100%;\n }\n\n .brick-input:not([data-full-width]) {\n inline-size: fit-content;\n }\n\n .brick-input[data-variant=\"soft\"] {\n --brick-input-background: var(--brick-color-surface-subtle);\n --brick-input-border: var(--brick-color-border-subtle);\n --brick-input-hover-background: var(--brick-color-accent-soft);\n }\n\n .brick-input[data-variant=\"underline\"] {\n --brick-input-background: transparent;\n --brick-input-radius: 0;\n\n border-width: 0 0 var(--brick-border-width);\n }\n\n .brick-input[data-shape=\"sharp\"] {\n --brick-input-radius: 0;\n }\n\n .brick-input[data-shape=\"pill\"] {\n --brick-input-radius: var(--brick-radius-full);\n }\n\n .brick-input[data-size=\"sm\"] {\n --brick-input-min-block-size: var(--brick-control-min-block-size-sm);\n --brick-input-padding-inline: var(--brick-space-2);\n --brick-input-gap: 0.375rem;\n --brick-input-clear-target-size: 1.75rem;\n }\n\n .brick-input[data-size=\"lg\"] {\n --brick-input-min-block-size: var(--brick-control-min-block-size-lg);\n --brick-input-padding-inline: var(--brick-space-4);\n --brick-input-gap: var(--brick-space-3);\n --brick-input-font-size: var(--brick-typography-field-value-lg-font-size);\n --brick-input-adornment-size: 1.25rem;\n --brick-input-clear-target-size: 2.25rem;\n --brick-input-clear-icon-size: 1.125rem;\n }\n\n .brick-input-control {\n display: block;\n box-sizing: border-box;\n min-inline-size: 0;\n inline-size: 100%;\n min-block-size: calc(\n var(--brick-input-min-block-size) - (2 * var(--brick-border-width))\n );\n padding: 0;\n border: 0;\n outline: 0;\n background: transparent;\n color: inherit;\n font-family: var(--brick-input-font-family);\n font-size: var(--brick-input-font-size);\n font-weight: var(--brick-input-font-weight);\n letter-spacing: var(--brick-input-letter-spacing);\n line-height: var(--brick-input-line-height);\n }\n\n .brick-input-control::placeholder {\n color: var(--brick-input-placeholder-foreground);\n opacity: 1;\n }\n\n :where(.brick-input-start, .brick-input-end) {\n display: inline-flex;\n flex: 0 0 auto;\n min-inline-size: 0;\n align-items: center;\n justify-content: center;\n color: var(--brick-input-adornment-foreground);\n line-height: 1;\n }\n\n .brick-input-start {\n inline-size: var(--brick-input-adornment-size);\n }\n\n .brick-input-end {\n min-inline-size: var(--brick-input-adornment-size);\n inline-size: max-content;\n }\n\n :where(.brick-input-start, .brick-input-end) > :where(svg, img) {\n display: block;\n max-inline-size: 100%;\n block-size: auto;\n }\n\n .brick-input-clear {\n display: inline-grid;\n box-sizing: border-box;\n flex: 0 0 auto;\n inline-size: var(--brick-input-clear-target-size);\n block-size: var(--brick-input-clear-target-size);\n place-items: center;\n padding: 0;\n border: 0;\n border-radius: var(--brick-radius-full);\n background: transparent;\n color: var(--brick-input-clear-foreground);\n cursor: pointer;\n margin-inline-end: calc(-1 * var(--brick-input-padding-inline));\n }\n\n .brick-input-clear[data-hidden] {\n display: none;\n }\n\n .brick-input-clear-artwork {\n display: block;\n inline-size: var(--brick-input-clear-icon-size);\n block-size: var(--brick-input-clear-icon-size);\n overflow: visible;\n stroke: currentColor;\n stroke-linecap: round;\n stroke-width: 1.75;\n }\n\n .brick-input:focus-within {\n border-color: var(--brick-input-focus-ring);\n box-shadow: 0 0 0 var(--brick-border-focus-width)\n var(--brick-input-focus-ring);\n }\n\n .brick-input:has(.brick-input-control[data-invalid]) {\n border-color: var(--brick-input-invalid-border);\n }\n\n .brick-input:has(.brick-input-control[data-disabled]) {\n border-color: var(--brick-input-disabled-border);\n background: var(--brick-input-disabled-background);\n color: var(--brick-input-disabled-foreground);\n cursor: not-allowed;\n }\n\n .brick-input:has(.brick-input-control[data-readonly]) {\n background: var(--brick-input-readonly-background);\n cursor: default;\n }\n\n .brick-input-control:disabled {\n cursor: not-allowed;\n }\n\n .brick-input-control:read-only {\n cursor: default;\n }\n\n .brick-input:has(.brick-input-clear)\n .brick-input-control[type=\"search\"]::-webkit-search-cancel-button {\n display: none;\n }\n\n .brick-input-control:-webkit-autofill {\n -webkit-text-fill-color: var(--brick-input-foreground);\n caret-color: var(--brick-input-foreground);\n }\n\n @media (hover: hover) and (pointer: fine) {\n .brick-input:not(\n :focus-within,\n :has(.brick-input-control[data-disabled]),\n :has(.brick-input-control[data-readonly]),\n :has(.brick-input-control[data-invalid])\n ):hover {\n border-color: var(--brick-input-hover-border);\n background: var(--brick-input-hover-background);\n }\n\n .brick-input-clear:not([data-disabled], [data-hidden]):hover {\n background: var(--brick-input-clear-hover-background);\n color: var(--brick-input-foreground);\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-input {\n transition-duration: 0ms;\n }\n }\n\n @media (forced-colors: active) {\n .brick-input {\n border-color: ButtonText;\n background: Canvas;\n color: CanvasText;\n }\n\n .brick-input:focus-within {\n border-color: Highlight;\n box-shadow: 0 0 0 var(--brick-border-focus-width) Highlight;\n }\n\n .brick-input:has(.brick-input-control[data-invalid]) {\n border-color: Mark;\n background: Canvas;\n }\n\n .brick-input:has(.brick-input-control[data-disabled]) {\n border-color: GrayText;\n background: Canvas;\n color: GrayText;\n }\n\n .brick-input-clear {\n color: ButtonText;\n }\n }\n}\n"],"names":[]}