@flowstack-ui/brick 0.1.6 → 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 (602) hide show
  1. package/README.md +13 -7
  2. package/dist/agents/accordion.json +17 -2
  3. package/dist/agents/accordion.md +5 -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 +42 -3
  126. package/dist/agents/surface.md +12 -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/appearance.css +1 -1
  408. package/dist/styles/appearance.css.map +1 -1
  409. package/dist/styles/aspect-ratio.css +1 -1
  410. package/dist/styles/aspect-ratio.css.map +1 -1
  411. package/dist/styles/avatar.css +1 -1
  412. package/dist/styles/avatar.css.map +1 -1
  413. package/dist/styles/badge.css +1 -1
  414. package/dist/styles/badge.css.map +1 -1
  415. package/dist/styles/bleed.css +2 -0
  416. package/dist/styles/bleed.css.map +1 -0
  417. package/dist/styles/bottom-navigation.css +1 -1
  418. package/dist/styles/bottom-navigation.css.map +1 -1
  419. package/dist/styles/breadcrumb.css +1 -1
  420. package/dist/styles/breadcrumb.css.map +1 -1
  421. package/dist/styles/button.css +1 -1
  422. package/dist/styles/button.css.map +1 -1
  423. package/dist/styles/card.css +1 -1
  424. package/dist/styles/card.css.map +1 -1
  425. package/dist/styles/carousel.css +1 -1
  426. package/dist/styles/carousel.css.map +1 -1
  427. package/dist/styles/checkbox-group.css +1 -1
  428. package/dist/styles/checkbox-group.css.map +1 -1
  429. package/dist/styles/checkbox.css +1 -1
  430. package/dist/styles/checkbox.css.map +1 -1
  431. package/dist/styles/chip.css +1 -1
  432. package/dist/styles/chip.css.map +1 -1
  433. package/dist/styles/code-block.css +1 -1
  434. package/dist/styles/code-block.css.map +1 -1
  435. package/dist/styles/code.css +1 -1
  436. package/dist/styles/code.css.map +1 -1
  437. package/dist/styles/collapsible.css +1 -1
  438. package/dist/styles/collapsible.css.map +1 -1
  439. package/dist/styles/color-picker.css +2 -0
  440. package/dist/styles/color-picker.css.map +1 -0
  441. package/dist/styles/color-swatch.css +2 -0
  442. package/dist/styles/color-swatch.css.map +1 -0
  443. package/dist/styles/combobox.css +1 -1
  444. package/dist/styles/combobox.css.map +1 -1
  445. package/dist/styles/container.css +1 -1
  446. package/dist/styles/container.css.map +1 -1
  447. package/dist/styles/context-menu.css +1 -1
  448. package/dist/styles/context-menu.css.map +1 -1
  449. package/dist/styles/core.css +1 -1
  450. package/dist/styles/core.css.map +1 -1
  451. package/dist/styles/data-grid.css +1 -1
  452. package/dist/styles/data-grid.css.map +1 -1
  453. package/dist/styles/data-list.css +2 -0
  454. package/dist/styles/data-list.css.map +1 -0
  455. package/dist/styles/dialog.css +1 -1
  456. package/dist/styles/dialog.css.map +1 -1
  457. package/dist/styles/divider.css +1 -1
  458. package/dist/styles/divider.css.map +1 -1
  459. package/dist/styles/drawer.css +1 -1
  460. package/dist/styles/drawer.css.map +1 -1
  461. package/dist/styles/dropdown-menu.css +1 -1
  462. package/dist/styles/dropdown-menu.css.map +1 -1
  463. package/dist/styles/feed.css +1 -1
  464. package/dist/styles/feed.css.map +1 -1
  465. package/dist/styles/field.css +1 -1
  466. package/dist/styles/field.css.map +1 -1
  467. package/dist/styles/fieldset.css +1 -1
  468. package/dist/styles/fieldset.css.map +1 -1
  469. package/dist/styles/file-upload.css +1 -1
  470. package/dist/styles/file-upload.css.map +1 -1
  471. package/dist/styles/form.css +1 -1
  472. package/dist/styles/form.css.map +1 -1
  473. package/dist/styles/frame.css +1 -1
  474. package/dist/styles/frame.css.map +1 -1
  475. package/dist/styles/grid.css +1 -1
  476. package/dist/styles/grid.css.map +1 -1
  477. package/dist/styles/group.css +2 -0
  478. package/dist/styles/group.css.map +1 -0
  479. package/dist/styles/hide.css +1 -1
  480. package/dist/styles/hide.css.map +1 -1
  481. package/dist/styles/hover-card.css +1 -1
  482. package/dist/styles/hover-card.css.map +1 -1
  483. package/dist/styles/icon-button.css +1 -1
  484. package/dist/styles/icon-button.css.map +1 -1
  485. package/dist/styles/icon.css +1 -1
  486. package/dist/styles/icon.css.map +1 -1
  487. package/dist/styles/image.css +1 -1
  488. package/dist/styles/image.css.map +1 -1
  489. package/dist/styles/input.css +1 -1
  490. package/dist/styles/input.css.map +1 -1
  491. package/dist/styles/link-box.css +2 -0
  492. package/dist/styles/link-box.css.map +1 -0
  493. package/dist/styles/link.css +1 -1
  494. package/dist/styles/link.css.map +1 -1
  495. package/dist/styles/list.css +1 -1
  496. package/dist/styles/list.css.map +1 -1
  497. package/dist/styles/menubar.css +1 -1
  498. package/dist/styles/menubar.css.map +1 -1
  499. package/dist/styles/multi-select.css +1 -1
  500. package/dist/styles/multi-select.css.map +1 -1
  501. package/dist/styles/nav-list.css +1 -1
  502. package/dist/styles/nav-list.css.map +1 -1
  503. package/dist/styles/navigation-menu.css +1 -1
  504. package/dist/styles/navigation-menu.css.map +1 -1
  505. package/dist/styles/number-input.css +1 -1
  506. package/dist/styles/number-input.css.map +1 -1
  507. package/dist/styles/otp-field.css +1 -1
  508. package/dist/styles/otp-field.css.map +1 -1
  509. package/dist/styles/pagination.css +1 -1
  510. package/dist/styles/pagination.css.map +1 -1
  511. package/dist/styles/password-toggle-field.css +1 -1
  512. package/dist/styles/password-toggle-field.css.map +1 -1
  513. package/dist/styles/popover.css +1 -1
  514. package/dist/styles/popover.css.map +1 -1
  515. package/dist/styles/progress-circle.css +1 -1
  516. package/dist/styles/progress-circle.css.map +1 -1
  517. package/dist/styles/progress.css +1 -1
  518. package/dist/styles/progress.css.map +1 -1
  519. package/dist/styles/radio-group.css +1 -1
  520. package/dist/styles/radio-group.css.map +1 -1
  521. package/dist/styles/rating.css +1 -1
  522. package/dist/styles/rating.css.map +1 -1
  523. package/dist/styles/reorderable-list.css +2 -0
  524. package/dist/styles/reorderable-list.css.map +1 -0
  525. package/dist/styles/scroll-area.css +1 -1
  526. package/dist/styles/scroll-area.css.map +1 -1
  527. package/dist/styles/section.css +1 -1
  528. package/dist/styles/section.css.map +1 -1
  529. package/dist/styles/segment-group.css +2 -0
  530. package/dist/styles/segment-group.css.map +1 -0
  531. package/dist/styles/select.css +1 -1
  532. package/dist/styles/select.css.map +1 -1
  533. package/dist/styles/show.css +1 -1
  534. package/dist/styles/show.css.map +1 -1
  535. package/dist/styles/sidebar.css +1 -1
  536. package/dist/styles/sidebar.css.map +1 -1
  537. package/dist/styles/skeleton.css +1 -1
  538. package/dist/styles/skeleton.css.map +1 -1
  539. package/dist/styles/skip-link.css +1 -1
  540. package/dist/styles/skip-link.css.map +1 -1
  541. package/dist/styles/slider.css +1 -1
  542. package/dist/styles/slider.css.map +1 -1
  543. package/dist/styles/stack.css +1 -1
  544. package/dist/styles/stack.css.map +1 -1
  545. package/dist/styles/status.css +2 -0
  546. package/dist/styles/status.css.map +1 -0
  547. package/dist/styles/surface.css +1 -1
  548. package/dist/styles/surface.css.map +1 -1
  549. package/dist/styles/swipeable-item.css +1 -1
  550. package/dist/styles/swipeable-item.css.map +1 -1
  551. package/dist/styles/switch.css +1 -1
  552. package/dist/styles/switch.css.map +1 -1
  553. package/dist/styles/table.css +1 -1
  554. package/dist/styles/table.css.map +1 -1
  555. package/dist/styles/tabs.css +1 -1
  556. package/dist/styles/tabs.css.map +1 -1
  557. package/dist/styles/text.css +1 -1
  558. package/dist/styles/text.css.map +1 -1
  559. package/dist/styles/textarea.css +1 -1
  560. package/dist/styles/textarea.css.map +1 -1
  561. package/dist/styles/toast.css +1 -1
  562. package/dist/styles/toast.css.map +1 -1
  563. package/dist/styles/toggle-group.css +1 -1
  564. package/dist/styles/toggle-group.css.map +1 -1
  565. package/dist/styles/toggle.css +1 -1
  566. package/dist/styles/toggle.css.map +1 -1
  567. package/dist/styles/toolbar.css +1 -1
  568. package/dist/styles/toolbar.css.map +1 -1
  569. package/dist/styles/tooltip.css +1 -1
  570. package/dist/styles/tooltip.css.map +1 -1
  571. package/dist/styles/tree-grid.css +1 -1
  572. package/dist/styles/tree-grid.css.map +1 -1
  573. package/dist/styles/tree.css +1 -1
  574. package/dist/styles/tree.css.map +1 -1
  575. package/dist/styles/visually-hidden.css +1 -1
  576. package/dist/styles/visually-hidden.css.map +1 -1
  577. package/dist/styles/z-stack.css +1 -1
  578. package/dist/styles/z-stack.css.map +1 -1
  579. package/dist/styles.css +1 -1
  580. package/dist/styles.css.map +1 -1
  581. package/dist/surface.d.ts +1 -1
  582. package/dist/surface.d.ts.map +1 -1
  583. package/dist/surface.js.map +1 -1
  584. package/dist/text.d.ts +1 -1
  585. package/dist/text.d.ts.map +1 -1
  586. package/dist/text.js +1 -1
  587. package/dist/text.js.map +1 -1
  588. package/dist/theme-contract.json +26846 -0
  589. package/dist/toggle.d.ts +1 -1
  590. package/dist/toggle.d.ts.map +1 -1
  591. package/dist/toggle.js.map +1 -1
  592. package/dist/tokens.css +1 -1
  593. package/dist/tokens.css.map +1 -1
  594. package/dist/toolbar.d.ts +1 -1
  595. package/dist/toolbar.d.ts.map +1 -1
  596. package/docs/guides/agent-knowledge.md +19 -0
  597. package/docs/guides/appearance-and-tokens.md +16 -5
  598. package/docs/guides/browser-support.md +21 -0
  599. package/docs/guides/control-sizing.md +55 -0
  600. package/docs/guides/installation.md +5 -2
  601. package/docs/guides/theme-contract.md +86 -0
  602. package/package.json +51 -7
