@fastwork/xosmoz-theme 0.0.14 → 0.0.16

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 (26) hide show
  1. package/README.md +70 -97
  2. package/dist/base.css +208 -4
  3. package/dist/{index-B3oQ5FIa.d.mts → index-D8kHN4dA.d.mts} +8 -25
  4. package/dist/{index-B3oQ5FIa.d.ts → index-D8kHN4dA.d.ts} +8 -25
  5. package/dist/index.d.mts +61 -73
  6. package/dist/index.d.ts +61 -73
  7. package/dist/index.js +532 -541
  8. package/dist/index.js.map +1 -1
  9. package/dist/index.mjs +533 -523
  10. package/dist/index.mjs.map +1 -1
  11. package/dist/themes/dark.css +174 -25
  12. package/dist/themes/light.css +175 -26
  13. package/dist/themes.css +349 -138
  14. package/dist/tokens.d.mts +1 -1
  15. package/dist/tokens.d.ts +1 -1
  16. package/dist/tokens.js +0 -244
  17. package/dist/tokens.js.map +1 -1
  18. package/dist/tokens.mjs +1 -234
  19. package/dist/tokens.mjs.map +1 -1
  20. package/package.json +55 -57
  21. package/dist/semantic.css +0 -51
  22. package/dist/themes/cyberpunk.css +0 -27
  23. package/dist/themes/forest.css +0 -27
  24. package/dist/themes/ocean.css +0 -27
  25. package/dist/variables.css +0 -290
  26. package/dist/xosmoz.css +0 -377
