@sigx/zero-daisyui 0.2.0-beta.1

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 (136) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +115 -0
  3. package/dist/components.d.ts +478 -0
  4. package/dist/components.js +76 -0
  5. package/dist/css/components/accordion.css +165 -0
  6. package/dist/css/components/alert.css +126 -0
  7. package/dist/css/components/avatar.css +94 -0
  8. package/dist/css/components/badge.css +82 -0
  9. package/dist/css/components/breadcrumbs.css +102 -0
  10. package/dist/css/components/button.css +252 -0
  11. package/dist/css/components/card.css +97 -0
  12. package/dist/css/components/carousel.css +196 -0
  13. package/dist/css/components/chat.css +167 -0
  14. package/dist/css/components/checkbox.css +245 -0
  15. package/dist/css/components/collapsible.css +157 -0
  16. package/dist/css/components/combobox.css +251 -0
  17. package/dist/css/components/countdown.css +83 -0
  18. package/dist/css/components/dialog.css +313 -0
  19. package/dist/css/components/diff.css +120 -0
  20. package/dist/css/components/divider.css +70 -0
  21. package/dist/css/components/drawer.css +285 -0
  22. package/dist/css/components/field.css +111 -0
  23. package/dist/css/components/file-upload.css +198 -0
  24. package/dist/css/components/indicator.css +166 -0
  25. package/dist/css/components/input.css +151 -0
  26. package/dist/css/components/join.css +122 -0
  27. package/dist/css/components/kbd.css +84 -0
  28. package/dist/css/components/menu.css +382 -0
  29. package/dist/css/components/native-select.css +128 -0
  30. package/dist/css/components/navbar.css +93 -0
  31. package/dist/css/components/number-input.css +211 -0
  32. package/dist/css/components/pagination.css +203 -0
  33. package/dist/css/components/popover.css +263 -0
  34. package/dist/css/components/progress.css +109 -0
  35. package/dist/css/components/radial-progress.css +129 -0
  36. package/dist/css/components/radio-group.css +176 -0
  37. package/dist/css/components/rating-group.css +143 -0
  38. package/dist/css/components/select.css +212 -0
  39. package/dist/css/components/skeleton.css +74 -0
  40. package/dist/css/components/slider.css +182 -0
  41. package/dist/css/components/spinner.css +75 -0
  42. package/dist/css/components/stats.css +115 -0
  43. package/dist/css/components/status.css +66 -0
  44. package/dist/css/components/steps.css +208 -0
  45. package/dist/css/components/swap.css +116 -0
  46. package/dist/css/components/switch.css +126 -0
  47. package/dist/css/components/table.css +124 -0
  48. package/dist/css/components/tabs.css +137 -0
  49. package/dist/css/components/textarea.css +131 -0
  50. package/dist/css/components/timeline.css +204 -0
  51. package/dist/css/components/toast.css +234 -0
  52. package/dist/css/components/toggle-group.css +164 -0
  53. package/dist/css/components/toggle.css +139 -0
  54. package/dist/css/components/tooltip.css +226 -0
  55. package/dist/css/components/tree-view.css +197 -0
  56. package/dist/css/index.css +8521 -0
  57. package/dist/css/tokens.css +265 -0
  58. package/dist/design-system.d.ts +5 -0
  59. package/dist/design-system.d.ts.map +1 -0
  60. package/dist/design-system.js +46 -0
  61. package/dist/design-system.js.map +1 -0
  62. package/dist/index.d.ts +5 -0
  63. package/dist/index.d.ts.map +1 -0
  64. package/dist/index.js +13 -0
  65. package/dist/index.js.map +1 -0
  66. package/dist/lynx/components/accordion.css +87 -0
  67. package/dist/lynx/components/alert.css +108 -0
  68. package/dist/lynx/components/avatar.css +83 -0
  69. package/dist/lynx/components/badge.css +80 -0
  70. package/dist/lynx/components/breadcrumbs.css +61 -0
  71. package/dist/lynx/components/button.css +173 -0
  72. package/dist/lynx/components/card.css +62 -0
  73. package/dist/lynx/components/carousel.css +124 -0
  74. package/dist/lynx/components/chat.css +105 -0
  75. package/dist/lynx/components/checkbox.css +163 -0
  76. package/dist/lynx/components/collapsible.css +79 -0
  77. package/dist/lynx/components/combobox.css +195 -0
  78. package/dist/lynx/components/countdown.css +43 -0
  79. package/dist/lynx/components/dialog.css +227 -0
  80. package/dist/lynx/components/diff.css +59 -0
  81. package/dist/lynx/components/divider.css +60 -0
  82. package/dist/lynx/components/drawer.css +184 -0
  83. package/dist/lynx/components/field.css +63 -0
  84. package/dist/lynx/components/file-upload.css +147 -0
  85. package/dist/lynx/components/indicator.css +108 -0
  86. package/dist/lynx/components/input.css +112 -0
  87. package/dist/lynx/components/join.css +60 -0
  88. package/dist/lynx/components/kbd.css +81 -0
  89. package/dist/lynx/components/menu.css +282 -0
  90. package/dist/lynx/components/native-select.css +100 -0
  91. package/dist/lynx/components/navbar.css +91 -0
  92. package/dist/lynx/components/number-input.css +156 -0
  93. package/dist/lynx/components/pagination.css +155 -0
  94. package/dist/lynx/components/popover.css +184 -0
  95. package/dist/lynx/components/progress.css +43 -0
  96. package/dist/lynx/components/radial-progress.css +59 -0
  97. package/dist/lynx/components/radio-group.css +149 -0
  98. package/dist/lynx/components/rating-group.css +69 -0
  99. package/dist/lynx/components/select.css +163 -0
  100. package/dist/lynx/components/skeleton.css +34 -0
  101. package/dist/lynx/components/slider.css +136 -0
  102. package/dist/lynx/components/spinner.css +49 -0
  103. package/dist/lynx/components/stats.css +95 -0
  104. package/dist/lynx/components/status.css +45 -0
  105. package/dist/lynx/components/steps.css +171 -0
  106. package/dist/lynx/components/swap.css +60 -0
  107. package/dist/lynx/components/switch.css +95 -0
  108. package/dist/lynx/components/table.css +74 -0
  109. package/dist/lynx/components/tabs.css +105 -0
  110. package/dist/lynx/components/textarea.css +104 -0
  111. package/dist/lynx/components/timeline.css +123 -0
  112. package/dist/lynx/components/toast.css +200 -0
  113. package/dist/lynx/components/toggle-group.css +114 -0
  114. package/dist/lynx/components/toggle.css +112 -0
  115. package/dist/lynx/components/tooltip.css +153 -0
  116. package/dist/lynx/components/tree-view.css +161 -0
  117. package/dist/lynx/index.css +6223 -0
  118. package/dist/lynx/manifest.json +1758 -0
  119. package/dist/lynx/tokens.css +425 -0
  120. package/dist/manifest.json +1752 -0
  121. package/dist/recipes.d.ts +188 -0
  122. package/dist/recipes.d.ts.map +1 -0
  123. package/dist/recipes.js +5128 -0
  124. package/dist/recipes.js.map +1 -0
  125. package/dist/register.d.ts +507 -0
  126. package/dist/register.js +4 -0
  127. package/dist/report.json +10752 -0
  128. package/dist/tokens.d.ts +150 -0
  129. package/dist/tokens.d.ts.map +1 -0
  130. package/dist/tokens.js +306 -0
  131. package/dist/tokens.js.map +1 -0
  132. package/package.json +61 -0
  133. package/src/design-system.ts +52 -0
  134. package/src/index.ts +14 -0
  135. package/src/recipes.ts +5236 -0
  136. package/src/tokens.ts +321 -0
