@flowstack-ui/brick 0.1.9 → 0.1.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (540) hide show
  1. package/README.md +9 -6
  2. package/dist/agents/accordion.json +8 -2
  3. package/dist/agents/accordion.md +3 -1
  4. package/dist/agents/alert-dialog.json +111 -0
  5. package/dist/agents/alert-dialog.md +53 -0
  6. package/dist/agents/app-bar.json +5 -4
  7. package/dist/agents/app-bar.md +4 -3
  8. package/dist/agents/aspect-ratio.json +80 -0
  9. package/dist/agents/aspect-ratio.md +45 -0
  10. package/dist/agents/avatar.json +92 -0
  11. package/dist/agents/avatar.md +49 -0
  12. package/dist/agents/badge.json +26 -8
  13. package/dist/agents/badge.md +11 -6
  14. package/dist/agents/bleed.json +54 -0
  15. package/dist/agents/bleed.md +39 -0
  16. package/dist/agents/button.json +7 -2
  17. package/dist/agents/button.md +1 -1
  18. package/dist/agents/card.json +21 -1
  19. package/dist/agents/card.md +7 -1
  20. package/dist/agents/checkbox-group.json +108 -0
  21. package/dist/agents/checkbox-group.md +56 -0
  22. package/dist/agents/checkbox.json +6 -1
  23. package/dist/agents/chip.json +73 -0
  24. package/dist/agents/chip.md +44 -0
  25. package/dist/agents/code-block.json +76 -0
  26. package/dist/agents/code-block.md +47 -0
  27. package/dist/agents/code.json +67 -0
  28. package/dist/agents/code.md +42 -0
  29. package/dist/agents/collapsible.json +34 -3
  30. package/dist/agents/collapsible.md +10 -3
  31. package/dist/agents/color-picker.json +78 -0
  32. package/dist/agents/color-picker.md +46 -0
  33. package/dist/agents/color-swatch.json +51 -0
  34. package/dist/agents/color-swatch.md +36 -0
  35. package/dist/agents/combobox.json +95 -0
  36. package/dist/agents/combobox.md +51 -0
  37. package/dist/agents/context-menu.json +109 -0
  38. package/dist/agents/context-menu.md +54 -0
  39. package/dist/agents/coverage.json +24579 -0
  40. package/dist/agents/data-grid.json +127 -0
  41. package/dist/agents/data-grid.md +61 -0
  42. package/dist/agents/data-list.json +63 -0
  43. package/dist/agents/data-list.md +41 -0
  44. package/dist/agents/dialog.json +112 -0
  45. package/dist/agents/dialog.md +53 -0
  46. package/dist/agents/dropdown-menu.json +112 -0
  47. package/dist/agents/dropdown-menu.md +56 -0
  48. package/dist/agents/feed.json +84 -0
  49. package/dist/agents/feed.md +48 -0
  50. package/dist/agents/field.json +6 -1
  51. package/dist/agents/fieldset.json +6 -1
  52. package/dist/agents/file-upload.json +93 -0
  53. package/dist/agents/file-upload.md +50 -0
  54. package/dist/agents/form.json +11 -2
  55. package/dist/agents/form.md +2 -1
  56. package/dist/agents/grid.json +18 -1
  57. package/dist/agents/grid.md +6 -0
  58. package/dist/agents/group.json +77 -0
  59. package/dist/agents/group.md +48 -0
  60. package/dist/agents/hide.json +14 -0
  61. package/dist/agents/hide.md +3 -0
  62. package/dist/agents/hover-card.json +94 -0
  63. package/dist/agents/hover-card.md +51 -0
  64. package/dist/agents/icon-button.json +23 -12
  65. package/dist/agents/icon-button.md +12 -8
  66. package/dist/agents/image.json +33 -7
  67. package/dist/agents/image.md +11 -4
  68. package/dist/agents/input.json +7 -2
  69. package/dist/agents/input.md +1 -1
  70. package/dist/agents/interface-composition.json +216 -17
  71. package/dist/agents/interface-composition.md +7 -0
  72. package/dist/agents/layer-selection.json +1174 -11
  73. package/dist/agents/layer-selection.md +84 -1
  74. package/dist/agents/link-box.json +97 -0
  75. package/dist/agents/link-box.md +53 -0
  76. package/dist/agents/link.json +34 -5
  77. package/dist/agents/link.md +12 -2
  78. package/dist/agents/list.json +1 -1
  79. package/dist/agents/list.md +1 -1
  80. package/dist/agents/manifest.json +291 -2
  81. package/dist/agents/menubar.json +109 -0
  82. package/dist/agents/menubar.md +54 -0
  83. package/dist/agents/multi-select.json +93 -0
  84. package/dist/agents/multi-select.md +49 -0
  85. package/dist/agents/nav-list.json +15 -5
  86. package/dist/agents/nav-list.md +6 -4
  87. package/dist/agents/notification-badge.json +88 -0
  88. package/dist/agents/notification-badge.md +49 -0
  89. package/dist/agents/number-input.json +89 -0
  90. package/dist/agents/number-input.md +50 -0
  91. package/dist/agents/otp-field.json +87 -0
  92. package/dist/agents/otp-field.md +48 -0
  93. package/dist/agents/pagination.json +26 -5
  94. package/dist/agents/pagination.md +11 -4
  95. package/dist/agents/password-toggle-field.json +87 -0
  96. package/dist/agents/password-toggle-field.md +48 -0
  97. package/dist/agents/popover.json +114 -0
  98. package/dist/agents/popover.md +56 -0
  99. package/dist/agents/progress-circle.json +85 -0
  100. package/dist/agents/progress-circle.md +46 -0
  101. package/dist/agents/progress.json +91 -0
  102. package/dist/agents/progress.md +48 -0
  103. package/dist/agents/radio-group.json +92 -0
  104. package/dist/agents/radio-group.md +49 -0
  105. package/dist/agents/rating.json +91 -0
  106. package/dist/agents/rating.md +49 -0
  107. package/dist/agents/reorderable-list.json +74 -0
  108. package/dist/agents/reorderable-list.md +45 -0
  109. package/dist/agents/segment-group.json +62 -0
  110. package/dist/agents/segment-group.md +43 -0
  111. package/dist/agents/select.json +95 -0
  112. package/dist/agents/select.md +51 -0
  113. package/dist/agents/show.json +14 -0
  114. package/dist/agents/show.md +3 -0
  115. package/dist/agents/sidebar.json +16 -3
  116. package/dist/agents/sidebar.md +6 -1
  117. package/dist/agents/skeleton.json +73 -0
  118. package/dist/agents/skeleton.md +43 -0
  119. package/dist/agents/slider.json +88 -0
  120. package/dist/agents/slider.md +48 -0
  121. package/dist/agents/stack.json +19 -1
  122. package/dist/agents/stack.md +7 -0
  123. package/dist/agents/status.json +59 -0
  124. package/dist/agents/status.md +40 -0
  125. package/dist/agents/surface.json +32 -3
  126. package/dist/agents/surface.md +9 -2
  127. package/dist/agents/swipeable-item.json +93 -0
  128. package/dist/agents/swipeable-item.md +50 -0
  129. package/dist/agents/switch.json +92 -0
  130. package/dist/agents/switch.md +49 -0
  131. package/dist/agents/table.json +113 -0
  132. package/dist/agents/table.md +59 -0
  133. package/dist/agents/tabs.json +9 -2
  134. package/dist/agents/tabs.md +4 -1
  135. package/dist/agents/text.json +23 -8
  136. package/dist/agents/text.md +10 -7
  137. package/dist/agents/textarea.json +6 -1
  138. package/dist/agents/toast.json +91 -0
  139. package/dist/agents/toast.md +48 -0
  140. package/dist/agents/toggle-group.json +89 -0
  141. package/dist/agents/toggle-group.md +49 -0
  142. package/dist/agents/toggle.json +82 -0
  143. package/dist/agents/toggle.md +47 -0
  144. package/dist/agents/toolbar.json +11 -1
  145. package/dist/agents/toolbar.md +3 -1
  146. package/dist/agents/tooltip.json +96 -0
  147. package/dist/agents/tooltip.md +49 -0
  148. package/dist/agents/tree-grid.json +98 -0
  149. package/dist/agents/tree-grid.md +51 -0
  150. package/dist/agents/tree.json +94 -0
  151. package/dist/agents/tree.md +51 -0
  152. package/dist/agents/visually-hidden.json +70 -0
  153. package/dist/agents/visually-hidden.md +42 -0
  154. package/dist/agents/z-stack.json +21 -1
  155. package/dist/agents/z-stack.md +5 -0
  156. package/dist/bleed.d.ts +2 -0
  157. package/dist/bleed.d.ts.map +1 -0
  158. package/dist/bleed.js +2 -0
  159. package/dist/bleed.js.map +1 -0
  160. package/dist/color-picker.d.ts +2 -0
  161. package/dist/color-picker.d.ts.map +1 -0
  162. package/dist/color-picker.js +2 -0
  163. package/dist/color-picker.js.map +1 -0
  164. package/dist/color-swatch.d.ts +2 -0
  165. package/dist/color-swatch.d.ts.map +1 -0
  166. package/dist/color-swatch.js +2 -0
  167. package/dist/color-swatch.js.map +1 -0
  168. package/dist/components/_responsive-value/ResponsiveValue.d.ts.map +1 -1
  169. package/dist/components/_responsive-value/ResponsiveValue.js +3 -1
  170. package/dist/components/_responsive-value/ResponsiveValue.js.map +1 -1
  171. package/dist/components/_spacing-value/SpacingValue.d.ts +8 -0
  172. package/dist/components/_spacing-value/SpacingValue.d.ts.map +1 -0
  173. package/dist/components/_spacing-value/SpacingValue.js +46 -0
  174. package/dist/components/_spacing-value/SpacingValue.js.map +1 -0
  175. package/dist/components/accordion/Accordion.js +1 -1
  176. package/dist/components/app-bar/AppBar.d.ts +7 -3
  177. package/dist/components/app-bar/AppBar.d.ts.map +1 -1
  178. package/dist/components/app-bar/AppBar.js +2 -2
  179. package/dist/components/app-bar/AppBar.js.map +1 -1
  180. package/dist/components/app-bar/index.d.ts +1 -1
  181. package/dist/components/app-bar/index.d.ts.map +1 -1
  182. package/dist/components/app-bar/index.js.map +1 -1
  183. package/dist/components/avatar/Avatar.d.ts +1 -1
  184. package/dist/components/avatar/Avatar.d.ts.map +1 -1
  185. package/dist/components/avatar/Avatar.js.map +1 -1
  186. package/dist/components/badge/Badge.d.ts +2 -2
  187. package/dist/components/badge/Badge.d.ts.map +1 -1
  188. package/dist/components/bleed/Bleed.d.ts +28 -0
  189. package/dist/components/bleed/Bleed.d.ts.map +1 -0
  190. package/dist/components/bleed/Bleed.js +92 -0
  191. package/dist/components/bleed/Bleed.js.map +1 -0
  192. package/dist/components/bleed/index.d.ts +2 -0
  193. package/dist/components/bleed/index.d.ts.map +1 -0
  194. package/dist/components/bleed/index.js +2 -0
  195. package/dist/components/bleed/index.js.map +1 -0
  196. package/dist/components/collapsible/Collapsible.d.ts +9 -3
  197. package/dist/components/collapsible/Collapsible.d.ts.map +1 -1
  198. package/dist/components/collapsible/Collapsible.js +3 -3
  199. package/dist/components/collapsible/Collapsible.js.map +1 -1
  200. package/dist/components/color-picker/ColorPicker.d.ts +42 -0
  201. package/dist/components/color-picker/ColorPicker.d.ts.map +1 -0
  202. package/dist/components/color-picker/ColorPicker.js +52 -0
  203. package/dist/components/color-picker/ColorPicker.js.map +1 -0
  204. package/dist/components/color-picker/index.d.ts +2 -0
  205. package/dist/components/color-picker/index.d.ts.map +1 -0
  206. package/dist/components/color-picker/index.js +2 -0
  207. package/dist/components/color-picker/index.js.map +1 -0
  208. package/dist/components/color-swatch/ColorSwatch.d.ts +21 -0
  209. package/dist/components/color-swatch/ColorSwatch.d.ts.map +1 -0
  210. package/dist/components/color-swatch/ColorSwatch.js +25 -0
  211. package/dist/components/color-swatch/ColorSwatch.js.map +1 -0
  212. package/dist/components/color-swatch/index.d.ts +2 -0
  213. package/dist/components/color-swatch/index.d.ts.map +1 -0
  214. package/dist/components/color-swatch/index.js +2 -0
  215. package/dist/components/color-swatch/index.js.map +1 -0
  216. package/dist/components/data-list/DataList.d.ts +48 -0
  217. package/dist/components/data-list/DataList.d.ts.map +1 -0
  218. package/dist/components/data-list/DataList.js +31 -0
  219. package/dist/components/data-list/DataList.js.map +1 -0
  220. package/dist/components/data-list/index.d.ts +2 -0
  221. package/dist/components/data-list/index.d.ts.map +1 -0
  222. package/dist/components/data-list/index.js +2 -0
  223. package/dist/components/data-list/index.js.map +1 -0
  224. package/dist/components/feed/Feed.d.ts +2 -0
  225. package/dist/components/feed/Feed.d.ts.map +1 -1
  226. package/dist/components/feed/Feed.js +2 -2
  227. package/dist/components/feed/Feed.js.map +1 -1
  228. package/dist/components/feed/index.d.ts +1 -1
  229. package/dist/components/feed/index.d.ts.map +1 -1
  230. package/dist/components/grid/Grid.d.ts +3 -1
  231. package/dist/components/grid/Grid.d.ts.map +1 -1
  232. package/dist/components/grid/Grid.js +11 -1
  233. package/dist/components/grid/Grid.js.map +1 -1
  234. package/dist/components/grid/index.d.ts +1 -1
  235. package/dist/components/grid/index.d.ts.map +1 -1
  236. package/dist/components/grid/index.js.map +1 -1
  237. package/dist/components/group/Group.d.ts +19 -0
  238. package/dist/components/group/Group.d.ts.map +1 -0
  239. package/dist/components/group/Group.js +23 -0
  240. package/dist/components/group/Group.js.map +1 -0
  241. package/dist/components/group/index.d.ts +2 -0
  242. package/dist/components/group/index.d.ts.map +1 -0
  243. package/dist/components/group/index.js +2 -0
  244. package/dist/components/group/index.js.map +1 -0
  245. package/dist/components/link/Link.d.ts +1 -1
  246. package/dist/components/link/Link.d.ts.map +1 -1
  247. package/dist/components/link/Link.js +1 -1
  248. package/dist/components/link/Link.js.map +1 -1
  249. package/dist/components/link-box/LinkBox.d.ts +22 -0
  250. package/dist/components/link-box/LinkBox.d.ts.map +1 -0
  251. package/dist/components/link-box/LinkBox.js +30 -0
  252. package/dist/components/link-box/LinkBox.js.map +1 -0
  253. package/dist/components/link-box/index.d.ts +2 -0
  254. package/dist/components/link-box/index.d.ts.map +1 -0
  255. package/dist/components/link-box/index.js +2 -0
  256. package/dist/components/link-box/index.js.map +1 -0
  257. package/dist/components/nav-list/NavList.d.ts +15 -2
  258. package/dist/components/nav-list/NavList.d.ts.map +1 -1
  259. package/dist/components/nav-list/NavList.js +4 -3
  260. package/dist/components/nav-list/NavList.js.map +1 -1
  261. package/dist/components/pagination/Pagination.d.ts +9 -6
  262. package/dist/components/pagination/Pagination.d.ts.map +1 -1
  263. package/dist/components/pagination/Pagination.js +2 -2
  264. package/dist/components/pagination/Pagination.js.map +1 -1
  265. package/dist/components/pagination/index.d.ts +1 -1
  266. package/dist/components/pagination/index.d.ts.map +1 -1
  267. package/dist/components/pagination/index.js.map +1 -1
  268. package/dist/components/popover/Popover.d.ts +3 -0
  269. package/dist/components/popover/Popover.d.ts.map +1 -1
  270. package/dist/components/popover/Popover.js +2 -2
  271. package/dist/components/popover/Popover.js.map +1 -1
  272. package/dist/components/popover/index.d.ts +1 -1
  273. package/dist/components/popover/index.d.ts.map +1 -1
  274. package/dist/components/popover/index.js.map +1 -1
  275. package/dist/components/rating/Rating.d.ts +37 -1
  276. package/dist/components/rating/Rating.d.ts.map +1 -1
  277. package/dist/components/rating/Rating.js +25 -2
  278. package/dist/components/rating/Rating.js.map +1 -1
  279. package/dist/components/rating/index.d.ts +1 -1
  280. package/dist/components/rating/index.d.ts.map +1 -1
  281. package/dist/components/rating/index.js +1 -1
  282. package/dist/components/rating/index.js.map +1 -1
  283. package/dist/components/reorderable-list/ReorderableList.d.ts +89 -0
  284. package/dist/components/reorderable-list/ReorderableList.d.ts.map +1 -0
  285. package/dist/components/reorderable-list/ReorderableList.js +54 -0
  286. package/dist/components/reorderable-list/ReorderableList.js.map +1 -0
  287. package/dist/components/reorderable-list/index.d.ts +2 -0
  288. package/dist/components/reorderable-list/index.d.ts.map +1 -0
  289. package/dist/components/reorderable-list/index.js +2 -0
  290. package/dist/components/reorderable-list/index.js.map +1 -0
  291. package/dist/components/segment-group/SegmentGroup.d.ts +30 -0
  292. package/dist/components/segment-group/SegmentGroup.d.ts.map +1 -0
  293. package/dist/components/segment-group/SegmentGroup.js +67 -0
  294. package/dist/components/segment-group/SegmentGroup.js.map +1 -0
  295. package/dist/components/segment-group/index.d.ts +2 -0
  296. package/dist/components/segment-group/index.d.ts.map +1 -0
  297. package/dist/components/segment-group/index.js +2 -0
  298. package/dist/components/segment-group/index.js.map +1 -0
  299. package/dist/components/show/Show.d.ts.map +1 -1
  300. package/dist/components/show/Show.js +7 -1
  301. package/dist/components/show/Show.js.map +1 -1
  302. package/dist/components/sidebar/Sidebar.d.ts +4 -0
  303. package/dist/components/sidebar/Sidebar.d.ts.map +1 -1
  304. package/dist/components/sidebar/Sidebar.js +3 -2
  305. package/dist/components/sidebar/Sidebar.js.map +1 -1
  306. package/dist/components/slider/Slider.d.ts.map +1 -1
  307. package/dist/components/slider/Slider.js +3 -1
  308. package/dist/components/slider/Slider.js.map +1 -1
  309. package/dist/components/stack/Stack.d.ts +3 -1
  310. package/dist/components/stack/Stack.d.ts.map +1 -1
  311. package/dist/components/stack/Stack.js +9 -1
  312. package/dist/components/stack/Stack.js.map +1 -1
  313. package/dist/components/stack/index.d.ts +1 -1
  314. package/dist/components/stack/index.d.ts.map +1 -1
  315. package/dist/components/stack/index.js.map +1 -1
  316. package/dist/components/status/Status.d.ts +22 -0
  317. package/dist/components/status/Status.d.ts.map +1 -0
  318. package/dist/components/status/Status.js +23 -0
  319. package/dist/components/status/Status.js.map +1 -0
  320. package/dist/components/status/index.d.ts +2 -0
  321. package/dist/components/status/index.d.ts.map +1 -0
  322. package/dist/components/status/index.js +2 -0
  323. package/dist/components/status/index.js.map +1 -0
  324. package/dist/components/surface/Surface.d.ts +5 -2
  325. package/dist/components/surface/Surface.d.ts.map +1 -1
  326. package/dist/components/surface/Surface.js +4 -2
  327. package/dist/components/surface/Surface.js.map +1 -1
  328. package/dist/components/surface/index.d.ts +1 -1
  329. package/dist/components/surface/index.d.ts.map +1 -1
  330. package/dist/components/surface/index.js.map +1 -1
  331. package/dist/components/text/Text.d.ts +25 -4
  332. package/dist/components/text/Text.d.ts.map +1 -1
  333. package/dist/components/text/Text.js +22 -3
  334. package/dist/components/text/Text.js.map +1 -1
  335. package/dist/components/text/index.d.ts +1 -1
  336. package/dist/components/text/index.d.ts.map +1 -1
  337. package/dist/components/text/index.js +1 -1
  338. package/dist/components/text/index.js.map +1 -1
  339. package/dist/components/toggle/Toggle.d.ts +5 -0
  340. package/dist/components/toggle/Toggle.d.ts.map +1 -1
  341. package/dist/components/toggle/Toggle.js +2 -2
  342. package/dist/components/toggle/Toggle.js.map +1 -1
  343. package/dist/components/toggle/index.d.ts +1 -1
  344. package/dist/components/toggle/index.d.ts.map +1 -1
  345. package/dist/components/toggle/index.js.map +1 -1
  346. package/dist/components/toggle-group/ToggleGroup.d.ts +3 -1
  347. package/dist/components/toggle-group/ToggleGroup.d.ts.map +1 -1
  348. package/dist/components/toggle-group/ToggleGroup.js +2 -1
  349. package/dist/components/toggle-group/ToggleGroup.js.map +1 -1
  350. package/dist/components/toolbar/Toolbar.d.ts +9 -2
  351. package/dist/components/toolbar/Toolbar.d.ts.map +1 -1
  352. package/dist/components/toolbar/Toolbar.js +2 -2
  353. package/dist/components/toolbar/Toolbar.js.map +1 -1
  354. package/dist/components/toolbar/index.d.ts +1 -1
  355. package/dist/components/toolbar/index.d.ts.map +1 -1
  356. package/dist/components/z-stack/ZStack.d.ts +7 -0
  357. package/dist/components/z-stack/ZStack.d.ts.map +1 -1
  358. package/dist/components/z-stack/ZStack.js +14 -3
  359. package/dist/components/z-stack/ZStack.js.map +1 -1
  360. package/dist/components/z-stack/index.d.ts +1 -1
  361. package/dist/components/z-stack/index.d.ts.map +1 -1
  362. package/dist/components/z-stack/index.js.map +1 -1
  363. package/dist/data-list.d.ts +2 -0
  364. package/dist/data-list.d.ts.map +1 -0
  365. package/dist/data-list.js +2 -0
  366. package/dist/data-list.js.map +1 -0
  367. package/dist/feed.d.ts +1 -1
  368. package/dist/feed.d.ts.map +1 -1
  369. package/dist/grid.d.ts +1 -1
  370. package/dist/grid.d.ts.map +1 -1
  371. package/dist/grid.js.map +1 -1
  372. package/dist/group.d.ts +2 -0
  373. package/dist/group.d.ts.map +1 -0
  374. package/dist/group.js +2 -0
  375. package/dist/group.js.map +1 -0
  376. package/dist/index.d.ts +18 -8
  377. package/dist/index.d.ts.map +1 -1
  378. package/dist/index.js +10 -1
  379. package/dist/index.js.map +1 -1
  380. package/dist/link-box.d.ts +2 -0
  381. package/dist/link-box.d.ts.map +1 -0
  382. package/dist/link-box.js +2 -0
  383. package/dist/link-box.js.map +1 -0
  384. package/dist/reorderable-list.d.ts +2 -0
  385. package/dist/reorderable-list.d.ts.map +1 -0
  386. package/dist/reorderable-list.js +2 -0
  387. package/dist/reorderable-list.js.map +1 -0
  388. package/dist/reset.css +1 -1
  389. package/dist/reset.css.map +1 -1
  390. package/dist/segment-group.d.ts +2 -0
  391. package/dist/segment-group.d.ts.map +1 -0
  392. package/dist/segment-group.js +2 -0
  393. package/dist/segment-group.js.map +1 -0
  394. package/dist/stack.d.ts +1 -1
  395. package/dist/stack.d.ts.map +1 -1
  396. package/dist/stack.js.map +1 -1
  397. package/dist/status.d.ts +2 -0
  398. package/dist/status.d.ts.map +1 -0
  399. package/dist/status.js +2 -0
  400. package/dist/status.js.map +1 -0
  401. package/dist/styles/accordion.css +1 -1
  402. package/dist/styles/accordion.css.map +1 -1
  403. package/dist/styles/alert-dialog.css +1 -1
  404. package/dist/styles/alert-dialog.css.map +1 -1
  405. package/dist/styles/app-bar.css +1 -1
  406. package/dist/styles/app-bar.css.map +1 -1
  407. package/dist/styles/avatar.css +1 -1
  408. package/dist/styles/avatar.css.map +1 -1
  409. package/dist/styles/badge.css +1 -1
  410. package/dist/styles/badge.css.map +1 -1
  411. package/dist/styles/bleed.css +2 -0
  412. package/dist/styles/bleed.css.map +1 -0
  413. package/dist/styles/bottom-navigation.css +1 -1
  414. package/dist/styles/bottom-navigation.css.map +1 -1
  415. package/dist/styles/button.css +1 -1
  416. package/dist/styles/button.css.map +1 -1
  417. package/dist/styles/card.css +1 -1
  418. package/dist/styles/card.css.map +1 -1
  419. package/dist/styles/checkbox-group.css +1 -1
  420. package/dist/styles/checkbox-group.css.map +1 -1
  421. package/dist/styles/checkbox.css +1 -1
  422. package/dist/styles/checkbox.css.map +1 -1
  423. package/dist/styles/code-block.css +1 -1
  424. package/dist/styles/code-block.css.map +1 -1
  425. package/dist/styles/collapsible.css +1 -1
  426. package/dist/styles/collapsible.css.map +1 -1
  427. package/dist/styles/color-picker.css +2 -0
  428. package/dist/styles/color-picker.css.map +1 -0
  429. package/dist/styles/color-swatch.css +2 -0
  430. package/dist/styles/color-swatch.css.map +1 -0
  431. package/dist/styles/combobox.css +1 -1
  432. package/dist/styles/combobox.css.map +1 -1
  433. package/dist/styles/context-menu.css +1 -1
  434. package/dist/styles/context-menu.css.map +1 -1
  435. package/dist/styles/core.css +1 -1
  436. package/dist/styles/core.css.map +1 -1
  437. package/dist/styles/data-grid.css +1 -1
  438. package/dist/styles/data-grid.css.map +1 -1
  439. package/dist/styles/data-list.css +2 -0
  440. package/dist/styles/data-list.css.map +1 -0
  441. package/dist/styles/dialog.css +1 -1
  442. package/dist/styles/dialog.css.map +1 -1
  443. package/dist/styles/divider.css +1 -1
  444. package/dist/styles/divider.css.map +1 -1
  445. package/dist/styles/drawer.css +1 -1
  446. package/dist/styles/drawer.css.map +1 -1
  447. package/dist/styles/dropdown-menu.css +1 -1
  448. package/dist/styles/dropdown-menu.css.map +1 -1
  449. package/dist/styles/feed.css +1 -1
  450. package/dist/styles/feed.css.map +1 -1
  451. package/dist/styles/grid.css +1 -1
  452. package/dist/styles/grid.css.map +1 -1
  453. package/dist/styles/group.css +2 -0
  454. package/dist/styles/group.css.map +1 -0
  455. package/dist/styles/hide.css +1 -1
  456. package/dist/styles/hide.css.map +1 -1
  457. package/dist/styles/icon-button.css +1 -1
  458. package/dist/styles/icon-button.css.map +1 -1
  459. package/dist/styles/input.css +1 -1
  460. package/dist/styles/input.css.map +1 -1
  461. package/dist/styles/link-box.css +2 -0
  462. package/dist/styles/link-box.css.map +1 -0
  463. package/dist/styles/link.css +1 -1
  464. package/dist/styles/link.css.map +1 -1
  465. package/dist/styles/list.css +1 -1
  466. package/dist/styles/list.css.map +1 -1
  467. package/dist/styles/menubar.css +1 -1
  468. package/dist/styles/menubar.css.map +1 -1
  469. package/dist/styles/multi-select.css +1 -1
  470. package/dist/styles/multi-select.css.map +1 -1
  471. package/dist/styles/nav-list.css +1 -1
  472. package/dist/styles/nav-list.css.map +1 -1
  473. package/dist/styles/navigation-menu.css +1 -1
  474. package/dist/styles/navigation-menu.css.map +1 -1
  475. package/dist/styles/pagination.css +1 -1
  476. package/dist/styles/pagination.css.map +1 -1
  477. package/dist/styles/password-toggle-field.css +1 -1
  478. package/dist/styles/password-toggle-field.css.map +1 -1
  479. package/dist/styles/popover.css +1 -1
  480. package/dist/styles/popover.css.map +1 -1
  481. package/dist/styles/rating.css +1 -1
  482. package/dist/styles/rating.css.map +1 -1
  483. package/dist/styles/reorderable-list.css +2 -0
  484. package/dist/styles/reorderable-list.css.map +1 -0
  485. package/dist/styles/segment-group.css +2 -0
  486. package/dist/styles/segment-group.css.map +1 -0
  487. package/dist/styles/select.css +1 -1
  488. package/dist/styles/select.css.map +1 -1
  489. package/dist/styles/show.css +1 -1
  490. package/dist/styles/show.css.map +1 -1
  491. package/dist/styles/sidebar.css +1 -1
  492. package/dist/styles/sidebar.css.map +1 -1
  493. package/dist/styles/skeleton.css +1 -1
  494. package/dist/styles/skeleton.css.map +1 -1
  495. package/dist/styles/slider.css +1 -1
  496. package/dist/styles/slider.css.map +1 -1
  497. package/dist/styles/stack.css +1 -1
  498. package/dist/styles/stack.css.map +1 -1
  499. package/dist/styles/status.css +2 -0
  500. package/dist/styles/status.css.map +1 -0
  501. package/dist/styles/surface.css +1 -1
  502. package/dist/styles/surface.css.map +1 -1
  503. package/dist/styles/table.css +1 -1
  504. package/dist/styles/table.css.map +1 -1
  505. package/dist/styles/tabs.css +1 -1
  506. package/dist/styles/tabs.css.map +1 -1
  507. package/dist/styles/text.css +1 -1
  508. package/dist/styles/text.css.map +1 -1
  509. package/dist/styles/toggle-group.css +1 -1
  510. package/dist/styles/toggle-group.css.map +1 -1
  511. package/dist/styles/toggle.css +1 -1
  512. package/dist/styles/toggle.css.map +1 -1
  513. package/dist/styles/toolbar.css +1 -1
  514. package/dist/styles/toolbar.css.map +1 -1
  515. package/dist/styles/z-stack.css +1 -1
  516. package/dist/styles/z-stack.css.map +1 -1
  517. package/dist/styles.css +1 -1
  518. package/dist/styles.css.map +1 -1
  519. package/dist/surface.d.ts +1 -1
  520. package/dist/surface.d.ts.map +1 -1
  521. package/dist/surface.js.map +1 -1
  522. package/dist/text.d.ts +1 -1
  523. package/dist/text.d.ts.map +1 -1
  524. package/dist/text.js +1 -1
  525. package/dist/text.js.map +1 -1
  526. package/dist/theme-contract.json +5288 -2105
  527. package/dist/toggle.d.ts +1 -1
  528. package/dist/toggle.d.ts.map +1 -1
  529. package/dist/toggle.js.map +1 -1
  530. package/dist/tokens.css +1 -1
  531. package/dist/tokens.css.map +1 -1
  532. package/dist/toolbar.d.ts +1 -1
  533. package/dist/toolbar.d.ts.map +1 -1
  534. package/docs/guides/agent-knowledge.md +19 -0
  535. package/docs/guides/appearance-and-tokens.md +5 -0
  536. package/docs/guides/browser-support.md +21 -0
  537. package/docs/guides/control-sizing.md +55 -0
  538. package/docs/guides/installation.md +5 -2
  539. package/docs/guides/theme-contract.md +26 -12
  540. package/package.json +45 -6