package/dist/styles/slider.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,8xBAqBA,4DACA,uGAGA,iIAKA,qHAOA,4HAKA,0HAKA,wNAQA,iLAOA,+KAOA,4JAQA,2JAMA,0JAMA,mRAeA,kcAYA,qHAIA,wGAGA,mHAKA,4CACA,yDACA,gMAKA,iUASA,6IAMA,qMAMA,+FACA,kGACA,2FACA,8GACA,uGACA,+FACA,iMAMA,6FAEA,+rBAmBA,uKAMA,+FACA,+FACA,2JAIA,sJACA,wCACA,qEACA,iEAEA,uCAA0C,6CAC1C,8BACE,uCACA,sEACA,0CACA,qFACA,mDACA,sGACA,uCACA,iFDxNJ","sources":["home/runner/work/brick/brick/.brick-cache/production/slider.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/slider/slider.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/slider/slider.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-slider {\n --brick-slider-track-size: 0.375rem;\n --brick-slider-track-length: 10rem;\n --brick-slider-track-background: var(--brick-color-surface-subtle);\n --brick-slider-track-border: var(--brick-color-border-subtle);\n --brick-slider-range-background: var(--brick-color-accent-solid);\n --brick-slider-thumb-size: 1.125rem;\n --brick-slider-thumb-background: var(--brick-color-surface-raised);\n --brick-slider-thumb-border: var(--brick-color-accent-solid);\n --brick-slider-thumb-shadow: var(--brick-shadow-sm);\n --brick-slider-marker-color: var(--brick-color-border-strong);\n --brick-slider-value-label-background: var(--brick-color-surface-raised);\n --brick-slider-value-label-foreground: var(--brick-color-text-primary);\n\n display: block;\n position: relative;\n box-sizing: border-box;\n min-inline-size: 0;\n color: var(--brick-color-text-primary);\n }\n\n .brick-slider[data-orientation=\"horizontal\"] { inline-size: 100%; }\n .brick-slider[data-orientation=\"horizontal\"]:has(.brick-slider__value-label) {\n padding-block-start: 2.25rem;\n }\n .brick-slider[data-orientation=\"vertical\"] {\n inline-size: var(--brick-control-target-min);\n block-size: var(--brick-slider-track-length);\n }\n\n .brick-slider__track {\n position: relative;\n display: block;\n box-sizing: border-box;\n user-select: none;\n }\n\n .brick-slider[data-orientation=\"horizontal\"] .brick-slider__track {\n inline-size: 100%;\n block-size: var(--brick-control-target-min);\n }\n\n .brick-slider[data-orientation=\"vertical\"] .brick-slider__track {\n inline-size: var(--brick-control-target-min);\n block-size: 100%;\n }\n\n .brick-slider__track::before {\n position: absolute;\n border: var(--brick-border-width) solid var(--brick-slider-track-border);\n border-radius: var(--brick-radius-full);\n background: var(--brick-slider-track-background);\n content: \"\";\n }\n\n .brick-slider[data-orientation=\"horizontal\"] .brick-slider__track::before {\n inset-inline: 0;\n inset-block-start: 50%;\n block-size: var(--brick-slider-track-size);\n transform: translateY(-50%);\n }\n\n .brick-slider[data-orientation=\"vertical\"] .brick-slider__track::before {\n inset-block: 0;\n inset-inline-start: 50%;\n inline-size: var(--brick-slider-track-size);\n transform: translateX(-50%);\n }\n\n .brick-slider__range {\n position: absolute;\n z-index: 1;\n border-radius: var(--brick-radius-full);\n background: var(--brick-slider-range-background);\n pointer-events: none;\n }\n\n .brick-slider[data-orientation=\"horizontal\"] .brick-slider__range {\n inset-block-start: 50%;\n block-size: var(--brick-slider-track-size);\n transform: translateY(-50%);\n }\n\n .brick-slider[data-orientation=\"vertical\"] .brick-slider__range {\n inset-inline-start: 50%;\n inline-size: var(--brick-slider-track-size);\n transform: translateX(-50%);\n }\n\n .brick-slider__thumb {\n position: absolute;\n z-index: 3;\n display: grid;\n box-sizing: border-box;\n inline-size: var(--brick-control-target-min);\n block-size: var(--brick-control-target-min);\n place-items: center;\n border: 0;\n border-radius: var(--brick-radius-full);\n outline: 0;\n background: transparent;\n cursor: grab;\n }\n\n .brick-slider__thumb::before {\n inline-size: var(--brick-slider-thumb-size);\n block-size: var(--brick-slider-thumb-size);\n box-sizing: border-box;\n border: calc(2 * var(--brick-border-width)) solid var(--brick-slider-thumb-border);\n border-radius: var(--brick-radius-full);\n background: var(--brick-slider-thumb-background);\n box-shadow: var(--brick-slider-thumb-shadow);\n content: \"\";\n transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n }\n\n .brick-slider[data-orientation=\"horizontal\"] .brick-slider__thumb {\n inset-block-start: 50%;\n transform: translate(-50%, -50%);\n }\n [dir=\"rtl\"] .brick-slider[data-orientation=\"horizontal\"] .brick-slider__thumb {\n transform: translate(50%, -50%);\n }\n .brick-slider[data-orientation=\"vertical\"] .brick-slider__thumb {\n inset-inline-start: 50%;\n transform: translate(-50%, 50%);\n }\n\n .brick-slider__thumb:active { cursor: grabbing; }\n .brick-slider__thumb:active::before { transform: scale(1.12); }\n .brick-slider__thumb:is(:focus-visible, [data-focus-visible])::before {\n outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n outline-offset: var(--brick-border-focus-offset);\n }\n\n .brick-slider__marker {\n position: absolute;\n z-index: 2;\n display: grid;\n color: var(--brick-color-text-secondary);\n place-items: center;\n pointer-events: none;\n font: var(--brick-typography-body-sm-font-weight) var(--brick-typography-body-sm-font-size)/var(--brick-typography-body-sm-line-height) var(--brick-typography-body-sm-font-family);\n }\n .brick-slider__marker::before {\n position: absolute;\n border-radius: var(--brick-radius-full);\n background: var(--brick-slider-marker-color);\n content: \"\";\n }\n .brick-slider__marker[data-orientation=\"horizontal\"] {\n inset-inline-start: calc(var(--brick-slider-marker-percent) * 1%);\n inset-block-start: 50%;\n padding-block-start: 2.25rem;\n transform: translate(-50%, -50%);\n }\n .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"start\"] { transform: translate(0, -50%); }\n .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"end\"] { transform: translate(-100%, -50%); }\n [dir=\"rtl\"] .brick-slider__marker[data-orientation=\"horizontal\"] { transform: translate(50%, -50%); }\n [dir=\"rtl\"] .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"start\"] { transform: translate(-100%, -50%); }\n [dir=\"rtl\"] .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"end\"] { transform: translate(0, -50%); }\n .brick-slider__marker[data-orientation=\"horizontal\"]::before { inline-size: 0.25rem; block-size: 0.25rem; }\n .brick-slider__marker[data-orientation=\"vertical\"] {\n inset-inline-start: 50%;\n inset-block-end: calc(var(--brick-slider-marker-percent) * 1%);\n padding-inline-start: 2.25rem;\n transform: translate(-50%, 50%);\n }\n .brick-slider__marker[data-orientation=\"vertical\"]::before { inline-size: 0.25rem; block-size: 0.25rem; }\n\n .brick-slider__value-label {\n position: absolute;\n inset-inline-start: 50%;\n inset-block-end: calc(100% + var(--brick-space-1));\n min-inline-size: 1.75rem;\n padding: var(--brick-space-1) var(--brick-space-2);\n border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n border-radius: var(--brick-radius-subtle);\n background: var(--brick-slider-value-label-background);\n color: var(--brick-slider-value-label-foreground);\n box-shadow: var(--brick-shadow-sm);\n transform: translateX(-50%);\n text-align: center;\n white-space: nowrap;\n font-family: var(--brick-typography-body-sm-font-family);\n font-size: var(--brick-typography-body-sm-font-size);\n line-height: var(--brick-typography-body-sm-line-height);\n font-variant-numeric: tabular-nums;\n }\n .brick-slider[data-orientation=\"vertical\"] .brick-slider__value-label {\n inset-inline-start: calc(100% + var(--brick-space-1));\n inset-block-end: 50%;\n transform: translateY(50%);\n }\n\n .brick-slider[data-size=\"sm\"] { --brick-slider-track-size: 0.25rem; --brick-slider-thumb-size: 0.875rem; }\n .brick-slider[data-size=\"lg\"] { --brick-slider-track-size: 0.5rem; --brick-slider-thumb-size: 1.375rem; }\n .brick-slider[data-variant=\"soft\"] {\n --brick-slider-range-background: var(--brick-color-accent-soft);\n --brick-slider-thumb-border: var(--brick-color-accent-text);\n }\n .brick-slider[data-invalid] { --brick-slider-thumb-border: var(--brick-color-danger-text); --brick-slider-range-background: var(--brick-color-danger-text); }\n .brick-slider[data-disabled] { opacity: 0.6; }\n .brick-slider[data-disabled] .brick-slider__thumb { cursor: not-allowed; }\n .brick-slider[data-readonly] .brick-slider__thumb { cursor: default; }\n\n @media (prefers-reduced-motion: reduce) { .brick-slider__thumb::before { transition: none; } }\n @media (forced-colors: active) {\n .brick-slider { forced-color-adjust: none; }\n .brick-slider__track::before { border-color: ButtonText; background: Canvas; }\n .brick-slider__range { background: Highlight; }\n .brick-slider__thumb::before { border-color: Highlight; background: Canvas; box-shadow: none; }\n .brick-slider__marker::before { background: ButtonText; }\n .brick-slider__value-label { border-color: ButtonText; background: Canvas; color: CanvasText; box-shadow: none; }\n .brick-slider[data-disabled] { opacity: 1; }\n .brick-slider[data-disabled] .brick-slider__thumb::before { border-color: GrayText; }\n }\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,+jCA6BA,4DACA,uGAGA,iIAKA,qHAOA,oPAMA,iPAMA,wNAQA,iLAOA,+KAOA,4JAQA,2JAMA,0JAMA,mRAeA,kcAYA,qHAIA,wGAGA,mHAKA,4CACA,yDACA,gMAKA,iUASA,4OAQA,sLAIA,+PAOA,+FACA,kGACA,2FACA,8GACA,uGACA,uQAOA,iMAMA,oQAQA,+rBAmBA,uKAMA,gGACA,+FACA,6RAMA,sJACA,wCACA,qEACA,iEAEA,uCAA0C,6CAC1C,8BACE,uCACA,sEACA,0CACA,qFACA,mDACA,qEACA,sGACA,uCACA,iFDxPJ","sources":["home/runner/work/brick/brick/.brick-cache/production/slider.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/slider/slider.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/slider/slider.css\";","@layer brick.components {\n .brick-slider {\n --brick-slider-track-size: 0.5rem;\n --brick-slider-track-length: 10rem;\n --brick-slider-track-inset: calc(var(--brick-control-target-min) / 2);\n --brick-slider-track-background: color-mix(\n in srgb,\n var(--brick-color-surface-subtle),\n var(--brick-color-text-primary) 8%\n );\n --brick-slider-track-border: var(--brick-color-border-strong);\n --brick-slider-range-background: var(--brick-color-accent-solid);\n --brick-slider-thumb-size: 1.125rem;\n --brick-slider-thumb-background: var(--brick-color-surface-raised);\n --brick-slider-thumb-border: var(--brick-color-accent-solid);\n --brick-slider-thumb-shadow: var(--brick-shadow-sm);\n --brick-slider-marker-color: var(--brick-color-text-primary);\n --brick-slider-marker-selected-color: var(--brick-color-surface-canvas);\n --brick-slider-marker-border: var(--brick-color-border-strong);\n --brick-slider-marker-size: 0.25rem;\n --brick-slider-value-label-background: var(--brick-color-surface-raised);\n --brick-slider-value-label-foreground: var(--brick-color-text-primary);\n\n display: block;\n position: relative;\n box-sizing: border-box;\n min-inline-size: 0;\n color: var(--brick-color-text-primary);\n }\n\n .brick-slider[data-orientation=\"horizontal\"] { inline-size: 100%; }\n .brick-slider[data-orientation=\"horizontal\"]:has(.brick-slider__value-label) {\n padding-block-start: 2.25rem;\n }\n .brick-slider[data-orientation=\"vertical\"] {\n inline-size: var(--brick-control-target-min);\n block-size: var(--brick-slider-track-length);\n }\n\n .brick-slider__track {\n position: relative;\n display: block;\n box-sizing: border-box;\n user-select: none;\n }\n\n .brick-slider[data-orientation=\"horizontal\"] .brick-slider__track {\n inline-size: calc(100% - var(--brick-slider-track-inset) - var(--brick-slider-track-inset));\n block-size: var(--brick-control-target-min);\n margin-inline: var(--brick-slider-track-inset);\n }\n\n .brick-slider[data-orientation=\"vertical\"] .brick-slider__track {\n inline-size: var(--brick-control-target-min);\n block-size: calc(100% - var(--brick-slider-track-inset) - var(--brick-slider-track-inset));\n margin-block: var(--brick-slider-track-inset);\n }\n\n .brick-slider__track::before {\n position: absolute;\n border: var(--brick-border-width) solid var(--brick-slider-track-border);\n border-radius: var(--brick-radius-full);\n background: var(--brick-slider-track-background);\n content: \"\";\n }\n\n .brick-slider[data-orientation=\"horizontal\"] .brick-slider__track::before {\n inset-inline: 0;\n inset-block-start: 50%;\n block-size: var(--brick-slider-track-size);\n transform: translateY(-50%);\n }\n\n .brick-slider[data-orientation=\"vertical\"] .brick-slider__track::before {\n inset-block: 0;\n inset-inline-start: 50%;\n inline-size: var(--brick-slider-track-size);\n transform: translateX(-50%);\n }\n\n .brick-slider__range {\n position: absolute;\n z-index: 1;\n border-radius: var(--brick-radius-full);\n background: var(--brick-slider-range-background);\n pointer-events: none;\n }\n\n .brick-slider[data-orientation=\"horizontal\"] .brick-slider__range {\n inset-block-start: 50%;\n block-size: var(--brick-slider-track-size);\n transform: translateY(-50%);\n }\n\n .brick-slider[data-orientation=\"vertical\"] .brick-slider__range {\n inset-inline-start: 50%;\n inline-size: var(--brick-slider-track-size);\n transform: translateX(-50%);\n }\n\n .brick-slider__thumb {\n position: absolute;\n z-index: 3;\n display: grid;\n box-sizing: border-box;\n inline-size: var(--brick-control-target-min);\n block-size: var(--brick-control-target-min);\n place-items: center;\n border: 0;\n border-radius: var(--brick-radius-full);\n outline: 0;\n background: transparent;\n cursor: grab;\n }\n\n .brick-slider__thumb::before {\n inline-size: var(--brick-slider-thumb-size);\n block-size: var(--brick-slider-thumb-size);\n box-sizing: border-box;\n border: calc(2 * var(--brick-border-width)) solid var(--brick-slider-thumb-border);\n border-radius: var(--brick-radius-full);\n background: var(--brick-slider-thumb-background);\n box-shadow: var(--brick-slider-thumb-shadow);\n content: \"\";\n transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n }\n\n .brick-slider[data-orientation=\"horizontal\"] .brick-slider__thumb {\n inset-block-start: 50%;\n transform: translate(-50%, -50%);\n }\n [dir=\"rtl\"] .brick-slider[data-orientation=\"horizontal\"] .brick-slider__thumb {\n transform: translate(50%, -50%);\n }\n .brick-slider[data-orientation=\"vertical\"] .brick-slider__thumb {\n inset-inline-start: 50%;\n transform: translate(-50%, 50%);\n }\n\n .brick-slider__thumb:active { cursor: grabbing; }\n .brick-slider__thumb:active::before { transform: scale(1.12); }\n .brick-slider__thumb:is(:focus-visible, [data-focus-visible])::before {\n outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n outline-offset: var(--brick-border-focus-offset);\n }\n\n .brick-slider__marker {\n position: absolute;\n z-index: 2;\n display: grid;\n color: var(--brick-color-text-secondary);\n place-items: center;\n pointer-events: none;\n font: var(--brick-typography-body-sm-font-weight) var(--brick-typography-body-sm-font-size)/var(--brick-typography-body-sm-line-height) var(--brick-typography-body-sm-font-family);\n }\n .brick-slider__marker::before {\n position: absolute;\n box-sizing: border-box;\n border: var(--brick-border-width) solid var(--brick-slider-marker-border);\n border-radius: var(--brick-radius-full);\n background: var(--brick-slider-marker-color);\n content: \"\";\n }\n .brick-slider__marker[data-selected]::before {\n border-color: color-mix(in srgb, var(--brick-color-accent-on-solid), transparent 45%);\n background: var(--brick-slider-marker-selected-color);\n }\n .brick-slider__marker[data-orientation=\"horizontal\"] {\n inset-inline-start: calc(var(--brick-slider-marker-percent) * 1%);\n inset-block-start: 50%;\n min-inline-size: calc(var(--brick-slider-marker-size) * 2);\n padding-block-start: 2.25rem;\n transform: translate(-50%, -50%);\n }\n .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"start\"] { transform: translate(0, -50%); }\n .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"end\"] { transform: translate(-100%, -50%); }\n [dir=\"rtl\"] .brick-slider__marker[data-orientation=\"horizontal\"] { transform: translate(50%, -50%); }\n [dir=\"rtl\"] .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"start\"] { transform: translate(-100%, -50%); }\n [dir=\"rtl\"] .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"end\"] { transform: translate(0, -50%); }\n .brick-slider__marker[data-orientation=\"horizontal\"]::before {\n inset-inline-start: calc(50% - (var(--brick-slider-marker-size) / 2));\n inset-block-start: 50%;\n inline-size: var(--brick-slider-marker-size);\n block-size: var(--brick-slider-marker-size);\n transform: translateY(-50%);\n }\n .brick-slider__marker[data-orientation=\"vertical\"] {\n inset-inline-start: 50%;\n inset-block-end: calc(var(--brick-slider-marker-percent) * 1%);\n padding-inline-start: 2.25rem;\n transform: translate(-50%, 50%);\n }\n .brick-slider__marker[data-orientation=\"vertical\"]::before {\n inset-inline-start: 50%;\n inset-block-start: calc(50% - (var(--brick-slider-marker-size) / 2));\n inline-size: var(--brick-slider-marker-size);\n block-size: var(--brick-slider-marker-size);\n transform: translateX(-50%);\n }\n\n .brick-slider__value-label {\n position: absolute;\n inset-inline-start: 50%;\n inset-block-end: calc(100% + var(--brick-space-1));\n min-inline-size: 1.75rem;\n padding: var(--brick-space-1) var(--brick-space-2);\n border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n border-radius: var(--brick-radius-subtle);\n background: var(--brick-slider-value-label-background);\n color: var(--brick-slider-value-label-foreground);\n box-shadow: var(--brick-shadow-sm);\n transform: translateX(-50%);\n text-align: center;\n white-space: nowrap;\n font-family: var(--brick-typography-body-sm-font-family);\n font-size: var(--brick-typography-body-sm-font-size);\n line-height: var(--brick-typography-body-sm-line-height);\n font-variant-numeric: tabular-nums;\n }\n .brick-slider[data-orientation=\"vertical\"] .brick-slider__value-label {\n inset-inline-start: calc(100% + var(--brick-space-1));\n inset-block-end: 50%;\n transform: translateY(50%);\n }\n\n .brick-slider[data-size=\"sm\"] { --brick-slider-track-size: 0.375rem; --brick-slider-thumb-size: 0.875rem; }\n .brick-slider[data-size=\"lg\"] { --brick-slider-track-size: 0.5rem; --brick-slider-thumb-size: 1.375rem; }\n .brick-slider[data-variant=\"soft\"] {\n --brick-slider-range-background: var(--brick-color-accent-soft);\n --brick-slider-marker-color: var(--brick-color-accent-text);\n --brick-slider-marker-selected-color: var(--brick-color-accent-on-soft);\n --brick-slider-thumb-border: var(--brick-color-accent-text);\n }\n .brick-slider[data-invalid] { --brick-slider-thumb-border: var(--brick-color-danger-text); --brick-slider-range-background: var(--brick-color-danger-text); }\n .brick-slider[data-disabled] { opacity: 0.6; }\n .brick-slider[data-disabled] .brick-slider__thumb { cursor: not-allowed; }\n .brick-slider[data-readonly] .brick-slider__thumb { cursor: default; }\n\n @media (prefers-reduced-motion: reduce) { .brick-slider__thumb::before { transition: none; } }\n @media (forced-colors: active) {\n .brick-slider { forced-color-adjust: none; }\n .brick-slider__track::before { border-color: ButtonText; background: Canvas; }\n .brick-slider__range { background: Highlight; }\n .brick-slider__thumb::before { border-color: Highlight; background: Canvas; box-shadow: none; }\n .brick-slider__marker::before { background: ButtonText; }\n .brick-slider__marker[data-selected]::before { background: HighlightText; }\n .brick-slider__value-label { border-color: ButtonText; background: Canvas; color: CanvasText; box-shadow: none; }\n .brick-slider[data-disabled] { opacity: 1; }\n .brick-slider[data-disabled] .brick-slider__thumb::before { border-color: GrayText; }\n }\n}\n","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n"],"names":[]}
package/dist/styles/stack.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer brick.tokens,brick.foundations;@layer brick.components{.brick-stack{--brick-stack-gap:var(--brick-space-0);--brick-stack-start-spacing:var(--brick-space-0);--brick-stack-end-spacing:var(--brick-space-0);box-sizing:border-box;justify-content:start;align-items:stretch;gap:var(--brick-stack-gap);min-inline-size:0;padding-block:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:column;padding-inline:0;display:flex}.brick-stack[data-direction=row]{padding-block:0;padding-inline:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:row}.brick-stack[data-gap="1"]{--brick-stack-gap:var(--brick-space-1)}.brick-stack[data-gap="2"]{--brick-stack-gap:var(--brick-space-2)}.brick-stack[data-gap="3"]{--brick-stack-gap:var(--brick-space-3)}.brick-stack[data-gap="4"]{--brick-stack-gap:var(--brick-space-4)}.brick-stack[data-gap="5"]{--brick-stack-gap:var(--brick-space-5)}.brick-stack[data-gap="6"]{--brick-stack-gap:var(--brick-space-6)}.brick-stack[data-start-spacing="1"]{--brick-stack-start-spacing:var(--brick-space-1)}.brick-stack[data-start-spacing="2"]{--brick-stack-start-spacing:var(--brick-space-2)}.brick-stack[data-start-spacing="3"]{--brick-stack-start-spacing:var(--brick-space-3)}.brick-stack[data-start-spacing="4"]{--brick-stack-start-spacing:var(--brick-space-4)}.brick-stack[data-start-spacing="5"]{--brick-stack-start-spacing:var(--brick-space-5)}.brick-stack[data-start-spacing="6"]{--brick-stack-start-spacing:var(--brick-space-6)}.brick-stack[data-end-spacing="1"]{--brick-stack-end-spacing:var(--brick-space-1)}.brick-stack[data-end-spacing="2"]{--brick-stack-end-spacing:var(--brick-space-2)}.brick-stack[data-end-spacing="3"]{--brick-stack-end-spacing:var(--brick-space-3)}.brick-stack[data-end-spacing="4"]{--brick-stack-end-spacing:var(--brick-space-4)}.brick-stack[data-end-spacing="5"]{--brick-stack-end-spacing:var(--brick-space-5)}.brick-stack[data-end-spacing="6"]{--brick-stack-end-spacing:var(--brick-space-6)}.brick-stack[data-align=start]{align-items:start}.brick-stack[data-align=center]{align-items:center}.brick-stack[data-align=end]{align-items:end}.brick-stack[data-align=baseline]{align-items:baseline}.brick-stack[data-justify=center]{justify-content:center}.brick-stack[data-justify=end]{justify-content:end}.brick-stack[data-justify=between]{justify-content:space-between}.brick-stack[data-justify=around]{justify-content:space-around}.brick-stack[data-justify=evenly]{justify-content:space-evenly}.brick-stack[data-wrap]{flex-wrap:wrap}.brick-stack-item{box-sizing:border-box;flex:0 auto;align-self:auto;min-block-size:0;min-inline-size:0}.brick-stack-item[data-flex=fixed]{flex:none}.brick-stack-item[data-flex=auto]{flex:auto}.brick-stack-item[data-flex="1"]{flex:1 1 0}.brick-stack-item[data-flex="2"]{flex:2 1 0}.brick-stack-item[data-flex="3"]{flex:3 1 0}.brick-stack-item[data-flex="4"]{flex:4 1 0}.brick-stack-item[data-align=stretch]{align-self:stretch}.brick-stack-item[data-align=start]{align-self:start}.brick-stack-item[data-align=center]{align-self:center}.brick-stack-item[data-align=end]{align-self:end}.brick-stack-item[data-align=baseline]{align-self:baseline}@media (width>=30rem){.brick-stack[data-direction-sm=column]{padding-block:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:column;padding-inline:0}.brick-stack[data-direction-sm=row]{padding-block:0;padding-inline:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:row}.brick-stack[data-gap-sm="0"]{--brick-stack-gap:var(--brick-space-0)}.brick-stack[data-gap-sm="1"]{--brick-stack-gap:var(--brick-space-1)}.brick-stack[data-gap-sm="2"]{--brick-stack-gap:var(--brick-space-2)}.brick-stack[data-gap-sm="3"]{--brick-stack-gap:var(--brick-space-3)}.brick-stack[data-gap-sm="4"]{--brick-stack-gap:var(--brick-space-4)}.brick-stack[data-gap-sm="5"]{--brick-stack-gap:var(--brick-space-5)}.brick-stack[data-gap-sm="6"]{--brick-stack-gap:var(--brick-space-6)}.brick-stack[data-align-sm=stretch]{align-items:stretch}.brick-stack[data-align-sm=start]{align-items:start}.brick-stack[data-align-sm=center]{align-items:center}.brick-stack[data-align-sm=end]{align-items:end}.brick-stack[data-align-sm=baseline]{align-items:baseline}.brick-stack[data-justify-sm=start]{justify-content:start}.brick-stack[data-justify-sm=center]{justify-content:center}.brick-stack[data-justify-sm=end]{justify-content:end}.brick-stack[data-justify-sm=between]{justify-content:space-between}.brick-stack[data-justify-sm=around]{justify-content:space-around}.brick-stack[data-justify-sm=evenly]{justify-content:space-evenly}.brick-stack[data-wrap-sm=true]{flex-wrap:wrap}.brick-stack[data-wrap-sm=false]{flex-wrap:nowrap}.brick-stack-item[data-flex-sm=content]{flex:0 auto}.brick-stack-item[data-flex-sm=fixed]{flex:none}.brick-stack-item[data-flex-sm=auto]{flex:auto}.brick-stack-item[data-flex-sm="1"]{flex:1 1 0}.brick-stack-item[data-flex-sm="2"]{flex:2 1 0}.brick-stack-item[data-flex-sm="3"]{flex:3 1 0}.brick-stack-item[data-flex-sm="4"]{flex:4 1 0}.brick-stack-item[data-align-sm=auto]{align-self:auto}.brick-stack-item[data-align-sm=stretch]{align-self:stretch}.brick-stack-item[data-align-sm=start]{align-self:start}.brick-stack-item[data-align-sm=center]{align-self:center}.brick-stack-item[data-align-sm=end]{align-self:end}.brick-stack-item[data-align-sm=baseline]{align-self:baseline}}@media (width>=48rem){.brick-stack[data-direction-md=column]{padding-block:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:column;padding-inline:0}.brick-stack[data-direction-md=row]{padding-block:0;padding-inline:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:row}.brick-stack[data-gap-md="0"]{--brick-stack-gap:var(--brick-space-0)}.brick-stack[data-gap-md="1"]{--brick-stack-gap:var(--brick-space-1)}.brick-stack[data-gap-md="2"]{--brick-stack-gap:var(--brick-space-2)}.brick-stack[data-gap-md="3"]{--brick-stack-gap:var(--brick-space-3)}.brick-stack[data-gap-md="4"]{--brick-stack-gap:var(--brick-space-4)}.brick-stack[data-gap-md="5"]{--brick-stack-gap:var(--brick-space-5)}.brick-stack[data-gap-md="6"]{--brick-stack-gap:var(--brick-space-6)}.brick-stack[data-align-md=stretch]{align-items:stretch}.brick-stack[data-align-md=start]{align-items:start}.brick-stack[data-align-md=center]{align-items:center}.brick-stack[data-align-md=end]{align-items:end}.brick-stack[data-align-md=baseline]{align-items:baseline}.brick-stack[data-justify-md=start]{justify-content:start}.brick-stack[data-justify-md=center]{justify-content:center}.brick-stack[data-justify-md=end]{justify-content:end}.brick-stack[data-justify-md=between]{justify-content:space-between}.brick-stack[data-justify-md=around]{justify-content:space-around}.brick-stack[data-justify-md=evenly]{justify-content:space-evenly}.brick-stack[data-wrap-md=true]{flex-wrap:wrap}.brick-stack[data-wrap-md=false]{flex-wrap:nowrap}.brick-stack-item[data-flex-md=content]{flex:0 auto}.brick-stack-item[data-flex-md=fixed]{flex:none}.brick-stack-item[data-flex-md=auto]{flex:auto}.brick-stack-item[data-flex-md="1"]{flex:1 1 0}.brick-stack-item[data-flex-md="2"]{flex:2 1 0}.brick-stack-item[data-flex-md="3"]{flex:3 1 0}.brick-stack-item[data-flex-md="4"]{flex:4 1 0}.brick-stack-item[data-align-md=auto]{align-self:auto}.brick-stack-item[data-align-md=stretch]{align-self:stretch}.brick-stack-item[data-align-md=start]{align-self:start}.brick-stack-item[data-align-md=center]{align-self:center}.brick-stack-item[data-align-md=end]{align-self:end}.brick-stack-item[data-align-md=baseline]{align-self:baseline}}@media (width>=64rem){.brick-stack[data-direction-lg=column]{padding-block:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:column;padding-inline:0}.brick-stack[data-direction-lg=row]{padding-block:0;padding-inline:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:row}.brick-stack[data-gap-lg="0"]{--brick-stack-gap:var(--brick-space-0)}.brick-stack[data-gap-lg="1"]{--brick-stack-gap:var(--brick-space-1)}.brick-stack[data-gap-lg="2"]{--brick-stack-gap:var(--brick-space-2)}.brick-stack[data-gap-lg="3"]{--brick-stack-gap:var(--brick-space-3)}.brick-stack[data-gap-lg="4"]{--brick-stack-gap:var(--brick-space-4)}.brick-stack[data-gap-lg="5"]{--brick-stack-gap:var(--brick-space-5)}.brick-stack[data-gap-lg="6"]{--brick-stack-gap:var(--brick-space-6)}.brick-stack[data-align-lg=stretch]{align-items:stretch}.brick-stack[data-align-lg=start]{align-items:start}.brick-stack[data-align-lg=center]{align-items:center}.brick-stack[data-align-lg=end]{align-items:end}.brick-stack[data-align-lg=baseline]{align-items:baseline}.brick-stack[data-justify-lg=start]{justify-content:start}.brick-stack[data-justify-lg=center]{justify-content:center}.brick-stack[data-justify-lg=end]{justify-content:end}.brick-stack[data-justify-lg=between]{justify-content:space-between}.brick-stack[data-justify-lg=around]{justify-content:space-around}.brick-stack[data-justify-lg=evenly]{justify-content:space-evenly}.brick-stack[data-wrap-lg=true]{flex-wrap:wrap}.brick-stack[data-wrap-lg=false]{flex-wrap:nowrap}.brick-stack-item[data-flex-lg=content]{flex:0 auto}.brick-stack-item[data-flex-lg=fixed]{flex:none}.brick-stack-item[data-flex-lg=auto]{flex:auto}.brick-stack-item[data-flex-lg="1"]{flex:1 1 0}.brick-stack-item[data-flex-lg="2"]{flex:2 1 0}.brick-stack-item[data-flex-lg="3"]{flex:3 1 0}.brick-stack-item[data-flex-lg="4"]{flex:4 1 0}.brick-stack-item[data-align-lg=auto]{align-self:auto}.brick-stack-item[data-align-lg=stretch]{align-self:stretch}.brick-stack-item[data-align-lg=start]{align-self:start}.brick-stack-item[data-align-lg=center]{align-self:center}.brick-stack-item[data-align-lg=end]{align-self:end}.brick-stack-item[data-align-lg=baseline]{align-self:baseline}}@media (width>=80rem){.brick-stack[data-direction-xl=column]{padding-block:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:column;padding-inline:0}.brick-stack[data-direction-xl=row]{padding-block:0;padding-inline:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:row}.brick-stack[data-gap-xl="0"]{--brick-stack-gap:var(--brick-space-0)}.brick-stack[data-gap-xl="1"]{--brick-stack-gap:var(--brick-space-1)}.brick-stack[data-gap-xl="2"]{--brick-stack-gap:var(--brick-space-2)}.brick-stack[data-gap-xl="3"]{--brick-stack-gap:var(--brick-space-3)}.brick-stack[data-gap-xl="4"]{--brick-stack-gap:var(--brick-space-4)}.brick-stack[data-gap-xl="5"]{--brick-stack-gap:var(--brick-space-5)}.brick-stack[data-gap-xl="6"]{--brick-stack-gap:var(--brick-space-6)}.brick-stack[data-align-xl=stretch]{align-items:stretch}.brick-stack[data-align-xl=start]{align-items:start}.brick-stack[data-align-xl=center]{align-items:center}.brick-stack[data-align-xl=end]{align-items:end}.brick-stack[data-align-xl=baseline]{align-items:baseline}.brick-stack[data-justify-xl=start]{justify-content:start}.brick-stack[data-justify-xl=center]{justify-content:center}.brick-stack[data-justify-xl=end]{justify-content:end}.brick-stack[data-justify-xl=between]{justify-content:space-between}.brick-stack[data-justify-xl=around]{justify-content:space-around}.brick-stack[data-justify-xl=evenly]{justify-content:space-evenly}.brick-stack[data-wrap-xl=true]{flex-wrap:wrap}.brick-stack[data-wrap-xl=false]{flex-wrap:nowrap}.brick-stack-item[data-flex-xl=content]{flex:0 auto}.brick-stack-item[data-flex-xl=fixed]{flex:none}.brick-stack-item[data-flex-xl=auto]{flex:auto}.brick-stack-item[data-flex-xl="1"]{flex:1 1 0}.brick-stack-item[data-flex-xl="2"]{flex:2 1 0}.brick-stack-item[data-flex-xl="3"]{flex:3 1 0}.brick-stack-item[data-flex-xl="4"]{flex:4 1 0}.brick-stack-item[data-align-xl=auto]{align-self:auto}.brick-stack-item[data-align-xl=stretch]{align-self:stretch}.brick-stack-item[data-align-xl=start]{align-self:start}.brick-stack-item[data-align-xl=center]{align-self:center}.brick-stack-item[data-align-xl=end]{align-self:end}.brick-stack-item[data-align-xl=baseline]{align-self:baseline}}@media (width>=30rem){.brick-stack[data-start-spacing-sm="0"]{--brick-stack-start-spacing:var(--brick-space-0)}.brick-stack[data-start-spacing-sm="1"]{--brick-stack-start-spacing:var(--brick-space-1)}.brick-stack[data-start-spacing-sm="2"]{--brick-stack-start-spacing:var(--brick-space-2)}.brick-stack[data-start-spacing-sm="3"]{--brick-stack-start-spacing:var(--brick-space-3)}.brick-stack[data-start-spacing-sm="4"]{--brick-stack-start-spacing:var(--brick-space-4)}.brick-stack[data-start-spacing-sm="5"]{--brick-stack-start-spacing:var(--brick-space-5)}.brick-stack[data-start-spacing-sm="6"]{--brick-stack-start-spacing:var(--brick-space-6)}.brick-stack[data-end-spacing-sm="0"]{--brick-stack-end-spacing:var(--brick-space-0)}.brick-stack[data-end-spacing-sm="1"]{--brick-stack-end-spacing:var(--brick-space-1)}.brick-stack[data-end-spacing-sm="2"]{--brick-stack-end-spacing:var(--brick-space-2)}.brick-stack[data-end-spacing-sm="3"]{--brick-stack-end-spacing:var(--brick-space-3)}.brick-stack[data-end-spacing-sm="4"]{--brick-stack-end-spacing:var(--brick-space-4)}.brick-stack[data-end-spacing-sm="5"]{--brick-stack-end-spacing:var(--brick-space-5)}.brick-stack[data-end-spacing-sm="6"]{--brick-stack-end-spacing:var(--brick-space-6)}}@media (width>=48rem){.brick-stack[data-start-spacing-md="0"]{--brick-stack-start-spacing:var(--brick-space-0)}.brick-stack[data-start-spacing-md="1"]{--brick-stack-start-spacing:var(--brick-space-1)}.brick-stack[data-start-spacing-md="2"]{--brick-stack-start-spacing:var(--brick-space-2)}.brick-stack[data-start-spacing-md="3"]{--brick-stack-start-spacing:var(--brick-space-3)}.brick-stack[data-start-spacing-md="4"]{--brick-stack-start-spacing:var(--brick-space-4)}.brick-stack[data-start-spacing-md="5"]{--brick-stack-start-spacing:var(--brick-space-5)}.brick-stack[data-start-spacing-md="6"]{--brick-stack-start-spacing:var(--brick-space-6)}.brick-stack[data-end-spacing-md="0"]{--brick-stack-end-spacing:var(--brick-space-0)}.brick-stack[data-end-spacing-md="1"]{--brick-stack-end-spacing:var(--brick-space-1)}.brick-stack[data-end-spacing-md="2"]{--brick-stack-end-spacing:var(--brick-space-2)}.brick-stack[data-end-spacing-md="3"]{--brick-stack-end-spacing:var(--brick-space-3)}.brick-stack[data-end-spacing-md="4"]{--brick-stack-end-spacing:var(--brick-space-4)}.brick-stack[data-end-spacing-md="5"]{--brick-stack-end-spacing:var(--brick-space-5)}.brick-stack[data-end-spacing-md="6"]{--brick-stack-end-spacing:var(--brick-space-6)}}@media (width>=64rem){.brick-stack[data-start-spacing-lg="0"]{--brick-stack-start-spacing:var(--brick-space-0)}.brick-stack[data-start-spacing-lg="1"]{--brick-stack-start-spacing:var(--brick-space-1)}.brick-stack[data-start-spacing-lg="2"]{--brick-stack-start-spacing:var(--brick-space-2)}.brick-stack[data-start-spacing-lg="3"]{--brick-stack-start-spacing:var(--brick-space-3)}.brick-stack[data-start-spacing-lg="4"]{--brick-stack-start-spacing:var(--brick-space-4)}.brick-stack[data-start-spacing-lg="5"]{--brick-stack-start-spacing:var(--brick-space-5)}.brick-stack[data-start-spacing-lg="6"]{--brick-stack-start-spacing:var(--brick-space-6)}.brick-stack[data-end-spacing-lg="0"]{--brick-stack-end-spacing:var(--brick-space-0)}.brick-stack[data-end-spacing-lg="1"]{--brick-stack-end-spacing:var(--brick-space-1)}.brick-stack[data-end-spacing-lg="2"]{--brick-stack-end-spacing:var(--brick-space-2)}.brick-stack[data-end-spacing-lg="3"]{--brick-stack-end-spacing:var(--brick-space-3)}.brick-stack[data-end-spacing-lg="4"]{--brick-stack-end-spacing:var(--brick-space-4)}.brick-stack[data-end-spacing-lg="5"]{--brick-stack-end-spacing:var(--brick-space-5)}.brick-stack[data-end-spacing-lg="6"]{--brick-stack-end-spacing:var(--brick-space-6)}}@media (width>=80rem){.brick-stack[data-start-spacing-xl="0"]{--brick-stack-start-spacing:var(--brick-space-0)}.brick-stack[data-start-spacing-xl="1"]{--brick-stack-start-spacing:var(--brick-space-1)}.brick-stack[data-start-spacing-xl="2"]{--brick-stack-start-spacing:var(--brick-space-2)}.brick-stack[data-start-spacing-xl="3"]{--brick-stack-start-spacing:var(--brick-space-3)}.brick-stack[data-start-spacing-xl="4"]{--brick-stack-start-spacing:var(--brick-space-4)}.brick-stack[data-start-spacing-xl="5"]{--brick-stack-start-spacing:var(--brick-space-5)}.brick-stack[data-start-spacing-xl="6"]{--brick-stack-start-spacing:var(--brick-space-6)}.brick-stack[data-end-spacing-xl="0"]{--brick-stack-end-spacing:var(--brick-space-0)}.brick-stack[data-end-spacing-xl="1"]{--brick-stack-end-spacing:var(--brick-space-1)}.brick-stack[data-end-spacing-xl="2"]{--brick-stack-end-spacing:var(--brick-space-2)}.brick-stack[data-end-spacing-xl="3"]{--brick-stack-end-spacing:var(--brick-space-3)}.brick-stack[data-end-spacing-xl="4"]{--brick-stack-end-spacing:var(--brick-space-4)}.brick-stack[data-end-spacing-xl="5"]{--brick-stack-end-spacing:var(--brick-space-5)}.brick-stack[data-end-spacing-xl="6"]{--brick-stack-end-spacing:var(--brick-space-6)}}}@layer brick.utilities,brick.effects;
1
+ @layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-stack{--brick-stack-gap:var(--brick-space-0);--brick-stack-start-spacing:var(--brick-space-0);--brick-stack-end-spacing:var(--brick-space-0);box-sizing:border-box;justify-content:start;align-items:stretch;gap:var(--brick-stack-gap);min-inline-size:0;padding-block:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:column;margin:0;padding-inline:0;display:flex}.brick-stack:is(ul,ol){list-style:none}.brick-stack[data-direction=row]{padding-block:0;padding-inline:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:row}.brick-stack[data-gap]{--brick-stack-gap:var(--brick-stack-gap-input,var(--brick-space-0))}.brick-stack[data-start-spacing]{--brick-stack-start-spacing:var(--brick-stack-start-spacing-input,var(--brick-space-0))}.brick-stack[data-end-spacing]{--brick-stack-end-spacing:var(--brick-stack-end-spacing-input,var(--brick-space-0))}.brick-stack[data-align=start]{align-items:start}.brick-stack[data-align=center]{align-items:center}.brick-stack[data-align=end]{align-items:end}.brick-stack[data-align=baseline]{align-items:baseline}.brick-stack[data-justify=center]{justify-content:center}.brick-stack[data-justify=end]{justify-content:end}.brick-stack[data-justify=between]{justify-content:space-between}.brick-stack[data-justify=around]{justify-content:space-around}.brick-stack[data-justify=evenly]{justify-content:space-evenly}.brick-stack[data-wrap]{flex-wrap:wrap}.brick-stack-item{box-sizing:border-box;flex:0 auto;align-self:auto;min-inline-size:0}.brick-stack-item:not([data-stack-item-composed]){min-block-size:0}.brick-stack-item[data-flex=fixed]{flex:none}.brick-stack-item[data-flex=auto]{flex:auto}.brick-stack-item[data-flex="1"]{flex:1 1 0}.brick-stack-item[data-flex="2"]{flex:2 1 0}.brick-stack-item[data-flex="3"]{flex:3 1 0}.brick-stack-item[data-flex="4"]{flex:4 1 0}.brick-stack-item[data-align=stretch]{align-self:stretch}.brick-stack-item[data-align=start]{align-self:start}.brick-stack-item[data-align=center]{align-self:center}.brick-stack-item[data-align=end]{align-self:end}.brick-stack-item[data-align=baseline]{align-self:baseline}@media (width>=30rem){.brick-stack[data-direction-sm=column]{padding-block:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:column;padding-inline:0}.brick-stack[data-direction-sm=row]{padding-block:0;padding-inline:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:row}.brick-stack[data-align-sm=stretch]{align-items:stretch}.brick-stack[data-align-sm=start]{align-items:start}.brick-stack[data-align-sm=center]{align-items:center}.brick-stack[data-align-sm=end]{align-items:end}.brick-stack[data-align-sm=baseline]{align-items:baseline}.brick-stack[data-justify-sm=start]{justify-content:start}.brick-stack[data-justify-sm=center]{justify-content:center}.brick-stack[data-justify-sm=end]{justify-content:end}.brick-stack[data-justify-sm=between]{justify-content:space-between}.brick-stack[data-justify-sm=around]{justify-content:space-around}.brick-stack[data-justify-sm=evenly]{justify-content:space-evenly}.brick-stack[data-wrap-sm=true]{flex-wrap:wrap}.brick-stack[data-wrap-sm=false]{flex-wrap:nowrap}.brick-stack-item[data-flex-sm=content]{flex:0 auto}.brick-stack-item[data-flex-sm=fixed]{flex:none}.brick-stack-item[data-flex-sm=auto]{flex:auto}.brick-stack-item[data-flex-sm="1"]{flex:1 1 0}.brick-stack-item[data-flex-sm="2"]{flex:2 1 0}.brick-stack-item[data-flex-sm="3"]{flex:3 1 0}.brick-stack-item[data-flex-sm="4"]{flex:4 1 0}.brick-stack-item[data-align-sm=auto]{align-self:auto}.brick-stack-item[data-align-sm=stretch]{align-self:stretch}.brick-stack-item[data-align-sm=start]{align-self:start}.brick-stack-item[data-align-sm=center]{align-self:center}.brick-stack-item[data-align-sm=end]{align-self:end}.brick-stack-item[data-align-sm=baseline]{align-self:baseline}}@media (width>=48rem){.brick-stack[data-direction-md=column]{padding-block:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:column;padding-inline:0}.brick-stack[data-direction-md=row]{padding-block:0;padding-inline:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:row}.brick-stack[data-align-md=stretch]{align-items:stretch}.brick-stack[data-align-md=start]{align-items:start}.brick-stack[data-align-md=center]{align-items:center}.brick-stack[data-align-md=end]{align-items:end}.brick-stack[data-align-md=baseline]{align-items:baseline}.brick-stack[data-justify-md=start]{justify-content:start}.brick-stack[data-justify-md=center]{justify-content:center}.brick-stack[data-justify-md=end]{justify-content:end}.brick-stack[data-justify-md=between]{justify-content:space-between}.brick-stack[data-justify-md=around]{justify-content:space-around}.brick-stack[data-justify-md=evenly]{justify-content:space-evenly}.brick-stack[data-wrap-md=true]{flex-wrap:wrap}.brick-stack[data-wrap-md=false]{flex-wrap:nowrap}.brick-stack-item[data-flex-md=content]{flex:0 auto}.brick-stack-item[data-flex-md=fixed]{flex:none}.brick-stack-item[data-flex-md=auto]{flex:auto}.brick-stack-item[data-flex-md="1"]{flex:1 1 0}.brick-stack-item[data-flex-md="2"]{flex:2 1 0}.brick-stack-item[data-flex-md="3"]{flex:3 1 0}.brick-stack-item[data-flex-md="4"]{flex:4 1 0}.brick-stack-item[data-align-md=auto]{align-self:auto}.brick-stack-item[data-align-md=stretch]{align-self:stretch}.brick-stack-item[data-align-md=start]{align-self:start}.brick-stack-item[data-align-md=center]{align-self:center}.brick-stack-item[data-align-md=end]{align-self:end}.brick-stack-item[data-align-md=baseline]{align-self:baseline}}@media (width>=64rem){.brick-stack[data-direction-lg=column]{padding-block:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:column;padding-inline:0}.brick-stack[data-direction-lg=row]{padding-block:0;padding-inline:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:row}.brick-stack[data-align-lg=stretch]{align-items:stretch}.brick-stack[data-align-lg=start]{align-items:start}.brick-stack[data-align-lg=center]{align-items:center}.brick-stack[data-align-lg=end]{align-items:end}.brick-stack[data-align-lg=baseline]{align-items:baseline}.brick-stack[data-justify-lg=start]{justify-content:start}.brick-stack[data-justify-lg=center]{justify-content:center}.brick-stack[data-justify-lg=end]{justify-content:end}.brick-stack[data-justify-lg=between]{justify-content:space-between}.brick-stack[data-justify-lg=around]{justify-content:space-around}.brick-stack[data-justify-lg=evenly]{justify-content:space-evenly}.brick-stack[data-wrap-lg=true]{flex-wrap:wrap}.brick-stack[data-wrap-lg=false]{flex-wrap:nowrap}.brick-stack-item[data-flex-lg=content]{flex:0 auto}.brick-stack-item[data-flex-lg=fixed]{flex:none}.brick-stack-item[data-flex-lg=auto]{flex:auto}.brick-stack-item[data-flex-lg="1"]{flex:1 1 0}.brick-stack-item[data-flex-lg="2"]{flex:2 1 0}.brick-stack-item[data-flex-lg="3"]{flex:3 1 0}.brick-stack-item[data-flex-lg="4"]{flex:4 1 0}.brick-stack-item[data-align-lg=auto]{align-self:auto}.brick-stack-item[data-align-lg=stretch]{align-self:stretch}.brick-stack-item[data-align-lg=start]{align-self:start}.brick-stack-item[data-align-lg=center]{align-self:center}.brick-stack-item[data-align-lg=end]{align-self:end}.brick-stack-item[data-align-lg=baseline]{align-self:baseline}}@media (width>=80rem){.brick-stack[data-direction-xl=column]{padding-block:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:column;padding-inline:0}.brick-stack[data-direction-xl=row]{padding-block:0;padding-inline:var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);flex-direction:row}.brick-stack[data-align-xl=stretch]{align-items:stretch}.brick-stack[data-align-xl=start]{align-items:start}.brick-stack[data-align-xl=center]{align-items:center}.brick-stack[data-align-xl=end]{align-items:end}.brick-stack[data-align-xl=baseline]{align-items:baseline}.brick-stack[data-justify-xl=start]{justify-content:start}.brick-stack[data-justify-xl=center]{justify-content:center}.brick-stack[data-justify-xl=end]{justify-content:end}.brick-stack[data-justify-xl=between]{justify-content:space-between}.brick-stack[data-justify-xl=around]{justify-content:space-around}.brick-stack[data-justify-xl=evenly]{justify-content:space-evenly}.brick-stack[data-wrap-xl=true]{flex-wrap:wrap}.brick-stack[data-wrap-xl=false]{flex-wrap:nowrap}.brick-stack-item[data-flex-xl=content]{flex:0 auto}.brick-stack-item[data-flex-xl=fixed]{flex:none}.brick-stack-item[data-flex-xl=auto]{flex:auto}.brick-stack-item[data-flex-xl="1"]{flex:1 1 0}.brick-stack-item[data-flex-xl="2"]{flex:2 1 0}.brick-stack-item[data-flex-xl="3"]{flex:3 1 0}.brick-stack-item[data-flex-xl="4"]{flex:4 1 0}.brick-stack-item[data-align-xl=auto]{align-self:auto}.brick-stack-item[data-align-xl=stretch]{align-self:stretch}.brick-stack-item[data-align-xl=start]{align-self:start}.brick-stack-item[data-align-xl=center]{align-self:center}.brick-stack-item[data-align-xl=end]{align-self:end}.brick-stack-item[data-align-xl=baseline]{align-self:baseline}}@media (width>=30rem){.brick-stack[data-gap-sm]{--brick-stack-gap:var(--brick-stack-gap-sm-input,var(--brick-stack-gap-input,var(--brick-space-0)))}.brick-stack[data-start-spacing-sm]{--brick-stack-start-spacing:var(--brick-stack-start-spacing-sm-input,var(--brick-stack-start-spacing-input,var(--brick-space-0)))}.brick-stack[data-end-spacing-sm]{--brick-stack-end-spacing:var(--brick-stack-end-spacing-sm-input,var(--brick-stack-end-spacing-input,var(--brick-space-0)))}}@media (width>=48rem){.brick-stack[data-gap-md]{--brick-stack-gap:var(--brick-stack-gap-md-input,var(--brick-stack-gap-input,var(--brick-space-0)))}.brick-stack[data-start-spacing-md]{--brick-stack-start-spacing:var(--brick-stack-start-spacing-md-input,var(--brick-stack-start-spacing-input,var(--brick-space-0)))}.brick-stack[data-end-spacing-md]{--brick-stack-end-spacing:var(--brick-stack-end-spacing-md-input,var(--brick-stack-end-spacing-input,var(--brick-space-0)))}}@media (width>=64rem){.brick-stack[data-gap-lg]{--brick-stack-gap:var(--brick-stack-gap-lg-input,var(--brick-stack-gap-input,var(--brick-space-0)))}.brick-stack[data-start-spacing-lg]{--brick-stack-start-spacing:var(--brick-stack-start-spacing-lg-input,var(--brick-stack-start-spacing-input,var(--brick-space-0)))}.brick-stack[data-end-spacing-lg]{--brick-stack-end-spacing:var(--brick-stack-end-spacing-lg-input,var(--brick-stack-end-spacing-input,var(--brick-space-0)))}}@media (width>=80rem){.brick-stack[data-gap-xl]{--brick-stack-gap:var(--brick-stack-gap-xl-input,var(--brick-stack-gap-input,var(--brick-space-0)))}.brick-stack[data-start-spacing-xl]{--brick-stack-start-spacing:var(--brick-stack-start-spacing-xl-input,var(--brick-stack-start-spacing-input,var(--brick-space-0)))}.brick-stack[data-end-spacing-xl]{--brick-stack-end-spacing:var(--brick-stack-end-spacing-xl-input,var(--brick-stack-end-spacing-input,var(--brick-space-0)))}}}@layer brick.utilities,brick.effects;
2
2
  /*# sourceMappingURL=stack.css.map */
