@vaneui/ui 0.0.13 → 0.0.15

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 (128) hide show
  1. package/README.md +144 -1
  2. package/dist/complex.css +2697 -3
  3. package/dist/components/theme/components/theme/index.d.ts +1 -0
  4. package/dist/components/theme/components/theme/themeContext.d.ts +46 -0
  5. package/dist/components/theme/components/ui/classes/appearanceClasses.d.ts +13 -0
  6. package/dist/components/theme/components/ui/classes/layoutClasses.d.ts +13 -0
  7. package/dist/components/theme/components/ui/classes/spacingClasses.d.ts +2 -0
  8. package/dist/components/theme/components/ui/classes/typographyClasses.d.ts +10 -0
  9. package/dist/components/theme/components/ui/props/keys.d.ts +79 -0
  10. package/dist/components/theme/components/ui/props/props.d.ts +42 -0
  11. package/dist/components/theme/components/ui/theme/appearance/layoutAppearanceTheme.d.ts +10 -0
  12. package/dist/components/theme/components/ui/theme/appearance/textAppearanceTheme.d.ts +10 -0
  13. package/dist/components/theme/components/ui/theme/appearance/variantTheme.d.ts +15 -0
  14. package/dist/components/theme/components/ui/theme/badgeTheme.d.ts +32 -0
  15. package/dist/components/theme/components/ui/theme/buttonTheme.d.ts +32 -0
  16. package/dist/components/theme/components/ui/theme/cardTheme.d.ts +37 -0
  17. package/dist/components/theme/components/ui/theme/chipTheme.d.ts +32 -0
  18. package/dist/components/theme/components/ui/theme/colTheme.d.ts +15 -0
  19. package/dist/components/theme/components/ui/theme/common/ComponentTheme.d.ts +44 -0
  20. package/dist/components/theme/components/ui/theme/common/baseTheme.d.ts +12 -0
  21. package/dist/components/theme/components/ui/theme/containerTheme.d.ts +29 -0
  22. package/dist/components/theme/components/ui/theme/dividerTheme.d.ts +9 -0
  23. package/dist/components/theme/components/ui/theme/gridTheme.d.ts +10 -0
  24. package/dist/components/theme/components/ui/theme/layout/borderTheme.d.ts +9 -0
  25. package/dist/components/theme/components/ui/theme/layout/directionTheme.d.ts +9 -0
  26. package/dist/components/theme/components/ui/theme/layout/hideTheme.d.ts +9 -0
  27. package/dist/components/theme/components/ui/theme/layout/itemsTheme.d.ts +9 -0
  28. package/dist/components/theme/components/ui/theme/layout/justifyTheme.d.ts +9 -0
  29. package/dist/components/theme/components/ui/theme/layout/positionTheme.d.ts +9 -0
  30. package/dist/components/theme/components/ui/theme/layout/radiusTheme.d.ts +9 -0
  31. package/dist/components/theme/components/ui/theme/layout/ringTheme.d.ts +9 -0
  32. package/dist/components/theme/components/ui/theme/layout/shadowTheme.d.ts +9 -0
  33. package/dist/components/theme/components/ui/theme/layout/wrapTheme.d.ts +9 -0
  34. package/dist/components/theme/components/ui/theme/rowTheme.d.ts +15 -0
  35. package/dist/components/theme/components/ui/theme/sectionTheme.d.ts +19 -0
  36. package/dist/components/theme/components/ui/theme/size/breakpointTheme.d.ts +9 -0
  37. package/dist/components/theme/components/ui/theme/size/gapTheme.d.ts +9 -0
  38. package/dist/components/theme/components/ui/theme/size/pxTheme.d.ts +9 -0
  39. package/dist/components/theme/components/ui/theme/size/pyTheme.d.ts +9 -0
  40. package/dist/components/theme/components/ui/theme/size/sizeTheme.d.ts +9 -0
  41. package/dist/components/theme/components/ui/theme/stackTheme.d.ts +19 -0
  42. package/dist/components/theme/components/ui/theme/typography/fontFamilyTheme.d.ts +9 -0
  43. package/dist/components/theme/components/ui/theme/typography/fontStyleTheme.d.ts +9 -0
  44. package/dist/components/theme/components/ui/theme/typography/fontWeightTheme.d.ts +9 -0
  45. package/dist/components/theme/components/ui/theme/typography/textAlignTheme.d.ts +9 -0
  46. package/dist/components/theme/components/ui/theme/typography/textDecorationTheme.d.ts +9 -0
  47. package/dist/components/theme/components/ui/theme/typography/textTransformTheme.d.ts +9 -0
  48. package/dist/components/theme/components/ui/theme/typographyComponentTheme.d.ts +22 -0
  49. package/dist/components/theme/components/utils/componentUtils.d.ts +4 -0
  50. package/dist/components/theme/components/utils/deepMerge.d.ts +4 -0
  51. package/dist/components/theme/components/utils/deepPartial.d.ts +3 -0
  52. package/dist/components/theme/index.d.ts +1 -0
  53. package/dist/components/theme/index.js +1827 -0
  54. package/dist/components/theme/index.js.map +1 -0
  55. package/dist/components/theme/themeContext.d.ts +46 -0
  56. package/dist/components/ui/badge.d.ts +3 -3
  57. package/dist/components/ui/button.d.ts +3 -3
  58. package/dist/components/ui/card.d.ts +3 -0
  59. package/dist/components/ui/chip.d.ts +3 -3
  60. package/dist/components/ui/classes/appearanceClasses.d.ts +13 -0
  61. package/dist/components/ui/classes/layoutClasses.d.ts +13 -0
  62. package/dist/components/ui/classes/spacingClasses.d.ts +2 -0
  63. package/dist/components/ui/classes/typographyClasses.d.ts +10 -0
  64. package/dist/components/ui/col.d.ts +10 -0
  65. package/dist/components/ui/container.d.ts +3 -0
  66. package/dist/components/ui/divider.d.ts +3 -3
  67. package/dist/components/ui/grid.d.ts +4 -0
  68. package/dist/components/ui/layout.d.ts +7 -8
  69. package/dist/components/ui/props/keys.d.ts +79 -0
  70. package/dist/components/ui/props/props.d.ts +41 -107
  71. package/dist/components/ui/row.d.ts +3 -0
  72. package/dist/components/ui/section.d.ts +3 -0
  73. package/dist/components/ui/stack.d.ts +3 -0
  74. package/dist/components/ui/theme/appearance/layoutAppearanceTheme.d.ts +10 -0
  75. package/dist/components/ui/theme/appearance/textAppearanceTheme.d.ts +10 -0
  76. package/dist/components/ui/theme/appearance/variantTheme.d.ts +15 -0
  77. package/dist/components/ui/theme/badgeTheme.d.ts +32 -0
  78. package/dist/components/ui/theme/buttonTheme.d.ts +32 -0
  79. package/dist/components/ui/theme/cardTheme.d.ts +37 -0
  80. package/dist/components/ui/theme/chipTheme.d.ts +32 -0
  81. package/dist/components/ui/theme/colTheme.d.ts +15 -0
  82. package/dist/components/ui/theme/common/ComponentTheme.d.ts +44 -0
  83. package/dist/components/ui/theme/common/baseTheme.d.ts +12 -0
  84. package/dist/components/ui/theme/containerTheme.d.ts +29 -0
  85. package/dist/components/ui/theme/dividerTheme.d.ts +9 -0
  86. package/dist/components/ui/theme/gridTheme.d.ts +10 -0
  87. package/dist/components/ui/theme/layout/borderTheme.d.ts +9 -0
  88. package/dist/components/ui/theme/layout/directionTheme.d.ts +9 -0
  89. package/dist/components/ui/theme/layout/hideTheme.d.ts +9 -0
  90. package/dist/components/ui/theme/layout/itemsTheme.d.ts +9 -0
  91. package/dist/components/ui/theme/layout/justifyTheme.d.ts +9 -0
  92. package/dist/components/ui/theme/layout/positionTheme.d.ts +9 -0
  93. package/dist/components/ui/theme/layout/radiusTheme.d.ts +9 -0
  94. package/dist/components/ui/theme/layout/ringTheme.d.ts +9 -0
  95. package/dist/components/ui/theme/layout/shadowTheme.d.ts +9 -0
  96. package/dist/components/ui/theme/layout/wrapTheme.d.ts +9 -0
  97. package/dist/components/ui/theme/rowTheme.d.ts +15 -0
  98. package/dist/components/ui/theme/sectionTheme.d.ts +19 -0
  99. package/dist/components/ui/theme/size/breakpointTheme.d.ts +9 -0
  100. package/dist/components/ui/theme/size/gapTheme.d.ts +9 -0
  101. package/dist/components/ui/theme/size/pxTheme.d.ts +9 -0
  102. package/dist/components/ui/theme/size/pyTheme.d.ts +9 -0
  103. package/dist/components/ui/theme/size/sizeTheme.d.ts +9 -0
  104. package/dist/components/ui/theme/stackTheme.d.ts +19 -0
  105. package/dist/components/ui/theme/typography/fontFamilyTheme.d.ts +9 -0
  106. package/dist/components/ui/theme/typography/fontStyleTheme.d.ts +9 -0
  107. package/dist/components/ui/theme/typography/fontWeightTheme.d.ts +9 -0
  108. package/dist/components/ui/theme/typography/textAlignTheme.d.ts +9 -0
  109. package/dist/components/ui/theme/typography/textDecorationTheme.d.ts +9 -0
  110. package/dist/components/ui/theme/typography/textTransformTheme.d.ts +9 -0
  111. package/dist/components/ui/theme/typographyComponentTheme.d.ts +22 -0
  112. package/dist/components/ui/typography.d.ts +9 -9
  113. package/dist/components/utils/buildComponent.d.ts +8 -0
  114. package/dist/components/utils/componentUtils.d.ts +4 -0
  115. package/dist/components/utils/deepMerge.d.ts +4 -0
  116. package/dist/components/utils/deepPartial.d.ts +3 -0
  117. package/dist/components/utils/tests/deepMerge.test.d.ts +1 -0
  118. package/dist/index.d.ts +3 -1
  119. package/dist/index.esm.js +1891 -323
  120. package/dist/index.esm.js.map +1 -1
  121. package/dist/index.js +1894 -322
  122. package/dist/index.js.map +1 -1
  123. package/dist/ui.css +2019 -100
  124. package/package.json +26 -15
  125. package/dist/all.css +0 -813
  126. package/dist/components/ui/props/commonValues.d.ts +0 -45
  127. package/dist/components/ui/settings.d.ts +0 -30
  128. package/dist/components/utils/componentBuilder.d.ts +0 -23