package/dist/styles/core.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer brick.tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--brick-border-focus-offset:.25rem;--brick-border-focus-width:2px;--brick-border-width:1px;--brick-color-accent-border:#aaa8f2;--brick-color-accent-on-soft:#414098;--brick-color-accent-on-solid:#fff;--brick-color-accent-soft:#f0f0ff;--brick-color-accent-soft-hover:#e6e6fe;--brick-color-accent-soft-pressed:#dadaff;--brick-color-accent-solid:#5b5bd6;--brick-color-accent-solid-hover:#5151cd;--brick-color-accent-solid-pressed:#4747c2;--brick-color-accent-text:#414098;--brick-color-border-default:#d9d6d0;--brick-color-border-strong:#aaa69e;--brick-color-border-subtle:#e3e0db;--brick-color-danger-border:#ef9cad;--brick-color-danger-on-soft:#ad233f;--brick-color-danger-on-solid:#fff;--brick-color-danger-soft:#ffeef1;--brick-color-danger-soft-hover:#ffdde3;--brick-color-danger-soft-pressed:#ffcbd5;--brick-color-danger-solid:#ad233f;--brick-color-danger-solid-hover:#9f1f38;--brick-color-danger-solid-pressed:#901a33;--brick-color-danger-surface:#ffeef1;--brick-color-danger-text:#ad233f;--brick-color-focus-ring:#5b5bd6;--brick-color-info-border:#95c9f6;--brick-color-info-on-soft:#105da9;--brick-color-info-on-solid:#fff;--brick-color-info-soft:#ecf6ff;--brick-color-info-soft-hover:#dceeff;--brick-color-info-soft-pressed:#cbe7ff;--brick-color-info-solid:#0073d0;--brick-color-info-solid-hover:#0068bd;--brick-color-info-solid-pressed:#005da9;--brick-color-info-surface:#ecf6ff;--brick-color-info-text:#105da9;--brick-color-scrim:#1413128c;--brick-color-shadow:#1413122e;--brick-color-success-border:#7bd1ad;--brick-color-success-on-soft:#136e4c;--brick-color-success-on-solid:#fff;--brick-color-success-soft:#e8fbf3;--brick-color-success-soft-hover:#d7f6e9;--brick-color-success-soft-pressed:#c5efdd;--brick-color-success-solid:#18794e;--brick-color-success-solid-hover:#146f46;--brick-color-success-solid-pressed:#10643e;--brick-color-success-surface:#e8fbf3;--brick-color-success-text:#136e4c;--brick-color-surface-base:#f9f8f6;--brick-color-surface-canvas:#fdfcfb;--brick-color-surface-overlay:#fff;--brick-color-surface-raised:#fff;--brick-color-surface-subtle:#f2f0ed;--brick-color-text-disabled:#76726c;--brick-color-text-inverse:#fff;--brick-color-text-muted:#76726c;--brick-color-text-primary:#211f1c;--brick-color-text-secondary:#63605b;--brick-color-warning-border:#e3a644;--brick-color-warning-on-soft:#714904;--brick-color-warning-on-solid:#211f1c;--brick-color-warning-soft:#fff7e3;--brick-color-warning-soft-hover:#ffedc2;--brick-color-warning-soft-pressed:#ffe3a1;--brick-color-warning-solid:#f29f21;--brick-color-warning-solid-hover:#e58c0e;--brick-color-warning-solid-pressed:#d87d00;--brick-color-warning-surface:#fff7e3;--brick-color-warning-text:#714904;--brick-control-min-block-size-lg:3.25rem;--brick-control-min-block-size-md:2.75rem;--brick-control-min-block-size-sm:2.25rem;--brick-control-min-block-size-xl:3.75rem;--brick-control-min-block-size-xs:1.75rem;--brick-control-target-min:2.75rem;--brick-font-family-body:ui-sans-serif, system-ui, sans-serif;--brick-font-family-heading:ui-sans-serif, system-ui, sans-serif;--brick-font-family-mono:ui-monospace, SFMono-Regular, monospace;--brick-font-letter-spacing-normal:0em;--brick-font-letter-spacing-slight:-.01em;--brick-font-letter-spacing-tight:-.02em;--brick-font-letter-spacing-tightest:-.03em;--brick-font-letter-spacing-wide:.08em;--brick-font-line-height-body:1.5;--brick-font-line-height-tight:1.2;--brick-font-size-2xl:2rem;--brick-font-size-3xl:2.5rem;--brick-font-size-lg:1.25rem;--brick-font-size-md:1rem;--brick-font-size-sm:.875rem;--brick-font-size-xl:1.5rem;--brick-font-size-xs:.75rem;--brick-font-weight-medium:500;--brick-font-weight-regular:400;--brick-font-weight-semibold:600;--brick-layer-base:0;--brick-layer-overlay:1000;--brick-motion-duration-fast:.12s;--brick-motion-duration-moderate:.2s;--brick-motion-easing-enter:cubic-bezier(0, 0, .2, 1);--brick-motion-easing-exit:cubic-bezier(.4, 0, 1, 1);--brick-motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--brick-radius-control:.5rem;--brick-radius-full:9999px;--brick-radius-overlay:1rem;--brick-radius-subtle:.25rem;--brick-radius-surface:.75rem;--brick-shadow-raised:0rem .5rem 1.5rem -.25rem #1413122e;--brick-shadow-sm:0rem .125rem .375rem 0rem #1413122e;--brick-space-0:0rem;--brick-space-1:.25rem;--brick-space-2:.5rem;--brick-space-3:.75rem;--brick-space-4:1rem;--brick-space-5:1.5rem;--brick-space-6:2rem;--brick-space-component-gap:.5rem;--brick-space-control-inline:1rem;--brick-space-surface:1.5rem;--brick-typography-body-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-lg-font-size:1.25rem;--brick-typography-body-lg-font-weight:400;--brick-typography-body-lg-letter-spacing:0em;--brick-typography-body-lg-line-height:1.5;--brick-typography-body-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-md-font-size:1rem;--brick-typography-body-md-font-weight:400;--brick-typography-body-md-letter-spacing:0em;--brick-typography-body-md-line-height:1.5;--brick-typography-body-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-sm-font-size:.875rem;--brick-typography-body-sm-font-weight:400;--brick-typography-body-sm-letter-spacing:0em;--brick-typography-body-sm-line-height:1.5;--brick-typography-caption-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-caption-font-size:.75rem;--brick-typography-caption-font-weight:400;--brick-typography-caption-letter-spacing:0em;--brick-typography-caption-line-height:1.5;--brick-typography-code-block-md-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-block-md-font-size:1rem;--brick-typography-code-block-md-font-weight:400;--brick-typography-code-block-md-letter-spacing:0em;--brick-typography-code-block-md-line-height:1.5;--brick-typography-code-block-sm-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-block-sm-font-size:.875rem;--brick-typography-code-block-sm-font-weight:400;--brick-typography-code-block-sm-letter-spacing:0em;--brick-typography-code-block-sm-line-height:1.5;--brick-typography-code-inline-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-inline-font-size:.9em;--brick-typography-code-inline-font-weight:400;--brick-typography-code-inline-letter-spacing:0em;--brick-typography-code-inline-line-height:1.5;--brick-typography-compact-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-compact-title-lg-font-size:1rem;--brick-typography-compact-title-lg-font-weight:600;--brick-typography-compact-title-lg-letter-spacing:-.01em;--brick-typography-compact-title-lg-line-height:1.2;--brick-typography-compact-title-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-compact-title-font-size:.875rem;--brick-typography-compact-title-font-weight:600;--brick-typography-compact-title-letter-spacing:0em;--brick-typography-compact-title-line-height:1.2;--brick-typography-control-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-lg-font-size:1rem;--brick-typography-control-lg-font-weight:500;--brick-typography-control-lg-letter-spacing:0em;--brick-typography-control-lg-line-height:1.2;--brick-typography-control-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-md-font-size:.9375rem;--brick-typography-control-md-font-weight:500;--brick-typography-control-md-letter-spacing:0em;--brick-typography-control-md-line-height:1.2;--brick-typography-control-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-sm-font-size:.875rem;--brick-typography-control-sm-font-weight:500;--brick-typography-control-sm-letter-spacing:0em;--brick-typography-control-sm-line-height:1.2;--brick-typography-control-xl-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-xl-font-size:1.125rem;--brick-typography-control-xl-font-weight:500;--brick-typography-control-xl-letter-spacing:0em;--brick-typography-control-xl-line-height:1.2;--brick-typography-control-xs-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-xs-font-size:.75rem;--brick-typography-control-xs-font-weight:500;--brick-typography-control-xs-letter-spacing:0em;--brick-typography-control-xs-line-height:1.2;--brick-typography-display-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-display-font-size:2.5rem;--brick-typography-display-font-weight:600;--brick-typography-display-letter-spacing:-.03em;--brick-typography-display-line-height:1.2;--brick-typography-eyebrow-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-eyebrow-font-size:.75rem;--brick-typography-eyebrow-font-weight:600;--brick-typography-eyebrow-letter-spacing:.08em;--brick-typography-eyebrow-line-height:1.2;--brick-typography-field-value-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-field-value-lg-font-size:1.125rem;--brick-typography-field-value-lg-font-weight:400;--brick-typography-field-value-lg-letter-spacing:0em;--brick-typography-field-value-lg-line-height:1.5;--brick-typography-field-value-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-field-value-md-font-size:1rem;--brick-typography-field-value-md-font-weight:400;--brick-typography-field-value-md-letter-spacing:0em;--brick-typography-field-value-md-line-height:1.5;--brick-typography-label-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-label-md-font-size:1rem;--brick-typography-label-md-font-weight:500;--brick-typography-label-md-letter-spacing:0em;--brick-typography-label-md-line-height:1.5;--brick-typography-label-strong-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-label-strong-font-size:1rem;--brick-typography-label-strong-font-weight:600;--brick-typography-label-strong-letter-spacing:0em;--brick-typography-label-strong-line-height:1.5;--brick-typography-overlay-title-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-overlay-title-font-size:1.25rem;--brick-typography-overlay-title-font-weight:600;--brick-typography-overlay-title-letter-spacing:-.01em;--brick-typography-overlay-title-line-height:1.2;--brick-typography-supporting-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-supporting-sm-font-size:.875rem;--brick-typography-supporting-sm-font-weight:400;--brick-typography-supporting-sm-letter-spacing:0em;--brick-typography-supporting-sm-line-height:1.5;--brick-typography-surface-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-lg-font-size:1.25rem;--brick-typography-surface-title-lg-font-weight:600;--brick-typography-surface-title-lg-letter-spacing:-.01em;--brick-typography-surface-title-lg-line-height:1.2;--brick-typography-surface-title-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-md-font-size:1.125rem;--brick-typography-surface-title-md-font-weight:600;--brick-typography-surface-title-md-letter-spacing:-.01em;--brick-typography-surface-title-md-line-height:1.2;--brick-typography-surface-title-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-sm-font-size:1rem;--brick-typography-surface-title-sm-font-weight:600;--brick-typography-surface-title-sm-letter-spacing:-.01em;--brick-typography-surface-title-sm-line-height:1.2;--brick-typography-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-lg-font-size:2rem;--brick-typography-title-lg-font-weight:600;--brick-typography-title-lg-letter-spacing:-.02em;--brick-typography-title-lg-line-height:1.2;--brick-typography-title-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-md-font-size:1.5rem;--brick-typography-title-md-font-weight:600;--brick-typography-title-md-letter-spacing:-.02em;--brick-typography-title-md-line-height:1.2;--brick-typography-title-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-sm-font-size:1.25rem;--brick-typography-title-sm-font-weight:600;--brick-typography-title-sm-letter-spacing:-.01em;--brick-typography-title-sm-line-height:1.2;--brick-typography-validation-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-validation-sm-font-size:.875rem;--brick-typography-validation-sm-font-weight:500;--brick-typography-validation-sm-letter-spacing:0em;--brick-typography-validation-sm-line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-brick-appearance]){--brick-color-accent-border:#5a56b5;--brick-color-accent-on-soft:#bebaff;--brick-color-accent-on-solid:#fff;--brick-color-accent-soft:#232149;--brick-color-accent-soft-hover:#2f2c5c;--brick-color-accent-soft-pressed:#3a376f;--brick-color-accent-solid:#5b57c7;--brick-color-accent-solid-hover:#625ed0;--brick-color-accent-solid-pressed:#514db6;--brick-color-accent-text:#bebaff;--brick-color-border-default:#4d4c47;--brick-color-border-strong:#706d64;--brick-color-border-subtle:#3b3b37;--brick-color-danger-border:#993045;--brick-color-danger-on-soft:#ff93a7;--brick-color-danger-on-solid:#fff;--brick-color-danger-soft:#44131e;--brick-color-danger-soft-hover:#561825;--brick-color-danger-soft-pressed:#681d2d;--brick-color-danger-solid:#af2642;--brick-color-danger-solid-hover:#bd2c49;--brick-color-danger-solid-pressed:#9f2038;--brick-color-danger-surface:#44131e;--brick-color-danger-text:#ff93a7;--brick-color-focus-ring:#bebaff;--brick-color-info-border:#2c6ba7;--brick-color-info-on-soft:#95c9f6;--brick-color-info-on-solid:#fff;--brick-color-info-soft:#102840;--brick-color-info-soft-hover:#143654;--brick-color-info-soft-pressed:#184267;--brick-color-info-solid:#0a6ec3;--brick-color-info-solid-hover:#1178cf;--brick-color-info-solid-pressed:#075fa9;--brick-color-info-surface:#102840;--brick-color-info-text:#95c9f6;--brick-color-scrim:#000000b8;--brick-color-shadow:#00000080;--brick-color-success-border:#237350;--brick-color-success-on-soft:#7bd1ad;--brick-color-success-on-solid:#fff;--brick-color-success-soft:#0e3022;--brick-color-success-soft-hover:#123d2b;--brick-color-success-soft-pressed:#174b35;--brick-color-success-solid:#18794e;--brick-color-success-solid-hover:#1e8357;--brick-color-success-solid-pressed:#12663f;--brick-color-success-surface:#0e3022;--brick-color-success-text:#7bd1ad;--brick-color-surface-base:#20201e;--brick-color-surface-canvas:#191918;--brick-color-surface-overlay:#2e2e2b;--brick-color-surface-raised:#2e2e2b;--brick-color-surface-subtle:#272725;--brick-color-text-disabled:#999690;--brick-color-text-inverse:#211f1c;--brick-color-text-muted:#999690;--brick-color-text-primary:#eeeeec;--brick-color-text-secondary:#b8b6b1;--brick-color-warning-border:#905f12;--brick-color-warning-on-soft:#f2bd59;--brick-color-warning-on-solid:#211f1c;--brick-color-warning-soft:#3d2707;--brick-color-warning-soft-hover:#4d3108;--brick-color-warning-soft-pressed:#5d3b09;--brick-color-warning-solid:#e39019;--brick-color-warning-solid-hover:#eda025;--brick-color-warning-solid-pressed:#cf7d08;--brick-color-warning-surface:#3d2707;--brick-color-warning-text:#f2bd59;--brick-shadow-raised:0rem .5rem 1.5rem -.25rem #00000080;--brick-shadow-sm:0rem .125rem .375rem 0rem #00000080}}[data-brick-appearance=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brick-color-accent-border:#aaa8f2;--brick-color-accent-on-soft:#414098;--brick-color-accent-on-solid:#fff;--brick-color-accent-soft:#f0f0ff;--brick-color-accent-soft-hover:#e6e6fe;--brick-color-accent-soft-pressed:#dadaff;--brick-color-accent-solid:#5b5bd6;--brick-color-accent-solid-hover:#5151cd;--brick-color-accent-solid-pressed:#4747c2;--brick-color-accent-text:#414098;--brick-color-border-default:#d9d6d0;--brick-color-border-strong:#aaa69e;--brick-color-border-subtle:#e3e0db;--brick-color-danger-border:#ef9cad;--brick-color-danger-on-soft:#ad233f;--brick-color-danger-on-solid:#fff;--brick-color-danger-soft:#ffeef1;--brick-color-danger-soft-hover:#ffdde3;--brick-color-danger-soft-pressed:#ffcbd5;--brick-color-danger-solid:#ad233f;--brick-color-danger-solid-hover:#9f1f38;--brick-color-danger-solid-pressed:#901a33;--brick-color-danger-surface:#ffeef1;--brick-color-danger-text:#ad233f;--brick-color-focus-ring:#5b5bd6;--brick-color-info-border:#95c9f6;--brick-color-info-on-soft:#105da9;--brick-color-info-on-solid:#fff;--brick-color-info-soft:#ecf6ff;--brick-color-info-soft-hover:#dceeff;--brick-color-info-soft-pressed:#cbe7ff;--brick-color-info-solid:#0073d0;--brick-color-info-solid-hover:#0068bd;--brick-color-info-solid-pressed:#005da9;--brick-color-info-surface:#ecf6ff;--brick-color-info-text:#105da9;--brick-color-scrim:#1413128c;--brick-color-shadow:#1413122e;--brick-color-success-border:#7bd1ad;--brick-color-success-on-soft:#136e4c;--brick-color-success-on-solid:#fff;--brick-color-success-soft:#e8fbf3;--brick-color-success-soft-hover:#d7f6e9;--brick-color-success-soft-pressed:#c5efdd;--brick-color-success-solid:#18794e;--brick-color-success-solid-hover:#146f46;--brick-color-success-solid-pressed:#10643e;--brick-color-success-surface:#e8fbf3;--brick-color-success-text:#136e4c;--brick-color-surface-base:#f9f8f6;--brick-color-surface-canvas:#fdfcfb;--brick-color-surface-overlay:#fff;--brick-color-surface-raised:#fff;--brick-color-surface-subtle:#f2f0ed;--brick-color-text-disabled:#76726c;--brick-color-text-inverse:#fff;--brick-color-text-muted:#76726c;--brick-color-text-primary:#211f1c;--brick-color-text-secondary:#63605b;--brick-color-warning-border:#e3a644;--brick-color-warning-on-soft:#714904;--brick-color-warning-on-solid:#211f1c;--brick-color-warning-soft:#fff7e3;--brick-color-warning-soft-hover:#ffedc2;--brick-color-warning-soft-pressed:#ffe3a1;--brick-color-warning-solid:#f29f21;--brick-color-warning-solid-hover:#e58c0e;--brick-color-warning-solid-pressed:#d87d00;--brick-color-warning-surface:#fff7e3;--brick-color-warning-text:#714904;--brick-shadow-raised:0rem .5rem 1.5rem -.25rem #1413122e;--brick-shadow-sm:0rem .125rem .375rem 0rem #1413122e}[data-brick-appearance=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brick-color-accent-border:#5a56b5;--brick-color-accent-on-soft:#bebaff;--brick-color-accent-on-solid:#fff;--brick-color-accent-soft:#232149;--brick-color-accent-soft-hover:#2f2c5c;--brick-color-accent-soft-pressed:#3a376f;--brick-color-accent-solid:#5b57c7;--brick-color-accent-solid-hover:#625ed0;--brick-color-accent-solid-pressed:#514db6;--brick-color-accent-text:#bebaff;--brick-color-border-default:#4d4c47;--brick-color-border-strong:#706d64;--brick-color-border-subtle:#3b3b37;--brick-color-danger-border:#993045;--brick-color-danger-on-soft:#ff93a7;--brick-color-danger-on-solid:#fff;--brick-color-danger-soft:#44131e;--brick-color-danger-soft-hover:#561825;--brick-color-danger-soft-pressed:#681d2d;--brick-color-danger-solid:#af2642;--brick-color-danger-solid-hover:#bd2c49;--brick-color-danger-solid-pressed:#9f2038;--brick-color-danger-surface:#44131e;--brick-color-danger-text:#ff93a7;--brick-color-focus-ring:#bebaff;--brick-color-info-border:#2c6ba7;--brick-color-info-on-soft:#95c9f6;--brick-color-info-on-solid:#fff;--brick-color-info-soft:#102840;--brick-color-info-soft-hover:#143654;--brick-color-info-soft-pressed:#184267;--brick-color-info-solid:#0a6ec3;--brick-color-info-solid-hover:#1178cf;--brick-color-info-solid-pressed:#075fa9;--brick-color-info-surface:#102840;--brick-color-info-text:#95c9f6;--brick-color-scrim:#000000b8;--brick-color-shadow:#00000080;--brick-color-success-border:#237350;--brick-color-success-on-soft:#7bd1ad;--brick-color-success-on-solid:#fff;--brick-color-success-soft:#0e3022;--brick-color-success-soft-hover:#123d2b;--brick-color-success-soft-pressed:#174b35;--brick-color-success-solid:#18794e;--brick-color-success-solid-hover:#1e8357;--brick-color-success-solid-pressed:#12663f;--brick-color-success-surface:#0e3022;--brick-color-success-text:#7bd1ad;--brick-color-surface-base:#20201e;--brick-color-surface-canvas:#191918;--brick-color-surface-overlay:#2e2e2b;--brick-color-surface-raised:#2e2e2b;--brick-color-surface-subtle:#272725;--brick-color-text-disabled:#999690;--brick-color-text-inverse:#211f1c;--brick-color-text-muted:#999690;--brick-color-text-primary:#eeeeec;--brick-color-text-secondary:#b8b6b1;--brick-color-warning-border:#905f12;--brick-color-warning-on-soft:#f2bd59;--brick-color-warning-on-solid:#211f1c;--brick-color-warning-soft:#3d2707;--brick-color-warning-soft-hover:#4d3108;--brick-color-warning-soft-pressed:#5d3b09;--brick-color-warning-solid:#e39019;--brick-color-warning-solid-hover:#eda025;--brick-color-warning-solid-pressed:#cf7d08;--brick-color-warning-surface:#3d2707;--brick-color-warning-text:#f2bd59;--brick-shadow-raised:0rem .5rem 1.5rem -.25rem #00000080;--brick-shadow-sm:0rem .125rem .375rem 0rem #00000080}}@layer flowstack.theme;@layer brick.foundations{:where(body){background-color:var(--brick-color-surface-canvas);color:var(--brick-color-text-primary);font-family:var(--brick-font-family-body);font-size:var(--brick-typography-body-md-font-size);line-height:var(--brick-typography-body-md-line-height)}:where([class^=brick-],[class*=\ brick-]){box-sizing:border-box;font-family:var(--brick-font-family-body);-webkit-tap-highlight-color:transparent}:where([class^=brick-],[class*=\ brick-]):before,:where([class^=brick-],[class*=\ brick-]):after{box-sizing:border-box}@media (forced-colors:active){:where([class^=brick-],[class*=\ brick-]){forced-color-adjust:auto}}@media (prefers-reduced-motion:reduce){:where([class^=brick-],[class*=\ brick-]){scroll-behavior:auto}}}@layer brick.components,brick.utilities,brick.effects;
1
+ @layer brick.tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--brick-border-focus-offset:.25rem;--brick-border-focus-width:2px;--brick-border-width:1px;--brick-color-accent-border:#aaa8f2;--brick-color-accent-on-soft:#414098;--brick-color-accent-on-solid:#fff;--brick-color-accent-soft:#f0f0ff;--brick-color-accent-soft-hover:#e6e6fe;--brick-color-accent-soft-pressed:#dadaff;--brick-color-accent-solid:#5b5bd6;--brick-color-accent-solid-hover:#5151cd;--brick-color-accent-solid-pressed:#4747c2;--brick-color-accent-text:#414098;--brick-color-border-default:#d9d6d0;--brick-color-border-strong:#aaa69e;--brick-color-border-subtle:#e3e0db;--brick-color-danger-border:#ef9cad;--brick-color-danger-on-soft:#ad233f;--brick-color-danger-on-solid:#fff;--brick-color-danger-soft:#ffeef1;--brick-color-danger-soft-hover:#ffdde3;--brick-color-danger-soft-pressed:#ffcbd5;--brick-color-danger-solid:#ad233f;--brick-color-danger-solid-hover:#9f1f38;--brick-color-danger-solid-pressed:#901a33;--brick-color-danger-surface:#ffeef1;--brick-color-danger-text:#ad233f;--brick-color-focus-ring:#5b5bd6;--brick-color-info-border:#95c9f6;--brick-color-info-on-soft:#105da9;--brick-color-info-on-solid:#fff;--brick-color-info-soft:#ecf6ff;--brick-color-info-soft-hover:#dceeff;--brick-color-info-soft-pressed:#cbe7ff;--brick-color-info-solid:#0073d0;--brick-color-info-solid-hover:#0068bd;--brick-color-info-solid-pressed:#005da9;--brick-color-info-surface:#ecf6ff;--brick-color-info-text:#105da9;--brick-color-link-text:#3a3a8f;--brick-color-link-text-hover:#333185;--brick-color-link-text-pressed:#2a2579;--brick-color-scrim:#1413128c;--brick-color-shadow:#1413122e;--brick-color-success-border:#7bd1ad;--brick-color-success-on-soft:#136e4c;--brick-color-success-on-solid:#fff;--brick-color-success-soft:#e8fbf3;--brick-color-success-soft-hover:#d7f6e9;--brick-color-success-soft-pressed:#c5efdd;--brick-color-success-solid:#18794e;--brick-color-success-solid-hover:#146f46;--brick-color-success-solid-pressed:#10643e;--brick-color-success-surface:#e8fbf3;--brick-color-success-text:#136e4c;--brick-color-surface-base:#f9f8f6;--brick-color-surface-canvas:#fdfcfb;--brick-color-surface-overlay:#fff;--brick-color-surface-raised:#fff;--brick-color-surface-subtle:#f2f0ed;--brick-color-text-disabled:#76726c;--brick-color-text-inverse:#fff;--brick-color-text-muted:#76726c;--brick-color-text-primary:#211f1c;--brick-color-text-secondary:#63605b;--brick-color-warning-border:#e3a644;--brick-color-warning-on-soft:#714904;--brick-color-warning-on-solid:#211f1c;--brick-color-warning-soft:#fff7e3;--brick-color-warning-soft-hover:#ffedc2;--brick-color-warning-soft-pressed:#ffe3a1;--brick-color-warning-solid:#f29f21;--brick-color-warning-solid-hover:#e58c0e;--brick-color-warning-solid-pressed:#d87d00;--brick-color-warning-surface:#fff7e3;--brick-color-warning-text:#714904;--brick-control-min-block-size-lg:3.25rem;--brick-control-min-block-size-md:2.75rem;--brick-control-min-block-size-sm:2.25rem;--brick-control-min-block-size-xl:3.75rem;--brick-control-min-block-size-xs:1.75rem;--brick-control-target-min:2.75rem;--brick-font-family-body:ui-sans-serif, system-ui, sans-serif;--brick-font-family-heading:ui-sans-serif, system-ui, sans-serif;--brick-font-family-mono:ui-monospace, SFMono-Regular, monospace;--brick-font-letter-spacing-normal:0em;--brick-font-letter-spacing-slight:-.01em;--brick-font-letter-spacing-tight:-.02em;--brick-font-letter-spacing-tightest:-.03em;--brick-font-letter-spacing-wide:.08em;--brick-font-line-height-body:1.5;--brick-font-line-height-tight:1.2;--brick-font-size-2xl:2rem;--brick-font-size-3xl:2.5rem;--brick-font-size-4xl:3.25rem;--brick-font-size-5xl:4rem;--brick-font-size-lg:1.25rem;--brick-font-size-md:1rem;--brick-font-size-sm:.875rem;--brick-font-size-xl:1.5rem;--brick-font-size-xs:.75rem;--brick-font-weight-medium:500;--brick-font-weight-regular:400;--brick-font-weight-semibold:600;--brick-layer-base:0;--brick-layer-overlay:1000;--brick-motion-duration-fast:.12s;--brick-motion-duration-moderate:.2s;--brick-motion-easing-enter:cubic-bezier(0, 0, .2, 1);--brick-motion-easing-exit:cubic-bezier(.4, 0, 1, 1);--brick-motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--brick-radius-control:.5rem;--brick-radius-full:9999px;--brick-radius-overlay:1rem;--brick-radius-subtle:.25rem;--brick-radius-surface:.75rem;--brick-shadow-floating:0rem .75rem 2rem 0rem #14131218;--brick-shadow-modal:0rem 1.5rem 4.5rem 0rem #1413122c;--brick-shadow-raised:0rem .5rem 1.5rem -.25rem #1413122e;--brick-shadow-sm:0rem .125rem .375rem 0rem #1413122e;--brick-space-0:0rem;--brick-space-1:.25rem;--brick-space-2:.5rem;--brick-space-3:.75rem;--brick-space-4:1rem;--brick-space-5:1.5rem;--brick-space-6:2rem;--brick-space-component-gap:.5rem;--brick-space-control-inline:1rem;--brick-space-surface:1.5rem;--brick-typography-body-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-lg-font-size:1.25rem;--brick-typography-body-lg-font-weight:400;--brick-typography-body-lg-letter-spacing:0em;--brick-typography-body-lg-line-height:1.5;--brick-typography-body-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-md-font-size:1rem;--brick-typography-body-md-font-weight:400;--brick-typography-body-md-letter-spacing:0em;--brick-typography-body-md-line-height:1.5;--brick-typography-body-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-sm-font-size:.875rem;--brick-typography-body-sm-font-weight:400;--brick-typography-body-sm-letter-spacing:0em;--brick-typography-body-sm-line-height:1.5;--brick-typography-caption-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-caption-font-size:.75rem;--brick-typography-caption-font-weight:400;--brick-typography-caption-letter-spacing:0em;--brick-typography-caption-line-height:1.5;--brick-typography-code-block-md-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-block-md-font-size:1rem;--brick-typography-code-block-md-font-weight:400;--brick-typography-code-block-md-letter-spacing:0em;--brick-typography-code-block-md-line-height:1.5;--brick-typography-code-block-sm-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-block-sm-font-size:.875rem;--brick-typography-code-block-sm-font-weight:400;--brick-typography-code-block-sm-letter-spacing:0em;--brick-typography-code-block-sm-line-height:1.5;--brick-typography-code-inline-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-inline-font-size:.9em;--brick-typography-code-inline-font-weight:400;--brick-typography-code-inline-letter-spacing:0em;--brick-typography-code-inline-line-height:1.5;--brick-typography-compact-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-compact-title-lg-font-size:1rem;--brick-typography-compact-title-lg-font-weight:600;--brick-typography-compact-title-lg-letter-spacing:-.01em;--brick-typography-compact-title-lg-line-height:1.2;--brick-typography-compact-title-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-compact-title-font-size:.875rem;--brick-typography-compact-title-font-weight:600;--brick-typography-compact-title-letter-spacing:0em;--brick-typography-compact-title-line-height:1.2;--brick-typography-control-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-lg-font-size:1rem;--brick-typography-control-lg-font-weight:500;--brick-typography-control-lg-letter-spacing:0em;--brick-typography-control-lg-line-height:1.2;--brick-typography-control-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-md-font-size:.9375rem;--brick-typography-control-md-font-weight:500;--brick-typography-control-md-letter-spacing:0em;--brick-typography-control-md-line-height:1.2;--brick-typography-control-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-sm-font-size:.875rem;--brick-typography-control-sm-font-weight:500;--brick-typography-control-sm-letter-spacing:0em;--brick-typography-control-sm-line-height:1.2;--brick-typography-control-xl-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-xl-font-size:1.125rem;--brick-typography-control-xl-font-weight:500;--brick-typography-control-xl-letter-spacing:0em;--brick-typography-control-xl-line-height:1.2;--brick-typography-control-xs-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-xs-font-size:.75rem;--brick-typography-control-xs-font-weight:500;--brick-typography-control-xs-letter-spacing:0em;--brick-typography-control-xs-line-height:1.2;--brick-typography-display-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-display-lg-font-size:4rem;--brick-typography-display-lg-font-weight:600;--brick-typography-display-lg-letter-spacing:-.03em;--brick-typography-display-lg-line-height:1.2;--brick-typography-display-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-display-md-font-size:3.25rem;--brick-typography-display-md-font-weight:600;--brick-typography-display-md-letter-spacing:-.03em;--brick-typography-display-md-line-height:1.2;--brick-typography-display-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-display-sm-font-size:2.5rem;--brick-typography-display-sm-font-weight:600;--brick-typography-display-sm-letter-spacing:-.03em;--brick-typography-display-sm-line-height:1.2;--brick-typography-display-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-display-font-size:2.5rem;--brick-typography-display-font-weight:600;--brick-typography-display-letter-spacing:-.03em;--brick-typography-display-line-height:1.2;--brick-typography-eyebrow-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-eyebrow-font-size:.75rem;--brick-typography-eyebrow-font-weight:600;--brick-typography-eyebrow-letter-spacing:.08em;--brick-typography-eyebrow-line-height:1.2;--brick-typography-field-value-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-field-value-lg-font-size:1.125rem;--brick-typography-field-value-lg-font-weight:400;--brick-typography-field-value-lg-letter-spacing:0em;--brick-typography-field-value-lg-line-height:1.5;--brick-typography-field-value-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-field-value-md-font-size:1rem;--brick-typography-field-value-md-font-weight:400;--brick-typography-field-value-md-letter-spacing:0em;--brick-typography-field-value-md-line-height:1.5;--brick-typography-label-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-label-md-font-size:1rem;--brick-typography-label-md-font-weight:500;--brick-typography-label-md-letter-spacing:0em;--brick-typography-label-md-line-height:1.5;--brick-typography-label-strong-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-label-strong-font-size:1rem;--brick-typography-label-strong-font-weight:600;--brick-typography-label-strong-letter-spacing:0em;--brick-typography-label-strong-line-height:1.5;--brick-typography-overlay-title-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-overlay-title-font-size:1.25rem;--brick-typography-overlay-title-font-weight:600;--brick-typography-overlay-title-letter-spacing:-.01em;--brick-typography-overlay-title-line-height:1.2;--brick-typography-supporting-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-supporting-sm-font-size:.875rem;--brick-typography-supporting-sm-font-weight:400;--brick-typography-supporting-sm-letter-spacing:0em;--brick-typography-supporting-sm-line-height:1.5;--brick-typography-surface-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-lg-font-size:1.25rem;--brick-typography-surface-title-lg-font-weight:600;--brick-typography-surface-title-lg-letter-spacing:-.01em;--brick-typography-surface-title-lg-line-height:1.2;--brick-typography-surface-title-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-md-font-size:1.125rem;--brick-typography-surface-title-md-font-weight:600;--brick-typography-surface-title-md-letter-spacing:-.01em;--brick-typography-surface-title-md-line-height:1.2;--brick-typography-surface-title-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-sm-font-size:1rem;--brick-typography-surface-title-sm-font-weight:600;--brick-typography-surface-title-sm-letter-spacing:-.01em;--brick-typography-surface-title-sm-line-height:1.2;--brick-typography-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-lg-font-size:2rem;--brick-typography-title-lg-font-weight:600;--brick-typography-title-lg-letter-spacing:-.02em;--brick-typography-title-lg-line-height:1.2;--brick-typography-title-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-md-font-size:1.5rem;--brick-typography-title-md-font-weight:600;--brick-typography-title-md-letter-spacing:-.02em;--brick-typography-title-md-line-height:1.2;--brick-typography-title-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-sm-font-size:1.25rem;--brick-typography-title-sm-font-weight:600;--brick-typography-title-sm-letter-spacing:-.01em;--brick-typography-title-sm-line-height:1.2;--brick-typography-validation-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-validation-sm-font-size:.875rem;--brick-typography-validation-sm-font-weight:500;--brick-typography-validation-sm-letter-spacing:0em;--brick-typography-validation-sm-line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-brick-appearance]){--brick-color-accent-border:#5a56b5;--brick-color-accent-on-soft:#bebaff;--brick-color-accent-on-solid:#fff;--brick-color-accent-soft:#232149;--brick-color-accent-soft-hover:#2f2c5c;--brick-color-accent-soft-pressed:#3a376f;--brick-color-accent-solid:#5b57c7;--brick-color-accent-solid-hover:#625ed0;--brick-color-accent-solid-pressed:#514db6;--brick-color-accent-text:#bebaff;--brick-color-border-default:#4d4c47;--brick-color-border-strong:#706d64;--brick-color-border-subtle:#3b3b37;--brick-color-danger-border:#993045;--brick-color-danger-on-soft:#ff93a7;--brick-color-danger-on-solid:#fff;--brick-color-danger-soft:#44131e;--brick-color-danger-soft-hover:#561825;--brick-color-danger-soft-pressed:#681d2d;--brick-color-danger-solid:#af2642;--brick-color-danger-solid-hover:#bd2c49;--brick-color-danger-solid-pressed:#9f2038;--brick-color-danger-surface:#44131e;--brick-color-danger-text:#ff93a7;--brick-color-focus-ring:#bebaff;--brick-color-info-border:#2c6ba7;--brick-color-info-on-soft:#95c9f6;--brick-color-info-on-solid:#fff;--brick-color-info-soft:#102840;--brick-color-info-soft-hover:#143654;--brick-color-info-soft-pressed:#184267;--brick-color-info-solid:#0a6ec3;--brick-color-info-solid-hover:#1178cf;--brick-color-info-solid-pressed:#075fa9;--brick-color-info-surface:#102840;--brick-color-info-text:#95c9f6;--brick-color-link-text:#abb5ff;--brick-color-link-text-hover:#b7c1ff;--brick-color-link-text-pressed:#c6cfff;--brick-color-scrim:#000000b8;--brick-color-shadow:#00000080;--brick-color-success-border:#237350;--brick-color-success-on-soft:#7bd1ad;--brick-color-success-on-solid:#fff;--brick-color-success-soft:#0e3022;--brick-color-success-soft-hover:#123d2b;--brick-color-success-soft-pressed:#174b35;--brick-color-success-solid:#18794e;--brick-color-success-solid-hover:#1e8357;--brick-color-success-solid-pressed:#12663f;--brick-color-success-surface:#0e3022;--brick-color-success-text:#7bd1ad;--brick-color-surface-base:#20201e;--brick-color-surface-canvas:#191918;--brick-color-surface-overlay:#2e2e2b;--brick-color-surface-raised:#2e2e2b;--brick-color-surface-subtle:#272725;--brick-color-text-disabled:#999690;--brick-color-text-inverse:#211f1c;--brick-color-text-muted:#999690;--brick-color-text-primary:#eeeeec;--brick-color-text-secondary:#b8b6b1;--brick-color-warning-border:#905f12;--brick-color-warning-on-soft:#f2bd59;--brick-color-warning-on-solid:#211f1c;--brick-color-warning-soft:#3d2707;--brick-color-warning-soft-hover:#4d3108;--brick-color-warning-soft-pressed:#5d3b09;--brick-color-warning-solid:#e39019;--brick-color-warning-solid-hover:#eda025;--brick-color-warning-solid-pressed:#cf7d08;--brick-color-warning-surface:#3d2707;--brick-color-warning-text:#f2bd59;--brick-shadow-floating:0rem .75rem 2rem 0rem #00000042;--brick-shadow-modal:0rem 1.5rem 4.5rem 0rem #0000007a;--brick-shadow-raised:0rem .5rem 1.5rem -.25rem #00000080;--brick-shadow-sm:0rem .125rem .375rem 0rem #00000080}}[data-brick-appearance=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brick-color-accent-border:#aaa8f2;--brick-color-accent-on-soft:#414098;--brick-color-accent-on-solid:#fff;--brick-color-accent-soft:#f0f0ff;--brick-color-accent-soft-hover:#e6e6fe;--brick-color-accent-soft-pressed:#dadaff;--brick-color-accent-solid:#5b5bd6;--brick-color-accent-solid-hover:#5151cd;--brick-color-accent-solid-pressed:#4747c2;--brick-color-accent-text:#414098;--brick-color-border-default:#d9d6d0;--brick-color-border-strong:#aaa69e;--brick-color-border-subtle:#e3e0db;--brick-color-danger-border:#ef9cad;--brick-color-danger-on-soft:#ad233f;--brick-color-danger-on-solid:#fff;--brick-color-danger-soft:#ffeef1;--brick-color-danger-soft-hover:#ffdde3;--brick-color-danger-soft-pressed:#ffcbd5;--brick-color-danger-solid:#ad233f;--brick-color-danger-solid-hover:#9f1f38;--brick-color-danger-solid-pressed:#901a33;--brick-color-danger-surface:#ffeef1;--brick-color-danger-text:#ad233f;--brick-color-focus-ring:#5b5bd6;--brick-color-info-border:#95c9f6;--brick-color-info-on-soft:#105da9;--brick-color-info-on-solid:#fff;--brick-color-info-soft:#ecf6ff;--brick-color-info-soft-hover:#dceeff;--brick-color-info-soft-pressed:#cbe7ff;--brick-color-info-solid:#0073d0;--brick-color-info-solid-hover:#0068bd;--brick-color-info-solid-pressed:#005da9;--brick-color-info-surface:#ecf6ff;--brick-color-info-text:#105da9;--brick-color-link-text:#3a3a8f;--brick-color-link-text-hover:#333185;--brick-color-link-text-pressed:#2a2579;--brick-color-scrim:#1413128c;--brick-color-shadow:#1413122e;--brick-color-success-border:#7bd1ad;--brick-color-success-on-soft:#136e4c;--brick-color-success-on-solid:#fff;--brick-color-success-soft:#e8fbf3;--brick-color-success-soft-hover:#d7f6e9;--brick-color-success-soft-pressed:#c5efdd;--brick-color-success-solid:#18794e;--brick-color-success-solid-hover:#146f46;--brick-color-success-solid-pressed:#10643e;--brick-color-success-surface:#e8fbf3;--brick-color-success-text:#136e4c;--brick-color-surface-base:#f9f8f6;--brick-color-surface-canvas:#fdfcfb;--brick-color-surface-overlay:#fff;--brick-color-surface-raised:#fff;--brick-color-surface-subtle:#f2f0ed;--brick-color-text-disabled:#76726c;--brick-color-text-inverse:#fff;--brick-color-text-muted:#76726c;--brick-color-text-primary:#211f1c;--brick-color-text-secondary:#63605b;--brick-color-warning-border:#e3a644;--brick-color-warning-on-soft:#714904;--brick-color-warning-on-solid:#211f1c;--brick-color-warning-soft:#fff7e3;--brick-color-warning-soft-hover:#ffedc2;--brick-color-warning-soft-pressed:#ffe3a1;--brick-color-warning-solid:#f29f21;--brick-color-warning-solid-hover:#e58c0e;--brick-color-warning-solid-pressed:#d87d00;--brick-color-warning-surface:#fff7e3;--brick-color-warning-text:#714904;--brick-shadow-floating:0rem .75rem 2rem 0rem #14131218;--brick-shadow-modal:0rem 1.5rem 4.5rem 0rem #1413122c;--brick-shadow-raised:0rem .5rem 1.5rem -.25rem #1413122e;--brick-shadow-sm:0rem .125rem .375rem 0rem #1413122e}[data-brick-appearance=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brick-color-accent-border:#5a56b5;--brick-color-accent-on-soft:#bebaff;--brick-color-accent-on-solid:#fff;--brick-color-accent-soft:#232149;--brick-color-accent-soft-hover:#2f2c5c;--brick-color-accent-soft-pressed:#3a376f;--brick-color-accent-solid:#5b57c7;--brick-color-accent-solid-hover:#625ed0;--brick-color-accent-solid-pressed:#514db6;--brick-color-accent-text:#bebaff;--brick-color-border-default:#4d4c47;--brick-color-border-strong:#706d64;--brick-color-border-subtle:#3b3b37;--brick-color-danger-border:#993045;--brick-color-danger-on-soft:#ff93a7;--brick-color-danger-on-solid:#fff;--brick-color-danger-soft:#44131e;--brick-color-danger-soft-hover:#561825;--brick-color-danger-soft-pressed:#681d2d;--brick-color-danger-solid:#af2642;--brick-color-danger-solid-hover:#bd2c49;--brick-color-danger-solid-pressed:#9f2038;--brick-color-danger-surface:#44131e;--brick-color-danger-text:#ff93a7;--brick-color-focus-ring:#bebaff;--brick-color-info-border:#2c6ba7;--brick-color-info-on-soft:#95c9f6;--brick-color-info-on-solid:#fff;--brick-color-info-soft:#102840;--brick-color-info-soft-hover:#143654;--brick-color-info-soft-pressed:#184267;--brick-color-info-solid:#0a6ec3;--brick-color-info-solid-hover:#1178cf;--brick-color-info-solid-pressed:#075fa9;--brick-color-info-surface:#102840;--brick-color-info-text:#95c9f6;--brick-color-link-text:#abb5ff;--brick-color-link-text-hover:#b7c1ff;--brick-color-link-text-pressed:#c6cfff;--brick-color-scrim:#000000b8;--brick-color-shadow:#00000080;--brick-color-success-border:#237350;--brick-color-success-on-soft:#7bd1ad;--brick-color-success-on-solid:#fff;--brick-color-success-soft:#0e3022;--brick-color-success-soft-hover:#123d2b;--brick-color-success-soft-pressed:#174b35;--brick-color-success-solid:#18794e;--brick-color-success-solid-hover:#1e8357;--brick-color-success-solid-pressed:#12663f;--brick-color-success-surface:#0e3022;--brick-color-success-text:#7bd1ad;--brick-color-surface-base:#20201e;--brick-color-surface-canvas:#191918;--brick-color-surface-overlay:#2e2e2b;--brick-color-surface-raised:#2e2e2b;--brick-color-surface-subtle:#272725;--brick-color-text-disabled:#999690;--brick-color-text-inverse:#211f1c;--brick-color-text-muted:#999690;--brick-color-text-primary:#eeeeec;--brick-color-text-secondary:#b8b6b1;--brick-color-warning-border:#905f12;--brick-color-warning-on-soft:#f2bd59;--brick-color-warning-on-solid:#211f1c;--brick-color-warning-soft:#3d2707;--brick-color-warning-soft-hover:#4d3108;--brick-color-warning-soft-pressed:#5d3b09;--brick-color-warning-solid:#e39019;--brick-color-warning-solid-hover:#eda025;--brick-color-warning-solid-pressed:#cf7d08;--brick-color-warning-surface:#3d2707;--brick-color-warning-text:#f2bd59;--brick-shadow-floating:0rem .75rem 2rem 0rem #00000042;--brick-shadow-modal:0rem 1.5rem 4.5rem 0rem #0000007a;--brick-shadow-raised:0rem .5rem 1.5rem -.25rem #00000080;--brick-shadow-sm:0rem .125rem .375rem 0rem #00000080}}@layer flowstack.theme;@layer brick.foundations{:where(body){background-color:var(--brick-color-surface-canvas);color:var(--brick-color-text-primary);font-family:var(--brick-font-family-body);font-size:var(--brick-typography-body-md-font-size);line-height:var(--brick-typography-body-md-line-height)}:where([class^=brick-],[class*=\ brick-]){box-sizing:border-box;font-family:var(--brick-font-family-body);-webkit-tap-highlight-color:transparent}:where([class^=brick-],[class*=\ brick-]):before,:where([class^=brick-],[class*=\ brick-]):after{box-sizing:border-box}@media (forced-colors:active){:where([class^=brick-],[class*=\ brick-]){forced-color-adjust:auto}}@media (prefers-reduced-motion:reduce){:where([class^=brick-],[class*=\ brick-]){scroll-behavior:auto}}}@layer brick.components,brick.utilities,brick.effects;
2
2
  /*# sourceMappingURL=core.css.map */