@@ -0,0 +1,425 @@
1
+ .zx-root {
2
+ --color-primary: #422ad5;
3
+ --color-primary-content: #e0e7ff;
4
+ --color-secondary: #f43098;
5
+ --color-secondary-content: #f9e4f0;
6
+ --color-accent: #00d3bb;
7
+ --color-accent-content: #084d49;
8
+ --color-neutral: #09090b;
9
+ --color-neutral-content: #e4e4e7;
10
+ --color-info: #00bafe;
11
+ --color-info-content: #042e49;
12
+ --color-success: #00d390;
13
+ --color-success-content: #004c39;
14
+ --color-warning: #fcb700;
15
+ --color-warning-content: #793205;
16
+ --color-error: #ff627d;
17
+ --color-error-content: #4d0218;
18
+ --color-base-100: #ffffff;
19
+ --color-base-200: #f8f8f8;
20
+ --color-base-300: #eeeeee;
21
+ --color-base-content: #18181b;
22
+ --color-primary-soft: #e4e8fd;
23
+ --color-secondary-soft: #ffeaf2;
24
+ --color-accent-soft: #ebfaf7;
25
+ --color-neutral-soft: #dddddd;
26
+ --color-info-soft: #e9f7ff;
27
+ --color-success-soft: #ebfaf1;
28
+ --color-warning-soft: #fff7e9;
29
+ --color-error-soft: #ffedef;
30
+ --radius-selector: 0.5rem;
31
+ --radius-field: 0.25rem;
32
+ --radius-box: 0.5rem;
33
+ --size-selector: 0.25rem;
34
+ --size-field: 0.25rem;
35
+ --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
36
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
37
+ --weight-normal: 400;
38
+ --weight-medium: 500;
39
+ --weight-semibold: 600;
40
+ --weight-bold: 700;
41
+ --leading-none: 1;
42
+ --leading-tight: 1.25;
43
+ --leading-normal: 1.5;
44
+ --tracking-normal: 0em;
45
+ --tracking-wide: 0.05em;
46
+ --space-2xs: 0.125rem;
47
+ --space-xs: 0.25rem;
48
+ --space-sm: 0.375rem;
49
+ --space-md: 0.5rem;
50
+ --space-lg: 0.75rem;
51
+ --space-xl: 1rem;
52
+ --space-2xl: 1.25rem;
53
+ --shadow-xs: 0 1px 2px #00000014;
54
+ --shadow-sm: 0 1px 2px #00000026;
55
+ --shadow-md: 0 1px 2px #00000033;
56
+ --shadow-lg: 0 12px 32px -8px #0000004d;
57
+ --shadow-xl: 0 25px 50px -12px #00000066;
58
+ --duration-instant: 100ms;
59
+ --duration-fast: 150ms;
60
+ --duration-normal: 200ms;
61
+ --duration-slow: 300ms;
62
+ --ease-standard: ease;
63
+ --border: 1px;
64
+ --disabled-opacity: 0.3;
65
+ --depth: 1;
66
+ --depth-shade: #0000001a;
67
+ --depth-sheen: #ffffff1a;
68
+ --noise: 0;
69
+ --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
70
+ }
71
+
72
+ .zx-root.zx-theme-light {
73
+ --color-primary: #422ad5;
74
+ --color-primary-content: #e0e7ff;
75
+ --color-secondary: #f43098;
76
+ --color-secondary-content: #f9e4f0;
77
+ --color-accent: #00d3bb;
78
+ --color-accent-content: #084d49;
79
+ --color-neutral: #09090b;
80
+ --color-neutral-content: #e4e4e7;
81
+ --color-info: #00bafe;
82
+ --color-info-content: #042e49;
83
+ --color-success: #00d390;
84
+ --color-success-content: #004c39;
85
+ --color-warning: #fcb700;
86
+ --color-warning-content: #793205;
87
+ --color-error: #ff627d;
88
+ --color-error-content: #4d0218;
89
+ --color-base-100: #ffffff;
90
+ --color-base-200: #f8f8f8;
91
+ --color-base-300: #eeeeee;
92
+ --color-base-content: #18181b;
93
+ --color-primary-soft: #e4e8fd;
94
+ --color-secondary-soft: #ffeaf2;
95
+ --color-accent-soft: #ebfaf7;
96
+ --color-neutral-soft: #dddddd;
97
+ --color-info-soft: #e9f7ff;
98
+ --color-success-soft: #ebfaf1;
99
+ --color-warning-soft: #fff7e9;
100
+ --color-error-soft: #ffedef;
101
+ --radius-selector: 0.5rem;
102
+ --radius-field: 0.25rem;
103
+ --radius-box: 0.5rem;
104
+ --size-selector: 0.25rem;
105
+ --size-field: 0.25rem;
106
+ --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
107
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
108
+ --weight-normal: 400;
109
+ --weight-medium: 500;
110
+ --weight-semibold: 600;
111
+ --weight-bold: 700;
112
+ --leading-none: 1;
113
+ --leading-tight: 1.25;
114
+ --leading-normal: 1.5;
115
+ --tracking-normal: 0em;
116
+ --tracking-wide: 0.05em;
117
+ --space-2xs: 0.125rem;
118
+ --space-xs: 0.25rem;
119
+ --space-sm: 0.375rem;
120
+ --space-md: 0.5rem;
121
+ --space-lg: 0.75rem;
122
+ --space-xl: 1rem;
123
+ --space-2xl: 1.25rem;
124
+ --shadow-xs: 0 1px 2px #00000014;
125
+ --shadow-sm: 0 1px 2px #00000026;
126
+ --shadow-md: 0 1px 2px #00000033;
127
+ --shadow-lg: 0 12px 32px -8px #0000004d;
128
+ --shadow-xl: 0 25px 50px -12px #00000066;
129
+ --duration-instant: 100ms;
130
+ --duration-fast: 150ms;
131
+ --duration-normal: 200ms;
132
+ --duration-slow: 300ms;
133
+ --ease-standard: ease;
134
+ --border: 1px;
135
+ --disabled-opacity: 0.3;
136
+ --depth: 1;
137
+ --depth-shade: #0000001a;
138
+ --depth-sheen: #ffffff1a;
139
+ --noise: 0;
140
+ --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
141
+ }
142
+
143
+ .zx-root.zx-theme-dark {
144
+ --color-primary: #605dff;
145
+ --color-primary-content: #edf1fe;
146
+ --color-secondary: #f43098;
147
+ --color-secondary-content: #f9e4f0;
148
+ --color-accent: #00d3bb;
149
+ --color-accent-content: #084d49;
150
+ --color-neutral: #09090b;
151
+ --color-neutral-content: #e4e4e7;
152
+ --color-info: #00bafe;
153
+ --color-info-content: #042e49;
154
+ --color-success: #00d390;
155
+ --color-success-content: #004c39;
156
+ --color-warning: #fcb700;
157
+ --color-warning-content: #793205;
158
+ --color-error: #ff627d;
159
+ --color-error-content: #4d0218;
160
+ --color-base-100: #1d232a;
161
+ --color-base-200: #191e24;
162
+ --color-base-300: #15191e;
163
+ --color-base-content: #ecf9ff;
164
+ --color-primary-soft: #262e48;
165
+ --color-secondary-soft: #3e2b3a;
166
+ --color-accent-soft: #243c3f;
167
+ --color-neutral-soft: #1a1f25;
168
+ --color-info-soft: #233847;
169
+ --color-success-soft: #243c3a;
170
+ --color-warning-soft: #3c3931;
171
+ --color-error-soft: #3f2f37;
172
+ --radius-selector: 0.5rem;
173
+ --radius-field: 0.25rem;
174
+ --radius-box: 0.5rem;
175
+ --size-selector: 0.25rem;
176
+ --size-field: 0.25rem;
177
+ --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
178
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
179
+ --weight-normal: 400;
180
+ --weight-medium: 500;
181
+ --weight-semibold: 600;
182
+ --weight-bold: 700;
183
+ --leading-none: 1;
184
+ --leading-tight: 1.25;
185
+ --leading-normal: 1.5;
186
+ --tracking-normal: 0em;
187
+ --tracking-wide: 0.05em;
188
+ --space-2xs: 0.125rem;
189
+ --space-xs: 0.25rem;
190
+ --space-sm: 0.375rem;
191
+ --space-md: 0.5rem;
192
+ --space-lg: 0.75rem;
193
+ --space-xl: 1rem;
194
+ --space-2xl: 1.25rem;
195
+ --shadow-xs: 0 1px 2px #00000014;
196
+ --shadow-sm: 0 1px 2px #00000026;
197
+ --shadow-md: 0 1px 2px #00000033;
198
+ --shadow-lg: 0 12px 32px -8px #0000004d;
199
+ --shadow-xl: 0 25px 50px -12px #00000066;
200
+ --duration-instant: 100ms;
201
+ --duration-fast: 150ms;
202
+ --duration-normal: 200ms;
203
+ --duration-slow: 300ms;
204
+ --ease-standard: ease;
205
+ --border: 1px;
206
+ --disabled-opacity: 0.3;
207
+ --depth: 1;
208
+ --depth-shade: #0000001a;
209
+ --depth-sheen: #ffffff1a;
210
+ --noise: 0;
211
+ --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
212
+ }
213
+
214
+ .zx-root.zx-theme-dim {
215
+ --color-primary: #9fe88d;
216
+ --color-primary-content: #091307;
217
+ --color-secondary: #ff7d5d;
218
+ --color-secondary-content: #160503;
219
+ --color-accent: #c792e9;
220
+ --color-accent-content: #0e0813;
221
+ --color-neutral: #1c212b;
222
+ --color-neutral-content: #b2ccd6;
223
+ --color-info: #28ebff;
224
+ --color-info-content: #011316;
225
+ --color-success: #62efbd;
226
+ --color-success-content: #03140d;
227
+ --color-warning: #efd057;
228
+ --color-warning-content: #141003;
229
+ --color-error: #ffae9b;
230
+ --color-error-content: #160b09;
231
+ --color-base-100: #2a303c;
232
+ --color-base-200: #242933;
233
+ --color-base-300: #20252e;
234
+ --color-base-content: #b2ccd6;
235
+ --color-primary-soft: #3b4a4a;
236
+ --color-secondary-soft: #4a3d43;
237
+ --color-accent-soft: #413f55;
238
+ --color-neutral-soft: #282e39;
239
+ --color-info-soft: #324b58;
240
+ --color-success-soft: #354b4f;
241
+ --color-warning-soft: #454845;
242
+ --color-error-soft: #49434b;
243
+ --radius-selector: 1rem;
244
+ --radius-field: 0.5rem;
245
+ --radius-box: 1rem;
246
+ --size-selector: 0.25rem;
247
+ --size-field: 0.25rem;
248
+ --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
249
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
250
+ --weight-normal: 400;
251
+ --weight-medium: 500;
252
+ --weight-semibold: 600;
253
+ --weight-bold: 700;
254
+ --leading-none: 1;
255
+ --leading-tight: 1.25;
256
+ --leading-normal: 1.5;
257
+ --tracking-normal: 0em;
258
+ --tracking-wide: 0.05em;
259
+ --space-2xs: 0.125rem;
260
+ --space-xs: 0.25rem;
261
+ --space-sm: 0.375rem;
262
+ --space-md: 0.5rem;
263
+ --space-lg: 0.75rem;
264
+ --space-xl: 1rem;
265
+ --space-2xl: 1.25rem;
266
+ --shadow-xs: 0 1px 2px #00000014;
267
+ --shadow-sm: 0 1px 2px #00000026;
268
+ --shadow-md: 0 1px 2px #00000033;
269
+ --shadow-lg: 0 12px 32px -8px #0000004d;
270
+ --shadow-xl: 0 25px 50px -12px #00000066;
271
+ --duration-instant: 100ms;
272
+ --duration-fast: 150ms;
273
+ --duration-normal: 200ms;
274
+ --duration-slow: 300ms;
275
+ --ease-standard: ease;
276
+ --border: 1px;
277
+ --disabled-opacity: 0.3;
278
+ --depth: 0;
279
+ --depth-shade: #00000000;
280
+ --depth-sheen: #ffffff00;
281
+ --noise: 0;
282
+ --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
283
+ }
284
+
285
+ .zx-root.zx-theme-nord {
286
+ --color-primary: #5e81ac;
287
+ --color-primary-content: #03060b;
288
+ --color-secondary: #81a1c1;
289
+ --color-secondary-content: #06090d;
290
+ --color-accent: #88c0d0;
291
+ --color-accent-content: #070d10;
292
+ --color-neutral: #4c566a;
293
+ --color-neutral-content: #d8dee9;
294
+ --color-info: #b48ead;
295
+ --color-info-content: #0c070b;
296
+ --color-success: #a3be8d;
297
+ --color-success-content: #0a0d07;
298
+ --color-warning: #ebcb8b;
299
+ --color-warning-content: #130f07;
300
+ --color-error: #bf616a;
301
+ --color-error-content: #0d0304;
302
+ --color-base-100: #eceff4;
303
+ --color-base-200: #e5e9f0;
304
+ --color-base-300: #d8dee9;
305
+ --color-base-content: #2e3440;
306
+ --color-primary-soft: #dae1eb;
307
+ --color-secondary-soft: #dfe5ee;
308
+ --color-accent-soft: #e0e9f0;
309
+ --color-neutral-soft: #d7dbe3;
310
+ --color-info-soft: #e5e3eb;
311
+ --color-success-soft: #e3e9e8;
312
+ --color-warning-soft: #ecebe8;
313
+ --color-error-soft: #e8dee3;
314
+ --radius-selector: 1rem;
315
+ --radius-field: 0.25rem;
316
+ --radius-box: 0.5rem;
317
+ --size-selector: 0.25rem;
318
+ --size-field: 0.25rem;
319
+ --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
320
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
321
+ --weight-normal: 400;
322
+ --weight-medium: 500;
323
+ --weight-semibold: 600;
324
+ --weight-bold: 700;
325
+ --leading-none: 1;
326
+ --leading-tight: 1.25;
327
+ --leading-normal: 1.5;
328
+ --tracking-normal: 0em;
329
+ --tracking-wide: 0.05em;
330
+ --space-2xs: 0.125rem;
331
+ --space-xs: 0.25rem;
332
+ --space-sm: 0.375rem;
333
+ --space-md: 0.5rem;
334
+ --space-lg: 0.75rem;
335
+ --space-xl: 1rem;
336
+ --space-2xl: 1.25rem;
337
+ --shadow-xs: 0 1px 2px #00000014;
338
+ --shadow-sm: 0 1px 2px #00000026;
339
+ --shadow-md: 0 1px 2px #00000033;
340
+ --shadow-lg: 0 12px 32px -8px #0000004d;
341
+ --shadow-xl: 0 25px 50px -12px #00000066;
342
+ --duration-instant: 100ms;
343
+ --duration-fast: 150ms;
344
+ --duration-normal: 200ms;
345
+ --duration-slow: 300ms;
346
+ --ease-standard: ease;
347
+ --border: 1px;
348
+ --disabled-opacity: 0.3;
349
+ --depth: 0;
350
+ --depth-shade: #00000000;
351
+ --depth-sheen: #ffffff00;
352
+ --noise: 0;
353
+ --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
354
+ }
355
+
356
+ .zx-root.zx-theme-sunset {
357
+ --color-primary: #ff865b;
358
+ --color-primary-content: #160603;
359
+ --color-secondary: #fd6f9c;
360
+ --color-secondary-content: #160409;
361
+ --color-accent: #b387fa;
362
+ --color-accent-content: #0c0615;
363
+ --color-neutral: #1b262c;
364
+ --color-neutral-content: #94a0a9;
365
+ --color-info: #89e0eb;
366
+ --color-info-content: #071213;
367
+ --color-success: #addfad;
368
+ --color-success-content: #0b120b;
369
+ --color-warning: #f1c892;
370
+ --color-warning-content: #140f08;
371
+ --color-error: #ffbbbd;
372
+ --color-error-content: #160d0d;
373
+ --color-base-100: #121c22;
374
+ --color-base-200: #0e171e;
375
+ --color-base-300: #091319;
376
+ --color-base-content: #9fb9d0;
377
+ --color-primary-soft: #342d2d;
378
+ --color-secondary-soft: #352a34;
379
+ --color-accent-soft: #292c40;
380
+ --color-neutral-soft: #131e24;
381
+ --color-info-soft: #23373e;
382
+ --color-success-soft: #273736;
383
+ --color-warning-soft: #303433;
384
+ --color-error-soft: #333238;
385
+ --radius-selector: 1rem;
386
+ --radius-field: 0.5rem;
387
+ --radius-box: 1rem;
388
+ --size-selector: 0.25rem;
389
+ --size-field: 0.25rem;
390
+ --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
391
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
392
+ --weight-normal: 400;
393
+ --weight-medium: 500;
394
+ --weight-semibold: 600;
395
+ --weight-bold: 700;
396
+ --leading-none: 1;
397
+ --leading-tight: 1.25;
398
+ --leading-normal: 1.5;
399
+ --tracking-normal: 0em;
400
+ --tracking-wide: 0.05em;
401
+ --space-2xs: 0.125rem;
402
+ --space-xs: 0.25rem;
403
+ --space-sm: 0.375rem;
404
+ --space-md: 0.5rem;
405
+ --space-lg: 0.75rem;
406
+ --space-xl: 1rem;
407
+ --space-2xl: 1.25rem;
408
+ --shadow-xs: 0 1px 2px #00000014;
409
+ --shadow-sm: 0 1px 2px #00000026;
410
+ --shadow-md: 0 1px 2px #00000033;
411
+ --shadow-lg: 0 12px 32px -8px #0000004d;
412
+ --shadow-xl: 0 25px 50px -12px #00000066;
413
+ --duration-instant: 100ms;
414
+ --duration-fast: 150ms;
415
+ --duration-normal: 200ms;
416
+ --duration-slow: 300ms;
417
+ --ease-standard: ease;
418
+ --border: 1px;
419
+ --disabled-opacity: 0.3;
420
+ --depth: 0;
421
+ --depth-shade: #00000000;
422
+ --depth-sheen: #ffffff00;
423
+ --noise: 0;
424
+ --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
425
+ }