@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/position.css DELETED
@@ -1,78 +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
- .static { position:static; }
4
- .relative { position:relative; }
5
- .absolute { position:absolute; }
6
- .fixed { position:fixed; }
7
- .sticky { position:sticky; }
8
- .inset-0 { top:0;right:0;bottom:0;left:0; }
9
- .top-0 { top:0; }
10
- .right-0 { right:0; }
11
- .bottom-0 { bottom:0; }
12
- .left-0 { left:0; }
13
-
14
- @media (min-width: 640px) {
15
- .sm\:static { position:static; }
16
- .sm\:relative { position:relative; }
17
- .sm\:absolute { position:absolute; }
18
- .sm\:fixed { position:fixed; }
19
- .sm\:sticky { position:sticky; }
20
- .sm\:inset-0 { top:0;right:0;bottom:0;left:0; }
21
- .sm\:top-0 { top:0; }
22
- .sm\:right-0 { right:0; }
23
- .sm\:bottom-0 { bottom:0; }
24
- .sm\:left-0 { left:0; }
25
- }
26
-
27
- @media (min-width: 768px) {
28
- .md\:static { position:static; }
29
- .md\:relative { position:relative; }
30
- .md\:absolute { position:absolute; }
31
- .md\:fixed { position:fixed; }
32
- .md\:sticky { position:sticky; }
33
- .md\:inset-0 { top:0;right:0;bottom:0;left:0; }
34
- .md\:top-0 { top:0; }
35
- .md\:right-0 { right:0; }
36
- .md\:bottom-0 { bottom:0; }
37
- .md\:left-0 { left:0; }
38
- }
39
-
40
- @media (min-width: 1024px) {
41
- .lg\:static { position:static; }
42
- .lg\:relative { position:relative; }
43
- .lg\:absolute { position:absolute; }
44
- .lg\:fixed { position:fixed; }
45
- .lg\:sticky { position:sticky; }
46
- .lg\:inset-0 { top:0;right:0;bottom:0;left:0; }
47
- .lg\:top-0 { top:0; }
48
- .lg\:right-0 { right:0; }
49
- .lg\:bottom-0 { bottom:0; }
50
- .lg\:left-0 { left:0; }
51
- }
52
-
53
- @media (min-width: 1280px) {
54
- .xl\:static { position:static; }
55
- .xl\:relative { position:relative; }
56
- .xl\:absolute { position:absolute; }
57
- .xl\:fixed { position:fixed; }
58
- .xl\:sticky { position:sticky; }
59
- .xl\:inset-0 { top:0;right:0;bottom:0;left:0; }
60
- .xl\:top-0 { top:0; }
61
- .xl\:right-0 { right:0; }
62
- .xl\:bottom-0 { bottom:0; }
63
- .xl\:left-0 { left:0; }
64
- }
65
-
66
- @media (min-width: 1536px) {
67
- .\32 xl\:static { position:static; }
68
- .\32 xl\:relative { position:relative; }
69
- .\32 xl\:absolute { position:absolute; }
70
- .\32 xl\:fixed { position:fixed; }
71
- .\32 xl\:sticky { position:sticky; }
72
- .\32 xl\:inset-0 { top:0;right:0;bottom:0;left:0; }
73
- .\32 xl\:top-0 { top:0; }
74
- .\32 xl\:right-0 { right:0; }
75
- .\32 xl\:bottom-0 { bottom:0; }
76
- .\32 xl\:left-0 { left:0; }
77
- }
78
- }
package/styles/utilities/sizing.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
- .w-full { width:100%; }
4
- .w-screen { width:100vw; }
5
- .w-auto { width:auto; }
6
- .w-min { width:min-content; }
7
- .w-max { width:max-content; }
8
- .w-fit { width:fit-content; }
9
- .w-1\/2 { width:50%; }
10
- .w-0 { width:0px; }
11
- .h-full { height:100%; }
12
- .h-screen { height:100vh; }
13
- .h-auto { height:auto; }
14
- .h-min { height:min-content; }
15
- .h-max { height:max-content; }
16
- .h-fit { height:fit-content; }
17
- .h-dvh { height:100dvh; }
18
- .h-0 { height:0px; }
19
- .min-w-0 { min-width:0px; }
20
- .min-h-0 { min-height:0px; }
21
- .max-w-full { max-width:100%; }
22
- .max-h-full { max-height:100%; }
23
-
24
- @media (min-width: 640px) {
25
- .sm\:w-full { width:100%; }
26
- .sm\:w-screen { width:100vw; }
27
- .sm\:w-auto { width:auto; }
28
- .sm\:w-min { width:min-content; }
29
- .sm\:w-max { width:max-content; }
30
- .sm\:w-fit { width:fit-content; }
31
- .sm\:w-1\/2 { width:50%; }
32
- .sm\:w-0 { width:0px; }
33
- .sm\:h-full { height:100%; }
34
- .sm\:h-screen { height:100vh; }
35
- .sm\:h-auto { height:auto; }
36
- .sm\:h-min { height:min-content; }
37
- .sm\:h-max { height:max-content; }
38
- .sm\:h-fit { height:fit-content; }
39
- .sm\:h-dvh { height:100dvh; }
40
- .sm\:h-0 { height:0px; }
41
- .sm\:min-w-0 { min-width:0px; }
42
- .sm\:min-h-0 { min-height:0px; }
43
- .sm\:max-w-full { max-width:100%; }
44
- .sm\:max-h-full { max-height:100%; }
45
- }
46
-
47
- @media (min-width: 768px) {
48
- .md\:w-full { width:100%; }
49
- .md\:w-screen { width:100vw; }
50
- .md\:w-auto { width:auto; }
51
- .md\:w-min { width:min-content; }
52
- .md\:w-max { width:max-content; }
53
- .md\:w-fit { width:fit-content; }
54
- .md\:w-1\/2 { width:50%; }
55
- .md\:w-0 { width:0px; }
56
- .md\:h-full { height:100%; }
57
- .md\:h-screen { height:100vh; }
58
- .md\:h-auto { height:auto; }
59
- .md\:h-min { height:min-content; }
60
- .md\:h-max { height:max-content; }
61
- .md\:h-fit { height:fit-content; }
62
- .md\:h-dvh { height:100dvh; }
63
- .md\:h-0 { height:0px; }
64
- .md\:min-w-0 { min-width:0px; }
65
- .md\:min-h-0 { min-height:0px; }
66
- .md\:max-w-full { max-width:100%; }
67
- .md\:max-h-full { max-height:100%; }
68
- }
69
-
70
- @media (min-width: 1024px) {
71
- .lg\:w-full { width:100%; }
72
- .lg\:w-screen { width:100vw; }
73
- .lg\:w-auto { width:auto; }
74
- .lg\:w-min { width:min-content; }
75
- .lg\:w-max { width:max-content; }
76
- .lg\:w-fit { width:fit-content; }
77
- .lg\:w-1\/2 { width:50%; }
78
- .lg\:w-0 { width:0px; }
79
- .lg\:h-full { height:100%; }
80
- .lg\:h-screen { height:100vh; }
81
- .lg\:h-auto { height:auto; }
82
- .lg\:h-min { height:min-content; }
83
- .lg\:h-max { height:max-content; }
84
- .lg\:h-fit { height:fit-content; }
85
- .lg\:h-dvh { height:100dvh; }
86
- .lg\:h-0 { height:0px; }
87
- .lg\:min-w-0 { min-width:0px; }
88
- .lg\:min-h-0 { min-height:0px; }
89
- .lg\:max-w-full { max-width:100%; }
90
- .lg\:max-h-full { max-height:100%; }
91
- }
92
-
93
- @media (min-width: 1280px) {
94
- .xl\:w-full { width:100%; }
95
- .xl\:w-screen { width:100vw; }
96
- .xl\:w-auto { width:auto; }
97
- .xl\:w-min { width:min-content; }
98
- .xl\:w-max { width:max-content; }
99
- .xl\:w-fit { width:fit-content; }
100
- .xl\:w-1\/2 { width:50%; }
101
- .xl\:w-0 { width:0px; }
102
- .xl\:h-full { height:100%; }
103
- .xl\:h-screen { height:100vh; }
104
- .xl\:h-auto { height:auto; }
105
- .xl\:h-min { height:min-content; }
106
- .xl\:h-max { height:max-content; }
107
- .xl\:h-fit { height:fit-content; }
108
- .xl\:h-dvh { height:100dvh; }
109
- .xl\:h-0 { height:0px; }
110
- .xl\:min-w-0 { min-width:0px; }
111
- .xl\:min-h-0 { min-height:0px; }
112
- .xl\:max-w-full { max-width:100%; }
113
- .xl\:max-h-full { max-height:100%; }
114
- }
115
-
116
- @media (min-width: 1536px) {
117
- .\32 xl\:w-full { width:100%; }
118
- .\32 xl\:w-screen { width:100vw; }
119
- .\32 xl\:w-auto { width:auto; }
120
- .\32 xl\:w-min { width:min-content; }
121
- .\32 xl\:w-max { width:max-content; }
122
- .\32 xl\:w-fit { width:fit-content; }
123
- .\32 xl\:w-1\/2 { width:50%; }
124
- .\32 xl\:w-0 { width:0px; }
125
- .\32 xl\:h-full { height:100%; }
126
- .\32 xl\:h-screen { height:100vh; }
127
- .\32 xl\:h-auto { height:auto; }
128
- .\32 xl\:h-min { height:min-content; }
129
- .\32 xl\:h-max { height:max-content; }
130
- .\32 xl\:h-fit { height:fit-content; }
131
- .\32 xl\:h-dvh { height:100dvh; }
132
- .\32 xl\:h-0 { height:0px; }
133
- .\32 xl\:min-w-0 { min-width:0px; }
134
- .\32 xl\:min-h-0 { min-height:0px; }
135
- .\32 xl\:max-w-full { max-width:100%; }
136
- .\32 xl\:max-h-full { max-height:100%; }
137
- }
138
- }