package/dist/styles/core.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"ACAA,oBCCE,orYAAA,mCAAA,yDAiRE,2rFA4EF,kvFA4EA,0vFD1aF,uBAAA,yBECE,4PAQA,kJAMA,uHAKA,8BACE,oEAKF,uCACE,iEF3BJ","sources":["home/runner/work/brick/brick/.brick-cache/production/core.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/foundations.css","home/runner/work/brick/brick/.brick-cache/production/tokens.source.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"./tokens.source.css\";\n@import \"../../src/styles/foundations.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.foundations {\n :where(body) {\n background-color: var(--brick-color-surface-canvas);\n color: var(--brick-color-text-primary);\n font-family: var(--brick-font-family-body);\n font-size: var(--brick-typography-body-md-font-size);\n line-height: var(--brick-typography-body-md-line-height);\n }\n\n :where([class^=\"brick-\"], [class*=\" brick-\"]) {\n box-sizing: border-box;\n font-family: var(--brick-font-family-body);\n -webkit-tap-highlight-color: transparent;\n }\n\n :where([class^=\"brick-\"], [class*=\" brick-\"])::before,\n :where([class^=\"brick-\"], [class*=\" brick-\"])::after {\n box-sizing: border-box;\n }\n\n @media (forced-colors: active) {\n :where([class^=\"brick-\"], [class*=\" brick-\"]) {\n forced-color-adjust: auto;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n :where([class^=\"brick-\"], [class*=\" brick-\"]) {\n scroll-behavior: auto;\n }\n }\n}\n","@layer brick.tokens {\n :root {\n color-scheme: light dark;\n --brick-border-focus-offset: 0.25rem;\n --brick-border-focus-width: 2px;\n --brick-border-width: 1px;\n --brick-color-accent-border: #aaa8f2;\n --brick-color-accent-on-soft: #414098;\n --brick-color-accent-on-solid: #ffffff;\n --brick-color-accent-soft: #f0f0ff;\n --brick-color-accent-soft-hover: #e6e6fe;\n --brick-color-accent-soft-pressed: #dadaff;\n --brick-color-accent-solid: #5b5bd6;\n --brick-color-accent-solid-hover: #5151cd;\n --brick-color-accent-solid-pressed: #4747c2;\n --brick-color-accent-text: #414098;\n --brick-color-border-default: #d9d6d0;\n --brick-color-border-strong: #aaa69e;\n --brick-color-border-subtle: #e3e0db;\n --brick-color-danger-border: #ef9cad;\n --brick-color-danger-on-soft: #ad233f;\n --brick-color-danger-on-solid: #ffffff;\n --brick-color-danger-soft: #ffeef1;\n --brick-color-danger-soft-hover: #ffdde3;\n --brick-color-danger-soft-pressed: #ffcbd5;\n --brick-color-danger-solid: #ad233f;\n --brick-color-danger-solid-hover: #9f1f38;\n --brick-color-danger-solid-pressed: #901a33;\n --brick-color-danger-surface: #ffeef1;\n --brick-color-danger-text: #ad233f;\n --brick-color-focus-ring: #5b5bd6;\n --brick-color-info-border: #95c9f6;\n --brick-color-info-on-soft: #105da9;\n --brick-color-info-on-solid: #ffffff;\n --brick-color-info-soft: #ecf6ff;\n --brick-color-info-soft-hover: #dceeff;\n --brick-color-info-soft-pressed: #cbe7ff;\n --brick-color-info-solid: #0073d0;\n --brick-color-info-solid-hover: #0068bd;\n --brick-color-info-solid-pressed: #005da9;\n --brick-color-info-surface: #ecf6ff;\n --brick-color-info-text: #105da9;\n --brick-color-scrim: #1413128c;\n --brick-color-shadow: #1413122e;\n --brick-color-success-border: #7bd1ad;\n --brick-color-success-on-soft: #136e4c;\n --brick-color-success-on-solid: #ffffff;\n --brick-color-success-soft: #e8fbf3;\n --brick-color-success-soft-hover: #d7f6e9;\n --brick-color-success-soft-pressed: #c5efdd;\n --brick-color-success-solid: #18794e;\n --brick-color-success-solid-hover: #146f46;\n --brick-color-success-solid-pressed: #10643e;\n --brick-color-success-surface: #e8fbf3;\n --brick-color-success-text: #136e4c;\n --brick-color-surface-base: #f9f8f6;\n --brick-color-surface-canvas: #fdfcfb;\n --brick-color-surface-overlay: #ffffff;\n --brick-color-surface-raised: #ffffff;\n --brick-color-surface-subtle: #f2f0ed;\n --brick-color-text-disabled: #76726c;\n --brick-color-text-inverse: #ffffff;\n --brick-color-text-muted: #76726c;\n --brick-color-text-primary: #211f1c;\n --brick-color-text-secondary: #63605b;\n --brick-color-warning-border: #e3a644;\n --brick-color-warning-on-soft: #714904;\n --brick-color-warning-on-solid: #211f1c;\n --brick-color-warning-soft: #fff7e3;\n --brick-color-warning-soft-hover: #ffedc2;\n --brick-color-warning-soft-pressed: #ffe3a1;\n --brick-color-warning-solid: #f29f21;\n --brick-color-warning-solid-hover: #e58c0e;\n --brick-color-warning-solid-pressed: #d87d00;\n --brick-color-warning-surface: #fff7e3;\n --brick-color-warning-text: #714904;\n --brick-control-min-block-size-lg: 3.25rem;\n --brick-control-min-block-size-md: 2.75rem;\n --brick-control-min-block-size-sm: 2.25rem;\n --brick-control-min-block-size-xl: 3.75rem;\n --brick-control-min-block-size-xs: 1.75rem;\n --brick-control-target-min: 2.75rem;\n --brick-font-family-body: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-heading: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-mono: ui-monospace, SFMono-Regular, monospace;\n --brick-font-letter-spacing-normal: 0em;\n --brick-font-letter-spacing-slight: -0.01em;\n --brick-font-letter-spacing-tight: -0.02em;\n --brick-font-letter-spacing-tightest: -0.03em;\n --brick-font-letter-spacing-wide: 0.08em;\n --brick-font-line-height-body: 1.5;\n --brick-font-line-height-tight: 1.2;\n --brick-font-size-2xl: 2rem;\n --brick-font-size-3xl: 2.5rem;\n --brick-font-size-lg: 1.25rem;\n --brick-font-size-md: 1rem;\n --brick-font-size-sm: 0.875rem;\n --brick-font-size-xl: 1.5rem;\n --brick-font-size-xs: 0.75rem;\n --brick-font-weight-medium: 500;\n --brick-font-weight-regular: 400;\n --brick-font-weight-semibold: 600;\n --brick-layer-base: 0;\n --brick-layer-overlay: 1000;\n --brick-motion-duration-fast: 120ms;\n --brick-motion-duration-moderate: 200ms;\n --brick-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);\n --brick-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);\n --brick-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);\n --brick-radius-control: 0.5rem;\n --brick-radius-full: 9999px;\n --brick-radius-overlay: 1rem;\n --brick-radius-subtle: 0.25rem;\n --brick-radius-surface: 0.75rem;\n --brick-shadow-raised: 0rem 0.5rem 1.5rem -0.25rem #1413122e;\n --brick-shadow-sm: 0rem 0.125rem 0.375rem 0rem #1413122e;\n --brick-space-0: 0rem;\n --brick-space-1: 0.25rem;\n --brick-space-2: 0.5rem;\n --brick-space-3: 0.75rem;\n --brick-space-4: 1rem;\n --brick-space-5: 1.5rem;\n --brick-space-6: 2rem;\n --brick-space-component-gap: 0.5rem;\n --brick-space-control-inline: 1rem;\n --brick-space-surface: 1.5rem;\n --brick-typography-body-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-lg-font-size: 1.25rem;\n --brick-typography-body-lg-font-weight: 400;\n --brick-typography-body-lg-letter-spacing: 0em;\n --brick-typography-body-lg-line-height: 1.5;\n --brick-typography-body-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-md-font-size: 1rem;\n --brick-typography-body-md-font-weight: 400;\n --brick-typography-body-md-letter-spacing: 0em;\n --brick-typography-body-md-line-height: 1.5;\n --brick-typography-body-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-sm-font-size: 0.875rem;\n --brick-typography-body-sm-font-weight: 400;\n --brick-typography-body-sm-letter-spacing: 0em;\n --brick-typography-body-sm-line-height: 1.5;\n --brick-typography-caption-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-caption-font-size: 0.75rem;\n --brick-typography-caption-font-weight: 400;\n --brick-typography-caption-letter-spacing: 0em;\n --brick-typography-caption-line-height: 1.5;\n --brick-typography-code-block-md-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-md-font-size: 1rem;\n --brick-typography-code-block-md-font-weight: 400;\n --brick-typography-code-block-md-letter-spacing: 0em;\n --brick-typography-code-block-md-line-height: 1.5;\n --brick-typography-code-block-sm-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-sm-font-size: 0.875rem;\n --brick-typography-code-block-sm-font-weight: 400;\n --brick-typography-code-block-sm-letter-spacing: 0em;\n --brick-typography-code-block-sm-line-height: 1.5;\n --brick-typography-code-inline-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-inline-font-size: 0.9em;\n --brick-typography-code-inline-font-weight: 400;\n --brick-typography-code-inline-letter-spacing: 0em;\n --brick-typography-code-inline-line-height: 1.5;\n --brick-typography-compact-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-lg-font-size: 1rem;\n --brick-typography-compact-title-lg-font-weight: 600;\n --brick-typography-compact-title-lg-letter-spacing: -0.01em;\n --brick-typography-compact-title-lg-line-height: 1.2;\n --brick-typography-compact-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-font-size: 0.875rem;\n --brick-typography-compact-title-font-weight: 600;\n --brick-typography-compact-title-letter-spacing: 0em;\n --brick-typography-compact-title-line-height: 1.2;\n --brick-typography-control-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-lg-font-size: 1rem;\n --brick-typography-control-lg-font-weight: 500;\n --brick-typography-control-lg-letter-spacing: 0em;\n --brick-typography-control-lg-line-height: 1.2;\n --brick-typography-control-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-md-font-size: 0.9375rem;\n --brick-typography-control-md-font-weight: 500;\n --brick-typography-control-md-letter-spacing: 0em;\n --brick-typography-control-md-line-height: 1.2;\n --brick-typography-control-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-sm-font-size: 0.875rem;\n --brick-typography-control-sm-font-weight: 500;\n --brick-typography-control-sm-letter-spacing: 0em;\n --brick-typography-control-sm-line-height: 1.2;\n --brick-typography-control-xl-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xl-font-size: 1.125rem;\n --brick-typography-control-xl-font-weight: 500;\n --brick-typography-control-xl-letter-spacing: 0em;\n --brick-typography-control-xl-line-height: 1.2;\n --brick-typography-control-xs-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xs-font-size: 0.75rem;\n --brick-typography-control-xs-font-weight: 500;\n --brick-typography-control-xs-letter-spacing: 0em;\n --brick-typography-control-xs-line-height: 1.2;\n --brick-typography-display-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-display-font-size: 2.5rem;\n --brick-typography-display-font-weight: 600;\n --brick-typography-display-letter-spacing: -0.03em;\n --brick-typography-display-line-height: 1.2;\n --brick-typography-eyebrow-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-eyebrow-font-size: 0.75rem;\n --brick-typography-eyebrow-font-weight: 600;\n --brick-typography-eyebrow-letter-spacing: 0.08em;\n --brick-typography-eyebrow-line-height: 1.2;\n --brick-typography-field-value-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-lg-font-size: 1.125rem;\n --brick-typography-field-value-lg-font-weight: 400;\n --brick-typography-field-value-lg-letter-spacing: 0em;\n --brick-typography-field-value-lg-line-height: 1.5;\n --brick-typography-field-value-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-md-font-size: 1rem;\n --brick-typography-field-value-md-font-weight: 400;\n --brick-typography-field-value-md-letter-spacing: 0em;\n --brick-typography-field-value-md-line-height: 1.5;\n --brick-typography-label-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-md-font-size: 1rem;\n --brick-typography-label-md-font-weight: 500;\n --brick-typography-label-md-letter-spacing: 0em;\n --brick-typography-label-md-line-height: 1.5;\n --brick-typography-label-strong-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-strong-font-size: 1rem;\n --brick-typography-label-strong-font-weight: 600;\n --brick-typography-label-strong-letter-spacing: 0em;\n --brick-typography-label-strong-line-height: 1.5;\n --brick-typography-overlay-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-overlay-title-font-size: 1.25rem;\n --brick-typography-overlay-title-font-weight: 600;\n --brick-typography-overlay-title-letter-spacing: -0.01em;\n --brick-typography-overlay-title-line-height: 1.2;\n --brick-typography-supporting-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-supporting-sm-font-size: 0.875rem;\n --brick-typography-supporting-sm-font-weight: 400;\n --brick-typography-supporting-sm-letter-spacing: 0em;\n --brick-typography-supporting-sm-line-height: 1.5;\n --brick-typography-surface-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-lg-font-size: 1.25rem;\n --brick-typography-surface-title-lg-font-weight: 600;\n --brick-typography-surface-title-lg-letter-spacing: -0.01em;\n --brick-typography-surface-title-lg-line-height: 1.2;\n --brick-typography-surface-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-md-font-size: 1.125rem;\n --brick-typography-surface-title-md-font-weight: 600;\n --brick-typography-surface-title-md-letter-spacing: -0.01em;\n --brick-typography-surface-title-md-line-height: 1.2;\n --brick-typography-surface-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-sm-font-size: 1rem;\n --brick-typography-surface-title-sm-font-weight: 600;\n --brick-typography-surface-title-sm-letter-spacing: -0.01em;\n --brick-typography-surface-title-sm-line-height: 1.2;\n --brick-typography-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-lg-font-size: 2rem;\n --brick-typography-title-lg-font-weight: 600;\n --brick-typography-title-lg-letter-spacing: -0.02em;\n --brick-typography-title-lg-line-height: 1.2;\n --brick-typography-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-md-font-size: 1.5rem;\n --brick-typography-title-md-font-weight: 600;\n --brick-typography-title-md-letter-spacing: -0.02em;\n --brick-typography-title-md-line-height: 1.2;\n --brick-typography-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-sm-font-size: 1.25rem;\n --brick-typography-title-sm-font-weight: 600;\n --brick-typography-title-sm-letter-spacing: -0.01em;\n --brick-typography-title-sm-line-height: 1.2;\n --brick-typography-validation-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-validation-sm-font-size: 0.875rem;\n --brick-typography-validation-sm-font-weight: 500;\n --brick-typography-validation-sm-letter-spacing: 0em;\n --brick-typography-validation-sm-line-height: 1.5;\n }\n\n @media (prefers-color-scheme: dark) {\n :root:not([data-brick-appearance]) {\n --brick-color-accent-border: #5a56b5;\n --brick-color-accent-on-soft: #bebaff;\n --brick-color-accent-on-solid: #ffffff;\n --brick-color-accent-soft: #232149;\n --brick-color-accent-soft-hover: #2f2c5c;\n --brick-color-accent-soft-pressed: #3a376f;\n --brick-color-accent-solid: #5b57c7;\n --brick-color-accent-solid-hover: #625ed0;\n --brick-color-accent-solid-pressed: #514db6;\n --brick-color-accent-text: #bebaff;\n --brick-color-border-default: #4d4c47;\n --brick-color-border-strong: #706d64;\n --brick-color-border-subtle: #3b3b37;\n --brick-color-danger-border: #993045;\n --brick-color-danger-on-soft: #ff93a7;\n --brick-color-danger-on-solid: #ffffff;\n --brick-color-danger-soft: #44131e;\n --brick-color-danger-soft-hover: #561825;\n --brick-color-danger-soft-pressed: #681d2d;\n --brick-color-danger-solid: #af2642;\n --brick-color-danger-solid-hover: #bd2c49;\n --brick-color-danger-solid-pressed: #9f2038;\n --brick-color-danger-surface: #44131e;\n --brick-color-danger-text: #ff93a7;\n --brick-color-focus-ring: #bebaff;\n --brick-color-info-border: #2c6ba7;\n --brick-color-info-on-soft: #95c9f6;\n --brick-color-info-on-solid: #ffffff;\n --brick-color-info-soft: #102840;\n --brick-color-info-soft-hover: #143654;\n --brick-color-info-soft-pressed: #184267;\n --brick-color-info-solid: #0a6ec3;\n --brick-color-info-solid-hover: #1178cf;\n --brick-color-info-solid-pressed: #075fa9;\n --brick-color-info-surface: #102840;\n --brick-color-info-text: #95c9f6;\n --brick-color-scrim: #000000b8;\n --brick-color-shadow: #00000080;\n --brick-color-success-border: #237350;\n --brick-color-success-on-soft: #7bd1ad;\n --brick-color-success-on-solid: #ffffff;\n --brick-color-success-soft: #0e3022;\n --brick-color-success-soft-hover: #123d2b;\n --brick-color-success-soft-pressed: #174b35;\n --brick-color-success-solid: #18794e;\n --brick-color-success-solid-hover: #1e8357;\n --brick-color-success-solid-pressed: #12663f;\n --brick-color-success-surface: #0e3022;\n --brick-color-success-text: #7bd1ad;\n --brick-color-surface-base: #20201e;\n --brick-color-surface-canvas: #191918;\n --brick-color-surface-overlay: #2e2e2b;\n --brick-color-surface-raised: #2e2e2b;\n --brick-color-surface-subtle: #272725;\n --brick-color-text-disabled: #999690;\n --brick-color-text-inverse: #211f1c;\n --brick-color-text-muted: #999690;\n --brick-color-text-primary: #eeeeec;\n --brick-color-text-secondary: #b8b6b1;\n --brick-color-warning-border: #905f12;\n --brick-color-warning-on-soft: #f2bd59;\n --brick-color-warning-on-solid: #211f1c;\n --brick-color-warning-soft: #3d2707;\n --brick-color-warning-soft-hover: #4d3108;\n --brick-color-warning-soft-pressed: #5d3b09;\n --brick-color-warning-solid: #e39019;\n --brick-color-warning-solid-hover: #eda025;\n --brick-color-warning-solid-pressed: #cf7d08;\n --brick-color-warning-surface: #3d2707;\n --brick-color-warning-text: #f2bd59;\n --brick-shadow-raised: 0rem 0.5rem 1.5rem -0.25rem #00000080;\n --brick-shadow-sm: 0rem 0.125rem 0.375rem 0rem #00000080;\n }\n }\n\n [data-brick-appearance=\"light\"] {\n color-scheme: light;\n --brick-color-accent-border: #aaa8f2;\n --brick-color-accent-on-soft: #414098;\n --brick-color-accent-on-solid: #ffffff;\n --brick-color-accent-soft: #f0f0ff;\n --brick-color-accent-soft-hover: #e6e6fe;\n --brick-color-accent-soft-pressed: #dadaff;\n --brick-color-accent-solid: #5b5bd6;\n --brick-color-accent-solid-hover: #5151cd;\n --brick-color-accent-solid-pressed: #4747c2;\n --brick-color-accent-text: #414098;\n --brick-color-border-default: #d9d6d0;\n --brick-color-border-strong: #aaa69e;\n --brick-color-border-subtle: #e3e0db;\n --brick-color-danger-border: #ef9cad;\n --brick-color-danger-on-soft: #ad233f;\n --brick-color-danger-on-solid: #ffffff;\n --brick-color-danger-soft: #ffeef1;\n --brick-color-danger-soft-hover: #ffdde3;\n --brick-color-danger-soft-pressed: #ffcbd5;\n --brick-color-danger-solid: #ad233f;\n --brick-color-danger-solid-hover: #9f1f38;\n --brick-color-danger-solid-pressed: #901a33;\n --brick-color-danger-surface: #ffeef1;\n --brick-color-danger-text: #ad233f;\n --brick-color-focus-ring: #5b5bd6;\n --brick-color-info-border: #95c9f6;\n --brick-color-info-on-soft: #105da9;\n --brick-color-info-on-solid: #ffffff;\n --brick-color-info-soft: #ecf6ff;\n --brick-color-info-soft-hover: #dceeff;\n --brick-color-info-soft-pressed: #cbe7ff;\n --brick-color-info-solid: #0073d0;\n --brick-color-info-solid-hover: #0068bd;\n --brick-color-info-solid-pressed: #005da9;\n --brick-color-info-surface: #ecf6ff;\n --brick-color-info-text: #105da9;\n --brick-color-scrim: #1413128c;\n --brick-color-shadow: #1413122e;\n --brick-color-success-border: #7bd1ad;\n --brick-color-success-on-soft: #136e4c;\n --brick-color-success-on-solid: #ffffff;\n --brick-color-success-soft: #e8fbf3;\n --brick-color-success-soft-hover: #d7f6e9;\n --brick-color-success-soft-pressed: #c5efdd;\n --brick-color-success-solid: #18794e;\n --brick-color-success-solid-hover: #146f46;\n --brick-color-success-solid-pressed: #10643e;\n --brick-color-success-surface: #e8fbf3;\n --brick-color-success-text: #136e4c;\n --brick-color-surface-base: #f9f8f6;\n --brick-color-surface-canvas: #fdfcfb;\n --brick-color-surface-overlay: #ffffff;\n --brick-color-surface-raised: #ffffff;\n --brick-color-surface-subtle: #f2f0ed;\n --brick-color-text-disabled: #76726c;\n --brick-color-text-inverse: #ffffff;\n --brick-color-text-muted: #76726c;\n --brick-color-text-primary: #211f1c;\n --brick-color-text-secondary: #63605b;\n --brick-color-warning-border: #e3a644;\n --brick-color-warning-on-soft: #714904;\n --brick-color-warning-on-solid: #211f1c;\n --brick-color-warning-soft: #fff7e3;\n --brick-color-warning-soft-hover: #ffedc2;\n --brick-color-warning-soft-pressed: #ffe3a1;\n --brick-color-warning-solid: #f29f21;\n --brick-color-warning-solid-hover: #e58c0e;\n --brick-color-warning-solid-pressed: #d87d00;\n --brick-color-warning-surface: #fff7e3;\n --brick-color-warning-text: #714904;\n --brick-shadow-raised: 0rem 0.5rem 1.5rem -0.25rem #1413122e;\n --brick-shadow-sm: 0rem 0.125rem 0.375rem 0rem #1413122e;\n }\n\n [data-brick-appearance=\"dark\"] {\n color-scheme: dark;\n --brick-color-accent-border: #5a56b5;\n --brick-color-accent-on-soft: #bebaff;\n --brick-color-accent-on-solid: #ffffff;\n --brick-color-accent-soft: #232149;\n --brick-color-accent-soft-hover: #2f2c5c;\n --brick-color-accent-soft-pressed: #3a376f;\n --brick-color-accent-solid: #5b57c7;\n --brick-color-accent-solid-hover: #625ed0;\n --brick-color-accent-solid-pressed: #514db6;\n --brick-color-accent-text: #bebaff;\n --brick-color-border-default: #4d4c47;\n --brick-color-border-strong: #706d64;\n --brick-color-border-subtle: #3b3b37;\n --brick-color-danger-border: #993045;\n --brick-color-danger-on-soft: #ff93a7;\n --brick-color-danger-on-solid: #ffffff;\n --brick-color-danger-soft: #44131e;\n --brick-color-danger-soft-hover: #561825;\n --brick-color-danger-soft-pressed: #681d2d;\n --brick-color-danger-solid: #af2642;\n --brick-color-danger-solid-hover: #bd2c49;\n --brick-color-danger-solid-pressed: #9f2038;\n --brick-color-danger-surface: #44131e;\n --brick-color-danger-text: #ff93a7;\n --brick-color-focus-ring: #bebaff;\n --brick-color-info-border: #2c6ba7;\n --brick-color-info-on-soft: #95c9f6;\n --brick-color-info-on-solid: #ffffff;\n --brick-color-info-soft: #102840;\n --brick-color-info-soft-hover: #143654;\n --brick-color-info-soft-pressed: #184267;\n --brick-color-info-solid: #0a6ec3;\n --brick-color-info-solid-hover: #1178cf;\n --brick-color-info-solid-pressed: #075fa9;\n --brick-color-info-surface: #102840;\n --brick-color-info-text: #95c9f6;\n --brick-color-scrim: #000000b8;\n --brick-color-shadow: #00000080;\n --brick-color-success-border: #237350;\n --brick-color-success-on-soft: #7bd1ad;\n --brick-color-success-on-solid: #ffffff;\n --brick-color-success-soft: #0e3022;\n --brick-color-success-soft-hover: #123d2b;\n --brick-color-success-soft-pressed: #174b35;\n --brick-color-success-solid: #18794e;\n --brick-color-success-solid-hover: #1e8357;\n --brick-color-success-solid-pressed: #12663f;\n --brick-color-success-surface: #0e3022;\n --brick-color-success-text: #7bd1ad;\n --brick-color-surface-base: #20201e;\n --brick-color-surface-canvas: #191918;\n --brick-color-surface-overlay: #2e2e2b;\n --brick-color-surface-raised: #2e2e2b;\n --brick-color-surface-subtle: #272725;\n --brick-color-text-disabled: #999690;\n --brick-color-text-inverse: #211f1c;\n --brick-color-text-muted: #999690;\n --brick-color-text-primary: #eeeeec;\n --brick-color-text-secondary: #b8b6b1;\n --brick-color-warning-border: #905f12;\n --brick-color-warning-on-soft: #f2bd59;\n --brick-color-warning-on-solid: #211f1c;\n --brick-color-warning-soft: #3d2707;\n --brick-color-warning-soft-hover: #4d3108;\n --brick-color-warning-soft-pressed: #5d3b09;\n --brick-color-warning-solid: #e39019;\n --brick-color-warning-solid-hover: #eda025;\n --brick-color-warning-solid-pressed: #cf7d08;\n --brick-color-warning-surface: #3d2707;\n --brick-color-warning-text: #f2bd59;\n --brick-shadow-raised: 0rem 0.5rem 1.5rem -0.25rem #00000080;\n --brick-shadow-sm: 0rem 0.125rem 0.375rem 0rem #00000080;\n }\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,oBCCE,mvaAAA,mCAAA,yDAuSE,w5FAiFF,+8FAiFA,u9FD1cF,uBAAA,yBECE,4PAQA,kJAMA,uHAKA,8BACE,oEAKF,uCACE,iEF3BJ","sources":["home/runner/work/brick/brick/.brick-cache/production/core.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/foundations.css","home/runner/work/brick/brick/.brick-cache/production/tokens.source.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"./tokens.source.css\";\n@import \"../../src/styles/foundations.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.foundations {\n :where(body) {\n background-color: var(--brick-color-surface-canvas);\n color: var(--brick-color-text-primary);\n font-family: var(--brick-font-family-body);\n font-size: var(--brick-typography-body-md-font-size);\n line-height: var(--brick-typography-body-md-line-height);\n }\n\n :where([class^=\"brick-\"], [class*=\" brick-\"]) {\n box-sizing: border-box;\n font-family: var(--brick-font-family-body);\n -webkit-tap-highlight-color: transparent;\n }\n\n :where([class^=\"brick-\"], [class*=\" brick-\"])::before,\n :where([class^=\"brick-\"], [class*=\" brick-\"])::after {\n box-sizing: border-box;\n }\n\n @media (forced-colors: active) {\n :where([class^=\"brick-\"], [class*=\" brick-\"]) {\n forced-color-adjust: auto;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n :where([class^=\"brick-\"], [class*=\" brick-\"]) {\n scroll-behavior: auto;\n }\n }\n}\n","@layer brick.tokens {\n :root {\n color-scheme: light dark;\n --brick-border-focus-offset: 0.25rem;\n --brick-border-focus-width: 2px;\n --brick-border-width: 1px;\n --brick-color-accent-border: #aaa8f2;\n --brick-color-accent-on-soft: #414098;\n --brick-color-accent-on-solid: #ffffff;\n --brick-color-accent-soft: #f0f0ff;\n --brick-color-accent-soft-hover: #e6e6fe;\n --brick-color-accent-soft-pressed: #dadaff;\n --brick-color-accent-solid: #5b5bd6;\n --brick-color-accent-solid-hover: #5151cd;\n --brick-color-accent-solid-pressed: #4747c2;\n --brick-color-accent-text: #414098;\n --brick-color-border-default: #d9d6d0;\n --brick-color-border-strong: #aaa69e;\n --brick-color-border-subtle: #e3e0db;\n --brick-color-danger-border: #ef9cad;\n --brick-color-danger-on-soft: #ad233f;\n --brick-color-danger-on-solid: #ffffff;\n --brick-color-danger-soft: #ffeef1;\n --brick-color-danger-soft-hover: #ffdde3;\n --brick-color-danger-soft-pressed: #ffcbd5;\n --brick-color-danger-solid: #ad233f;\n --brick-color-danger-solid-hover: #9f1f38;\n --brick-color-danger-solid-pressed: #901a33;\n --brick-color-danger-surface: #ffeef1;\n --brick-color-danger-text: #ad233f;\n --brick-color-focus-ring: #5b5bd6;\n --brick-color-info-border: #95c9f6;\n --brick-color-info-on-soft: #105da9;\n --brick-color-info-on-solid: #ffffff;\n --brick-color-info-soft: #ecf6ff;\n --brick-color-info-soft-hover: #dceeff;\n --brick-color-info-soft-pressed: #cbe7ff;\n --brick-color-info-solid: #0073d0;\n --brick-color-info-solid-hover: #0068bd;\n --brick-color-info-solid-pressed: #005da9;\n --brick-color-info-surface: #ecf6ff;\n --brick-color-info-text: #105da9;\n --brick-color-link-text: #3a3a8f;\n --brick-color-link-text-hover: #333185;\n --brick-color-link-text-pressed: #2a2579;\n --brick-color-scrim: #1413128c;\n --brick-color-shadow: #1413122e;\n --brick-color-success-border: #7bd1ad;\n --brick-color-success-on-soft: #136e4c;\n --brick-color-success-on-solid: #ffffff;\n --brick-color-success-soft: #e8fbf3;\n --brick-color-success-soft-hover: #d7f6e9;\n --brick-color-success-soft-pressed: #c5efdd;\n --brick-color-success-solid: #18794e;\n --brick-color-success-solid-hover: #146f46;\n --brick-color-success-solid-pressed: #10643e;\n --brick-color-success-surface: #e8fbf3;\n --brick-color-success-text: #136e4c;\n --brick-color-surface-base: #f9f8f6;\n --brick-color-surface-canvas: #fdfcfb;\n --brick-color-surface-overlay: #ffffff;\n --brick-color-surface-raised: #ffffff;\n --brick-color-surface-subtle: #f2f0ed;\n --brick-color-text-disabled: #76726c;\n --brick-color-text-inverse: #ffffff;\n --brick-color-text-muted: #76726c;\n --brick-color-text-primary: #211f1c;\n --brick-color-text-secondary: #63605b;\n --brick-color-warning-border: #e3a644;\n --brick-color-warning-on-soft: #714904;\n --brick-color-warning-on-solid: #211f1c;\n --brick-color-warning-soft: #fff7e3;\n --brick-color-warning-soft-hover: #ffedc2;\n --brick-color-warning-soft-pressed: #ffe3a1;\n --brick-color-warning-solid: #f29f21;\n --brick-color-warning-solid-hover: #e58c0e;\n --brick-color-warning-solid-pressed: #d87d00;\n --brick-color-warning-surface: #fff7e3;\n --brick-color-warning-text: #714904;\n --brick-control-min-block-size-lg: 3.25rem;\n --brick-control-min-block-size-md: 2.75rem;\n --brick-control-min-block-size-sm: 2.25rem;\n --brick-control-min-block-size-xl: 3.75rem;\n --brick-control-min-block-size-xs: 1.75rem;\n --brick-control-target-min: 2.75rem;\n --brick-font-family-body: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-heading: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-mono: ui-monospace, SFMono-Regular, monospace;\n --brick-font-letter-spacing-normal: 0em;\n --brick-font-letter-spacing-slight: -0.01em;\n --brick-font-letter-spacing-tight: -0.02em;\n --brick-font-letter-spacing-tightest: -0.03em;\n --brick-font-letter-spacing-wide: 0.08em;\n --brick-font-line-height-body: 1.5;\n --brick-font-line-height-tight: 1.2;\n --brick-font-size-2xl: 2rem;\n --brick-font-size-3xl: 2.5rem;\n --brick-font-size-4xl: 3.25rem;\n --brick-font-size-5xl: 4rem;\n --brick-font-size-lg: 1.25rem;\n --brick-font-size-md: 1rem;\n --brick-font-size-sm: 0.875rem;\n --brick-font-size-xl: 1.5rem;\n --brick-font-size-xs: 0.75rem;\n --brick-font-weight-medium: 500;\n --brick-font-weight-regular: 400;\n --brick-font-weight-semibold: 600;\n --brick-layer-base: 0;\n --brick-layer-overlay: 1000;\n --brick-motion-duration-fast: 120ms;\n --brick-motion-duration-moderate: 200ms;\n --brick-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);\n --brick-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);\n --brick-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);\n --brick-radius-control: 0.5rem;\n --brick-radius-full: 9999px;\n --brick-radius-overlay: 1rem;\n --brick-radius-subtle: 0.25rem;\n --brick-radius-surface: 0.75rem;\n --brick-shadow-floating: 0rem 0.75rem 2rem 0rem #14131218;\n --brick-shadow-modal: 0rem 1.5rem 4.5rem 0rem #1413122c;\n --brick-shadow-raised: 0rem 0.5rem 1.5rem -0.25rem #1413122e;\n --brick-shadow-sm: 0rem 0.125rem 0.375rem 0rem #1413122e;\n --brick-space-0: 0rem;\n --brick-space-1: 0.25rem;\n --brick-space-2: 0.5rem;\n --brick-space-3: 0.75rem;\n --brick-space-4: 1rem;\n --brick-space-5: 1.5rem;\n --brick-space-6: 2rem;\n --brick-space-component-gap: 0.5rem;\n --brick-space-control-inline: 1rem;\n --brick-space-surface: 1.5rem;\n --brick-typography-body-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-lg-font-size: 1.25rem;\n --brick-typography-body-lg-font-weight: 400;\n --brick-typography-body-lg-letter-spacing: 0em;\n --brick-typography-body-lg-line-height: 1.5;\n --brick-typography-body-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-md-font-size: 1rem;\n --brick-typography-body-md-font-weight: 400;\n --brick-typography-body-md-letter-spacing: 0em;\n --brick-typography-body-md-line-height: 1.5;\n --brick-typography-body-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-sm-font-size: 0.875rem;\n --brick-typography-body-sm-font-weight: 400;\n --brick-typography-body-sm-letter-spacing: 0em;\n --brick-typography-body-sm-line-height: 1.5;\n --brick-typography-caption-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-caption-font-size: 0.75rem;\n --brick-typography-caption-font-weight: 400;\n --brick-typography-caption-letter-spacing: 0em;\n --brick-typography-caption-line-height: 1.5;\n --brick-typography-code-block-md-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-md-font-size: 1rem;\n --brick-typography-code-block-md-font-weight: 400;\n --brick-typography-code-block-md-letter-spacing: 0em;\n --brick-typography-code-block-md-line-height: 1.5;\n --brick-typography-code-block-sm-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-sm-font-size: 0.875rem;\n --brick-typography-code-block-sm-font-weight: 400;\n --brick-typography-code-block-sm-letter-spacing: 0em;\n --brick-typography-code-block-sm-line-height: 1.5;\n --brick-typography-code-inline-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-inline-font-size: 0.9em;\n --brick-typography-code-inline-font-weight: 400;\n --brick-typography-code-inline-letter-spacing: 0em;\n --brick-typography-code-inline-line-height: 1.5;\n --brick-typography-compact-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-lg-font-size: 1rem;\n --brick-typography-compact-title-lg-font-weight: 600;\n --brick-typography-compact-title-lg-letter-spacing: -0.01em;\n --brick-typography-compact-title-lg-line-height: 1.2;\n --brick-typography-compact-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-font-size: 0.875rem;\n --brick-typography-compact-title-font-weight: 600;\n --brick-typography-compact-title-letter-spacing: 0em;\n --brick-typography-compact-title-line-height: 1.2;\n --brick-typography-control-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-lg-font-size: 1rem;\n --brick-typography-control-lg-font-weight: 500;\n --brick-typography-control-lg-letter-spacing: 0em;\n --brick-typography-control-lg-line-height: 1.2;\n --brick-typography-control-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-md-font-size: 0.9375rem;\n --brick-typography-control-md-font-weight: 500;\n --brick-typography-control-md-letter-spacing: 0em;\n --brick-typography-control-md-line-height: 1.2;\n --brick-typography-control-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-sm-font-size: 0.875rem;\n --brick-typography-control-sm-font-weight: 500;\n --brick-typography-control-sm-letter-spacing: 0em;\n --brick-typography-control-sm-line-height: 1.2;\n --brick-typography-control-xl-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xl-font-size: 1.125rem;\n --brick-typography-control-xl-font-weight: 500;\n --brick-typography-control-xl-letter-spacing: 0em;\n --brick-typography-control-xl-line-height: 1.2;\n --brick-typography-control-xs-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xs-font-size: 0.75rem;\n --brick-typography-control-xs-font-weight: 500;\n --brick-typography-control-xs-letter-spacing: 0em;\n --brick-typography-control-xs-line-height: 1.2;\n --brick-typography-display-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-display-lg-font-size: 4rem;\n --brick-typography-display-lg-font-weight: 600;\n --brick-typography-display-lg-letter-spacing: -0.03em;\n --brick-typography-display-lg-line-height: 1.2;\n --brick-typography-display-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-display-md-font-size: 3.25rem;\n --brick-typography-display-md-font-weight: 600;\n --brick-typography-display-md-letter-spacing: -0.03em;\n --brick-typography-display-md-line-height: 1.2;\n --brick-typography-display-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-display-sm-font-size: 2.5rem;\n --brick-typography-display-sm-font-weight: 600;\n --brick-typography-display-sm-letter-spacing: -0.03em;\n --brick-typography-display-sm-line-height: 1.2;\n --brick-typography-display-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-display-font-size: 2.5rem;\n --brick-typography-display-font-weight: 600;\n --brick-typography-display-letter-spacing: -0.03em;\n --brick-typography-display-line-height: 1.2;\n --brick-typography-eyebrow-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-eyebrow-font-size: 0.75rem;\n --brick-typography-eyebrow-font-weight: 600;\n --brick-typography-eyebrow-letter-spacing: 0.08em;\n --brick-typography-eyebrow-line-height: 1.2;\n --brick-typography-field-value-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-lg-font-size: 1.125rem;\n --brick-typography-field-value-lg-font-weight: 400;\n --brick-typography-field-value-lg-letter-spacing: 0em;\n --brick-typography-field-value-lg-line-height: 1.5;\n --brick-typography-field-value-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-md-font-size: 1rem;\n --brick-typography-field-value-md-font-weight: 400;\n --brick-typography-field-value-md-letter-spacing: 0em;\n --brick-typography-field-value-md-line-height: 1.5;\n --brick-typography-label-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-md-font-size: 1rem;\n --brick-typography-label-md-font-weight: 500;\n --brick-typography-label-md-letter-spacing: 0em;\n --brick-typography-label-md-line-height: 1.5;\n --brick-typography-label-strong-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-strong-font-size: 1rem;\n --brick-typography-label-strong-font-weight: 600;\n --brick-typography-label-strong-letter-spacing: 0em;\n --brick-typography-label-strong-line-height: 1.5;\n --brick-typography-overlay-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-overlay-title-font-size: 1.25rem;\n --brick-typography-overlay-title-font-weight: 600;\n --brick-typography-overlay-title-letter-spacing: -0.01em;\n --brick-typography-overlay-title-line-height: 1.2;\n --brick-typography-supporting-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-supporting-sm-font-size: 0.875rem;\n --brick-typography-supporting-sm-font-weight: 400;\n --brick-typography-supporting-sm-letter-spacing: 0em;\n --brick-typography-supporting-sm-line-height: 1.5;\n --brick-typography-surface-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-lg-font-size: 1.25rem;\n --brick-typography-surface-title-lg-font-weight: 600;\n --brick-typography-surface-title-lg-letter-spacing: -0.01em;\n --brick-typography-surface-title-lg-line-height: 1.2;\n --brick-typography-surface-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-md-font-size: 1.125rem;\n --brick-typography-surface-title-md-font-weight: 600;\n --brick-typography-surface-title-md-letter-spacing: -0.01em;\n --brick-typography-surface-title-md-line-height: 1.2;\n --brick-typography-surface-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-sm-font-size: 1rem;\n --brick-typography-surface-title-sm-font-weight: 600;\n --brick-typography-surface-title-sm-letter-spacing: -0.01em;\n --brick-typography-surface-title-sm-line-height: 1.2;\n --brick-typography-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-lg-font-size: 2rem;\n --brick-typography-title-lg-font-weight: 600;\n --brick-typography-title-lg-letter-spacing: -0.02em;\n --brick-typography-title-lg-line-height: 1.2;\n --brick-typography-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-md-font-size: 1.5rem;\n --brick-typography-title-md-font-weight: 600;\n --brick-typography-title-md-letter-spacing: -0.02em;\n --brick-typography-title-md-line-height: 1.2;\n --brick-typography-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-sm-font-size: 1.25rem;\n --brick-typography-title-sm-font-weight: 600;\n --brick-typography-title-sm-letter-spacing: -0.01em;\n --brick-typography-title-sm-line-height: 1.2;\n --brick-typography-validation-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-validation-sm-font-size: 0.875rem;\n --brick-typography-validation-sm-font-weight: 500;\n --brick-typography-validation-sm-letter-spacing: 0em;\n --brick-typography-validation-sm-line-height: 1.5;\n }\n\n @media (prefers-color-scheme: dark) {\n :root:not([data-brick-appearance]) {\n --brick-color-accent-border: #5a56b5;\n --brick-color-accent-on-soft: #bebaff;\n --brick-color-accent-on-solid: #ffffff;\n --brick-color-accent-soft: #232149;\n --brick-color-accent-soft-hover: #2f2c5c;\n --brick-color-accent-soft-pressed: #3a376f;\n --brick-color-accent-solid: #5b57c7;\n --brick-color-accent-solid-hover: #625ed0;\n --brick-color-accent-solid-pressed: #514db6;\n --brick-color-accent-text: #bebaff;\n --brick-color-border-default: #4d4c47;\n --brick-color-border-strong: #706d64;\n --brick-color-border-subtle: #3b3b37;\n --brick-color-danger-border: #993045;\n --brick-color-danger-on-soft: #ff93a7;\n --brick-color-danger-on-solid: #ffffff;\n --brick-color-danger-soft: #44131e;\n --brick-color-danger-soft-hover: #561825;\n --brick-color-danger-soft-pressed: #681d2d;\n --brick-color-danger-solid: #af2642;\n --brick-color-danger-solid-hover: #bd2c49;\n --brick-color-danger-solid-pressed: #9f2038;\n --brick-color-danger-surface: #44131e;\n --brick-color-danger-text: #ff93a7;\n --brick-color-focus-ring: #bebaff;\n --brick-color-info-border: #2c6ba7;\n --brick-color-info-on-soft: #95c9f6;\n --brick-color-info-on-solid: #ffffff;\n --brick-color-info-soft: #102840;\n --brick-color-info-soft-hover: #143654;\n --brick-color-info-soft-pressed: #184267;\n --brick-color-info-solid: #0a6ec3;\n --brick-color-info-solid-hover: #1178cf;\n --brick-color-info-solid-pressed: #075fa9;\n --brick-color-info-surface: #102840;\n --brick-color-info-text: #95c9f6;\n --brick-color-link-text: #abb5ff;\n --brick-color-link-text-hover: #b7c1ff;\n --brick-color-link-text-pressed: #c6cfff;\n --brick-color-scrim: #000000b8;\n --brick-color-shadow: #00000080;\n --brick-color-success-border: #237350;\n --brick-color-success-on-soft: #7bd1ad;\n --brick-color-success-on-solid: #ffffff;\n --brick-color-success-soft: #0e3022;\n --brick-color-success-soft-hover: #123d2b;\n --brick-color-success-soft-pressed: #174b35;\n --brick-color-success-solid: #18794e;\n --brick-color-success-solid-hover: #1e8357;\n --brick-color-success-solid-pressed: #12663f;\n --brick-color-success-surface: #0e3022;\n --brick-color-success-text: #7bd1ad;\n --brick-color-surface-base: #20201e;\n --brick-color-surface-canvas: #191918;\n --brick-color-surface-overlay: #2e2e2b;\n --brick-color-surface-raised: #2e2e2b;\n --brick-color-surface-subtle: #272725;\n --brick-color-text-disabled: #999690;\n --brick-color-text-inverse: #211f1c;\n --brick-color-text-muted: #999690;\n --brick-color-text-primary: #eeeeec;\n --brick-color-text-secondary: #b8b6b1;\n --brick-color-warning-border: #905f12;\n --brick-color-warning-on-soft: #f2bd59;\n --brick-color-warning-on-solid: #211f1c;\n --brick-color-warning-soft: #3d2707;\n --brick-color-warning-soft-hover: #4d3108;\n --brick-color-warning-soft-pressed: #5d3b09;\n --brick-color-warning-solid: #e39019;\n --brick-color-warning-solid-hover: #eda025;\n --brick-color-warning-solid-pressed: #cf7d08;\n --brick-color-warning-surface: #3d2707;\n --brick-color-warning-text: #f2bd59;\n --brick-shadow-floating: 0rem 0.75rem 2rem 0rem #00000042;\n --brick-shadow-modal: 0rem 1.5rem 4.5rem 0rem #0000007a;\n --brick-shadow-raised: 0rem 0.5rem 1.5rem -0.25rem #00000080;\n --brick-shadow-sm: 0rem 0.125rem 0.375rem 0rem #00000080;\n }\n }\n\n [data-brick-appearance=\"light\"] {\n color-scheme: light;\n --brick-color-accent-border: #aaa8f2;\n --brick-color-accent-on-soft: #414098;\n --brick-color-accent-on-solid: #ffffff;\n --brick-color-accent-soft: #f0f0ff;\n --brick-color-accent-soft-hover: #e6e6fe;\n --brick-color-accent-soft-pressed: #dadaff;\n --brick-color-accent-solid: #5b5bd6;\n --brick-color-accent-solid-hover: #5151cd;\n --brick-color-accent-solid-pressed: #4747c2;\n --brick-color-accent-text: #414098;\n --brick-color-border-default: #d9d6d0;\n --brick-color-border-strong: #aaa69e;\n --brick-color-border-subtle: #e3e0db;\n --brick-color-danger-border: #ef9cad;\n --brick-color-danger-on-soft: #ad233f;\n --brick-color-danger-on-solid: #ffffff;\n --brick-color-danger-soft: #ffeef1;\n --brick-color-danger-soft-hover: #ffdde3;\n --brick-color-danger-soft-pressed: #ffcbd5;\n --brick-color-danger-solid: #ad233f;\n --brick-color-danger-solid-hover: #9f1f38;\n --brick-color-danger-solid-pressed: #901a33;\n --brick-color-danger-surface: #ffeef1;\n --brick-color-danger-text: #ad233f;\n --brick-color-focus-ring: #5b5bd6;\n --brick-color-info-border: #95c9f6;\n --brick-color-info-on-soft: #105da9;\n --brick-color-info-on-solid: #ffffff;\n --brick-color-info-soft: #ecf6ff;\n --brick-color-info-soft-hover: #dceeff;\n --brick-color-info-soft-pressed: #cbe7ff;\n --brick-color-info-solid: #0073d0;\n --brick-color-info-solid-hover: #0068bd;\n --brick-color-info-solid-pressed: #005da9;\n --brick-color-info-surface: #ecf6ff;\n --brick-color-info-text: #105da9;\n --brick-color-link-text: #3a3a8f;\n --brick-color-link-text-hover: #333185;\n --brick-color-link-text-pressed: #2a2579;\n --brick-color-scrim: #1413128c;\n --brick-color-shadow: #1413122e;\n --brick-color-success-border: #7bd1ad;\n --brick-color-success-on-soft: #136e4c;\n --brick-color-success-on-solid: #ffffff;\n --brick-color-success-soft: #e8fbf3;\n --brick-color-success-soft-hover: #d7f6e9;\n --brick-color-success-soft-pressed: #c5efdd;\n --brick-color-success-solid: #18794e;\n --brick-color-success-solid-hover: #146f46;\n --brick-color-success-solid-pressed: #10643e;\n --brick-color-success-surface: #e8fbf3;\n --brick-color-success-text: #136e4c;\n --brick-color-surface-base: #f9f8f6;\n --brick-color-surface-canvas: #fdfcfb;\n --brick-color-surface-overlay: #ffffff;\n --brick-color-surface-raised: #ffffff;\n --brick-color-surface-subtle: #f2f0ed;\n --brick-color-text-disabled: #76726c;\n --brick-color-text-inverse: #ffffff;\n --brick-color-text-muted: #76726c;\n --brick-color-text-primary: #211f1c;\n --brick-color-text-secondary: #63605b;\n --brick-color-warning-border: #e3a644;\n --brick-color-warning-on-soft: #714904;\n --brick-color-warning-on-solid: #211f1c;\n --brick-color-warning-soft: #fff7e3;\n --brick-color-warning-soft-hover: #ffedc2;\n --brick-color-warning-soft-pressed: #ffe3a1;\n --brick-color-warning-solid: #f29f21;\n --brick-color-warning-solid-hover: #e58c0e;\n --brick-color-warning-solid-pressed: #d87d00;\n --brick-color-warning-surface: #fff7e3;\n --brick-color-warning-text: #714904;\n --brick-shadow-floating: 0rem 0.75rem 2rem 0rem #14131218;\n --brick-shadow-modal: 0rem 1.5rem 4.5rem 0rem #1413122c;\n --brick-shadow-raised: 0rem 0.5rem 1.5rem -0.25rem #1413122e;\n --brick-shadow-sm: 0rem 0.125rem 0.375rem 0rem #1413122e;\n }\n\n [data-brick-appearance=\"dark\"] {\n color-scheme: dark;\n --brick-color-accent-border: #5a56b5;\n --brick-color-accent-on-soft: #bebaff;\n --brick-color-accent-on-solid: #ffffff;\n --brick-color-accent-soft: #232149;\n --brick-color-accent-soft-hover: #2f2c5c;\n --brick-color-accent-soft-pressed: #3a376f;\n --brick-color-accent-solid: #5b57c7;\n --brick-color-accent-solid-hover: #625ed0;\n --brick-color-accent-solid-pressed: #514db6;\n --brick-color-accent-text: #bebaff;\n --brick-color-border-default: #4d4c47;\n --brick-color-border-strong: #706d64;\n --brick-color-border-subtle: #3b3b37;\n --brick-color-danger-border: #993045;\n --brick-color-danger-on-soft: #ff93a7;\n --brick-color-danger-on-solid: #ffffff;\n --brick-color-danger-soft: #44131e;\n --brick-color-danger-soft-hover: #561825;\n --brick-color-danger-soft-pressed: #681d2d;\n --brick-color-danger-solid: #af2642;\n --brick-color-danger-solid-hover: #bd2c49;\n --brick-color-danger-solid-pressed: #9f2038;\n --brick-color-danger-surface: #44131e;\n --brick-color-danger-text: #ff93a7;\n --brick-color-focus-ring: #bebaff;\n --brick-color-info-border: #2c6ba7;\n --brick-color-info-on-soft: #95c9f6;\n --brick-color-info-on-solid: #ffffff;\n --brick-color-info-soft: #102840;\n --brick-color-info-soft-hover: #143654;\n --brick-color-info-soft-pressed: #184267;\n --brick-color-info-solid: #0a6ec3;\n --brick-color-info-solid-hover: #1178cf;\n --brick-color-info-solid-pressed: #075fa9;\n --brick-color-info-surface: #102840;\n --brick-color-info-text: #95c9f6;\n --brick-color-link-text: #abb5ff;\n --brick-color-link-text-hover: #b7c1ff;\n --brick-color-link-text-pressed: #c6cfff;\n --brick-color-scrim: #000000b8;\n --brick-color-shadow: #00000080;\n --brick-color-success-border: #237350;\n --brick-color-success-on-soft: #7bd1ad;\n --brick-color-success-on-solid: #ffffff;\n --brick-color-success-soft: #0e3022;\n --brick-color-success-soft-hover: #123d2b;\n --brick-color-success-soft-pressed: #174b35;\n --brick-color-success-solid: #18794e;\n --brick-color-success-solid-hover: #1e8357;\n --brick-color-success-solid-pressed: #12663f;\n --brick-color-success-surface: #0e3022;\n --brick-color-success-text: #7bd1ad;\n --brick-color-surface-base: #20201e;\n --brick-color-surface-canvas: #191918;\n --brick-color-surface-overlay: #2e2e2b;\n --brick-color-surface-raised: #2e2e2b;\n --brick-color-surface-subtle: #272725;\n --brick-color-text-disabled: #999690;\n --brick-color-text-inverse: #211f1c;\n --brick-color-text-muted: #999690;\n --brick-color-text-primary: #eeeeec;\n --brick-color-text-secondary: #b8b6b1;\n --brick-color-warning-border: #905f12;\n --brick-color-warning-on-soft: #f2bd59;\n --brick-color-warning-on-solid: #211f1c;\n --brick-color-warning-soft: #3d2707;\n --brick-color-warning-soft-hover: #4d3108;\n --brick-color-warning-soft-pressed: #5d3b09;\n --brick-color-warning-solid: #e39019;\n --brick-color-warning-solid-hover: #eda025;\n --brick-color-warning-solid-pressed: #cf7d08;\n --brick-color-warning-surface: #3d2707;\n --brick-color-warning-text: #f2bd59;\n --brick-shadow-floating: 0rem 0.75rem 2rem 0rem #00000042;\n --brick-shadow-modal: 0rem 1.5rem 4.5rem 0rem #0000007a;\n --brick-shadow-raised: 0rem 0.5rem 1.5rem -0.25rem #00000080;\n --brick-shadow-sm: 0rem 0.125rem 0.375rem 0rem #00000080;\n }\n}\n"],"names":[]}
package/dist/styles/data-grid.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-data-grid-container{box-sizing:border-box;overscroll-behavior-inline:contain;inline-size:100%;min-inline-size:0;max-inline-size:100%;overflow-x:auto}.brick-data-grid{--brick-data-grid-inline-size:100%;--brick-data-grid-min-inline-size:0;--brick-data-grid-border-color:var(--brick-color-border-subtle);--brick-data-grid-border-width:var(--brick-border-width);--brick-data-grid-radius:var(--brick-radius-surface);--brick-data-grid-header-background:var(--brick-color-surface-subtle);--brick-data-grid-header-foreground:var(--brick-color-text-primary);--brick-data-grid-body-background:var(--brick-color-surface-base);--brick-data-grid-footer-background:var(--brick-color-surface-subtle);--brick-data-grid-cell-foreground:var(--brick-color-text-primary);--brick-data-grid-cell-padding-inline:var(--brick-space-4);--brick-data-grid-cell-padding-block:var(--brick-space-3);--brick-data-grid-row-min-block-size:3rem;--brick-data-grid-caption-foreground:var(--brick-color-text-secondary);--brick-data-grid-caption-gap:var(--brick-space-3);--brick-data-grid-active-color:var(--brick-color-focus-ring);--brick-data-grid-active-width:2px;--brick-data-grid-selected-background:var(--brick-color-surface-accent-subtle,var(--brick-color-surface-subtle));--brick-data-grid-selected-foreground:var(--brick-color-text-primary);--brick-data-grid-hover-background:var(--brick-color-surface-hover,var(--brick-color-surface-subtle));--brick-data-grid-disabled-opacity:.5;--brick-data-grid-sort-indicator-size:1rem;--brick-data-grid-sort-indicator-color:var(--brick-color-text-secondary);inline-size:var(--brick-data-grid-inline-size);min-inline-size:var(--brick-data-grid-min-inline-size);border-collapse:separate;border-spacing:0;color:var(--brick-data-grid-cell-foreground);font-family:var(--brick-typography-body-md-font-family);font-size:var(--brick-typography-body-md-font-size);line-height:var(--brick-typography-body-md-line-height)}.brick-data-grid[data-size=sm]{font-size:var(--brick-typography-body-sm-font-size);line-height:var(--brick-typography-body-sm-line-height);--brick-data-grid-row-min-block-size:2.5rem;--brick-data-grid-sort-indicator-size:.875rem}.brick-data-grid[data-size=lg]{font-size:var(--brick-typography-body-lg-font-size);line-height:var(--brick-typography-body-lg-line-height);--brick-data-grid-row-min-block-size:3.5rem;--brick-data-grid-sort-indicator-size:1.125rem}.brick-data-grid[data-density=compact]{--brick-data-grid-cell-padding-block:var(--brick-space-1)}.brick-data-grid[data-density=spacious]{--brick-data-grid-cell-padding-block:var(--brick-space-5)}.brick-data-grid__caption{color:var(--brick-data-grid-caption-foreground);text-align:start}.brick-data-grid__caption[data-side=top]{caption-side:top;padding-block-end:var(--brick-data-grid-caption-gap)}.brick-data-grid__caption[data-side=bottom]{caption-side:bottom;padding-block-start:var(--brick-data-grid-caption-gap)}.brick-data-grid__column-header,.brick-data-grid__cell{box-sizing:border-box;min-block-size:var(--brick-data-grid-row-min-block-size);padding-block:var(--brick-data-grid-cell-padding-block);padding-inline:var(--brick-data-grid-cell-padding-inline);border-block-end:var(--brick-data-grid-border-width) solid var(--brick-data-grid-border-color);text-align:start;vertical-align:middle;overflow-wrap:break-word}.brick-data-grid__column-header{color:var(--brick-data-grid-header-foreground);background:var(--brick-data-grid-header-background);font-weight:var(--brick-typography-compact-title-font-weight);white-space:nowrap}.brick-data-grid__cell{background:var(--brick-data-grid-body-background)}.brick-data-grid__footer :where(.brick-data-grid__column-header,.brick-data-grid__cell){background:var(--brick-data-grid-footer-background);font-weight:var(--brick-typography-compact-title-font-weight)}:where(.brick-data-grid__column-header,.brick-data-grid__cell)[data-align=center]{text-align:center}:where(.brick-data-grid__column-header,.brick-data-grid__cell)[data-align=end]{text-align:end}:where(.brick-data-grid__column-header,.brick-data-grid__cell)[data-numeric]{white-space:nowrap;font-variant-numeric:tabular-nums}.brick-data-grid[data-variant=outline]{border:var(--brick-data-grid-border-width) solid var(--brick-data-grid-border-color);border-radius:var(--brick-data-grid-radius)}.brick-data-grid[data-variant=outline] :where(.brick-data-grid__column-header,.brick-data-grid__cell)+:where(.brick-data-grid__column-header,.brick-data-grid__cell){border-inline-start:var(--brick-data-grid-border-width) solid var(--brick-data-grid-border-color)}.brick-data-grid[data-variant=outline] :where(.brick-data-grid__body,.brick-data-grid__footer):last-child .brick-data-grid__row:last-child :where(.brick-data-grid__column-header,.brick-data-grid__cell){border-block-end:0}.brick-data-grid[data-variant=outline] .brick-data-grid__footer .brick-data-grid__row:last-child>:first-child{border-end-start-radius:calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width))}.brick-data-grid[data-variant=outline] .brick-data-grid__footer .brick-data-grid__row:last-child>:last-child{border-end-end-radius:calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width))}.brick-data-grid__row[data-selected] :where(.brick-data-grid__column-header,.brick-data-grid__cell){color:var(--brick-data-grid-selected-foreground);background:var(--brick-data-grid-selected-background)}.brick-data-grid__row[data-selectable]:hover :where(.brick-data-grid__column-header,.brick-data-grid__cell),.brick-data-grid__column-header[data-actionable]:hover{background:var(--brick-data-grid-hover-background)}.brick-data-grid__row[data-disabled] :where(.brick-data-grid__column-header,.brick-data-grid__cell),:where(.brick-data-grid__column-header,.brick-data-grid__cell)[data-disabled]{opacity:var(--brick-data-grid-disabled-opacity)}:where(.brick-data-grid__column-header,.brick-data-grid__cell)[data-active]{outline:var(--brick-data-grid-active-width) solid var(--brick-data-grid-active-color);outline-offset:calc(-1 * var(--brick-data-grid-active-width));position:relative}.brick-data-grid__sort-indicator{inline-size:var(--brick-data-grid-sort-indicator-size);block-size:var(--brick-data-grid-sort-indicator-size);vertical-align:middle;color:var(--brick-data-grid-sort-indicator-color);margin-inline-start:var(--brick-space-2);display:inline-flex}.brick-data-grid__sort-indicator svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;block-size:100%;inline-size:100%}.brick-data-grid__column-header[data-sort=ascending] .brick-data-grid__sort-indicator path{d:path("m4 10 4-4 4 4")}.brick-data-grid__column-header[data-sort=descending] .brick-data-grid__sort-indicator path{d:path("m4 6 4 4 4-4")}@media (forced-colors:active){.brick-data-grid{--brick-data-grid-border-color:CanvasText;--brick-data-grid-header-background:Canvas;--brick-data-grid-body-background:Canvas;--brick-data-grid-footer-background:Canvas;--brick-data-grid-active-color:Highlight;--brick-data-grid-selected-background:Highlight;--brick-data-grid-selected-foreground:HighlightText;--brick-data-grid-hover-background:Canvas;--brick-data-grid-sort-indicator-color:CanvasText}}}@layer brick.utilities,brick.effects;
1
+ @layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-data-grid-container{box-sizing:border-box;overscroll-behavior-inline:contain;inline-size:100%;min-inline-size:0;max-inline-size:100%;overflow-x:auto}.brick-data-grid{--brick-data-grid-inline-size:100%;--brick-data-grid-min-inline-size:0;--brick-data-grid-border-color:var(--brick-color-border-subtle);--brick-data-grid-border-width:var(--brick-border-width);--brick-data-grid-radius:var(--brick-radius-surface);--brick-data-grid-header-background:var(--brick-color-surface-subtle);--brick-data-grid-header-foreground:var(--brick-color-text-primary);--brick-data-grid-body-background:var(--brick-color-surface-base);--brick-data-grid-footer-background:var(--brick-color-surface-subtle);--brick-data-grid-cell-foreground:var(--brick-color-text-primary);--brick-data-grid-cell-padding-inline:var(--brick-space-4);--brick-data-grid-cell-padding-block:var(--brick-space-3);--brick-data-grid-row-min-block-size:3rem;--brick-data-grid-caption-foreground:var(--brick-color-text-secondary);--brick-data-grid-caption-gap:var(--brick-space-3);--brick-data-grid-active-color:var(--brick-color-focus-ring);--brick-data-grid-active-width:2px;--brick-data-grid-selected-background:var(--brick-color-surface-accent-subtle,var(--brick-color-surface-subtle));--brick-data-grid-selected-foreground:var(--brick-color-text-primary);--brick-data-grid-hover-background:var(--brick-color-surface-hover,var(--brick-color-surface-subtle));--brick-data-grid-disabled-opacity:.5;--brick-data-grid-sort-indicator-size:1rem;--brick-data-grid-sort-indicator-color:var(--brick-color-text-secondary);inline-size:var(--brick-data-grid-inline-size);min-inline-size:var(--brick-data-grid-min-inline-size);border-collapse:separate;border-spacing:0;color:var(--brick-data-grid-cell-foreground);font-family:var(--brick-typography-body-md-font-family);font-size:var(--brick-typography-body-md-font-size);line-height:var(--brick-typography-body-md-line-height)}.brick-data-grid[data-size=sm]{font-size:var(--brick-typography-body-sm-font-size);line-height:var(--brick-typography-body-sm-line-height);--brick-data-grid-row-min-block-size:2.5rem;--brick-data-grid-sort-indicator-size:.875rem}.brick-data-grid[data-size=lg]{font-size:var(--brick-typography-body-lg-font-size);line-height:var(--brick-typography-body-lg-line-height);--brick-data-grid-row-min-block-size:3.5rem;--brick-data-grid-sort-indicator-size:1.125rem}.brick-data-grid[data-density=compact]{--brick-data-grid-cell-padding-block:var(--brick-space-1)}.brick-data-grid[data-density=spacious]{--brick-data-grid-cell-padding-block:var(--brick-space-5)}.brick-data-grid__caption{color:var(--brick-data-grid-caption-foreground);text-align:start}.brick-data-grid__caption[data-side=top]{caption-side:top;padding-block-end:var(--brick-data-grid-caption-gap)}.brick-data-grid__caption[data-side=bottom]{caption-side:bottom;padding-block-start:var(--brick-data-grid-caption-gap)}.brick-data-grid__column-header,.brick-data-grid__cell{box-sizing:border-box;min-block-size:var(--brick-data-grid-row-min-block-size);padding-block:var(--brick-data-grid-cell-padding-block);padding-inline:var(--brick-data-grid-cell-padding-inline);border-block-end:var(--brick-data-grid-border-width) solid var(--brick-data-grid-border-color);text-align:start;vertical-align:middle;overflow-wrap:break-word}.brick-data-grid__column-header{color:var(--brick-data-grid-header-foreground);background:var(--brick-data-grid-header-background);font-weight:var(--brick-typography-compact-title-font-weight);white-space:nowrap}.brick-data-grid__cell{background:var(--brick-data-grid-body-background)}.brick-data-grid__footer :where(.brick-data-grid__column-header,.brick-data-grid__cell){background:var(--brick-data-grid-footer-background);font-weight:var(--brick-typography-compact-title-font-weight)}:where(.brick-data-grid__column-header,.brick-data-grid__cell)[data-align=center]{text-align:center}:where(.brick-data-grid__column-header,.brick-data-grid__cell)[data-align=end]{text-align:end}:where(.brick-data-grid__column-header,.brick-data-grid__cell)[data-numeric]{white-space:nowrap;font-variant-numeric:tabular-nums}.brick-data-grid[data-variant=outline]{border:var(--brick-data-grid-border-width) solid var(--brick-data-grid-border-color);border-radius:var(--brick-data-grid-radius)}.brick-data-grid[data-variant=outline] :where(.brick-data-grid__column-header,.brick-data-grid__cell)+:where(.brick-data-grid__column-header,.brick-data-grid__cell){border-inline-start:var(--brick-data-grid-border-width) solid var(--brick-data-grid-border-color)}.brick-data-grid[data-variant=outline] .brick-data-grid__header:first-of-type .brick-data-grid__row:first-child>:first-child,.brick-data-grid[data-variant=outline]:not(:has(.brick-data-grid__header)) .brick-data-grid__body:first-of-type .brick-data-grid__row:first-child>:first-child{border-start-start-radius:calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width))}.brick-data-grid[data-variant=outline] .brick-data-grid__header:first-of-type .brick-data-grid__row:first-child>:last-child,.brick-data-grid[data-variant=outline]:not(:has(.brick-data-grid__header)) .brick-data-grid__body:first-of-type .brick-data-grid__row:first-child>:last-child{border-start-end-radius:calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width))}.brick-data-grid[data-variant=outline] .brick-data-grid__footer .brick-data-grid__row:last-child :where(.brick-data-grid__column-header,.brick-data-grid__cell),.brick-data-grid[data-variant=outline] .brick-data-grid__body:last-child .brick-data-grid__row:last-child :where(.brick-data-grid__column-header,.brick-data-grid__cell){border-block-end:0}.brick-data-grid[data-variant=outline] .brick-data-grid__footer .brick-data-grid__row:last-child>:first-child{border-end-start-radius:calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width))}.brick-data-grid[data-variant=outline] .brick-data-grid__footer .brick-data-grid__row:last-child>:last-child{border-end-end-radius:calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width))}.brick-data-grid[data-variant=outline]:not(:has(.brick-data-grid__footer)) .brick-data-grid__body:last-child .brick-data-grid__row:last-child>:first-child{border-end-start-radius:calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width))}.brick-data-grid[data-variant=outline]:not(:has(.brick-data-grid__footer)) .brick-data-grid__body:last-child .brick-data-grid__row:last-child>:last-child{border-end-end-radius:calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width))}.brick-data-grid__row[data-selected] :where(.brick-data-grid__column-header,.brick-data-grid__cell){color:var(--brick-data-grid-selected-foreground);background:var(--brick-data-grid-selected-background)}.brick-data-grid__row[data-selectable]:hover :where(.brick-data-grid__column-header,.brick-data-grid__cell),.brick-data-grid__column-header[data-actionable]:hover{background:var(--brick-data-grid-hover-background)}.brick-data-grid__row[data-disabled] :where(.brick-data-grid__column-header,.brick-data-grid__cell),:where(.brick-data-grid__column-header,.brick-data-grid__cell)[data-disabled]{opacity:var(--brick-data-grid-disabled-opacity)}:where(.brick-data-grid__column-header,.brick-data-grid__cell)[data-active]{outline:var(--brick-data-grid-active-width) solid var(--brick-data-grid-active-color);outline-offset:calc(-1 * var(--brick-data-grid-active-width));position:relative}.brick-data-grid__sort-indicator{inline-size:var(--brick-data-grid-sort-indicator-size);block-size:var(--brick-data-grid-sort-indicator-size);vertical-align:middle;color:var(--brick-data-grid-sort-indicator-color);margin-inline-start:var(--brick-space-2);display:inline-flex}.brick-data-grid__sort-indicator svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;block-size:100%;inline-size:100%}.brick-data-grid__column-header[data-sort=ascending] .brick-data-grid__sort-indicator path{d:path("m4 10 4-4 4 4")}.brick-data-grid__column-header[data-sort=descending] .brick-data-grid__sort-indicator path{d:path("m4 6 4 4 4-4")}@media (forced-colors:active){.brick-data-grid{--brick-data-grid-border-color:CanvasText;--brick-data-grid-header-background:Canvas;--brick-data-grid-body-background:Canvas;--brick-data-grid-footer-background:Canvas;--brick-data-grid-active-color:Highlight;--brick-data-grid-selected-background:Highlight;--brick-data-grid-selected-foreground:HighlightText;--brick-data-grid-hover-background:Canvas;--brick-data-grid-sort-indicator-color:CanvasText}}}@layer brick.utilities,brick.effects;
2
2
  /*# sourceMappingURL=data-grid.css.map */
