@likec4/styles 1.48.0 → 1.50.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.
package/vars/package.json CHANGED
@@ -1,4 +1,4 @@
1
1
  {
2
- "types": "../dist/vars/index.d.mts",
3
- "module": "../dist/vars/index.mjs"
2
+ "types": "vars.d.mts",
3
+ "module": "vars.mjs"
4
4
  }
package/vars/vars.mjs ADDED
@@ -0,0 +1,415 @@
1
+ const vars = {
2
+ likec4: {
3
+ font: "--likec4-app-font",
4
+ spacing: "--likec4-spacing",
5
+ textsize: "--likec4-text-size",
6
+ palette: {
7
+ fill: "--likec4-palette-fill",
8
+ stroke: "--likec4-palette-stroke",
9
+ hiContrast: "--likec4-palette-hiContrast",
10
+ loContrast: "--likec4-palette-loContrast",
11
+ relationStroke: "--likec4-palette-relation-stroke",
12
+ relationStrokeSelected: "--likec4-palette-relation-stroke-selected",
13
+ relationLabel: "--likec4-palette-relation-label",
14
+ relationLabelBg: "--likec4-palette-relation-label-bg",
15
+ outline: "--likec4-palette-outline"
16
+ },
17
+ icon: {
18
+ size: "--likec4-icon-size",
19
+ color: "--likec4-icon-color"
20
+ }
21
+ },
22
+ mantine: {
23
+ scale: "var(--mantine-scale)",
24
+ cursorType: "var(--mantine-cursor-type)",
25
+ webkitFontSmoothing: "var(--mantine-webkit-font-smoothing)",
26
+ mozFontSmoothing: "var(--mantine-moz-font-smoothing)",
27
+ lineHeight: "var(--mantine-line-height)",
28
+ fontFamily: "var(--mantine-font-family)",
29
+ fontFamilyMonospace: "var(--mantine-font-family-monospace)",
30
+ fontFamilyHeadings: "var(--mantine-font-family-headings)",
31
+ headingFontWeight: "var(--mantine-heading-font-weight)",
32
+ radiusDefault: "var(--mantine-radius-default)",
33
+ breakpoints: {
34
+ xs: "36em",
35
+ sm: "48em",
36
+ md: "62em",
37
+ lg: "75em",
38
+ xl: "88em"
39
+ },
40
+ fontSizes: {
41
+ xs: "var(--mantine-font-size-xs)",
42
+ sm: "var(--mantine-font-size-sm)",
43
+ md: "var(--mantine-font-size-md)",
44
+ lg: "var(--mantine-font-size-lg)",
45
+ xl: "var(--mantine-font-size-xl)"
46
+ },
47
+ lineHeights: {
48
+ xs: "var(--mantine-line-height-xs)",
49
+ sm: "var(--mantine-line-height-sm)",
50
+ md: "var(--mantine-line-height-md)",
51
+ lg: "var(--mantine-line-height-lg)",
52
+ xl: "var(--mantine-line-height-xl)"
53
+ },
54
+ shadows: {
55
+ xs: "var(--mantine-shadow-xs)",
56
+ sm: "var(--mantine-shadow-sm)",
57
+ md: "var(--mantine-shadow-md)",
58
+ lg: "var(--mantine-shadow-lg)",
59
+ xl: "var(--mantine-shadow-xl)"
60
+ },
61
+ radius: {
62
+ xs: "var(--mantine-radius-xs)",
63
+ sm: "var(--mantine-radius-sm)",
64
+ md: "var(--mantine-radius-md)",
65
+ lg: "var(--mantine-radius-lg)",
66
+ xl: "var(--mantine-radius-xl)"
67
+ },
68
+ headings: {
69
+ h1: {
70
+ fontSize: "var(--mantine-h1-font-size)",
71
+ lineHeight: "var(--mantine-h1-line-height)",
72
+ fontWeight: "var(--mantine-h1-font-weight)"
73
+ },
74
+ h2: {
75
+ fontSize: "var(--mantine-h2-font-size)",
76
+ lineHeight: "var(--mantine-h2-line-height)",
77
+ fontWeight: "var(--mantine-h2-font-weight)"
78
+ },
79
+ h3: {
80
+ fontSize: "var(--mantine-h3-font-size)",
81
+ lineHeight: "var(--mantine-h3-line-height)",
82
+ fontWeight: "var(--mantine-h3-font-weight)"
83
+ },
84
+ h4: {
85
+ fontSize: "var(--mantine-h4-font-size)",
86
+ lineHeight: "var(--mantine-h4-line-height)",
87
+ fontWeight: "var(--mantine-h4-font-weight)"
88
+ },
89
+ h5: {
90
+ fontSize: "var(--mantine-h5-font-size)",
91
+ lineHeight: "var(--mantine-h5-line-height)",
92
+ fontWeight: "var(--mantine-h5-font-weight)"
93
+ },
94
+ h6: {
95
+ fontSize: "var(--mantine-h6-font-size)",
96
+ lineHeight: "var(--mantine-h6-line-height)",
97
+ fontWeight: "var(--mantine-h6-font-weight)"
98
+ }
99
+ },
100
+ spacing: {
101
+ xs: "var(--mantine-spacing-xs)",
102
+ sm: "var(--mantine-spacing-sm)",
103
+ md: "var(--mantine-spacing-md)",
104
+ lg: "var(--mantine-spacing-lg)",
105
+ xl: "var(--mantine-spacing-xl)"
106
+ },
107
+ colors: {
108
+ primary: "var(--mantine-primary-color-filled)",
109
+ primaryColors: {
110
+ "0": "var(--mantine-primary-color-0)",
111
+ "1": "var(--mantine-primary-color-1)",
112
+ "2": "var(--mantine-primary-color-2)",
113
+ "3": "var(--mantine-primary-color-3)",
114
+ "4": "var(--mantine-primary-color-4)",
115
+ "5": "var(--mantine-primary-color-5)",
116
+ "6": "var(--mantine-primary-color-6)",
117
+ "7": "var(--mantine-primary-color-7)",
118
+ "8": "var(--mantine-primary-color-8)",
119
+ "9": "var(--mantine-primary-color-9)",
120
+ filled: "var(--mantine-primary-color-filled)",
121
+ filledHover: "var(--mantine-primary-color-filled-hover)",
122
+ light: "var(--mantine-primary-color-light)",
123
+ lightHover: "var(--mantine-primary-color-light-hover)",
124
+ lightColor: "var(--mantine-primary-color-light-color)",
125
+ outline: "var(--mantine-primary-color-outline)",
126
+ outlineHover: "var(--mantine-primary-color-outline-hover)"
127
+ },
128
+ white: "var(--mantine-color-white)",
129
+ black: "var(--mantine-color-black)",
130
+ text: "var(--mantine-color-text)",
131
+ body: "var(--mantine-color-body)",
132
+ error: "var(--mantine-color-error)",
133
+ placeholder: "var(--mantine-color-placeholder)",
134
+ anchor: "var(--mantine-color-anchor)",
135
+ default: "var(--mantine-color-default)",
136
+ defaultHover: "var(--mantine-color-default-hover)",
137
+ defaultColor: "var(--mantine-color-default-color)",
138
+ defaultBorder: "var(--mantine-color-default-border)",
139
+ dimmed: "var(--mantine-color-dimmed)",
140
+ disabledBody: "var(--mantine-color-disabled)",
141
+ disabledText: "var(--mantine-color-disabled-color)",
142
+ disabledBorder: "var(--mantine-color-disabled-border)",
143
+ dark: {
144
+ "0": "var(--mantine-color-dark-0)",
145
+ "1": "var(--mantine-color-dark-1)",
146
+ "2": "var(--mantine-color-dark-2)",
147
+ "3": "var(--mantine-color-dark-3)",
148
+ "4": "var(--mantine-color-dark-4)",
149
+ "5": "var(--mantine-color-dark-5)",
150
+ "6": "var(--mantine-color-dark-6)",
151
+ "7": "var(--mantine-color-dark-7)",
152
+ "8": "var(--mantine-color-dark-8)",
153
+ "9": "var(--mantine-color-dark-9)",
154
+ filled: "var(--mantine-color-dark-filled)",
155
+ filledHover: "var(--mantine-color-dark-filled-hover)",
156
+ light: "var(--mantine-color-dark-light)",
157
+ lightHover: "var(--mantine-color-dark-light-hover)",
158
+ lightColor: "var(--mantine-color-dark-light-color)",
159
+ outline: "var(--mantine-color-dark-outline)",
160
+ outlineHover: "var(--mantine-color-dark-outline-hover)"
161
+ },
162
+ gray: {
163
+ "0": "var(--mantine-color-gray-0)",
164
+ "1": "var(--mantine-color-gray-1)",
165
+ "2": "var(--mantine-color-gray-2)",
166
+ "3": "var(--mantine-color-gray-3)",
167
+ "4": "var(--mantine-color-gray-4)",
168
+ "5": "var(--mantine-color-gray-5)",
169
+ "6": "var(--mantine-color-gray-6)",
170
+ "7": "var(--mantine-color-gray-7)",
171
+ "8": "var(--mantine-color-gray-8)",
172
+ "9": "var(--mantine-color-gray-9)",
173
+ filled: "var(--mantine-color-gray-filled)",
174
+ filledHover: "var(--mantine-color-gray-filled-hover)",
175
+ light: "var(--mantine-color-gray-light)",
176
+ lightHover: "var(--mantine-color-gray-light-hover)",
177
+ lightColor: "var(--mantine-color-gray-light-color)",
178
+ outline: "var(--mantine-color-gray-outline)",
179
+ outlineHover: "var(--mantine-color-gray-outline-hover)"
180
+ },
181
+ red: {
182
+ "0": "var(--mantine-color-red-0)",
183
+ "1": "var(--mantine-color-red-1)",
184
+ "2": "var(--mantine-color-red-2)",
185
+ "3": "var(--mantine-color-red-3)",
186
+ "4": "var(--mantine-color-red-4)",
187
+ "5": "var(--mantine-color-red-5)",
188
+ "6": "var(--mantine-color-red-6)",
189
+ "7": "var(--mantine-color-red-7)",
190
+ "8": "var(--mantine-color-red-8)",
191
+ "9": "var(--mantine-color-red-9)",
192
+ filled: "var(--mantine-color-red-filled)",
193
+ filledHover: "var(--mantine-color-red-filled-hover)",
194
+ light: "var(--mantine-color-red-light)",
195
+ lightHover: "var(--mantine-color-red-light-hover)",
196
+ lightColor: "var(--mantine-color-red-light-color)",
197
+ outline: "var(--mantine-color-red-outline)",
198
+ outlineHover: "var(--mantine-color-red-outline-hover)"
199
+ },
200
+ pink: {
201
+ "0": "var(--mantine-color-pink-0)",
202
+ "1": "var(--mantine-color-pink-1)",
203
+ "2": "var(--mantine-color-pink-2)",
204
+ "3": "var(--mantine-color-pink-3)",
205
+ "4": "var(--mantine-color-pink-4)",
206
+ "5": "var(--mantine-color-pink-5)",
207
+ "6": "var(--mantine-color-pink-6)",
208
+ "7": "var(--mantine-color-pink-7)",
209
+ "8": "var(--mantine-color-pink-8)",
210
+ "9": "var(--mantine-color-pink-9)",
211
+ filled: "var(--mantine-color-pink-filled)",
212
+ filledHover: "var(--mantine-color-pink-filled-hover)",
213
+ light: "var(--mantine-color-pink-light)",
214
+ lightHover: "var(--mantine-color-pink-light-hover)",
215
+ lightColor: "var(--mantine-color-pink-light-color)",
216
+ outline: "var(--mantine-color-pink-outline)",
217
+ outlineHover: "var(--mantine-color-pink-outline-hover)"
218
+ },
219
+ grape: {
220
+ "0": "var(--mantine-color-grape-0)",
221
+ "1": "var(--mantine-color-grape-1)",
222
+ "2": "var(--mantine-color-grape-2)",
223
+ "3": "var(--mantine-color-grape-3)",
224
+ "4": "var(--mantine-color-grape-4)",
225
+ "5": "var(--mantine-color-grape-5)",
226
+ "6": "var(--mantine-color-grape-6)",
227
+ "7": "var(--mantine-color-grape-7)",
228
+ "8": "var(--mantine-color-grape-8)",
229
+ "9": "var(--mantine-color-grape-9)",
230
+ filled: "var(--mantine-color-grape-filled)",
231
+ filledHover: "var(--mantine-color-grape-filled-hover)",
232
+ light: "var(--mantine-color-grape-light)",
233
+ lightHover: "var(--mantine-color-grape-light-hover)",
234
+ lightColor: "var(--mantine-color-grape-light-color)",
235
+ outline: "var(--mantine-color-grape-outline)",
236
+ outlineHover: "var(--mantine-color-grape-outline-hover)"
237
+ },
238
+ violet: {
239
+ "0": "var(--mantine-color-violet-0)",
240
+ "1": "var(--mantine-color-violet-1)",
241
+ "2": "var(--mantine-color-violet-2)",
242
+ "3": "var(--mantine-color-violet-3)",
243
+ "4": "var(--mantine-color-violet-4)",
244
+ "5": "var(--mantine-color-violet-5)",
245
+ "6": "var(--mantine-color-violet-6)",
246
+ "7": "var(--mantine-color-violet-7)",
247
+ "8": "var(--mantine-color-violet-8)",
248
+ "9": "var(--mantine-color-violet-9)",
249
+ filled: "var(--mantine-color-violet-filled)",
250
+ filledHover: "var(--mantine-color-violet-filled-hover)",
251
+ light: "var(--mantine-color-violet-light)",
252
+ lightHover: "var(--mantine-color-violet-light-hover)",
253
+ lightColor: "var(--mantine-color-violet-light-color)",
254
+ outline: "var(--mantine-color-violet-outline)",
255
+ outlineHover: "var(--mantine-color-violet-outline-hover)"
256
+ },
257
+ indigo: {
258
+ "0": "var(--mantine-color-indigo-0)",
259
+ "1": "var(--mantine-color-indigo-1)",
260
+ "2": "var(--mantine-color-indigo-2)",
261
+ "3": "var(--mantine-color-indigo-3)",
262
+ "4": "var(--mantine-color-indigo-4)",
263
+ "5": "var(--mantine-color-indigo-5)",
264
+ "6": "var(--mantine-color-indigo-6)",
265
+ "7": "var(--mantine-color-indigo-7)",
266
+ "8": "var(--mantine-color-indigo-8)",
267
+ "9": "var(--mantine-color-indigo-9)",
268
+ filled: "var(--mantine-color-indigo-filled)",
269
+ filledHover: "var(--mantine-color-indigo-filled-hover)",
270
+ light: "var(--mantine-color-indigo-light)",
271
+ lightHover: "var(--mantine-color-indigo-light-hover)",
272
+ lightColor: "var(--mantine-color-indigo-light-color)",
273
+ outline: "var(--mantine-color-indigo-outline)",
274
+ outlineHover: "var(--mantine-color-indigo-outline-hover)"
275
+ },
276
+ blue: {
277
+ "0": "var(--mantine-color-blue-0)",
278
+ "1": "var(--mantine-color-blue-1)",
279
+ "2": "var(--mantine-color-blue-2)",
280
+ "3": "var(--mantine-color-blue-3)",
281
+ "4": "var(--mantine-color-blue-4)",
282
+ "5": "var(--mantine-color-blue-5)",
283
+ "6": "var(--mantine-color-blue-6)",
284
+ "7": "var(--mantine-color-blue-7)",
285
+ "8": "var(--mantine-color-blue-8)",
286
+ "9": "var(--mantine-color-blue-9)",
287
+ filled: "var(--mantine-color-blue-filled)",
288
+ filledHover: "var(--mantine-color-blue-filled-hover)",
289
+ light: "var(--mantine-color-blue-light)",
290
+ lightHover: "var(--mantine-color-blue-light-hover)",
291
+ lightColor: "var(--mantine-color-blue-light-color)",
292
+ outline: "var(--mantine-color-blue-outline)",
293
+ outlineHover: "var(--mantine-color-blue-outline-hover)"
294
+ },
295
+ cyan: {
296
+ "0": "var(--mantine-color-cyan-0)",
297
+ "1": "var(--mantine-color-cyan-1)",
298
+ "2": "var(--mantine-color-cyan-2)",
299
+ "3": "var(--mantine-color-cyan-3)",
300
+ "4": "var(--mantine-color-cyan-4)",
301
+ "5": "var(--mantine-color-cyan-5)",
302
+ "6": "var(--mantine-color-cyan-6)",
303
+ "7": "var(--mantine-color-cyan-7)",
304
+ "8": "var(--mantine-color-cyan-8)",
305
+ "9": "var(--mantine-color-cyan-9)",
306
+ filled: "var(--mantine-color-cyan-filled)",
307
+ filledHover: "var(--mantine-color-cyan-filled-hover)",
308
+ light: "var(--mantine-color-cyan-light)",
309
+ lightHover: "var(--mantine-color-cyan-light-hover)",
310
+ lightColor: "var(--mantine-color-cyan-light-color)",
311
+ outline: "var(--mantine-color-cyan-outline)",
312
+ outlineHover: "var(--mantine-color-cyan-outline-hover)"
313
+ },
314
+ teal: {
315
+ "0": "var(--mantine-color-teal-0)",
316
+ "1": "var(--mantine-color-teal-1)",
317
+ "2": "var(--mantine-color-teal-2)",
318
+ "3": "var(--mantine-color-teal-3)",
319
+ "4": "var(--mantine-color-teal-4)",
320
+ "5": "var(--mantine-color-teal-5)",
321
+ "6": "var(--mantine-color-teal-6)",
322
+ "7": "var(--mantine-color-teal-7)",
323
+ "8": "var(--mantine-color-teal-8)",
324
+ "9": "var(--mantine-color-teal-9)",
325
+ filled: "var(--mantine-color-teal-filled)",
326
+ filledHover: "var(--mantine-color-teal-filled-hover)",
327
+ light: "var(--mantine-color-teal-light)",
328
+ lightHover: "var(--mantine-color-teal-light-hover)",
329
+ lightColor: "var(--mantine-color-teal-light-color)",
330
+ outline: "var(--mantine-color-teal-outline)",
331
+ outlineHover: "var(--mantine-color-teal-outline-hover)"
332
+ },
333
+ green: {
334
+ "0": "var(--mantine-color-green-0)",
335
+ "1": "var(--mantine-color-green-1)",
336
+ "2": "var(--mantine-color-green-2)",
337
+ "3": "var(--mantine-color-green-3)",
338
+ "4": "var(--mantine-color-green-4)",
339
+ "5": "var(--mantine-color-green-5)",
340
+ "6": "var(--mantine-color-green-6)",
341
+ "7": "var(--mantine-color-green-7)",
342
+ "8": "var(--mantine-color-green-8)",
343
+ "9": "var(--mantine-color-green-9)",
344
+ filled: "var(--mantine-color-green-filled)",
345
+ filledHover: "var(--mantine-color-green-filled-hover)",
346
+ light: "var(--mantine-color-green-light)",
347
+ lightHover: "var(--mantine-color-green-light-hover)",
348
+ lightColor: "var(--mantine-color-green-light-color)",
349
+ outline: "var(--mantine-color-green-outline)",
350
+ outlineHover: "var(--mantine-color-green-outline-hover)"
351
+ },
352
+ lime: {
353
+ "0": "var(--mantine-color-lime-0)",
354
+ "1": "var(--mantine-color-lime-1)",
355
+ "2": "var(--mantine-color-lime-2)",
356
+ "3": "var(--mantine-color-lime-3)",
357
+ "4": "var(--mantine-color-lime-4)",
358
+ "5": "var(--mantine-color-lime-5)",
359
+ "6": "var(--mantine-color-lime-6)",
360
+ "7": "var(--mantine-color-lime-7)",
361
+ "8": "var(--mantine-color-lime-8)",
362
+ "9": "var(--mantine-color-lime-9)",
363
+ filled: "var(--mantine-color-lime-filled)",
364
+ filledHover: "var(--mantine-color-lime-filled-hover)",
365
+ light: "var(--mantine-color-lime-light)",
366
+ lightHover: "var(--mantine-color-lime-light-hover)",
367
+ lightColor: "var(--mantine-color-lime-light-color)",
368
+ outline: "var(--mantine-color-lime-outline)",
369
+ outlineHover: "var(--mantine-color-lime-outline-hover)"
370
+ },
371
+ yellow: {
372
+ "0": "var(--mantine-color-yellow-0)",
373
+ "1": "var(--mantine-color-yellow-1)",
374
+ "2": "var(--mantine-color-yellow-2)",
375
+ "3": "var(--mantine-color-yellow-3)",
376
+ "4": "var(--mantine-color-yellow-4)",
377
+ "5": "var(--mantine-color-yellow-5)",
378
+ "6": "var(--mantine-color-yellow-6)",
379
+ "7": "var(--mantine-color-yellow-7)",
380
+ "8": "var(--mantine-color-yellow-8)",
381
+ "9": "var(--mantine-color-yellow-9)",
382
+ filled: "var(--mantine-color-yellow-filled)",
383
+ filledHover: "var(--mantine-color-yellow-filled-hover)",
384
+ light: "var(--mantine-color-yellow-light)",
385
+ lightHover: "var(--mantine-color-yellow-light-hover)",
386
+ lightColor: "var(--mantine-color-yellow-light-color)",
387
+ outline: "var(--mantine-color-yellow-outline)",
388
+ outlineHover: "var(--mantine-color-yellow-outline-hover)"
389
+ },
390
+ orange: {
391
+ "0": "var(--mantine-color-orange-0)",
392
+ "1": "var(--mantine-color-orange-1)",
393
+ "2": "var(--mantine-color-orange-2)",
394
+ "3": "var(--mantine-color-orange-3)",
395
+ "4": "var(--mantine-color-orange-4)",
396
+ "5": "var(--mantine-color-orange-5)",
397
+ "6": "var(--mantine-color-orange-6)",
398
+ "7": "var(--mantine-color-orange-7)",
399
+ "8": "var(--mantine-color-orange-8)",
400
+ "9": "var(--mantine-color-orange-9)",
401
+ filled: "var(--mantine-color-orange-filled)",
402
+ filledHover: "var(--mantine-color-orange-filled-hover)",
403
+ light: "var(--mantine-color-orange-light)",
404
+ lightHover: "var(--mantine-color-orange-light-hover)",
405
+ lightColor: "var(--mantine-color-orange-light-color)",
406
+ outline: "var(--mantine-color-orange-outline)",
407
+ outlineHover: "var(--mantine-color-orange-outline-hover)"
408
+ }
409
+ },
410
+ rtlSelector: "[dir=\"rtl\"] &",
411
+ darkSelector: "[data-mantine-color-scheme=\"dark\"] &",
412
+ lightSelector: "[data-mantine-color-scheme=\"light\"] &"
413
+ }
414
+ };
415
+ export { vars as default };
@@ -1,106 +0,0 @@
1
- import { t as colors_exports } from "./@radix-ui/colors.mjs";
2
- import { definePreset } from "@pandacss/dev";
3
-
4
- //#region ../../node_modules/.pnpm/pandacss-preset-radix-colors@0.2.0_@pandacss+dev@1.8.1_typescript@5.9.3__@radix-ui+colors@3.0.0/node_modules/pandacss-preset-radix-colors/dist/index.mjs
5
- var SCALE_TAGS_REGEX = new RegExp(`(${["P3"].join("|")})|(?=[A-Z0-9])`, "g");
6
- function getScaleTags(fullName) {
7
- return fullName.split(SCALE_TAGS_REGEX).filter(Boolean).map((x) => x.toLowerCase());
8
- }
9
- function getScalePath(tags) {
10
- return tags.join(".");
11
- }
12
- function isScaleAlpha(tags) {
13
- return tags.includes("a");
14
- }
15
- function isScaleDark(tags) {
16
- return tags.includes("dark");
17
- }
18
- function isScaleP3(tags) {
19
- return tags.includes("p3");
20
- }
21
- function getScaleName(tags) {
22
- return tags[0];
23
- }
24
- function getScaleShades(value) {
25
- return Object.assign({}, ...Object.values(value).map((shade, i) => ({ [++i]: shade })));
26
- }
27
- function getScales(lightPrefix) {
28
- return Object.entries(colors_exports).map(([fullName, value]) => {
29
- const tags = getScaleTags(fullName);
30
- const dark = isScaleDark(tags);
31
- if (!dark && lightPrefix) tags.splice(1, 0, "light");
32
- return {
33
- fullName,
34
- tags,
35
- name: getScaleName(tags),
36
- path: getScalePath(tags),
37
- dark,
38
- alpha: isScaleAlpha(tags),
39
- p3: isScaleP3(tags),
40
- shades: getScaleShades(value)
41
- };
42
- });
43
- }
44
- function keysToObj(keys, value) {
45
- if (keys.length === 0) return value;
46
- const key = keys[0];
47
- const obj = keysToObj(keys.slice(1), value);
48
- return { [key]: obj };
49
- }
50
- function isObject(value) {
51
- return value && typeof value === "object" && !Array.isArray(value);
52
- }
53
- function mergeObjs(target, ...sources) {
54
- if (!sources.length) return target;
55
- const source = sources.shift();
56
- if (isObject(target) && isObject(source)) for (const key in source) if (isObject(source[key])) {
57
- if (!target[key]) Object.assign(target, { [key]: {} });
58
- mergeObjs(target[key], source[key]);
59
- } else Object.assign(target, { [key]: source[key] });
60
- return mergeObjs(target, ...sources);
61
- }
62
- function getSemanticTokens(darkMode, autoP3, colorScales = []) {
63
- let scales = getScales(darkMode);
64
- if (darkMode) scales = scales.concat(getScales(false).filter((x) => !x.dark));
65
- return mergeObjs({}, ...scales.filter((scale) => colorScales.length === 0 || colorScales.includes(scale.name)).map((scale) => {
66
- let lightScale = void 0;
67
- let darkScale = void 0;
68
- let p3Scale = void 0;
69
- if (darkMode && !scale.dark && !scale.tags.includes("light")) darkScale = scales.find((x) => x.name === scale.name && x.alpha === scale.alpha && x.p3 === scale.p3 && x.dark);
70
- if (!darkScale && autoP3 && !scale.p3) p3Scale = scales.find((x) => x.name === scale.name && x.alpha === scale.alpha && x.dark === scale.dark && x.p3);
71
- if (darkScale) lightScale = scale.tags.includes("light") ? scale : scales.find((x) => x.name === scale.name && x.alpha === scale.alpha && x.dark === scale.dark && x.p3 === scale.p3 && x.tags.includes("light"));
72
- return keysToObj(scale.tags, Object.assign({}, ...Object.entries(scale.shades).map(([i, color]) => {
73
- let value = color;
74
- if (darkScale) value = {
75
- base: `{colors.${lightScale.path}.${i}}`,
76
- _dark: `{colors.${darkScale.path}.${i}}`
77
- };
78
- if (p3Scale) value = {
79
- base: color,
80
- _p3: `{colors.${p3Scale.path}.${i}}`
81
- };
82
- return { [i]: { value } };
83
- })));
84
- }));
85
- }
86
- function getConditions(darkModeCondition) {
87
- let result = {};
88
- if (darkModeCondition) result = { dark: darkModeCondition };
89
- return {
90
- ...result,
91
- p3: "@media (color-gamut: p3)",
92
- srgb: "@media (color-gamut: srgb)",
93
- rec2020: "@media (color-gamut: rec2020)"
94
- };
95
- }
96
- var DEFAULT_DARK_MODE_CONDITION = ".dark &";
97
- function createPreset(options) {
98
- const darkMode = (options == null ? void 0 : options.darkMode) ?? false;
99
- return definePreset({
100
- conditions: { extend: getConditions(darkMode ? typeof darkMode === "object" ? darkMode.condition : DEFAULT_DARK_MODE_CONDITION : void 0) },
101
- theme: { extend: { semanticTokens: { colors: getSemanticTokens(!!darkMode, options == null ? void 0 : options.autoP3, options == null ? void 0 : options.colorScales) } } }
102
- });
103
- }
104
-
105
- //#endregion
106
- export { createPreset as t };
@@ -1,18 +0,0 @@
1
- //#region rolldown:runtime
2
- var __defProp = Object.defineProperty;
3
- var __exportAll = (all, symbols) => {
4
- let target = {};
5
- for (var name in all) {
6
- __defProp(target, name, {
7
- get: all[name],
8
- enumerable: true
9
- });
10
- }
11
- if (symbols) {
12
- __defProp(target, Symbol.toStringTag, { value: "Module" });
13
- }
14
- return target;
15
- };
16
-
17
- //#endregion
18
- export { __exportAll as t };