@olympusoss/canvas 3.2.1 → 5.0.0

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 (302) hide show
  1. package/README.md +75 -65
  2. package/package.json +11 -5
  3. package/src/atoms/avatar/avatar.md +185 -0
  4. package/src/atoms/avatar/avatar.styles.ts +48 -0
  5. package/src/atoms/avatar/avatar.tsx +99 -0
  6. package/src/atoms/badge/badge.md +237 -0
  7. package/src/atoms/badge/badge.styles.ts +79 -0
  8. package/src/atoms/badge/badge.tsx +86 -0
  9. package/src/atoms/breadcrumb/breadcrumb.md +233 -0
  10. package/src/atoms/breadcrumb/breadcrumb.styles.ts +40 -0
  11. package/src/atoms/breadcrumb/breadcrumb.tsx +130 -0
  12. package/src/atoms/button/button.android.tsx +6 -0
  13. package/src/atoms/button/button.ios.tsx +6 -0
  14. package/src/atoms/button/button.md +184 -0
  15. package/src/atoms/button/button.shared.tsx +79 -0
  16. package/src/atoms/button/button.styles.ts +152 -0
  17. package/src/atoms/button/button.tsx +6 -0
  18. package/src/atoms/button-group/button-group.android.tsx +6 -0
  19. package/src/atoms/button-group/button-group.ios.tsx +6 -0
  20. package/src/atoms/button-group/button-group.md +120 -0
  21. package/src/atoms/button-group/button-group.shared.tsx +398 -0
  22. package/src/atoms/button-group/button-group.styles.ts +483 -0
  23. package/src/atoms/button-group/button-group.tsx +6 -0
  24. package/src/atoms/checkbox/checkbox.android.tsx +6 -0
  25. package/src/atoms/checkbox/checkbox.ios.tsx +6 -0
  26. package/src/atoms/checkbox/checkbox.md +150 -0
  27. package/src/atoms/checkbox/checkbox.shared.tsx +103 -0
  28. package/src/atoms/checkbox/checkbox.styles.ts +106 -0
  29. package/src/atoms/checkbox/checkbox.tsx +6 -0
  30. package/src/atoms/combobox/combobox.android.tsx +6 -0
  31. package/src/atoms/combobox/combobox.ios.tsx +6 -0
  32. package/src/atoms/combobox/combobox.md +213 -0
  33. package/src/atoms/combobox/combobox.shared.tsx +160 -0
  34. package/src/atoms/combobox/combobox.styles.ts +270 -0
  35. package/src/atoms/combobox/combobox.tsx +6 -0
  36. package/src/atoms/divider/divider.md +140 -0
  37. package/src/atoms/divider/divider.styles.ts +35 -0
  38. package/src/atoms/divider/divider.tsx +67 -0
  39. package/src/atoms/dropdown/dropdown.android.tsx +6 -0
  40. package/src/atoms/dropdown/dropdown.ios.tsx +6 -0
  41. package/src/atoms/dropdown/dropdown.md +221 -0
  42. package/src/atoms/dropdown/dropdown.shared.tsx +190 -0
  43. package/src/atoms/dropdown/dropdown.styles.ts +233 -0
  44. package/src/atoms/dropdown/dropdown.tsx +6 -0
  45. package/src/atoms/icon/icon.md +131 -0
  46. package/src/atoms/icon/icon.styles.ts +30 -0
  47. package/src/atoms/icon/icon.tsx +328 -0
  48. package/src/atoms/index.ts +24 -0
  49. package/src/atoms/input/input.android.tsx +6 -0
  50. package/src/atoms/input/input.ios.tsx +6 -0
  51. package/src/atoms/input/input.md +118 -0
  52. package/src/atoms/input/input.shared.tsx +203 -0
  53. package/src/atoms/input/input.styles.ts +286 -0
  54. package/src/atoms/input/input.tsx +6 -0
  55. package/src/atoms/kbd/kbd.md +91 -0
  56. package/src/atoms/kbd/kbd.styles.ts +33 -0
  57. package/src/atoms/kbd/kbd.tsx +27 -0
  58. package/src/atoms/listbox/listbox.md +177 -0
  59. package/src/atoms/listbox/listbox.styles.ts +60 -0
  60. package/src/atoms/listbox/listbox.tsx +113 -0
  61. package/src/atoms/pagination/pagination.android.tsx +6 -0
  62. package/src/atoms/pagination/pagination.ios.tsx +6 -0
  63. package/src/atoms/pagination/pagination.md +133 -0
  64. package/src/atoms/pagination/pagination.shared.tsx +289 -0
  65. package/src/atoms/pagination/pagination.styles.ts +245 -0
  66. package/src/atoms/pagination/pagination.tsx +6 -0
  67. package/src/atoms/popover/popover.android.tsx +8 -0
  68. package/src/atoms/popover/popover.ios.tsx +6 -0
  69. package/src/atoms/popover/popover.md +87 -0
  70. package/src/atoms/popover/popover.shared.tsx +124 -0
  71. package/src/atoms/popover/popover.styles.ts +144 -0
  72. package/src/atoms/popover/popover.tsx +6 -0
  73. package/src/atoms/radio/radio.android.tsx +6 -0
  74. package/src/atoms/radio/radio.ios.tsx +6 -0
  75. package/src/atoms/radio/radio.md +173 -0
  76. package/src/atoms/radio/radio.shared.tsx +98 -0
  77. package/src/atoms/radio/radio.styles.ts +109 -0
  78. package/src/atoms/radio/radio.tsx +6 -0
  79. package/src/atoms/select/select.android.tsx +6 -0
  80. package/src/atoms/select/select.ios.tsx +6 -0
  81. package/src/atoms/select/select.md +156 -0
  82. package/src/atoms/select/select.shared.tsx +143 -0
  83. package/src/atoms/select/select.styles.ts +310 -0
  84. package/src/atoms/select/select.tsx +6 -0
  85. package/src/atoms/skeleton/skeleton.md +135 -0
  86. package/src/atoms/skeleton/skeleton.styles.ts +117 -0
  87. package/src/atoms/skeleton/skeleton.tsx +145 -0
  88. package/src/atoms/spinner/spinner.android.tsx +7 -0
  89. package/src/atoms/spinner/spinner.ios.tsx +7 -0
  90. package/src/atoms/spinner/spinner.md +94 -0
  91. package/src/atoms/spinner/spinner.shared.tsx +92 -0
  92. package/src/atoms/spinner/spinner.styles.tsx +115 -0
  93. package/src/atoms/spinner/spinner.tsx +7 -0
  94. package/src/atoms/switch/switch.android.tsx +6 -0
  95. package/src/atoms/switch/switch.ios.tsx +6 -0
  96. package/src/atoms/switch/switch.md +91 -0
  97. package/src/atoms/switch/switch.shared.tsx +97 -0
  98. package/src/atoms/switch/switch.styles.ts +79 -0
  99. package/src/atoms/switch/switch.tsx +6 -0
  100. package/src/atoms/textarea/textarea.android.tsx +6 -0
  101. package/src/atoms/textarea/textarea.ios.tsx +6 -0
  102. package/src/atoms/textarea/textarea.md +140 -0
  103. package/src/atoms/textarea/textarea.shared.tsx +74 -0
  104. package/src/atoms/textarea/textarea.styles.ts +116 -0
  105. package/src/atoms/textarea/textarea.tsx +6 -0
  106. package/src/atoms/tooltip/tooltip.android.tsx +6 -0
  107. package/src/atoms/tooltip/tooltip.ios.tsx +7 -0
  108. package/src/atoms/tooltip/tooltip.md +122 -0
  109. package/src/atoms/tooltip/tooltip.shared.tsx +113 -0
  110. package/src/atoms/tooltip/tooltip.styles.ts +113 -0
  111. package/src/atoms/tooltip/tooltip.tsx +6 -0
  112. package/src/atoms/typography/typography.md +330 -0
  113. package/src/atoms/typography/typography.styles.ts +95 -0
  114. package/src/atoms/typography/typography.tsx +76 -0
  115. package/src/index.ts +12 -2
  116. package/src/molecules/action-panels/action-panels.md +133 -0
  117. package/src/molecules/action-panels/action-panels.styles.ts +39 -0
  118. package/src/molecules/action-panels/action-panels.tsx +113 -0
  119. package/src/molecules/alert/alert.md +119 -0
  120. package/src/molecules/alert/alert.styles.ts +88 -0
  121. package/src/molecules/alert/alert.tsx +74 -0
  122. package/src/molecules/alert-dialog/alert-dialog.android.tsx +6 -0
  123. package/src/molecules/alert-dialog/alert-dialog.ios.tsx +6 -0
  124. package/src/molecules/alert-dialog/alert-dialog.md +177 -0
  125. package/src/molecules/alert-dialog/alert-dialog.shared.tsx +187 -0
  126. package/src/molecules/alert-dialog/alert-dialog.styles.ts +248 -0
  127. package/src/molecules/alert-dialog/alert-dialog.tsx +6 -0
  128. package/src/molecules/card/card.md +190 -0
  129. package/src/molecules/card/card.styles.ts +67 -0
  130. package/src/molecules/card/card.tsx +176 -0
  131. package/src/molecules/code-block/code-block.md +159 -0
  132. package/src/molecules/code-block/code-block.styles.ts +167 -0
  133. package/src/molecules/code-block/code-block.tsx +176 -0
  134. package/src/molecules/description-lists/description-lists.md +129 -0
  135. package/src/molecules/description-lists/description-lists.styles.ts +102 -0
  136. package/src/molecules/description-lists/description-lists.tsx +133 -0
  137. package/src/molecules/empty-state/empty-state.md +218 -0
  138. package/src/molecules/empty-state/empty-state.styles.ts +63 -0
  139. package/src/molecules/empty-state/empty-state.tsx +77 -0
  140. package/src/molecules/feeds/feeds.md +102 -0
  141. package/src/molecules/feeds/feeds.styles.ts +120 -0
  142. package/src/molecules/feeds/feeds.tsx +167 -0
  143. package/src/molecules/field/field.md +117 -0
  144. package/src/molecules/field/field.styles.ts +85 -0
  145. package/src/molecules/field/field.tsx +175 -0
  146. package/src/molecules/fieldset/fieldset.md +141 -0
  147. package/src/molecules/fieldset/fieldset.styles.ts +79 -0
  148. package/src/molecules/fieldset/fieldset.tsx +182 -0
  149. package/src/molecules/form/form.md +137 -0
  150. package/src/molecules/form/form.styles.ts +39 -0
  151. package/src/molecules/form/form.tsx +246 -0
  152. package/src/molecules/grid-lists/grid-lists.md +114 -0
  153. package/src/molecules/grid-lists/grid-lists.styles.ts +79 -0
  154. package/src/molecules/grid-lists/grid-lists.tsx +157 -0
  155. package/src/molecules/index.ts +16 -0
  156. package/src/molecules/media-objects/media-objects.md +87 -0
  157. package/src/molecules/media-objects/media-objects.styles.ts +94 -0
  158. package/src/molecules/media-objects/media-objects.tsx +128 -0
  159. package/src/molecules/stacked-lists/stacked-lists.md +116 -0
  160. package/src/molecules/stacked-lists/stacked-lists.styles.ts +111 -0
  161. package/src/molecules/stacked-lists/stacked-lists.tsx +195 -0
  162. package/src/molecules/stats/stats.md +166 -0
  163. package/src/molecules/stats/stats.styles.ts +91 -0
  164. package/src/molecules/stats/stats.tsx +88 -0
  165. package/src/organisms/calendar/calendar.android.tsx +6 -0
  166. package/src/organisms/calendar/calendar.ios.tsx +6 -0
  167. package/src/organisms/calendar/calendar.md +114 -0
  168. package/src/organisms/calendar/calendar.shared.tsx +146 -0
  169. package/src/organisms/calendar/calendar.styles.ts +315 -0
  170. package/src/organisms/calendar/calendar.tsx +6 -0
  171. package/src/organisms/charts/charts.md +326 -0
  172. package/src/organisms/charts/charts.styles.ts +135 -0
  173. package/src/organisms/charts/charts.tsx +124 -0
  174. package/src/organisms/command/command.md +117 -0
  175. package/src/organisms/command/command.styles.ts +179 -0
  176. package/src/organisms/command/command.tsx +164 -0
  177. package/src/organisms/data-table/data-table.md +182 -0
  178. package/src/organisms/data-table/data-table.styles.ts +103 -0
  179. package/src/organisms/data-table/data-table.tsx +105 -0
  180. package/src/organisms/dialog/dialog.android.tsx +6 -0
  181. package/src/organisms/dialog/dialog.ios.tsx +6 -0
  182. package/src/organisms/dialog/dialog.md +271 -0
  183. package/src/organisms/dialog/dialog.shared.tsx +230 -0
  184. package/src/organisms/dialog/dialog.styles.ts +272 -0
  185. package/src/organisms/dialog/dialog.tsx +6 -0
  186. package/src/organisms/filter-panel/filter-panel.md +116 -0
  187. package/src/organisms/filter-panel/filter-panel.styles.ts +83 -0
  188. package/src/organisms/filter-panel/filter-panel.tsx +91 -0
  189. package/src/organisms/index.ts +13 -0
  190. package/src/organisms/navbars/navbars.android.tsx +6 -0
  191. package/src/organisms/navbars/navbars.ios.tsx +6 -0
  192. package/src/organisms/navbars/navbars.md +144 -0
  193. package/src/organisms/navbars/navbars.shared.tsx +137 -0
  194. package/src/organisms/navbars/navbars.styles.ts +251 -0
  195. package/src/organisms/navbars/navbars.tsx +6 -0
  196. package/src/organisms/overlays/overlays.android.tsx +6 -0
  197. package/src/organisms/overlays/overlays.ios.tsx +6 -0
  198. package/src/organisms/overlays/overlays.md +123 -0
  199. package/src/organisms/overlays/overlays.shared.tsx +175 -0
  200. package/src/organisms/overlays/overlays.styles.ts +309 -0
  201. package/src/organisms/overlays/overlays.tsx +6 -0
  202. package/src/organisms/row-menu/row-menu.android.tsx +6 -0
  203. package/src/organisms/row-menu/row-menu.ios.tsx +6 -0
  204. package/src/organisms/row-menu/row-menu.md +102 -0
  205. package/src/organisms/row-menu/row-menu.shared.tsx +105 -0
  206. package/src/organisms/row-menu/row-menu.styles.ts +262 -0
  207. package/src/organisms/row-menu/row-menu.tsx +6 -0
  208. package/src/organisms/sidebar/sidebar.android.tsx +6 -0
  209. package/src/organisms/sidebar/sidebar.ios.tsx +6 -0
  210. package/src/organisms/sidebar/sidebar.md +188 -0
  211. package/src/organisms/sidebar/sidebar.shared.tsx +167 -0
  212. package/src/organisms/sidebar/sidebar.styles.ts +262 -0
  213. package/src/organisms/sidebar/sidebar.tsx +6 -0
  214. package/src/organisms/stepper/stepper.android.tsx +6 -0
  215. package/src/organisms/stepper/stepper.ios.tsx +6 -0
  216. package/src/organisms/stepper/stepper.md +150 -0
  217. package/src/organisms/stepper/stepper.shared.tsx +158 -0
  218. package/src/organisms/stepper/stepper.styles.ts +280 -0
  219. package/src/organisms/stepper/stepper.tsx +6 -0
  220. package/src/organisms/tabs/tabs.android.tsx +6 -0
  221. package/src/organisms/tabs/tabs.ios.tsx +6 -0
  222. package/src/organisms/tabs/tabs.md +127 -0
  223. package/src/organisms/tabs/tabs.shared.tsx +281 -0
  224. package/src/organisms/tabs/tabs.styles.ts +398 -0
  225. package/src/organisms/tabs/tabs.tsx +6 -0
  226. package/src/style/color.ts +17 -0
  227. package/src/style/index.ts +14 -0
  228. package/src/style/primitives.ts +26 -0
  229. package/src/style/responsive.ts +45 -0
  230. package/src/style/shadow.ts +21 -0
  231. package/src/style/theme.tsx +56 -0
  232. package/src/style/tokens.ts +487 -0
  233. package/styles/canvas.css +127 -74
  234. package/tsconfig.json +4 -2
  235. package/src/cn.ts +0 -3
  236. package/styles/atoms/avatar.css +0 -22
  237. package/styles/atoms/badge.css +0 -83
  238. package/styles/atoms/breadcrumb.css +0 -35
  239. package/styles/atoms/button-group.css +0 -23
  240. package/styles/atoms/button.css +0 -107
  241. package/styles/atoms/checkbox.css +0 -55
  242. package/styles/atoms/combobox.css +0 -76
  243. package/styles/atoms/dropdown.css +0 -54
  244. package/styles/atoms/icon.css +0 -8
  245. package/styles/atoms/input-group.css +0 -45
  246. package/styles/atoms/input.css +0 -56
  247. package/styles/atoms/kbd.css +0 -15
  248. package/styles/atoms/pagination.css +0 -48
  249. package/styles/atoms/popover.css +0 -14
  250. package/styles/atoms/radio.css +0 -28
  251. package/styles/atoms/select.css +0 -57
  252. package/styles/atoms/separator.css +0 -32
  253. package/styles/atoms/skeleton.css +0 -32
  254. package/styles/atoms/spinner.css +0 -26
  255. package/styles/atoms/switch.css +0 -45
  256. package/styles/atoms/textarea.css +0 -31
  257. package/styles/atoms/tooltip.css +0 -53
  258. package/styles/atoms/typography.css +0 -105
  259. package/styles/base.css +0 -17
  260. package/styles/molecules/alert.css +0 -66
  261. package/styles/molecules/card.css +0 -58
  262. package/styles/molecules/code-block.css +0 -18
  263. package/styles/molecules/empty-state.css +0 -17
  264. package/styles/molecules/field.css +0 -27
  265. package/styles/molecules/form.css +0 -27
  266. package/styles/molecules/page-header.css +0 -52
  267. package/styles/molecules/section-card.css +0 -49
  268. package/styles/molecules/stat-card.css +0 -71
  269. package/styles/molecules/toast.css +0 -95
  270. package/styles/organisms/app-shell.css +0 -46
  271. package/styles/organisms/calendar.css +0 -73
  272. package/styles/organisms/command.css +0 -95
  273. package/styles/organisms/data-table.css +0 -142
  274. package/styles/organisms/dialog.css +0 -72
  275. package/styles/organisms/filter-panel.css +0 -58
  276. package/styles/organisms/row-menu.css +0 -69
  277. package/styles/organisms/sheet.css +0 -70
  278. package/styles/organisms/sidebar.css +0 -146
  279. package/styles/organisms/stepper.css +0 -63
  280. package/styles/organisms/tabs.css +0 -40
  281. package/styles/organisms/topbar.css +0 -24
  282. package/styles/patterns/backdrops.css +0 -35
  283. package/styles/patterns/density.css +0 -66
  284. package/styles/patterns/focus.css +0 -22
  285. package/styles/patterns/glass.css +0 -85
  286. package/styles/patterns/high-contrast.css +0 -70
  287. package/styles/patterns/reduced-motion.css +0 -12
  288. package/styles/patterns/scrollbar.css +0 -10
  289. package/styles/reset.css +0 -89
  290. package/styles/tokens/colors.css +0 -108
  291. package/styles/tokens/motion.css +0 -33
  292. package/styles/tokens/radius.css +0 -10
  293. package/styles/tokens/shadows.css +0 -35
  294. package/styles/tokens/spacing.css +0 -19
  295. package/styles/tokens/typography.css +0 -6
  296. package/styles/tokens/z-index.css +0 -12
  297. package/styles/utilities/display.css +0 -66
  298. package/styles/utilities/flexbox.css +0 -240
  299. package/styles/utilities/gap.css +0 -288
  300. package/styles/utilities/grid.css +0 -138
  301. package/styles/utilities/position.css +0 -78
  302. package/styles/utilities/sizing.css +0 -138