package/dist/styles/data-grid.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,4JACA,2uDA4BA,qOACA,sOACA,iGACA,kGACA,2FACA,+GACA,uHACA,uZACA,oNACA,yEACA,0MACA,oGACA,8FACA,kIACA,wKACA,uQACA,6NACA,gNACA,6MACA,2MACA,sNACA,kOACA,kPACA,mRACA,kKACA,mHACA,mHACA,8BACE,qaD1DJ","sources":["home/runner/work/brick/brick/.brick-cache/production/data-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/data-grid/data-grid.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/data-grid/data-grid.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-data-grid-container { box-sizing: border-box; inline-size: 100%; min-inline-size: 0; max-inline-size: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }\n .brick-data-grid {\n --brick-data-grid-inline-size: 100%;\n --brick-data-grid-min-inline-size: 0;\n --brick-data-grid-border-color: var(--brick-color-border-subtle);\n --brick-data-grid-border-width: var(--brick-border-width);\n --brick-data-grid-radius: var(--brick-radius-surface);\n --brick-data-grid-header-background: var(--brick-color-surface-subtle);\n --brick-data-grid-header-foreground: var(--brick-color-text-primary);\n --brick-data-grid-body-background: var(--brick-color-surface-base);\n --brick-data-grid-footer-background: var(--brick-color-surface-subtle);\n --brick-data-grid-cell-foreground: var(--brick-color-text-primary);\n --brick-data-grid-cell-padding-inline: var(--brick-space-4);\n --brick-data-grid-cell-padding-block: var(--brick-space-3);\n --brick-data-grid-row-min-block-size: 3rem;\n --brick-data-grid-caption-foreground: var(--brick-color-text-secondary);\n --brick-data-grid-caption-gap: var(--brick-space-3);\n --brick-data-grid-active-color: var(--brick-color-focus-ring);\n --brick-data-grid-active-width: 2px;\n --brick-data-grid-selected-background: var(--brick-color-surface-accent-subtle, var(--brick-color-surface-subtle));\n --brick-data-grid-selected-foreground: var(--brick-color-text-primary);\n --brick-data-grid-hover-background: var(--brick-color-surface-hover, var(--brick-color-surface-subtle));\n --brick-data-grid-disabled-opacity: 0.5;\n --brick-data-grid-sort-indicator-size: 1rem;\n --brick-data-grid-sort-indicator-color: var(--brick-color-text-secondary);\n inline-size: var(--brick-data-grid-inline-size); min-inline-size: var(--brick-data-grid-min-inline-size);\n border-collapse: separate; border-spacing: 0; color: var(--brick-data-grid-cell-foreground);\n font-family: var(--brick-typography-body-md-font-family); font-size: var(--brick-typography-body-md-font-size); line-height: var(--brick-typography-body-md-line-height);\n }\n .brick-data-grid[data-size=\"sm\"] { font-size: var(--brick-typography-body-sm-font-size); line-height: var(--brick-typography-body-sm-line-height); --brick-data-grid-row-min-block-size: 2.5rem; --brick-data-grid-sort-indicator-size: .875rem; }\n .brick-data-grid[data-size=\"lg\"] { font-size: var(--brick-typography-body-lg-font-size); line-height: var(--brick-typography-body-lg-line-height); --brick-data-grid-row-min-block-size: 3.5rem; --brick-data-grid-sort-indicator-size: 1.125rem; }\n .brick-data-grid[data-density=\"compact\"] { --brick-data-grid-cell-padding-block: var(--brick-space-1); }\n .brick-data-grid[data-density=\"spacious\"] { --brick-data-grid-cell-padding-block: var(--brick-space-5); }\n .brick-data-grid__caption { color: var(--brick-data-grid-caption-foreground); text-align: start; }\n .brick-data-grid__caption[data-side=\"top\"] { caption-side: top; padding-block-end: var(--brick-data-grid-caption-gap); }\n .brick-data-grid__caption[data-side=\"bottom\"] { caption-side: bottom; padding-block-start: var(--brick-data-grid-caption-gap); }\n .brick-data-grid__column-header, .brick-data-grid__cell { box-sizing: border-box; min-block-size: var(--brick-data-grid-row-min-block-size); padding-block: var(--brick-data-grid-cell-padding-block); padding-inline: var(--brick-data-grid-cell-padding-inline); border-block-end: var(--brick-data-grid-border-width) solid var(--brick-data-grid-border-color); text-align: start; vertical-align: middle; overflow-wrap: break-word; }\n .brick-data-grid__column-header { color: var(--brick-data-grid-header-foreground); background: var(--brick-data-grid-header-background); font-weight: var(--brick-typography-compact-title-font-weight); white-space: nowrap; }\n .brick-data-grid__cell { background: var(--brick-data-grid-body-background); }\n .brick-data-grid__footer :where(.brick-data-grid__column-header, .brick-data-grid__cell) { background: var(--brick-data-grid-footer-background); font-weight: var(--brick-typography-compact-title-font-weight); }\n :where(.brick-data-grid__column-header, .brick-data-grid__cell)[data-align=\"center\"] { text-align: center; }\n :where(.brick-data-grid__column-header, .brick-data-grid__cell)[data-align=\"end\"] { text-align: end; }\n :where(.brick-data-grid__column-header, .brick-data-grid__cell)[data-numeric] { white-space: nowrap; font-variant-numeric: tabular-nums; }\n .brick-data-grid[data-variant=\"outline\"] { border: var(--brick-data-grid-border-width) solid var(--brick-data-grid-border-color); border-radius: var(--brick-data-grid-radius); }\n .brick-data-grid[data-variant=\"outline\"] :where(.brick-data-grid__column-header, .brick-data-grid__cell) + :where(.brick-data-grid__column-header, .brick-data-grid__cell) { border-inline-start: var(--brick-data-grid-border-width) solid var(--brick-data-grid-border-color); }\n .brick-data-grid[data-variant=\"outline\"] :where(.brick-data-grid__body, .brick-data-grid__footer):last-child .brick-data-grid__row:last-child :where(.brick-data-grid__column-header, .brick-data-grid__cell) { border-block-end: 0; }\n .brick-data-grid[data-variant=\"outline\"] .brick-data-grid__footer .brick-data-grid__row:last-child > :first-child { border-end-start-radius: calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width)); }\n .brick-data-grid[data-variant=\"outline\"] .brick-data-grid__footer .brick-data-grid__row:last-child > :last-child { border-end-end-radius: calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width)); }\n .brick-data-grid__row[data-selected] :where(.brick-data-grid__column-header, .brick-data-grid__cell) { color: var(--brick-data-grid-selected-foreground); background: var(--brick-data-grid-selected-background); }\n .brick-data-grid__row[data-selectable]:hover :where(.brick-data-grid__column-header, .brick-data-grid__cell), .brick-data-grid__column-header[data-actionable]:hover { background: var(--brick-data-grid-hover-background); }\n .brick-data-grid__row[data-disabled] :where(.brick-data-grid__column-header, .brick-data-grid__cell), :where(.brick-data-grid__column-header, .brick-data-grid__cell)[data-disabled] { opacity: var(--brick-data-grid-disabled-opacity); }\n :where(.brick-data-grid__column-header, .brick-data-grid__cell)[data-active] { position: relative; outline: var(--brick-data-grid-active-width) solid var(--brick-data-grid-active-color); outline-offset: calc(-1 * var(--brick-data-grid-active-width)); }\n .brick-data-grid__sort-indicator { display: inline-flex; inline-size: var(--brick-data-grid-sort-indicator-size); block-size: var(--brick-data-grid-sort-indicator-size); margin-inline-start: var(--brick-space-2); vertical-align: middle; color: var(--brick-data-grid-sort-indicator-color); }\n .brick-data-grid__sort-indicator svg { inline-size: 100%; block-size: 100%; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }\n .brick-data-grid__column-header[data-sort=\"ascending\"] .brick-data-grid__sort-indicator path { d: path(\"m4 10 4-4 4 4\"); }\n .brick-data-grid__column-header[data-sort=\"descending\"] .brick-data-grid__sort-indicator path { d: path(\"m4 6 4 4 4-4\"); }\n @media (forced-colors: active) {\n .brick-data-grid { --brick-data-grid-border-color: CanvasText; --brick-data-grid-header-background: Canvas; --brick-data-grid-body-background: Canvas; --brick-data-grid-footer-background: Canvas; --brick-data-grid-active-color: Highlight; --brick-data-grid-selected-background: Highlight; --brick-data-grid-selected-foreground: HighlightText; --brick-data-grid-hover-background: Canvas; --brick-data-grid-sort-indicator-color: CanvasText; }\n }\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,4JACA,2uDA4BA,qOACA,sOACA,iGACA,kGACA,2FACA,+GACA,uHACA,uZACA,oNACA,yEACA,0MACA,oGACA,8FACA,kIACA,wKACA,uQACA,gYAEA,4XAEA,4VAEA,gNACA,6MACA,6PACA,0PACA,2MACA,sNACA,kOACA,kPACA,mRACA,kKACA,mHACA,mHACA,8BACE,qaDjEJ","sources":["home/runner/work/brick/brick/.brick-cache/production/data-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/data-grid/data-grid.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/data-grid/data-grid.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-data-grid-container { box-sizing: border-box; inline-size: 100%; min-inline-size: 0; max-inline-size: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }\n .brick-data-grid {\n --brick-data-grid-inline-size: 100%;\n --brick-data-grid-min-inline-size: 0;\n --brick-data-grid-border-color: var(--brick-color-border-subtle);\n --brick-data-grid-border-width: var(--brick-border-width);\n --brick-data-grid-radius: var(--brick-radius-surface);\n --brick-data-grid-header-background: var(--brick-color-surface-subtle);\n --brick-data-grid-header-foreground: var(--brick-color-text-primary);\n --brick-data-grid-body-background: var(--brick-color-surface-base);\n --brick-data-grid-footer-background: var(--brick-color-surface-subtle);\n --brick-data-grid-cell-foreground: var(--brick-color-text-primary);\n --brick-data-grid-cell-padding-inline: var(--brick-space-4);\n --brick-data-grid-cell-padding-block: var(--brick-space-3);\n --brick-data-grid-row-min-block-size: 3rem;\n --brick-data-grid-caption-foreground: var(--brick-color-text-secondary);\n --brick-data-grid-caption-gap: var(--brick-space-3);\n --brick-data-grid-active-color: var(--brick-color-focus-ring);\n --brick-data-grid-active-width: 2px;\n --brick-data-grid-selected-background: var(--brick-color-surface-accent-subtle, var(--brick-color-surface-subtle));\n --brick-data-grid-selected-foreground: var(--brick-color-text-primary);\n --brick-data-grid-hover-background: var(--brick-color-surface-hover, var(--brick-color-surface-subtle));\n --brick-data-grid-disabled-opacity: 0.5;\n --brick-data-grid-sort-indicator-size: 1rem;\n --brick-data-grid-sort-indicator-color: var(--brick-color-text-secondary);\n inline-size: var(--brick-data-grid-inline-size); min-inline-size: var(--brick-data-grid-min-inline-size);\n border-collapse: separate; border-spacing: 0; color: var(--brick-data-grid-cell-foreground);\n font-family: var(--brick-typography-body-md-font-family); font-size: var(--brick-typography-body-md-font-size); line-height: var(--brick-typography-body-md-line-height);\n }\n .brick-data-grid[data-size=\"sm\"] { font-size: var(--brick-typography-body-sm-font-size); line-height: var(--brick-typography-body-sm-line-height); --brick-data-grid-row-min-block-size: 2.5rem; --brick-data-grid-sort-indicator-size: .875rem; }\n .brick-data-grid[data-size=\"lg\"] { font-size: var(--brick-typography-body-lg-font-size); line-height: var(--brick-typography-body-lg-line-height); --brick-data-grid-row-min-block-size: 3.5rem; --brick-data-grid-sort-indicator-size: 1.125rem; }\n .brick-data-grid[data-density=\"compact\"] { --brick-data-grid-cell-padding-block: var(--brick-space-1); }\n .brick-data-grid[data-density=\"spacious\"] { --brick-data-grid-cell-padding-block: var(--brick-space-5); }\n .brick-data-grid__caption { color: var(--brick-data-grid-caption-foreground); text-align: start; }\n .brick-data-grid__caption[data-side=\"top\"] { caption-side: top; padding-block-end: var(--brick-data-grid-caption-gap); }\n .brick-data-grid__caption[data-side=\"bottom\"] { caption-side: bottom; padding-block-start: var(--brick-data-grid-caption-gap); }\n .brick-data-grid__column-header, .brick-data-grid__cell { box-sizing: border-box; min-block-size: var(--brick-data-grid-row-min-block-size); padding-block: var(--brick-data-grid-cell-padding-block); padding-inline: var(--brick-data-grid-cell-padding-inline); border-block-end: var(--brick-data-grid-border-width) solid var(--brick-data-grid-border-color); text-align: start; vertical-align: middle; overflow-wrap: break-word; }\n .brick-data-grid__column-header { color: var(--brick-data-grid-header-foreground); background: var(--brick-data-grid-header-background); font-weight: var(--brick-typography-compact-title-font-weight); white-space: nowrap; }\n .brick-data-grid__cell { background: var(--brick-data-grid-body-background); }\n .brick-data-grid__footer :where(.brick-data-grid__column-header, .brick-data-grid__cell) { background: var(--brick-data-grid-footer-background); font-weight: var(--brick-typography-compact-title-font-weight); }\n :where(.brick-data-grid__column-header, .brick-data-grid__cell)[data-align=\"center\"] { text-align: center; }\n :where(.brick-data-grid__column-header, .brick-data-grid__cell)[data-align=\"end\"] { text-align: end; }\n :where(.brick-data-grid__column-header, .brick-data-grid__cell)[data-numeric] { white-space: nowrap; font-variant-numeric: tabular-nums; }\n .brick-data-grid[data-variant=\"outline\"] { border: var(--brick-data-grid-border-width) solid var(--brick-data-grid-border-color); border-radius: var(--brick-data-grid-radius); }\n .brick-data-grid[data-variant=\"outline\"] :where(.brick-data-grid__column-header, .brick-data-grid__cell) + :where(.brick-data-grid__column-header, .brick-data-grid__cell) { border-inline-start: var(--brick-data-grid-border-width) solid var(--brick-data-grid-border-color); }\n .brick-data-grid[data-variant=\"outline\"] .brick-data-grid__header:first-of-type .brick-data-grid__row:first-child > :first-child,\n .brick-data-grid[data-variant=\"outline\"]:not(:has(.brick-data-grid__header)) .brick-data-grid__body:first-of-type .brick-data-grid__row:first-child > :first-child { border-start-start-radius: calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width)); }\n .brick-data-grid[data-variant=\"outline\"] .brick-data-grid__header:first-of-type .brick-data-grid__row:first-child > :last-child,\n .brick-data-grid[data-variant=\"outline\"]:not(:has(.brick-data-grid__header)) .brick-data-grid__body:first-of-type .brick-data-grid__row:first-child > :last-child { border-start-end-radius: calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width)); }\n .brick-data-grid[data-variant=\"outline\"] .brick-data-grid__footer .brick-data-grid__row:last-child :where(.brick-data-grid__column-header, .brick-data-grid__cell),\n .brick-data-grid[data-variant=\"outline\"] .brick-data-grid__body:last-child .brick-data-grid__row:last-child :where(.brick-data-grid__column-header, .brick-data-grid__cell) { border-block-end: 0; }\n .brick-data-grid[data-variant=\"outline\"] .brick-data-grid__footer .brick-data-grid__row:last-child > :first-child { border-end-start-radius: calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width)); }\n .brick-data-grid[data-variant=\"outline\"] .brick-data-grid__footer .brick-data-grid__row:last-child > :last-child { border-end-end-radius: calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width)); }\n .brick-data-grid[data-variant=\"outline\"]:not(:has(.brick-data-grid__footer)) .brick-data-grid__body:last-child .brick-data-grid__row:last-child > :first-child { border-end-start-radius: calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width)); }\n .brick-data-grid[data-variant=\"outline\"]:not(:has(.brick-data-grid__footer)) .brick-data-grid__body:last-child .brick-data-grid__row:last-child > :last-child { border-end-end-radius: calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width)); }\n .brick-data-grid__row[data-selected] :where(.brick-data-grid__column-header, .brick-data-grid__cell) { color: var(--brick-data-grid-selected-foreground); background: var(--brick-data-grid-selected-background); }\n .brick-data-grid__row[data-selectable]:hover :where(.brick-data-grid__column-header, .brick-data-grid__cell), .brick-data-grid__column-header[data-actionable]:hover { background: var(--brick-data-grid-hover-background); }\n .brick-data-grid__row[data-disabled] :where(.brick-data-grid__column-header, .brick-data-grid__cell), :where(.brick-data-grid__column-header, .brick-data-grid__cell)[data-disabled] { opacity: var(--brick-data-grid-disabled-opacity); }\n :where(.brick-data-grid__column-header, .brick-data-grid__cell)[data-active] { position: relative; outline: var(--brick-data-grid-active-width) solid var(--brick-data-grid-active-color); outline-offset: calc(-1 * var(--brick-data-grid-active-width)); }\n .brick-data-grid__sort-indicator { display: inline-flex; inline-size: var(--brick-data-grid-sort-indicator-size); block-size: var(--brick-data-grid-sort-indicator-size); margin-inline-start: var(--brick-space-2); vertical-align: middle; color: var(--brick-data-grid-sort-indicator-color); }\n .brick-data-grid__sort-indicator svg { inline-size: 100%; block-size: 100%; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }\n .brick-data-grid__column-header[data-sort=\"ascending\"] .brick-data-grid__sort-indicator path { d: path(\"m4 10 4-4 4 4\"); }\n .brick-data-grid__column-header[data-sort=\"descending\"] .brick-data-grid__sort-indicator path { d: path(\"m4 6 4 4 4-4\"); }\n @media (forced-colors: active) {\n .brick-data-grid { --brick-data-grid-border-color: CanvasText; --brick-data-grid-header-background: Canvas; --brick-data-grid-body-background: Canvas; --brick-data-grid-footer-background: Canvas; --brick-data-grid-active-color: Highlight; --brick-data-grid-selected-background: Highlight; --brick-data-grid-selected-foreground: HighlightText; --brick-data-grid-hover-background: Canvas; --brick-data-grid-sort-indicator-color: CanvasText; }\n }\n}\n"],"names":[]}
package/dist/styles/data-list.css ADDED
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-data-list{--brick-data-list-gap:var(--brick-space-4);--brick-data-list-item-gap:var(--brick-space-1);--brick-data-list-label-size:auto;--brick-data-list-divider-color:var(--brick-color-border-default);box-sizing:border-box;gap:var(--brick-data-list-gap);min-inline-size:0;color:var(--brick-color-text-primary);font-family:var(--brick-typography-body-md-font-family);font-size:var(--brick-typography-body-md-font-size);font-weight:var(--brick-typography-body-md-font-weight);line-height:var(--brick-typography-body-md-line-height);letter-spacing:var(--brick-typography-body-md-letter-spacing);margin:0;display:grid}.brick-data-list[data-size=sm]{--brick-data-list-gap:var(--brick-space-3);--brick-data-list-item-gap:var(--brick-space-1);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-data-list[data-size=lg]{--brick-data-list-gap:var(--brick-space-5);--brick-data-list-item-gap:var(--brick-space-2);font-family:var(--brick-typography-body-lg-font-family);font-size:var(--brick-typography-body-lg-font-size);font-weight:var(--brick-typography-body-lg-font-weight);line-height:var(--brick-typography-body-lg-line-height);letter-spacing:var(--brick-typography-body-lg-letter-spacing)}.brick-data-list[data-label-width=sm]{--brick-data-list-label-size:6rem}.brick-data-list[data-label-width=md]{--brick-data-list-label-size:9rem}.brick-data-list[data-label-width=lg]{--brick-data-list-label-size:12rem}.brick-data-list__item{box-sizing:border-box;gap:var(--brick-data-list-item-gap);min-inline-size:0;display:grid}.brick-data-list[data-orientation=horizontal]>.brick-data-list__item{grid-template-columns:minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr);align-items:baseline;column-gap:var(--brick-data-list-gap)}.brick-data-list[data-orientation=horizontal][data-label-width=auto]>.brick-data-list__item{grid-template-columns:max-content minmax(0,1fr)}.brick-data-list[data-divide]>.brick-data-list__item:not(:first-child){border-block-start:var(--brick-border-width) solid var(--brick-data-list-divider-color);padding-block-start:var(--brick-data-list-gap)}.brick-data-list__label,.brick-data-list__value{min-inline-size:0;margin:0}.brick-data-list__label{color:var(--brick-color-text-secondary);font-weight:var(--brick-typography-label-md-font-weight)}.brick-data-list__value{color:var(--brick-color-text-primary)}@media (width>=30rem){.brick-data-list[data-orientation-sm=vertical]>.brick-data-list__item{grid-template-columns:minmax(0,1fr)}.brick-data-list[data-orientation-sm=horizontal]>.brick-data-list__item{grid-template-columns:minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr);align-items:baseline;column-gap:var(--brick-data-list-gap)}.brick-data-list[data-orientation-sm=horizontal][data-label-width=auto]>.brick-data-list__item{grid-template-columns:max-content minmax(0,1fr)}}@media (width>=48rem){.brick-data-list[data-orientation-md=vertical]>.brick-data-list__item{grid-template-columns:minmax(0,1fr)}.brick-data-list[data-orientation-md=horizontal]>.brick-data-list__item{grid-template-columns:minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr);align-items:baseline;column-gap:var(--brick-data-list-gap)}.brick-data-list[data-orientation-md=horizontal][data-label-width=auto]>.brick-data-list__item{grid-template-columns:max-content minmax(0,1fr)}}@media (width>=64rem){.brick-data-list[data-orientation-lg=vertical]>.brick-data-list__item{grid-template-columns:minmax(0,1fr)}.brick-data-list[data-orientation-lg=horizontal]>.brick-data-list__item{grid-template-columns:minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr);align-items:baseline;column-gap:var(--brick-data-list-gap)}.brick-data-list[data-orientation-lg=horizontal][data-label-width=auto]>.brick-data-list__item{grid-template-columns:max-content minmax(0,1fr)}}@media (width>=80rem){.brick-data-list[data-orientation-xl=vertical]>.brick-data-list__item{grid-template-columns:minmax(0,1fr)}.brick-data-list[data-orientation-xl=horizontal]>.brick-data-list__item{grid-template-columns:minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr);align-items:baseline;column-gap:var(--brick-data-list-gap)}.brick-data-list[data-orientation-xl=horizontal][data-label-width=auto]>.brick-data-list__item{grid-template-columns:max-content minmax(0,1fr)}}@media (forced-colors:active){.brick-data-list,.brick-data-list__label,.brick-data-list__value{color:canvastext}.brick-data-list[data-divide]>.brick-data-list__item{border-color:canvastext}}}@layer brick.utilities,brick.effects;
2
+ /*# sourceMappingURL=data-list.css.map */
package/dist/styles/data-list.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,6mBAmBA,oZAUA,oZAUA,wEACA,wEACA,yEAEA,gHAOA,kNAMA,4IAKA,8MAKA,2EAMA,yHAKA,8DAEA,sBACE,0GACA,qNACA,gJAGF,sBACE,0GACA,qNACA,gJAGF,sBACE,0GACA,qNACA,gJAGF,sBACE,0GACA,qNACA,gJAGF,8BACE,kFAGA,+ED5GJ","sources":["home/runner/work/brick/brick/.brick-cache/production/data-list.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/data-list/data-list.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/data-list/data-list.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-data-list {\n --brick-data-list-gap: var(--brick-space-4);\n --brick-data-list-item-gap: var(--brick-space-1);\n --brick-data-list-label-size: auto;\n --brick-data-list-divider-color: var(--brick-color-border-default);\n\n display: grid;\n box-sizing: border-box;\n min-inline-size: 0;\n gap: var(--brick-data-list-gap);\n margin: 0;\n color: var(--brick-color-text-primary);\n font-family: var(--brick-typography-body-md-font-family);\n font-size: var(--brick-typography-body-md-font-size);\n font-weight: var(--brick-typography-body-md-font-weight);\n line-height: var(--brick-typography-body-md-line-height);\n letter-spacing: var(--brick-typography-body-md-letter-spacing);\n }\n\n .brick-data-list[data-size=\"sm\"] {\n --brick-data-list-gap: var(--brick-space-3);\n --brick-data-list-item-gap: var(--brick-space-1);\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-data-list[data-size=\"lg\"] {\n --brick-data-list-gap: var(--brick-space-5);\n --brick-data-list-item-gap: var(--brick-space-2);\n font-family: var(--brick-typography-body-lg-font-family);\n font-size: var(--brick-typography-body-lg-font-size);\n font-weight: var(--brick-typography-body-lg-font-weight);\n line-height: var(--brick-typography-body-lg-line-height);\n letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n }\n\n .brick-data-list[data-label-width=\"sm\"] { --brick-data-list-label-size: 6rem; }\n .brick-data-list[data-label-width=\"md\"] { --brick-data-list-label-size: 9rem; }\n .brick-data-list[data-label-width=\"lg\"] { --brick-data-list-label-size: 12rem; }\n\n .brick-data-list__item {\n display: grid;\n box-sizing: border-box;\n min-inline-size: 0;\n gap: var(--brick-data-list-item-gap);\n }\n\n .brick-data-list[data-orientation=\"horizontal\"] > .brick-data-list__item {\n grid-template-columns: minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr);\n align-items: baseline;\n column-gap: var(--brick-data-list-gap);\n }\n\n .brick-data-list[data-orientation=\"horizontal\"][data-label-width=\"auto\"]\n > .brick-data-list__item {\n grid-template-columns: max-content minmax(0, 1fr);\n }\n\n .brick-data-list[data-divide] > .brick-data-list__item:not(:first-child) {\n padding-block-start: var(--brick-data-list-gap);\n border-block-start: var(--brick-border-width) solid var(--brick-data-list-divider-color);\n }\n\n .brick-data-list__label,\n .brick-data-list__value {\n min-inline-size: 0;\n margin: 0;\n }\n\n .brick-data-list__label {\n color: var(--brick-color-text-secondary);\n font-weight: var(--brick-typography-label-md-font-weight);\n }\n\n .brick-data-list__value { color: var(--brick-color-text-primary); }\n\n @media (width >= 30rem) {\n .brick-data-list[data-orientation-sm=\"vertical\"] > .brick-data-list__item { grid-template-columns: minmax(0, 1fr); }\n .brick-data-list[data-orientation-sm=\"horizontal\"] > .brick-data-list__item { grid-template-columns: minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr); align-items: baseline; column-gap: var(--brick-data-list-gap); }\n .brick-data-list[data-orientation-sm=\"horizontal\"][data-label-width=\"auto\"] > .brick-data-list__item { grid-template-columns: max-content minmax(0, 1fr); }\n }\n\n @media (width >= 48rem) {\n .brick-data-list[data-orientation-md=\"vertical\"] > .brick-data-list__item { grid-template-columns: minmax(0, 1fr); }\n .brick-data-list[data-orientation-md=\"horizontal\"] > .brick-data-list__item { grid-template-columns: minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr); align-items: baseline; column-gap: var(--brick-data-list-gap); }\n .brick-data-list[data-orientation-md=\"horizontal\"][data-label-width=\"auto\"] > .brick-data-list__item { grid-template-columns: max-content minmax(0, 1fr); }\n }\n\n @media (width >= 64rem) {\n .brick-data-list[data-orientation-lg=\"vertical\"] > .brick-data-list__item { grid-template-columns: minmax(0, 1fr); }\n .brick-data-list[data-orientation-lg=\"horizontal\"] > .brick-data-list__item { grid-template-columns: minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr); align-items: baseline; column-gap: var(--brick-data-list-gap); }\n .brick-data-list[data-orientation-lg=\"horizontal\"][data-label-width=\"auto\"] > .brick-data-list__item { grid-template-columns: max-content minmax(0, 1fr); }\n }\n\n @media (width >= 80rem) {\n .brick-data-list[data-orientation-xl=\"vertical\"] > .brick-data-list__item { grid-template-columns: minmax(0, 1fr); }\n .brick-data-list[data-orientation-xl=\"horizontal\"] > .brick-data-list__item { grid-template-columns: minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr); align-items: baseline; column-gap: var(--brick-data-list-gap); }\n .brick-data-list[data-orientation-xl=\"horizontal\"][data-label-width=\"auto\"] > .brick-data-list__item { grid-template-columns: max-content minmax(0, 1fr); }\n }\n\n @media (forced-colors: active) {\n .brick-data-list { color: CanvasText; }\n .brick-data-list__label,\n .brick-data-list__value { color: CanvasText; }\n .brick-data-list[data-divide] > .brick-data-list__item { border-color: CanvasText; }\n }\n}\n"],"names":[]}
package/dist/styles/dialog.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-dialog-overlay{z-index:var(--brick-layer-overlay);background:var(--brick-color-scrim);opacity:1;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);position:fixed;inset:0}.brick-dialog-overlay[data-state=closed]{opacity:0}.brick-dialog-content{--brick-dialog-max-inline-size:32rem;--brick-dialog-max-block-size:calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));--brick-dialog-space:var(--brick-space-5);--brick-dialog-radius:var(--brick-radius-overlay);--brick-dialog-shadow:0 1.5rem 4.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 4%);z-index:calc(var(--brick-layer-overlay) + 1);inset-block-start:50%;box-sizing:border-box;inline-size:min(var(--brick-dialog-max-inline-size), calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)));max-inline-size:calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right));max-block-size:var(--brick-dialog-max-block-size);border:var(--brick-border-width) solid var(--brick-color-border-subtle);border-radius:var(--brick-dialog-radius);background:var(--brick-color-surface-overlay);box-shadow:var(--brick-dialog-shadow);color:var(--brick-color-text-primary);opacity:1;overflow-wrap:anywhere;transform-origin:50%;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);flex-direction:column;display:flex;position:fixed;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(1)}.brick-dialog-content[data-size=sm]{--brick-dialog-max-inline-size:24rem;--brick-dialog-space:var(--brick-space-4)}.brick-dialog-content[data-size=lg]{--brick-dialog-max-inline-size:44rem;--brick-dialog-space:var(--brick-space-6)}.brick-dialog-content[data-state=closed]{opacity:0;transform:translate(-50%,-48%)scale(.985)}.brick-dialog-header{gap:var(--brick-space-1);min-inline-size:0;padding:var(--brick-dialog-space);flex:none;padding-block-end:var(--brick-space-3);display:grid}.brick-dialog-title,.brick-dialog-description{min-inline-size:0;margin:0}.brick-dialog-title{color:var(--brick-color-text-primary);font-family:var(--brick-typography-overlay-title-font-family);font-size:var(--brick-typography-overlay-title-font-size);font-weight:var(--brick-typography-overlay-title-font-weight);letter-spacing:var(--brick-typography-overlay-title-letter-spacing);line-height:var(--brick-typography-overlay-title-line-height)}.brick-dialog-description{color:var(--brick-color-text-secondary);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-typography-supporting-sm-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-typography-supporting-sm-line-height)}.brick-dialog-body{min-block-size:0;min-inline-size:0;padding-inline:var(--brick-dialog-space);padding-block:var(--brick-space-2) var(--brick-dialog-space);overscroll-behavior:contain;color:var(--brick-color-text-primary);line-height:var(--brick-typography-body-md-line-height);scrollbar-gutter:stable;flex:auto;overflow:auto}.brick-dialog-footer{justify-content:flex-end;align-items:center;gap:var(--brick-space-2);min-inline-size:0;padding:var(--brick-space-3) var(--brick-dialog-space) var(--brick-dialog-space);flex-wrap:wrap;flex:none;display:flex}.brick-dialog-footer[data-justify=start]{justify-content:flex-start}.brick-dialog-footer[data-justify=center]{justify-content:center}.brick-dialog-footer[data-justify=between]{justify-content:space-between}@supports not (height:100dvb){.brick-dialog-content{--brick-dialog-max-block-size:calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}@media (width<=30rem){.brick-dialog-content{--brick-dialog-space:var(--brick-space-4)}.brick-dialog-footer>.brick-button{flex:9rem}}@media (prefers-reduced-motion:reduce){.brick-dialog-overlay,.brick-dialog-content{transition-duration:1ms}.brick-dialog-content,.brick-dialog-content[data-state=closed]{transform:translate(-50%,-50%)}}@media (forced-colors:active){.brick-dialog-overlay{opacity:.7;background:canvas}.brick-dialog-content{box-shadow:none;border-color:canvastext}}}@layer brick.utilities,brick.effects;
1
+ @layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-dialog-overlay{z-index:var(--brick-layer-overlay);background:var(--brick-color-scrim);opacity:1;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);position:fixed;inset:0}.brick-dialog-overlay[data-state=closed]{opacity:0}.brick-dialog-content{--brick-dialog-max-inline-size:32rem;--brick-dialog-max-block-size:calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));--brick-dialog-space:var(--brick-space-5);--brick-dialog-radius:var(--brick-radius-overlay);--brick-dialog-shadow:var(--brick-shadow-modal);z-index:calc(var(--brick-layer-overlay) + 1);inset-block-start:50%;box-sizing:border-box;inline-size:min(var(--brick-dialog-max-inline-size), calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)));max-inline-size:calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right));max-block-size:var(--brick-dialog-max-block-size);border:var(--brick-border-width) solid var(--brick-color-border-subtle);border-radius:var(--brick-dialog-radius);background:var(--brick-color-surface-overlay);box-shadow:var(--brick-dialog-shadow);color:var(--brick-color-text-primary);opacity:1;overflow-wrap:anywhere;transform-origin:50%;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);flex-direction:column;display:flex;position:fixed;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(1)}.brick-dialog-content[data-size=sm]{--brick-dialog-max-inline-size:24rem;--brick-dialog-space:var(--brick-space-4)}.brick-dialog-content[data-size=lg]{--brick-dialog-max-inline-size:44rem;--brick-dialog-space:var(--brick-space-6)}.brick-dialog-content[data-state=closed]{opacity:0;transform:translate(-50%,-48%)scale(.985)}.brick-dialog-header{gap:var(--brick-space-1);min-inline-size:0;padding:var(--brick-dialog-space);flex:none;padding-block-end:var(--brick-space-3);display:grid}.brick-dialog-title,.brick-dialog-description{min-inline-size:0;margin:0}.brick-dialog-title{color:var(--brick-color-text-primary);font-family:var(--brick-typography-overlay-title-font-family);font-size:var(--brick-typography-overlay-title-font-size);font-weight:var(--brick-typography-overlay-title-font-weight);letter-spacing:var(--brick-typography-overlay-title-letter-spacing);line-height:var(--brick-typography-overlay-title-line-height)}.brick-dialog-description{color:var(--brick-color-text-secondary);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-typography-supporting-sm-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-typography-supporting-sm-line-height)}.brick-dialog-body{min-block-size:0;min-inline-size:0;padding-inline:var(--brick-dialog-space);padding-block:var(--brick-space-2) var(--brick-dialog-space);overscroll-behavior:contain;color:var(--brick-color-text-primary);line-height:var(--brick-typography-body-md-line-height);scrollbar-gutter:stable;flex:auto;overflow:auto}.brick-dialog-footer{justify-content:flex-end;align-items:center;gap:var(--brick-space-2);min-inline-size:0;padding:var(--brick-space-3) var(--brick-dialog-space) var(--brick-dialog-space);flex-wrap:wrap;flex:none;display:flex}.brick-dialog-footer[data-justify=start]{justify-content:flex-start}.brick-dialog-footer[data-justify=center]{justify-content:center}.brick-dialog-footer[data-justify=between]{justify-content:space-between}@supports not (height:100dvb){.brick-dialog-content{--brick-dialog-max-block-size:calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}@media (width<=30rem){.brick-dialog-content{--brick-dialog-space:var(--brick-space-4)}.brick-dialog-footer>.brick-button{flex:9rem}}@media (prefers-reduced-motion:reduce){.brick-dialog-overlay,.brick-dialog-content{transition-duration:1ms}.brick-dialog-content,.brick-dialog-content[data-state=closed]{transform:translate(-50%,-50%)}}@media (forced-colors:active){.brick-dialog-overlay{opacity:.7;background:canvas}.brick-dialog-content{box-shadow:none;border-color:canvastext}}}@layer brick.utilities,brick.effects;
2
2
  /*# sourceMappingURL=dialog.css.map */