package/dist/styles/stack.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,mYAgBA,mJAMA,kEACA,kEACA,kEACA,kEACA,kEACA,kEACA,sFACA,sFACA,sFACA,sFACA,sFACA,sFACA,kFACA,kFACA,kFACA,kFACA,kFACA,kFAEA,iDACA,mDACA,6CACA,uDACA,yDACA,mDACA,iEACA,+DACA,+DACA,uCAEA,uGAQA,6CACA,4CACA,4CACA,4CACA,4CACA,4CACA,yDACA,qDACA,uDACA,iDACA,2DAEA,sBACE,4JACA,sJACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,wDACA,oDACA,sDACA,gDACA,0DACA,0DACA,4DACA,sDACA,oEACA,kEACA,kEACA,+CACA,kDACA,oDACA,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,sDACA,4DACA,wDACA,0DACA,oDACA,+DAGF,sBACE,4JACA,sJACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,wDACA,oDACA,sDACA,gDACA,0DACA,0DACA,4DACA,sDACA,oEACA,kEACA,kEACA,+CACA,kDACA,oDACA,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,sDACA,4DACA,wDACA,0DACA,oDACA,+DAGF,sBACE,4JACA,sJACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,wDACA,oDACA,sDACA,gDACA,0DACA,0DACA,4DACA,sDACA,oEACA,kEACA,kEACA,+CACA,kDACA,oDACA,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,sDACA,4DACA,wDACA,0DACA,oDACA,+DAGF,sBACE,4JACA,sJACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,wDACA,oDACA,sDACA,gDACA,0DACA,0DACA,4DACA,sDACA,oEACA,kEACA,kEACA,+CACA,kDACA,oDACA,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,sDACA,4DACA,wDACA,0DACA,oDACA,+DAGF,sBACE,yFACA,yFACA,yFACA,yFACA,yFACA,yFACA,yFACA,qFACA,qFACA,qFACA,qFACA,qFACA,qFACA,sFAEF,sBACE,yFACA,yFACA,yFACA,yFACA,yFACA,yFACA,yFACA,qFACA,qFACA,qFACA,qFACA,qFACA,qFACA,sFAEF,sBACE,yFACA,yFACA,yFACA,yFACA,yFACA,yFACA,yFACA,qFACA,qFACA,qFACA,qFACA,qFACA,qFACA,sFAEF,sBACE,yFACA,yFACA,yFACA,yFACA,yFACA,yFACA,yFACA,qFACA,qFACA,qFACA,qFACA,qFACA,qFACA,uFD/RJ","sources":["home/runner/work/brick/brick/.brick-cache/production/stack.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/stack/stack.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/stack/stack.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-stack {\n --brick-stack-gap: var(--brick-space-0);\n --brick-stack-start-spacing: var(--brick-space-0);\n --brick-stack-end-spacing: var(--brick-space-0);\n\n box-sizing: border-box;\n display: flex;\n min-inline-size: 0;\n flex-direction: column;\n align-items: stretch;\n justify-content: start;\n gap: var(--brick-stack-gap);\n padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);\n padding-inline: 0;\n }\n\n .brick-stack[data-direction=\"row\"] {\n flex-direction: row;\n padding-block: 0;\n padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);\n }\n\n .brick-stack[data-gap=\"1\"] { --brick-stack-gap: var(--brick-space-1); }\n .brick-stack[data-gap=\"2\"] { --brick-stack-gap: var(--brick-space-2); }\n .brick-stack[data-gap=\"3\"] { --brick-stack-gap: var(--brick-space-3); }\n .brick-stack[data-gap=\"4\"] { --brick-stack-gap: var(--brick-space-4); }\n .brick-stack[data-gap=\"5\"] { --brick-stack-gap: var(--brick-space-5); }\n .brick-stack[data-gap=\"6\"] { --brick-stack-gap: var(--brick-space-6); }\n .brick-stack[data-start-spacing=\"1\"] { --brick-stack-start-spacing: var(--brick-space-1); }\n .brick-stack[data-start-spacing=\"2\"] { --brick-stack-start-spacing: var(--brick-space-2); }\n .brick-stack[data-start-spacing=\"3\"] { --brick-stack-start-spacing: var(--brick-space-3); }\n .brick-stack[data-start-spacing=\"4\"] { --brick-stack-start-spacing: var(--brick-space-4); }\n .brick-stack[data-start-spacing=\"5\"] { --brick-stack-start-spacing: var(--brick-space-5); }\n .brick-stack[data-start-spacing=\"6\"] { --brick-stack-start-spacing: var(--brick-space-6); }\n .brick-stack[data-end-spacing=\"1\"] { --brick-stack-end-spacing: var(--brick-space-1); }\n .brick-stack[data-end-spacing=\"2\"] { --brick-stack-end-spacing: var(--brick-space-2); }\n .brick-stack[data-end-spacing=\"3\"] { --brick-stack-end-spacing: var(--brick-space-3); }\n .brick-stack[data-end-spacing=\"4\"] { --brick-stack-end-spacing: var(--brick-space-4); }\n .brick-stack[data-end-spacing=\"5\"] { --brick-stack-end-spacing: var(--brick-space-5); }\n .brick-stack[data-end-spacing=\"6\"] { --brick-stack-end-spacing: var(--brick-space-6); }\n\n .brick-stack[data-align=\"start\"] { align-items: start; }\n .brick-stack[data-align=\"center\"] { align-items: center; }\n .brick-stack[data-align=\"end\"] { align-items: end; }\n .brick-stack[data-align=\"baseline\"] { align-items: baseline; }\n .brick-stack[data-justify=\"center\"] { justify-content: center; }\n .brick-stack[data-justify=\"end\"] { justify-content: end; }\n .brick-stack[data-justify=\"between\"] { justify-content: space-between; }\n .brick-stack[data-justify=\"around\"] { justify-content: space-around; }\n .brick-stack[data-justify=\"evenly\"] { justify-content: space-evenly; }\n .brick-stack[data-wrap] { flex-wrap: wrap; }\n\n .brick-stack-item {\n box-sizing: border-box;\n min-inline-size: 0;\n min-block-size: 0;\n flex: 0 1 auto;\n align-self: auto;\n }\n\n .brick-stack-item[data-flex=\"fixed\"] { flex: 0 0 auto; }\n .brick-stack-item[data-flex=\"auto\"] { flex: 1 1 auto; }\n .brick-stack-item[data-flex=\"1\"] { flex: 1 1 0; }\n .brick-stack-item[data-flex=\"2\"] { flex: 2 1 0; }\n .brick-stack-item[data-flex=\"3\"] { flex: 3 1 0; }\n .brick-stack-item[data-flex=\"4\"] { flex: 4 1 0; }\n .brick-stack-item[data-align=\"stretch\"] { align-self: stretch; }\n .brick-stack-item[data-align=\"start\"] { align-self: start; }\n .brick-stack-item[data-align=\"center\"] { align-self: center; }\n .brick-stack-item[data-align=\"end\"] { align-self: end; }\n .brick-stack-item[data-align=\"baseline\"] { align-self: baseline; }\n\n @media (width >= 30rem) {\n .brick-stack[data-direction-sm=\"column\"] { flex-direction: column; padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); padding-inline: 0; }\n .brick-stack[data-direction-sm=\"row\"] { flex-direction: row; padding-block: 0; padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); }\n .brick-stack[data-gap-sm=\"0\"] { --brick-stack-gap: var(--brick-space-0); }\n .brick-stack[data-gap-sm=\"1\"] { --brick-stack-gap: var(--brick-space-1); }\n .brick-stack[data-gap-sm=\"2\"] { --brick-stack-gap: var(--brick-space-2); }\n .brick-stack[data-gap-sm=\"3\"] { --brick-stack-gap: var(--brick-space-3); }\n .brick-stack[data-gap-sm=\"4\"] { --brick-stack-gap: var(--brick-space-4); }\n .brick-stack[data-gap-sm=\"5\"] { --brick-stack-gap: var(--brick-space-5); }\n .brick-stack[data-gap-sm=\"6\"] { --brick-stack-gap: var(--brick-space-6); }\n .brick-stack[data-align-sm=\"stretch\"] { align-items: stretch; }\n .brick-stack[data-align-sm=\"start\"] { align-items: start; }\n .brick-stack[data-align-sm=\"center\"] { align-items: center; }\n .brick-stack[data-align-sm=\"end\"] { align-items: end; }\n .brick-stack[data-align-sm=\"baseline\"] { align-items: baseline; }\n .brick-stack[data-justify-sm=\"start\"] { justify-content: start; }\n .brick-stack[data-justify-sm=\"center\"] { justify-content: center; }\n .brick-stack[data-justify-sm=\"end\"] { justify-content: end; }\n .brick-stack[data-justify-sm=\"between\"] { justify-content: space-between; }\n .brick-stack[data-justify-sm=\"around\"] { justify-content: space-around; }\n .brick-stack[data-justify-sm=\"evenly\"] { justify-content: space-evenly; }\n .brick-stack[data-wrap-sm=\"true\"] { flex-wrap: wrap; }\n .brick-stack[data-wrap-sm=\"false\"] { flex-wrap: nowrap; }\n .brick-stack-item[data-flex-sm=\"content\"] { flex: 0 1 auto; }\n .brick-stack-item[data-flex-sm=\"fixed\"] { flex: 0 0 auto; }\n .brick-stack-item[data-flex-sm=\"auto\"] { flex: 1 1 auto; }\n .brick-stack-item[data-flex-sm=\"1\"] { flex: 1 1 0; }\n .brick-stack-item[data-flex-sm=\"2\"] { flex: 2 1 0; }\n .brick-stack-item[data-flex-sm=\"3\"] { flex: 3 1 0; }\n .brick-stack-item[data-flex-sm=\"4\"] { flex: 4 1 0; }\n .brick-stack-item[data-align-sm=\"auto\"] { align-self: auto; }\n .brick-stack-item[data-align-sm=\"stretch\"] { align-self: stretch; }\n .brick-stack-item[data-align-sm=\"start\"] { align-self: start; }\n .brick-stack-item[data-align-sm=\"center\"] { align-self: center; }\n .brick-stack-item[data-align-sm=\"end\"] { align-self: end; }\n .brick-stack-item[data-align-sm=\"baseline\"] { align-self: baseline; }\n }\n\n @media (width >= 48rem) {\n .brick-stack[data-direction-md=\"column\"] { flex-direction: column; padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); padding-inline: 0; }\n .brick-stack[data-direction-md=\"row\"] { flex-direction: row; padding-block: 0; padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); }\n .brick-stack[data-gap-md=\"0\"] { --brick-stack-gap: var(--brick-space-0); }\n .brick-stack[data-gap-md=\"1\"] { --brick-stack-gap: var(--brick-space-1); }\n .brick-stack[data-gap-md=\"2\"] { --brick-stack-gap: var(--brick-space-2); }\n .brick-stack[data-gap-md=\"3\"] { --brick-stack-gap: var(--brick-space-3); }\n .brick-stack[data-gap-md=\"4\"] { --brick-stack-gap: var(--brick-space-4); }\n .brick-stack[data-gap-md=\"5\"] { --brick-stack-gap: var(--brick-space-5); }\n .brick-stack[data-gap-md=\"6\"] { --brick-stack-gap: var(--brick-space-6); }\n .brick-stack[data-align-md=\"stretch\"] { align-items: stretch; }\n .brick-stack[data-align-md=\"start\"] { align-items: start; }\n .brick-stack[data-align-md=\"center\"] { align-items: center; }\n .brick-stack[data-align-md=\"end\"] { align-items: end; }\n .brick-stack[data-align-md=\"baseline\"] { align-items: baseline; }\n .brick-stack[data-justify-md=\"start\"] { justify-content: start; }\n .brick-stack[data-justify-md=\"center\"] { justify-content: center; }\n .brick-stack[data-justify-md=\"end\"] { justify-content: end; }\n .brick-stack[data-justify-md=\"between\"] { justify-content: space-between; }\n .brick-stack[data-justify-md=\"around\"] { justify-content: space-around; }\n .brick-stack[data-justify-md=\"evenly\"] { justify-content: space-evenly; }\n .brick-stack[data-wrap-md=\"true\"] { flex-wrap: wrap; }\n .brick-stack[data-wrap-md=\"false\"] { flex-wrap: nowrap; }\n .brick-stack-item[data-flex-md=\"content\"] { flex: 0 1 auto; }\n .brick-stack-item[data-flex-md=\"fixed\"] { flex: 0 0 auto; }\n .brick-stack-item[data-flex-md=\"auto\"] { flex: 1 1 auto; }\n .brick-stack-item[data-flex-md=\"1\"] { flex: 1 1 0; }\n .brick-stack-item[data-flex-md=\"2\"] { flex: 2 1 0; }\n .brick-stack-item[data-flex-md=\"3\"] { flex: 3 1 0; }\n .brick-stack-item[data-flex-md=\"4\"] { flex: 4 1 0; }\n .brick-stack-item[data-align-md=\"auto\"] { align-self: auto; }\n .brick-stack-item[data-align-md=\"stretch\"] { align-self: stretch; }\n .brick-stack-item[data-align-md=\"start\"] { align-self: start; }\n .brick-stack-item[data-align-md=\"center\"] { align-self: center; }\n .brick-stack-item[data-align-md=\"end\"] { align-self: end; }\n .brick-stack-item[data-align-md=\"baseline\"] { align-self: baseline; }\n }\n\n @media (width >= 64rem) {\n .brick-stack[data-direction-lg=\"column\"] { flex-direction: column; padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); padding-inline: 0; }\n .brick-stack[data-direction-lg=\"row\"] { flex-direction: row; padding-block: 0; padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); }\n .brick-stack[data-gap-lg=\"0\"] { --brick-stack-gap: var(--brick-space-0); }\n .brick-stack[data-gap-lg=\"1\"] { --brick-stack-gap: var(--brick-space-1); }\n .brick-stack[data-gap-lg=\"2\"] { --brick-stack-gap: var(--brick-space-2); }\n .brick-stack[data-gap-lg=\"3\"] { --brick-stack-gap: var(--brick-space-3); }\n .brick-stack[data-gap-lg=\"4\"] { --brick-stack-gap: var(--brick-space-4); }\n .brick-stack[data-gap-lg=\"5\"] { --brick-stack-gap: var(--brick-space-5); }\n .brick-stack[data-gap-lg=\"6\"] { --brick-stack-gap: var(--brick-space-6); }\n .brick-stack[data-align-lg=\"stretch\"] { align-items: stretch; }\n .brick-stack[data-align-lg=\"start\"] { align-items: start; }\n .brick-stack[data-align-lg=\"center\"] { align-items: center; }\n .brick-stack[data-align-lg=\"end\"] { align-items: end; }\n .brick-stack[data-align-lg=\"baseline\"] { align-items: baseline; }\n .brick-stack[data-justify-lg=\"start\"] { justify-content: start; }\n .brick-stack[data-justify-lg=\"center\"] { justify-content: center; }\n .brick-stack[data-justify-lg=\"end\"] { justify-content: end; }\n .brick-stack[data-justify-lg=\"between\"] { justify-content: space-between; }\n .brick-stack[data-justify-lg=\"around\"] { justify-content: space-around; }\n .brick-stack[data-justify-lg=\"evenly\"] { justify-content: space-evenly; }\n .brick-stack[data-wrap-lg=\"true\"] { flex-wrap: wrap; }\n .brick-stack[data-wrap-lg=\"false\"] { flex-wrap: nowrap; }\n .brick-stack-item[data-flex-lg=\"content\"] { flex: 0 1 auto; }\n .brick-stack-item[data-flex-lg=\"fixed\"] { flex: 0 0 auto; }\n .brick-stack-item[data-flex-lg=\"auto\"] { flex: 1 1 auto; }\n .brick-stack-item[data-flex-lg=\"1\"] { flex: 1 1 0; }\n .brick-stack-item[data-flex-lg=\"2\"] { flex: 2 1 0; }\n .brick-stack-item[data-flex-lg=\"3\"] { flex: 3 1 0; }\n .brick-stack-item[data-flex-lg=\"4\"] { flex: 4 1 0; }\n .brick-stack-item[data-align-lg=\"auto\"] { align-self: auto; }\n .brick-stack-item[data-align-lg=\"stretch\"] { align-self: stretch; }\n .brick-stack-item[data-align-lg=\"start\"] { align-self: start; }\n .brick-stack-item[data-align-lg=\"center\"] { align-self: center; }\n .brick-stack-item[data-align-lg=\"end\"] { align-self: end; }\n .brick-stack-item[data-align-lg=\"baseline\"] { align-self: baseline; }\n }\n\n @media (width >= 80rem) {\n .brick-stack[data-direction-xl=\"column\"] { flex-direction: column; padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); padding-inline: 0; }\n .brick-stack[data-direction-xl=\"row\"] { flex-direction: row; padding-block: 0; padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); }\n .brick-stack[data-gap-xl=\"0\"] { --brick-stack-gap: var(--brick-space-0); }\n .brick-stack[data-gap-xl=\"1\"] { --brick-stack-gap: var(--brick-space-1); }\n .brick-stack[data-gap-xl=\"2\"] { --brick-stack-gap: var(--brick-space-2); }\n .brick-stack[data-gap-xl=\"3\"] { --brick-stack-gap: var(--brick-space-3); }\n .brick-stack[data-gap-xl=\"4\"] { --brick-stack-gap: var(--brick-space-4); }\n .brick-stack[data-gap-xl=\"5\"] { --brick-stack-gap: var(--brick-space-5); }\n .brick-stack[data-gap-xl=\"6\"] { --brick-stack-gap: var(--brick-space-6); }\n .brick-stack[data-align-xl=\"stretch\"] { align-items: stretch; }\n .brick-stack[data-align-xl=\"start\"] { align-items: start; }\n .brick-stack[data-align-xl=\"center\"] { align-items: center; }\n .brick-stack[data-align-xl=\"end\"] { align-items: end; }\n .brick-stack[data-align-xl=\"baseline\"] { align-items: baseline; }\n .brick-stack[data-justify-xl=\"start\"] { justify-content: start; }\n .brick-stack[data-justify-xl=\"center\"] { justify-content: center; }\n .brick-stack[data-justify-xl=\"end\"] { justify-content: end; }\n .brick-stack[data-justify-xl=\"between\"] { justify-content: space-between; }\n .brick-stack[data-justify-xl=\"around\"] { justify-content: space-around; }\n .brick-stack[data-justify-xl=\"evenly\"] { justify-content: space-evenly; }\n .brick-stack[data-wrap-xl=\"true\"] { flex-wrap: wrap; }\n .brick-stack[data-wrap-xl=\"false\"] { flex-wrap: nowrap; }\n .brick-stack-item[data-flex-xl=\"content\"] { flex: 0 1 auto; }\n .brick-stack-item[data-flex-xl=\"fixed\"] { flex: 0 0 auto; }\n .brick-stack-item[data-flex-xl=\"auto\"] { flex: 1 1 auto; }\n .brick-stack-item[data-flex-xl=\"1\"] { flex: 1 1 0; }\n .brick-stack-item[data-flex-xl=\"2\"] { flex: 2 1 0; }\n .brick-stack-item[data-flex-xl=\"3\"] { flex: 3 1 0; }\n .brick-stack-item[data-flex-xl=\"4\"] { flex: 4 1 0; }\n .brick-stack-item[data-align-xl=\"auto\"] { align-self: auto; }\n .brick-stack-item[data-align-xl=\"stretch\"] { align-self: stretch; }\n .brick-stack-item[data-align-xl=\"start\"] { align-self: start; }\n .brick-stack-item[data-align-xl=\"center\"] { align-self: center; }\n .brick-stack-item[data-align-xl=\"end\"] { align-self: end; }\n .brick-stack-item[data-align-xl=\"baseline\"] { align-self: baseline; }\n }\n\n @media (width >= 30rem) {\n .brick-stack[data-start-spacing-sm=\"0\"] { --brick-stack-start-spacing: var(--brick-space-0); }\n .brick-stack[data-start-spacing-sm=\"1\"] { --brick-stack-start-spacing: var(--brick-space-1); }\n .brick-stack[data-start-spacing-sm=\"2\"] { --brick-stack-start-spacing: var(--brick-space-2); }\n .brick-stack[data-start-spacing-sm=\"3\"] { --brick-stack-start-spacing: var(--brick-space-3); }\n .brick-stack[data-start-spacing-sm=\"4\"] { --brick-stack-start-spacing: var(--brick-space-4); }\n .brick-stack[data-start-spacing-sm=\"5\"] { --brick-stack-start-spacing: var(--brick-space-5); }\n .brick-stack[data-start-spacing-sm=\"6\"] { --brick-stack-start-spacing: var(--brick-space-6); }\n .brick-stack[data-end-spacing-sm=\"0\"] { --brick-stack-end-spacing: var(--brick-space-0); }\n .brick-stack[data-end-spacing-sm=\"1\"] { --brick-stack-end-spacing: var(--brick-space-1); }\n .brick-stack[data-end-spacing-sm=\"2\"] { --brick-stack-end-spacing: var(--brick-space-2); }\n .brick-stack[data-end-spacing-sm=\"3\"] { --brick-stack-end-spacing: var(--brick-space-3); }\n .brick-stack[data-end-spacing-sm=\"4\"] { --brick-stack-end-spacing: var(--brick-space-4); }\n .brick-stack[data-end-spacing-sm=\"5\"] { --brick-stack-end-spacing: var(--brick-space-5); }\n .brick-stack[data-end-spacing-sm=\"6\"] { --brick-stack-end-spacing: var(--brick-space-6); }\n }\n @media (width >= 48rem) {\n .brick-stack[data-start-spacing-md=\"0\"] { --brick-stack-start-spacing: var(--brick-space-0); }\n .brick-stack[data-start-spacing-md=\"1\"] { --brick-stack-start-spacing: var(--brick-space-1); }\n .brick-stack[data-start-spacing-md=\"2\"] { --brick-stack-start-spacing: var(--brick-space-2); }\n .brick-stack[data-start-spacing-md=\"3\"] { --brick-stack-start-spacing: var(--brick-space-3); }\n .brick-stack[data-start-spacing-md=\"4\"] { --brick-stack-start-spacing: var(--brick-space-4); }\n .brick-stack[data-start-spacing-md=\"5\"] { --brick-stack-start-spacing: var(--brick-space-5); }\n .brick-stack[data-start-spacing-md=\"6\"] { --brick-stack-start-spacing: var(--brick-space-6); }\n .brick-stack[data-end-spacing-md=\"0\"] { --brick-stack-end-spacing: var(--brick-space-0); }\n .brick-stack[data-end-spacing-md=\"1\"] { --brick-stack-end-spacing: var(--brick-space-1); }\n .brick-stack[data-end-spacing-md=\"2\"] { --brick-stack-end-spacing: var(--brick-space-2); }\n .brick-stack[data-end-spacing-md=\"3\"] { --brick-stack-end-spacing: var(--brick-space-3); }\n .brick-stack[data-end-spacing-md=\"4\"] { --brick-stack-end-spacing: var(--brick-space-4); }\n .brick-stack[data-end-spacing-md=\"5\"] { --brick-stack-end-spacing: var(--brick-space-5); }\n .brick-stack[data-end-spacing-md=\"6\"] { --brick-stack-end-spacing: var(--brick-space-6); }\n }\n @media (width >= 64rem) {\n .brick-stack[data-start-spacing-lg=\"0\"] { --brick-stack-start-spacing: var(--brick-space-0); }\n .brick-stack[data-start-spacing-lg=\"1\"] { --brick-stack-start-spacing: var(--brick-space-1); }\n .brick-stack[data-start-spacing-lg=\"2\"] { --brick-stack-start-spacing: var(--brick-space-2); }\n .brick-stack[data-start-spacing-lg=\"3\"] { --brick-stack-start-spacing: var(--brick-space-3); }\n .brick-stack[data-start-spacing-lg=\"4\"] { --brick-stack-start-spacing: var(--brick-space-4); }\n .brick-stack[data-start-spacing-lg=\"5\"] { --brick-stack-start-spacing: var(--brick-space-5); }\n .brick-stack[data-start-spacing-lg=\"6\"] { --brick-stack-start-spacing: var(--brick-space-6); }\n .brick-stack[data-end-spacing-lg=\"0\"] { --brick-stack-end-spacing: var(--brick-space-0); }\n .brick-stack[data-end-spacing-lg=\"1\"] { --brick-stack-end-spacing: var(--brick-space-1); }\n .brick-stack[data-end-spacing-lg=\"2\"] { --brick-stack-end-spacing: var(--brick-space-2); }\n .brick-stack[data-end-spacing-lg=\"3\"] { --brick-stack-end-spacing: var(--brick-space-3); }\n .brick-stack[data-end-spacing-lg=\"4\"] { --brick-stack-end-spacing: var(--brick-space-4); }\n .brick-stack[data-end-spacing-lg=\"5\"] { --brick-stack-end-spacing: var(--brick-space-5); }\n .brick-stack[data-end-spacing-lg=\"6\"] { --brick-stack-end-spacing: var(--brick-space-6); }\n }\n @media (width >= 80rem) {\n .brick-stack[data-start-spacing-xl=\"0\"] { --brick-stack-start-spacing: var(--brick-space-0); }\n .brick-stack[data-start-spacing-xl=\"1\"] { --brick-stack-start-spacing: var(--brick-space-1); }\n .brick-stack[data-start-spacing-xl=\"2\"] { --brick-stack-start-spacing: var(--brick-space-2); }\n .brick-stack[data-start-spacing-xl=\"3\"] { --brick-stack-start-spacing: var(--brick-space-3); }\n .brick-stack[data-start-spacing-xl=\"4\"] { --brick-stack-start-spacing: var(--brick-space-4); }\n .brick-stack[data-start-spacing-xl=\"5\"] { --brick-stack-start-spacing: var(--brick-space-5); }\n .brick-stack[data-start-spacing-xl=\"6\"] { --brick-stack-start-spacing: var(--brick-space-6); }\n .brick-stack[data-end-spacing-xl=\"0\"] { --brick-stack-end-spacing: var(--brick-space-0); }\n .brick-stack[data-end-spacing-xl=\"1\"] { --brick-stack-end-spacing: var(--brick-space-1); }\n .brick-stack[data-end-spacing-xl=\"2\"] { --brick-stack-end-spacing: var(--brick-space-2); }\n .brick-stack[data-end-spacing-xl=\"3\"] { --brick-stack-end-spacing: var(--brick-space-3); }\n .brick-stack[data-end-spacing-xl=\"4\"] { --brick-stack-end-spacing: var(--brick-space-4); }\n .brick-stack[data-end-spacing-xl=\"5\"] { --brick-stack-end-spacing: var(--brick-space-5); }\n .brick-stack[data-end-spacing-xl=\"6\"] { --brick-stack-end-spacing: var(--brick-space-6); }\n }\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,4YAiBA,uCAIA,mJAKA,2FACA,yHACA,mHAEA,iDACA,mDACA,6CACA,uDACA,yDACA,mDACA,iEACA,+DACA,+DACA,uCAEA,sFAOA,mEAEA,6CACA,4CACA,4CACA,4CACA,4CACA,4CACA,yDACA,qDACA,uDACA,iDACA,2DAEA,sBACE,4JACA,sJACA,wDACA,oDACA,sDACA,gDACA,0DACA,0DACA,4DACA,sDACA,oEACA,kEACA,kEACA,+CACA,kDACA,oDACA,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,sDACA,4DACA,wDACA,0DACA,oDACA,+DAGF,sBACE,4JACA,sJACA,wDACA,oDACA,sDACA,gDACA,0DACA,0DACA,4DACA,sDACA,oEACA,kEACA,kEACA,+CACA,kDACA,oDACA,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,sDACA,4DACA,wDACA,0DACA,oDACA,+DAGF,sBACE,4JACA,sJACA,wDACA,oDACA,sDACA,gDACA,0DACA,0DACA,4DACA,sDACA,oEACA,kEACA,kEACA,+CACA,kDACA,oDACA,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,sDACA,4DACA,wDACA,0DACA,oDACA,+DAGF,sBACE,4JACA,sJACA,wDACA,oDACA,sDACA,gDACA,0DACA,0DACA,4DACA,sDACA,oEACA,kEACA,kEACA,+CACA,kDACA,oDACA,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,sDACA,4DACA,wDACA,0DACA,oDACA,+DAYF,sBACE,8HACA,sKACA,+JAGF,sBACE,8HACA,sKACA,+JAGF,sBACE,8HACA,sKACA,+JAGF,sBACE,8HACA,sKACA,gKDzNJ","sources":["home/runner/work/brick/brick/.brick-cache/production/stack.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/stack/stack.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/stack/stack.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-stack {\n --brick-stack-gap: var(--brick-space-0);\n --brick-stack-start-spacing: var(--brick-space-0);\n --brick-stack-end-spacing: var(--brick-space-0);\n\n box-sizing: border-box;\n display: flex;\n min-inline-size: 0;\n margin: 0;\n flex-direction: column;\n align-items: stretch;\n justify-content: start;\n gap: var(--brick-stack-gap);\n padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);\n padding-inline: 0;\n }\n\n .brick-stack:is(ul, ol) {\n list-style: none;\n }\n\n .brick-stack[data-direction=\"row\"] {\n flex-direction: row;\n padding-block: 0;\n padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);\n }\n .brick-stack[data-gap] { --brick-stack-gap: var(--brick-stack-gap-input, var(--brick-space-0)); }\n .brick-stack[data-start-spacing] { --brick-stack-start-spacing: var(--brick-stack-start-spacing-input, var(--brick-space-0)); }\n .brick-stack[data-end-spacing] { --brick-stack-end-spacing: var(--brick-stack-end-spacing-input, var(--brick-space-0)); }\n\n .brick-stack[data-align=\"start\"] { align-items: start; }\n .brick-stack[data-align=\"center\"] { align-items: center; }\n .brick-stack[data-align=\"end\"] { align-items: end; }\n .brick-stack[data-align=\"baseline\"] { align-items: baseline; }\n .brick-stack[data-justify=\"center\"] { justify-content: center; }\n .brick-stack[data-justify=\"end\"] { justify-content: end; }\n .brick-stack[data-justify=\"between\"] { justify-content: space-between; }\n .brick-stack[data-justify=\"around\"] { justify-content: space-around; }\n .brick-stack[data-justify=\"evenly\"] { justify-content: space-evenly; }\n .brick-stack[data-wrap] { flex-wrap: wrap; }\n\n .brick-stack-item {\n box-sizing: border-box;\n min-inline-size: 0;\n flex: 0 1 auto;\n align-self: auto;\n }\n\n .brick-stack-item:not([data-stack-item-composed]) { min-block-size: 0; }\n\n .brick-stack-item[data-flex=\"fixed\"] { flex: 0 0 auto; }\n .brick-stack-item[data-flex=\"auto\"] { flex: 1 1 auto; }\n .brick-stack-item[data-flex=\"1\"] { flex: 1 1 0; }\n .brick-stack-item[data-flex=\"2\"] { flex: 2 1 0; }\n .brick-stack-item[data-flex=\"3\"] { flex: 3 1 0; }\n .brick-stack-item[data-flex=\"4\"] { flex: 4 1 0; }\n .brick-stack-item[data-align=\"stretch\"] { align-self: stretch; }\n .brick-stack-item[data-align=\"start\"] { align-self: start; }\n .brick-stack-item[data-align=\"center\"] { align-self: center; }\n .brick-stack-item[data-align=\"end\"] { align-self: end; }\n .brick-stack-item[data-align=\"baseline\"] { align-self: baseline; }\n\n @media (width >= 30rem) {\n .brick-stack[data-direction-sm=\"column\"] { flex-direction: column; padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); padding-inline: 0; }\n .brick-stack[data-direction-sm=\"row\"] { flex-direction: row; padding-block: 0; padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); }\n .brick-stack[data-align-sm=\"stretch\"] { align-items: stretch; }\n .brick-stack[data-align-sm=\"start\"] { align-items: start; }\n .brick-stack[data-align-sm=\"center\"] { align-items: center; }\n .brick-stack[data-align-sm=\"end\"] { align-items: end; }\n .brick-stack[data-align-sm=\"baseline\"] { align-items: baseline; }\n .brick-stack[data-justify-sm=\"start\"] { justify-content: start; }\n .brick-stack[data-justify-sm=\"center\"] { justify-content: center; }\n .brick-stack[data-justify-sm=\"end\"] { justify-content: end; }\n .brick-stack[data-justify-sm=\"between\"] { justify-content: space-between; }\n .brick-stack[data-justify-sm=\"around\"] { justify-content: space-around; }\n .brick-stack[data-justify-sm=\"evenly\"] { justify-content: space-evenly; }\n .brick-stack[data-wrap-sm=\"true\"] { flex-wrap: wrap; }\n .brick-stack[data-wrap-sm=\"false\"] { flex-wrap: nowrap; }\n .brick-stack-item[data-flex-sm=\"content\"] { flex: 0 1 auto; }\n .brick-stack-item[data-flex-sm=\"fixed\"] { flex: 0 0 auto; }\n .brick-stack-item[data-flex-sm=\"auto\"] { flex: 1 1 auto; }\n .brick-stack-item[data-flex-sm=\"1\"] { flex: 1 1 0; }\n .brick-stack-item[data-flex-sm=\"2\"] { flex: 2 1 0; }\n .brick-stack-item[data-flex-sm=\"3\"] { flex: 3 1 0; }\n .brick-stack-item[data-flex-sm=\"4\"] { flex: 4 1 0; }\n .brick-stack-item[data-align-sm=\"auto\"] { align-self: auto; }\n .brick-stack-item[data-align-sm=\"stretch\"] { align-self: stretch; }\n .brick-stack-item[data-align-sm=\"start\"] { align-self: start; }\n .brick-stack-item[data-align-sm=\"center\"] { align-self: center; }\n .brick-stack-item[data-align-sm=\"end\"] { align-self: end; }\n .brick-stack-item[data-align-sm=\"baseline\"] { align-self: baseline; }\n }\n\n @media (width >= 48rem) {\n .brick-stack[data-direction-md=\"column\"] { flex-direction: column; padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); padding-inline: 0; }\n .brick-stack[data-direction-md=\"row\"] { flex-direction: row; padding-block: 0; padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); }\n .brick-stack[data-align-md=\"stretch\"] { align-items: stretch; }\n .brick-stack[data-align-md=\"start\"] { align-items: start; }\n .brick-stack[data-align-md=\"center\"] { align-items: center; }\n .brick-stack[data-align-md=\"end\"] { align-items: end; }\n .brick-stack[data-align-md=\"baseline\"] { align-items: baseline; }\n .brick-stack[data-justify-md=\"start\"] { justify-content: start; }\n .brick-stack[data-justify-md=\"center\"] { justify-content: center; }\n .brick-stack[data-justify-md=\"end\"] { justify-content: end; }\n .brick-stack[data-justify-md=\"between\"] { justify-content: space-between; }\n .brick-stack[data-justify-md=\"around\"] { justify-content: space-around; }\n .brick-stack[data-justify-md=\"evenly\"] { justify-content: space-evenly; }\n .brick-stack[data-wrap-md=\"true\"] { flex-wrap: wrap; }\n .brick-stack[data-wrap-md=\"false\"] { flex-wrap: nowrap; }\n .brick-stack-item[data-flex-md=\"content\"] { flex: 0 1 auto; }\n .brick-stack-item[data-flex-md=\"fixed\"] { flex: 0 0 auto; }\n .brick-stack-item[data-flex-md=\"auto\"] { flex: 1 1 auto; }\n .brick-stack-item[data-flex-md=\"1\"] { flex: 1 1 0; }\n .brick-stack-item[data-flex-md=\"2\"] { flex: 2 1 0; }\n .brick-stack-item[data-flex-md=\"3\"] { flex: 3 1 0; }\n .brick-stack-item[data-flex-md=\"4\"] { flex: 4 1 0; }\n .brick-stack-item[data-align-md=\"auto\"] { align-self: auto; }\n .brick-stack-item[data-align-md=\"stretch\"] { align-self: stretch; }\n .brick-stack-item[data-align-md=\"start\"] { align-self: start; }\n .brick-stack-item[data-align-md=\"center\"] { align-self: center; }\n .brick-stack-item[data-align-md=\"end\"] { align-self: end; }\n .brick-stack-item[data-align-md=\"baseline\"] { align-self: baseline; }\n }\n\n @media (width >= 64rem) {\n .brick-stack[data-direction-lg=\"column\"] { flex-direction: column; padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); padding-inline: 0; }\n .brick-stack[data-direction-lg=\"row\"] { flex-direction: row; padding-block: 0; padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); }\n .brick-stack[data-align-lg=\"stretch\"] { align-items: stretch; }\n .brick-stack[data-align-lg=\"start\"] { align-items: start; }\n .brick-stack[data-align-lg=\"center\"] { align-items: center; }\n .brick-stack[data-align-lg=\"end\"] { align-items: end; }\n .brick-stack[data-align-lg=\"baseline\"] { align-items: baseline; }\n .brick-stack[data-justify-lg=\"start\"] { justify-content: start; }\n .brick-stack[data-justify-lg=\"center\"] { justify-content: center; }\n .brick-stack[data-justify-lg=\"end\"] { justify-content: end; }\n .brick-stack[data-justify-lg=\"between\"] { justify-content: space-between; }\n .brick-stack[data-justify-lg=\"around\"] { justify-content: space-around; }\n .brick-stack[data-justify-lg=\"evenly\"] { justify-content: space-evenly; }\n .brick-stack[data-wrap-lg=\"true\"] { flex-wrap: wrap; }\n .brick-stack[data-wrap-lg=\"false\"] { flex-wrap: nowrap; }\n .brick-stack-item[data-flex-lg=\"content\"] { flex: 0 1 auto; }\n .brick-stack-item[data-flex-lg=\"fixed\"] { flex: 0 0 auto; }\n .brick-stack-item[data-flex-lg=\"auto\"] { flex: 1 1 auto; }\n .brick-stack-item[data-flex-lg=\"1\"] { flex: 1 1 0; }\n .brick-stack-item[data-flex-lg=\"2\"] { flex: 2 1 0; }\n .brick-stack-item[data-flex-lg=\"3\"] { flex: 3 1 0; }\n .brick-stack-item[data-flex-lg=\"4\"] { flex: 4 1 0; }\n .brick-stack-item[data-align-lg=\"auto\"] { align-self: auto; }\n .brick-stack-item[data-align-lg=\"stretch\"] { align-self: stretch; }\n .brick-stack-item[data-align-lg=\"start\"] { align-self: start; }\n .brick-stack-item[data-align-lg=\"center\"] { align-self: center; }\n .brick-stack-item[data-align-lg=\"end\"] { align-self: end; }\n .brick-stack-item[data-align-lg=\"baseline\"] { align-self: baseline; }\n }\n\n @media (width >= 80rem) {\n .brick-stack[data-direction-xl=\"column\"] { flex-direction: column; padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); padding-inline: 0; }\n .brick-stack[data-direction-xl=\"row\"] { flex-direction: row; padding-block: 0; padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); }\n .brick-stack[data-align-xl=\"stretch\"] { align-items: stretch; }\n .brick-stack[data-align-xl=\"start\"] { align-items: start; }\n .brick-stack[data-align-xl=\"center\"] { align-items: center; }\n .brick-stack[data-align-xl=\"end\"] { align-items: end; }\n .brick-stack[data-align-xl=\"baseline\"] { align-items: baseline; }\n .brick-stack[data-justify-xl=\"start\"] { justify-content: start; }\n .brick-stack[data-justify-xl=\"center\"] { justify-content: center; }\n .brick-stack[data-justify-xl=\"end\"] { justify-content: end; }\n .brick-stack[data-justify-xl=\"between\"] { justify-content: space-between; }\n .brick-stack[data-justify-xl=\"around\"] { justify-content: space-around; }\n .brick-stack[data-justify-xl=\"evenly\"] { justify-content: space-evenly; }\n .brick-stack[data-wrap-xl=\"true\"] { flex-wrap: wrap; }\n .brick-stack[data-wrap-xl=\"false\"] { flex-wrap: nowrap; }\n .brick-stack-item[data-flex-xl=\"content\"] { flex: 0 1 auto; }\n .brick-stack-item[data-flex-xl=\"fixed\"] { flex: 0 0 auto; }\n .brick-stack-item[data-flex-xl=\"auto\"] { flex: 1 1 auto; }\n .brick-stack-item[data-flex-xl=\"1\"] { flex: 1 1 0; }\n .brick-stack-item[data-flex-xl=\"2\"] { flex: 2 1 0; }\n .brick-stack-item[data-flex-xl=\"3\"] { flex: 3 1 0; }\n .brick-stack-item[data-flex-xl=\"4\"] { flex: 4 1 0; }\n .brick-stack-item[data-align-xl=\"auto\"] { align-self: auto; }\n .brick-stack-item[data-align-xl=\"stretch\"] { align-self: stretch; }\n .brick-stack-item[data-align-xl=\"start\"] { align-self: start; }\n .brick-stack-item[data-align-xl=\"center\"] { align-self: center; }\n .brick-stack-item[data-align-xl=\"end\"] { align-self: end; }\n .brick-stack-item[data-align-xl=\"baseline\"] { align-self: baseline; }\n }\n\n @media (width >= 30rem) {\n }\n @media (width >= 48rem) {\n }\n @media (width >= 64rem) {\n }\n @media (width >= 80rem) {\n }\n\n @media (width >= 30rem) {\n .brick-stack[data-gap-sm] { --brick-stack-gap: var(--brick-stack-gap-sm-input, var(--brick-stack-gap-input, var(--brick-space-0))); }\n .brick-stack[data-start-spacing-sm] { --brick-stack-start-spacing: var(--brick-stack-start-spacing-sm-input, var(--brick-stack-start-spacing-input, var(--brick-space-0))); }\n .brick-stack[data-end-spacing-sm] { --brick-stack-end-spacing: var(--brick-stack-end-spacing-sm-input, var(--brick-stack-end-spacing-input, var(--brick-space-0))); }\n }\n\n @media (width >= 48rem) {\n .brick-stack[data-gap-md] { --brick-stack-gap: var(--brick-stack-gap-md-input, var(--brick-stack-gap-input, var(--brick-space-0))); }\n .brick-stack[data-start-spacing-md] { --brick-stack-start-spacing: var(--brick-stack-start-spacing-md-input, var(--brick-stack-start-spacing-input, var(--brick-space-0))); }\n .brick-stack[data-end-spacing-md] { --brick-stack-end-spacing: var(--brick-stack-end-spacing-md-input, var(--brick-stack-end-spacing-input, var(--brick-space-0))); }\n }\n\n @media (width >= 64rem) {\n .brick-stack[data-gap-lg] { --brick-stack-gap: var(--brick-stack-gap-lg-input, var(--brick-stack-gap-input, var(--brick-space-0))); }\n .brick-stack[data-start-spacing-lg] { --brick-stack-start-spacing: var(--brick-stack-start-spacing-lg-input, var(--brick-stack-start-spacing-input, var(--brick-space-0))); }\n .brick-stack[data-end-spacing-lg] { --brick-stack-end-spacing: var(--brick-stack-end-spacing-lg-input, var(--brick-stack-end-spacing-input, var(--brick-space-0))); }\n }\n\n @media (width >= 80rem) {\n .brick-stack[data-gap-xl] { --brick-stack-gap: var(--brick-stack-gap-xl-input, var(--brick-stack-gap-input, var(--brick-space-0))); }\n .brick-stack[data-start-spacing-xl] { --brick-stack-start-spacing: var(--brick-stack-start-spacing-xl-input, var(--brick-stack-start-spacing-input, var(--brick-space-0))); }\n .brick-stack[data-end-spacing-xl] { --brick-stack-end-spacing: var(--brick-stack-end-spacing-xl-input, var(--brick-stack-end-spacing-input, var(--brick-space-0))); }\n }\n}\n"],"names":[]}
package/dist/styles/status.css ADDED
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-status{--brick-status-indicator-size:.5rem;--brick-status-gap:var(--brick-space-2);--brick-status-color:var(--brick-color-border-strong);box-sizing:border-box;align-items:center;gap:var(--brick-status-gap);min-inline-size:0;color:var(--brick-color-text-primary);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);vertical-align:middle;display:inline-flex}.brick-status[data-size=sm]{--brick-status-indicator-size:.375rem;--brick-status-gap:var(--brick-space-1);font-family:var(--brick-typography-caption-font-family);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-caption-font-weight);line-height:var(--brick-typography-caption-line-height);letter-spacing:var(--brick-typography-caption-letter-spacing)}.brick-status[data-size=lg]{--brick-status-indicator-size:.625rem;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)}.brick-status[data-tone=accent]{--brick-status-color:var(--brick-color-accent-solid)}.brick-status[data-tone=info]{--brick-status-color:var(--brick-color-info-solid)}.brick-status[data-tone=success]{--brick-status-color:var(--brick-color-success-solid)}.brick-status[data-tone=warning]{--brick-status-color:var(--brick-color-warning-solid)}.brick-status[data-tone=danger]{--brick-status-color:var(--brick-color-danger-solid)}.brick-status__indicator{box-sizing:border-box;inline-size:var(--brick-status-indicator-size);block-size:var(--brick-status-indicator-size);border-radius:var(--brick-radius-full);background:var(--brick-status-color);flex:none;display:block}.brick-status__label{min-inline-size:0;color:inherit}@media (forced-colors:active){.brick-status{color:canvastext}.brick-status__indicator{border:var(--brick-border-width) solid CanvasText;background:canvastext}.brick-status:not([data-tone=neutral]) .brick-status__indicator{background:highlight;border-color:highlight}}}@layer brick.utilities,brick.effects;
2
+ /*# sourceMappingURL=status.css.map */
package/dist/styles/status.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,ilBAmBA,oYAUA,4VASA,qFACA,iFACA,uFACA,uFACA,qFAEA,gPAUA,qDAEA,8BACE,+BACA,iGACA,8GD5DJ","sources":["home/runner/work/brick/brick/.brick-cache/production/status.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/status/status.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/status/status.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-status {\n --brick-status-indicator-size: 0.5rem;\n --brick-status-gap: var(--brick-space-2);\n --brick-status-color: var(--brick-color-border-strong);\n\n display: inline-flex;\n box-sizing: border-box;\n min-inline-size: 0;\n align-items: center;\n gap: var(--brick-status-gap);\n color: var(--brick-color-text-primary);\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 vertical-align: middle;\n }\n\n .brick-status[data-size=\"sm\"] {\n --brick-status-indicator-size: 0.375rem;\n --brick-status-gap: var(--brick-space-1);\n font-family: var(--brick-typography-caption-font-family);\n font-size: var(--brick-typography-caption-font-size);\n font-weight: var(--brick-typography-caption-font-weight);\n line-height: var(--brick-typography-caption-line-height);\n letter-spacing: var(--brick-typography-caption-letter-spacing);\n }\n\n .brick-status[data-size=\"lg\"] {\n --brick-status-indicator-size: 0.625rem;\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-status[data-tone=\"accent\"] { --brick-status-color: var(--brick-color-accent-solid); }\n .brick-status[data-tone=\"info\"] { --brick-status-color: var(--brick-color-info-solid); }\n .brick-status[data-tone=\"success\"] { --brick-status-color: var(--brick-color-success-solid); }\n .brick-status[data-tone=\"warning\"] { --brick-status-color: var(--brick-color-warning-solid); }\n .brick-status[data-tone=\"danger\"] { --brick-status-color: var(--brick-color-danger-solid); }\n\n .brick-status__indicator {\n display: block;\n box-sizing: border-box;\n inline-size: var(--brick-status-indicator-size);\n block-size: var(--brick-status-indicator-size);\n flex: none;\n border-radius: var(--brick-radius-full);\n background: var(--brick-status-color);\n }\n\n .brick-status__label { min-inline-size: 0; color: inherit; }\n\n @media (forced-colors: active) {\n .brick-status { color: CanvasText; }\n .brick-status__indicator { border: var(--brick-border-width) solid CanvasText; background: CanvasText; }\n .brick-status:not([data-tone=\"neutral\"]) .brick-status__indicator { border-color: Highlight; background: Highlight; }\n }\n}\n"],"names":[]}
package/dist/styles/surface.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer brick.tokens,brick.foundations;@layer brick.components{.brick-surface{--brick-surface-background:var(--brick-color-surface-base);--brick-surface-foreground:var(--brick-color-text-primary);--brick-surface-border-color:var(--brick-color-border-subtle);--brick-surface-border-width:0rem;--brick-surface-elevation-none:none;--brick-surface-elevation-low:0 .25rem .75rem color-mix(in srgb, var(--brick-color-shadow), transparent 58%);--brick-surface-elevation-medium:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 38%);--brick-surface-elevation-high:0 1.5rem 4.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 18%);--brick-surface-shadow:var(--brick-surface-elevation-none);--brick-surface-radius:var(--brick-radius-surface);--brick-surface-padding:var(--brick-space-0);--brick-surface-scrim-color:var(--brick-color-scrim);--brick-surface-scrim-soft:color-mix(in srgb, var(--brick-surface-scrim-color), transparent 76%);--brick-surface-scrim-medium:color-mix(in srgb, var(--brick-surface-scrim-color), transparent 44%);--brick-surface-scrim-strong:color-mix(in srgb, var(--brick-surface-scrim-color), transparent 8%);--brick-surface-scrim-gradient-stop-soft:68%;--brick-surface-scrim-gradient-stop-medium:82%;--brick-surface-scrim-gradient-stop-strong:94%;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;padding:var(--brick-surface-padding);border:var(--brick-surface-border-width) solid var(--brick-surface-border-color);border-radius:var(--brick-surface-radius);background:var(--brick-surface-background);box-shadow:var(--brick-surface-shadow);color:var(--brick-surface-foreground)}.brick-surface:has(>.brick-surface__media,>.brick-surface__scrim){isolation:isolate;position:relative}.brick-surface__media,.brick-surface__scrim{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.brick-surface__media{z-index:0;overflow:hidden}.brick-surface__media>*,.brick-surface__media>picture>img{block-size:100%;inline-size:100%;display:block}.brick-surface__media>:is(img,video,canvas,svg),.brick-surface__media>picture>img{object-fit:cover;object-position:center}.brick-surface__scrim{--brick-surface-scrim-paint:var(--brick-surface-scrim-medium);--brick-surface-scrim-gradient-stop:var(--brick-surface-scrim-gradient-stop-medium);z-index:1;background:var(--brick-surface-scrim-paint)}.brick-surface__scrim[data-strength=soft]{--brick-surface-scrim-paint:var(--brick-surface-scrim-soft);--brick-surface-scrim-gradient-stop:var(--brick-surface-scrim-gradient-stop-soft)}.brick-surface__scrim[data-strength=strong]{--brick-surface-scrim-paint:var(--brick-surface-scrim-strong);--brick-surface-scrim-gradient-stop:var(--brick-surface-scrim-gradient-stop-strong)}.brick-surface__scrim[data-direction=inline-start]{background:linear-gradient(to right, var(--brick-surface-scrim-paint), transparent var(--brick-surface-scrim-gradient-stop))}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>.brick-surface__scrim[data-direction=inline-start],.brick-surface__scrim[data-direction=inline-end]{background:linear-gradient(to left, var(--brick-surface-scrim-paint), transparent var(--brick-surface-scrim-gradient-stop))}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>.brick-surface__scrim[data-direction=inline-end]{background:linear-gradient(to right, var(--brick-surface-scrim-paint), transparent var(--brick-surface-scrim-gradient-stop))}.brick-surface__scrim[data-direction=block-start]{background:linear-gradient(to bottom, var(--brick-surface-scrim-paint), transparent var(--brick-surface-scrim-gradient-stop))}.brick-surface__scrim[data-direction=block-end]{background:linear-gradient(to top, var(--brick-surface-scrim-paint), transparent var(--brick-surface-scrim-gradient-stop))}.brick-surface__content{z-index:2;min-inline-size:0;position:relative}.brick-surface[data-level=canvas]{--brick-surface-background:var(--brick-color-surface-canvas)}.brick-surface[data-level=subtle]{--brick-surface-background:var(--brick-color-surface-subtle)}.brick-surface[data-level=raised]{--brick-surface-background:var(--brick-color-surface-raised)}.brick-surface[data-bordered]{--brick-surface-border-width:var(--brick-border-width)}.brick-surface[data-elevation=low]{--brick-surface-shadow:var(--brick-surface-elevation-low)}.brick-surface[data-elevation=medium]{--brick-surface-shadow:var(--brick-surface-elevation-medium)}.brick-surface[data-elevation=high]{--brick-surface-shadow:var(--brick-surface-elevation-high)}.brick-surface[data-radius=none]{--brick-surface-radius:0rem}.brick-surface[data-radius=subtle]{--brick-surface-radius:var(--brick-radius-subtle)}.brick-surface[data-inset=sm]{--brick-surface-padding:var(--brick-space-3)}.brick-surface[data-inset=md]{--brick-surface-padding:var(--brick-space-5)}.brick-surface[data-inset=lg]{--brick-surface-padding:var(--brick-space-6)}@media (forced-colors:active){.brick-surface__media,.brick-surface__scrim{display:none}.brick-surface[data-bordered],.brick-surface:not([data-elevation=none]){--brick-surface-border-width:var(--brick-border-width);--brick-surface-border-color:CanvasText;--brick-surface-shadow:none}}}@layer brick.utilities,brick.effects;
1
+ @layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-surface{--brick-surface-background:var(--brick-color-surface-base);--brick-surface-foreground:var(--brick-color-text-primary);--brick-surface-border-color:var(--brick-color-border-subtle);--brick-surface-border-width:0rem;--brick-surface-elevation-none:none;--brick-surface-elevation-low:0 .25rem .75rem color-mix(in srgb, var(--brick-color-shadow), transparent 58%);--brick-surface-elevation-medium:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 38%);--brick-surface-elevation-high:0 1.5rem 4.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 18%);--brick-surface-shadow:var(--brick-surface-elevation-none);--brick-surface-radius:var(--brick-radius-surface);--brick-surface-inset-none:var(--brick-space-0);--brick-surface-inset-sm:var(--brick-space-3);--brick-surface-inset-md:var(--brick-space-5);--brick-surface-inset-lg:var(--brick-space-6);--brick-surface-inset-xl:calc(var(--brick-space-6) + var(--brick-space-4));--brick-surface-inset-2xl:calc(var(--brick-space-6) + var(--brick-space-6));--brick-surface-padding:var(--brick-surface-inset-none);--brick-surface-scrim-color:var(--brick-color-scrim);--brick-surface-scrim-soft:color-mix(in srgb, var(--brick-surface-scrim-color), transparent 76%);--brick-surface-scrim-medium:color-mix(in srgb, var(--brick-surface-scrim-color), transparent 44%);--brick-surface-scrim-strong:color-mix(in srgb, var(--brick-surface-scrim-color), transparent 8%);--brick-surface-scrim-gradient-stop-soft:68%;--brick-surface-scrim-gradient-stop-medium:82%;--brick-surface-scrim-gradient-stop-strong:94%;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;padding:var(--brick-surface-padding);border:var(--brick-surface-border-width) solid var(--brick-surface-border-color);border-radius:var(--brick-surface-radius);background:var(--brick-surface-background);box-shadow:var(--brick-surface-shadow);color:var(--brick-surface-foreground)}.brick-surface:has(>.brick-surface__media,>.brick-surface__scrim){isolation:isolate;position:relative}.brick-surface__media,.brick-surface__scrim{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.brick-surface__media{z-index:0;overflow:hidden}.brick-surface__media>*,.brick-surface__media>picture>img{block-size:100%;inline-size:100%;display:block}.brick-surface__media>:is(img,video,canvas,svg),.brick-surface__media>picture>img{object-fit:cover;object-position:center}.brick-surface__scrim{--brick-surface-scrim-paint:var(--brick-surface-scrim-medium);--brick-surface-scrim-gradient-stop:var(--brick-surface-scrim-gradient-stop-medium);z-index:1;background:var(--brick-surface-scrim-paint)}.brick-surface__scrim[data-strength=soft]{--brick-surface-scrim-paint:var(--brick-surface-scrim-soft);--brick-surface-scrim-gradient-stop:var(--brick-surface-scrim-gradient-stop-soft)}.brick-surface__scrim[data-strength=strong]{--brick-surface-scrim-paint:var(--brick-surface-scrim-strong);--brick-surface-scrim-gradient-stop:var(--brick-surface-scrim-gradient-stop-strong)}.brick-surface__scrim[data-direction=inline-start]{background:linear-gradient(to right, var(--brick-surface-scrim-paint), transparent var(--brick-surface-scrim-gradient-stop))}:dir(rtl)>.brick-surface__scrim[data-direction=inline-start],.brick-surface__scrim[data-direction=inline-end]{background:linear-gradient(to left, var(--brick-surface-scrim-paint), transparent var(--brick-surface-scrim-gradient-stop))}:dir(rtl)>.brick-surface__scrim[data-direction=inline-end]{background:linear-gradient(to right, var(--brick-surface-scrim-paint), transparent var(--brick-surface-scrim-gradient-stop))}.brick-surface__scrim[data-direction=block-start]{background:linear-gradient(to bottom, var(--brick-surface-scrim-paint), transparent var(--brick-surface-scrim-gradient-stop))}.brick-surface__scrim[data-direction=block-end]{background:linear-gradient(to top, var(--brick-surface-scrim-paint), transparent var(--brick-surface-scrim-gradient-stop))}.brick-surface__content{z-index:2;min-inline-size:0;position:relative}.brick-surface[data-level=canvas]{--brick-surface-background:var(--brick-color-surface-canvas)}.brick-surface[data-level=subtle]{--brick-surface-background:var(--brick-color-surface-subtle)}.brick-surface[data-level=raised]{--brick-surface-background:var(--brick-color-surface-raised)}.brick-surface[data-tone=accent]{--brick-surface-background:var(--brick-color-accent-solid);--brick-surface-foreground:var(--brick-color-accent-on-solid);--brick-surface-border-color:var(--brick-color-accent-border)}.brick-surface[data-bordered]{--brick-surface-border-width:var(--brick-border-width)}.brick-surface[data-elevation=low]{--brick-surface-shadow:var(--brick-surface-elevation-low)}.brick-surface[data-elevation=medium]{--brick-surface-shadow:var(--brick-surface-elevation-medium)}.brick-surface[data-elevation=high]{--brick-surface-shadow:var(--brick-surface-elevation-high)}.brick-surface[data-radius=none]{--brick-surface-radius:0rem}.brick-surface[data-radius=subtle]{--brick-surface-radius:var(--brick-radius-subtle)}.brick-surface[data-inset=sm]{--brick-surface-padding:var(--brick-surface-inset-sm)}.brick-surface[data-inset=md]{--brick-surface-padding:var(--brick-surface-inset-md)}.brick-surface[data-inset=lg]{--brick-surface-padding:var(--brick-surface-inset-lg)}.brick-surface[data-inset=xl]{--brick-surface-padding:var(--brick-surface-inset-xl)}.brick-surface[data-inset="2xl"]{--brick-surface-padding:var(--brick-surface-inset-2xl)}@media (width>=30rem){.brick-surface[data-inset-sm=none]{--brick-surface-padding:var(--brick-surface-inset-none)}.brick-surface[data-inset-sm=sm]{--brick-surface-padding:var(--brick-surface-inset-sm)}.brick-surface[data-inset-sm=md]{--brick-surface-padding:var(--brick-surface-inset-md)}.brick-surface[data-inset-sm=lg]{--brick-surface-padding:var(--brick-surface-inset-lg)}.brick-surface[data-inset-sm=xl]{--brick-surface-padding:var(--brick-surface-inset-xl)}.brick-surface[data-inset-sm="2xl"]{--brick-surface-padding:var(--brick-surface-inset-2xl)}}@media (width>=48rem){.brick-surface[data-inset-md=none]{--brick-surface-padding:var(--brick-surface-inset-none)}.brick-surface[data-inset-md=sm]{--brick-surface-padding:var(--brick-surface-inset-sm)}.brick-surface[data-inset-md=md]{--brick-surface-padding:var(--brick-surface-inset-md)}.brick-surface[data-inset-md=lg]{--brick-surface-padding:var(--brick-surface-inset-lg)}.brick-surface[data-inset-md=xl]{--brick-surface-padding:var(--brick-surface-inset-xl)}.brick-surface[data-inset-md="2xl"]{--brick-surface-padding:var(--brick-surface-inset-2xl)}}@media (width>=64rem){.brick-surface[data-inset-lg=none]{--brick-surface-padding:var(--brick-surface-inset-none)}.brick-surface[data-inset-lg=sm]{--brick-surface-padding:var(--brick-surface-inset-sm)}.brick-surface[data-inset-lg=md]{--brick-surface-padding:var(--brick-surface-inset-md)}.brick-surface[data-inset-lg=lg]{--brick-surface-padding:var(--brick-surface-inset-lg)}.brick-surface[data-inset-lg=xl]{--brick-surface-padding:var(--brick-surface-inset-xl)}.brick-surface[data-inset-lg="2xl"]{--brick-surface-padding:var(--brick-surface-inset-2xl)}}@media (width>=80rem){.brick-surface[data-inset-xl=none]{--brick-surface-padding:var(--brick-surface-inset-none)}.brick-surface[data-inset-xl=sm]{--brick-surface-padding:var(--brick-surface-inset-sm)}.brick-surface[data-inset-xl=md]{--brick-surface-padding:var(--brick-surface-inset-md)}.brick-surface[data-inset-xl=lg]{--brick-surface-padding:var(--brick-surface-inset-lg)}.brick-surface[data-inset-xl=xl]{--brick-surface-padding:var(--brick-surface-inset-xl)}.brick-surface[data-inset-xl="2xl"]{--brick-surface-padding:var(--brick-surface-inset-2xl)}}@media (forced-colors:active){.brick-surface__media,.brick-surface__scrim{display:none}.brick-surface[data-bordered],.brick-surface:not([data-elevation=none]){--brick-surface-border-width:var(--brick-border-width);--brick-surface-border-color:CanvasText;--brick-surface-shadow:none}}}@layer brick.utilities,brick.effects;
2
2
  /*# sourceMappingURL=surface.css.map */
