@likec4/styles 1.57.0 → 1.59.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/dev.mjs +15 -8
  2. package/dist/css/conditions.mjs +1 -1
  3. package/dist/jsx/create-style-context.mjs +4 -1
  4. package/dist/jsx/is-valid-prop.mjs +1 -1
  5. package/dist/patterns/txt.d.mts +1 -1
  6. package/dist/patterns/txt.mjs +8 -3
  7. package/dist/recipes/likec4tag.d.mts +1 -4
  8. package/dist/recipes/likec4tag.mjs +2 -9
  9. package/dist/tokens/index.mjs +1606 -10966
  10. package/dist/tokens/tokens.d.mts +25 -13
  11. package/dist/types/conditions.d.mts +0 -2
  12. package/dist/types/prop-type.d.mts +7 -2
  13. package/dist/types/style-props.d.mts +11 -11
  14. package/package.json +31 -61
  15. package/dev.d.mts +0 -3
  16. package/dist/types/index.mjs +0 -1
  17. package/postcss.d.mts +0 -6
  18. package/postcss.mjs +0 -2
  19. package/preset/_chunks/libs/@radix-ui/colors.mjs +0 -3786
  20. package/preset/_chunks/libs/pandacss-preset-radix-colors.mjs +0 -149
  21. package/preset/_chunks/libs/remeda.mjs +0 -148
  22. package/preset/_chunks/rolldown-runtime.mjs +0 -13
  23. package/preset/package.json +0 -4
  24. package/preset/preset.d.mts +0 -1466
  25. package/preset/preset.mjs +0 -4075
  26. package/types/package.json +0 -4
  27. package/vars/package.json +0 -4
  28. package/vars/vars.d.mts +0 -417
  29. package/vars/vars.mjs +0 -418
