@rokkit/core 1.0.0-next.124 → 1.0.0-next.128

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 (21) hide show
  1. package/dist/colors/index.d.ts +6 -366
  2. package/dist/constants.d.ts +44 -9
  3. package/dist/index.d.ts +1 -1
  4. package/dist/mapping.d.ts +0 -61
  5. package/dist/nested.d.ts +0 -9
  6. package/dist/theme.d.ts +55 -796
  7. package/dist/utils.d.ts +25 -1
  8. package/dist/vite/icon-collections.d.ts +32 -0
  9. package/dist/vite/index.d.ts +1 -0
  10. package/package.json +10 -2
  11. package/src/constants.js +75 -16
  12. package/src/field-mapper.js +3 -3
  13. package/src/index.js +1 -1
  14. package/src/key-event-map.js +1 -1
  15. package/src/mapping.js +2 -115
  16. package/src/nested.js +3 -31
  17. package/src/utils.js +64 -14
  18. package/src/vite/icon-collections.js +73 -0
  19. package/src/vite/index.js +1 -0
  20. package/src/colors/index.js +0 -22
  21. package/src/theme.js +0 -174
package/dist/theme.d.ts CHANGED
@@ -5,833 +5,92 @@
5
5
  * @param {string} modifier
6
6
  * @returns
7
7
  */