package/dist/styles/surface.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,wiDAgDA,sGAQA,gHAQA,gDAKA,yGAOA,0HAMA,8NAUA,wLAOA,8LAOA,gLAQA,2aAgBA,yXAQA,gLAQA,2KAQA,sEAMA,+FAIA,+FAIA,+FAIA,qFAIA,6FAIA,mGAIA,+FAIA,6DAIA,qFAIA,2EAIA,2EAIA,2EAIA,8BACE,yDAKA,qMDvNJ","sources":["home/runner/work/brick/brick/.brick-cache/production/surface.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/surface/surface.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/surface/surface.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-surface {\n --brick-surface-background: var(--brick-color-surface-base);\n --brick-surface-foreground: var(--brick-color-text-primary);\n --brick-surface-border-color: var(--brick-color-border-subtle);\n --brick-surface-border-width: 0rem;\n --brick-surface-elevation-none: none;\n --brick-surface-elevation-low: 0 0.25rem 0.75rem\n color-mix(in srgb, var(--brick-color-shadow), transparent 58%);\n --brick-surface-elevation-medium: 0 0.75rem 2rem\n color-mix(in srgb, var(--brick-color-shadow), transparent 38%);\n --brick-surface-elevation-high: 0 1.5rem 4.5rem\n color-mix(in srgb, var(--brick-color-shadow), transparent 18%);\n --brick-surface-shadow: var(--brick-surface-elevation-none);\n --brick-surface-radius: var(--brick-radius-surface);\n --brick-surface-padding: var(--brick-space-0);\n --brick-surface-scrim-color: var(--brick-color-scrim);\n /* Strength is perceptual: intensity and directional reach move together. */\n --brick-surface-scrim-soft: color-mix(\n in srgb,\n var(--brick-surface-scrim-color),\n transparent 76%\n );\n --brick-surface-scrim-medium: color-mix(\n in srgb,\n var(--brick-surface-scrim-color),\n transparent 44%\n );\n --brick-surface-scrim-strong: color-mix(\n in srgb,\n var(--brick-surface-scrim-color),\n transparent 8%\n );\n --brick-surface-scrim-gradient-stop-soft: 68%;\n --brick-surface-scrim-gradient-stop-medium: 82%;\n --brick-surface-scrim-gradient-stop-strong: 94%;\n\n box-sizing: border-box;\n min-inline-size: 0;\n max-inline-size: 100%;\n padding: var(--brick-surface-padding);\n border: var(--brick-surface-border-width) solid\n var(--brick-surface-border-color);\n border-radius: var(--brick-surface-radius);\n background: var(--brick-surface-background);\n box-shadow: var(--brick-surface-shadow);\n color: var(--brick-surface-foreground);\n }\n\n .brick-surface:has(\n > .brick-surface__media,\n > .brick-surface__scrim\n ) {\n position: relative;\n isolation: isolate;\n }\n\n .brick-surface__media,\n .brick-surface__scrim {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n }\n\n .brick-surface__media {\n z-index: 0;\n overflow: hidden;\n }\n\n .brick-surface__media > *,\n .brick-surface__media > picture > img {\n display: block;\n inline-size: 100%;\n block-size: 100%;\n }\n\n .brick-surface__media > :is(img, video, canvas, svg),\n .brick-surface__media > picture > img {\n object-fit: cover;\n object-position: center;\n }\n\n .brick-surface__scrim {\n --brick-surface-scrim-paint: var(--brick-surface-scrim-medium);\n --brick-surface-scrim-gradient-stop: var(\n --brick-surface-scrim-gradient-stop-medium\n );\n\n z-index: 1;\n background: var(--brick-surface-scrim-paint);\n }\n\n .brick-surface__scrim[data-strength=\"soft\"] {\n --brick-surface-scrim-paint: var(--brick-surface-scrim-soft);\n --brick-surface-scrim-gradient-stop: var(\n --brick-surface-scrim-gradient-stop-soft\n );\n }\n\n .brick-surface__scrim[data-strength=\"strong\"] {\n --brick-surface-scrim-paint: var(--brick-surface-scrim-strong);\n --brick-surface-scrim-gradient-stop: var(\n --brick-surface-scrim-gradient-stop-strong\n );\n }\n\n .brick-surface__scrim[data-direction=\"inline-start\"] {\n background: linear-gradient(\n to right,\n var(--brick-surface-scrim-paint),\n transparent var(--brick-surface-scrim-gradient-stop)\n );\n }\n\n :dir(rtl) > .brick-surface__scrim[data-direction=\"inline-start\"] {\n background: linear-gradient(\n to left,\n var(--brick-surface-scrim-paint),\n transparent var(--brick-surface-scrim-gradient-stop)\n );\n }\n\n .brick-surface__scrim[data-direction=\"inline-end\"] {\n background: linear-gradient(\n to left,\n var(--brick-surface-scrim-paint),\n transparent var(--brick-surface-scrim-gradient-stop)\n );\n }\n\n :dir(rtl) > .brick-surface__scrim[data-direction=\"inline-end\"] {\n background: linear-gradient(\n to right,\n var(--brick-surface-scrim-paint),\n transparent var(--brick-surface-scrim-gradient-stop)\n );\n }\n\n .brick-surface__scrim[data-direction=\"block-start\"] {\n background: linear-gradient(\n to bottom,\n var(--brick-surface-scrim-paint),\n transparent var(--brick-surface-scrim-gradient-stop)\n );\n }\n\n .brick-surface__scrim[data-direction=\"block-end\"] {\n background: linear-gradient(\n to top,\n var(--brick-surface-scrim-paint),\n transparent var(--brick-surface-scrim-gradient-stop)\n );\n }\n\n .brick-surface__content {\n position: relative;\n z-index: 2;\n min-inline-size: 0;\n }\n\n .brick-surface[data-level=\"canvas\"] {\n --brick-surface-background: var(--brick-color-surface-canvas);\n }\n\n .brick-surface[data-level=\"subtle\"] {\n --brick-surface-background: var(--brick-color-surface-subtle);\n }\n\n .brick-surface[data-level=\"raised\"] {\n --brick-surface-background: var(--brick-color-surface-raised);\n }\n\n .brick-surface[data-bordered] {\n --brick-surface-border-width: var(--brick-border-width);\n }\n\n .brick-surface[data-elevation=\"low\"] {\n --brick-surface-shadow: var(--brick-surface-elevation-low);\n }\n\n .brick-surface[data-elevation=\"medium\"] {\n --brick-surface-shadow: var(--brick-surface-elevation-medium);\n }\n\n .brick-surface[data-elevation=\"high\"] {\n --brick-surface-shadow: var(--brick-surface-elevation-high);\n }\n\n .brick-surface[data-radius=\"none\"] {\n --brick-surface-radius: 0rem;\n }\n\n .brick-surface[data-radius=\"subtle\"] {\n --brick-surface-radius: var(--brick-radius-subtle);\n }\n\n .brick-surface[data-inset=\"sm\"] {\n --brick-surface-padding: var(--brick-space-3);\n }\n\n .brick-surface[data-inset=\"md\"] {\n --brick-surface-padding: var(--brick-space-5);\n }\n\n .brick-surface[data-inset=\"lg\"] {\n --brick-surface-padding: var(--brick-space-6);\n }\n\n @media (forced-colors: active) {\n .brick-surface__media,\n .brick-surface__scrim {\n display: none;\n }\n\n .brick-surface[data-bordered],\n .brick-surface:not([data-elevation=\"none\"]) {\n --brick-surface-border-width: var(--brick-border-width);\n --brick-surface-border-color: CanvasText;\n --brick-surface-shadow: none;\n }\n }\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,o4DA0DA,sGAQA,gHAQA,gDAKA,yGAOA,0HAMA,8NAUA,wLAOA,8LAOA,gLAQA,0OAgBA,wLAQA,gLAQA,2KAQA,sEAMA,+FAIA,+FAIA,+FAIA,wNAMA,qFAIA,6FAIA,mGAIA,+FAIA,6DAIA,qFAIA,oFAIA,oFAIA,oFAIA,oFAIA,wFAIA,sBACE,2FACA,uFACA,uFACA,uFACA,uFACA,4FAGF,sBACE,2FACA,uFACA,uFACA,uFACA,uFACA,4FAGF,sBACE,2FACA,uFACA,uFACA,uFACA,uFACA,4FAGF,sBACE,2FACA,uFACA,uFACA,uFACA,uFACA,4FAGF,8BACE,yDAKA,qMDnRJ","sources":["home/runner/work/brick/brick/.brick-cache/production/surface.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/surface/surface.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/surface/surface.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-surface {\n --brick-surface-background: var(--brick-color-surface-base);\n --brick-surface-foreground: var(--brick-color-text-primary);\n --brick-surface-border-color: var(--brick-color-border-subtle);\n --brick-surface-border-width: 0rem;\n --brick-surface-elevation-none: none;\n --brick-surface-elevation-low: 0 0.25rem 0.75rem\n color-mix(in srgb, var(--brick-color-shadow), transparent 58%);\n --brick-surface-elevation-medium: 0 0.75rem 2rem\n color-mix(in srgb, var(--brick-color-shadow), transparent 38%);\n --brick-surface-elevation-high: 0 1.5rem 4.5rem\n color-mix(in srgb, var(--brick-color-shadow), transparent 18%);\n --brick-surface-shadow: var(--brick-surface-elevation-none);\n --brick-surface-radius: var(--brick-radius-surface);\n --brick-surface-inset-none: var(--brick-space-0);\n --brick-surface-inset-sm: var(--brick-space-3);\n --brick-surface-inset-md: var(--brick-space-5);\n --brick-surface-inset-lg: var(--brick-space-6);\n --brick-surface-inset-xl: calc(\n var(--brick-space-6) + var(--brick-space-4)\n );\n --brick-surface-inset-2xl: calc(\n var(--brick-space-6) + var(--brick-space-6)\n );\n --brick-surface-padding: var(--brick-surface-inset-none);\n --brick-surface-scrim-color: var(--brick-color-scrim);\n /* Strength is perceptual: intensity and directional reach move together. */\n --brick-surface-scrim-soft: color-mix(\n in srgb,\n var(--brick-surface-scrim-color),\n transparent 76%\n );\n --brick-surface-scrim-medium: color-mix(\n in srgb,\n var(--brick-surface-scrim-color),\n transparent 44%\n );\n --brick-surface-scrim-strong: color-mix(\n in srgb,\n var(--brick-surface-scrim-color),\n transparent 8%\n );\n --brick-surface-scrim-gradient-stop-soft: 68%;\n --brick-surface-scrim-gradient-stop-medium: 82%;\n --brick-surface-scrim-gradient-stop-strong: 94%;\n\n box-sizing: border-box;\n min-inline-size: 0;\n max-inline-size: 100%;\n padding: var(--brick-surface-padding);\n border: var(--brick-surface-border-width) solid\n var(--brick-surface-border-color);\n border-radius: var(--brick-surface-radius);\n background: var(--brick-surface-background);\n box-shadow: var(--brick-surface-shadow);\n color: var(--brick-surface-foreground);\n }\n\n .brick-surface:has(\n > .brick-surface__media,\n > .brick-surface__scrim\n ) {\n position: relative;\n isolation: isolate;\n }\n\n .brick-surface__media,\n .brick-surface__scrim {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n }\n\n .brick-surface__media {\n z-index: 0;\n overflow: hidden;\n }\n\n .brick-surface__media > *,\n .brick-surface__media > picture > img {\n display: block;\n inline-size: 100%;\n block-size: 100%;\n }\n\n .brick-surface__media > :is(img, video, canvas, svg),\n .brick-surface__media > picture > img {\n object-fit: cover;\n object-position: center;\n }\n\n .brick-surface__scrim {\n --brick-surface-scrim-paint: var(--brick-surface-scrim-medium);\n --brick-surface-scrim-gradient-stop: var(\n --brick-surface-scrim-gradient-stop-medium\n );\n\n z-index: 1;\n background: var(--brick-surface-scrim-paint);\n }\n\n .brick-surface__scrim[data-strength=\"soft\"] {\n --brick-surface-scrim-paint: var(--brick-surface-scrim-soft);\n --brick-surface-scrim-gradient-stop: var(\n --brick-surface-scrim-gradient-stop-soft\n );\n }\n\n .brick-surface__scrim[data-strength=\"strong\"] {\n --brick-surface-scrim-paint: var(--brick-surface-scrim-strong);\n --brick-surface-scrim-gradient-stop: var(\n --brick-surface-scrim-gradient-stop-strong\n );\n }\n\n .brick-surface__scrim[data-direction=\"inline-start\"] {\n background: linear-gradient(\n to right,\n var(--brick-surface-scrim-paint),\n transparent var(--brick-surface-scrim-gradient-stop)\n );\n }\n\n :dir(rtl) > .brick-surface__scrim[data-direction=\"inline-start\"] {\n background: linear-gradient(\n to left,\n var(--brick-surface-scrim-paint),\n transparent var(--brick-surface-scrim-gradient-stop)\n );\n }\n\n .brick-surface__scrim[data-direction=\"inline-end\"] {\n background: linear-gradient(\n to left,\n var(--brick-surface-scrim-paint),\n transparent var(--brick-surface-scrim-gradient-stop)\n );\n }\n\n :dir(rtl) > .brick-surface__scrim[data-direction=\"inline-end\"] {\n background: linear-gradient(\n to right,\n var(--brick-surface-scrim-paint),\n transparent var(--brick-surface-scrim-gradient-stop)\n );\n }\n\n .brick-surface__scrim[data-direction=\"block-start\"] {\n background: linear-gradient(\n to bottom,\n var(--brick-surface-scrim-paint),\n transparent var(--brick-surface-scrim-gradient-stop)\n );\n }\n\n .brick-surface__scrim[data-direction=\"block-end\"] {\n background: linear-gradient(\n to top,\n var(--brick-surface-scrim-paint),\n transparent var(--brick-surface-scrim-gradient-stop)\n );\n }\n\n .brick-surface__content {\n position: relative;\n z-index: 2;\n min-inline-size: 0;\n }\n\n .brick-surface[data-level=\"canvas\"] {\n --brick-surface-background: var(--brick-color-surface-canvas);\n }\n\n .brick-surface[data-level=\"subtle\"] {\n --brick-surface-background: var(--brick-color-surface-subtle);\n }\n\n .brick-surface[data-level=\"raised\"] {\n --brick-surface-background: var(--brick-color-surface-raised);\n }\n\n .brick-surface[data-tone=\"accent\"] {\n --brick-surface-background: var(--brick-color-accent-solid);\n --brick-surface-foreground: var(--brick-color-accent-on-solid);\n --brick-surface-border-color: var(--brick-color-accent-border);\n }\n\n .brick-surface[data-bordered] {\n --brick-surface-border-width: var(--brick-border-width);\n }\n\n .brick-surface[data-elevation=\"low\"] {\n --brick-surface-shadow: var(--brick-surface-elevation-low);\n }\n\n .brick-surface[data-elevation=\"medium\"] {\n --brick-surface-shadow: var(--brick-surface-elevation-medium);\n }\n\n .brick-surface[data-elevation=\"high\"] {\n --brick-surface-shadow: var(--brick-surface-elevation-high);\n }\n\n .brick-surface[data-radius=\"none\"] {\n --brick-surface-radius: 0rem;\n }\n\n .brick-surface[data-radius=\"subtle\"] {\n --brick-surface-radius: var(--brick-radius-subtle);\n }\n\n .brick-surface[data-inset=\"sm\"] {\n --brick-surface-padding: var(--brick-surface-inset-sm);\n }\n\n .brick-surface[data-inset=\"md\"] {\n --brick-surface-padding: var(--brick-surface-inset-md);\n }\n\n .brick-surface[data-inset=\"lg\"] {\n --brick-surface-padding: var(--brick-surface-inset-lg);\n }\n\n .brick-surface[data-inset=\"xl\"] {\n --brick-surface-padding: var(--brick-surface-inset-xl);\n }\n\n .brick-surface[data-inset=\"2xl\"] {\n --brick-surface-padding: var(--brick-surface-inset-2xl);\n }\n\n @media (width >= 30rem) {\n .brick-surface[data-inset-sm=\"none\"] { --brick-surface-padding: var(--brick-surface-inset-none); }\n .brick-surface[data-inset-sm=\"sm\"] { --brick-surface-padding: var(--brick-surface-inset-sm); }\n .brick-surface[data-inset-sm=\"md\"] { --brick-surface-padding: var(--brick-surface-inset-md); }\n .brick-surface[data-inset-sm=\"lg\"] { --brick-surface-padding: var(--brick-surface-inset-lg); }\n .brick-surface[data-inset-sm=\"xl\"] { --brick-surface-padding: var(--brick-surface-inset-xl); }\n .brick-surface[data-inset-sm=\"2xl\"] { --brick-surface-padding: var(--brick-surface-inset-2xl); }\n }\n\n @media (width >= 48rem) {\n .brick-surface[data-inset-md=\"none\"] { --brick-surface-padding: var(--brick-surface-inset-none); }\n .brick-surface[data-inset-md=\"sm\"] { --brick-surface-padding: var(--brick-surface-inset-sm); }\n .brick-surface[data-inset-md=\"md\"] { --brick-surface-padding: var(--brick-surface-inset-md); }\n .brick-surface[data-inset-md=\"lg\"] { --brick-surface-padding: var(--brick-surface-inset-lg); }\n .brick-surface[data-inset-md=\"xl\"] { --brick-surface-padding: var(--brick-surface-inset-xl); }\n .brick-surface[data-inset-md=\"2xl\"] { --brick-surface-padding: var(--brick-surface-inset-2xl); }\n }\n\n @media (width >= 64rem) {\n .brick-surface[data-inset-lg=\"none\"] { --brick-surface-padding: var(--brick-surface-inset-none); }\n .brick-surface[data-inset-lg=\"sm\"] { --brick-surface-padding: var(--brick-surface-inset-sm); }\n .brick-surface[data-inset-lg=\"md\"] { --brick-surface-padding: var(--brick-surface-inset-md); }\n .brick-surface[data-inset-lg=\"lg\"] { --brick-surface-padding: var(--brick-surface-inset-lg); }\n .brick-surface[data-inset-lg=\"xl\"] { --brick-surface-padding: var(--brick-surface-inset-xl); }\n .brick-surface[data-inset-lg=\"2xl\"] { --brick-surface-padding: var(--brick-surface-inset-2xl); }\n }\n\n @media (width >= 80rem) {\n .brick-surface[data-inset-xl=\"none\"] { --brick-surface-padding: var(--brick-surface-inset-none); }\n .brick-surface[data-inset-xl=\"sm\"] { --brick-surface-padding: var(--brick-surface-inset-sm); }\n .brick-surface[data-inset-xl=\"md\"] { --brick-surface-padding: var(--brick-surface-inset-md); }\n .brick-surface[data-inset-xl=\"lg\"] { --brick-surface-padding: var(--brick-surface-inset-lg); }\n .brick-surface[data-inset-xl=\"xl\"] { --brick-surface-padding: var(--brick-surface-inset-xl); }\n .brick-surface[data-inset-xl=\"2xl\"] { --brick-surface-padding: var(--brick-surface-inset-2xl); }\n }\n\n @media (forced-colors: active) {\n .brick-surface__media,\n .brick-surface__scrim {\n display: none;\n }\n\n .brick-surface[data-bordered],\n .brick-surface:not([data-elevation=\"none\"]) {\n --brick-surface-border-width: var(--brick-border-width);\n --brick-surface-border-color: CanvasText;\n --brick-surface-shadow: none;\n }\n }\n}\n"],"names":[]}
package/dist/styles/swipeable-item.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer brick.tokens,brick.foundations;@layer brick.components{.brick-swipeable-item{--brick-swipeable-item-background:var(--brick-color-surface-base);--brick-swipeable-item-foreground:var(--brick-color-text-primary);--brick-swipeable-item-action-background:var(--brick-color-surface-raised);--brick-swipeable-item-action-foreground:var(--brick-color-text-primary);--brick-swipeable-item-border-color:var(--brick-color-border-subtle);--brick-swipeable-item-border-width:var(--brick-border-width);--brick-swipeable-item-radius:var(--brick-radius-surface);--brick-swipeable-item-focus-color:var(--brick-color-focus-ring);--brick-swipeable-item-focus-width:2px;--brick-swipeable-item-focus-offset:-3px;--brick-swipeable-item-action-gap:var(--brick-space-2);--brick-swipeable-item-action-padding-inline:var(--brick-space-2);--brick-swipeable-item-action-min-size:2.75rem;--brick-swipeable-item-transition-duration:var(--brick-motion-duration-fast);isolation:isolate;box-sizing:border-box;border:var(--brick-swipeable-item-border-width) solid transparent;border-radius:var(--brick-swipeable-item-radius);background:var(--brick-swipeable-item-action-background);inline-size:100%;min-inline-size:0;color:var(--brick-swipeable-item-foreground);display:grid;position:relative;overflow:hidden}.brick-swipeable-item[data-variant=outline]{border-color:var(--brick-swipeable-item-border-color)}.brick-swipeable-item__content{z-index:1;box-sizing:border-box;border-radius:calc(var(--brick-swipeable-item-radius) - var(--brick-swipeable-item-border-width));background:var(--brick-swipeable-item-background);min-inline-size:0;color:var(--brick-swipeable-item-foreground);outline:var(--brick-swipeable-item-focus-width) solid transparent;outline-offset:var(--brick-swipeable-item-focus-offset);transform:translate3d(var(--atom-swipeable-item-offset,0px), 0, 0);transition:transform var(--brick-swipeable-item-transition-duration) ease;position:relative}.brick-swipeable-item[data-dragging] .brick-swipeable-item__content{transition:none}.brick-swipeable-item__content:focus-visible{outline-color:var(--brick-swipeable-item-focus-color)}.brick-swipeable-item__actions{z-index:0;box-sizing:border-box;align-items:stretch;gap:var(--brick-swipeable-item-action-gap);min-inline-size:var(--brick-swipeable-item-action-min-size);padding-inline:var(--brick-swipeable-item-action-padding-inline);background:var(--brick-swipeable-item-action-background);color:var(--brick-swipeable-item-action-foreground);display:flex;position:absolute;inset-block:0}.brick-swipeable-item__actions[data-side=start]{inset-inline-start:0}.brick-swipeable-item__actions[data-side=end]{inset-inline-end:0}.brick-swipeable-item__actions>*{min-inline-size:var(--brick-swipeable-item-action-min-size);min-block-size:var(--brick-swipeable-item-action-min-size)}.brick-swipeable-item[data-disabled]{opacity:.55}.brick-swipeable-item[data-readonly]{cursor:default}@media (prefers-reduced-motion:reduce){.brick-swipeable-item__content{transition-duration:0s}}@media (forced-colors:active){.brick-swipeable-item[data-variant=outline]{border-color:canvastext}.brick-swipeable-item__content:focus-visible{outline-color:highlight}.brick-swipeable-item__actions{border-inline:1px solid canvastext}}}@layer brick.utilities,brick.effects;
1
+ @layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-swipeable-item{--brick-swipeable-item-background:var(--brick-color-surface-base);--brick-swipeable-item-foreground:var(--brick-color-text-primary);--brick-swipeable-item-action-background:var(--brick-color-surface-raised);--brick-swipeable-item-action-foreground:var(--brick-color-text-primary);--brick-swipeable-item-border-color:var(--brick-color-border-subtle);--brick-swipeable-item-border-width:var(--brick-border-width);--brick-swipeable-item-radius:var(--brick-radius-surface);--brick-swipeable-item-focus-color:var(--brick-color-focus-ring);--brick-swipeable-item-focus-width:2px;--brick-swipeable-item-focus-offset:-3px;--brick-swipeable-item-action-gap:var(--brick-space-2);--brick-swipeable-item-action-padding-inline:var(--brick-space-2);--brick-swipeable-item-action-min-size:2.75rem;--brick-swipeable-item-transition-duration:var(--brick-motion-duration-fast);isolation:isolate;box-sizing:border-box;border:var(--brick-swipeable-item-border-width) solid transparent;border-radius:var(--brick-swipeable-item-radius);background:var(--brick-swipeable-item-action-background);inline-size:100%;min-inline-size:0;color:var(--brick-swipeable-item-foreground);display:grid;position:relative;overflow:hidden}.brick-swipeable-item[data-variant=outline]{border-color:var(--brick-swipeable-item-border-color)}.brick-swipeable-item__content{z-index:1;box-sizing:border-box;border-radius:calc(var(--brick-swipeable-item-radius) - var(--brick-swipeable-item-border-width));background:var(--brick-swipeable-item-background);min-inline-size:0;color:var(--brick-swipeable-item-foreground);outline:var(--brick-swipeable-item-focus-width) solid transparent;outline-offset:var(--brick-swipeable-item-focus-offset);transform:translate3d(var(--atom-swipeable-item-offset,0px), 0, 0);transition:transform var(--brick-swipeable-item-transition-duration) ease;position:relative}.brick-swipeable-item[data-dragging] .brick-swipeable-item__content{transition:none}.brick-swipeable-item__content:focus-visible{outline-color:var(--brick-swipeable-item-focus-color)}.brick-swipeable-item__actions{z-index:0;box-sizing:border-box;align-items:stretch;gap:var(--brick-swipeable-item-action-gap);min-inline-size:var(--brick-swipeable-item-action-min-size);padding-inline:var(--brick-swipeable-item-action-padding-inline);background:var(--brick-swipeable-item-action-background);color:var(--brick-swipeable-item-action-foreground);display:flex;position:absolute;inset-block:0}.brick-swipeable-item__actions[data-side=start]{inset-inline-start:0}.brick-swipeable-item__actions[data-side=end]{inset-inline-end:0}.brick-swipeable-item__actions>*{min-inline-size:var(--brick-swipeable-item-action-min-size);min-block-size:var(--brick-swipeable-item-action-min-size)}.brick-swipeable-item[data-disabled]{opacity:.55}.brick-swipeable-item[data-readonly]{cursor:default}@media (prefers-reduced-motion:reduce){.brick-swipeable-item__content{transition-duration:0s}}@media (forced-colors:active){.brick-swipeable-item[data-variant=outline]{border-color:canvastext}.brick-swipeable-item__content:focus-visible{outline-color:highlight}.brick-swipeable-item__actions{border-inline:1px solid canvastext}}}@layer brick.utilities,brick.effects;
2
2
  /*# sourceMappingURL=swipeable-item.css.map */