package/dist/semantic.css DELETED
@@ -1,51 +0,0 @@
1
- :root {
2
- /* Semantic colors - Light mode */
3
- --xz-background: var(--xz-color-neutral-50);
4
- --xz-foreground: var(--xz-color-neutral-900);
5
- --xz-muted: var(--xz-color-neutral-100);
6
- --xz-muted-foreground: var(--xz-color-neutral-600);
7
- --xz-border: var(--xz-color-neutral-200);
8
- --xz-input: var(--xz-color-neutral-200);
9
- --xz-ring: var(--xz-color-primary-500);
10
-
11
- /* Component colors */
12
- --xz-card: var(--xz-color-neutral-50);
13
- --xz-card-foreground: var(--xz-color-neutral-900);
14
- --xz-popover: var(--xz-color-neutral-50);
15
- --xz-popover-foreground: var(--xz-color-neutral-900);
16
-
17
- /* Button colors */
18
- --xz-primary: var(--xz-color-primary-500);
19
- --xz-primary-foreground: var(--xz-color-neutral-50);
20
- --xz-secondary: var(--xz-color-secondary-500);
21
- --xz-secondary-foreground: var(--xz-color-neutral-50);
22
- --xz-accent: var(--xz-color-accent-500);
23
- --xz-accent-foreground: var(--xz-color-neutral-50);
24
-
25
- /* Status colors */
26
- --xz-success: var(--xz-color-success-500);
27
- --xz-success-foreground: var(--xz-color-neutral-50);
28
- --xz-warning: var(--xz-color-warning-500);
29
- --xz-warning-foreground: var(--xz-color-neutral-50);
30
- --xz-error: var(--xz-color-error-500);
31
- --xz-error-foreground: var(--xz-color-neutral-50);
32
- --xz-info: var(--xz-color-info-500);
33
- --xz-info-foreground: var(--xz-color-neutral-50);
34
- }
35
-
36
- [data-theme="dark"] {
37
- /* Semantic colors - Dark mode */
38
- --xz-background: var(--xz-color-neutral-900);
39
- --xz-foreground: var(--xz-color-neutral-50);
40
- --xz-muted: var(--xz-color-neutral-900);
41
- --xz-muted-foreground: var(--xz-color-neutral-400);
42
- --xz-border: var(--xz-color-neutral-800);
43
- --xz-input: var(--xz-color-neutral-800);
44
- --xz-ring: var(--xz-color-primary-400);
45
-
46
- /* Component colors */
47
- --xz-card: var(--xz-color-neutral-900);
48
- --xz-card-foreground: var(--xz-color-neutral-50);
49
- --xz-popover: var(--xz-color-neutral-900);
50
- --xz-popover-foreground: var(--xz-color-neutral-50);
51
- }
package/dist/themes/cyberpunk.css DELETED
@@ -1,27 +0,0 @@
1
- [data-theme="cyberpunk"] {
2
- --xz-background: #0a0118;
3
- --xz-foreground: #e0e7ff;
4
- --xz-muted: #1e1432;
5
- --xz-muted-foreground: #a78bfa;
6
- --xz-border: #6d28d9;
7
- --xz-input: #4c1d95;
8
- --xz-ring: #a855f7;
9
- --xz-card: #150828;
10
- --xz-card-foreground: #e0e7ff;
11
- --xz-popover: #1e1432;
12
- --xz-popover-foreground: #e0e7ff;
13
- --xz-primary: #f0abfc;
14
- --xz-primary-foreground: #0a0118;
15
- --xz-secondary: #22d3ee;
16
- --xz-secondary-foreground: #0a0118;
17
- --xz-accent: #fde047;
18
- --xz-accent-foreground: #0a0118;
19
- --xz-destructive: #ec4899;
20
- --xz-destructive-foreground: #0a0118;
21
- --xz-success: #10b981;
22
- --xz-success-foreground: #0a0118;
23
- --xz-warning: #fb923c;
24
- --xz-warning-foreground: #0a0118;
25
- --xz-info: #3b82f6;
26
- --xz-info-foreground: #0a0118;
27
- }
package/dist/themes/forest.css DELETED
@@ -1,27 +0,0 @@
1
- [data-theme="forest"] {
2
- --xz-background: #faf8f3;
3
- --xz-foreground: #1c3d29;
4
- --xz-muted: #e8f0e6;
5
- --xz-muted-foreground: #4a6f58;
6
- --xz-border: #c4d9c4;
7
- --xz-input: #d4e4d4;
8
- --xz-ring: #2d7d46;
9
- --xz-card: #f5faf5;
10
- --xz-card-foreground: #1c3d29;
11
- --xz-popover: #ffffff;
12
- --xz-popover-foreground: #1c3d29;
13
- --xz-primary: #2d7d46;
14
- --xz-primary-foreground: #ffffff;
15
- --xz-secondary: #6b8e4e;
16
- --xz-secondary-foreground: #ffffff;
17
- --xz-accent: #d97706;
18
- --xz-accent-foreground: #ffffff;
19
- --xz-destructive: #b91c1c;
20
- --xz-destructive-foreground: #ffffff;
21
- --xz-success: #059669;
22
- --xz-success-foreground: #ffffff;
23
- --xz-warning: #ca8a04;
24
- --xz-warning-foreground: #1c3d29;
25
- --xz-info: #0284c7;
26
- --xz-info-foreground: #ffffff;
27
- }
package/dist/themes/ocean.css DELETED
@@ -1,27 +0,0 @@
1
- [data-theme="ocean"] {
2
- --xz-background: #0c1e2e;
3
- --xz-foreground: #e0f2fe;
4
- --xz-muted: #1e3a4f;
5
- --xz-muted-foreground: #94c5d9;
6
- --xz-border: #155e75;
7
- --xz-input: #164e63;
8
- --xz-ring: #06b6d4;
9
- --xz-card: #14293d;
10
- --xz-card-foreground: #e0f2fe;
11
- --xz-popover: #1e3a4f;
12
- --xz-popover-foreground: #e0f2fe;
13
- --xz-primary: #06b6d4;
14
- --xz-primary-foreground: #0c1e2e;
15
- --xz-secondary: #14b8a6;
16
- --xz-secondary-foreground: #0c1e2e;
17
- --xz-accent: #fb7185;
18
- --xz-accent-foreground: #ffffff;
19
- --xz-destructive: #ef4444;
20
- --xz-destructive-foreground: #ffffff;
21
- --xz-success: #10b981;
22
- --xz-success-foreground: #ffffff;
23
- --xz-warning: #eab308;
24
- --xz-warning-foreground: #0c1e2e;
25
- --xz-info: #38bdf8;
26
- --xz-info-foreground: #0c1e2e;
27
- }
package/dist/variables.css DELETED
@@ -1,290 +0,0 @@
1
- :root {
2
- --xz-color-primary-50: #E5F0FF;
3
- --xz-color-primary-100: #CCE0FF;
4
- --xz-color-primary-200: #99C2FF;
5
- --xz-color-primary-300: #66A3FF;
6
- --xz-color-primary-400: #3385FF;
7
- --xz-color-primary-500: #0569FF;
8
- --xz-color-primary-600: #0052CC;
9
- --xz-color-primary-700: #003D99;
10
- --xz-color-primary-800: #002966;
11
- --xz-color-primary-900: #001433;
12
- --xz-color-neutral-50: #FFFFFF;
13
- --xz-color-neutral-100: #FBFBFC;
14
- --xz-color-neutral-200: #F6F7F8;
15
- --xz-color-neutral-300: #E8EAEE;
16
- --xz-color-neutral-400: #D6DAE1;
17
- --xz-color-neutral-500: #9BA6B5;
18
- --xz-color-neutral-600: #8793A6;
19
- --xz-color-neutral-700: #728197;
20
- --xz-color-neutral-800: #485261;
21
- --xz-color-neutral-900: #38404C;
22
- --xz-color-neutral-1000: #2B313B;
23
- --xz-color-neutral-1100: #000000;
24
- --xz-color-green-50: #EBFFF3;
25
- --xz-color-green-100: #D7F1E2;
26
- --xz-color-green-200: #AFE3C5;
27
- --xz-color-green-300: #87D5A7;
28
- --xz-color-green-400: #5FC78A;
29
- --xz-color-green-500: #37B96D;
30
- --xz-color-green-600: #2C9457;
31
- --xz-color-green-700: #216F41;
32
- --xz-color-green-800: #164A2C;
33
- --xz-color-green-900: #0B2516;
34
- --xz-color-yellow-50: #FFF8E5;
35
- --xz-color-yellow-100: #FFF4CC;
36
- --xz-color-yellow-200: #FFE999;
37
- --xz-color-yellow-300: #FFDE66;
38
- --xz-color-yellow-400: #FFD333;
39
- --xz-color-yellow-500: #FFC800;
40
- --xz-color-yellow-600: #CCA000;
41
- --xz-color-yellow-700: #997800;
42
- --xz-color-yellow-800: #665000;
43
- --xz-color-yellow-900: #332800;
44
- --xz-color-red-50: #FCE3E3;
45
- --xz-color-red-100: #FAD8D7;
46
- --xz-color-red-200: #F5B0AF;
47
- --xz-color-red-300: #F08987;
48
- --xz-color-red-400: #EC615F;
49
- --xz-color-red-500: #E73A37;
50
- --xz-color-red-600: #B92E2C;
51
- --xz-color-red-700: #8A2321;
52
- --xz-color-red-800: #5C1716;
53
- --xz-color-red-900: #411110;
54
- --xz-color-orange-50: #FEF0E6;
55
- --xz-color-orange-100: #FEE1CD;
56
- --xz-color-orange-200: #FCC49C;
57
- --xz-color-orange-300: #FBA66A;
58
- --xz-color-orange-400: #FA8938;
59
- --xz-color-orange-500: #F97416;
60
- --xz-color-orange-600: #C75605;
61
- --xz-color-orange-700: #954004;
62
- --xz-color-orange-800: #632B03;
63
- --xz-color-orange-900: #321501;
64
- --xz-color-purple-50: #F0F2FD;
65
- --xz-color-purple-100: #E9E8FA;
66
- --xz-color-purple-200: #D2D1F6;
67
- --xz-color-purple-300: #BCBBF1;
68
- --xz-color-purple-400: #A5A4ED;
69
- --xz-color-purple-500: #8F8DE8;
70
- --xz-color-purple-600: #7271BA;
71
- --xz-color-purple-700: #56558B;
72
- --xz-color-purple-800: #39385D;
73
- --xz-color-purple-900: #1D1C2E;
74
- --xz-color-cyan-50: #E5F5FC;
75
- --xz-color-cyan-100: #D7EFF8;
76
- --xz-color-cyan-200: #AFDEF1;
77
- --xz-color-cyan-300: #88CEEA;
78
- --xz-color-cyan-400: #60BDE3;
79
- --xz-color-cyan-500: #38ADDC;
80
- --xz-color-cyan-600: #2D8AB0;
81
- --xz-color-cyan-700: #226884;
82
- --xz-color-cyan-800: #164558;
83
- --xz-color-cyan-900: #0B232C;
84
- --xz-color-black-alpha-50: rgb(0 0 0 / 0.05);
85
- --xz-color-black-alpha-100: rgb(0 0 0 / 0.1);
86
- --xz-color-black-alpha-200: rgb(0 0 0 / 0.2);
87
- --xz-color-black-alpha-300: rgb(0 0 0 / 0.3);
88
- --xz-color-black-alpha-400: rgb(0 0 0 / 0.4);
89
- --xz-color-black-alpha-500: rgb(0 0 0 / 0.5);
90
- --xz-color-black-alpha-600: rgb(0 0 0 / 0.6);
91
- --xz-color-black-alpha-700: rgb(0 0 0 / 0.7);
92
- --xz-color-black-alpha-800: rgb(0 0 0 / 0.8);
93
- --xz-color-black-alpha-900: rgb(0 0 0 / 0.9);
94
- --xz-color-white-alpha-50: rgb(255 255 255 / 0.05);
95
- --xz-color-white-alpha-100: rgb(255 255 255 / 0.1);
96
- --xz-color-white-alpha-200: rgb(255 255 255 / 0.2);
97
- --xz-color-white-alpha-300: rgb(255 255 255 / 0.3);
98
- --xz-color-white-alpha-400: rgb(255 255 255 / 0.4);
99
- --xz-color-white-alpha-500: rgb(255 255 255 / 0.5);
100
- --xz-color-white-alpha-600: rgb(255 255 255 / 0.6);
101
- --xz-color-white-alpha-700: rgb(255 255 255 / 0.7);
102
- --xz-color-white-alpha-800: rgb(255 255 255 / 0.8);
103
- --xz-color-white-alpha-900: rgb(255 255 255 / 0.9);
104
-
105
- --xz-font-size-50: 0.5rem;
106
- --xz-font-size-100: 0.625rem;
107
- --xz-font-size-200: 0.75rem;
108
- --xz-font-size-300: 0.875rem;
109
- --xz-font-size-400: 1rem;
110
- --xz-font-size-500: 1.125rem;
111
- --xz-font-size-600: 1.25rem;
112
- --xz-font-size-700: 1.5rem;
113
- --xz-font-size-800: 1.625rem;
114
- --xz-font-size-900: 2rem;
115
- --xz-font-size-1000: 2.375rem;
116
- --xz-font-size-1100: 2.5rem;
117
- --xz-font-size-1200: 2.6875rem;
118
- --xz-font-size-1300: 3rem;
119
- --xz-font-size-1400: 3.5rem;
120
- --xz-font-size-1500: 4rem;
121
- --xz-font-size-1600: 4.5rem;
122
-
123
- --xz-font-weight-100: 100;
124
- --xz-font-weight-200: 200;
125
- --xz-font-weight-300: 300;
126
- --xz-font-weight-400: 400;
127
- --xz-font-weight-500: 500;
128
- --xz-font-weight-600: 600;
129
- --xz-font-weight-700: 700;
130
- --xz-font-weight-800: 800;
131
- --xz-font-weight-900: 900;
132
-
133
- --xz-font-family-primary: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
134
- --xz-font-family-secondary: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
135
-
136
- --xz-line-height-100pct: 1;
137
- --xz-line-height-125pct: 1.25;
138
- --xz-line-height-135pct: 1.35;
139
- --xz-line-height-150pct: 1.5;
140
- --xz-line-height-165pct: 1.65;
141
- --xz-line-height-200pct: 2;
142
-
143
- --xz-heading-h1-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
144
- --xz-heading-h1-font-size: 4.5rem;
145
- --xz-heading-h1-font-weight: 700;
146
- --xz-heading-h2-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
147
- --xz-heading-h2-font-size: 4rem;
148
- --xz-heading-h2-font-weight: 700;
149
- --xz-heading-h3-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
150
- --xz-heading-h3-font-size: 3.5rem;
151
- --xz-heading-h3-font-weight: 700;
152
- --xz-heading-h4-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
153
- --xz-heading-h4-font-size: 3rem;
154
- --xz-heading-h4-font-weight: 700;
155
- --xz-heading-h5-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
156
- --xz-heading-h5-font-size: 2.5rem;
157
- --xz-heading-h5-font-weight: 700;
158
- --xz-heading-h6-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
159
- --xz-heading-h6-font-size: 2rem;
160
- --xz-heading-h6-font-weight: 700;
161
-
162
- --xz-title-title1-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
163
- --xz-title-title1-font-size: 1.5rem;
164
- --xz-title-title1-font-weight: 700;
165
- --xz-title-title2-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
166
- --xz-title-title2-font-size: 1.25rem;
167
- --xz-title-title2-font-weight: 700;
168
- --xz-title-title3-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
169
- --xz-title-title3-font-size: 1.125rem;
170
- --xz-title-title3-font-weight: 700;
171
- --xz-title-title4-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
172
- --xz-title-title4-font-size: 1rem;
173
- --xz-title-title4-font-weight: 700;
174
-
175
- --xz-subtitle-subtitle1Bold-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
176
- --xz-subtitle-subtitle1Bold-font-size: 1rem;
177
- --xz-subtitle-subtitle1Bold-font-weight: 700;
178
- --xz-subtitle-subtitle1Regular-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
179
- --xz-subtitle-subtitle1Regular-font-size: 1rem;
180
- --xz-subtitle-subtitle1Regular-font-weight: 400;
181
- --xz-subtitle-subtitle2Bold-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
182
- --xz-subtitle-subtitle2Bold-font-size: 0.875rem;
183
- --xz-subtitle-subtitle2Bold-font-weight: 700;
184
- --xz-subtitle-subtitle2Regular-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
185
- --xz-subtitle-subtitle2Regular-font-size: 0.875rem;
186
- --xz-subtitle-subtitle2Regular-font-weight: 400;
187
- --xz-subtitle-subtitle3Bold-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
188
- --xz-subtitle-subtitle3Bold-font-size: 0.75rem;
189
- --xz-subtitle-subtitle3Bold-font-weight: 700;
190
- --xz-subtitle-subtitle3Regular-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
191
- --xz-subtitle-subtitle3Regular-font-size: 0.75rem;
192
- --xz-subtitle-subtitle3Regular-font-weight: 400;
193
-
194
- --xz-body-body1-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
195
- --xz-body-body1-font-size: 1rem;
196
- --xz-body-body1-font-weight: 400;
197
- --xz-body-body2-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
198
- --xz-body-body2-font-size: 0.875rem;
199
- --xz-body-body2-font-weight: 400;
200
- --xz-body-body3-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
201
- --xz-body-body3-font-size: 0.75rem;
202
- --xz-body-body3-font-weight: 400;
203
- --xz-body-body4-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
204
- --xz-body-body4-font-size: 0.625rem;
205
- --xz-body-body4-font-weight: 400;
206
-
207
- --xz-spacing-0: 0;
208
- --xz-spacing-1: 0.25rem;
209
- --xz-spacing-2: 0.5rem;
210
- --xz-spacing-3: 0.75rem;
211
- --xz-spacing-4: 1rem;
212
- --xz-spacing-5: 1.25rem;
213
- --xz-spacing-6: 1.5rem;
214
- --xz-spacing-7: 1.75rem;
215
- --xz-spacing-8: 2rem;
216
- --xz-spacing-9: 2.25rem;
217
- --xz-spacing-10: 2.5rem;
218
- --xz-spacing-11: 2.75rem;
219
- --xz-spacing-12: 3rem;
220
- --xz-spacing-14: 3.5rem;
221
- --xz-spacing-16: 4rem;
222
- --xz-spacing-20: 5rem;
223
- --xz-spacing-24: 6rem;
224
- --xz-spacing-28: 7rem;
225
- --xz-spacing-32: 8rem;
226
- --xz-spacing-36: 9rem;
227
- --xz-spacing-40: 10rem;
228
- --xz-spacing-44: 11rem;
229
- --xz-spacing-48: 12rem;
230
- --xz-spacing-52: 13rem;
231
- --xz-spacing-56: 14rem;
232
- --xz-spacing-60: 15rem;
233
- --xz-spacing-64: 16rem;
234
- --xz-spacing-72: 18rem;
235
- --xz-spacing-80: 20rem;
236
- --xz-spacing-96: 24rem;
237
- --xz-spacing-px: 1px;
238
- --xz-spacing-0_5: 0.125rem;
239
- --xz-spacing-1_5: 0.375rem;
240
- --xz-spacing-2_5: 0.625rem;
241
- --xz-spacing-3_5: 0.875rem;
242
-
243
- --xz-radius-none: 0;
244
- --xz-radius-sm: 0.125rem;
245
- --xz-radius-base: 0.25rem;
246
- --xz-radius-md: 0.375rem;
247
- --xz-radius-lg: 0.5rem;
248
- --xz-radius-xl: 0.75rem;
249
- --xz-radius-2xl: 1rem;
250
- --xz-radius-3xl: 1.5rem;
251
- --xz-radius-full: 9999px;
252
-
253
- --xz-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
254
- --xz-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
255
- --xz-shadow-base: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
256
- --xz-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
257
- --xz-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
258
- --xz-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
259
- --xz-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
260
- --xz-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
261
- --xz-shadow-none: 0 0 #0000;
262
- }
263
-
264
- @media (max-width: 768px) {
265
- :root {
266
- --xz-heading-h1-font-size: 3rem;
267
- --xz-heading-h2-font-size: 2.6875rem;
268
- --xz-heading-h3-font-size: 2.375rem;
269
- --xz-heading-h4-font-size: 2rem;
270
- --xz-heading-h5-font-size: 1.625rem;
271
- --xz-heading-h6-font-size: 1.5rem;
272
-
273
- --xz-title-title1-font-size: 1.25rem;
274
- --xz-title-title2-font-size: 1.125rem;
275
- --xz-title-title3-font-size: 1rem;
276
- --xz-title-title4-font-size: 0.875rem;
277
-
278
- --xz-subtitle-subtitle1Bold-font-size: 0.875rem;
279
- --xz-subtitle-subtitle1Regular-font-size: 0.875rem;
280
- --xz-subtitle-subtitle2Bold-font-size: 0.75rem;
281
- --xz-subtitle-subtitle2Regular-font-size: 0.75rem;
282
- --xz-subtitle-subtitle3Bold-font-size: 0.625rem;
283
- --xz-subtitle-subtitle3Regular-font-size: 0.625rem;
284
-
285
- --xz-body-body1-font-size: 0.875rem;
286
- --xz-body-body2-font-size: 0.75rem;
287
- --xz-body-body3-font-size: 0.625rem;
288
- --xz-body-body4-font-size: 0.5rem;
289
- }
290
- }