package/vars/vars.mjs DELETED
@@ -1,418 +0,0 @@
1
- //#endregion
2
- //#region ../preset/src/index.ts
3
- const vars = {
4
- likec4: {
5
- font: "--likec4-app-font",
6
- spacing: "--likec4-spacing",
7
- textsize: "--likec4-text-size",
8
- palette: {
9
- fill: "--likec4-palette-fill",
10
- stroke: "--likec4-palette-stroke",
11
- hiContrast: "--likec4-palette-hiContrast",
12
- loContrast: "--likec4-palette-loContrast",
13
- relationStroke: "--likec4-palette-relation-stroke",
14
- relationStrokeSelected: "--likec4-palette-relation-stroke-selected",
15
- relationLabel: "--likec4-palette-relation-label",
16
- relationLabelBg: "--likec4-palette-relation-label-bg",
17
- outline: "--likec4-palette-outline"
18
- },
19
- icon: {
20
- size: "--likec4-icon-size",
21
- color: "--likec4-icon-color"
22
- }
23
- },
24
- mantine: {
25
- scale: "var(--mantine-scale)",
26
- cursorType: "var(--mantine-cursor-type)",
27
- webkitFontSmoothing: "var(--mantine-webkit-font-smoothing)",
28
- mozFontSmoothing: "var(--mantine-moz-font-smoothing)",
29
- lineHeight: "var(--mantine-line-height)",
30
- fontFamily: "var(--mantine-font-family)",
31
- fontFamilyMonospace: "var(--mantine-font-family-monospace)",
32
- fontFamilyHeadings: "var(--mantine-font-family-headings)",
33
- headingFontWeight: "var(--mantine-heading-font-weight)",
34
- radiusDefault: "var(--mantine-radius-default)",
35
- breakpoints: {
36
- xs: "36em",
37
- sm: "48em",
38
- md: "62em",
39
- lg: "75em",
40
- xl: "88em"
41
- },
42
- fontSizes: {
43
- xs: "var(--mantine-font-size-xs)",
44
- sm: "var(--mantine-font-size-sm)",
45
- md: "var(--mantine-font-size-md)",
46
- lg: "var(--mantine-font-size-lg)",
47
- xl: "var(--mantine-font-size-xl)"
48
- },
49
- lineHeights: {
50
- xs: "var(--mantine-line-height-xs)",
51
- sm: "var(--mantine-line-height-sm)",
52
- md: "var(--mantine-line-height-md)",
53
- lg: "var(--mantine-line-height-lg)",
54
- xl: "var(--mantine-line-height-xl)"
55
- },
56
- shadows: {
57
- xs: "var(--mantine-shadow-xs)",
58
- sm: "var(--mantine-shadow-sm)",
59
- md: "var(--mantine-shadow-md)",
60
- lg: "var(--mantine-shadow-lg)",
61
- xl: "var(--mantine-shadow-xl)"
62
- },
63
- radius: {
64
- xs: "var(--mantine-radius-xs)",
65
- sm: "var(--mantine-radius-sm)",
66
- md: "var(--mantine-radius-md)",
67
- lg: "var(--mantine-radius-lg)",
68
- xl: "var(--mantine-radius-xl)"
69
- },
70
- headings: {
71
- h1: {
72
- fontSize: "var(--mantine-h1-font-size)",
73
- lineHeight: "var(--mantine-h1-line-height)",
74
- fontWeight: "var(--mantine-h1-font-weight)"
75
- },
76
- h2: {
77
- fontSize: "var(--mantine-h2-font-size)",
78
- lineHeight: "var(--mantine-h2-line-height)",
79
- fontWeight: "var(--mantine-h2-font-weight)"
80
- },
81
- h3: {
82
- fontSize: "var(--mantine-h3-font-size)",
83
- lineHeight: "var(--mantine-h3-line-height)",
84
- fontWeight: "var(--mantine-h3-font-weight)"
85
- },
86
- h4: {
87
- fontSize: "var(--mantine-h4-font-size)",
88
- lineHeight: "var(--mantine-h4-line-height)",
89
- fontWeight: "var(--mantine-h4-font-weight)"
90
- },
91
- h5: {
92
- fontSize: "var(--mantine-h5-font-size)",
93
- lineHeight: "var(--mantine-h5-line-height)",
94
- fontWeight: "var(--mantine-h5-font-weight)"
95
- },
96
- h6: {
97
- fontSize: "var(--mantine-h6-font-size)",
98
- lineHeight: "var(--mantine-h6-line-height)",
99
- fontWeight: "var(--mantine-h6-font-weight)"
100
- }
101
- },
102
- spacing: {
103
- xs: "var(--mantine-spacing-xs)",
104
- sm: "var(--mantine-spacing-sm)",
105
- md: "var(--mantine-spacing-md)",
106
- lg: "var(--mantine-spacing-lg)",
107
- xl: "var(--mantine-spacing-xl)"
108
- },
109
- colors: {
110
- primary: "var(--mantine-primary-color-filled)",
111
- primaryColors: {
112
- "0": "var(--mantine-primary-color-0)",
113
- "1": "var(--mantine-primary-color-1)",
114
- "2": "var(--mantine-primary-color-2)",
115
- "3": "var(--mantine-primary-color-3)",
116
- "4": "var(--mantine-primary-color-4)",
117
- "5": "var(--mantine-primary-color-5)",
118
- "6": "var(--mantine-primary-color-6)",
119
- "7": "var(--mantine-primary-color-7)",
120
- "8": "var(--mantine-primary-color-8)",
121
- "9": "var(--mantine-primary-color-9)",
122
- filled: "var(--mantine-primary-color-filled)",
123
- filledHover: "var(--mantine-primary-color-filled-hover)",
124
- light: "var(--mantine-primary-color-light)",
125
- lightHover: "var(--mantine-primary-color-light-hover)",
126
- lightColor: "var(--mantine-primary-color-light-color)",
127
- outline: "var(--mantine-primary-color-outline)",
128
- outlineHover: "var(--mantine-primary-color-outline-hover)"
129
- },
130
- white: "var(--mantine-color-white)",
131
- black: "var(--mantine-color-black)",
132
- text: "var(--mantine-color-text)",
133
- body: "var(--mantine-color-body)",
134
- error: "var(--mantine-color-error)",
135
- placeholder: "var(--mantine-color-placeholder)",
136
- anchor: "var(--mantine-color-anchor)",
137
- default: "var(--mantine-color-default)",
138
- defaultHover: "var(--mantine-color-default-hover)",
139
- defaultColor: "var(--mantine-color-default-color)",
140
- defaultBorder: "var(--mantine-color-default-border)",
141
- dimmed: "var(--mantine-color-dimmed)",
142
- disabledBody: "var(--mantine-color-disabled)",
143
- disabledText: "var(--mantine-color-disabled-color)",
144
- disabledBorder: "var(--mantine-color-disabled-border)",
145
- dark: {
146
- "0": "var(--mantine-color-dark-0)",
147
- "1": "var(--mantine-color-dark-1)",
148
- "2": "var(--mantine-color-dark-2)",
149
- "3": "var(--mantine-color-dark-3)",
150
- "4": "var(--mantine-color-dark-4)",
151
- "5": "var(--mantine-color-dark-5)",
152
- "6": "var(--mantine-color-dark-6)",
153
- "7": "var(--mantine-color-dark-7)",
154
- "8": "var(--mantine-color-dark-8)",
155
- "9": "var(--mantine-color-dark-9)",
156
- filled: "var(--mantine-color-dark-filled)",
157
- filledHover: "var(--mantine-color-dark-filled-hover)",
158
- light: "var(--mantine-color-dark-light)",
159
- lightHover: "var(--mantine-color-dark-light-hover)",
160
- lightColor: "var(--mantine-color-dark-light-color)",
161
- outline: "var(--mantine-color-dark-outline)",
162
- outlineHover: "var(--mantine-color-dark-outline-hover)"
163
- },
164
- gray: {
165
- "0": "var(--mantine-color-gray-0)",
166
- "1": "var(--mantine-color-gray-1)",
167
- "2": "var(--mantine-color-gray-2)",
168
- "3": "var(--mantine-color-gray-3)",
169
- "4": "var(--mantine-color-gray-4)",
170
- "5": "var(--mantine-color-gray-5)",
171
- "6": "var(--mantine-color-gray-6)",
172
- "7": "var(--mantine-color-gray-7)",
173
- "8": "var(--mantine-color-gray-8)",
174
- "9": "var(--mantine-color-gray-9)",
175
- filled: "var(--mantine-color-gray-filled)",
176
- filledHover: "var(--mantine-color-gray-filled-hover)",
177
- light: "var(--mantine-color-gray-light)",
178
- lightHover: "var(--mantine-color-gray-light-hover)",
179
- lightColor: "var(--mantine-color-gray-light-color)",
180
- outline: "var(--mantine-color-gray-outline)",
181
- outlineHover: "var(--mantine-color-gray-outline-hover)"
182
- },
183
- red: {
184
- "0": "var(--mantine-color-red-0)",
185
- "1": "var(--mantine-color-red-1)",
186
- "2": "var(--mantine-color-red-2)",
187
- "3": "var(--mantine-color-red-3)",
188
- "4": "var(--mantine-color-red-4)",
189
- "5": "var(--mantine-color-red-5)",
190
- "6": "var(--mantine-color-red-6)",
191
- "7": "var(--mantine-color-red-7)",
192
- "8": "var(--mantine-color-red-8)",
193
- "9": "var(--mantine-color-red-9)",
194
- filled: "var(--mantine-color-red-filled)",
195
- filledHover: "var(--mantine-color-red-filled-hover)",
196
- light: "var(--mantine-color-red-light)",
197
- lightHover: "var(--mantine-color-red-light-hover)",
198
- lightColor: "var(--mantine-color-red-light-color)",
199
- outline: "var(--mantine-color-red-outline)",
200
- outlineHover: "var(--mantine-color-red-outline-hover)"
201
- },
202
- pink: {
203
- "0": "var(--mantine-color-pink-0)",
204
- "1": "var(--mantine-color-pink-1)",
205
- "2": "var(--mantine-color-pink-2)",
206
- "3": "var(--mantine-color-pink-3)",
207
- "4": "var(--mantine-color-pink-4)",
208
- "5": "var(--mantine-color-pink-5)",
209
- "6": "var(--mantine-color-pink-6)",
210
- "7": "var(--mantine-color-pink-7)",
211
- "8": "var(--mantine-color-pink-8)",
212
- "9": "var(--mantine-color-pink-9)",
213
- filled: "var(--mantine-color-pink-filled)",
214
- filledHover: "var(--mantine-color-pink-filled-hover)",
215
- light: "var(--mantine-color-pink-light)",
216
- lightHover: "var(--mantine-color-pink-light-hover)",
217
- lightColor: "var(--mantine-color-pink-light-color)",
218
- outline: "var(--mantine-color-pink-outline)",
219
- outlineHover: "var(--mantine-color-pink-outline-hover)"
220
- },
221
- grape: {
222
- "0": "var(--mantine-color-grape-0)",
223
- "1": "var(--mantine-color-grape-1)",
224
- "2": "var(--mantine-color-grape-2)",
225
- "3": "var(--mantine-color-grape-3)",
226
- "4": "var(--mantine-color-grape-4)",
227
- "5": "var(--mantine-color-grape-5)",
228
- "6": "var(--mantine-color-grape-6)",
229
- "7": "var(--mantine-color-grape-7)",
230
- "8": "var(--mantine-color-grape-8)",
231
- "9": "var(--mantine-color-grape-9)",
232
- filled: "var(--mantine-color-grape-filled)",
233
- filledHover: "var(--mantine-color-grape-filled-hover)",
234
- light: "var(--mantine-color-grape-light)",
235
- lightHover: "var(--mantine-color-grape-light-hover)",
236
- lightColor: "var(--mantine-color-grape-light-color)",
237
- outline: "var(--mantine-color-grape-outline)",
238
- outlineHover: "var(--mantine-color-grape-outline-hover)"
239
- },
240
- violet: {
241
- "0": "var(--mantine-color-violet-0)",
242
- "1": "var(--mantine-color-violet-1)",
243
- "2": "var(--mantine-color-violet-2)",
244
- "3": "var(--mantine-color-violet-3)",
245
- "4": "var(--mantine-color-violet-4)",
246
- "5": "var(--mantine-color-violet-5)",
247
- "6": "var(--mantine-color-violet-6)",
248
- "7": "var(--mantine-color-violet-7)",
249
- "8": "var(--mantine-color-violet-8)",
250
- "9": "var(--mantine-color-violet-9)",
251
- filled: "var(--mantine-color-violet-filled)",
252
- filledHover: "var(--mantine-color-violet-filled-hover)",
253
- light: "var(--mantine-color-violet-light)",
254
- lightHover: "var(--mantine-color-violet-light-hover)",
255
- lightColor: "var(--mantine-color-violet-light-color)",
256
- outline: "var(--mantine-color-violet-outline)",
257
- outlineHover: "var(--mantine-color-violet-outline-hover)"
258
- },
259
- indigo: {
260
- "0": "var(--mantine-color-indigo-0)",
261
- "1": "var(--mantine-color-indigo-1)",
262
- "2": "var(--mantine-color-indigo-2)",
263
- "3": "var(--mantine-color-indigo-3)",
264
- "4": "var(--mantine-color-indigo-4)",
265
- "5": "var(--mantine-color-indigo-5)",
266
- "6": "var(--mantine-color-indigo-6)",
267
- "7": "var(--mantine-color-indigo-7)",
268
- "8": "var(--mantine-color-indigo-8)",
269
- "9": "var(--mantine-color-indigo-9)",
270
- filled: "var(--mantine-color-indigo-filled)",
271
- filledHover: "var(--mantine-color-indigo-filled-hover)",
272
- light: "var(--mantine-color-indigo-light)",
273
- lightHover: "var(--mantine-color-indigo-light-hover)",
274
- lightColor: "var(--mantine-color-indigo-light-color)",
275
- outline: "var(--mantine-color-indigo-outline)",
276
- outlineHover: "var(--mantine-color-indigo-outline-hover)"
277
- },
278
- blue: {
279
- "0": "var(--mantine-color-blue-0)",
280
- "1": "var(--mantine-color-blue-1)",
281
- "2": "var(--mantine-color-blue-2)",
282
- "3": "var(--mantine-color-blue-3)",
283
- "4": "var(--mantine-color-blue-4)",
284
- "5": "var(--mantine-color-blue-5)",
285
- "6": "var(--mantine-color-blue-6)",
286
- "7": "var(--mantine-color-blue-7)",
287
- "8": "var(--mantine-color-blue-8)",
288
- "9": "var(--mantine-color-blue-9)",
289
- filled: "var(--mantine-color-blue-filled)",
290
- filledHover: "var(--mantine-color-blue-filled-hover)",
291
- light: "var(--mantine-color-blue-light)",
292
- lightHover: "var(--mantine-color-blue-light-hover)",
293
- lightColor: "var(--mantine-color-blue-light-color)",
294
- outline: "var(--mantine-color-blue-outline)",
295
- outlineHover: "var(--mantine-color-blue-outline-hover)"
296
- },
297
- cyan: {
298
- "0": "var(--mantine-color-cyan-0)",
299
- "1": "var(--mantine-color-cyan-1)",
300
- "2": "var(--mantine-color-cyan-2)",
301
- "3": "var(--mantine-color-cyan-3)",
302
- "4": "var(--mantine-color-cyan-4)",
303
- "5": "var(--mantine-color-cyan-5)",
304
- "6": "var(--mantine-color-cyan-6)",
305
- "7": "var(--mantine-color-cyan-7)",
306
- "8": "var(--mantine-color-cyan-8)",
307
- "9": "var(--mantine-color-cyan-9)",
308
- filled: "var(--mantine-color-cyan-filled)",
309
- filledHover: "var(--mantine-color-cyan-filled-hover)",
310
- light: "var(--mantine-color-cyan-light)",
311
- lightHover: "var(--mantine-color-cyan-light-hover)",
312
- lightColor: "var(--mantine-color-cyan-light-color)",
313
- outline: "var(--mantine-color-cyan-outline)",
314
- outlineHover: "var(--mantine-color-cyan-outline-hover)"
315
- },
316
- teal: {
317
- "0": "var(--mantine-color-teal-0)",
318
- "1": "var(--mantine-color-teal-1)",
319
- "2": "var(--mantine-color-teal-2)",
320
- "3": "var(--mantine-color-teal-3)",
321
- "4": "var(--mantine-color-teal-4)",
322
- "5": "var(--mantine-color-teal-5)",
323
- "6": "var(--mantine-color-teal-6)",
324
- "7": "var(--mantine-color-teal-7)",
325
- "8": "var(--mantine-color-teal-8)",
326
- "9": "var(--mantine-color-teal-9)",
327
- filled: "var(--mantine-color-teal-filled)",
328
- filledHover: "var(--mantine-color-teal-filled-hover)",
329
- light: "var(--mantine-color-teal-light)",
330
- lightHover: "var(--mantine-color-teal-light-hover)",
331
- lightColor: "var(--mantine-color-teal-light-color)",
332
- outline: "var(--mantine-color-teal-outline)",
333
- outlineHover: "var(--mantine-color-teal-outline-hover)"
334
- },
335
- green: {
336
- "0": "var(--mantine-color-green-0)",
337
- "1": "var(--mantine-color-green-1)",
338
- "2": "var(--mantine-color-green-2)",
339
- "3": "var(--mantine-color-green-3)",
340
- "4": "var(--mantine-color-green-4)",
341
- "5": "var(--mantine-color-green-5)",
342
- "6": "var(--mantine-color-green-6)",
343
- "7": "var(--mantine-color-green-7)",
344
- "8": "var(--mantine-color-green-8)",
345
- "9": "var(--mantine-color-green-9)",
346
- filled: "var(--mantine-color-green-filled)",
347
- filledHover: "var(--mantine-color-green-filled-hover)",
348
- light: "var(--mantine-color-green-light)",
349
- lightHover: "var(--mantine-color-green-light-hover)",
350
- lightColor: "var(--mantine-color-green-light-color)",
351
- outline: "var(--mantine-color-green-outline)",
352
- outlineHover: "var(--mantine-color-green-outline-hover)"
353
- },
354
- lime: {
355
- "0": "var(--mantine-color-lime-0)",
356
- "1": "var(--mantine-color-lime-1)",
357
- "2": "var(--mantine-color-lime-2)",
358
- "3": "var(--mantine-color-lime-3)",
359
- "4": "var(--mantine-color-lime-4)",
360
- "5": "var(--mantine-color-lime-5)",
361
- "6": "var(--mantine-color-lime-6)",
362
- "7": "var(--mantine-color-lime-7)",
363
- "8": "var(--mantine-color-lime-8)",
364
- "9": "var(--mantine-color-lime-9)",
365
- filled: "var(--mantine-color-lime-filled)",
366
- filledHover: "var(--mantine-color-lime-filled-hover)",
367
- light: "var(--mantine-color-lime-light)",
368
- lightHover: "var(--mantine-color-lime-light-hover)",
369
- lightColor: "var(--mantine-color-lime-light-color)",
370
- outline: "var(--mantine-color-lime-outline)",
371
- outlineHover: "var(--mantine-color-lime-outline-hover)"
372
- },
373
- yellow: {
374
- "0": "var(--mantine-color-yellow-0)",
375
- "1": "var(--mantine-color-yellow-1)",
376
- "2": "var(--mantine-color-yellow-2)",
377
- "3": "var(--mantine-color-yellow-3)",
378
- "4": "var(--mantine-color-yellow-4)",
379
- "5": "var(--mantine-color-yellow-5)",
380
- "6": "var(--mantine-color-yellow-6)",
381
- "7": "var(--mantine-color-yellow-7)",
382
- "8": "var(--mantine-color-yellow-8)",
383
- "9": "var(--mantine-color-yellow-9)",
384
- filled: "var(--mantine-color-yellow-filled)",
385
- filledHover: "var(--mantine-color-yellow-filled-hover)",
386
- light: "var(--mantine-color-yellow-light)",
387
- lightHover: "var(--mantine-color-yellow-light-hover)",
388
- lightColor: "var(--mantine-color-yellow-light-color)",
389
- outline: "var(--mantine-color-yellow-outline)",
390
- outlineHover: "var(--mantine-color-yellow-outline-hover)"
391
- },
392
- orange: {
393
- "0": "var(--mantine-color-orange-0)",
394
- "1": "var(--mantine-color-orange-1)",
395
- "2": "var(--mantine-color-orange-2)",
396
- "3": "var(--mantine-color-orange-3)",
397
- "4": "var(--mantine-color-orange-4)",
398
- "5": "var(--mantine-color-orange-5)",
399
- "6": "var(--mantine-color-orange-6)",
400
- "7": "var(--mantine-color-orange-7)",
401
- "8": "var(--mantine-color-orange-8)",
402
- "9": "var(--mantine-color-orange-9)",
403
- filled: "var(--mantine-color-orange-filled)",
404
- filledHover: "var(--mantine-color-orange-filled-hover)",
405
- light: "var(--mantine-color-orange-light)",
406
- lightHover: "var(--mantine-color-orange-light-hover)",
407
- lightColor: "var(--mantine-color-orange-light-color)",
408
- outline: "var(--mantine-color-orange-outline)",
409
- outlineHover: "var(--mantine-color-orange-outline-hover)"
410
- }
411
- },
412
- rtlSelector: "[dir=\"rtl\"] &",
413
- darkSelector: "[data-mantine-color-scheme=\"dark\"] &",
414
- lightSelector: "[data-mantine-color-scheme=\"light\"] &"
415
- }
416
- };
417
- //#endregion
418
- export { vars as default };