package/dist/styles/swipeable-item.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,osCA6BA,kGAIA,2iBAcA,oFAIA,mGAIA,qZAcA,qEACA,iEAEA,wJAKA,iDACA,oDAEA,uCACE,uDAGF,8BACE,oEACA,qEACA,oEDxFJ","sources":["home/runner/work/brick/brick/.brick-cache/production/swipeable-item.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/swipeable-item/swipeable-item.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/swipeable-item/swipeable-item.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-swipeable-item {\n --brick-swipeable-item-background: var(--brick-color-surface-base);\n --brick-swipeable-item-foreground: var(--brick-color-text-primary);\n --brick-swipeable-item-action-background: var(--brick-color-surface-raised);\n --brick-swipeable-item-action-foreground: var(--brick-color-text-primary);\n --brick-swipeable-item-border-color: var(--brick-color-border-subtle);\n --brick-swipeable-item-border-width: var(--brick-border-width);\n --brick-swipeable-item-radius: var(--brick-radius-surface);\n --brick-swipeable-item-focus-color: var(--brick-color-focus-ring);\n --brick-swipeable-item-focus-width: 2px;\n --brick-swipeable-item-focus-offset: -3px;\n --brick-swipeable-item-action-gap: var(--brick-space-2);\n --brick-swipeable-item-action-padding-inline: var(--brick-space-2);\n --brick-swipeable-item-action-min-size: 2.75rem;\n --brick-swipeable-item-transition-duration: var(--brick-motion-duration-fast);\n\n position: relative;\n isolation: isolate;\n box-sizing: border-box;\n display: grid;\n inline-size: 100%;\n min-inline-size: 0;\n overflow: hidden;\n border: var(--brick-swipeable-item-border-width) solid transparent;\n border-radius: var(--brick-swipeable-item-radius);\n background: var(--brick-swipeable-item-action-background);\n color: var(--brick-swipeable-item-foreground);\n }\n\n .brick-swipeable-item[data-variant=\"outline\"] {\n border-color: var(--brick-swipeable-item-border-color);\n }\n\n .brick-swipeable-item__content {\n position: relative;\n z-index: 1;\n box-sizing: border-box;\n min-inline-size: 0;\n border-radius: calc(var(--brick-swipeable-item-radius) - var(--brick-swipeable-item-border-width));\n background: var(--brick-swipeable-item-background);\n color: var(--brick-swipeable-item-foreground);\n outline: var(--brick-swipeable-item-focus-width) solid transparent;\n outline-offset: var(--brick-swipeable-item-focus-offset);\n transform: translate3d(var(--atom-swipeable-item-offset, 0px), 0, 0);\n transition: transform var(--brick-swipeable-item-transition-duration) ease;\n }\n\n .brick-swipeable-item[data-dragging] .brick-swipeable-item__content {\n transition: none;\n }\n\n .brick-swipeable-item__content:focus-visible {\n outline-color: var(--brick-swipeable-item-focus-color);\n }\n\n .brick-swipeable-item__actions {\n position: absolute;\n z-index: 0;\n inset-block: 0;\n box-sizing: border-box;\n display: flex;\n align-items: stretch;\n gap: var(--brick-swipeable-item-action-gap);\n min-inline-size: var(--brick-swipeable-item-action-min-size);\n padding-inline: var(--brick-swipeable-item-action-padding-inline);\n background: var(--brick-swipeable-item-action-background);\n color: var(--brick-swipeable-item-action-foreground);\n }\n\n .brick-swipeable-item__actions[data-side=\"start\"] { inset-inline-start: 0; }\n .brick-swipeable-item__actions[data-side=\"end\"] { inset-inline-end: 0; }\n\n .brick-swipeable-item__actions > * {\n min-inline-size: var(--brick-swipeable-item-action-min-size);\n min-block-size: var(--brick-swipeable-item-action-min-size);\n }\n\n .brick-swipeable-item[data-disabled] { opacity: 0.55; }\n .brick-swipeable-item[data-readonly] { cursor: default; }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-swipeable-item__content { transition-duration: 0s; }\n }\n\n @media (forced-colors: active) {\n .brick-swipeable-item[data-variant=\"outline\"] { border-color: CanvasText; }\n .brick-swipeable-item__content:focus-visible { outline-color: Highlight; }\n .brick-swipeable-item__actions { border-inline: 1px solid CanvasText; }\n }\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,osCA6BA,kGAIA,2iBAcA,oFAIA,mGAIA,qZAcA,qEACA,iEAEA,wJAKA,iDACA,oDAEA,uCACE,uDAGF,8BACE,oEACA,qEACA,oEDxFJ","sources":["home/runner/work/brick/brick/.brick-cache/production/swipeable-item.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/swipeable-item/swipeable-item.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/swipeable-item/swipeable-item.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-swipeable-item {\n --brick-swipeable-item-background: var(--brick-color-surface-base);\n --brick-swipeable-item-foreground: var(--brick-color-text-primary);\n --brick-swipeable-item-action-background: var(--brick-color-surface-raised);\n --brick-swipeable-item-action-foreground: var(--brick-color-text-primary);\n --brick-swipeable-item-border-color: var(--brick-color-border-subtle);\n --brick-swipeable-item-border-width: var(--brick-border-width);\n --brick-swipeable-item-radius: var(--brick-radius-surface);\n --brick-swipeable-item-focus-color: var(--brick-color-focus-ring);\n --brick-swipeable-item-focus-width: 2px;\n --brick-swipeable-item-focus-offset: -3px;\n --brick-swipeable-item-action-gap: var(--brick-space-2);\n --brick-swipeable-item-action-padding-inline: var(--brick-space-2);\n --brick-swipeable-item-action-min-size: 2.75rem;\n --brick-swipeable-item-transition-duration: var(--brick-motion-duration-fast);\n\n position: relative;\n isolation: isolate;\n box-sizing: border-box;\n display: grid;\n inline-size: 100%;\n min-inline-size: 0;\n overflow: hidden;\n border: var(--brick-swipeable-item-border-width) solid transparent;\n border-radius: var(--brick-swipeable-item-radius);\n background: var(--brick-swipeable-item-action-background);\n color: var(--brick-swipeable-item-foreground);\n }\n\n .brick-swipeable-item[data-variant=\"outline\"] {\n border-color: var(--brick-swipeable-item-border-color);\n }\n\n .brick-swipeable-item__content {\n position: relative;\n z-index: 1;\n box-sizing: border-box;\n min-inline-size: 0;\n border-radius: calc(var(--brick-swipeable-item-radius) - var(--brick-swipeable-item-border-width));\n background: var(--brick-swipeable-item-background);\n color: var(--brick-swipeable-item-foreground);\n outline: var(--brick-swipeable-item-focus-width) solid transparent;\n outline-offset: var(--brick-swipeable-item-focus-offset);\n transform: translate3d(var(--atom-swipeable-item-offset, 0px), 0, 0);\n transition: transform var(--brick-swipeable-item-transition-duration) ease;\n }\n\n .brick-swipeable-item[data-dragging] .brick-swipeable-item__content {\n transition: none;\n }\n\n .brick-swipeable-item__content:focus-visible {\n outline-color: var(--brick-swipeable-item-focus-color);\n }\n\n .brick-swipeable-item__actions {\n position: absolute;\n z-index: 0;\n inset-block: 0;\n box-sizing: border-box;\n display: flex;\n align-items: stretch;\n gap: var(--brick-swipeable-item-action-gap);\n min-inline-size: var(--brick-swipeable-item-action-min-size);\n padding-inline: var(--brick-swipeable-item-action-padding-inline);\n background: var(--brick-swipeable-item-action-background);\n color: var(--brick-swipeable-item-action-foreground);\n }\n\n .brick-swipeable-item__actions[data-side=\"start\"] { inset-inline-start: 0; }\n .brick-swipeable-item__actions[data-side=\"end\"] { inset-inline-end: 0; }\n\n .brick-swipeable-item__actions > * {\n min-inline-size: var(--brick-swipeable-item-action-min-size);\n min-block-size: var(--brick-swipeable-item-action-min-size);\n }\n\n .brick-swipeable-item[data-disabled] { opacity: 0.55; }\n .brick-swipeable-item[data-readonly] { cursor: default; }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-swipeable-item__content { transition-duration: 0s; }\n }\n\n @media (forced-colors: active) {\n .brick-swipeable-item[data-variant=\"outline\"] { border-color: CanvasText; }\n .brick-swipeable-item__content:focus-visible { outline-color: Highlight; }\n .brick-swipeable-item__actions { border-inline: 1px solid CanvasText; }\n }\n}\n"],"names":[]}
package/dist/styles/switch.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer brick.tokens,brick.foundations;@layer brick.components{.brick-switch{--brick-switch-target-size:var(--brick-control-target-min);--brick-switch-track-inline-size:2.5rem;--brick-switch-track-block-size:1.5rem;--brick-switch-thumb-size:1.125rem;--brick-switch-track-inset:.1875rem;--brick-switch-track-background:var(--brick-color-surface-subtle);--brick-switch-track-border:var(--brick-color-border-strong);--brick-switch-thumb-background:var(--brick-color-surface-raised);--brick-switch-thumb-border:var(--brick-color-border-default);--brick-switch-checked-background:var(--brick-color-accent-solid);--brick-switch-checked-border:var(--brick-color-accent-solid);--brick-switch-checked-thumb:var(--brick-color-accent-on-solid);--brick-switch-hover-background:var(--brick-color-surface-base);--brick-switch-pressed-background:var(--brick-color-accent-soft-pressed);--brick-switch-focus-ring:var(--brick-color-focus-ring);--brick-switch-invalid-border:var(--brick-color-danger-text);--brick-switch-readonly-background:var(--brick-color-surface-subtle);box-sizing:border-box;inline-size:max(var(--brick-switch-target-size), var(--brick-switch-track-inline-size));min-inline-size:var(--brick-switch-target-size);min-block-size:var(--brick-switch-target-size);border-radius:var(--brick-radius-full);appearance:none;color:inherit;vertical-align:middle;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.brick-switch:before{box-sizing:border-box;inline-size:var(--brick-switch-track-inline-size);block-size:var(--brick-switch-track-block-size);border:var(--brick-border-width) solid var(--brick-switch-track-border);border-radius:var(--brick-radius-full);background:var(--brick-switch-track-background);content:"";transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);position:absolute}.brick-switch:not([data-disabled],[data-readonly]){cursor:pointer}.brick-switch[data-readonly]{cursor:default}.brick-switch:is(:focus-visible,[data-focus-visible]){outline:var(--brick-border-focus-width) solid var(--brick-switch-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-switch-thumb{box-sizing:border-box;inline-size:var(--brick-switch-thumb-size);block-size:var(--brick-switch-thumb-size);border:var(--brick-border-width) solid var(--brick-switch-thumb-border);border-radius:var(--brick-radius-full);background:var(--brick-switch-thumb-background);box-shadow:var(--brick-shadow-sm);transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);display:block;position:absolute;inset-inline-start:calc((100% - var(--brick-switch-track-inline-size)) / 2 + var(--brick-switch-track-inset));transform:translate(0)}.brick-switch[data-state=checked]:before{border-color:var(--brick-switch-checked-border);background:var(--brick-switch-checked-background)}.brick-switch[data-state=checked] .brick-switch-thumb{border-color:var(--brick-switch-checked-thumb);background:var(--brick-switch-checked-thumb);transform:translateX(calc(var(--brick-switch-track-inline-size) - var(--brick-switch-thumb-size) - 2 * var(--brick-switch-track-inset)))}[dir=rtl] .brick-switch[data-state=checked] .brick-switch-thumb{transform:translateX(calc(-1 * (var(--brick-switch-track-inline-size) - var(--brick-switch-thumb-size) - 2 * var(--brick-switch-track-inset))))}.brick-switch[data-invalid]:before{border-color:var(--brick-switch-invalid-border)}.brick-switch[data-readonly]:before{background:var(--brick-switch-readonly-background)}.brick-switch[data-disabled]{cursor:not-allowed;opacity:.65}.brick-switch[data-size=sm]{--brick-switch-track-inline-size:2rem;--brick-switch-track-block-size:1.25rem;--brick-switch-thumb-size:.875rem}.brick-switch[data-size=lg]{--brick-switch-track-inline-size:3rem;--brick-switch-track-block-size:1.75rem;--brick-switch-thumb-size:1.375rem}.brick-switch:not([data-disabled],[data-readonly]):active:before{background:var(--brick-switch-pressed-background)}@media (hover:hover) and (pointer:fine){.brick-switch:not([data-disabled],[data-readonly],[data-state=checked]):hover:before{background:var(--brick-switch-hover-background)}.brick-switch:not([data-disabled],[data-readonly])[data-state=checked]:hover:before{background:var(--brick-color-accent-solid-hover);border-color:var(--brick-color-accent-solid-hover)}}@media (prefers-reduced-motion:reduce){:where(.brick-switch-thumb){transition-duration:0s}}@media (forced-colors:active){.brick-switch{forced-color-adjust:none}.brick-switch:before{background:canvas;border-color:buttontext}.brick-switch-thumb{box-shadow:none;background:buttontext;border-color:buttontext}.brick-switch[data-state=checked]:before{background:highlight;border-color:highlight}.brick-switch[data-state=checked] .brick-switch-thumb{background:highlighttext;border-color:highlighttext}.brick-switch[data-invalid]:before{border-color:mark}.brick-switch[data-disabled]{opacity:1}.brick-switch[data-disabled]:before,.brick-switch[data-disabled] .brick-switch-thumb{border-color:graytext}}}@layer brick.utilities,brick.effects;
1
+ @layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-switch{--brick-switch-target-size:var(--brick-control-target-min);--brick-switch-track-inline-size:2.5rem;--brick-switch-track-block-size:1.5rem;--brick-switch-thumb-size:1.125rem;--brick-switch-track-inset:.1875rem;--brick-switch-track-background:var(--brick-color-surface-subtle);--brick-switch-track-border:var(--brick-color-border-strong);--brick-switch-thumb-background:var(--brick-color-surface-raised);--brick-switch-thumb-border:var(--brick-color-border-default);--brick-switch-checked-background:var(--brick-color-accent-solid);--brick-switch-checked-border:var(--brick-color-accent-solid);--brick-switch-checked-thumb:var(--brick-color-accent-on-solid);--brick-switch-hover-background:var(--brick-color-surface-base);--brick-switch-pressed-background:var(--brick-color-accent-soft-pressed);--brick-switch-focus-ring:var(--brick-color-focus-ring);--brick-switch-invalid-border:var(--brick-color-danger-text);--brick-switch-readonly-background:var(--brick-color-surface-subtle);box-sizing:border-box;inline-size:max(var(--brick-switch-target-size), var(--brick-switch-track-inline-size));min-inline-size:var(--brick-switch-target-size);min-block-size:var(--brick-switch-target-size);border-radius:var(--brick-radius-full);appearance:none;color:inherit;vertical-align:middle;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.brick-switch:before{box-sizing:border-box;inline-size:var(--brick-switch-track-inline-size);block-size:var(--brick-switch-track-block-size);border:var(--brick-border-width) solid var(--brick-switch-track-border);border-radius:var(--brick-radius-full);background:var(--brick-switch-track-background);content:"";transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);position:absolute}.brick-switch:not([data-disabled],[data-readonly]){cursor:pointer}.brick-switch[data-readonly]{cursor:default}.brick-switch:is(:focus-visible,[data-focus-visible]){outline:var(--brick-border-focus-width) solid var(--brick-switch-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-switch-thumb{box-sizing:border-box;inline-size:var(--brick-switch-thumb-size);block-size:var(--brick-switch-thumb-size);border:var(--brick-border-width) solid var(--brick-switch-thumb-border);border-radius:var(--brick-radius-full);background:var(--brick-switch-thumb-background);box-shadow:var(--brick-shadow-sm);transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);display:block;position:absolute;inset-inline-start:calc((100% - var(--brick-switch-track-inline-size)) / 2 + var(--brick-switch-track-inset));transform:translate(0)}.brick-switch[data-state=checked]:before{border-color:var(--brick-switch-checked-border);background:var(--brick-switch-checked-background)}.brick-switch[data-state=checked] .brick-switch-thumb{border-color:var(--brick-switch-checked-thumb);background:var(--brick-switch-checked-thumb);transform:translateX(calc(var(--brick-switch-track-inline-size) - var(--brick-switch-thumb-size) - 2 * var(--brick-switch-track-inset)))}[dir=rtl] .brick-switch[data-state=checked] .brick-switch-thumb{transform:translateX(calc(-1 * (var(--brick-switch-track-inline-size) - var(--brick-switch-thumb-size) - 2 * var(--brick-switch-track-inset))))}.brick-switch[data-invalid]:before{border-color:var(--brick-switch-invalid-border)}.brick-switch[data-readonly]:before{background:var(--brick-switch-readonly-background)}.brick-switch[data-disabled]{cursor:not-allowed;opacity:.65}.brick-switch[data-size=sm]{--brick-switch-track-inline-size:2rem;--brick-switch-track-block-size:1.25rem;--brick-switch-thumb-size:.875rem}.brick-switch[data-size=lg]{--brick-switch-track-inline-size:3rem;--brick-switch-track-block-size:1.75rem;--brick-switch-thumb-size:1.375rem}.brick-switch:not([data-disabled],[data-readonly]):active:before{background:var(--brick-switch-pressed-background)}@media (hover:hover) and (pointer:fine){.brick-switch:not([data-disabled],[data-readonly],[data-state=checked]):hover:before{background:var(--brick-switch-hover-background)}.brick-switch:not([data-disabled],[data-readonly])[data-state=checked]:hover:before{background:var(--brick-color-accent-solid-hover);border-color:var(--brick-color-accent-solid-hover)}}@media (prefers-reduced-motion:reduce){:where(.brick-switch-thumb){transition-duration:0s}}@media (forced-colors:active){.brick-switch{forced-color-adjust:none}.brick-switch:before{background:canvas;border-color:buttontext}.brick-switch-thumb{box-shadow:none;background:buttontext;border-color:buttontext}.brick-switch[data-state=checked]:before{background:highlight;border-color:highlight}.brick-switch[data-state=checked] .brick-switch-thumb{background:highlighttext;border-color:highlighttext}.brick-switch[data-invalid]:before{border-color:mark}.brick-switch[data-disabled]{opacity:1}.brick-switch[data-disabled]:before,.brick-switch[data-disabled] .brick-switch-thumb{border-color:graytext}}}@layer brick.utilities,brick.effects;
2
2
  /*# sourceMappingURL=switch.css.map */
package/dist/styles/switch.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,w5CAqCA,+fAcA,kEACA,4CAEA,mLAKA,4uBAkBA,2IAKA,2RAMA,gNAIA,mFACA,uFACA,4DAEA,4IAMA,6IAMA,mHAIA,wCACE,qIAGA,yLAMF,uCACE,oDAGF,8BACE,uCACA,+DACA,kFACA,qFACA,0GACA,qDACA,uCACA,6GDvIJ","sources":["home/runner/work/brick/brick/.brick-cache/production/switch.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/switch/switch.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/switch/switch.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-switch {\n --brick-switch-target-size: var(--brick-control-target-min);\n --brick-switch-track-inline-size: 2.5rem;\n --brick-switch-track-block-size: 1.5rem;\n --brick-switch-thumb-size: 1.125rem;\n --brick-switch-track-inset: 0.1875rem;\n --brick-switch-track-background: var(--brick-color-surface-subtle);\n --brick-switch-track-border: var(--brick-color-border-strong);\n --brick-switch-thumb-background: var(--brick-color-surface-raised);\n --brick-switch-thumb-border: var(--brick-color-border-default);\n --brick-switch-checked-background: var(--brick-color-accent-solid);\n --brick-switch-checked-border: var(--brick-color-accent-solid);\n --brick-switch-checked-thumb: var(--brick-color-accent-on-solid);\n --brick-switch-hover-background: var(--brick-color-surface-base);\n --brick-switch-pressed-background: var(--brick-color-accent-soft-pressed);\n --brick-switch-focus-ring: var(--brick-color-focus-ring);\n --brick-switch-invalid-border: var(--brick-color-danger-text);\n --brick-switch-readonly-background: var(--brick-color-surface-subtle);\n\n position: relative;\n display: inline-grid;\n box-sizing: border-box;\n inline-size: max(var(--brick-switch-target-size), var(--brick-switch-track-inline-size));\n min-inline-size: var(--brick-switch-target-size);\n min-block-size: var(--brick-switch-target-size);\n place-items: center;\n flex: 0 0 auto;\n padding: 0;\n border: 0;\n border-radius: var(--brick-radius-full);\n appearance: none;\n background: transparent;\n color: inherit;\n vertical-align: middle;\n user-select: none;\n }\n\n .brick-switch::before {\n position: absolute;\n box-sizing: border-box;\n inline-size: var(--brick-switch-track-inline-size);\n block-size: var(--brick-switch-track-block-size);\n border: var(--brick-border-width) solid var(--brick-switch-track-border);\n border-radius: var(--brick-radius-full);\n background: var(--brick-switch-track-background);\n content: \"\";\n transition:\n background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n }\n\n .brick-switch:not([data-disabled], [data-readonly]) { cursor: pointer; }\n .brick-switch[data-readonly] { cursor: default; }\n\n .brick-switch:is(:focus-visible, [data-focus-visible]) {\n outline: var(--brick-border-focus-width) solid var(--brick-switch-focus-ring);\n outline-offset: var(--brick-border-focus-offset);\n }\n\n .brick-switch-thumb {\n position: absolute;\n inset-inline-start: calc((100% - var(--brick-switch-track-inline-size)) / 2 + var(--brick-switch-track-inset));\n display: block;\n box-sizing: border-box;\n inline-size: var(--brick-switch-thumb-size);\n block-size: var(--brick-switch-thumb-size);\n border: var(--brick-border-width) solid var(--brick-switch-thumb-border);\n border-radius: var(--brick-radius-full);\n background: var(--brick-switch-thumb-background);\n box-shadow: var(--brick-shadow-sm);\n transform: translateX(0);\n transition:\n background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n }\n\n .brick-switch[data-state=\"checked\"]::before {\n border-color: var(--brick-switch-checked-border);\n background: var(--brick-switch-checked-background);\n }\n\n .brick-switch[data-state=\"checked\"] .brick-switch-thumb {\n border-color: var(--brick-switch-checked-thumb);\n background: var(--brick-switch-checked-thumb);\n transform: translateX(calc(var(--brick-switch-track-inline-size) - var(--brick-switch-thumb-size) - 2 * var(--brick-switch-track-inset)));\n }\n\n [dir=\"rtl\"] .brick-switch[data-state=\"checked\"] .brick-switch-thumb {\n transform: translateX(calc(-1 * (var(--brick-switch-track-inline-size) - var(--brick-switch-thumb-size) - 2 * var(--brick-switch-track-inset))));\n }\n\n .brick-switch[data-invalid]::before { border-color: var(--brick-switch-invalid-border); }\n .brick-switch[data-readonly]::before { background: var(--brick-switch-readonly-background); }\n .brick-switch[data-disabled] { cursor: not-allowed; opacity: 0.65; }\n\n .brick-switch[data-size=\"sm\"] {\n --brick-switch-track-inline-size: 2rem;\n --brick-switch-track-block-size: 1.25rem;\n --brick-switch-thumb-size: 0.875rem;\n }\n\n .brick-switch[data-size=\"lg\"] {\n --brick-switch-track-inline-size: 3rem;\n --brick-switch-track-block-size: 1.75rem;\n --brick-switch-thumb-size: 1.375rem;\n }\n\n .brick-switch:not([data-disabled], [data-readonly]):active::before {\n background: var(--brick-switch-pressed-background);\n }\n\n @media (hover: hover) and (pointer: fine) {\n .brick-switch:not([data-disabled], [data-readonly], [data-state=\"checked\"]):hover::before {\n background: var(--brick-switch-hover-background);\n }\n .brick-switch:not([data-disabled], [data-readonly])[data-state=\"checked\"]:hover::before {\n background: var(--brick-color-accent-solid-hover);\n border-color: var(--brick-color-accent-solid-hover);\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n :where(.brick-switch::before, .brick-switch-thumb) { transition-duration: 0ms; }\n }\n\n @media (forced-colors: active) {\n .brick-switch { forced-color-adjust: none; }\n .brick-switch::before { border-color: ButtonText; background: Canvas; }\n .brick-switch-thumb { border-color: ButtonText; background: ButtonText; box-shadow: none; }\n .brick-switch[data-state=\"checked\"]::before { border-color: Highlight; background: Highlight; }\n .brick-switch[data-state=\"checked\"] .brick-switch-thumb { border-color: HighlightText; background: HighlightText; }\n .brick-switch[data-invalid]::before { border-color: Mark; }\n .brick-switch[data-disabled] { opacity: 1; }\n .brick-switch[data-disabled]::before,\n .brick-switch[data-disabled] .brick-switch-thumb { border-color: GrayText; }\n }\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,w5CAqCA,+fAcA,kEACA,4CAEA,mLAKA,4uBAkBA,2IAKA,2RAMA,gNAIA,mFACA,uFACA,4DAEA,4IAMA,6IAMA,mHAIA,wCACE,qIAGA,yLAMF,uCACE,oDAGF,8BACE,uCACA,+DACA,kFACA,qFACA,0GACA,qDACA,uCACA,6GDvIJ","sources":["home/runner/work/brick/brick/.brick-cache/production/switch.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/switch/switch.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/switch/switch.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-switch {\n --brick-switch-target-size: var(--brick-control-target-min);\n --brick-switch-track-inline-size: 2.5rem;\n --brick-switch-track-block-size: 1.5rem;\n --brick-switch-thumb-size: 1.125rem;\n --brick-switch-track-inset: 0.1875rem;\n --brick-switch-track-background: var(--brick-color-surface-subtle);\n --brick-switch-track-border: var(--brick-color-border-strong);\n --brick-switch-thumb-background: var(--brick-color-surface-raised);\n --brick-switch-thumb-border: var(--brick-color-border-default);\n --brick-switch-checked-background: var(--brick-color-accent-solid);\n --brick-switch-checked-border: var(--brick-color-accent-solid);\n --brick-switch-checked-thumb: var(--brick-color-accent-on-solid);\n --brick-switch-hover-background: var(--brick-color-surface-base);\n --brick-switch-pressed-background: var(--brick-color-accent-soft-pressed);\n --brick-switch-focus-ring: var(--brick-color-focus-ring);\n --brick-switch-invalid-border: var(--brick-color-danger-text);\n --brick-switch-readonly-background: var(--brick-color-surface-subtle);\n\n position: relative;\n display: inline-grid;\n box-sizing: border-box;\n inline-size: max(var(--brick-switch-target-size), var(--brick-switch-track-inline-size));\n min-inline-size: var(--brick-switch-target-size);\n min-block-size: var(--brick-switch-target-size);\n place-items: center;\n flex: 0 0 auto;\n padding: 0;\n border: 0;\n border-radius: var(--brick-radius-full);\n appearance: none;\n background: transparent;\n color: inherit;\n vertical-align: middle;\n user-select: none;\n }\n\n .brick-switch::before {\n position: absolute;\n box-sizing: border-box;\n inline-size: var(--brick-switch-track-inline-size);\n block-size: var(--brick-switch-track-block-size);\n border: var(--brick-border-width) solid var(--brick-switch-track-border);\n border-radius: var(--brick-radius-full);\n background: var(--brick-switch-track-background);\n content: \"\";\n transition:\n background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n }\n\n .brick-switch:not([data-disabled], [data-readonly]) { cursor: pointer; }\n .brick-switch[data-readonly] { cursor: default; }\n\n .brick-switch:is(:focus-visible, [data-focus-visible]) {\n outline: var(--brick-border-focus-width) solid var(--brick-switch-focus-ring);\n outline-offset: var(--brick-border-focus-offset);\n }\n\n .brick-switch-thumb {\n position: absolute;\n inset-inline-start: calc((100% - var(--brick-switch-track-inline-size)) / 2 + var(--brick-switch-track-inset));\n display: block;\n box-sizing: border-box;\n inline-size: var(--brick-switch-thumb-size);\n block-size: var(--brick-switch-thumb-size);\n border: var(--brick-border-width) solid var(--brick-switch-thumb-border);\n border-radius: var(--brick-radius-full);\n background: var(--brick-switch-thumb-background);\n box-shadow: var(--brick-shadow-sm);\n transform: translateX(0);\n transition:\n background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n }\n\n .brick-switch[data-state=\"checked\"]::before {\n border-color: var(--brick-switch-checked-border);\n background: var(--brick-switch-checked-background);\n }\n\n .brick-switch[data-state=\"checked\"] .brick-switch-thumb {\n border-color: var(--brick-switch-checked-thumb);\n background: var(--brick-switch-checked-thumb);\n transform: translateX(calc(var(--brick-switch-track-inline-size) - var(--brick-switch-thumb-size) - 2 * var(--brick-switch-track-inset)));\n }\n\n [dir=\"rtl\"] .brick-switch[data-state=\"checked\"] .brick-switch-thumb {\n transform: translateX(calc(-1 * (var(--brick-switch-track-inline-size) - var(--brick-switch-thumb-size) - 2 * var(--brick-switch-track-inset))));\n }\n\n .brick-switch[data-invalid]::before { border-color: var(--brick-switch-invalid-border); }\n .brick-switch[data-readonly]::before { background: var(--brick-switch-readonly-background); }\n .brick-switch[data-disabled] { cursor: not-allowed; opacity: 0.65; }\n\n .brick-switch[data-size=\"sm\"] {\n --brick-switch-track-inline-size: 2rem;\n --brick-switch-track-block-size: 1.25rem;\n --brick-switch-thumb-size: 0.875rem;\n }\n\n .brick-switch[data-size=\"lg\"] {\n --brick-switch-track-inline-size: 3rem;\n --brick-switch-track-block-size: 1.75rem;\n --brick-switch-thumb-size: 1.375rem;\n }\n\n .brick-switch:not([data-disabled], [data-readonly]):active::before {\n background: var(--brick-switch-pressed-background);\n }\n\n @media (hover: hover) and (pointer: fine) {\n .brick-switch:not([data-disabled], [data-readonly], [data-state=\"checked\"]):hover::before {\n background: var(--brick-switch-hover-background);\n }\n .brick-switch:not([data-disabled], [data-readonly])[data-state=\"checked\"]:hover::before {\n background: var(--brick-color-accent-solid-hover);\n border-color: var(--brick-color-accent-solid-hover);\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n :where(.brick-switch::before, .brick-switch-thumb) { transition-duration: 0ms; }\n }\n\n @media (forced-colors: active) {\n .brick-switch { forced-color-adjust: none; }\n .brick-switch::before { border-color: ButtonText; background: Canvas; }\n .brick-switch-thumb { border-color: ButtonText; background: ButtonText; box-shadow: none; }\n .brick-switch[data-state=\"checked\"]::before { border-color: Highlight; background: Highlight; }\n .brick-switch[data-state=\"checked\"] .brick-switch-thumb { border-color: HighlightText; background: HighlightText; }\n .brick-switch[data-invalid]::before { border-color: Mark; }\n .brick-switch[data-disabled] { opacity: 1; }\n .brick-switch[data-disabled]::before,\n .brick-switch[data-disabled] .brick-switch-thumb { border-color: GrayText; }\n }\n}\n"],"names":[]}
package/dist/styles/table.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer brick.tokens,brick.foundations;@layer brick.components{.brick-table-container{box-sizing:border-box;overscroll-behavior-inline:contain;inline-size:100%;min-inline-size:0;max-inline-size:100%;overflow-x:auto}.brick-table{--brick-table-inline-size:100%;--brick-table-min-inline-size:0;--brick-table-border-color:var(--brick-color-border-subtle);--brick-table-border-width:var(--brick-border-width);--brick-table-radius:var(--brick-radius-surface);--brick-table-header-background:var(--brick-color-surface-subtle);--brick-table-header-foreground:var(--brick-color-text-primary);--brick-table-body-background:var(--brick-color-surface);--brick-table-row-stripe-background:var(--brick-color-surface-subtle);--brick-table-footer-background:var(--brick-color-surface-subtle);--brick-table-footer-foreground:var(--brick-color-text-primary);--brick-table-cell-foreground:var(--brick-color-text-primary);--brick-table-cell-padding-inline:var(--brick-space-4);--brick-table-cell-padding-block:var(--brick-space-3);--brick-table-row-min-block-size:3rem;--brick-table-caption-foreground:var(--brick-color-text-secondary);--brick-table-caption-gap:var(--brick-space-3);--brick-table-sticky-offset:0px;--brick-table-sticky-z-index:1;--brick-table-sort-indicator-size:1rem;--brick-table-sort-indicator-color:var(--brick-color-text-secondary);inline-size:var(--brick-table-inline-size);min-inline-size:var(--brick-table-min-inline-size);border-collapse:separate;border-spacing:0;color:var(--brick-table-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-table[data-size=sm]{font-size:var(--brick-typography-body-sm-font-size);line-height:var(--brick-typography-body-sm-line-height);--brick-table-row-min-block-size:2.5rem}.brick-table[data-size=lg]{font-size:var(--brick-typography-body-lg-font-size);line-height:var(--brick-typography-body-lg-line-height);--brick-table-row-min-block-size:3.5rem}.brick-table[data-density=compact]{--brick-table-cell-padding-block:var(--brick-space-1)}.brick-table__caption{color:var(--brick-table-caption-foreground);text-align:start}.brick-table__caption[data-side=top]{caption-side:top;padding-block-end:var(--brick-table-caption-gap)}.brick-table__caption[data-side=bottom]{caption-side:bottom;padding-block-start:var(--brick-table-caption-gap)}.brick-table__head,.brick-table__cell{box-sizing:border-box;min-block-size:var(--brick-table-row-min-block-size);padding-block:var(--brick-table-cell-padding-block);padding-inline:var(--brick-table-cell-padding-inline);border-block-end:var(--brick-table-border-width) solid var(--brick-table-border-color);text-align:start;vertical-align:middle;overflow-wrap:break-word}.brick-table__head{color:var(--brick-table-header-foreground);background:var(--brick-table-header-background);font-weight:var(--brick-typography-heading-sm-font-weight);white-space:nowrap}.brick-table__cell{background:var(--brick-table-body-background)}.brick-table__head[data-align=center],.brick-table__cell[data-align=center]{text-align:center}.brick-table__head[data-align=end],.brick-table__cell[data-align=end]{text-align:end}.brick-table__head[data-numeric],.brick-table__cell[data-numeric]{white-space:nowrap;font-variant-numeric:tabular-nums}.brick-table__footer .brick-table__head,.brick-table__footer .brick-table__cell{color:var(--brick-table-footer-foreground);background:var(--brick-table-footer-background);font-weight:var(--brick-typography-heading-sm-font-weight)}.brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(2n) .brick-table__cell,.brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(2n) .brick-table__head{background:var(--brick-table-row-stripe-background)}.brick-table[data-variant=outline]{border:var(--brick-table-border-width) solid var(--brick-table-border-color);border-radius:var(--brick-table-radius)}.brick-table[data-variant=outline] :where(.brick-table__head,.brick-table__cell)+:where(.brick-table__head,.brick-table__cell){border-inline-start:var(--brick-table-border-width) solid var(--brick-table-border-color)}.brick-table[data-variant=outline] .brick-table__footer .brick-table__row:last-child :where(.brick-table__head,.brick-table__cell),.brick-table[data-variant=outline] .brick-table__body:last-child .brick-table__row:last-child :where(.brick-table__head,.brick-table__cell){border-block-end:0}.brick-table[data-variant=outline] .brick-table__footer .brick-table__row:last-child>:first-child{border-end-start-radius:calc(var(--brick-table-radius) - var(--brick-table-border-width))}.brick-table[data-variant=outline] .brick-table__footer .brick-table__row:last-child>:last-child{border-end-end-radius:calc(var(--brick-table-radius) - var(--brick-table-border-width))}.brick-table[data-sticky-header] .brick-table__header .brick-table__head{z-index:var(--brick-table-sticky-z-index);position:sticky;inset-block-start:var(--brick-table-sticky-offset)}.brick-table__sort-indicator{inline-size:var(--brick-table-sort-indicator-size);block-size:var(--brick-table-sort-indicator-size);color:var(--brick-table-sort-indicator-color);flex:none;display:inline-flex}.brick-table__sort-indicator svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;block-size:100%;inline-size:100%}.brick-table__head[data-sort=ascending] .brick-table__sort-indicator path{d:path("m4 10 4-4 4 4")}.brick-table__head[data-sort=descending] .brick-table__sort-indicator path{d:path("m4 6 4 4 4-4")}@media (forced-colors:active){.brick-table{--brick-table-border-color:CanvasText;--brick-table-header-background:Canvas;--brick-table-body-background:Canvas;--brick-table-row-stripe-background:Canvas;--brick-table-footer-background:Canvas;--brick-table-sort-indicator-color:CanvasText}}}@layer brick.utilities,brick.effects;
1
+ @layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-table-container{box-sizing:border-box;overscroll-behavior-inline:contain;inline-size:100%;min-inline-size:0;max-inline-size:100%;overflow-x:auto}.brick-table{--brick-table-inline-size:100%;--brick-table-min-inline-size:0;--brick-table-border-color:var(--brick-color-border-subtle);--brick-table-border-width:var(--brick-border-width);--brick-table-radius:var(--brick-radius-surface);--brick-table-header-background:var(--brick-color-surface-subtle);--brick-table-header-foreground:var(--brick-color-text-primary);--brick-table-body-background:var(--brick-color-surface-base);--brick-table-row-stripe-background:var(--brick-color-surface-subtle);--brick-table-footer-background:var(--brick-color-surface-subtle);--brick-table-footer-foreground:var(--brick-color-text-primary);--brick-table-cell-foreground:var(--brick-color-text-primary);--brick-table-cell-padding-inline:var(--brick-space-4);--brick-table-cell-padding-block:var(--brick-space-3);--brick-table-row-min-block-size:3rem;--brick-table-caption-foreground:var(--brick-color-text-secondary);--brick-table-caption-gap:var(--brick-space-3);--brick-table-sticky-offset:0px;--brick-table-sticky-z-index:1;--brick-table-sort-indicator-size:1rem;--brick-table-sort-indicator-color:var(--brick-color-text-secondary);inline-size:var(--brick-table-inline-size);min-inline-size:var(--brick-table-min-inline-size);border-collapse:separate;border-spacing:0;color:var(--brick-table-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-table[data-size=sm]{font-size:var(--brick-typography-body-sm-font-size);line-height:var(--brick-typography-body-sm-line-height);--brick-table-row-min-block-size:2.5rem}.brick-table[data-size=lg]{font-size:var(--brick-typography-body-lg-font-size);line-height:var(--brick-typography-body-lg-line-height);--brick-table-row-min-block-size:3.5rem}.brick-table[data-density=compact]{--brick-table-cell-padding-block:var(--brick-space-1)}.brick-table__caption{color:var(--brick-table-caption-foreground);text-align:start}.brick-table__caption[data-side=top]{caption-side:top;padding-block-end:var(--brick-table-caption-gap)}.brick-table__caption[data-side=bottom]{caption-side:bottom;padding-block-start:var(--brick-table-caption-gap)}.brick-table__head,.brick-table__cell{box-sizing:border-box;min-block-size:var(--brick-table-row-min-block-size);padding-block:var(--brick-table-cell-padding-block);padding-inline:var(--brick-table-cell-padding-inline);border-block-end:var(--brick-table-border-width) solid var(--brick-table-border-color);text-align:start;vertical-align:middle;overflow-wrap:break-word}.brick-table__head{color:var(--brick-table-header-foreground);background:var(--brick-table-header-background);font-weight:var(--brick-typography-compact-title-font-weight);white-space:nowrap}.brick-table__cell{background:var(--brick-table-body-background)}.brick-table__head[data-align=center],.brick-table__cell[data-align=center]{text-align:center}.brick-table__head[data-align=end],.brick-table__cell[data-align=end]{text-align:end}.brick-table__head[data-numeric],.brick-table__cell[data-numeric]{white-space:nowrap;font-variant-numeric:tabular-nums}.brick-table__footer .brick-table__head,.brick-table__footer .brick-table__cell{color:var(--brick-table-footer-foreground);background:var(--brick-table-footer-background);font-weight:var(--brick-typography-compact-title-font-weight)}.brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(2n) .brick-table__cell,.brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(2n) .brick-table__head{background:var(--brick-table-row-stripe-background)}.brick-table[data-variant=outline]{border:var(--brick-table-border-width) solid var(--brick-table-border-color);border-radius:var(--brick-table-radius)}.brick-table[data-variant=outline] :where(.brick-table__head,.brick-table__cell)+:where(.brick-table__head,.brick-table__cell){border-inline-start:var(--brick-table-border-width) solid var(--brick-table-border-color)}.brick-table[data-variant=outline] .brick-table__header:first-of-type .brick-table__row:first-child>:first-child,.brick-table[data-variant=outline]:not(:has(.brick-table__header)) .brick-table__body:first-of-type .brick-table__row:first-child>:first-child{border-start-start-radius:calc(var(--brick-table-radius) - var(--brick-table-border-width))}.brick-table[data-variant=outline] .brick-table__header:first-of-type .brick-table__row:first-child>:last-child,.brick-table[data-variant=outline]:not(:has(.brick-table__header)) .brick-table__body:first-of-type .brick-table__row:first-child>:last-child{border-start-end-radius:calc(var(--brick-table-radius) - var(--brick-table-border-width))}.brick-table[data-variant=outline] .brick-table__footer .brick-table__row:last-child :where(.brick-table__head,.brick-table__cell),.brick-table[data-variant=outline] .brick-table__body:last-child .brick-table__row:last-child :where(.brick-table__head,.brick-table__cell){border-block-end:0}.brick-table[data-variant=outline] .brick-table__footer .brick-table__row:last-child>:first-child{border-end-start-radius:calc(var(--brick-table-radius) - var(--brick-table-border-width))}.brick-table[data-variant=outline] .brick-table__footer .brick-table__row:last-child>:last-child{border-end-end-radius:calc(var(--brick-table-radius) - var(--brick-table-border-width))}.brick-table[data-variant=outline]:not(:has(.brick-table__footer)) .brick-table__body:last-child .brick-table__row:last-child>:first-child{border-end-start-radius:calc(var(--brick-table-radius) - var(--brick-table-border-width))}.brick-table[data-variant=outline]:not(:has(.brick-table__footer)) .brick-table__body:last-child .brick-table__row:last-child>:last-child{border-end-end-radius:calc(var(--brick-table-radius) - var(--brick-table-border-width))}.brick-table[data-sticky-header] .brick-table__header .brick-table__head{z-index:var(--brick-table-sticky-z-index);position:sticky;inset-block-start:var(--brick-table-sticky-offset)}.brick-table__sort-indicator{inline-size:var(--brick-table-sort-indicator-size);block-size:var(--brick-table-sort-indicator-size);color:var(--brick-table-sort-indicator-color);flex:none;display:inline-flex}.brick-table__sort-indicator svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;block-size:100%;inline-size:100%}.brick-table__head[data-sort=ascending] .brick-table__sort-indicator path{d:path("m4 10 4-4 4 4")}.brick-table__head[data-sort=descending] .brick-table__sort-indicator path{d:path("m4 6 4 4 4-4")}@media (forced-colors:active){.brick-table{--brick-table-border-color:CanvasText;--brick-table-header-background:Canvas;--brick-table-body-background:Canvas;--brick-table-row-stripe-background:Canvas;--brick-table-footer-background:Canvas;--brick-table-sort-indicator-color:CanvasText}}}@layer brick.utilities,brick.effects;
2
2
  /*# sourceMappingURL=table.css.map */
package/dist/styles/table.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,wJASA,o7CAgCA,+KACA,+KACA,yFAEA,mFACA,uGACA,+GAEA,kXAWA,4LACA,iEACA,8FACA,qFACA,uHACA,sOAEA,sPAGA,wJACA,yNACA,kSAEA,4LACA,yLAEA,sLAEA,8MACA,8JACA,kGACA,kGAEA,8BACE,iQDtFJ","sources":["home/runner/work/brick/brick/.brick-cache/production/table.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/table/table.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/table/table.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-table-container {\n box-sizing: border-box;\n inline-size: 100%;\n min-inline-size: 0;\n max-inline-size: 100%;\n overflow-x: auto;\n overscroll-behavior-inline: contain;\n }\n\n .brick-table {\n --brick-table-inline-size: 100%;\n --brick-table-min-inline-size: 0;\n --brick-table-border-color: var(--brick-color-border-subtle);\n --brick-table-border-width: var(--brick-border-width);\n --brick-table-radius: var(--brick-radius-surface);\n --brick-table-header-background: var(--brick-color-surface-subtle);\n --brick-table-header-foreground: var(--brick-color-text-primary);\n --brick-table-body-background: var(--brick-color-surface);\n --brick-table-row-stripe-background: var(--brick-color-surface-subtle);\n --brick-table-footer-background: var(--brick-color-surface-subtle);\n --brick-table-footer-foreground: var(--brick-color-text-primary);\n --brick-table-cell-foreground: var(--brick-color-text-primary);\n --brick-table-cell-padding-inline: var(--brick-space-4);\n --brick-table-cell-padding-block: var(--brick-space-3);\n --brick-table-row-min-block-size: 3rem;\n --brick-table-caption-foreground: var(--brick-color-text-secondary);\n --brick-table-caption-gap: var(--brick-space-3);\n --brick-table-sticky-offset: 0px;\n --brick-table-sticky-z-index: 1;\n --brick-table-sort-indicator-size: 1rem;\n --brick-table-sort-indicator-color: var(--brick-color-text-secondary);\n inline-size: var(--brick-table-inline-size);\n min-inline-size: var(--brick-table-min-inline-size);\n border-collapse: separate;\n border-spacing: 0;\n color: var(--brick-table-cell-foreground);\n font-family: var(--brick-typography-body-md-font-family);\n font-size: var(--brick-typography-body-md-font-size);\n line-height: var(--brick-typography-body-md-line-height);\n }\n\n .brick-table[data-size=\"sm\"] { font-size: var(--brick-typography-body-sm-font-size); line-height: var(--brick-typography-body-sm-line-height); --brick-table-row-min-block-size: 2.5rem; }\n .brick-table[data-size=\"lg\"] { font-size: var(--brick-typography-body-lg-font-size); line-height: var(--brick-typography-body-lg-line-height); --brick-table-row-min-block-size: 3.5rem; }\n .brick-table[data-density=\"compact\"] { --brick-table-cell-padding-block: var(--brick-space-1); }\n\n .brick-table__caption { color: var(--brick-table-caption-foreground); text-align: start; }\n .brick-table__caption[data-side=\"top\"] { caption-side: top; padding-block-end: var(--brick-table-caption-gap); }\n .brick-table__caption[data-side=\"bottom\"] { caption-side: bottom; padding-block-start: var(--brick-table-caption-gap); }\n\n .brick-table__head,\n .brick-table__cell {\n box-sizing: border-box;\n min-block-size: var(--brick-table-row-min-block-size);\n padding-block: var(--brick-table-cell-padding-block);\n padding-inline: var(--brick-table-cell-padding-inline);\n border-block-end: var(--brick-table-border-width) solid var(--brick-table-border-color);\n text-align: start;\n vertical-align: middle;\n overflow-wrap: break-word;\n }\n .brick-table__head { color: var(--brick-table-header-foreground); background: var(--brick-table-header-background); font-weight: var(--brick-typography-heading-sm-font-weight); white-space: nowrap; }\n .brick-table__cell { background: var(--brick-table-body-background); }\n .brick-table__head[data-align=\"center\"], .brick-table__cell[data-align=\"center\"] { text-align: center; }\n .brick-table__head[data-align=\"end\"], .brick-table__cell[data-align=\"end\"] { text-align: end; }\n .brick-table__head[data-numeric], .brick-table__cell[data-numeric] { white-space: nowrap; font-variant-numeric: tabular-nums; }\n .brick-table__footer .brick-table__head,\n .brick-table__footer .brick-table__cell { color: var(--brick-table-footer-foreground); background: var(--brick-table-footer-background); font-weight: var(--brick-typography-heading-sm-font-weight); }\n .brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(even) .brick-table__cell,\n .brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(even) .brick-table__head { background: var(--brick-table-row-stripe-background); }\n\n .brick-table[data-variant=\"outline\"] { border: var(--brick-table-border-width) solid var(--brick-table-border-color); border-radius: var(--brick-table-radius); }\n .brick-table[data-variant=\"outline\"] :where(.brick-table__head, .brick-table__cell) + :where(.brick-table__head, .brick-table__cell) { border-inline-start: var(--brick-table-border-width) solid var(--brick-table-border-color); }\n .brick-table[data-variant=\"outline\"] .brick-table__footer .brick-table__row:last-child :where(.brick-table__head, .brick-table__cell),\n .brick-table[data-variant=\"outline\"] .brick-table__body:last-child .brick-table__row:last-child :where(.brick-table__head, .brick-table__cell) { border-block-end: 0; }\n .brick-table[data-variant=\"outline\"] .brick-table__footer .brick-table__row:last-child > :first-child { border-end-start-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n .brick-table[data-variant=\"outline\"] .brick-table__footer .brick-table__row:last-child > :last-child { border-end-end-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n\n .brick-table[data-sticky-header] .brick-table__header .brick-table__head { position: sticky; inset-block-start: var(--brick-table-sticky-offset); z-index: var(--brick-table-sticky-z-index); }\n\n .brick-table__sort-indicator { display: inline-flex; inline-size: var(--brick-table-sort-indicator-size); block-size: var(--brick-table-sort-indicator-size); flex: none; color: var(--brick-table-sort-indicator-color); }\n .brick-table__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-table__head[data-sort=\"ascending\"] .brick-table__sort-indicator path { d: path(\"m4 10 4-4 4 4\"); }\n .brick-table__head[data-sort=\"descending\"] .brick-table__sort-indicator path { d: path(\"m4 6 4 4 4-4\"); }\n\n @media (forced-colors: active) {\n .brick-table { --brick-table-border-color: CanvasText; --brick-table-header-background: Canvas; --brick-table-body-background: Canvas; --brick-table-row-stripe-background: Canvas; --brick-table-footer-background: Canvas; --brick-table-sort-indicator-color: CanvasText; }\n }\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,wJASA,y7CAgCA,+KACA,+KACA,yFAEA,mFACA,uGACA,+GAEA,kXAWA,+LACA,iEACA,8FACA,qFACA,uHACA,yOAEA,sPAGA,wJACA,yNACA,4VAEA,wVAEA,kSAEA,4LACA,yLACA,qOACA,kOAEA,sLAEA,8MACA,8JACA,kGACA,kGAEA,8BACE,iQD5FJ","sources":["home/runner/work/brick/brick/.brick-cache/production/table.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/table/table.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/table/table.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-table-container {\n box-sizing: border-box;\n inline-size: 100%;\n min-inline-size: 0;\n max-inline-size: 100%;\n overflow-x: auto;\n overscroll-behavior-inline: contain;\n }\n\n .brick-table {\n --brick-table-inline-size: 100%;\n --brick-table-min-inline-size: 0;\n --brick-table-border-color: var(--brick-color-border-subtle);\n --brick-table-border-width: var(--brick-border-width);\n --brick-table-radius: var(--brick-radius-surface);\n --brick-table-header-background: var(--brick-color-surface-subtle);\n --brick-table-header-foreground: var(--brick-color-text-primary);\n --brick-table-body-background: var(--brick-color-surface-base);\n --brick-table-row-stripe-background: var(--brick-color-surface-subtle);\n --brick-table-footer-background: var(--brick-color-surface-subtle);\n --brick-table-footer-foreground: var(--brick-color-text-primary);\n --brick-table-cell-foreground: var(--brick-color-text-primary);\n --brick-table-cell-padding-inline: var(--brick-space-4);\n --brick-table-cell-padding-block: var(--brick-space-3);\n --brick-table-row-min-block-size: 3rem;\n --brick-table-caption-foreground: var(--brick-color-text-secondary);\n --brick-table-caption-gap: var(--brick-space-3);\n --brick-table-sticky-offset: 0px;\n --brick-table-sticky-z-index: 1;\n --brick-table-sort-indicator-size: 1rem;\n --brick-table-sort-indicator-color: var(--brick-color-text-secondary);\n inline-size: var(--brick-table-inline-size);\n min-inline-size: var(--brick-table-min-inline-size);\n border-collapse: separate;\n border-spacing: 0;\n color: var(--brick-table-cell-foreground);\n font-family: var(--brick-typography-body-md-font-family);\n font-size: var(--brick-typography-body-md-font-size);\n line-height: var(--brick-typography-body-md-line-height);\n }\n\n .brick-table[data-size=\"sm\"] { font-size: var(--brick-typography-body-sm-font-size); line-height: var(--brick-typography-body-sm-line-height); --brick-table-row-min-block-size: 2.5rem; }\n .brick-table[data-size=\"lg\"] { font-size: var(--brick-typography-body-lg-font-size); line-height: var(--brick-typography-body-lg-line-height); --brick-table-row-min-block-size: 3.5rem; }\n .brick-table[data-density=\"compact\"] { --brick-table-cell-padding-block: var(--brick-space-1); }\n\n .brick-table__caption { color: var(--brick-table-caption-foreground); text-align: start; }\n .brick-table__caption[data-side=\"top\"] { caption-side: top; padding-block-end: var(--brick-table-caption-gap); }\n .brick-table__caption[data-side=\"bottom\"] { caption-side: bottom; padding-block-start: var(--brick-table-caption-gap); }\n\n .brick-table__head,\n .brick-table__cell {\n box-sizing: border-box;\n min-block-size: var(--brick-table-row-min-block-size);\n padding-block: var(--brick-table-cell-padding-block);\n padding-inline: var(--brick-table-cell-padding-inline);\n border-block-end: var(--brick-table-border-width) solid var(--brick-table-border-color);\n text-align: start;\n vertical-align: middle;\n overflow-wrap: break-word;\n }\n .brick-table__head { color: var(--brick-table-header-foreground); background: var(--brick-table-header-background); font-weight: var(--brick-typography-compact-title-font-weight); white-space: nowrap; }\n .brick-table__cell { background: var(--brick-table-body-background); }\n .brick-table__head[data-align=\"center\"], .brick-table__cell[data-align=\"center\"] { text-align: center; }\n .brick-table__head[data-align=\"end\"], .brick-table__cell[data-align=\"end\"] { text-align: end; }\n .brick-table__head[data-numeric], .brick-table__cell[data-numeric] { white-space: nowrap; font-variant-numeric: tabular-nums; }\n .brick-table__footer .brick-table__head,\n .brick-table__footer .brick-table__cell { color: var(--brick-table-footer-foreground); background: var(--brick-table-footer-background); font-weight: var(--brick-typography-compact-title-font-weight); }\n .brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(even) .brick-table__cell,\n .brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(even) .brick-table__head { background: var(--brick-table-row-stripe-background); }\n\n .brick-table[data-variant=\"outline\"] { border: var(--brick-table-border-width) solid var(--brick-table-border-color); border-radius: var(--brick-table-radius); }\n .brick-table[data-variant=\"outline\"] :where(.brick-table__head, .brick-table__cell) + :where(.brick-table__head, .brick-table__cell) { border-inline-start: var(--brick-table-border-width) solid var(--brick-table-border-color); }\n .brick-table[data-variant=\"outline\"] .brick-table__header:first-of-type .brick-table__row:first-child > :first-child,\n .brick-table[data-variant=\"outline\"]:not(:has(.brick-table__header)) .brick-table__body:first-of-type .brick-table__row:first-child > :first-child { border-start-start-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n .brick-table[data-variant=\"outline\"] .brick-table__header:first-of-type .brick-table__row:first-child > :last-child,\n .brick-table[data-variant=\"outline\"]:not(:has(.brick-table__header)) .brick-table__body:first-of-type .brick-table__row:first-child > :last-child { border-start-end-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n .brick-table[data-variant=\"outline\"] .brick-table__footer .brick-table__row:last-child :where(.brick-table__head, .brick-table__cell),\n .brick-table[data-variant=\"outline\"] .brick-table__body:last-child .brick-table__row:last-child :where(.brick-table__head, .brick-table__cell) { border-block-end: 0; }\n .brick-table[data-variant=\"outline\"] .brick-table__footer .brick-table__row:last-child > :first-child { border-end-start-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n .brick-table[data-variant=\"outline\"] .brick-table__footer .brick-table__row:last-child > :last-child { border-end-end-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n .brick-table[data-variant=\"outline\"]:not(:has(.brick-table__footer)) .brick-table__body:last-child .brick-table__row:last-child > :first-child { border-end-start-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n .brick-table[data-variant=\"outline\"]:not(:has(.brick-table__footer)) .brick-table__body:last-child .brick-table__row:last-child > :last-child { border-end-end-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n\n .brick-table[data-sticky-header] .brick-table__header .brick-table__head { position: sticky; inset-block-start: var(--brick-table-sticky-offset); z-index: var(--brick-table-sticky-z-index); }\n\n .brick-table__sort-indicator { display: inline-flex; inline-size: var(--brick-table-sort-indicator-size); block-size: var(--brick-table-sort-indicator-size); flex: none; color: var(--brick-table-sort-indicator-color); }\n .brick-table__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-table__head[data-sort=\"ascending\"] .brick-table__sort-indicator path { d: path(\"m4 10 4-4 4 4\"); }\n .brick-table__head[data-sort=\"descending\"] .brick-table__sort-indicator path { d: path(\"m4 6 4 4 4-4\"); }\n\n @media (forced-colors: active) {\n .brick-table { --brick-table-border-color: CanvasText; --brick-table-header-background: Canvas; --brick-table-body-background: Canvas; --brick-table-row-stripe-background: Canvas; --brick-table-footer-background: Canvas; --brick-table-sort-indicator-color: CanvasText; }\n }\n}\n"],"names":[]}
package/dist/styles/tabs.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer brick.tokens,brick.foundations;@layer brick.components{.brick-tabs{--brick-tabs-foreground:var(--brick-color-text-secondary);--brick-tabs-selected-foreground:var(--brick-color-accent-text);--brick-tabs-hover-background:var(--brick-color-surface-subtle);--brick-tabs-list-background:transparent;--brick-tabs-selected-background:transparent;--brick-tabs-border-color:var(--brick-color-border-default);--brick-tabs-indicator-color:var(--brick-color-accent-solid);--brick-tabs-focus-ring:var(--brick-color-focus-ring);--brick-tabs-gap:var(--brick-space-1);--brick-tabs-trigger-gap:var(--brick-space-2);--brick-tabs-trigger-height:2.75rem;--brick-tabs-trigger-padding:var(--brick-space-3);--brick-tabs-panel-padding:var(--brick-space-4);--brick-tabs-list-padding:max(var(--brick-space-1), calc(var(--brick-border-focus-width) + var(--brick-border-focus-offset)));--brick-tabs-radius:var(--brick-radius-control);--brick-tabs-font-family:var(--brick-typography-control-md-font-family);--brick-tabs-font-size:var(--brick-typography-control-md-font-size);--brick-tabs-font-weight:var(--brick-typography-control-md-font-weight);--brick-tabs-line-height:var(--brick-typography-control-md-line-height);flex-direction:column;min-inline-size:0;display:flex}.brick-tabs[data-size=sm]{--brick-tabs-trigger-height:2.25rem;--brick-tabs-trigger-padding:var(--brick-space-2);--brick-tabs-panel-padding:var(--brick-space-3);--brick-tabs-font-family:var(--brick-typography-control-sm-font-family);--brick-tabs-font-size:var(--brick-typography-control-sm-font-size);--brick-tabs-font-weight:var(--brick-typography-control-sm-font-weight);--brick-tabs-line-height:var(--brick-typography-control-sm-line-height)}.brick-tabs[data-size=lg]{--brick-tabs-trigger-height:3.25rem;--brick-tabs-trigger-padding:var(--brick-space-4);--brick-tabs-panel-padding:var(--brick-space-5);--brick-tabs-font-family:var(--brick-typography-control-lg-font-family);--brick-tabs-font-size:var(--brick-typography-control-lg-font-size);--brick-tabs-font-weight:var(--brick-typography-control-lg-font-weight);--brick-tabs-line-height:var(--brick-typography-control-lg-line-height)}.brick-tabs[data-orientation=vertical]{flex-direction:row;align-items:stretch}.brick-tabs[data-layout=stacked]{flex-direction:column}.brick-tabs[data-layout=side]{flex-direction:row;align-items:stretch}.brick-tabs-list{box-sizing:border-box;gap:var(--brick-tabs-gap);border-block-end:var(--brick-border-width) solid var(--brick-tabs-border-color);background:var(--brick-tabs-list-background);scrollbar-width:thin;flex:none;min-inline-size:0;max-inline-size:100%;display:flex;position:relative;overflow:auto hidden}.brick-tabs-list[data-orientation=vertical]{border-block-end:0;border-inline-end:var(--brick-border-width) solid var(--brick-tabs-border-color);flex-direction:column;min-inline-size:max-content;overflow:visible}.brick-tabs-list[data-columns]{--brick-tabs-list-columns:1;grid-template-columns:repeat(var(--brick-tabs-list-columns), minmax(0, 1fr));align-content:stretch;display:grid}.brick-tabs-list[data-columns="2"]{--brick-tabs-list-columns:2}.brick-tabs-list[data-columns="3"]{--brick-tabs-list-columns:3}.brick-tabs-list[data-columns="4"]{--brick-tabs-list-columns:4}.brick-tabs-list[data-columns]>.brick-tabs-trigger{white-space:normal;inline-size:100%;min-inline-size:0}.brick-tabs[data-layout=stacked]>.brick-tabs-list[data-orientation=vertical]{border-block-end:var(--brick-border-width) solid var(--brick-tabs-border-color);border-inline-end:0;inline-size:100%;min-inline-size:0}.brick-tabs[data-layout=side]>.brick-tabs-list[data-orientation=vertical]{border-block-end:0;border-inline-end:var(--brick-border-width) solid var(--brick-tabs-border-color);inline-size:auto;min-inline-size:max-content}.brick-tabs-trigger{box-sizing:border-box;min-block-size:var(--brick-tabs-trigger-height);justify-content:center;align-items:center;gap:var(--brick-tabs-trigger-gap);padding-inline:var(--brick-tabs-trigger-padding);border:var(--brick-border-width) solid transparent;border-radius:var(--brick-tabs-radius) var(--brick-tabs-radius) 0 0;color:var(--brick-tabs-foreground);font-family:var(--brick-tabs-font-family);font-size:var(--brick-tabs-font-size);font-weight:var(--brick-tabs-font-weight);line-height:var(--brick-tabs-line-height);white-space:nowrap;cursor:pointer;touch-action:manipulation;background:0 0;flex:none;display:inline-flex}.brick-tabs-trigger:hover:not(:disabled){background:var(--brick-tabs-hover-background);color:var(--brick-color-text-primary)}.brick-tabs-trigger[data-state=active]{color:var(--brick-tabs-selected-foreground)}.brick-tabs-trigger:focus-visible,.brick-tabs-content:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-tabs-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-tabs-trigger:disabled{opacity:.55;cursor:not-allowed}.brick-tabs[data-full-width] .brick-tabs-list[data-orientation=horizontal]>.brick-tabs-trigger{flex:1 1 0}.brick-tabs-content{box-sizing:border-box;min-inline-size:0;padding:var(--brick-tabs-panel-padding);color:var(--brick-color-text-primary);flex:auto}.brick-tabs-content[data-inset=none]{padding:0}.brick-tabs-content[data-inset=sm]{padding:var(--brick-space-3)}.brick-tabs-content[data-inset=md]{padding:var(--brick-space-4)}.brick-tabs-content[data-inset=lg]{padding:var(--brick-space-5)}.brick-tabs-indicator{z-index:1;pointer-events:none;background:var(--brick-tabs-indicator-color);transition:translate var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), inline-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), block-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);position:absolute}.brick-tabs-indicator[data-orientation=horizontal]{inset-block-end:0;inline-size:var(--tabs-indicator-width);block-size:.125rem;translate:var(--tabs-indicator-left) 0;left:0}.brick-tabs-indicator[data-orientation=vertical]{inline-size:.125rem;block-size:var(--tabs-indicator-height);translate:0 var(--tabs-indicator-top);inset-block-start:0;inset-inline-end:0}.brick-tabs:not([data-variant=line]) .brick-tabs-indicator{display:none}.brick-tabs[data-variant=line] .brick-tabs-trigger[data-state=active]{border-block-end-color:var(--brick-tabs-indicator-color)}.brick-tabs[data-variant=line] .brick-tabs-list[data-orientation=vertical] .brick-tabs-trigger[data-state=active]{border-block-end-color:#0000;border-inline-end-color:var(--brick-tabs-indicator-color)}.brick-tabs[data-variant=solid]{--brick-tabs-list-background:var(--brick-color-surface-subtle);--brick-tabs-selected-background:var(--brick-color-surface-raised)}.brick-tabs[data-variant=soft]{--brick-tabs-selected-background:var(--brick-color-accent-soft)}.brick-tabs:is([data-variant=solid],[data-variant=soft]) .brick-tabs-list{padding:var(--brick-tabs-list-padding);border-radius:var(--brick-tabs-radius);border:0}.brick-tabs:is([data-variant=solid],[data-variant=soft]) .brick-tabs-trigger{border-radius:calc(var(--brick-tabs-radius) - var(--brick-space-1))}.brick-tabs:is([data-variant=solid],[data-variant=soft])>.brick-tabs-list[data-radius=none],.brick-tabs:is([data-variant=solid],[data-variant=soft])>.brick-tabs-list[data-radius=none]:not([data-trigger-radius=default])>.brick-tabs-trigger,.brick-tabs:is([data-variant=solid],[data-variant=soft])>.brick-tabs-list[data-trigger-radius=none]>.brick-tabs-trigger{border-radius:0}.brick-tabs:is([data-variant=solid],[data-variant=soft])>.brick-tabs-list[data-trigger-radius=default]>.brick-tabs-trigger{border-radius:calc(var(--brick-tabs-radius) - var(--brick-space-1))}.brick-tabs:is([data-variant=solid],[data-variant=soft]) .brick-tabs-trigger[data-state=active]{background:var(--brick-tabs-selected-background);box-shadow:var(--brick-shadow-sm)}.brick-tabs[data-variant=enclosed] .brick-tabs-list{gap:var(--brick-space-1)}.brick-tabs[data-variant=enclosed] .brick-tabs-trigger[data-state=active]{border-color:var(--brick-tabs-border-color);border-block-end-color:var(--brick-color-surface-base);background:var(--brick-color-surface-base);margin-block-end:calc(-1 * var(--brick-border-width))}.brick-tabs[data-variant=enclosed] .brick-tabs-content{border:var(--brick-border-width) solid var(--brick-tabs-border-color);border-radius:0 0 var(--brick-tabs-radius) var(--brick-tabs-radius);border-block-start:0}@media (prefers-reduced-motion:reduce){.brick-tabs-indicator{transition:none}}@media (width>=30rem){.brick-tabs-list[data-columns-sm="1"]{--brick-tabs-list-columns:1}.brick-tabs-list[data-columns-sm="2"]{--brick-tabs-list-columns:2}.brick-tabs-list[data-columns-sm="3"]{--brick-tabs-list-columns:3}.brick-tabs-list[data-columns-sm="4"]{--brick-tabs-list-columns:4}.brick-tabs[data-layout-sm=stacked]{flex-direction:column}.brick-tabs[data-layout-sm=side]{flex-direction:row;align-items:stretch}.brick-tabs[data-layout-sm=stacked]>.brick-tabs-list[data-orientation=vertical]{border-block-end:var(--brick-border-width) solid var(--brick-tabs-border-color);border-inline-end:0;inline-size:100%;min-inline-size:0}.brick-tabs[data-layout-sm=side]>.brick-tabs-list[data-orientation=vertical]{border-block-end:0;border-inline-end:var(--brick-border-width) solid var(--brick-tabs-border-color);inline-size:auto;min-inline-size:max-content}}@media (width>=48rem){.brick-tabs-list[data-columns-md="1"]{--brick-tabs-list-columns:1}.brick-tabs-list[data-columns-md="2"]{--brick-tabs-list-columns:2}.brick-tabs-list[data-columns-md="3"]{--brick-tabs-list-columns:3}.brick-tabs-list[data-columns-md="4"]{--brick-tabs-list-columns:4}.brick-tabs[data-layout-md=stacked]{flex-direction:column}.brick-tabs[data-layout-md=side]{flex-direction:row;align-items:stretch}.brick-tabs[data-layout-md=stacked]>.brick-tabs-list[data-orientation=vertical]{border-block-end:var(--brick-border-width) solid var(--brick-tabs-border-color);border-inline-end:0;inline-size:100%;min-inline-size:0}.brick-tabs[data-layout-md=side]>.brick-tabs-list[data-orientation=vertical]{border-block-end:0;border-inline-end:var(--brick-border-width) solid var(--brick-tabs-border-color);inline-size:auto;min-inline-size:max-content}}@media (width>=64rem){.brick-tabs-list[data-columns-lg="1"]{--brick-tabs-list-columns:1}.brick-tabs-list[data-columns-lg="2"]{--brick-tabs-list-columns:2}.brick-tabs-list[data-columns-lg="3"]{--brick-tabs-list-columns:3}.brick-tabs-list[data-columns-lg="4"]{--brick-tabs-list-columns:4}.brick-tabs[data-layout-lg=stacked]{flex-direction:column}.brick-tabs[data-layout-lg=side]{flex-direction:row;align-items:stretch}.brick-tabs[data-layout-lg=stacked]>.brick-tabs-list[data-orientation=vertical]{border-block-end:var(--brick-border-width) solid var(--brick-tabs-border-color);border-inline-end:0;inline-size:100%;min-inline-size:0}.brick-tabs[data-layout-lg=side]>.brick-tabs-list[data-orientation=vertical]{border-block-end:0;border-inline-end:var(--brick-border-width) solid var(--brick-tabs-border-color);inline-size:auto;min-inline-size:max-content}}@media (width>=80rem){.brick-tabs-list[data-columns-xl="1"]{--brick-tabs-list-columns:1}.brick-tabs-list[data-columns-xl="2"]{--brick-tabs-list-columns:2}.brick-tabs-list[data-columns-xl="3"]{--brick-tabs-list-columns:3}.brick-tabs-list[data-columns-xl="4"]{--brick-tabs-list-columns:4}.brick-tabs[data-layout-xl=stacked]{flex-direction:column}.brick-tabs[data-layout-xl=side]{flex-direction:row;align-items:stretch}.brick-tabs[data-layout-xl=stacked]>.brick-tabs-list[data-orientation=vertical]{border-block-end:var(--brick-border-width) solid var(--brick-tabs-border-color);border-inline-end:0;inline-size:100%;min-inline-size:0}.brick-tabs[data-layout-xl=side]>.brick-tabs-list[data-orientation=vertical]{border-block-end:0;border-inline-end:var(--brick-border-width) solid var(--brick-tabs-border-color);inline-size:auto;min-inline-size:max-content}}@media (forced-colors:active){.brick-tabs-list{border-color:canvastext}.brick-tabs-trigger{color:buttontext;forced-color-adjust:auto}.brick-tabs-trigger[data-state=active]{color:highlight;border-color:highlight;box-shadow:inset 0 -.125rem highlight}.brick-tabs-indicator{background:highlight}.brick-tabs-trigger:focus-visible,.brick-tabs-content:focus-visible{outline-color:highlight}}}@layer brick.utilities,brick.effects;
1
+ @layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-tabs{--brick-tabs-foreground:var(--brick-color-text-secondary);--brick-tabs-selected-foreground:var(--brick-color-accent-text);--brick-tabs-hover-background:var(--brick-color-surface-subtle);--brick-tabs-list-background:transparent;--brick-tabs-selected-background:transparent;--brick-tabs-border-color:var(--brick-color-border-default);--brick-tabs-indicator-color:var(--brick-color-accent-solid);--brick-tabs-focus-ring:var(--brick-color-focus-ring);--brick-tabs-gap:var(--brick-space-1);--brick-tabs-trigger-gap:var(--brick-space-2);--brick-tabs-trigger-height:2.75rem;--brick-tabs-trigger-padding:var(--brick-space-3);--brick-tabs-panel-padding:var(--brick-space-4);--brick-tabs-list-padding:max(var(--brick-space-1), calc(var(--brick-border-focus-width) + var(--brick-border-focus-offset)));--brick-tabs-radius:var(--brick-radius-control);--brick-tabs-font-family:var(--brick-typography-control-md-font-family);--brick-tabs-font-size:var(--brick-typography-control-md-font-size);--brick-tabs-font-weight:var(--brick-typography-control-md-font-weight);--brick-tabs-line-height:var(--brick-typography-control-md-line-height);flex-direction:column;min-inline-size:0;display:flex}.brick-tabs[data-size=sm]{--brick-tabs-trigger-height:2.25rem;--brick-tabs-trigger-padding:var(--brick-space-2);--brick-tabs-panel-padding:var(--brick-space-3);--brick-tabs-font-family:var(--brick-typography-control-sm-font-family);--brick-tabs-font-size:var(--brick-typography-control-sm-font-size);--brick-tabs-font-weight:var(--brick-typography-control-sm-font-weight);--brick-tabs-line-height:var(--brick-typography-control-sm-line-height)}.brick-tabs[data-size=lg]{--brick-tabs-trigger-height:3.25rem;--brick-tabs-trigger-padding:var(--brick-space-4);--brick-tabs-panel-padding:var(--brick-space-5);--brick-tabs-font-family:var(--brick-typography-control-lg-font-family);--brick-tabs-font-size:var(--brick-typography-control-lg-font-size);--brick-tabs-font-weight:var(--brick-typography-control-lg-font-weight);--brick-tabs-line-height:var(--brick-typography-control-lg-line-height)}.brick-tabs[data-orientation=vertical]{flex-direction:row;align-items:stretch}.brick-tabs[data-layout=stacked]{flex-direction:column}.brick-tabs[data-layout=side]{flex-direction:row;align-items:stretch}.brick-tabs-list{box-sizing:border-box;gap:var(--brick-tabs-gap);border-block-end:var(--brick-border-width) solid var(--brick-tabs-border-color);background:var(--brick-tabs-list-background);scrollbar-width:thin;flex:none;min-inline-size:0;max-inline-size:100%;display:flex;position:relative;overflow:auto hidden}.brick-tabs-list[data-orientation=vertical]{border-block-end:0;border-inline-end:var(--brick-border-width) solid var(--brick-tabs-border-color);flex-direction:column;min-inline-size:max-content;overflow:visible}.brick-tabs-list[data-columns]{--brick-tabs-list-columns:1;grid-template-columns:repeat(var(--brick-tabs-list-columns), minmax(0, 1fr));align-content:stretch;display:grid}.brick-tabs-list[data-columns="2"]{--brick-tabs-list-columns:2}.brick-tabs-list[data-columns="3"]{--brick-tabs-list-columns:3}.brick-tabs-list[data-columns="4"]{--brick-tabs-list-columns:4}.brick-tabs-list[data-columns]>.brick-tabs-trigger{white-space:normal;inline-size:100%;min-inline-size:0}.brick-tabs[data-layout=stacked]>.brick-tabs-list[data-orientation=vertical]{border-block-end:var(--brick-border-width) solid var(--brick-tabs-border-color);border-inline-end:0;inline-size:100%;min-inline-size:0}.brick-tabs[data-layout=side]>.brick-tabs-list[data-orientation=vertical]{border-block-end:0;border-inline-end:var(--brick-border-width) solid var(--brick-tabs-border-color);inline-size:auto;min-inline-size:max-content}.brick-tabs-trigger{box-sizing:border-box;min-block-size:var(--brick-tabs-trigger-height);justify-content:center;align-items:center;gap:var(--brick-tabs-trigger-gap);padding-inline:var(--brick-tabs-trigger-padding);border:var(--brick-border-width) solid transparent;border-radius:var(--brick-tabs-radius) var(--brick-tabs-radius) 0 0;color:var(--brick-tabs-foreground);font-family:var(--brick-tabs-font-family);font-size:var(--brick-tabs-font-size);font-weight:var(--brick-tabs-font-weight);line-height:var(--brick-tabs-line-height);white-space:nowrap;cursor:pointer;touch-action:manipulation;background:0 0;flex:none;display:inline-flex}.brick-tabs-list[data-trigger-radius=none]>.brick-tabs-trigger{border-radius:0}.brick-tabs-trigger:hover:not(:disabled){background:var(--brick-tabs-hover-background);color:var(--brick-color-text-primary)}.brick-tabs-trigger[data-state=active]{color:var(--brick-tabs-selected-foreground)}.brick-tabs-trigger:focus-visible,.brick-tabs-content:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-tabs-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-tabs-trigger:disabled{opacity:.55;cursor:not-allowed}.brick-tabs[data-full-width] .brick-tabs-list[data-orientation=horizontal]>.brick-tabs-trigger{flex:1 1 0}.brick-tabs-content{box-sizing:border-box;min-inline-size:0;padding:var(--brick-tabs-panel-padding);color:var(--brick-color-text-primary);flex:auto}.brick-tabs-content[data-inset=none]{padding:0}.brick-tabs-content[data-inset=sm]{padding:var(--brick-space-3)}.brick-tabs-content[data-inset=md]{padding:var(--brick-space-4)}.brick-tabs-content[data-inset=lg]{padding:var(--brick-space-5)}.brick-tabs-indicator{z-index:1;pointer-events:none;background:var(--brick-tabs-indicator-color);transition:translate var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), inline-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), block-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);position:absolute}.brick-tabs-indicator[data-orientation=horizontal]{inset-block-end:0;inline-size:var(--tabs-indicator-width);block-size:.125rem;translate:var(--tabs-indicator-left) 0;left:0}.brick-tabs-indicator[data-orientation=vertical]{inline-size:.125rem;block-size:var(--tabs-indicator-height);translate:0 var(--tabs-indicator-top);inset-block-start:0;inset-inline-end:0}.brick-tabs:not([data-variant=line]) .brick-tabs-indicator{display:none}.brick-tabs[data-variant=line] .brick-tabs-trigger[data-state=active]{border-block-end-color:var(--brick-tabs-indicator-color)}.brick-tabs[data-variant=line]{--brick-tabs-selected-foreground:var(--brick-color-text-primary)}.brick-tabs[data-variant=line] .brick-tabs-list[data-orientation=vertical] .brick-tabs-trigger[data-state=active]{border-block-end-color:#0000;border-inline-end-color:var(--brick-tabs-indicator-color)}.brick-tabs[data-variant=solid]{--brick-tabs-list-background:var(--brick-color-surface-subtle);--brick-tabs-selected-background:var(--brick-color-surface-raised)}.brick-tabs[data-variant=soft]{--brick-tabs-selected-background:var(--brick-color-accent-soft)}.brick-tabs:is([data-variant=solid],[data-variant=soft]) .brick-tabs-list{padding:var(--brick-tabs-list-padding);border-radius:var(--brick-tabs-radius);border:0}.brick-tabs:is([data-variant=solid],[data-variant=soft]) .brick-tabs-trigger{border-radius:calc(var(--brick-tabs-radius) - var(--brick-space-1))}.brick-tabs:is([data-variant=solid],[data-variant=soft])>.brick-tabs-list[data-radius=none],.brick-tabs:is([data-variant=solid],[data-variant=soft])>.brick-tabs-list[data-radius=none]:not([data-trigger-radius=default])>.brick-tabs-trigger{border-radius:0}.brick-tabs:is([data-variant=solid],[data-variant=soft])>.brick-tabs-list[data-trigger-radius=default]>.brick-tabs-trigger{border-radius:calc(var(--brick-tabs-radius) - var(--brick-space-1))}.brick-tabs:is([data-variant=solid],[data-variant=soft]) .brick-tabs-trigger[data-state=active]{background:var(--brick-tabs-selected-background);box-shadow:var(--brick-shadow-sm)}.brick-tabs[data-variant=enclosed] .brick-tabs-list{gap:var(--brick-space-1)}.brick-tabs[data-variant=enclosed] .brick-tabs-trigger[data-state=active]{border-color:var(--brick-tabs-border-color);border-block-end-color:var(--brick-color-surface-base);background:var(--brick-color-surface-base);margin-block-end:calc(-1 * var(--brick-border-width))}.brick-tabs[data-variant=enclosed] .brick-tabs-content{border:var(--brick-border-width) solid var(--brick-tabs-border-color);border-radius:0 0 var(--brick-tabs-radius) var(--brick-tabs-radius);border-block-start:0}@media (prefers-reduced-motion:reduce){.brick-tabs-indicator{transition:none}}@media (width>=30rem){.brick-tabs-list[data-columns-sm="1"]{--brick-tabs-list-columns:1}.brick-tabs-list[data-columns-sm="2"]{--brick-tabs-list-columns:2}.brick-tabs-list[data-columns-sm="3"]{--brick-tabs-list-columns:3}.brick-tabs-list[data-columns-sm="4"]{--brick-tabs-list-columns:4}.brick-tabs[data-layout-sm=stacked]{flex-direction:column}.brick-tabs[data-layout-sm=side]{flex-direction:row;align-items:stretch}.brick-tabs[data-layout-sm=stacked]>.brick-tabs-list[data-orientation=vertical]{border-block-end:var(--brick-border-width) solid var(--brick-tabs-border-color);border-inline-end:0;inline-size:100%;min-inline-size:0}.brick-tabs[data-layout-sm=side]>.brick-tabs-list[data-orientation=vertical]{border-block-end:0;border-inline-end:var(--brick-border-width) solid var(--brick-tabs-border-color);inline-size:auto;min-inline-size:max-content}}@media (width>=48rem){.brick-tabs-list[data-columns-md="1"]{--brick-tabs-list-columns:1}.brick-tabs-list[data-columns-md="2"]{--brick-tabs-list-columns:2}.brick-tabs-list[data-columns-md="3"]{--brick-tabs-list-columns:3}.brick-tabs-list[data-columns-md="4"]{--brick-tabs-list-columns:4}.brick-tabs[data-layout-md=stacked]{flex-direction:column}.brick-tabs[data-layout-md=side]{flex-direction:row;align-items:stretch}.brick-tabs[data-layout-md=stacked]>.brick-tabs-list[data-orientation=vertical]{border-block-end:var(--brick-border-width) solid var(--brick-tabs-border-color);border-inline-end:0;inline-size:100%;min-inline-size:0}.brick-tabs[data-layout-md=side]>.brick-tabs-list[data-orientation=vertical]{border-block-end:0;border-inline-end:var(--brick-border-width) solid var(--brick-tabs-border-color);inline-size:auto;min-inline-size:max-content}}@media (width>=64rem){.brick-tabs-list[data-columns-lg="1"]{--brick-tabs-list-columns:1}.brick-tabs-list[data-columns-lg="2"]{--brick-tabs-list-columns:2}.brick-tabs-list[data-columns-lg="3"]{--brick-tabs-list-columns:3}.brick-tabs-list[data-columns-lg="4"]{--brick-tabs-list-columns:4}.brick-tabs[data-layout-lg=stacked]{flex-direction:column}.brick-tabs[data-layout-lg=side]{flex-direction:row;align-items:stretch}.brick-tabs[data-layout-lg=stacked]>.brick-tabs-list[data-orientation=vertical]{border-block-end:var(--brick-border-width) solid var(--brick-tabs-border-color);border-inline-end:0;inline-size:100%;min-inline-size:0}.brick-tabs[data-layout-lg=side]>.brick-tabs-list[data-orientation=vertical]{border-block-end:0;border-inline-end:var(--brick-border-width) solid var(--brick-tabs-border-color);inline-size:auto;min-inline-size:max-content}}@media (width>=80rem){.brick-tabs-list[data-columns-xl="1"]{--brick-tabs-list-columns:1}.brick-tabs-list[data-columns-xl="2"]{--brick-tabs-list-columns:2}.brick-tabs-list[data-columns-xl="3"]{--brick-tabs-list-columns:3}.brick-tabs-list[data-columns-xl="4"]{--brick-tabs-list-columns:4}.brick-tabs[data-layout-xl=stacked]{flex-direction:column}.brick-tabs[data-layout-xl=side]{flex-direction:row;align-items:stretch}.brick-tabs[data-layout-xl=stacked]>.brick-tabs-list[data-orientation=vertical]{border-block-end:var(--brick-border-width) solid var(--brick-tabs-border-color);border-inline-end:0;inline-size:100%;min-inline-size:0}.brick-tabs[data-layout-xl=side]>.brick-tabs-list[data-orientation=vertical]{border-block-end:0;border-inline-end:var(--brick-border-width) solid var(--brick-tabs-border-color);inline-size:auto;min-inline-size:max-content}}@media (forced-colors:active){.brick-tabs-list{border-color:canvastext}.brick-tabs-trigger{color:buttontext;forced-color-adjust:auto}.brick-tabs-trigger[data-state=active]{color:highlight;border-color:highlight;box-shadow:inset 0 -.125rem highlight}.brick-tabs-indicator{background:highlight}.brick-tabs-trigger:focus-visible,.brick-tabs-content:focus-visible{outline-color:highlight}}}@layer brick.utilities,brick.effects;
2
2
  /*# sourceMappingURL=tabs.css.map */