package/styles/utilities/flexbox.css DELETED
@@ -1,240 +0,0 @@
1
- /* AUTO-GENERATED by scripts/generate-utilities.ts. Do not edit by hand; run: bun run generate-utilities */
2
- @layer canvas.utilities {
3
- .flex-row { flex-direction:row; }
4
- .flex-row-reverse { flex-direction:row-reverse; }
5
- .flex-col { flex-direction:column; }
6
- .flex-col-reverse { flex-direction:column-reverse; }
7
- .flex-wrap { flex-wrap:wrap; }
8
- .flex-wrap-reverse { flex-wrap:wrap-reverse; }
9
- .flex-nowrap { flex-wrap:nowrap; }
10
- .flex-1 { flex:1 1 0%; }
11
- .flex-auto { flex:1 1 auto; }
12
- .flex-initial { flex:0 1 auto; }
13
- .flex-none { flex:none; }
14
- .grow { flex-grow:1; }
15
- .grow-0 { flex-grow:0; }
16
- .shrink { flex-shrink:1; }
17
- .shrink-0 { flex-shrink:0; }
18
- .justify-start { justify-content:flex-start; }
19
- .justify-end { justify-content:flex-end; }
20
- .justify-center { justify-content:center; }
21
- .justify-between { justify-content:space-between; }
22
- .justify-around { justify-content:space-around; }
23
- .justify-evenly { justify-content:space-evenly; }
24
- .items-start { align-items:flex-start; }
25
- .items-end { align-items:flex-end; }
26
- .items-center { align-items:center; }
27
- .items-baseline { align-items:baseline; }
28
- .items-stretch { align-items:stretch; }
29
- .content-start { align-content:flex-start; }
30
- .content-end { align-content:flex-end; }
31
- .content-center { align-content:center; }
32
- .content-between { align-content:space-between; }
33
- .content-around { align-content:space-around; }
34
- .content-evenly { align-content:space-evenly; }
35
- .self-auto { align-self:auto; }
36
- .self-start { align-self:flex-start; }
37
- .self-end { align-self:flex-end; }
38
- .self-center { align-self:center; }
39
- .self-stretch { align-self:stretch; }
40
-
41
- @media (min-width: 640px) {
42
- .sm\:flex-row { flex-direction:row; }
43
- .sm\:flex-row-reverse { flex-direction:row-reverse; }
44
- .sm\:flex-col { flex-direction:column; }
45
- .sm\:flex-col-reverse { flex-direction:column-reverse; }
46
- .sm\:flex-wrap { flex-wrap:wrap; }
47
- .sm\:flex-wrap-reverse { flex-wrap:wrap-reverse; }
48
- .sm\:flex-nowrap { flex-wrap:nowrap; }
49
- .sm\:flex-1 { flex:1 1 0%; }
50
- .sm\:flex-auto { flex:1 1 auto; }
51
- .sm\:flex-initial { flex:0 1 auto; }
52
- .sm\:flex-none { flex:none; }
53
- .sm\:grow { flex-grow:1; }
54
- .sm\:grow-0 { flex-grow:0; }
55
- .sm\:shrink { flex-shrink:1; }
56
- .sm\:shrink-0 { flex-shrink:0; }
57
- .sm\:justify-start { justify-content:flex-start; }
58
- .sm\:justify-end { justify-content:flex-end; }
59
- .sm\:justify-center { justify-content:center; }
60
- .sm\:justify-between { justify-content:space-between; }
61
- .sm\:justify-around { justify-content:space-around; }
62
- .sm\:justify-evenly { justify-content:space-evenly; }
63
- .sm\:items-start { align-items:flex-start; }
64
- .sm\:items-end { align-items:flex-end; }
65
- .sm\:items-center { align-items:center; }
66
- .sm\:items-baseline { align-items:baseline; }
67
- .sm\:items-stretch { align-items:stretch; }
68
- .sm\:content-start { align-content:flex-start; }
69
- .sm\:content-end { align-content:flex-end; }
70
- .sm\:content-center { align-content:center; }
71
- .sm\:content-between { align-content:space-between; }
72
- .sm\:content-around { align-content:space-around; }
73
- .sm\:content-evenly { align-content:space-evenly; }
74
- .sm\:self-auto { align-self:auto; }
75
- .sm\:self-start { align-self:flex-start; }
76
- .sm\:self-end { align-self:flex-end; }
77
- .sm\:self-center { align-self:center; }
78
- .sm\:self-stretch { align-self:stretch; }
79
- }
80
-
81
- @media (min-width: 768px) {
82
- .md\:flex-row { flex-direction:row; }
83
- .md\:flex-row-reverse { flex-direction:row-reverse; }
84
- .md\:flex-col { flex-direction:column; }
85
- .md\:flex-col-reverse { flex-direction:column-reverse; }
86
- .md\:flex-wrap { flex-wrap:wrap; }
87
- .md\:flex-wrap-reverse { flex-wrap:wrap-reverse; }
88
- .md\:flex-nowrap { flex-wrap:nowrap; }
89
- .md\:flex-1 { flex:1 1 0%; }
90
- .md\:flex-auto { flex:1 1 auto; }
91
- .md\:flex-initial { flex:0 1 auto; }
92
- .md\:flex-none { flex:none; }
93
- .md\:grow { flex-grow:1; }
94
- .md\:grow-0 { flex-grow:0; }
95
- .md\:shrink { flex-shrink:1; }
96
- .md\:shrink-0 { flex-shrink:0; }
97
- .md\:justify-start { justify-content:flex-start; }
98
- .md\:justify-end { justify-content:flex-end; }
99
- .md\:justify-center { justify-content:center; }
100
- .md\:justify-between { justify-content:space-between; }
101
- .md\:justify-around { justify-content:space-around; }
102
- .md\:justify-evenly { justify-content:space-evenly; }
103
- .md\:items-start { align-items:flex-start; }
104
- .md\:items-end { align-items:flex-end; }
105
- .md\:items-center { align-items:center; }
106
- .md\:items-baseline { align-items:baseline; }
107
- .md\:items-stretch { align-items:stretch; }
108
- .md\:content-start { align-content:flex-start; }
109
- .md\:content-end { align-content:flex-end; }
110
- .md\:content-center { align-content:center; }
111
- .md\:content-between { align-content:space-between; }
112
- .md\:content-around { align-content:space-around; }
113
- .md\:content-evenly { align-content:space-evenly; }
114
- .md\:self-auto { align-self:auto; }
115
- .md\:self-start { align-self:flex-start; }
116
- .md\:self-end { align-self:flex-end; }
117
- .md\:self-center { align-self:center; }
118
- .md\:self-stretch { align-self:stretch; }
119
- }
120
-
121
- @media (min-width: 1024px) {
122
- .lg\:flex-row { flex-direction:row; }
123
- .lg\:flex-row-reverse { flex-direction:row-reverse; }
124
- .lg\:flex-col { flex-direction:column; }
125
- .lg\:flex-col-reverse { flex-direction:column-reverse; }
126
- .lg\:flex-wrap { flex-wrap:wrap; }
127
- .lg\:flex-wrap-reverse { flex-wrap:wrap-reverse; }
128
- .lg\:flex-nowrap { flex-wrap:nowrap; }
129
- .lg\:flex-1 { flex:1 1 0%; }
130
- .lg\:flex-auto { flex:1 1 auto; }
131
- .lg\:flex-initial { flex:0 1 auto; }
132
- .lg\:flex-none { flex:none; }
133
- .lg\:grow { flex-grow:1; }
134
- .lg\:grow-0 { flex-grow:0; }
135
- .lg\:shrink { flex-shrink:1; }
136
- .lg\:shrink-0 { flex-shrink:0; }
137
- .lg\:justify-start { justify-content:flex-start; }
138
- .lg\:justify-end { justify-content:flex-end; }
139
- .lg\:justify-center { justify-content:center; }
140
- .lg\:justify-between { justify-content:space-between; }
141
- .lg\:justify-around { justify-content:space-around; }
142
- .lg\:justify-evenly { justify-content:space-evenly; }
143
- .lg\:items-start { align-items:flex-start; }
144
- .lg\:items-end { align-items:flex-end; }
145
- .lg\:items-center { align-items:center; }
146
- .lg\:items-baseline { align-items:baseline; }
147
- .lg\:items-stretch { align-items:stretch; }
148
- .lg\:content-start { align-content:flex-start; }
149
- .lg\:content-end { align-content:flex-end; }
150
- .lg\:content-center { align-content:center; }
151
- .lg\:content-between { align-content:space-between; }
152
- .lg\:content-around { align-content:space-around; }
153
- .lg\:content-evenly { align-content:space-evenly; }
154
- .lg\:self-auto { align-self:auto; }
155
- .lg\:self-start { align-self:flex-start; }
156
- .lg\:self-end { align-self:flex-end; }
157
- .lg\:self-center { align-self:center; }
158
- .lg\:self-stretch { align-self:stretch; }
159
- }
160
-
161
- @media (min-width: 1280px) {
162
- .xl\:flex-row { flex-direction:row; }
163
- .xl\:flex-row-reverse { flex-direction:row-reverse; }
164
- .xl\:flex-col { flex-direction:column; }
165
- .xl\:flex-col-reverse { flex-direction:column-reverse; }
166
- .xl\:flex-wrap { flex-wrap:wrap; }
167
- .xl\:flex-wrap-reverse { flex-wrap:wrap-reverse; }
168
- .xl\:flex-nowrap { flex-wrap:nowrap; }
169
- .xl\:flex-1 { flex:1 1 0%; }
170
- .xl\:flex-auto { flex:1 1 auto; }
171
- .xl\:flex-initial { flex:0 1 auto; }
172
- .xl\:flex-none { flex:none; }
173
- .xl\:grow { flex-grow:1; }
174
- .xl\:grow-0 { flex-grow:0; }
175
- .xl\:shrink { flex-shrink:1; }
176
- .xl\:shrink-0 { flex-shrink:0; }
177
- .xl\:justify-start { justify-content:flex-start; }
178
- .xl\:justify-end { justify-content:flex-end; }
179
- .xl\:justify-center { justify-content:center; }
180
- .xl\:justify-between { justify-content:space-between; }
181
- .xl\:justify-around { justify-content:space-around; }
182
- .xl\:justify-evenly { justify-content:space-evenly; }
183
- .xl\:items-start { align-items:flex-start; }
184
- .xl\:items-end { align-items:flex-end; }
185
- .xl\:items-center { align-items:center; }
186
- .xl\:items-baseline { align-items:baseline; }
187
- .xl\:items-stretch { align-items:stretch; }
188
- .xl\:content-start { align-content:flex-start; }
189
- .xl\:content-end { align-content:flex-end; }
190
- .xl\:content-center { align-content:center; }
191
- .xl\:content-between { align-content:space-between; }
192
- .xl\:content-around { align-content:space-around; }
193
- .xl\:content-evenly { align-content:space-evenly; }
194
- .xl\:self-auto { align-self:auto; }
195
- .xl\:self-start { align-self:flex-start; }
196
- .xl\:self-end { align-self:flex-end; }
197
- .xl\:self-center { align-self:center; }
198
- .xl\:self-stretch { align-self:stretch; }
199
- }
200
-
201
- @media (min-width: 1536px) {
202
- .\32 xl\:flex-row { flex-direction:row; }
203
- .\32 xl\:flex-row-reverse { flex-direction:row-reverse; }
204
- .\32 xl\:flex-col { flex-direction:column; }
205
- .\32 xl\:flex-col-reverse { flex-direction:column-reverse; }
206
- .\32 xl\:flex-wrap { flex-wrap:wrap; }
207
- .\32 xl\:flex-wrap-reverse { flex-wrap:wrap-reverse; }
208
- .\32 xl\:flex-nowrap { flex-wrap:nowrap; }
209
- .\32 xl\:flex-1 { flex:1 1 0%; }
210
- .\32 xl\:flex-auto { flex:1 1 auto; }
211
- .\32 xl\:flex-initial { flex:0 1 auto; }
212
- .\32 xl\:flex-none { flex:none; }
213
- .\32 xl\:grow { flex-grow:1; }
214
- .\32 xl\:grow-0 { flex-grow:0; }
215
- .\32 xl\:shrink { flex-shrink:1; }
216
- .\32 xl\:shrink-0 { flex-shrink:0; }
217
- .\32 xl\:justify-start { justify-content:flex-start; }
218
- .\32 xl\:justify-end { justify-content:flex-end; }
219
- .\32 xl\:justify-center { justify-content:center; }
220
- .\32 xl\:justify-between { justify-content:space-between; }
221
- .\32 xl\:justify-around { justify-content:space-around; }
222
- .\32 xl\:justify-evenly { justify-content:space-evenly; }
223
- .\32 xl\:items-start { align-items:flex-start; }
224
- .\32 xl\:items-end { align-items:flex-end; }
225
- .\32 xl\:items-center { align-items:center; }
226
- .\32 xl\:items-baseline { align-items:baseline; }
227
- .\32 xl\:items-stretch { align-items:stretch; }
228
- .\32 xl\:content-start { align-content:flex-start; }
229
- .\32 xl\:content-end { align-content:flex-end; }
230
- .\32 xl\:content-center { align-content:center; }
231
- .\32 xl\:content-between { align-content:space-between; }
232
- .\32 xl\:content-around { align-content:space-around; }
233
- .\32 xl\:content-evenly { align-content:space-evenly; }
234
- .\32 xl\:self-auto { align-self:auto; }
235
- .\32 xl\:self-start { align-self:flex-start; }
236
- .\32 xl\:self-end { align-self:flex-end; }
237
- .\32 xl\:self-center { align-self:center; }
238
- .\32 xl\:self-stretch { align-self:stretch; }
239
- }
240
- }
package/styles/utilities/gap.css DELETED
@@ -1,288 +0,0 @@
1
- /* AUTO-GENERATED by scripts/generate-utilities.ts. Do not edit by hand; run: bun run generate-utilities */
2
- @layer canvas.utilities {
3
- .gap-0 { gap:var(--space-0); }
4
- .gap-px { gap:var(--space-px); }
5
- .gap-0-5 { gap:var(--space-0-5); }
6
- .gap-1 { gap:var(--space-1); }
7
- .gap-1-5 { gap:var(--space-1-5); }
8
- .gap-2 { gap:var(--space-2); }
9
- .gap-2-5 { gap:var(--space-2-5); }
10
- .gap-3 { gap:var(--space-3); }
11
- .gap-4 { gap:var(--space-4); }
12
- .gap-5 { gap:var(--space-5); }
13
- .gap-6 { gap:var(--space-6); }
14
- .gap-8 { gap:var(--space-8); }
15
- .gap-10 { gap:var(--space-10); }
16
- .gap-12 { gap:var(--space-12); }
17
- .gap-16 { gap:var(--space-16); }
18
- .gap-x-0 { column-gap:var(--space-0); }
19
- .gap-x-px { column-gap:var(--space-px); }
20
- .gap-x-0-5 { column-gap:var(--space-0-5); }
21
- .gap-x-1 { column-gap:var(--space-1); }
22
- .gap-x-1-5 { column-gap:var(--space-1-5); }
23
- .gap-x-2 { column-gap:var(--space-2); }
24
- .gap-x-2-5 { column-gap:var(--space-2-5); }
25
- .gap-x-3 { column-gap:var(--space-3); }
26
- .gap-x-4 { column-gap:var(--space-4); }
27
- .gap-x-5 { column-gap:var(--space-5); }
28
- .gap-x-6 { column-gap:var(--space-6); }
29
- .gap-x-8 { column-gap:var(--space-8); }
30
- .gap-x-10 { column-gap:var(--space-10); }
31
- .gap-x-12 { column-gap:var(--space-12); }
32
- .gap-x-16 { column-gap:var(--space-16); }
33
- .gap-y-0 { row-gap:var(--space-0); }
34
- .gap-y-px { row-gap:var(--space-px); }
35
- .gap-y-0-5 { row-gap:var(--space-0-5); }
36
- .gap-y-1 { row-gap:var(--space-1); }
37
- .gap-y-1-5 { row-gap:var(--space-1-5); }
38
- .gap-y-2 { row-gap:var(--space-2); }
39
- .gap-y-2-5 { row-gap:var(--space-2-5); }
40
- .gap-y-3 { row-gap:var(--space-3); }
41
- .gap-y-4 { row-gap:var(--space-4); }
42
- .gap-y-5 { row-gap:var(--space-5); }
43
- .gap-y-6 { row-gap:var(--space-6); }
44
- .gap-y-8 { row-gap:var(--space-8); }
45
- .gap-y-10 { row-gap:var(--space-10); }
46
- .gap-y-12 { row-gap:var(--space-12); }
47
- .gap-y-16 { row-gap:var(--space-16); }
48
-
49
- @media (min-width: 640px) {
50
- .sm\:gap-0 { gap:var(--space-0); }
51
- .sm\:gap-px { gap:var(--space-px); }
52
- .sm\:gap-0-5 { gap:var(--space-0-5); }
53
- .sm\:gap-1 { gap:var(--space-1); }
54
- .sm\:gap-1-5 { gap:var(--space-1-5); }
55
- .sm\:gap-2 { gap:var(--space-2); }
56
- .sm\:gap-2-5 { gap:var(--space-2-5); }
57
- .sm\:gap-3 { gap:var(--space-3); }
58
- .sm\:gap-4 { gap:var(--space-4); }
59
- .sm\:gap-5 { gap:var(--space-5); }
60
- .sm\:gap-6 { gap:var(--space-6); }
61
- .sm\:gap-8 { gap:var(--space-8); }
62
- .sm\:gap-10 { gap:var(--space-10); }
63
- .sm\:gap-12 { gap:var(--space-12); }
64
- .sm\:gap-16 { gap:var(--space-16); }
65
- .sm\:gap-x-0 { column-gap:var(--space-0); }
66
- .sm\:gap-x-px { column-gap:var(--space-px); }
67
- .sm\:gap-x-0-5 { column-gap:var(--space-0-5); }
68
- .sm\:gap-x-1 { column-gap:var(--space-1); }
69
- .sm\:gap-x-1-5 { column-gap:var(--space-1-5); }
70
- .sm\:gap-x-2 { column-gap:var(--space-2); }
71
- .sm\:gap-x-2-5 { column-gap:var(--space-2-5); }
72
- .sm\:gap-x-3 { column-gap:var(--space-3); }
73
- .sm\:gap-x-4 { column-gap:var(--space-4); }
74
- .sm\:gap-x-5 { column-gap:var(--space-5); }
75
- .sm\:gap-x-6 { column-gap:var(--space-6); }
76
- .sm\:gap-x-8 { column-gap:var(--space-8); }
77
- .sm\:gap-x-10 { column-gap:var(--space-10); }
78
- .sm\:gap-x-12 { column-gap:var(--space-12); }
79
- .sm\:gap-x-16 { column-gap:var(--space-16); }
80
- .sm\:gap-y-0 { row-gap:var(--space-0); }
81
- .sm\:gap-y-px { row-gap:var(--space-px); }
82
- .sm\:gap-y-0-5 { row-gap:var(--space-0-5); }
83
- .sm\:gap-y-1 { row-gap:var(--space-1); }
84
- .sm\:gap-y-1-5 { row-gap:var(--space-1-5); }
85
- .sm\:gap-y-2 { row-gap:var(--space-2); }
86
- .sm\:gap-y-2-5 { row-gap:var(--space-2-5); }
87
- .sm\:gap-y-3 { row-gap:var(--space-3); }
88
- .sm\:gap-y-4 { row-gap:var(--space-4); }
89
- .sm\:gap-y-5 { row-gap:var(--space-5); }
90
- .sm\:gap-y-6 { row-gap:var(--space-6); }
91
- .sm\:gap-y-8 { row-gap:var(--space-8); }
92
- .sm\:gap-y-10 { row-gap:var(--space-10); }
93
- .sm\:gap-y-12 { row-gap:var(--space-12); }
94
- .sm\:gap-y-16 { row-gap:var(--space-16); }
95
- }
96
-
97
- @media (min-width: 768px) {
98
- .md\:gap-0 { gap:var(--space-0); }
99
- .md\:gap-px { gap:var(--space-px); }
100
- .md\:gap-0-5 { gap:var(--space-0-5); }
101
- .md\:gap-1 { gap:var(--space-1); }
102
- .md\:gap-1-5 { gap:var(--space-1-5); }
103
- .md\:gap-2 { gap:var(--space-2); }
104
- .md\:gap-2-5 { gap:var(--space-2-5); }
105
- .md\:gap-3 { gap:var(--space-3); }
106
- .md\:gap-4 { gap:var(--space-4); }
107
- .md\:gap-5 { gap:var(--space-5); }
108
- .md\:gap-6 { gap:var(--space-6); }
109
- .md\:gap-8 { gap:var(--space-8); }
110
- .md\:gap-10 { gap:var(--space-10); }
111
- .md\:gap-12 { gap:var(--space-12); }
112
- .md\:gap-16 { gap:var(--space-16); }
113
- .md\:gap-x-0 { column-gap:var(--space-0); }
114
- .md\:gap-x-px { column-gap:var(--space-px); }
115
- .md\:gap-x-0-5 { column-gap:var(--space-0-5); }
116
- .md\:gap-x-1 { column-gap:var(--space-1); }
117
- .md\:gap-x-1-5 { column-gap:var(--space-1-5); }
118
- .md\:gap-x-2 { column-gap:var(--space-2); }
119
- .md\:gap-x-2-5 { column-gap:var(--space-2-5); }
120
- .md\:gap-x-3 { column-gap:var(--space-3); }
121
- .md\:gap-x-4 { column-gap:var(--space-4); }
122
- .md\:gap-x-5 { column-gap:var(--space-5); }
123
- .md\:gap-x-6 { column-gap:var(--space-6); }
124
- .md\:gap-x-8 { column-gap:var(--space-8); }
125
- .md\:gap-x-10 { column-gap:var(--space-10); }
126
- .md\:gap-x-12 { column-gap:var(--space-12); }
127
- .md\:gap-x-16 { column-gap:var(--space-16); }
128
- .md\:gap-y-0 { row-gap:var(--space-0); }
129
- .md\:gap-y-px { row-gap:var(--space-px); }
130
- .md\:gap-y-0-5 { row-gap:var(--space-0-5); }
131
- .md\:gap-y-1 { row-gap:var(--space-1); }
132
- .md\:gap-y-1-5 { row-gap:var(--space-1-5); }
133
- .md\:gap-y-2 { row-gap:var(--space-2); }
134
- .md\:gap-y-2-5 { row-gap:var(--space-2-5); }
135
- .md\:gap-y-3 { row-gap:var(--space-3); }
136
- .md\:gap-y-4 { row-gap:var(--space-4); }
137
- .md\:gap-y-5 { row-gap:var(--space-5); }
138
- .md\:gap-y-6 { row-gap:var(--space-6); }
139
- .md\:gap-y-8 { row-gap:var(--space-8); }
140
- .md\:gap-y-10 { row-gap:var(--space-10); }
141
- .md\:gap-y-12 { row-gap:var(--space-12); }
142
- .md\:gap-y-16 { row-gap:var(--space-16); }
143
- }
144
-
145
- @media (min-width: 1024px) {
146
- .lg\:gap-0 { gap:var(--space-0); }
147
- .lg\:gap-px { gap:var(--space-px); }
148
- .lg\:gap-0-5 { gap:var(--space-0-5); }
149
- .lg\:gap-1 { gap:var(--space-1); }
150
- .lg\:gap-1-5 { gap:var(--space-1-5); }
151
- .lg\:gap-2 { gap:var(--space-2); }
152
- .lg\:gap-2-5 { gap:var(--space-2-5); }
153
- .lg\:gap-3 { gap:var(--space-3); }
154
- .lg\:gap-4 { gap:var(--space-4); }
155
- .lg\:gap-5 { gap:var(--space-5); }
156
- .lg\:gap-6 { gap:var(--space-6); }
157
- .lg\:gap-8 { gap:var(--space-8); }
158
- .lg\:gap-10 { gap:var(--space-10); }
159
- .lg\:gap-12 { gap:var(--space-12); }
160
- .lg\:gap-16 { gap:var(--space-16); }
161
- .lg\:gap-x-0 { column-gap:var(--space-0); }
162
- .lg\:gap-x-px { column-gap:var(--space-px); }
163
- .lg\:gap-x-0-5 { column-gap:var(--space-0-5); }
164
- .lg\:gap-x-1 { column-gap:var(--space-1); }
165
- .lg\:gap-x-1-5 { column-gap:var(--space-1-5); }
166
- .lg\:gap-x-2 { column-gap:var(--space-2); }
167
- .lg\:gap-x-2-5 { column-gap:var(--space-2-5); }
168
- .lg\:gap-x-3 { column-gap:var(--space-3); }
169
- .lg\:gap-x-4 { column-gap:var(--space-4); }
170
- .lg\:gap-x-5 { column-gap:var(--space-5); }
171
- .lg\:gap-x-6 { column-gap:var(--space-6); }
172
- .lg\:gap-x-8 { column-gap:var(--space-8); }
173
- .lg\:gap-x-10 { column-gap:var(--space-10); }
174
- .lg\:gap-x-12 { column-gap:var(--space-12); }
175
- .lg\:gap-x-16 { column-gap:var(--space-16); }
176
- .lg\:gap-y-0 { row-gap:var(--space-0); }
177
- .lg\:gap-y-px { row-gap:var(--space-px); }
178
- .lg\:gap-y-0-5 { row-gap:var(--space-0-5); }
179
- .lg\:gap-y-1 { row-gap:var(--space-1); }
180
- .lg\:gap-y-1-5 { row-gap:var(--space-1-5); }
181
- .lg\:gap-y-2 { row-gap:var(--space-2); }
182
- .lg\:gap-y-2-5 { row-gap:var(--space-2-5); }
183
- .lg\:gap-y-3 { row-gap:var(--space-3); }
184
- .lg\:gap-y-4 { row-gap:var(--space-4); }
185
- .lg\:gap-y-5 { row-gap:var(--space-5); }
186
- .lg\:gap-y-6 { row-gap:var(--space-6); }
187
- .lg\:gap-y-8 { row-gap:var(--space-8); }
188
- .lg\:gap-y-10 { row-gap:var(--space-10); }
189
- .lg\:gap-y-12 { row-gap:var(--space-12); }
190
- .lg\:gap-y-16 { row-gap:var(--space-16); }
191
- }
192
-
193
- @media (min-width: 1280px) {
194
- .xl\:gap-0 { gap:var(--space-0); }
195
- .xl\:gap-px { gap:var(--space-px); }
196
- .xl\:gap-0-5 { gap:var(--space-0-5); }
197
- .xl\:gap-1 { gap:var(--space-1); }
198
- .xl\:gap-1-5 { gap:var(--space-1-5); }
199
- .xl\:gap-2 { gap:var(--space-2); }
200
- .xl\:gap-2-5 { gap:var(--space-2-5); }
201
- .xl\:gap-3 { gap:var(--space-3); }
202
- .xl\:gap-4 { gap:var(--space-4); }
203
- .xl\:gap-5 { gap:var(--space-5); }
204
- .xl\:gap-6 { gap:var(--space-6); }
205
- .xl\:gap-8 { gap:var(--space-8); }
206
- .xl\:gap-10 { gap:var(--space-10); }
207
- .xl\:gap-12 { gap:var(--space-12); }
208
- .xl\:gap-16 { gap:var(--space-16); }
209
- .xl\:gap-x-0 { column-gap:var(--space-0); }
210
- .xl\:gap-x-px { column-gap:var(--space-px); }
211
- .xl\:gap-x-0-5 { column-gap:var(--space-0-5); }
212
- .xl\:gap-x-1 { column-gap:var(--space-1); }
213
- .xl\:gap-x-1-5 { column-gap:var(--space-1-5); }
214
- .xl\:gap-x-2 { column-gap:var(--space-2); }
215
- .xl\:gap-x-2-5 { column-gap:var(--space-2-5); }
216
- .xl\:gap-x-3 { column-gap:var(--space-3); }
217
- .xl\:gap-x-4 { column-gap:var(--space-4); }
218
- .xl\:gap-x-5 { column-gap:var(--space-5); }
219
- .xl\:gap-x-6 { column-gap:var(--space-6); }
220
- .xl\:gap-x-8 { column-gap:var(--space-8); }
221
- .xl\:gap-x-10 { column-gap:var(--space-10); }
222
- .xl\:gap-x-12 { column-gap:var(--space-12); }
223
- .xl\:gap-x-16 { column-gap:var(--space-16); }
224
- .xl\:gap-y-0 { row-gap:var(--space-0); }
225
- .xl\:gap-y-px { row-gap:var(--space-px); }
226
- .xl\:gap-y-0-5 { row-gap:var(--space-0-5); }
227
- .xl\:gap-y-1 { row-gap:var(--space-1); }
228
- .xl\:gap-y-1-5 { row-gap:var(--space-1-5); }
229
- .xl\:gap-y-2 { row-gap:var(--space-2); }
230
- .xl\:gap-y-2-5 { row-gap:var(--space-2-5); }
231
- .xl\:gap-y-3 { row-gap:var(--space-3); }
232
- .xl\:gap-y-4 { row-gap:var(--space-4); }
233
- .xl\:gap-y-5 { row-gap:var(--space-5); }
234
- .xl\:gap-y-6 { row-gap:var(--space-6); }
235
- .xl\:gap-y-8 { row-gap:var(--space-8); }
236
- .xl\:gap-y-10 { row-gap:var(--space-10); }
237
- .xl\:gap-y-12 { row-gap:var(--space-12); }
238
- .xl\:gap-y-16 { row-gap:var(--space-16); }
239
- }
240
-
241
- @media (min-width: 1536px) {
242
- .\32 xl\:gap-0 { gap:var(--space-0); }
243
- .\32 xl\:gap-px { gap:var(--space-px); }
244
- .\32 xl\:gap-0-5 { gap:var(--space-0-5); }
245
- .\32 xl\:gap-1 { gap:var(--space-1); }
246
- .\32 xl\:gap-1-5 { gap:var(--space-1-5); }
247
- .\32 xl\:gap-2 { gap:var(--space-2); }
248
- .\32 xl\:gap-2-5 { gap:var(--space-2-5); }
249
- .\32 xl\:gap-3 { gap:var(--space-3); }
250
- .\32 xl\:gap-4 { gap:var(--space-4); }
251
- .\32 xl\:gap-5 { gap:var(--space-5); }
252
- .\32 xl\:gap-6 { gap:var(--space-6); }
253
- .\32 xl\:gap-8 { gap:var(--space-8); }
254
- .\32 xl\:gap-10 { gap:var(--space-10); }
255
- .\32 xl\:gap-12 { gap:var(--space-12); }
256
- .\32 xl\:gap-16 { gap:var(--space-16); }
257
- .\32 xl\:gap-x-0 { column-gap:var(--space-0); }
258
- .\32 xl\:gap-x-px { column-gap:var(--space-px); }
259
- .\32 xl\:gap-x-0-5 { column-gap:var(--space-0-5); }
260
- .\32 xl\:gap-x-1 { column-gap:var(--space-1); }
261
- .\32 xl\:gap-x-1-5 { column-gap:var(--space-1-5); }
262
- .\32 xl\:gap-x-2 { column-gap:var(--space-2); }
263
- .\32 xl\:gap-x-2-5 { column-gap:var(--space-2-5); }
264
- .\32 xl\:gap-x-3 { column-gap:var(--space-3); }
265
- .\32 xl\:gap-x-4 { column-gap:var(--space-4); }
266
- .\32 xl\:gap-x-5 { column-gap:var(--space-5); }
267
- .\32 xl\:gap-x-6 { column-gap:var(--space-6); }
268
- .\32 xl\:gap-x-8 { column-gap:var(--space-8); }
269
- .\32 xl\:gap-x-10 { column-gap:var(--space-10); }
270
- .\32 xl\:gap-x-12 { column-gap:var(--space-12); }
271
- .\32 xl\:gap-x-16 { column-gap:var(--space-16); }
272
- .\32 xl\:gap-y-0 { row-gap:var(--space-0); }
273
- .\32 xl\:gap-y-px { row-gap:var(--space-px); }
274
- .\32 xl\:gap-y-0-5 { row-gap:var(--space-0-5); }
275
- .\32 xl\:gap-y-1 { row-gap:var(--space-1); }
276
- .\32 xl\:gap-y-1-5 { row-gap:var(--space-1-5); }
277
- .\32 xl\:gap-y-2 { row-gap:var(--space-2); }
278
- .\32 xl\:gap-y-2-5 { row-gap:var(--space-2-5); }
279
- .\32 xl\:gap-y-3 { row-gap:var(--space-3); }
280
- .\32 xl\:gap-y-4 { row-gap:var(--space-4); }
281
- .\32 xl\:gap-y-5 { row-gap:var(--space-5); }
282
- .\32 xl\:gap-y-6 { row-gap:var(--space-6); }
283
- .\32 xl\:gap-y-8 { row-gap:var(--space-8); }
284
- .\32 xl\:gap-y-10 { row-gap:var(--space-10); }
285
- .\32 xl\:gap-y-12 { row-gap:var(--space-12); }
286
- .\32 xl\:gap-y-16 { row-gap:var(--space-16); }
287
- }
288
- }
package/styles/utilities/grid.css DELETED
@@ -1,138 +0,0 @@
1
- /* AUTO-GENERATED by scripts/generate-utilities.ts. Do not edit by hand; run: bun run generate-utilities */
2
- @layer canvas.utilities {
3
- .grid-cols-1 { grid-template-columns:repeat(1, minmax(0, 1fr)); }
4
- .grid-cols-2 { grid-template-columns:repeat(2, minmax(0, 1fr)); }
5
- .grid-cols-3 { grid-template-columns:repeat(3, minmax(0, 1fr)); }
6
- .grid-cols-4 { grid-template-columns:repeat(4, minmax(0, 1fr)); }
7
- .grid-cols-5 { grid-template-columns:repeat(5, minmax(0, 1fr)); }
8
- .grid-cols-6 { grid-template-columns:repeat(6, minmax(0, 1fr)); }
9
- .grid-cols-none { grid-template-columns:none; }
10
- .grid-cols-auto-fit { grid-template-columns:repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); }
11
- .grid-cols-auto-fill { grid-template-columns:repeat(auto-fill, minmax(min(100%, 16rem), 1fr)); }
12
- .col-span-1 { grid-column:span 1 / span 1; }
13
- .col-span-2 { grid-column:span 2 / span 2; }
14
- .col-span-3 { grid-column:span 3 / span 3; }
15
- .col-span-4 { grid-column:span 4 / span 4; }
16
- .col-span-5 { grid-column:span 5 / span 5; }
17
- .col-span-6 { grid-column:span 6 / span 6; }
18
- .col-span-full { grid-column:1 / -1; }
19
- .grid-flow-row { grid-auto-flow:row; }
20
- .grid-flow-col { grid-auto-flow:column; }
21
- .grid-flow-dense { grid-auto-flow:row dense; }
22
- .grid-flow-col-dense { grid-auto-flow:column dense; }
23
-
24
- @media (min-width: 640px) {
25
- .sm\:grid-cols-1 { grid-template-columns:repeat(1, minmax(0, 1fr)); }
26
- .sm\:grid-cols-2 { grid-template-columns:repeat(2, minmax(0, 1fr)); }
27
- .sm\:grid-cols-3 { grid-template-columns:repeat(3, minmax(0, 1fr)); }
28
- .sm\:grid-cols-4 { grid-template-columns:repeat(4, minmax(0, 1fr)); }
29
- .sm\:grid-cols-5 { grid-template-columns:repeat(5, minmax(0, 1fr)); }
30
- .sm\:grid-cols-6 { grid-template-columns:repeat(6, minmax(0, 1fr)); }
31
- .sm\:grid-cols-none { grid-template-columns:none; }
32
- .sm\:grid-cols-auto-fit { grid-template-columns:repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); }
33
- .sm\:grid-cols-auto-fill { grid-template-columns:repeat(auto-fill, minmax(min(100%, 16rem), 1fr)); }
34
- .sm\:col-span-1 { grid-column:span 1 / span 1; }
35
- .sm\:col-span-2 { grid-column:span 2 / span 2; }
36
- .sm\:col-span-3 { grid-column:span 3 / span 3; }
37
- .sm\:col-span-4 { grid-column:span 4 / span 4; }
38
- .sm\:col-span-5 { grid-column:span 5 / span 5; }
39
- .sm\:col-span-6 { grid-column:span 6 / span 6; }
40
- .sm\:col-span-full { grid-column:1 / -1; }
41
- .sm\:grid-flow-row { grid-auto-flow:row; }
42
- .sm\:grid-flow-col { grid-auto-flow:column; }
43
- .sm\:grid-flow-dense { grid-auto-flow:row dense; }
44
- .sm\:grid-flow-col-dense { grid-auto-flow:column dense; }
45
- }
46
-
47
- @media (min-width: 768px) {
48
- .md\:grid-cols-1 { grid-template-columns:repeat(1, minmax(0, 1fr)); }
49
- .md\:grid-cols-2 { grid-template-columns:repeat(2, minmax(0, 1fr)); }
50
- .md\:grid-cols-3 { grid-template-columns:repeat(3, minmax(0, 1fr)); }
51
- .md\:grid-cols-4 { grid-template-columns:repeat(4, minmax(0, 1fr)); }
52
- .md\:grid-cols-5 { grid-template-columns:repeat(5, minmax(0, 1fr)); }
53
- .md\:grid-cols-6 { grid-template-columns:repeat(6, minmax(0, 1fr)); }
54
- .md\:grid-cols-none { grid-template-columns:none; }
55
- .md\:grid-cols-auto-fit { grid-template-columns:repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); }
56
- .md\:grid-cols-auto-fill { grid-template-columns:repeat(auto-fill, minmax(min(100%, 16rem), 1fr)); }
57
- .md\:col-span-1 { grid-column:span 1 / span 1; }
58
- .md\:col-span-2 { grid-column:span 2 / span 2; }
59
- .md\:col-span-3 { grid-column:span 3 / span 3; }
60
- .md\:col-span-4 { grid-column:span 4 / span 4; }
61
- .md\:col-span-5 { grid-column:span 5 / span 5; }
62
- .md\:col-span-6 { grid-column:span 6 / span 6; }
63
- .md\:col-span-full { grid-column:1 / -1; }
64
- .md\:grid-flow-row { grid-auto-flow:row; }
65
- .md\:grid-flow-col { grid-auto-flow:column; }
66
- .md\:grid-flow-dense { grid-auto-flow:row dense; }
67
- .md\:grid-flow-col-dense { grid-auto-flow:column dense; }
68
- }
69
-
70
- @media (min-width: 1024px) {
71
- .lg\:grid-cols-1 { grid-template-columns:repeat(1, minmax(0, 1fr)); }
72
- .lg\:grid-cols-2 { grid-template-columns:repeat(2, minmax(0, 1fr)); }
73
- .lg\:grid-cols-3 { grid-template-columns:repeat(3, minmax(0, 1fr)); }
74
- .lg\:grid-cols-4 { grid-template-columns:repeat(4, minmax(0, 1fr)); }
75
- .lg\:grid-cols-5 { grid-template-columns:repeat(5, minmax(0, 1fr)); }
76
- .lg\:grid-cols-6 { grid-template-columns:repeat(6, minmax(0, 1fr)); }
77
- .lg\:grid-cols-none { grid-template-columns:none; }
78
- .lg\:grid-cols-auto-fit { grid-template-columns:repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); }
79
- .lg\:grid-cols-auto-fill { grid-template-columns:repeat(auto-fill, minmax(min(100%, 16rem), 1fr)); }
80
- .lg\:col-span-1 { grid-column:span 1 / span 1; }
81
- .lg\:col-span-2 { grid-column:span 2 / span 2; }
82
- .lg\:col-span-3 { grid-column:span 3 / span 3; }
83
- .lg\:col-span-4 { grid-column:span 4 / span 4; }
84
- .lg\:col-span-5 { grid-column:span 5 / span 5; }
85
- .lg\:col-span-6 { grid-column:span 6 / span 6; }
86
- .lg\:col-span-full { grid-column:1 / -1; }
87
- .lg\:grid-flow-row { grid-auto-flow:row; }
88
- .lg\:grid-flow-col { grid-auto-flow:column; }
89
- .lg\:grid-flow-dense { grid-auto-flow:row dense; }
90
- .lg\:grid-flow-col-dense { grid-auto-flow:column dense; }
91
- }
92
-
93
- @media (min-width: 1280px) {
94
- .xl\:grid-cols-1 { grid-template-columns:repeat(1, minmax(0, 1fr)); }
95
- .xl\:grid-cols-2 { grid-template-columns:repeat(2, minmax(0, 1fr)); }
96
- .xl\:grid-cols-3 { grid-template-columns:repeat(3, minmax(0, 1fr)); }
97
- .xl\:grid-cols-4 { grid-template-columns:repeat(4, minmax(0, 1fr)); }
98
- .xl\:grid-cols-5 { grid-template-columns:repeat(5, minmax(0, 1fr)); }
99
- .xl\:grid-cols-6 { grid-template-columns:repeat(6, minmax(0, 1fr)); }
100
- .xl\:grid-cols-none { grid-template-columns:none; }
101
- .xl\:grid-cols-auto-fit { grid-template-columns:repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); }
102
- .xl\:grid-cols-auto-fill { grid-template-columns:repeat(auto-fill, minmax(min(100%, 16rem), 1fr)); }
103
- .xl\:col-span-1 { grid-column:span 1 / span 1; }
104
- .xl\:col-span-2 { grid-column:span 2 / span 2; }
105
- .xl\:col-span-3 { grid-column:span 3 / span 3; }
106
- .xl\:col-span-4 { grid-column:span 4 / span 4; }
107
- .xl\:col-span-5 { grid-column:span 5 / span 5; }
108
- .xl\:col-span-6 { grid-column:span 6 / span 6; }
109
- .xl\:col-span-full { grid-column:1 / -1; }
110
- .xl\:grid-flow-row { grid-auto-flow:row; }
111
- .xl\:grid-flow-col { grid-auto-flow:column; }
112
- .xl\:grid-flow-dense { grid-auto-flow:row dense; }
113
- .xl\:grid-flow-col-dense { grid-auto-flow:column dense; }
114
- }
115
-
116
- @media (min-width: 1536px) {
117
- .\32 xl\:grid-cols-1 { grid-template-columns:repeat(1, minmax(0, 1fr)); }
118
- .\32 xl\:grid-cols-2 { grid-template-columns:repeat(2, minmax(0, 1fr)); }
119
- .\32 xl\:grid-cols-3 { grid-template-columns:repeat(3, minmax(0, 1fr)); }
120
- .\32 xl\:grid-cols-4 { grid-template-columns:repeat(4, minmax(0, 1fr)); }
121
- .\32 xl\:grid-cols-5 { grid-template-columns:repeat(5, minmax(0, 1fr)); }
122
- .\32 xl\:grid-cols-6 { grid-template-columns:repeat(6, minmax(0, 1fr)); }
123
- .\32 xl\:grid-cols-none { grid-template-columns:none; }
124
- .\32 xl\:grid-cols-auto-fit { grid-template-columns:repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); }
125
- .\32 xl\:grid-cols-auto-fill { grid-template-columns:repeat(auto-fill, minmax(min(100%, 16rem), 1fr)); }
126
- .\32 xl\:col-span-1 { grid-column:span 1 / span 1; }
127
- .\32 xl\:col-span-2 { grid-column:span 2 / span 2; }
128
- .\32 xl\:col-span-3 { grid-column:span 3 / span 3; }
129
- .\32 xl\:col-span-4 { grid-column:span 4 / span 4; }
130
- .\32 xl\:col-span-5 { grid-column:span 5 / span 5; }
131
- .\32 xl\:col-span-6 { grid-column:span 6 / span 6; }
132
- .\32 xl\:col-span-full { grid-column:1 / -1; }
133
- .\32 xl\:grid-flow-row { grid-auto-flow:row; }
134
- .\32 xl\:grid-flow-col { grid-auto-flow:column; }
135
- .\32 xl\:grid-flow-dense { grid-auto-flow:row dense; }
136
- .\32 xl\:grid-flow-col-dense { grid-auto-flow:column dense; }
137
- }
138
- }