8
- export function shadesOf(name: string, modifier?: string): {
8
+ export declare function shadesOf(name: any, modifier?: string): {
9
9
  DEFAULT: any;
10
10
  };
11
11
  /**
12
12
  * Constructs and returns the light and dark theme variants based on provided color mapping and color definitions.
13
13
  *
14
- * @param {Object} [mapping=defaultThemeMapping] - An object mapping variant names to color property names.
14
+ * @param {Object} [mapping=DEFAULT_THEME_MAPPING] - An object mapping variant names to color property names.
15
15
  * @param {Object} [colors=defaultColors] - The object containing default color definitions.
16
16
  * @returns {Array<Array>} An array containing two arrays, one for the light theme variant and another for the dark theme.
17
17
  */
18
- export function themeRules(mapping?: Object, colors?: Object): Array<any[]>;
18
+ export declare function themeRules(mapping?: {
19
+ surface: string;
20
+ primary: string;
21
+ secondary: string;
22
+ accent: string;
23
+ success: string;
24
+ warning: string;
25
+ danger: string;
26
+ error: string;
27
+ info: string;
28
+ }, colors?: any): {};
19
29
  /**
20
30
  * Generates UnoCSS shortcut definitions for semantic tones with bg, border, text.
21
31
  * @param {string} name - Color name (e.g., 'primary')
22
32
  * @returns {Array} Array of shortcut definitions
23
33
  */
24
- export function semanticShortcuts(name: string): any[];
34
+ export declare function semanticShortcuts(name: any): {}[][];
35
+ /**
36
+ * Generates "on-color" text shortcuts for readable text on colored backgrounds.
37
+ *
38
+ * - `text-on-{name}` → high contrast text for use on z5+ backgrounds (always light text)
39
+ * - `text-on-{name}-muted` → slightly muted but still readable on z5+ backgrounds
40
+ *
41
+ * @param {string} name - Color name (e.g., 'primary', 'surface')
42
+ * @returns {Array} Array of shortcut definitions
43
+ */
44
+ export declare function contrastShortcuts(name: any): string[][];
25
45
  /**
26
46
  * Theme class for managing color palettes, mappings, and semantic shortcuts.
27
47
  */
28
- export class Theme {
48
+ export declare class Theme {
49
+ #private;
29
50
  /**
30
51
  *
31
52
  * @param {import('./types.js').ColorTheme} param0
32
53
  */
33
- constructor({ colors, mapping }?: import("./types.js").ColorTheme);
34
- set colors(colors: {
35
- shark: {
36
- DEFAULT: string;
37
- "50": string;
38
- "100": string;
39
- "200": string;
40
- "300": string;
41
- "400": string;
42
- "500": string;
43
- "600": string;
44
- "700": string;
45
- "800": string;
46
- "900": string;
47
- "950": string;
48
- };
49
- inherit: string;
50
- current: string;
51
- transparent: string;
52
- black: string;
53
- white: string;
54
- rose: {
55
- 50: string;
56
- 100: string;
57
- 200: string;
58
- 300: string;
59
- 400: string;
60
- 500: string;
61
- 600: string;
62
- 700: string;
63
- 800: string;
64
- 900: string;
65
- 950: string;
66
- };
67
- pink: {
68
- 50: string;
69
- 100: string;
70
- 200: string;
71
- 300: string;
72
- 400: string;
73
- 500: string;
74
- 600: string;
75
- 700: string;
76
- 800: string;
77
- 900: string;
78
- 950: string;
79
- };
80
- fuchsia: {
81
- 50: string;
82
- 100: string;
83
- 200: string;
84
- 300: string;
85
- 400: string;
86
- 500: string;
87
- 600: string;
88
- 700: string;
89
- 800: string;
90
- 900: string;
91
- 950: string;
92
- };
93
- purple: {
94
- 50: string;
95
- 100: string;
96
- 200: string;
97
- 300: string;
98
- 400: string;
99
- 500: string;
100
- 600: string;
101
- 700: string;
102
- 800: string;
103
- 900: string;
104
- 950: string;
105
- };
106
- violet: {
107
- 50: string;
108
- 100: string;
109
- 200: string;
110
- 300: string;
111
- 400: string;
112
- 500: string;
113
- 600: string;
114
- 700: string;
115
- 800: string;
116
- 900: string;
117
- 950: string;
118
- };
119
- indigo: {
120
- 50: string;
121
- 100: string;
122
- 200: string;
123
- 300: string;
124
- 400: string;
125
- 500: string;
126
- 600: string;
127
- 700: string;
128
- 800: string;
129
- 900: string;
130
- 950: string;
131
- };
132
- blue: {
133
- 50: string;
134
- 100: string;
135
- 200: string;
136
- 300: string;
137
- 400: string;
138
- 500: string;
139
- 600: string;
140
- 700: string;
141
- 800: string;
142
- 900: string;
143
- 950: string;
144
- };
145
- sky: {
146
- 50: string;
147
- 100: string;
148
- 200: string;
149
- 300: string;
150
- 400: string;
151
- 500: string;
152
- 600: string;
153
- 700: string;
154
- 800: string;
155
- 900: string;
156
- 950: string;
157
- };
158
- cyan: {
159
- 50: string;
160
- 100: string;
161
- 200: string;
162
- 300: string;
163
- 400: string;
164
- 500: string;
165
- 600: string;
166
- 700: string;
167
- 800: string;
168
- 900: string;
169
- 950: string;
170
- };
171
- teal: {
172
- 50: string;
173
- 100: string;
174
- 200: string;
175
- 300: string;
176
- 400: string;
177
- 500: string;
178
- 600: string;
179
- 700: string;
180
- 800: string;
181
- 900: string;
182
- 950: string;
183
- };
184
- emerald: {
185
- 50: string;
186
- 100: string;
187
- 200: string;
188
- 300: string;
189
- 400: string;
190
- 500: string;
191
- 600: string;
192
- 700: string;
193
- 800: string;
194
- 900: string;
195
- 950: string;
196
- };
197
- green: {
198
- 50: string;
199
- 100: string;
200
- 200: string;
201
- 300: string;
202
- 400: string;
203
- 500: string;
204
- 600: string;
205
- 700: string;
206
- 800: string;
207
- 900: string;
208
- 950: string;
209
- };
210
- lime: {
211
- 50: string;
212
- 100: string;
213
- 200: string;
214
- 300: string;
215
- 400: string;
216
- 500: string;
217
- 600: string;
218
- 700: string;
219
- 800: string;
220
- 900: string;
221
- 950: string;
222
- };
223
- yellow: {
224
- 50: string;
225
- 100: string;
226
- 200: string;
227
- 300: string;
228
- 400: string;
229
- 500: string;
230
- 600: string;
231
- 700: string;
232
- 800: string;
233
- 900: string;
234
- 950: string;
235
- };
236
- amber: {
237
- 50: string;
238
- 100: string;
239
- 200: string;
240
- 300: string;
241
- 400: string;
242
- 500: string;
243
- 600: string;
244
- 700: string;
245
- 800: string;
246
- 900: string;
247
- 950: string;
248
- };
249
- orange: {
250
- 50: string;
251
- 100: string;
252
- 200: string;
253
- 300: string;
254
- 400: string;
255
- 500: string;
256
- 600: string;
257
- 700: string;
258
- 800: string;
259
- 900: string;
260
- 950: string;
261
- };
262
- red: {
263
- 50: string;
264
- 100: string;
265
- 200: string;
266
- 300: string;
267
- 400: string;
268
- 500: string;
269
- 600: string;
270
- 700: string;
271
- 800: string;
272
- 900: string;
273
- 950: string;
274
- };
275
- gray: {
276
- 50: string;
277
- 100: string;
278
- 200: string;
279
- 300: string;
280
- 400: string;
281
- 500: string;
282
- 600: string;
283
- 700: string;
284
- 800: string;
285
- 900: string;
286
- 950: string;
287
- };
288
- slate: {
289
- 50: string;
290
- 100: string;
291
- 200: string;
292
- 300: string;
293
- 400: string;
294
- 500: string;
295
- 600: string;
296
- 700: string;
297
- 800: string;
298
- 900: string;
299
- 950: string;
300
- };
301
- zinc: {
302
- 50: string;
303
- 100: string;
304
- 200: string;
305
- 300: string;
306
- 400: string;
307
- 500: string;
308
- 600: string;
309
- 700: string;
310
- 800: string;
311
- 900: string;
312
- 950: string;
313
- };
314
- neutral: {
315
- 50: string;
316
- 100: string;
317
- 200: string;
318
- 300: string;
319
- 400: string;
320
- 500: string;
321
- 600: string;
322
- 700: string;
323
- 800: string;
324
- 900: string;
325
- 950: string;
326
- };
327
- stone: {
328
- 50: string;
329
- 100: string;
330
- 200: string;
331
- 300: string;
332
- 400: string;
333
- 500: string;
334
- 600: string;
335
- 700: string;
336
- 800: string;
337
- 900: string;
338
- 950: string;
339
- };
340
- light: {
341
- 50: string;
342
- 100: string;
343
- 200: string;
344
- 300: string;
345
- 400: string;
346
- 500: string;
347
- 600: string;
348
- 700: string;
349
- 800: string;
350
- 900: string;
351
- 950: string;
352
- };
353
- dark: {
354
- 50: string;
355
- 100: string;
356
- 200: string;
357
- 300: string;
358
- 400: string;
359
- 500: string;
360
- 600: string;
361
- 700: string;
362
- 800: string;
363
- 900: string;
364
- 950: string;
365
- };
366
- lightblue: string | (import("@unocss/preset-mini/dist/shared/preset-mini.BjJC-NnU.mjs").C & {
367
- DEFAULT?: string;
368
- });
369
- lightBlue: string | (import("@unocss/preset-mini/dist/shared/preset-mini.BjJC-NnU.mjs").C & {
370
- DEFAULT?: string;
371
- });
372
- warmgray: string | (import("@unocss/preset-mini/dist/shared/preset-mini.BjJC-NnU.mjs").C & {
373
- DEFAULT?: string;
374
- });
375
- warmGray: string | (import("@unocss/preset-mini/dist/shared/preset-mini.BjJC-NnU.mjs").C & {
376
- DEFAULT?: string;
377
- });
378
- truegray: string | (import("@unocss/preset-mini/dist/shared/preset-mini.BjJC-NnU.mjs").C & {
379
- DEFAULT?: string;
380
- });
381
- trueGray: string | (import("@unocss/preset-mini/dist/shared/preset-mini.BjJC-NnU.mjs").C & {
382
- DEFAULT?: string;
383
- });
384
- coolgray: string | (import("@unocss/preset-mini/dist/shared/preset-mini.BjJC-NnU.mjs").C & {
385
- DEFAULT?: string;
386
- });
387
- coolGray: string | (import("@unocss/preset-mini/dist/shared/preset-mini.BjJC-NnU.mjs").C & {
388
- DEFAULT?: string;
389
- });
390
- bluegray: string | (import("@unocss/preset-mini/dist/shared/preset-mini.BjJC-NnU.mjs").C & {
391
- DEFAULT?: string;
392
- });
393
- blueGray: string | (import("@unocss/preset-mini/dist/shared/preset-mini.BjJC-NnU.mjs").C & {
394
- DEFAULT?: string;
395
- });
54
+ constructor({ colors, mapping }?: {
55
+ colors?: any;
56
+ mapping?: {
57
+ surface: string;
58
+ primary: string;
59
+ secondary: string;
60
+ accent: string;
61
+ success: string;
62
+ warning: string;
63
+ danger: string;
64
+ error: string;
65
+ info: string;
66
+ } | undefined;
396
67
  });
397
- get colors(): {
398
- shark: {
399
- DEFAULT: string;
400
- "50": string;
401
- "100": string;
402
- "200": string;
403
- "300": string;
404
- "400": string;
405
- "500": string;
406
- "600": string;
407
- "700": string;
408
- "800": string;
409
- "900": string;
410
- "950": string;
411
- };
412
- inherit: string;
413
- current: string;
414
- transparent: string;
415
- black: string;
416
- white: string;
417
- rose: {
418
- 50: string;
419
- 100: string;
420
- 200: string;
421
- 300: string;
422
- 400: string;
423
- 500: string;
424
- 600: string;
425
- 700: string;
426
- 800: string;
427
- 900: string;
428
- 950: string;
429
- };
430
- pink: {
431
- 50: string;
432
- 100: string;
433
- 200: string;
434
- 300: string;
435
- 400: string;
436
- 500: string;
437
- 600: string;
438
- 700: string;
439
- 800: string;
440
- 900: string;
441
- 950: string;
442
- };
443
- fuchsia: {
444
- 50: string;
445
- 100: string;
446
- 200: string;
447
- 300: string;
448
- 400: string;
449
- 500: string;
450
- 600: string;
451
- 700: string;
452
- 800: string;
453
- 900: string;
454
- 950: string;
455
- };
456
- purple: {
457
- 50: string;
458
- 100: string;
459
- 200: string;
460
- 300: string;
461
- 400: string;
462
- 500: string;
463
- 600: string;
464
- 700: string;
465
- 800: string;
466
- 900: string;
467
- 950: string;
468
- };
469
- violet: {
470
- 50: string;
471
- 100: string;
472
- 200: string;
473
- 300: string;
474
- 400: string;
475
- 500: string;
476
- 600: string;
477
- 700: string;
478
- 800: string;
479
- 900: string;
480
- 950: string;
481
- };
482
- indigo: {
483
- 50: string;
484
- 100: string;
485
- 200: string;
486
- 300: string;
487
- 400: string;
488
- 500: string;
489
- 600: string;
490
- 700: string;
491
- 800: string;
492
- 900: string;
493
- 950: string;
494
- };
495
- blue: {
496
- 50: string;
497
- 100: string;
498
- 200: string;
499
- 300: string;
500
- 400: string;
501
- 500: string;
502
- 600: string;
503
- 700: string;
504
- 800: string;
505
- 900: string;
506
- 950: string;
507
- };
508
- sky: {
509
- 50: string;
510
- 100: string;
511
- 200: string;
512
- 300: string;
513
- 400: string;
514
- 500: string;
515
- 600: string;
516
- 700: string;
517
- 800: string;
518
- 900: string;
519
- 950: string;
520
- };
521
- cyan: {
522
- 50: string;
523
- 100: string;
524
- 200: string;
525
- 300: string;
526
- 400: string;
527
- 500: string;
528
- 600: string;
529
- 700: string;
530
- 800: string;
531
- 900: string;
532
- 950: string;
533
- };
534
- teal: {
535
- 50: string;
536
- 100: string;
537
- 200: string;
538
- 300: string;
539
- 400: string;
540
- 500: string;
541
- 600: string;
542
- 700: string;
543
- 800: string;
544
- 900: string;
545
- 950: string;
546
- };
547
- emerald: {
548
- 50: string;
549
- 100: string;
550
- 200: string;
551
- 300: string;
552
- 400: string;
553
- 500: string;
554
- 600: string;
555
- 700: string;
556
- 800: string;
557
- 900: string;
558
- 950: string;
559
- };
560
- green: {
561
- 50: string;
562
- 100: string;
563
- 200: string;
564
- 300: string;
565
- 400: string;
566
- 500: string;
567
- 600: string;
568
- 700: string;
569
- 800: string;
570
- 900: string;
571
- 950: string;
572
- };
573
- lime: {
574
- 50: string;
575
- 100: string;
576
- 200: string;
577
- 300: string;
578
- 400: string;
579
- 500: string;
580
- 600: string;
581
- 700: string;
582
- 800: string;
583
- 900: string;
584
- 950: string;
585
- };
586
- yellow: {
587
- 50: string;
588
- 100: string;
589
- 200: string;
590
- 300: string;
591
- 400: string;
592
- 500: string;
593
- 600: string;
594
- 700: string;
595
- 800: string;
596
- 900: string;
597
- 950: string;
598
- };
599
- amber: {
600
- 50: string;
601
- 100: string;
602
- 200: string;
603
- 300: string;
604
- 400: string;
605
- 500: string;
606
- 600: string;
607
- 700: string;
608
- 800: string;
609
- 900: string;
610
- 950: string;
611
- };
612
- orange: {
613
- 50: string;
614
- 100: string;
615
- 200: string;
616
- 300: string;
617
- 400: string;
618
- 500: string;
619
- 600: string;
620
- 700: string;
621
- 800: string;
622
- 900: string;
623
- 950: string;
624
- };
625
- red: {
626
- 50: string;
627
- 100: string;
628
- 200: string;
629
- 300: string;
630
- 400: string;
631
- 500: string;
632
- 600: string;
633
- 700: string;
634
- 800: string;
635
- 900: string;
636
- 950: string;
637
- };
638
- gray: {
639
- 50: string;
640
- 100: string;
641
- 200: string;
642
- 300: string;
643
- 400: string;
644
- 500: string;
645
- 600: string;
646
- 700: string;
647
- 800: string;
648
- 900: string;
649
- 950: string;
650
- };
651
- slate: {
652
- 50: string;
653
- 100: string;
654
- 200: string;
655
- 300: string;
656
- 400: string;
657
- 500: string;
658
- 600: string;
659
- 700: string;
660
- 800: string;
661
- 900: string;
662
- 950: string;
663
- };
664
- zinc: {
665
- 50: string;
666
- 100: string;
667
- 200: string;
668
- 300: string;
669
- 400: string;
670
- 500: string;
671
- 600: string;
672
- 700: string;
673
- 800: string;
674
- 900: string;
675
- 950: string;
676
- };
677
- neutral: {
678
- 50: string;
679
- 100: string;
680
- 200: string;
681
- 300: string;
682
- 400: string;
683
- 500: string;
684
- 600: string;
685
- 700: string;
686
- 800: string;
687
- 900: string;
688
- 950: string;
689
- };
690
- stone: {
691
- 50: string;
692
- 100: string;
693
- 200: string;
694
- 300: string;
695
- 400: string;
696
- 500: string;
697
- 600: string;
698
- 700: string;
699
- 800: string;
700
- 900: string;
701
- 950: string;
702
- };
703
- light: {
704
- 50: string;
705
- 100: string;
706
- 200: string;
707
- 300: string;
708
- 400: string;
709
- 500: string;
710
- 600: string;
711
- 700: string;
712
- 800: string;
713
- 900: string;
714
- 950: string;
715
- };
716
- dark: {
717
- 50: string;
718
- 100: string;
719
- 200: string;
720
- 300: string;
721
- 400: string;
722
- 500: string;
723
- 600: string;
724
- 700: string;
725
- 800: string;
726
- 900: string;
727
- 950: string;
728
- };
729
- lightblue: string | (import("@unocss/preset-mini/dist/shared/preset-mini.BjJC-NnU.mjs").C & {
730
- DEFAULT?: string;
731
- });
732
- lightBlue: string | (import("@unocss/preset-mini/dist/shared/preset-mini.BjJC-NnU.mjs").C & {
733
- DEFAULT?: string;
734
- });
735
- warmgray: string | (import("@unocss/preset-mini/dist/shared/preset-mini.BjJC-NnU.mjs").C & {
736
- DEFAULT?: string;
737
- });
738
- warmGray: string | (import("@unocss/preset-mini/dist/shared/preset-mini.BjJC-NnU.mjs").C & {
739
- DEFAULT?: string;
740
- });
741
- truegray: string | (import("@unocss/preset-mini/dist/shared/preset-mini.BjJC-NnU.mjs").C & {
742
- DEFAULT?: string;
743
- });
744
- trueGray: string | (import("@unocss/preset-mini/dist/shared/preset-mini.BjJC-NnU.mjs").C & {
745
- DEFAULT?: string;
746
- });
747
- coolgray: string | (import("@unocss/preset-mini/dist/shared/preset-mini.BjJC-NnU.mjs").C & {
748
- DEFAULT?: string;
749
- });
750
- coolGray: string | (import("@unocss/preset-mini/dist/shared/preset-mini.BjJC-NnU.mjs").C & {
751
- DEFAULT?: string;
752
- });
753
- bluegray: string | (import("@unocss/preset-mini/dist/shared/preset-mini.BjJC-NnU.mjs").C & {
754
- DEFAULT?: string;
755
- });
756
- blueGray: string | (import("@unocss/preset-mini/dist/shared/preset-mini.BjJC-NnU.mjs").C & {
757
- DEFAULT?: string;
758
- });
759
- };
760
- set mapping(mapping: {
761
- /**
762
- * - The primary color.
763
- */
68
+ get colors(): any;
69
+ set colors(colors: any);
70
+ get mapping(): {
71
+ surface: string;
764
72
  primary: string;
765
- /**
766
- * - The secondary color.
767
- */
768
73
  secondary: string;
769
- /**
770
- * - The tertiary color.
771
- */
772
- tertiary?: string | undefined;
773
- /**
774
- * - The surface color.
775
- */
776
- surface: string;
777
- /**
778
- * - The info color.
779
- */
780
- info: string;
781
- /**
782
- * - The success color.
783
- */
74
+ accent: string;
784
75
  success: string;
785
- /**
786
- * - The warning color.
787
- */
788
76
  warning: string;
789
- /**
790
- * - The error color.
791
- */
792
- error: string;
793
- accent: string;
794
77
  danger: string;
795
- });
796
- get mapping(): {
797
- /**
798
- * - The primary color.
799
- */
78
+ error: string;
79
+ info: string;
80
+ };
81
+ set mapping(mapping: {
82
+ surface: string;
800
83
  primary: string;
801
- /**
802
- * - The secondary color.
803
- */
804
84
  secondary: string;
805
- /**
806
- * - The tertiary color.
807
- */
808
- tertiary?: string | undefined;
809
- /**
810
- * - The surface color.
811
- */
812
- surface: string;
813
- /**
814
- * - The info color.
815
- */
816
- info: string;
817
- /**
818
- * - The success color.
819
- */
85
+ accent: string;
820
86
  success: string;
821
- /**
822
- * - The warning color.
823
- */
824
87
  warning: string;
825
- /**
826
- * - The error color.
827
- */
828
- error: string;
829
- accent: string;
830
88
  danger: string;
831
- };
89
+ error: string;
90
+ info: string;
91
+ });
832
92
  mapVariant(color: any, variant: any): {};
833
93
  getColorRules(mapping?: null): {};
834
- getPalette(mapping?: null): any;
835
- getShortcuts(name: any): any[];
836
- #private;
94
+ getPalette(mapping?: null): {};
95
+ getShortcuts(name: any): {}[][];
837
96
  }