package/dist/all.css DELETED
@@ -1,813 +0,0 @@
1
- /*! tailwindcss v4.0.12 | MIT License | https://tailwindcss.com */
2
- @layer theme, utilities;
3
- @layer theme {
4
- :root, :host {
5
- --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
6
- 'Noto Color Emoji';
7
- --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
8
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
9
- monospace;
10
- --color-red-200: oklch(0.885 0.062 18.334);
11
- --color-yellow-200: oklch(0.945 0.129 101.54);
12
- --color-green-200: oklch(0.925 0.084 155.995);
13
- --color-blue-200: oklch(0.882 0.059 254.128);
14
- --color-gray-100: oklch(0.967 0.003 264.542);
15
- --color-gray-200: oklch(0.928 0.006 264.531);
16
- --spacing: 0.25rem;
17
- --container-3xl: 48rem;
18
- --container-4xl: 56rem;
19
- --container-5xl: 64rem;
20
- --container-6xl: 72rem;
21
- --container-7xl: 80rem;
22
- --text-xs: 0.75rem;
23
- --text-xs--line-height: calc(1 / 0.75);
24
- --text-sm: 0.875rem;
25
- --text-sm--line-height: calc(1.25 / 0.875);
26
- --text-base: 1rem;
27
- --text-base--line-height: calc(1.5 / 1);
28
- --text-lg: 1.125rem;
29
- --text-lg--line-height: calc(1.75 / 1.125);
30
- --text-xl: 1.25rem;
31
- --text-xl--line-height: calc(1.75 / 1.25);
32
- --text-2xl: 1.5rem;
33
- --text-2xl--line-height: calc(2 / 1.5);
34
- --text-3xl: 1.875rem;
35
- --text-3xl--line-height: calc(2.25 / 1.875);
36
- --text-4xl: 2.25rem;
37
- --text-4xl--line-height: calc(2.5 / 2.25);
38
- --text-5xl: 3rem;
39
- --text-5xl--line-height: 1;
40
- --text-6xl: 3.75rem;
41
- --text-6xl--line-height: 1;
42
- --text-7xl: 4.5rem;
43
- --text-7xl--line-height: 1;
44
- --font-weight-thin: 100;
45
- --font-weight-extralight: 200;
46
- --font-weight-light: 300;
47
- --font-weight-normal: 400;
48
- --font-weight-medium: 500;
49
- --font-weight-semibold: 600;
50
- --font-weight-bold: 700;
51
- --font-weight-extrabold: 800;
52
- --font-weight-black: 900;
53
- --radius-sm: 0.25rem;
54
- --radius-md: 0.375rem;
55
- --radius-lg: 0.5rem;
56
- --radius-xl: 0.75rem;
57
- --radius-2xl: 1rem;
58
- --default-transition-duration: 150ms;
59
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
60
- }
61
- }
62
- @layer utilities {
63
- .absolute {
64
- position: absolute;
65
- }
66
- .fixed {
67
- position: fixed;
68
- }
69
- .relative {
70
- position: relative;
71
- }
72
- .static {
73
- position: static;
74
- }
75
- .sticky {
76
- position: sticky;
77
- }
78
- .m-0 {
79
- margin: calc(var(--spacing) * 0);
80
- }
81
- .mx-auto {
82
- margin-inline: auto;
83
- }
84
- .flex {
85
- display: flex;
86
- }
87
- .grid {
88
- display: grid;
89
- }
90
- .h-fit {
91
- height: fit-content;
92
- }
93
- .h-px {
94
- height: 1px;
95
- }
96
- .w-fit {
97
- width: fit-content;
98
- }
99
- .w-full {
100
- width: 100%;
101
- }
102
- .max-w-3xl {
103
- max-width: var(--container-3xl);
104
- }
105
- .max-w-4xl {
106
- max-width: var(--container-4xl);
107
- }
108
- .max-w-5xl {
109
- max-width: var(--container-5xl);
110
- }
111
- .max-w-6xl {
112
- max-width: var(--container-6xl);
113
- }
114
- .max-w-7xl {
115
- max-width: var(--container-7xl);
116
- }
117
- .cursor-pointer {
118
- cursor: pointer;
119
- }
120
- .list-inside {
121
- list-style-position: inside;
122
- }
123
- .list-disc {
124
- list-style-type: disc;
125
- }
126
- .grid-cols-3 {
127
- grid-template-columns: repeat(3, minmax(0, 1fr));
128
- }
129
- .grid-cols-4 {
130
- grid-template-columns: repeat(4, minmax(0, 1fr));
131
- }
132
- .flex-col {
133
- flex-direction: column;
134
- }
135
- .flex-col-reverse {
136
- flex-direction: column-reverse;
137
- }
138
- .flex-row {
139
- flex-direction: row;
140
- }
141
- .flex-row-reverse {
142
- flex-direction: row-reverse;
143
- }
144
- .items-baseline {
145
- align-items: baseline;
146
- }
147
- .items-center {
148
- align-items: center;
149
- }
150
- .items-end {
151
- align-items: flex-end;
152
- }
153
- .items-start {
154
- align-items: flex-start;
155
- }
156
- .items-stretch {
157
- align-items: stretch;
158
- }
159
- .justify-around {
160
- justify-content: space-around;
161
- }
162
- .justify-baseline {
163
- justify-content: baseline;
164
- }
165
- .justify-between {
166
- justify-content: space-between;
167
- }
168
- .justify-center {
169
- justify-content: center;
170
- }
171
- .justify-end {
172
- justify-content: flex-end;
173
- }
174
- .justify-evenly {
175
- justify-content: space-evenly;
176
- }
177
- .justify-start {
178
- justify-content: flex-start;
179
- }
180
- .justify-stretch {
181
- justify-content: stretch;
182
- }
183
- .gap-0 {
184
- gap: calc(var(--spacing) * 0);
185
- }
186
- .gap-1 {
187
- gap: calc(var(--spacing) * 1);
188
- }
189
- .gap-2 {
190
- gap: calc(var(--spacing) * 2);
191
- }
192
- .gap-4 {
193
- gap: calc(var(--spacing) * 4);
194
- }
195
- .gap-6 {
196
- gap: calc(var(--spacing) * 6);
197
- }
198
- .gap-8 {
199
- gap: calc(var(--spacing) * 8);
200
- }
201
- .gap-10 {
202
- gap: calc(var(--spacing) * 10);
203
- }
204
- .rounded-2xl {
205
- border-radius: var(--radius-2xl);
206
- }
207
- .rounded-full {
208
- border-radius: calc(infinity * 1px);
209
- }
210
- .rounded-lg {
211
- border-radius: var(--radius-lg);
212
- }
213
- .rounded-md {
214
- border-radius: var(--radius-md);
215
- }
216
- .rounded-sm {
217
- border-radius: var(--radius-sm);
218
- }
219
- .rounded-xl {
220
- border-radius: var(--radius-xl);
221
- }
222
- .border {
223
- border-style: var(--tw-border-style);
224
- border-width: 1px;
225
- }
226
- .border-gray-200 {
227
- border-color: var(--color-gray-200);
228
- }
229
- .bg-blue-200 {
230
- background-color: var(--color-blue-200);
231
- }
232
- .bg-gray-100 {
233
- background-color: var(--color-gray-100);
234
- }
235
- .bg-gray-200 {
236
- background-color: var(--color-gray-200);
237
- }
238
- .bg-green-200 {
239
- background-color: var(--color-green-200);
240
- }
241
- .bg-red-200 {
242
- background-color: var(--color-red-200);
243
- }
244
- .bg-yellow-200 {
245
- background-color: var(--color-yellow-200);
246
- }
247
- .p-0 {
248
- padding: calc(var(--spacing) * 0);
249
- }
250
- .px-1 {
251
- padding-inline: calc(var(--spacing) * 1);
252
- }
253
- .px-2 {
254
- padding-inline: calc(var(--spacing) * 2);
255
- }
256
- .px-3 {
257
- padding-inline: calc(var(--spacing) * 3);
258
- }
259
- .px-4 {
260
- padding-inline: calc(var(--spacing) * 4);
261
- }
262
- .px-5 {
263
- padding-inline: calc(var(--spacing) * 5);
264
- }
265
- .px-6 {
266
- padding-inline: calc(var(--spacing) * 6);
267
- }
268
- .px-8 {
269
- padding-inline: calc(var(--spacing) * 8);
270
- }
271
- .px-10 {
272
- padding-inline: calc(var(--spacing) * 10);
273
- }
274
- .px-12 {
275
- padding-inline: calc(var(--spacing) * 12);
276
- }
277
- .py-1 {
278
- padding-block: calc(var(--spacing) * 1);
279
- }
280
- .py-2 {
281
- padding-block: calc(var(--spacing) * 2);
282
- }
283
- .py-3 {
284
- padding-block: calc(var(--spacing) * 3);
285
- }
286
- .py-4 {
287
- padding-block: calc(var(--spacing) * 4);
288
- }
289
- .py-6 {
290
- padding-block: calc(var(--spacing) * 6);
291
- }
292
- .py-8 {
293
- padding-block: calc(var(--spacing) * 8);
294
- }
295
- .py-10 {
296
- padding-block: calc(var(--spacing) * 10);
297
- }
298
- .py-12 {
299
- padding-block: calc(var(--spacing) * 12);
300
- }
301
- .py-14 {
302
- padding-block: calc(var(--spacing) * 14);
303
- }
304
- .font-mono {
305
- font-family: var(--font-mono);
306
- }
307
- .font-sans {
308
- font-family: var(--font-sans);
309
- }
310
- .font-serif {
311
- font-family: var(--font-serif);
312
- }
313
- .text-2xl {
314
- font-size: var(--text-2xl);
315
- line-height: var(--tw-leading, var(--text-2xl--line-height));
316
- }
317
- .text-3xl {
318
- font-size: var(--text-3xl);
319
- line-height: var(--tw-leading, var(--text-3xl--line-height));
320
- }
321
- .text-4xl {
322
- font-size: var(--text-4xl);
323
- line-height: var(--tw-leading, var(--text-4xl--line-height));
324
- }
325
- .text-5xl {
326
- font-size: var(--text-5xl);
327
- line-height: var(--tw-leading, var(--text-5xl--line-height));
328
- }
329
- .text-6xl {
330
- font-size: var(--text-6xl);
331
- line-height: var(--tw-leading, var(--text-6xl--line-height));
332
- }
333
- .text-7xl {
334
- font-size: var(--text-7xl);
335
- line-height: var(--tw-leading, var(--text-7xl--line-height));
336
- }
337
- .text-base {
338
- font-size: var(--text-base);
339
- line-height: var(--tw-leading, var(--text-base--line-height));
340
- }
341
- .text-lg {
342
- font-size: var(--text-lg);
343
- line-height: var(--tw-leading, var(--text-lg--line-height));
344
- }
345
- .text-sm {
346
- font-size: var(--text-sm);
347
- line-height: var(--tw-leading, var(--text-sm--line-height));
348
- }
349
- .text-xl {
350
- font-size: var(--text-xl);
351
- line-height: var(--tw-leading, var(--text-xl--line-height));
352
- }
353
- .text-xs {
354
- font-size: var(--text-xs);
355
- line-height: var(--tw-leading, var(--text-xs--line-height));
356
- }
357
- .font-black {
358
- --tw-font-weight: var(--font-weight-black);
359
- font-weight: var(--font-weight-black);
360
- }
361
- .font-bold {
362
- --tw-font-weight: var(--font-weight-bold);
363
- font-weight: var(--font-weight-bold);
364
- }
365
- .font-extrabold {
366
- --tw-font-weight: var(--font-weight-extrabold);
367
- font-weight: var(--font-weight-extrabold);
368
- }
369
- .font-extralight {
370
- --tw-font-weight: var(--font-weight-extralight);
371
- font-weight: var(--font-weight-extralight);
372
- }
373
- .font-light {
374
- --tw-font-weight: var(--font-weight-light);
375
- font-weight: var(--font-weight-light);
376
- }
377
- .font-medium {
378
- --tw-font-weight: var(--font-weight-medium);
379
- font-weight: var(--font-weight-medium);
380
- }
381
- .font-normal {
382
- --tw-font-weight: var(--font-weight-normal);
383
- font-weight: var(--font-weight-normal);
384
- }
385
- .font-semibold {
386
- --tw-font-weight: var(--font-weight-semibold);
387
- font-weight: var(--font-weight-semibold);
388
- }
389
- .font-thin {
390
- --tw-font-weight: var(--font-weight-thin);
391
- font-weight: var(--font-weight-thin);
392
- }
393
- .text-\(--text-color-accent\) {
394
- color: var(--text-color-accent);
395
- }
396
- .text-\(--text-color-danger\) {
397
- color: var(--text-color-danger);
398
- }
399
- .text-\(--text-color-default\) {
400
- color: var(--text-color-default);
401
- }
402
- .text-\(--text-color-info\) {
403
- color: var(--text-color-info);
404
- }
405
- .text-\(--text-color-link\) {
406
- color: var(--text-color-link);
407
- }
408
- .text-\(--text-color-muted\) {
409
- color: var(--text-color-muted);
410
- }
411
- .text-\(--text-color-primary\) {
412
- color: var(--text-color-primary);
413
- }
414
- .text-\(--text-color-secondary\) {
415
- color: var(--text-color-secondary);
416
- }
417
- .text-\(--text-color-success\) {
418
- color: var(--text-color-success);
419
- }
420
- .text-\(--text-color-tertiary\) {
421
- color: var(--text-color-tertiary);
422
- }
423
- .text-\(--text-color-warning\) {
424
- color: var(--text-color-warning);
425
- }
426
- .capitalize {
427
- text-transform: capitalize;
428
- }
429
- .lowercase {
430
- text-transform: lowercase;
431
- }
432
- .normal-case {
433
- text-transform: none;
434
- }
435
- .uppercase {
436
- text-transform: uppercase;
437
- }
438
- .italic {
439
- font-style: italic;
440
- }
441
- .not-italic {
442
- font-style: normal;
443
- }
444
- .line-through {
445
- text-decoration-line: line-through;
446
- }
447
- .no-underline {
448
- text-decoration-line: none;
449
- }
450
- .overline {
451
- text-decoration-line: overline;
452
- }
453
- .underline {
454
- text-decoration-line: underline;
455
- }
456
- .shadow-lg {
457
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
458
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
459
- }
460
- .shadow-md {
461
- --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
462
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
463
- }
464
- .shadow-sm {
465
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
466
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
467
- }
468
- .shadow-xs {
469
- --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
470
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
471
- }
472
- .transition-all {
473
- transition-property: all;
474
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
475
- transition-duration: var(--tw-duration, var(--default-transition-duration));
476
- }
477
- .duration-300 {
478
- --tw-duration: 300ms;
479
- transition-duration: 300ms;
480
- }
481
- .hover\:underline {
482
- &:hover {
483
- @media (hover: hover) {
484
- text-decoration-line: underline;
485
- }
486
- }
487
- }
488
- .hover\:shadow-lg {
489
- &:hover {
490
- @media (hover: hover) {
491
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
492
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
493
- }
494
- }
495
- }
496
- .hover\:shadow-md {
497
- &:hover {
498
- @media (hover: hover) {
499
- --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
500
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
501
- }
502
- }
503
- }
504
- .hover\:shadow-sm {
505
- &:hover {
506
- @media (hover: hover) {
507
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
508
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
509
- }
510
- }
511
- }
512
- .hover\:shadow-xl {
513
- &:hover {
514
- @media (hover: hover) {
515
- --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
516
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
517
- }
518
- }
519
- }
520
- .max-xl\:hidden {
521
- @media (width < 80rem) {
522
- display: none;
523
- }
524
- }
525
- .max-xl\:flex-col {
526
- @media (width < 80rem) {
527
- flex-direction: column;
528
- }
529
- }
530
- .max-lg\:hidden {
531
- @media (width < 64rem) {
532
- display: none;
533
- }
534
- }
535
- .max-lg\:grid-cols-2 {
536
- @media (width < 64rem) {
537
- grid-template-columns: repeat(2, minmax(0, 1fr));
538
- }
539
- }
540
- .max-lg\:grid-cols-3 {
541
- @media (width < 64rem) {
542
- grid-template-columns: repeat(3, minmax(0, 1fr));
543
- }
544
- }
545
- .max-lg\:flex-col {
546
- @media (width < 64rem) {
547
- flex-direction: column;
548
- }
549
- }
550
- .max-lg\:gap-1 {
551
- @media (width < 64rem) {
552
- gap: calc(var(--spacing) * 1);
553
- }
554
- }
555
- .max-lg\:gap-2 {
556
- @media (width < 64rem) {
557
- gap: calc(var(--spacing) * 2);
558
- }
559
- }
560
- .max-lg\:gap-3 {
561
- @media (width < 64rem) {
562
- gap: calc(var(--spacing) * 3);
563
- }
564
- }
565
- .max-lg\:gap-4 {
566
- @media (width < 64rem) {
567
- gap: calc(var(--spacing) * 4);
568
- }
569
- }
570
- .max-lg\:gap-5 {
571
- @media (width < 64rem) {
572
- gap: calc(var(--spacing) * 5);
573
- }
574
- }
575
- .max-lg\:gap-6 {
576
- @media (width < 64rem) {
577
- gap: calc(var(--spacing) * 6);
578
- }
579
- }
580
- .max-lg\:gap-7 {
581
- @media (width < 64rem) {
582
- gap: calc(var(--spacing) * 7);
583
- }
584
- }
585
- .max-lg\:gap-8 {
586
- @media (width < 64rem) {
587
- gap: calc(var(--spacing) * 8);
588
- }
589
- }
590
- .max-lg\:gap-9 {
591
- @media (width < 64rem) {
592
- gap: calc(var(--spacing) * 9);
593
- }
594
- }
595
- .max-lg\:px-2 {
596
- @media (width < 64rem) {
597
- padding-inline: calc(var(--spacing) * 2);
598
- }
599
- }
600
- .max-lg\:px-6 {
601
- @media (width < 64rem) {
602
- padding-inline: calc(var(--spacing) * 6);
603
- }
604
- }
605
- .max-lg\:px-8 {
606
- @media (width < 64rem) {
607
- padding-inline: calc(var(--spacing) * 8);
608
- }
609
- }
610
- .max-lg\:px-10 {
611
- @media (width < 64rem) {
612
- padding-inline: calc(var(--spacing) * 10);
613
- }
614
- }
615
- .max-lg\:py-4 {
616
- @media (width < 64rem) {
617
- padding-block: calc(var(--spacing) * 4);
618
- }
619
- }
620
- .max-lg\:py-6 {
621
- @media (width < 64rem) {
622
- padding-block: calc(var(--spacing) * 6);
623
- }
624
- }
625
- .max-lg\:py-8 {
626
- @media (width < 64rem) {
627
- padding-block: calc(var(--spacing) * 8);
628
- }
629
- }
630
- .max-lg\:py-10 {
631
- @media (width < 64rem) {
632
- padding-block: calc(var(--spacing) * 10);
633
- }
634
- }
635
- .max-lg\:py-12 {
636
- @media (width < 64rem) {
637
- padding-block: calc(var(--spacing) * 12);
638
- }
639
- }
640
- .max-md\:hidden {
641
- @media (width < 48rem) {
642
- display: none;
643
- }
644
- }
645
- .max-md\:grid-cols-1 {
646
- @media (width < 48rem) {
647
- grid-template-columns: repeat(1, minmax(0, 1fr));
648
- }
649
- }
650
- .max-md\:grid-cols-2 {
651
- @media (width < 48rem) {
652
- grid-template-columns: repeat(2, minmax(0, 1fr));
653
- }
654
- }
655
- .max-md\:flex-col {
656
- @media (width < 48rem) {
657
- flex-direction: column;
658
- }
659
- }
660
- .max-md\:gap-2 {
661
- @media (width < 48rem) {
662
- gap: calc(var(--spacing) * 2);
663
- }
664
- }
665
- .max-md\:gap-4 {
666
- @media (width < 48rem) {
667
- gap: calc(var(--spacing) * 4);
668
- }
669
- }
670
- .max-md\:gap-6 {
671
- @media (width < 48rem) {
672
- gap: calc(var(--spacing) * 6);
673
- }
674
- }
675
- .max-md\:gap-8 {
676
- @media (width < 48rem) {
677
- gap: calc(var(--spacing) * 8);
678
- }
679
- }
680
- .max-md\:px-0 {
681
- @media (width < 48rem) {
682
- padding-inline: calc(var(--spacing) * 0);
683
- }
684
- }
685
- .max-md\:px-2 {
686
- @media (width < 48rem) {
687
- padding-inline: calc(var(--spacing) * 2);
688
- }
689
- }
690
- .max-md\:px-4 {
691
- @media (width < 48rem) {
692
- padding-inline: calc(var(--spacing) * 4);
693
- }
694
- }
695
- .max-md\:px-6 {
696
- @media (width < 48rem) {
697
- padding-inline: calc(var(--spacing) * 6);
698
- }
699
- }
700
- .max-md\:px-8 {
701
- @media (width < 48rem) {
702
- padding-inline: calc(var(--spacing) * 8);
703
- }
704
- }
705
- .max-md\:py-2 {
706
- @media (width < 48rem) {
707
- padding-block: calc(var(--spacing) * 2);
708
- }
709
- }
710
- .max-md\:py-4 {
711
- @media (width < 48rem) {
712
- padding-block: calc(var(--spacing) * 4);
713
- }
714
- }
715
- .max-md\:py-6 {
716
- @media (width < 48rem) {
717
- padding-block: calc(var(--spacing) * 6);
718
- }
719
- }
720
- .max-md\:py-8 {
721
- @media (width < 48rem) {
722
- padding-block: calc(var(--spacing) * 8);
723
- }
724
- }
725
- .max-md\:py-10 {
726
- @media (width < 48rem) {
727
- padding-block: calc(var(--spacing) * 10);
728
- }
729
- }
730
- .max-sm\:hidden {
731
- @media (width < 40rem) {
732
- display: none;
733
- }
734
- }
735
- .max-sm\:grid-cols-1 {
736
- @media (width < 40rem) {
737
- grid-template-columns: repeat(1, minmax(0, 1fr));
738
- }
739
- }
740
- .max-sm\:flex-col {
741
- @media (width < 40rem) {
742
- flex-direction: column;
743
- }
744
- }
745
- }
746
- @property --tw-border-style {
747
- syntax: "*";
748
- inherits: false;
749
- initial-value: solid;
750
- }
751
- @property --tw-font-weight {
752
- syntax: "*";
753
- inherits: false;
754
- }
755
- @property --tw-shadow {
756
- syntax: "*";
757
- inherits: false;
758
- initial-value: 0 0 #0000;
759
- }
760
- @property --tw-shadow-color {
761
- syntax: "*";
762
- inherits: false;
763
- }
764
- @property --tw-inset-shadow {
765
- syntax: "*";
766
- inherits: false;
767
- initial-value: 0 0 #0000;
768
- }
769
- @property --tw-inset-shadow-color {
770
- syntax: "*";
771
- inherits: false;
772
- }
773
- @property --tw-ring-color {
774
- syntax: "*";
775
- inherits: false;
776
- }
777
- @property --tw-ring-shadow {
778
- syntax: "*";
779
- inherits: false;
780
- initial-value: 0 0 #0000;
781
- }
782
- @property --tw-inset-ring-color {
783
- syntax: "*";
784
- inherits: false;
785
- }
786
- @property --tw-inset-ring-shadow {
787
- syntax: "*";
788
- inherits: false;
789
- initial-value: 0 0 #0000;
790
- }
791
- @property --tw-ring-inset {
792
- syntax: "*";
793
- inherits: false;
794
- }
795
- @property --tw-ring-offset-width {
796
- syntax: "<length>";
797
- inherits: false;
798
- initial-value: 0px;
799
- }
800
- @property --tw-ring-offset-color {
801
- syntax: "*";
802
- inherits: false;
803
- initial-value: #fff;
804
- }
805
- @property --tw-ring-offset-shadow {
806
- syntax: "*";
807
- inherits: false;
808
- initial-value: 0 0 #0000;
809
- }
810
- @property --tw-duration {
811
- syntax: "*";
812
- inherits: false;
813
- }