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