package/dist/styles/dialog.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,mNASA,mDAIA,owCAuCA,mHAKA,mHAKA,6FAKA,gKASA,yEAMA,kXASA,0XASA,sUAaA,mOAWA,oEAIA,iEAIA,yEAIA,8BACE,iIAKF,sBACE,gEAIA,8CAKF,uCACE,oEAKA,+FAMF,8BACE,mDAKA,gED3KJ","sources":["home/runner/work/brick/brick/.brick-cache/production/dialog.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/dialog/dialog.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/dialog/dialog.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-dialog-overlay {\n position: fixed;\n z-index: var(--brick-layer-overlay);\n inset: 0;\n background: var(--brick-color-scrim);\n opacity: 1;\n transition: opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n }\n\n .brick-dialog-overlay[data-state=\"closed\"] {\n opacity: 0;\n }\n\n .brick-dialog-content {\n --brick-dialog-max-inline-size: 32rem;\n --brick-dialog-max-block-size: calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));\n --brick-dialog-space: var(--brick-space-5);\n --brick-dialog-radius: var(--brick-radius-overlay);\n --brick-dialog-shadow: 0 1.5rem 4.5rem color-mix(\n in srgb,\n var(--brick-color-shadow),\n transparent 4%\n );\n\n position: fixed;\n z-index: calc(var(--brick-layer-overlay) + 1);\n inset-block-start: 50%;\n left: 50%;\n display: flex;\n box-sizing: border-box;\n inline-size: min(\n var(--brick-dialog-max-inline-size),\n calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n );\n max-inline-size: calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right));\n max-block-size: var(--brick-dialog-max-block-size);\n flex-direction: column;\n overflow: hidden;\n border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n border-radius: var(--brick-dialog-radius);\n background: var(--brick-color-surface-overlay);\n box-shadow: var(--brick-dialog-shadow);\n color: var(--brick-color-text-primary);\n opacity: 1;\n overflow-wrap: anywhere;\n transform: translate(-50%, -50%) scale(1);\n transform-origin: center;\n transition:\n opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit),\n transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n }\n\n .brick-dialog-content[data-size=\"sm\"] {\n --brick-dialog-max-inline-size: 24rem;\n --brick-dialog-space: var(--brick-space-4);\n }\n\n .brick-dialog-content[data-size=\"lg\"] {\n --brick-dialog-max-inline-size: 44rem;\n --brick-dialog-space: var(--brick-space-6);\n }\n\n .brick-dialog-content[data-state=\"closed\"] {\n opacity: 0;\n transform: translate(-50%, -48%) scale(0.985);\n }\n\n .brick-dialog-header {\n display: grid;\n flex: none;\n gap: var(--brick-space-1);\n min-inline-size: 0;\n padding: var(--brick-dialog-space);\n padding-block-end: var(--brick-space-3);\n }\n\n .brick-dialog-title,\n .brick-dialog-description {\n min-inline-size: 0;\n margin: 0;\n }\n\n .brick-dialog-title {\n color: var(--brick-color-text-primary);\n font-family: var(--brick-typography-overlay-title-font-family);\n font-size: var(--brick-typography-overlay-title-font-size);\n font-weight: var(--brick-typography-overlay-title-font-weight);\n letter-spacing: var(--brick-typography-overlay-title-letter-spacing);\n line-height: var(--brick-typography-overlay-title-line-height);\n }\n\n .brick-dialog-description {\n color: var(--brick-color-text-secondary);\n font-family: var(--brick-typography-supporting-sm-font-family);\n font-size: var(--brick-typography-supporting-sm-font-size);\n font-weight: var(--brick-typography-supporting-sm-font-weight);\n letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n line-height: var(--brick-typography-supporting-sm-line-height);\n }\n\n .brick-dialog-body {\n min-block-size: 0;\n min-inline-size: 0;\n flex: 1 1 auto;\n padding-inline: var(--brick-dialog-space);\n padding-block: var(--brick-space-2) var(--brick-dialog-space);\n overflow: auto;\n overscroll-behavior: contain;\n color: var(--brick-color-text-primary);\n line-height: var(--brick-typography-body-md-line-height);\n scrollbar-gutter: stable;\n }\n\n .brick-dialog-footer {\n display: flex;\n min-inline-size: 0;\n flex: none;\n flex-wrap: wrap;\n align-items: center;\n justify-content: flex-end;\n gap: var(--brick-space-2);\n padding: var(--brick-space-3) var(--brick-dialog-space) var(--brick-dialog-space);\n }\n\n .brick-dialog-footer[data-justify=\"start\"] {\n justify-content: flex-start;\n }\n\n .brick-dialog-footer[data-justify=\"center\"] {\n justify-content: center;\n }\n\n .brick-dialog-footer[data-justify=\"between\"] {\n justify-content: space-between;\n }\n\n @supports not (height: 100dvb) {\n .brick-dialog-content {\n --brick-dialog-max-block-size: calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));\n }\n }\n\n @media (max-width: 30rem) {\n .brick-dialog-content {\n --brick-dialog-space: var(--brick-space-4);\n }\n\n .brick-dialog-footer > .brick-button {\n flex: 1 1 9rem;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-dialog-overlay,\n .brick-dialog-content {\n transition-duration: 1ms;\n }\n\n .brick-dialog-content,\n .brick-dialog-content[data-state=\"closed\"] {\n transform: translate(-50%, -50%);\n }\n }\n\n @media (forced-colors: active) {\n .brick-dialog-overlay {\n background: Canvas;\n opacity: 0.7;\n }\n\n .brick-dialog-content {\n border-color: CanvasText;\n box-shadow: none;\n }\n }\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,mNASA,mDAIA,gtCAmCA,mHAKA,mHAKA,6FAKA,gKASA,yEAMA,kXASA,0XASA,sUAaA,mOAWA,oEAIA,iEAIA,yEAIA,8BACE,iIAKF,sBACE,gEAIA,8CAKF,uCACE,oEAKA,+FAMF,8BACE,mDAKA,gEDvKJ","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, flowstack.theme, brick.foundations, brick.components, brick.utilities, 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: var(--brick-shadow-modal);\n\n position: fixed;\n z-index: calc(var(--brick-layer-overlay) + 1);\n inset-block-start: 50%;\n left: 50%;\n display: flex;\n box-sizing: border-box;\n inline-size: min(\n var(--brick-dialog-max-inline-size),\n calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n );\n max-inline-size: calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right));\n max-block-size: var(--brick-dialog-max-block-size);\n flex-direction: column;\n overflow: hidden;\n border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n border-radius: var(--brick-dialog-radius);\n background: var(--brick-color-surface-overlay);\n box-shadow: var(--brick-dialog-shadow);\n color: var(--brick-color-text-primary);\n opacity: 1;\n overflow-wrap: anywhere;\n transform: translate(-50%, -50%) scale(1);\n transform-origin: center;\n transition:\n opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit),\n transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n }\n\n .brick-dialog-content[data-size=\"sm\"] {\n --brick-dialog-max-inline-size: 24rem;\n --brick-dialog-space: var(--brick-space-4);\n }\n\n .brick-dialog-content[data-size=\"lg\"] {\n --brick-dialog-max-inline-size: 44rem;\n --brick-dialog-space: var(--brick-space-6);\n }\n\n .brick-dialog-content[data-state=\"closed\"] {\n opacity: 0;\n transform: translate(-50%, -48%) scale(0.985);\n }\n\n .brick-dialog-header {\n display: grid;\n flex: none;\n gap: var(--brick-space-1);\n min-inline-size: 0;\n padding: var(--brick-dialog-space);\n padding-block-end: var(--brick-space-3);\n }\n\n .brick-dialog-title,\n .brick-dialog-description {\n min-inline-size: 0;\n margin: 0;\n }\n\n .brick-dialog-title {\n color: var(--brick-color-text-primary);\n font-family: var(--brick-typography-overlay-title-font-family);\n font-size: var(--brick-typography-overlay-title-font-size);\n font-weight: var(--brick-typography-overlay-title-font-weight);\n letter-spacing: var(--brick-typography-overlay-title-letter-spacing);\n line-height: var(--brick-typography-overlay-title-line-height);\n }\n\n .brick-dialog-description {\n color: var(--brick-color-text-secondary);\n font-family: var(--brick-typography-supporting-sm-font-family);\n font-size: var(--brick-typography-supporting-sm-font-size);\n font-weight: var(--brick-typography-supporting-sm-font-weight);\n letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n line-height: var(--brick-typography-supporting-sm-line-height);\n }\n\n .brick-dialog-body {\n min-block-size: 0;\n min-inline-size: 0;\n flex: 1 1 auto;\n padding-inline: var(--brick-dialog-space);\n padding-block: var(--brick-space-2) var(--brick-dialog-space);\n overflow: auto;\n overscroll-behavior: contain;\n color: var(--brick-color-text-primary);\n line-height: var(--brick-typography-body-md-line-height);\n scrollbar-gutter: stable;\n }\n\n .brick-dialog-footer {\n display: flex;\n min-inline-size: 0;\n flex: none;\n flex-wrap: wrap;\n align-items: center;\n justify-content: flex-end;\n gap: var(--brick-space-2);\n padding: var(--brick-space-3) var(--brick-dialog-space) var(--brick-dialog-space);\n }\n\n .brick-dialog-footer[data-justify=\"start\"] {\n justify-content: flex-start;\n }\n\n .brick-dialog-footer[data-justify=\"center\"] {\n justify-content: center;\n }\n\n .brick-dialog-footer[data-justify=\"between\"] {\n justify-content: space-between;\n }\n\n @supports not (height: 100dvb) {\n .brick-dialog-content {\n --brick-dialog-max-block-size: calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));\n }\n }\n\n @media (max-width: 30rem) {\n .brick-dialog-content {\n --brick-dialog-space: var(--brick-space-4);\n }\n\n .brick-dialog-footer > .brick-button {\n flex: 1 1 9rem;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-dialog-overlay,\n .brick-dialog-content {\n transition-duration: 1ms;\n }\n\n .brick-dialog-content,\n .brick-dialog-content[data-state=\"closed\"] {\n transform: translate(-50%, -50%);\n }\n }\n\n @media (forced-colors: active) {\n .brick-dialog-overlay {\n background: Canvas;\n opacity: 0.7;\n }\n\n .brick-dialog-content {\n border-color: CanvasText;\n box-shadow: none;\n }\n }\n}\n"],"names":[]}
package/dist/styles/divider.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer brick.tokens,flowstack.theme,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.utilities,brick.effects;
1
+ @layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-divider{--brick-divider-color:var(--brick-color-border-default);--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.utilities,brick.effects;
2
2
  /*# sourceMappingURL=divider.css.map */
package/dist/styles/divider.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,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, flowstack.theme, brick.foundations, brick.components, brick.utilities, 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":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,sZAgBA,6LAMA,mLAOA,gDAIA,iEAIA,iEAIA,yEAIA,uEAIA,iKAKA,gKAKA,6JAKA,4JAKA,4KAQA,+IAMA,8WAWA,gJAMA,8IAMA,8BACE,kDD5GJ","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, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-divider {\n --brick-divider-color: var(--brick-color-border-default);\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:\n 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:\n 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":[]}
package/dist/styles/drawer.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-drawer-overlay{z-index:var(--brick-layer-overlay);background:var(--brick-color-scrim);opacity:1;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);position:fixed;inset:0}.brick-drawer-overlay[data-state=closed]{opacity:0}.brick-drawer-content{--brick-drawer-space:var(--brick-space-5);--brick-drawer-shadow:0 1.5rem 4.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 4%);--brick-drawer-inline-size-sm:min(20rem, 75dvi);--brick-drawer-inline-size-md:min(28rem, 85dvi);--brick-drawer-inline-size-lg:min(36rem, calc(100dvi - 1rem));--brick-drawer-inline-size-xl:min(48rem, calc(100dvi - .5rem));--brick-drawer-block-size-sm:min(16rem, 45dvb);--brick-drawer-block-size-md:min(24rem, 65dvb);--brick-drawer-block-size-lg:min(32rem, calc(100dvb - 2rem));--brick-drawer-block-size-xl:100dvb;--brick-drawer-safe-top:0px;--brick-drawer-safe-right:0px;--brick-drawer-safe-bottom:0px;--brick-drawer-safe-left:0px;z-index:calc(var(--brick-layer-overlay) + 1);box-sizing:border-box;border:var(--brick-border-width) solid var(--brick-color-border-subtle);background:var(--brick-drawer-background,var(--brick-color-surface-overlay));min-block-size:0;min-inline-size:0;box-shadow:var(--brick-drawer-shadow);color:var(--brick-color-text-primary);opacity:1;overflow-wrap:anywhere;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);flex-direction:column;display:flex;position:fixed;overflow:hidden;transform:translate(0,0)}.brick-drawer-content:is([data-placement=start],[data-placement=end]){--brick-drawer-safe-top:env(safe-area-inset-top);--brick-drawer-safe-right:env(safe-area-inset-right);--brick-drawer-safe-bottom:env(safe-area-inset-bottom);--brick-drawer-safe-left:env(safe-area-inset-left);block-size:100dvb;inset-block:0}.brick-drawer-content[data-placement=start]{border-start-end-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));border-end-end-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));inset-inline-start:0}.brick-drawer-content[data-placement=end]{border-start-start-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));border-end-start-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));inset-inline-end:0}.brick-drawer-content:is([data-placement=top],[data-placement=bottom]){--brick-drawer-safe-right:env(safe-area-inset-right);--brick-drawer-safe-left:env(safe-area-inset-left);inline-size:100dvi;inset-inline:0}.brick-drawer-content[data-placement=top]{--brick-drawer-safe-top:env(safe-area-inset-top);border-end-end-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));border-end-start-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));inset-block-start:0}.brick-drawer-content[data-placement=bottom]{--brick-drawer-safe-bottom:env(safe-area-inset-bottom);border-start-start-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));border-start-end-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));inset-block-end:0}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=sm]{inline-size:var(--brick-drawer-inline-size-sm)}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=md]{inline-size:var(--brick-drawer-inline-size-md)}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=lg]{inline-size:var(--brick-drawer-inline-size-lg)}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=xl]{inline-size:var(--brick-drawer-inline-size-xl)}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=full]{border-radius:0;inline-size:100dvi}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=sm]{max-block-size:var(--brick-drawer-block-size-sm)}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=md]{max-block-size:var(--brick-drawer-block-size-md)}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=lg]{max-block-size:var(--brick-drawer-block-size-lg)}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=xl]{max-block-size:var(--brick-drawer-block-size-xl)}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=full]{--brick-drawer-safe-top:env(safe-area-inset-top);--brick-drawer-safe-bottom:env(safe-area-inset-bottom);border-radius:0;block-size:100dvb}.brick-drawer-content[data-placement=start][data-state=closed]{transform:translate(-100%)}.brick-drawer-content[data-placement=end][data-state=closed],.brick-drawer-content:is(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl])[data-placement=start][data-state=closed]{transform:translate(100%)}.brick-drawer-content:is(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl])[data-placement=end][data-state=closed]{transform:translate(-100%)}.brick-drawer-content[data-placement=top][data-state=closed]{transform:translateY(-100%)}.brick-drawer-content[data-placement=bottom][data-state=closed]{transform:translateY(100%)}.brick-drawer-header{gap:var(--brick-space-1);min-inline-size:0;padding-block-start:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-top));padding-block-end:var(--brick-space-3);padding-left:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));padding-right:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));flex:none;display:grid}.brick-drawer-title,.brick-drawer-description{min-inline-size:0;margin:0}.brick-drawer-title{color:var(--brick-color-text-primary);font-family:var(--brick-typography-overlay-title-font-family);font-size:var(--brick-typography-overlay-title-font-size);font-weight:var(--brick-typography-overlay-title-font-weight);letter-spacing:var(--brick-typography-overlay-title-letter-spacing);line-height:var(--brick-typography-overlay-title-line-height)}.brick-drawer-description{color:var(--brick-color-text-secondary);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-typography-supporting-sm-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-typography-supporting-sm-line-height)}.brick-drawer-body{min-block-size:0;min-inline-size:0;padding-block:var(--brick-space-2) var(--brick-drawer-space);padding-left:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));padding-right:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));overscroll-behavior:contain;color:var(--brick-color-text-primary);line-height:var(--brick-typography-body-md-line-height);scrollbar-gutter:stable;flex:auto;overflow:auto}.brick-drawer-footer{justify-content:flex-end;align-items:center;gap:var(--brick-space-2);min-inline-size:0;padding-block-start:var(--brick-space-3);padding-block-end:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-bottom));padding-left:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));padding-right:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));flex-wrap:wrap;flex:none;display:flex}.brick-drawer-footer[data-justify=start]{justify-content:flex-start}.brick-drawer-footer[data-justify=center]{justify-content:center}.brick-drawer-footer[data-justify=between]{justify-content:space-between}@supports not (height:100dvb){.brick-drawer-content:is([data-placement=start],[data-placement=end]),.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=full]{block-size:100vh}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=xl]{max-block-size:100vh}}@media (width<=30rem){.brick-drawer-content{--brick-drawer-space:var(--brick-space-4)}.brick-drawer-footer>.brick-button{flex:9rem}}@media (height<=24rem){.brick-drawer-content{overscroll-behavior:contain;scrollbar-gutter:stable;overflow-y:auto}.brick-drawer-body{flex:none;overflow:visible}}@media (prefers-reduced-motion:reduce){.brick-drawer-overlay,.brick-drawer-content{transition-duration:1ms}.brick-drawer-content[data-state=closed]{transform:translate(0,0)}}@media (forced-colors:active){.brick-drawer-overlay{opacity:.7;background:canvas}.brick-drawer-content{box-shadow:none;border-color:canvastext}}}@layer brick.utilities,brick.effects;
1
+ @layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-drawer-overlay{z-index:var(--brick-layer-overlay);background:var(--brick-color-scrim);opacity:1;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);position:fixed;inset:0}.brick-drawer-overlay[data-state=closed]{opacity:0}.brick-drawer-content{--brick-drawer-space:var(--brick-space-5);--brick-drawer-shadow:var(--brick-shadow-modal);--brick-drawer-inline-size-sm:min(20rem, 75dvi);--brick-drawer-inline-size-md:min(28rem, 85dvi);--brick-drawer-inline-size-lg:min(36rem, calc(100dvi - 1rem));--brick-drawer-inline-size-xl:min(48rem, calc(100dvi - .5rem));--brick-drawer-block-size-sm:min(16rem, 45dvb);--brick-drawer-block-size-md:min(24rem, 65dvb);--brick-drawer-block-size-lg:min(32rem, calc(100dvb - 2rem));--brick-drawer-block-size-xl:100dvb;--brick-drawer-safe-top:0px;--brick-drawer-safe-right:0px;--brick-drawer-safe-bottom:0px;--brick-drawer-safe-left:0px;z-index:calc(var(--brick-layer-overlay) + 1);box-sizing:border-box;border:var(--brick-border-width) solid var(--brick-color-border-subtle);background:var(--brick-drawer-background,var(--brick-color-surface-overlay));min-block-size:0;min-inline-size:0;box-shadow:var(--brick-drawer-shadow);color:var(--brick-color-text-primary);opacity:1;overflow-wrap:anywhere;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);flex-direction:column;display:flex;position:fixed;overflow:hidden;transform:translate(0,0)}.brick-drawer-content:is([data-placement=start],[data-placement=end]){--brick-drawer-safe-top:env(safe-area-inset-top);--brick-drawer-safe-right:env(safe-area-inset-right);--brick-drawer-safe-bottom:env(safe-area-inset-bottom);--brick-drawer-safe-left:env(safe-area-inset-left);block-size:100dvb;inset-block:0}.brick-drawer-content[data-placement=start]{border-start-end-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));border-end-end-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));inset-inline-start:0}.brick-drawer-content[data-placement=end]{border-start-start-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));border-end-start-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));inset-inline-end:0}.brick-drawer-content:is([data-placement=top],[data-placement=bottom]){--brick-drawer-safe-right:env(safe-area-inset-right);--brick-drawer-safe-left:env(safe-area-inset-left);inline-size:100dvi;inset-inline:0}.brick-drawer-content[data-placement=top]{--brick-drawer-safe-top:env(safe-area-inset-top);border-end-end-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));border-end-start-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));inset-block-start:0}.brick-drawer-content[data-placement=bottom]{--brick-drawer-safe-bottom:env(safe-area-inset-bottom);border-start-start-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));border-start-end-radius:var(--brick-drawer-radius,var(--brick-radius-overlay));inset-block-end:0}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=sm]{inline-size:var(--brick-drawer-inline-size-sm)}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=md]{inline-size:var(--brick-drawer-inline-size-md)}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=lg]{inline-size:var(--brick-drawer-inline-size-lg)}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=xl]{inline-size:var(--brick-drawer-inline-size-xl)}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=full]{border-radius:0;inline-size:100dvi}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=sm]{max-block-size:var(--brick-drawer-block-size-sm)}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=md]{max-block-size:var(--brick-drawer-block-size-md)}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=lg]{max-block-size:var(--brick-drawer-block-size-lg)}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=xl]{max-block-size:var(--brick-drawer-block-size-xl)}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=full]{--brick-drawer-safe-top:env(safe-area-inset-top);--brick-drawer-safe-bottom:env(safe-area-inset-bottom);border-radius:0;block-size:100dvb}.brick-drawer-content[data-placement=start][data-state=closed]{transform:translate(-100%)}.brick-drawer-content[data-placement=end][data-state=closed],.brick-drawer-content:is(:dir(rtl),[dir=rtl])[data-placement=start][data-state=closed]{transform:translate(100%)}.brick-drawer-content:is(:dir(rtl),[dir=rtl])[data-placement=end][data-state=closed]{transform:translate(-100%)}.brick-drawer-content[data-placement=top][data-state=closed]{transform:translateY(-100%)}.brick-drawer-content[data-placement=bottom][data-state=closed]{transform:translateY(100%)}.brick-drawer-header{gap:var(--brick-space-1);min-inline-size:0;padding-block-start:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-top));padding-block-end:var(--brick-space-3);padding-left:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));padding-right:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));flex:none;display:grid}.brick-drawer-title,.brick-drawer-description{min-inline-size:0;margin:0}.brick-drawer-title{color:var(--brick-color-text-primary);font-family:var(--brick-typography-overlay-title-font-family);font-size:var(--brick-typography-overlay-title-font-size);font-weight:var(--brick-typography-overlay-title-font-weight);letter-spacing:var(--brick-typography-overlay-title-letter-spacing);line-height:var(--brick-typography-overlay-title-line-height)}.brick-drawer-description{color:var(--brick-color-text-secondary);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-typography-supporting-sm-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-typography-supporting-sm-line-height)}.brick-drawer-body{min-block-size:0;min-inline-size:0;padding-block:var(--brick-space-2) var(--brick-drawer-space);padding-left:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));padding-right:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));overscroll-behavior:contain;color:var(--brick-color-text-primary);line-height:var(--brick-typography-body-md-line-height);scrollbar-gutter:stable;flex:auto;overflow:auto}.brick-drawer-footer{justify-content:flex-end;align-items:center;gap:var(--brick-space-2);min-inline-size:0;padding-block-start:var(--brick-space-3);padding-block-end:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-bottom));padding-left:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));padding-right:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));flex-wrap:wrap;flex:none;display:flex}.brick-drawer-footer[data-justify=start]{justify-content:flex-start}.brick-drawer-footer[data-justify=center]{justify-content:center}.brick-drawer-footer[data-justify=between]{justify-content:space-between}@supports not (height:100dvb){.brick-drawer-content:is([data-placement=start],[data-placement=end]),.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=full]{block-size:100vh}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=xl]{max-block-size:100vh}}@media (width<=30rem){.brick-drawer-content{--brick-drawer-space:var(--brick-space-4)}.brick-drawer-footer>.brick-button{flex:9rem}}@media (height<=24rem){.brick-drawer-content{overscroll-behavior:contain;scrollbar-gutter:stable;overflow-y:auto}.brick-drawer-body{flex:none;overflow:visible}}@media (prefers-reduced-motion:reduce){.brick-drawer-overlay,.brick-drawer-content{transition-duration:1ms}.brick-drawer-content[data-state=closed]{transform:translate(0,0)}}@media (forced-colors:active){.brick-drawer-overlay{opacity:.7;background:canvas}.brick-drawer-content{box-shadow:none;border-color:canvastext}}}@layer brick.utilities,brick.effects;
2
2
  /*# sourceMappingURL=drawer.css.map */
package/dist/styles/drawer.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,mNASA,mDAIA,2xCAwCA,sTASA,6NAMA,6NAMA,iNAOA,2QAOA,sRAOA,mIAIA,mIAIA,mIAIA,mIAIA,yHAKA,sIAIA,sIAIA,sIAIA,sIAIA,iOAOA,0FAIA,+WAQA,iTAIA,yFAIA,2FAIA,6WAWA,yEAMA,kXASA,0XASA,ybAcA,2aAcA,oEAIA,iEAIA,yEAIA,8BACE,8KAQA,2GAKF,sBACE,gEAIA,8CAKF,uBACE,0FAMA,+CAMF,uCACE,oEAKA,mEAKF,8BACE,mDAKA,gEDrSJ","sources":["home/runner/work/brick/brick/.brick-cache/production/drawer.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/drawer/drawer.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/drawer/drawer.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-drawer-overlay {\n position: fixed;\n z-index: var(--brick-layer-overlay);\n inset: 0;\n background: var(--brick-color-scrim);\n opacity: 1;\n transition: opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n }\n\n .brick-drawer-overlay[data-state=\"closed\"] {\n opacity: 0;\n }\n\n .brick-drawer-content {\n --brick-drawer-space: var(--brick-space-5);\n --brick-drawer-shadow: 0 1.5rem 4.5rem color-mix(\n in srgb,\n var(--brick-color-shadow),\n transparent 4%\n );\n --brick-drawer-inline-size-sm: min(20rem, 75dvi);\n --brick-drawer-inline-size-md: min(28rem, 85dvi);\n --brick-drawer-inline-size-lg: min(36rem, calc(100dvi - 1rem));\n --brick-drawer-inline-size-xl: min(48rem, calc(100dvi - 0.5rem));\n --brick-drawer-block-size-sm: min(16rem, 45dvb);\n --brick-drawer-block-size-md: min(24rem, 65dvb);\n --brick-drawer-block-size-lg: min(32rem, calc(100dvb - 2rem));\n --brick-drawer-block-size-xl: 100dvb;\n --brick-drawer-safe-top: 0px;\n --brick-drawer-safe-right: 0px;\n --brick-drawer-safe-bottom: 0px;\n --brick-drawer-safe-left: 0px;\n\n position: fixed;\n z-index: calc(var(--brick-layer-overlay) + 1);\n display: flex;\n box-sizing: border-box;\n min-inline-size: 0;\n min-block-size: 0;\n flex-direction: column;\n overflow: hidden;\n border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n background: var(--brick-drawer-background, var(--brick-color-surface-overlay));\n box-shadow: var(--brick-drawer-shadow);\n color: var(--brick-color-text-primary);\n opacity: 1;\n overflow-wrap: anywhere;\n transform: translate3d(0, 0, 0);\n transition:\n opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit),\n transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n }\n\n .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"]) {\n inset-block: 0;\n block-size: 100dvb;\n --brick-drawer-safe-top: env(safe-area-inset-top);\n --brick-drawer-safe-right: env(safe-area-inset-right);\n --brick-drawer-safe-bottom: env(safe-area-inset-bottom);\n --brick-drawer-safe-left: env(safe-area-inset-left);\n }\n\n .brick-drawer-content[data-placement=\"start\"] {\n inset-inline-start: 0;\n border-start-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n border-end-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n }\n\n .brick-drawer-content[data-placement=\"end\"] {\n inset-inline-end: 0;\n border-start-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n border-end-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"]) {\n inset-inline: 0;\n inline-size: 100dvi;\n --brick-drawer-safe-right: env(safe-area-inset-right);\n --brick-drawer-safe-left: env(safe-area-inset-left);\n }\n\n .brick-drawer-content[data-placement=\"top\"] {\n inset-block-start: 0;\n border-end-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n border-end-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n --brick-drawer-safe-top: env(safe-area-inset-top);\n }\n\n .brick-drawer-content[data-placement=\"bottom\"] {\n inset-block-end: 0;\n border-start-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n border-start-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n --brick-drawer-safe-bottom: env(safe-area-inset-bottom);\n }\n\n .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"sm\"] {\n inline-size: var(--brick-drawer-inline-size-sm);\n }\n\n .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"md\"] {\n inline-size: var(--brick-drawer-inline-size-md);\n }\n\n .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"lg\"] {\n inline-size: var(--brick-drawer-inline-size-lg);\n }\n\n .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"xl\"] {\n inline-size: var(--brick-drawer-inline-size-xl);\n }\n\n .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"full\"] {\n inline-size: 100dvi;\n border-radius: 0;\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"sm\"] {\n max-block-size: var(--brick-drawer-block-size-sm);\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"md\"] {\n max-block-size: var(--brick-drawer-block-size-md);\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"lg\"] {\n max-block-size: var(--brick-drawer-block-size-lg);\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"xl\"] {\n max-block-size: var(--brick-drawer-block-size-xl);\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"full\"] {\n block-size: 100dvb;\n border-radius: 0;\n --brick-drawer-safe-top: env(safe-area-inset-top);\n --brick-drawer-safe-bottom: env(safe-area-inset-bottom);\n }\n\n .brick-drawer-content[data-placement=\"start\"][data-state=\"closed\"] {\n transform: translate3d(-100%, 0, 0);\n }\n\n .brick-drawer-content[data-placement=\"end\"][data-state=\"closed\"] {\n transform: translate3d(100%, 0, 0);\n }\n\n .brick-drawer-content:is(:dir(rtl), [dir=\"rtl\"])[data-placement=\"start\"][data-state=\"closed\"] {\n transform: translate3d(100%, 0, 0);\n }\n\n .brick-drawer-content:is(:dir(rtl), [dir=\"rtl\"])[data-placement=\"end\"][data-state=\"closed\"] {\n transform: translate3d(-100%, 0, 0);\n }\n\n .brick-drawer-content[data-placement=\"top\"][data-state=\"closed\"] {\n transform: translate3d(0, -100%, 0);\n }\n\n .brick-drawer-content[data-placement=\"bottom\"][data-state=\"closed\"] {\n transform: translate3d(0, 100%, 0);\n }\n\n .brick-drawer-header {\n display: grid;\n min-inline-size: 0;\n flex: none;\n gap: var(--brick-space-1);\n padding-block-start: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-top));\n padding-block-end: var(--brick-space-3);\n padding-left: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));\n padding-right: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));\n }\n\n .brick-drawer-title,\n .brick-drawer-description {\n min-inline-size: 0;\n margin: 0;\n }\n\n .brick-drawer-title {\n color: var(--brick-color-text-primary);\n font-family: var(--brick-typography-overlay-title-font-family);\n font-size: var(--brick-typography-overlay-title-font-size);\n font-weight: var(--brick-typography-overlay-title-font-weight);\n letter-spacing: var(--brick-typography-overlay-title-letter-spacing);\n line-height: var(--brick-typography-overlay-title-line-height);\n }\n\n .brick-drawer-description {\n color: var(--brick-color-text-secondary);\n font-family: var(--brick-typography-supporting-sm-font-family);\n font-size: var(--brick-typography-supporting-sm-font-size);\n font-weight: var(--brick-typography-supporting-sm-font-weight);\n letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n line-height: var(--brick-typography-supporting-sm-line-height);\n }\n\n .brick-drawer-body {\n min-inline-size: 0;\n min-block-size: 0;\n flex: 1 1 auto;\n padding-block: var(--brick-space-2) var(--brick-drawer-space);\n padding-left: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));\n padding-right: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));\n overflow: auto;\n overscroll-behavior: contain;\n color: var(--brick-color-text-primary);\n line-height: var(--brick-typography-body-md-line-height);\n scrollbar-gutter: stable;\n }\n\n .brick-drawer-footer {\n display: flex;\n min-inline-size: 0;\n flex: none;\n flex-wrap: wrap;\n align-items: center;\n justify-content: flex-end;\n gap: var(--brick-space-2);\n padding-block-start: var(--brick-space-3);\n padding-block-end: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-bottom));\n padding-left: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));\n padding-right: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));\n }\n\n .brick-drawer-footer[data-justify=\"start\"] {\n justify-content: flex-start;\n }\n\n .brick-drawer-footer[data-justify=\"center\"] {\n justify-content: center;\n }\n\n .brick-drawer-footer[data-justify=\"between\"] {\n justify-content: space-between;\n }\n\n @supports not (height: 100dvb) {\n .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"]) {\n block-size: 100vh;\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"full\"] {\n block-size: 100vh;\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"xl\"] {\n max-block-size: 100vh;\n }\n }\n\n @media (max-width: 30rem) {\n .brick-drawer-content {\n --brick-drawer-space: var(--brick-space-4);\n }\n\n .brick-drawer-footer > .brick-button {\n flex: 1 1 9rem;\n }\n }\n\n @media (max-height: 24rem) {\n .brick-drawer-content {\n overflow-y: auto;\n overscroll-behavior: contain;\n scrollbar-gutter: stable;\n }\n\n .brick-drawer-body {\n flex: none;\n overflow: visible;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-drawer-overlay,\n .brick-drawer-content {\n transition-duration: 1ms;\n }\n\n .brick-drawer-content[data-state=\"closed\"] {\n transform: translate3d(0, 0, 0);\n }\n }\n\n @media (forced-colors: active) {\n .brick-drawer-overlay {\n background: Canvas;\n opacity: 0.7;\n }\n\n .brick-drawer-content {\n border-color: CanvasText;\n box-shadow: none;\n }\n }\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,mNASA,mDAIA,uuCAoCA,sTASA,6NAMA,6NAMA,iNAOA,2QAOA,sRAOA,mIAIA,mIAIA,mIAIA,mIAIA,yHAKA,sIAIA,sIAIA,sIAIA,sIAIA,iOAOA,0FAIA,8KAQA,gHAIA,yFAIA,2FAIA,6WAWA,yEAMA,kXASA,0XASA,ybAcA,2aAcA,oEAIA,iEAIA,yEAIA,8BACE,8KAQA,2GAKF,sBACE,gEAIA,8CAKF,uBACE,0FAMA,+CAMF,uCACE,oEAKA,mEAKF,8BACE,mDAKA,gEDjSJ","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, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-drawer-overlay {\n position: fixed;\n z-index: var(--brick-layer-overlay);\n inset: 0;\n background: var(--brick-color-scrim);\n opacity: 1;\n transition: opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n }\n\n .brick-drawer-overlay[data-state=\"closed\"] {\n opacity: 0;\n }\n\n .brick-drawer-content {\n --brick-drawer-space: var(--brick-space-5);\n --brick-drawer-shadow: var(--brick-shadow-modal);\n --brick-drawer-inline-size-sm: min(20rem, 75dvi);\n --brick-drawer-inline-size-md: min(28rem, 85dvi);\n --brick-drawer-inline-size-lg: min(36rem, calc(100dvi - 1rem));\n --brick-drawer-inline-size-xl: min(48rem, calc(100dvi - 0.5rem));\n --brick-drawer-block-size-sm: min(16rem, 45dvb);\n --brick-drawer-block-size-md: min(24rem, 65dvb);\n --brick-drawer-block-size-lg: min(32rem, calc(100dvb - 2rem));\n --brick-drawer-block-size-xl: 100dvb;\n --brick-drawer-safe-top: 0px;\n --brick-drawer-safe-right: 0px;\n --brick-drawer-safe-bottom: 0px;\n --brick-drawer-safe-left: 0px;\n\n position: fixed;\n z-index: calc(var(--brick-layer-overlay) + 1);\n display: flex;\n box-sizing: border-box;\n min-inline-size: 0;\n min-block-size: 0;\n flex-direction: column;\n overflow: hidden;\n border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n background: var(--brick-drawer-background, var(--brick-color-surface-overlay));\n box-shadow: var(--brick-drawer-shadow);\n color: var(--brick-color-text-primary);\n opacity: 1;\n overflow-wrap: anywhere;\n transform: translate3d(0, 0, 0);\n transition:\n opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit),\n transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n }\n\n .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"]) {\n inset-block: 0;\n block-size: 100dvb;\n --brick-drawer-safe-top: env(safe-area-inset-top);\n --brick-drawer-safe-right: env(safe-area-inset-right);\n --brick-drawer-safe-bottom: env(safe-area-inset-bottom);\n --brick-drawer-safe-left: env(safe-area-inset-left);\n }\n\n .brick-drawer-content[data-placement=\"start\"] {\n inset-inline-start: 0;\n border-start-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n border-end-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n }\n\n .brick-drawer-content[data-placement=\"end\"] {\n inset-inline-end: 0;\n border-start-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n border-end-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"]) {\n inset-inline: 0;\n inline-size: 100dvi;\n --brick-drawer-safe-right: env(safe-area-inset-right);\n --brick-drawer-safe-left: env(safe-area-inset-left);\n }\n\n .brick-drawer-content[data-placement=\"top\"] {\n inset-block-start: 0;\n border-end-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n border-end-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n --brick-drawer-safe-top: env(safe-area-inset-top);\n }\n\n .brick-drawer-content[data-placement=\"bottom\"] {\n inset-block-end: 0;\n border-start-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n border-start-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n --brick-drawer-safe-bottom: env(safe-area-inset-bottom);\n }\n\n .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"sm\"] {\n inline-size: var(--brick-drawer-inline-size-sm);\n }\n\n .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"md\"] {\n inline-size: var(--brick-drawer-inline-size-md);\n }\n\n .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"lg\"] {\n inline-size: var(--brick-drawer-inline-size-lg);\n }\n\n .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"xl\"] {\n inline-size: var(--brick-drawer-inline-size-xl);\n }\n\n .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"full\"] {\n inline-size: 100dvi;\n border-radius: 0;\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"sm\"] {\n max-block-size: var(--brick-drawer-block-size-sm);\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"md\"] {\n max-block-size: var(--brick-drawer-block-size-md);\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"lg\"] {\n max-block-size: var(--brick-drawer-block-size-lg);\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"xl\"] {\n max-block-size: var(--brick-drawer-block-size-xl);\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"full\"] {\n block-size: 100dvb;\n border-radius: 0;\n --brick-drawer-safe-top: env(safe-area-inset-top);\n --brick-drawer-safe-bottom: env(safe-area-inset-bottom);\n }\n\n .brick-drawer-content[data-placement=\"start\"][data-state=\"closed\"] {\n transform: translate3d(-100%, 0, 0);\n }\n\n .brick-drawer-content[data-placement=\"end\"][data-state=\"closed\"] {\n transform: translate3d(100%, 0, 0);\n }\n\n .brick-drawer-content:is(:dir(rtl), [dir=\"rtl\"])[data-placement=\"start\"][data-state=\"closed\"] {\n transform: translate3d(100%, 0, 0);\n }\n\n .brick-drawer-content:is(:dir(rtl), [dir=\"rtl\"])[data-placement=\"end\"][data-state=\"closed\"] {\n transform: translate3d(-100%, 0, 0);\n }\n\n .brick-drawer-content[data-placement=\"top\"][data-state=\"closed\"] {\n transform: translate3d(0, -100%, 0);\n }\n\n .brick-drawer-content[data-placement=\"bottom\"][data-state=\"closed\"] {\n transform: translate3d(0, 100%, 0);\n }\n\n .brick-drawer-header {\n display: grid;\n min-inline-size: 0;\n flex: none;\n gap: var(--brick-space-1);\n padding-block-start: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-top));\n padding-block-end: var(--brick-space-3);\n padding-left: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));\n padding-right: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));\n }\n\n .brick-drawer-title,\n .brick-drawer-description {\n min-inline-size: 0;\n margin: 0;\n }\n\n .brick-drawer-title {\n color: var(--brick-color-text-primary);\n font-family: var(--brick-typography-overlay-title-font-family);\n font-size: var(--brick-typography-overlay-title-font-size);\n font-weight: var(--brick-typography-overlay-title-font-weight);\n letter-spacing: var(--brick-typography-overlay-title-letter-spacing);\n line-height: var(--brick-typography-overlay-title-line-height);\n }\n\n .brick-drawer-description {\n color: var(--brick-color-text-secondary);\n font-family: var(--brick-typography-supporting-sm-font-family);\n font-size: var(--brick-typography-supporting-sm-font-size);\n font-weight: var(--brick-typography-supporting-sm-font-weight);\n letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n line-height: var(--brick-typography-supporting-sm-line-height);\n }\n\n .brick-drawer-body {\n min-inline-size: 0;\n min-block-size: 0;\n flex: 1 1 auto;\n padding-block: var(--brick-space-2) var(--brick-drawer-space);\n padding-left: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));\n padding-right: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));\n overflow: auto;\n overscroll-behavior: contain;\n color: var(--brick-color-text-primary);\n line-height: var(--brick-typography-body-md-line-height);\n scrollbar-gutter: stable;\n }\n\n .brick-drawer-footer {\n display: flex;\n min-inline-size: 0;\n flex: none;\n flex-wrap: wrap;\n align-items: center;\n justify-content: flex-end;\n gap: var(--brick-space-2);\n padding-block-start: var(--brick-space-3);\n padding-block-end: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-bottom));\n padding-left: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));\n padding-right: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));\n }\n\n .brick-drawer-footer[data-justify=\"start\"] {\n justify-content: flex-start;\n }\n\n .brick-drawer-footer[data-justify=\"center\"] {\n justify-content: center;\n }\n\n .brick-drawer-footer[data-justify=\"between\"] {\n justify-content: space-between;\n }\n\n @supports not (height: 100dvb) {\n .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"]) {\n block-size: 100vh;\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"full\"] {\n block-size: 100vh;\n }\n\n .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"xl\"] {\n max-block-size: 100vh;\n }\n }\n\n @media (max-width: 30rem) {\n .brick-drawer-content {\n --brick-drawer-space: var(--brick-space-4);\n }\n\n .brick-drawer-footer > .brick-button {\n flex: 1 1 9rem;\n }\n }\n\n @media (max-height: 24rem) {\n .brick-drawer-content {\n overflow-y: auto;\n overscroll-behavior: contain;\n scrollbar-gutter: stable;\n }\n\n .brick-drawer-body {\n flex: none;\n overflow: visible;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-drawer-overlay,\n .brick-drawer-content {\n transition-duration: 1ms;\n }\n\n .brick-drawer-content[data-state=\"closed\"] {\n transform: translate3d(0, 0, 0);\n }\n }\n\n @media (forced-colors: active) {\n .brick-drawer-overlay {\n background: Canvas;\n opacity: 0.7;\n }\n\n .brick-drawer-content {\n border-color: CanvasText;\n box-shadow: none;\n }\n }\n}\n"],"names":[]}