hiver-ui-kit-extended 1.0.0-beta.10

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.
@@ -0,0 +1,1776 @@
1
+ import { JSX as JSX_2 } from 'react/jsx-runtime';
2
+ import { ReactNode } from 'react';
3
+
4
+ declare const PrimeReactTheme: {
5
+ primitive: {
6
+ borderRadius: {
7
+ none: string;
8
+ xs: string;
9
+ sm: string;
10
+ md: string;
11
+ lg: string;
12
+ xl: string;
13
+ };
14
+ blue: {
15
+ '50': string;
16
+ '100': string;
17
+ '200': string;
18
+ '300': string;
19
+ '400': string;
20
+ '500': string;
21
+ '600': string;
22
+ '700': string;
23
+ '800': string;
24
+ '900': string;
25
+ '950': string;
26
+ };
27
+ orange: {
28
+ '50': string;
29
+ '100': string;
30
+ '200': string;
31
+ '300': string;
32
+ '400': string;
33
+ '500': string;
34
+ '600': string;
35
+ '700': string;
36
+ '800': string;
37
+ '900': string;
38
+ '950': string;
39
+ };
40
+ red: {
41
+ '50': string;
42
+ '100': string;
43
+ '200': string;
44
+ '300': string;
45
+ '400': string;
46
+ '500': string;
47
+ '600': string;
48
+ '700': string;
49
+ '800': string;
50
+ '900': string;
51
+ '950': string;
52
+ };
53
+ green: {
54
+ '50': string;
55
+ '100': string;
56
+ '200': string;
57
+ '300': string;
58
+ '400': string;
59
+ '500': string;
60
+ '600': string;
61
+ '700': string;
62
+ '800': string;
63
+ '900': string;
64
+ '950': string;
65
+ };
66
+ slate: {
67
+ '25': string;
68
+ '50': string;
69
+ '100': string;
70
+ '150': string;
71
+ '200': string;
72
+ '300': string;
73
+ '400': string;
74
+ '500': string;
75
+ '600': string;
76
+ '700': string;
77
+ '800': string;
78
+ '900': string;
79
+ '950': string;
80
+ };
81
+ indigo: {
82
+ '50': string;
83
+ '100': string;
84
+ '200': string;
85
+ '300': string;
86
+ '400': string;
87
+ '500': string;
88
+ '600': string;
89
+ '700': string;
90
+ '800': string;
91
+ '900': string;
92
+ '950': string;
93
+ };
94
+ violet: {
95
+ '50': string;
96
+ '100': string;
97
+ '200': string;
98
+ '300': string;
99
+ '400': string;
100
+ '500': string;
101
+ '600': string;
102
+ '700': string;
103
+ '800': string;
104
+ '900': string;
105
+ '950': string;
106
+ };
107
+ pastelyellow: {
108
+ '50': string;
109
+ '100': string;
110
+ '200': string;
111
+ '300': string;
112
+ '400': string;
113
+ '500': string;
114
+ '600': string;
115
+ '700': string;
116
+ '800': string;
117
+ '900': string;
118
+ '950': string;
119
+ };
120
+ pastelorange: {
121
+ '50': string;
122
+ '100': string;
123
+ '200': string;
124
+ '300': string;
125
+ '400': string;
126
+ '500': string;
127
+ '600': string;
128
+ '700': string;
129
+ '800': string;
130
+ '900': string;
131
+ '950': string;
132
+ };
133
+ pastelpurple: {
134
+ '50': string;
135
+ '100': string;
136
+ '200': string;
137
+ '300': string;
138
+ '400': string;
139
+ '500': string;
140
+ '600': string;
141
+ '700': string;
142
+ '800': string;
143
+ '900': string;
144
+ '950': string;
145
+ };
146
+ pastelred: {
147
+ '50': string;
148
+ '100': string;
149
+ '200': string;
150
+ '300': string;
151
+ '400': string;
152
+ '500': string;
153
+ '600': string;
154
+ '700': string;
155
+ '800': string;
156
+ '900': string;
157
+ '950': string;
158
+ };
159
+ pastellightblue: {
160
+ '50': string;
161
+ '100': string;
162
+ '200': string;
163
+ '300': string;
164
+ '400': string;
165
+ '500': string;
166
+ '600': string;
167
+ '700': string;
168
+ '800': string;
169
+ '900': string;
170
+ '950': string;
171
+ };
172
+ pastelviolet: {
173
+ '50': string;
174
+ '100': string;
175
+ '200': string;
176
+ '300': string;
177
+ '400': string;
178
+ '500': string;
179
+ '600': string;
180
+ '700': string;
181
+ '800': string;
182
+ '900': string;
183
+ '950': string;
184
+ };
185
+ pastelgreen: {
186
+ '50': string;
187
+ '100': string;
188
+ '200': string;
189
+ '300': string;
190
+ '400': string;
191
+ '500': string;
192
+ '600': string;
193
+ '700': string;
194
+ '800': string;
195
+ '900': string;
196
+ '950': string;
197
+ };
198
+ };
199
+ semantic: {
200
+ transitionDuration: string;
201
+ focusRing: {
202
+ width: string;
203
+ style: string;
204
+ color: string;
205
+ offset: string;
206
+ shadow: string;
207
+ };
208
+ disabledOpacity: string;
209
+ iconSize: string;
210
+ anchorGutter: string;
211
+ primary: {
212
+ '50': string;
213
+ '100': string;
214
+ '200': string;
215
+ '300': string;
216
+ '400': string;
217
+ '500': string;
218
+ '600': string;
219
+ '700': string;
220
+ '800': string;
221
+ '900': string;
222
+ '950': string;
223
+ surface: {
224
+ subtle: string;
225
+ lighter: string;
226
+ default: string;
227
+ darker: string;
228
+ };
229
+ border: {
230
+ subtle: string;
231
+ lighter: string;
232
+ default: string;
233
+ darker: string;
234
+ };
235
+ text: {
236
+ label: string;
237
+ };
238
+ };
239
+ slate: {
240
+ surface: {
241
+ white: string;
242
+ subtle: string;
243
+ subtle_100: string;
244
+ subtle_200: string;
245
+ subtle_300: string;
246
+ default: string;
247
+ dark_500: string;
248
+ dark_600: string;
249
+ darkest: string;
250
+ disabled: string;
251
+ };
252
+ border: {
253
+ default: string;
254
+ darker: string;
255
+ lighter: string;
256
+ mild: string;
257
+ };
258
+ text: {
259
+ title: string;
260
+ body: string;
261
+ subtle: string;
262
+ caption: string;
263
+ disabled: string;
264
+ };
265
+ icons: {
266
+ white: string;
267
+ blue: string;
268
+ active: string;
269
+ subtle: string;
270
+ darker: string;
271
+ disabled: string;
272
+ darkest: string;
273
+ title: string;
274
+ status: {
275
+ open: string;
276
+ snoozed: string;
277
+ resolved: string;
278
+ };
279
+ };
280
+ };
281
+ success: {
282
+ surface: {
283
+ default: string;
284
+ subtle: string;
285
+ darker: string;
286
+ };
287
+ border: {
288
+ default: string;
289
+ darker: string;
290
+ lighter: string;
291
+ };
292
+ text: {
293
+ title: string;
294
+ body: string;
295
+ subtle: string;
296
+ caption: string;
297
+ disabled: string;
298
+ };
299
+ };
300
+ warning: {
301
+ surface: {
302
+ default: string;
303
+ subtle: string;
304
+ darker: string;
305
+ };
306
+ border: {
307
+ default: string;
308
+ darker: string;
309
+ lighter: string;
310
+ };
311
+ text: {
312
+ title: string;
313
+ body: string;
314
+ subtle: string;
315
+ caption: string;
316
+ disabled: string;
317
+ };
318
+ };
319
+ error: {
320
+ surface: {
321
+ default: string;
322
+ subtle: string;
323
+ darker: string;
324
+ disabled: string;
325
+ };
326
+ border: {
327
+ default: string;
328
+ darker: string;
329
+ lighter: string;
330
+ };
331
+ text: {
332
+ title: string;
333
+ body: string;
334
+ subtle: string;
335
+ caption: string;
336
+ disabled: string;
337
+ };
338
+ };
339
+ blue: {
340
+ surface: {
341
+ default: string;
342
+ subtle: string;
343
+ darker: string;
344
+ disabled: string;
345
+ };
346
+ border: {
347
+ default: string;
348
+ darker: string;
349
+ lighter: string;
350
+ };
351
+ text: {
352
+ title: string;
353
+ body: string;
354
+ subtle: string;
355
+ caption: string;
356
+ disabled: string;
357
+ };
358
+ };
359
+ indigo: {
360
+ surface: {
361
+ default: string;
362
+ subtle: string;
363
+ darker: string;
364
+ disabled: string;
365
+ };
366
+ border: {
367
+ default: string;
368
+ darker: string;
369
+ lighter: string;
370
+ };
371
+ text: {
372
+ title: string;
373
+ body: string;
374
+ subtle: string;
375
+ caption: string;
376
+ disabled: string;
377
+ };
378
+ };
379
+ pastelviolet: {
380
+ surface: {
381
+ default: string;
382
+ subtle: string;
383
+ darker: string;
384
+ };
385
+ border: {
386
+ default: string;
387
+ darker: string;
388
+ lighter: string;
389
+ };
390
+ text: {
391
+ title: string;
392
+ body: string;
393
+ subtle: string;
394
+ caption: string;
395
+ disabled: string;
396
+ };
397
+ };
398
+ pastellightblue: {
399
+ surface: {
400
+ default: string;
401
+ subtle: string;
402
+ darker: string;
403
+ };
404
+ border: {
405
+ default: string;
406
+ darker: string;
407
+ lighter: string;
408
+ };
409
+ text: {
410
+ title: string;
411
+ body: string;
412
+ subtle: string;
413
+ caption: string;
414
+ disabled: string;
415
+ };
416
+ };
417
+ pastelred: {
418
+ surface: {
419
+ default: string;
420
+ subtle: string;
421
+ darker: string;
422
+ };
423
+ border: {
424
+ default: string;
425
+ darker: string;
426
+ lighter: string;
427
+ };
428
+ text: {
429
+ title: string;
430
+ body: string;
431
+ subtle: string;
432
+ caption: string;
433
+ disabled: string;
434
+ };
435
+ };
436
+ pastelpurple: {
437
+ surface: {
438
+ default: string;
439
+ subtle: string;
440
+ darker: string;
441
+ };
442
+ border: {
443
+ default: string;
444
+ darker: string;
445
+ lighter: string;
446
+ };
447
+ text: {
448
+ title: string;
449
+ body: string;
450
+ subtle: string;
451
+ caption: string;
452
+ disabled: string;
453
+ };
454
+ };
455
+ pastelorange: {
456
+ surface: {
457
+ default: string;
458
+ subtle: string;
459
+ darker: string;
460
+ };
461
+ border: {
462
+ default: string;
463
+ darker: string;
464
+ lighter: string;
465
+ };
466
+ text: {
467
+ title: string;
468
+ body: string;
469
+ subtle: string;
470
+ caption: string;
471
+ disabled: string;
472
+ };
473
+ };
474
+ pastelyellow: {
475
+ surface: {
476
+ default: string;
477
+ subtle: string;
478
+ darker: string;
479
+ };
480
+ border: {
481
+ default: string;
482
+ darker: string;
483
+ lighter: string;
484
+ };
485
+ text: {
486
+ title: string;
487
+ body: string;
488
+ subtle: string;
489
+ caption: string;
490
+ disabled: string;
491
+ };
492
+ };
493
+ pastelgreen: {
494
+ surface: {
495
+ default: string;
496
+ subtle: string;
497
+ darker: string;
498
+ };
499
+ border: {
500
+ default: string;
501
+ darker: string;
502
+ lighter: string;
503
+ };
504
+ text: {
505
+ title: string;
506
+ body: string;
507
+ subtle: string;
508
+ caption: string;
509
+ disabled: string;
510
+ };
511
+ };
512
+ formField: {
513
+ fontSize: string;
514
+ lineHeight: string;
515
+ paddingX: string;
516
+ paddingY: string;
517
+ sm: {
518
+ fontSize: string;
519
+ lineHeight: string;
520
+ paddingX: string;
521
+ paddingY: string;
522
+ };
523
+ lg: {
524
+ fontSize: string;
525
+ lineHeight: string;
526
+ paddingX: string;
527
+ paddingY: string;
528
+ };
529
+ borderRadius: string;
530
+ focusRing: {
531
+ width: string;
532
+ style: string;
533
+ color: string;
534
+ offset: string;
535
+ shadow: string;
536
+ };
537
+ transitionDuration: string;
538
+ };
539
+ list: {
540
+ padding: string;
541
+ gap: string;
542
+ header: {
543
+ padding: string;
544
+ };
545
+ option: {
546
+ padding: string;
547
+ borderRadius: string;
548
+ };
549
+ optionGroup: {
550
+ padding: string;
551
+ fontWeight: string;
552
+ };
553
+ };
554
+ content: {
555
+ borderRadius: string;
556
+ };
557
+ mask: {
558
+ transitionDuration: string;
559
+ };
560
+ navigation: {
561
+ list: {
562
+ padding: string;
563
+ gap: string;
564
+ };
565
+ item: {
566
+ padding: string;
567
+ borderRadius: string;
568
+ gap: string;
569
+ };
570
+ submenuLabel: {
571
+ padding: string;
572
+ fontWeight: string;
573
+ };
574
+ submenuIcon: {
575
+ size: string;
576
+ };
577
+ };
578
+ overlay: {
579
+ select: {
580
+ borderRadius: string;
581
+ shadow: string;
582
+ };
583
+ popover: {
584
+ borderRadius: string;
585
+ padding: string;
586
+ shadow: string;
587
+ };
588
+ modal: {
589
+ borderRadius: string;
590
+ padding: string;
591
+ shadow: string;
592
+ };
593
+ navigation: {
594
+ shadow: string;
595
+ };
596
+ };
597
+ colorScheme: {
598
+ light: {
599
+ surface: {
600
+ '0': string;
601
+ '50': string;
602
+ '100': string;
603
+ '200': string;
604
+ '300': string;
605
+ '400': string;
606
+ '500': string;
607
+ '600': string;
608
+ '700': string;
609
+ '800': string;
610
+ '900': string;
611
+ '950': string;
612
+ };
613
+ primary: {
614
+ color: string;
615
+ contrastColor: string;
616
+ hoverColor: string;
617
+ activeColor: string;
618
+ };
619
+ highlight: {
620
+ background: string;
621
+ focusBackground: string;
622
+ color: string;
623
+ focusColor: string;
624
+ };
625
+ mask: {
626
+ background: string;
627
+ color: string;
628
+ };
629
+ formField: {
630
+ background: string;
631
+ disabledBackground: string;
632
+ filledBackground: string;
633
+ filledHoverBackground: string;
634
+ filledFocusBackground: string;
635
+ borderColor: string;
636
+ hoverBorderColor: string;
637
+ focusBorderColor: string;
638
+ invalidBorderColor: string;
639
+ color: string;
640
+ disabledColor: string;
641
+ placeholderColor: string;
642
+ invalidPlaceholderColor: string;
643
+ floatLabelColor: string;
644
+ floatLabelFocusColor: string;
645
+ floatLabelActiveColor: string;
646
+ floatLabelInvalidColor: string;
647
+ iconColor: string;
648
+ shadow: string;
649
+ };
650
+ text: {
651
+ color: string;
652
+ hoverColor: string;
653
+ mutedColor: string;
654
+ hoverMutedColor: string;
655
+ };
656
+ content: {
657
+ background: string;
658
+ hoverBackground: string;
659
+ borderColor: string;
660
+ color: string;
661
+ hoverColor: string;
662
+ };
663
+ overlay: {
664
+ select: {
665
+ background: string;
666
+ borderColor: string;
667
+ color: string;
668
+ };
669
+ popover: {
670
+ background: string;
671
+ borderColor: string;
672
+ color: string;
673
+ };
674
+ modal: {
675
+ background: string;
676
+ borderColor: string;
677
+ color: string;
678
+ };
679
+ };
680
+ list: {
681
+ option: {
682
+ focusBackground: string;
683
+ selectedBackground: string;
684
+ selectedFocusBackground: string;
685
+ color: string;
686
+ focusColor: string;
687
+ selectedColor: string;
688
+ selectedFocusColor: string;
689
+ icon: {
690
+ color: string;
691
+ focusColor: string;
692
+ };
693
+ };
694
+ optionGroup: {
695
+ background: string;
696
+ color: string;
697
+ };
698
+ };
699
+ navigation: {
700
+ item: {
701
+ focusBackground: string;
702
+ activeBackground: string;
703
+ color: string;
704
+ focusColor: string;
705
+ activeColor: string;
706
+ icon: {
707
+ color: string;
708
+ focusColor: string;
709
+ activeColor: string;
710
+ };
711
+ };
712
+ submenuLabel: {
713
+ background: string;
714
+ color: string;
715
+ };
716
+ submenuIcon: {
717
+ color: string;
718
+ focusColor: string;
719
+ activeColor: string;
720
+ };
721
+ };
722
+ };
723
+ dark: {
724
+ surface: {
725
+ '0': string;
726
+ '50': string;
727
+ '100': string;
728
+ '200': string;
729
+ '300': string;
730
+ '400': string;
731
+ '500': string;
732
+ '600': string;
733
+ '700': string;
734
+ '800': string;
735
+ '900': string;
736
+ '950': string;
737
+ };
738
+ primary: {
739
+ color: string;
740
+ contrastColor: string;
741
+ hoverColor: string;
742
+ activeColor: string;
743
+ };
744
+ highlight: {
745
+ background: string;
746
+ focusBackground: string;
747
+ color: string;
748
+ focusColor: string;
749
+ };
750
+ mask: {
751
+ background: string;
752
+ color: string;
753
+ };
754
+ formField: {
755
+ background: string;
756
+ disabledBackground: string;
757
+ filledBackground: string;
758
+ filledHoverBackground: string;
759
+ filledFocusBackground: string;
760
+ borderColor: string;
761
+ hoverBorderColor: string;
762
+ focusBorderColor: string;
763
+ invalidBorderColor: string;
764
+ color: string;
765
+ disabledColor: string;
766
+ placeholderColor: string;
767
+ invalidPlaceholderColor: string;
768
+ floatLabelColor: string;
769
+ floatLabelFocusColor: string;
770
+ floatLabelActiveColor: string;
771
+ floatLabelInvalidColor: string;
772
+ iconColor: string;
773
+ shadow: string;
774
+ };
775
+ text: {
776
+ color: string;
777
+ hoverColor: string;
778
+ mutedColor: string;
779
+ hoverMutedColor: string;
780
+ };
781
+ content: {
782
+ background: string;
783
+ hoverBackground: string;
784
+ borderColor: string;
785
+ color: string;
786
+ hoverColor: string;
787
+ };
788
+ overlay: {
789
+ select: {
790
+ background: string;
791
+ borderColor: string;
792
+ color: string;
793
+ };
794
+ popover: {
795
+ background: string;
796
+ borderColor: string;
797
+ color: string;
798
+ };
799
+ modal: {
800
+ background: string;
801
+ borderColor: string;
802
+ color: string;
803
+ };
804
+ };
805
+ list: {
806
+ option: {
807
+ focusBackground: string;
808
+ selectedBackground: string;
809
+ selectedFocusBackground: string;
810
+ color: string;
811
+ focusColor: string;
812
+ selectedColor: string;
813
+ selectedFocusColor: string;
814
+ icon: {
815
+ color: string;
816
+ focusColor: string;
817
+ };
818
+ };
819
+ optionGroup: {
820
+ background: string;
821
+ color: string;
822
+ };
823
+ };
824
+ navigation: {
825
+ item: {
826
+ focusBackground: string;
827
+ activeBackground: string;
828
+ color: string;
829
+ focusColor: string;
830
+ activeColor: string;
831
+ icon: {
832
+ color: string;
833
+ focusColor: string;
834
+ activeColor: string;
835
+ };
836
+ };
837
+ submenuLabel: {
838
+ background: string;
839
+ color: string;
840
+ };
841
+ submenuIcon: {
842
+ color: string;
843
+ focusColor: string;
844
+ activeColor: string;
845
+ };
846
+ };
847
+ };
848
+ };
849
+ };
850
+ components: {
851
+ datatable: {
852
+ headerCell: {
853
+ background: string;
854
+ };
855
+ paginatorBottom: {
856
+ borderColor: string;
857
+ };
858
+ };
859
+ tooltip: {
860
+ root: {
861
+ maxWidth: string;
862
+ gutter: string;
863
+ shadow: string;
864
+ padding: string;
865
+ borderRadius: string;
866
+ };
867
+ colorScheme: {
868
+ light: {
869
+ root: {
870
+ background: string;
871
+ color: string;
872
+ };
873
+ };
874
+ };
875
+ };
876
+ radiobutton: {
877
+ width: string;
878
+ height: string;
879
+ };
880
+ };
881
+ };
882
+
883
+ /**
884
+ * PrimeReact Theme Provider
885
+ * Wraps the app with PrimeReactProvider and applies the theme
886
+ */
887
+ export declare function PrimeReactThemeProvider({ children, theme, }: PrimeReactThemeProviderProps): JSX_2.Element;
888
+
889
+ declare interface PrimeReactThemeProviderProps {
890
+ children: ReactNode;
891
+ theme?: typeof PrimeReactTheme;
892
+ }
893
+
894
+ /**
895
+ * Hook to access the PrimeReact theme
896
+ */
897
+ export declare function usePrimeReactTheme(): {
898
+ primitive: {
899
+ borderRadius: {
900
+ none: string;
901
+ xs: string;
902
+ sm: string;
903
+ md: string;
904
+ lg: string;
905
+ xl: string;
906
+ };
907
+ blue: {
908
+ '50': string;
909
+ '100': string;
910
+ '200': string;
911
+ '300': string;
912
+ '400': string;
913
+ '500': string;
914
+ '600': string;
915
+ '700': string;
916
+ '800': string;
917
+ '900': string;
918
+ '950': string;
919
+ };
920
+ orange: {
921
+ '50': string;
922
+ '100': string;
923
+ '200': string;
924
+ '300': string;
925
+ '400': string;
926
+ '500': string;
927
+ '600': string;
928
+ '700': string;
929
+ '800': string;
930
+ '900': string;
931
+ '950': string;
932
+ };
933
+ red: {
934
+ '50': string;
935
+ '100': string;
936
+ '200': string;
937
+ '300': string;
938
+ '400': string;
939
+ '500': string;
940
+ '600': string;
941
+ '700': string;
942
+ '800': string;
943
+ '900': string;
944
+ '950': string;
945
+ };
946
+ green: {
947
+ '50': string;
948
+ '100': string;
949
+ '200': string;
950
+ '300': string;
951
+ '400': string;
952
+ '500': string;
953
+ '600': string;
954
+ '700': string;
955
+ '800': string;
956
+ '900': string;
957
+ '950': string;
958
+ };
959
+ slate: {
960
+ '25': string;
961
+ '50': string;
962
+ '100': string;
963
+ '150': string;
964
+ '200': string;
965
+ '300': string;
966
+ '400': string;
967
+ '500': string;
968
+ '600': string;
969
+ '700': string;
970
+ '800': string;
971
+ '900': string;
972
+ '950': string;
973
+ };
974
+ indigo: {
975
+ '50': string;
976
+ '100': string;
977
+ '200': string;
978
+ '300': string;
979
+ '400': string;
980
+ '500': string;
981
+ '600': string;
982
+ '700': string;
983
+ '800': string;
984
+ '900': string;
985
+ '950': string;
986
+ };
987
+ violet: {
988
+ '50': string;
989
+ '100': string;
990
+ '200': string;
991
+ '300': string;
992
+ '400': string;
993
+ '500': string;
994
+ '600': string;
995
+ '700': string;
996
+ '800': string;
997
+ '900': string;
998
+ '950': string;
999
+ };
1000
+ pastelyellow: {
1001
+ '50': string;
1002
+ '100': string;
1003
+ '200': string;
1004
+ '300': string;
1005
+ '400': string;
1006
+ '500': string;
1007
+ '600': string;
1008
+ '700': string;
1009
+ '800': string;
1010
+ '900': string;
1011
+ '950': string;
1012
+ };
1013
+ pastelorange: {
1014
+ '50': string;
1015
+ '100': string;
1016
+ '200': string;
1017
+ '300': string;
1018
+ '400': string;
1019
+ '500': string;
1020
+ '600': string;
1021
+ '700': string;
1022
+ '800': string;
1023
+ '900': string;
1024
+ '950': string;
1025
+ };
1026
+ pastelpurple: {
1027
+ '50': string;
1028
+ '100': string;
1029
+ '200': string;
1030
+ '300': string;
1031
+ '400': string;
1032
+ '500': string;
1033
+ '600': string;
1034
+ '700': string;
1035
+ '800': string;
1036
+ '900': string;
1037
+ '950': string;
1038
+ };
1039
+ pastelred: {
1040
+ '50': string;
1041
+ '100': string;
1042
+ '200': string;
1043
+ '300': string;
1044
+ '400': string;
1045
+ '500': string;
1046
+ '600': string;
1047
+ '700': string;
1048
+ '800': string;
1049
+ '900': string;
1050
+ '950': string;
1051
+ };
1052
+ pastellightblue: {
1053
+ '50': string;
1054
+ '100': string;
1055
+ '200': string;
1056
+ '300': string;
1057
+ '400': string;
1058
+ '500': string;
1059
+ '600': string;
1060
+ '700': string;
1061
+ '800': string;
1062
+ '900': string;
1063
+ '950': string;
1064
+ };
1065
+ pastelviolet: {
1066
+ '50': string;
1067
+ '100': string;
1068
+ '200': string;
1069
+ '300': string;
1070
+ '400': string;
1071
+ '500': string;
1072
+ '600': string;
1073
+ '700': string;
1074
+ '800': string;
1075
+ '900': string;
1076
+ '950': string;
1077
+ };
1078
+ pastelgreen: {
1079
+ '50': string;
1080
+ '100': string;
1081
+ '200': string;
1082
+ '300': string;
1083
+ '400': string;
1084
+ '500': string;
1085
+ '600': string;
1086
+ '700': string;
1087
+ '800': string;
1088
+ '900': string;
1089
+ '950': string;
1090
+ };
1091
+ };
1092
+ semantic: {
1093
+ transitionDuration: string;
1094
+ focusRing: {
1095
+ width: string;
1096
+ style: string;
1097
+ color: string;
1098
+ offset: string;
1099
+ shadow: string;
1100
+ };
1101
+ disabledOpacity: string;
1102
+ iconSize: string;
1103
+ anchorGutter: string;
1104
+ primary: {
1105
+ '50': string;
1106
+ '100': string;
1107
+ '200': string;
1108
+ '300': string;
1109
+ '400': string;
1110
+ '500': string;
1111
+ '600': string;
1112
+ '700': string;
1113
+ '800': string;
1114
+ '900': string;
1115
+ '950': string;
1116
+ surface: {
1117
+ subtle: string;
1118
+ lighter: string;
1119
+ default: string;
1120
+ darker: string;
1121
+ };
1122
+ border: {
1123
+ subtle: string;
1124
+ lighter: string;
1125
+ default: string;
1126
+ darker: string;
1127
+ };
1128
+ text: {
1129
+ label: string;
1130
+ };
1131
+ };
1132
+ slate: {
1133
+ surface: {
1134
+ white: string;
1135
+ subtle: string;
1136
+ subtle_100: string;
1137
+ subtle_200: string;
1138
+ subtle_300: string;
1139
+ default: string;
1140
+ dark_500: string;
1141
+ dark_600: string;
1142
+ darkest: string;
1143
+ disabled: string;
1144
+ };
1145
+ border: {
1146
+ default: string;
1147
+ darker: string;
1148
+ lighter: string;
1149
+ mild: string;
1150
+ };
1151
+ text: {
1152
+ title: string;
1153
+ body: string;
1154
+ subtle: string;
1155
+ caption: string;
1156
+ disabled: string;
1157
+ };
1158
+ icons: {
1159
+ white: string;
1160
+ blue: string;
1161
+ active: string;
1162
+ subtle: string;
1163
+ darker: string;
1164
+ disabled: string;
1165
+ darkest: string;
1166
+ title: string;
1167
+ status: {
1168
+ open: string;
1169
+ snoozed: string;
1170
+ resolved: string;
1171
+ };
1172
+ };
1173
+ };
1174
+ success: {
1175
+ surface: {
1176
+ default: string;
1177
+ subtle: string;
1178
+ darker: string;
1179
+ };
1180
+ border: {
1181
+ default: string;
1182
+ darker: string;
1183
+ lighter: string;
1184
+ };
1185
+ text: {
1186
+ title: string;
1187
+ body: string;
1188
+ subtle: string;
1189
+ caption: string;
1190
+ disabled: string;
1191
+ };
1192
+ };
1193
+ warning: {
1194
+ surface: {
1195
+ default: string;
1196
+ subtle: string;
1197
+ darker: string;
1198
+ };
1199
+ border: {
1200
+ default: string;
1201
+ darker: string;
1202
+ lighter: string;
1203
+ };
1204
+ text: {
1205
+ title: string;
1206
+ body: string;
1207
+ subtle: string;
1208
+ caption: string;
1209
+ disabled: string;
1210
+ };
1211
+ };
1212
+ error: {
1213
+ surface: {
1214
+ default: string;
1215
+ subtle: string;
1216
+ darker: string;
1217
+ disabled: string;
1218
+ };
1219
+ border: {
1220
+ default: string;
1221
+ darker: string;
1222
+ lighter: string;
1223
+ };
1224
+ text: {
1225
+ title: string;
1226
+ body: string;
1227
+ subtle: string;
1228
+ caption: string;
1229
+ disabled: string;
1230
+ };
1231
+ };
1232
+ blue: {
1233
+ surface: {
1234
+ default: string;
1235
+ subtle: string;
1236
+ darker: string;
1237
+ disabled: string;
1238
+ };
1239
+ border: {
1240
+ default: string;
1241
+ darker: string;
1242
+ lighter: string;
1243
+ };
1244
+ text: {
1245
+ title: string;
1246
+ body: string;
1247
+ subtle: string;
1248
+ caption: string;
1249
+ disabled: string;
1250
+ };
1251
+ };
1252
+ indigo: {
1253
+ surface: {
1254
+ default: string;
1255
+ subtle: string;
1256
+ darker: string;
1257
+ disabled: string;
1258
+ };
1259
+ border: {
1260
+ default: string;
1261
+ darker: string;
1262
+ lighter: string;
1263
+ };
1264
+ text: {
1265
+ title: string;
1266
+ body: string;
1267
+ subtle: string;
1268
+ caption: string;
1269
+ disabled: string;
1270
+ };
1271
+ };
1272
+ pastelviolet: {
1273
+ surface: {
1274
+ default: string;
1275
+ subtle: string;
1276
+ darker: string;
1277
+ };
1278
+ border: {
1279
+ default: string;
1280
+ darker: string;
1281
+ lighter: string;
1282
+ };
1283
+ text: {
1284
+ title: string;
1285
+ body: string;
1286
+ subtle: string;
1287
+ caption: string;
1288
+ disabled: string;
1289
+ };
1290
+ };
1291
+ pastellightblue: {
1292
+ surface: {
1293
+ default: string;
1294
+ subtle: string;
1295
+ darker: string;
1296
+ };
1297
+ border: {
1298
+ default: string;
1299
+ darker: string;
1300
+ lighter: string;
1301
+ };
1302
+ text: {
1303
+ title: string;
1304
+ body: string;
1305
+ subtle: string;
1306
+ caption: string;
1307
+ disabled: string;
1308
+ };
1309
+ };
1310
+ pastelred: {
1311
+ surface: {
1312
+ default: string;
1313
+ subtle: string;
1314
+ darker: string;
1315
+ };
1316
+ border: {
1317
+ default: string;
1318
+ darker: string;
1319
+ lighter: string;
1320
+ };
1321
+ text: {
1322
+ title: string;
1323
+ body: string;
1324
+ subtle: string;
1325
+ caption: string;
1326
+ disabled: string;
1327
+ };
1328
+ };
1329
+ pastelpurple: {
1330
+ surface: {
1331
+ default: string;
1332
+ subtle: string;
1333
+ darker: string;
1334
+ };
1335
+ border: {
1336
+ default: string;
1337
+ darker: string;
1338
+ lighter: string;
1339
+ };
1340
+ text: {
1341
+ title: string;
1342
+ body: string;
1343
+ subtle: string;
1344
+ caption: string;
1345
+ disabled: string;
1346
+ };
1347
+ };
1348
+ pastelorange: {
1349
+ surface: {
1350
+ default: string;
1351
+ subtle: string;
1352
+ darker: string;
1353
+ };
1354
+ border: {
1355
+ default: string;
1356
+ darker: string;
1357
+ lighter: string;
1358
+ };
1359
+ text: {
1360
+ title: string;
1361
+ body: string;
1362
+ subtle: string;
1363
+ caption: string;
1364
+ disabled: string;
1365
+ };
1366
+ };
1367
+ pastelyellow: {
1368
+ surface: {
1369
+ default: string;
1370
+ subtle: string;
1371
+ darker: string;
1372
+ };
1373
+ border: {
1374
+ default: string;
1375
+ darker: string;
1376
+ lighter: string;
1377
+ };
1378
+ text: {
1379
+ title: string;
1380
+ body: string;
1381
+ subtle: string;
1382
+ caption: string;
1383
+ disabled: string;
1384
+ };
1385
+ };
1386
+ pastelgreen: {
1387
+ surface: {
1388
+ default: string;
1389
+ subtle: string;
1390
+ darker: string;
1391
+ };
1392
+ border: {
1393
+ default: string;
1394
+ darker: string;
1395
+ lighter: string;
1396
+ };
1397
+ text: {
1398
+ title: string;
1399
+ body: string;
1400
+ subtle: string;
1401
+ caption: string;
1402
+ disabled: string;
1403
+ };
1404
+ };
1405
+ formField: {
1406
+ fontSize: string;
1407
+ lineHeight: string;
1408
+ paddingX: string;
1409
+ paddingY: string;
1410
+ sm: {
1411
+ fontSize: string;
1412
+ lineHeight: string;
1413
+ paddingX: string;
1414
+ paddingY: string;
1415
+ };
1416
+ lg: {
1417
+ fontSize: string;
1418
+ lineHeight: string;
1419
+ paddingX: string;
1420
+ paddingY: string;
1421
+ };
1422
+ borderRadius: string;
1423
+ focusRing: {
1424
+ width: string;
1425
+ style: string;
1426
+ color: string;
1427
+ offset: string;
1428
+ shadow: string;
1429
+ };
1430
+ transitionDuration: string;
1431
+ };
1432
+ list: {
1433
+ padding: string;
1434
+ gap: string;
1435
+ header: {
1436
+ padding: string;
1437
+ };
1438
+ option: {
1439
+ padding: string;
1440
+ borderRadius: string;
1441
+ };
1442
+ optionGroup: {
1443
+ padding: string;
1444
+ fontWeight: string;
1445
+ };
1446
+ };
1447
+ content: {
1448
+ borderRadius: string;
1449
+ };
1450
+ mask: {
1451
+ transitionDuration: string;
1452
+ };
1453
+ navigation: {
1454
+ list: {
1455
+ padding: string;
1456
+ gap: string;
1457
+ };
1458
+ item: {
1459
+ padding: string;
1460
+ borderRadius: string;
1461
+ gap: string;
1462
+ };
1463
+ submenuLabel: {
1464
+ padding: string;
1465
+ fontWeight: string;
1466
+ };
1467
+ submenuIcon: {
1468
+ size: string;
1469
+ };
1470
+ };
1471
+ overlay: {
1472
+ select: {
1473
+ borderRadius: string;
1474
+ shadow: string;
1475
+ };
1476
+ popover: {
1477
+ borderRadius: string;
1478
+ padding: string;
1479
+ shadow: string;
1480
+ };
1481
+ modal: {
1482
+ borderRadius: string;
1483
+ padding: string;
1484
+ shadow: string;
1485
+ };
1486
+ navigation: {
1487
+ shadow: string;
1488
+ };
1489
+ };
1490
+ colorScheme: {
1491
+ light: {
1492
+ surface: {
1493
+ '0': string;
1494
+ '50': string;
1495
+ '100': string;
1496
+ '200': string;
1497
+ '300': string;
1498
+ '400': string;
1499
+ '500': string;
1500
+ '600': string;
1501
+ '700': string;
1502
+ '800': string;
1503
+ '900': string;
1504
+ '950': string;
1505
+ };
1506
+ primary: {
1507
+ color: string;
1508
+ contrastColor: string;
1509
+ hoverColor: string;
1510
+ activeColor: string;
1511
+ };
1512
+ highlight: {
1513
+ background: string;
1514
+ focusBackground: string;
1515
+ color: string;
1516
+ focusColor: string;
1517
+ };
1518
+ mask: {
1519
+ background: string;
1520
+ color: string;
1521
+ };
1522
+ formField: {
1523
+ background: string;
1524
+ disabledBackground: string;
1525
+ filledBackground: string;
1526
+ filledHoverBackground: string;
1527
+ filledFocusBackground: string;
1528
+ borderColor: string;
1529
+ hoverBorderColor: string;
1530
+ focusBorderColor: string;
1531
+ invalidBorderColor: string;
1532
+ color: string;
1533
+ disabledColor: string;
1534
+ placeholderColor: string;
1535
+ invalidPlaceholderColor: string;
1536
+ floatLabelColor: string;
1537
+ floatLabelFocusColor: string;
1538
+ floatLabelActiveColor: string;
1539
+ floatLabelInvalidColor: string;
1540
+ iconColor: string;
1541
+ shadow: string;
1542
+ };
1543
+ text: {
1544
+ color: string;
1545
+ hoverColor: string;
1546
+ mutedColor: string;
1547
+ hoverMutedColor: string;
1548
+ };
1549
+ content: {
1550
+ background: string;
1551
+ hoverBackground: string;
1552
+ borderColor: string;
1553
+ color: string;
1554
+ hoverColor: string;
1555
+ };
1556
+ overlay: {
1557
+ select: {
1558
+ background: string;
1559
+ borderColor: string;
1560
+ color: string;
1561
+ };
1562
+ popover: {
1563
+ background: string;
1564
+ borderColor: string;
1565
+ color: string;
1566
+ };
1567
+ modal: {
1568
+ background: string;
1569
+ borderColor: string;
1570
+ color: string;
1571
+ };
1572
+ };
1573
+ list: {
1574
+ option: {
1575
+ focusBackground: string;
1576
+ selectedBackground: string;
1577
+ selectedFocusBackground: string;
1578
+ color: string;
1579
+ focusColor: string;
1580
+ selectedColor: string;
1581
+ selectedFocusColor: string;
1582
+ icon: {
1583
+ color: string;
1584
+ focusColor: string;
1585
+ };
1586
+ };
1587
+ optionGroup: {
1588
+ background: string;
1589
+ color: string;
1590
+ };
1591
+ };
1592
+ navigation: {
1593
+ item: {
1594
+ focusBackground: string;
1595
+ activeBackground: string;
1596
+ color: string;
1597
+ focusColor: string;
1598
+ activeColor: string;
1599
+ icon: {
1600
+ color: string;
1601
+ focusColor: string;
1602
+ activeColor: string;
1603
+ };
1604
+ };
1605
+ submenuLabel: {
1606
+ background: string;
1607
+ color: string;
1608
+ };
1609
+ submenuIcon: {
1610
+ color: string;
1611
+ focusColor: string;
1612
+ activeColor: string;
1613
+ };
1614
+ };
1615
+ };
1616
+ dark: {
1617
+ surface: {
1618
+ '0': string;
1619
+ '50': string;
1620
+ '100': string;
1621
+ '200': string;
1622
+ '300': string;
1623
+ '400': string;
1624
+ '500': string;
1625
+ '600': string;
1626
+ '700': string;
1627
+ '800': string;
1628
+ '900': string;
1629
+ '950': string;
1630
+ };
1631
+ primary: {
1632
+ color: string;
1633
+ contrastColor: string;
1634
+ hoverColor: string;
1635
+ activeColor: string;
1636
+ };
1637
+ highlight: {
1638
+ background: string;
1639
+ focusBackground: string;
1640
+ color: string;
1641
+ focusColor: string;
1642
+ };
1643
+ mask: {
1644
+ background: string;
1645
+ color: string;
1646
+ };
1647
+ formField: {
1648
+ background: string;
1649
+ disabledBackground: string;
1650
+ filledBackground: string;
1651
+ filledHoverBackground: string;
1652
+ filledFocusBackground: string;
1653
+ borderColor: string;
1654
+ hoverBorderColor: string;
1655
+ focusBorderColor: string;
1656
+ invalidBorderColor: string;
1657
+ color: string;
1658
+ disabledColor: string;
1659
+ placeholderColor: string;
1660
+ invalidPlaceholderColor: string;
1661
+ floatLabelColor: string;
1662
+ floatLabelFocusColor: string;
1663
+ floatLabelActiveColor: string;
1664
+ floatLabelInvalidColor: string;
1665
+ iconColor: string;
1666
+ shadow: string;
1667
+ };
1668
+ text: {
1669
+ color: string;
1670
+ hoverColor: string;
1671
+ mutedColor: string;
1672
+ hoverMutedColor: string;
1673
+ };
1674
+ content: {
1675
+ background: string;
1676
+ hoverBackground: string;
1677
+ borderColor: string;
1678
+ color: string;
1679
+ hoverColor: string;
1680
+ };
1681
+ overlay: {
1682
+ select: {
1683
+ background: string;
1684
+ borderColor: string;
1685
+ color: string;
1686
+ };
1687
+ popover: {
1688
+ background: string;
1689
+ borderColor: string;
1690
+ color: string;
1691
+ };
1692
+ modal: {
1693
+ background: string;
1694
+ borderColor: string;
1695
+ color: string;
1696
+ };
1697
+ };
1698
+ list: {
1699
+ option: {
1700
+ focusBackground: string;
1701
+ selectedBackground: string;
1702
+ selectedFocusBackground: string;
1703
+ color: string;
1704
+ focusColor: string;
1705
+ selectedColor: string;
1706
+ selectedFocusColor: string;
1707
+ icon: {
1708
+ color: string;
1709
+ focusColor: string;
1710
+ };
1711
+ };
1712
+ optionGroup: {
1713
+ background: string;
1714
+ color: string;
1715
+ };
1716
+ };
1717
+ navigation: {
1718
+ item: {
1719
+ focusBackground: string;
1720
+ activeBackground: string;
1721
+ color: string;
1722
+ focusColor: string;
1723
+ activeColor: string;
1724
+ icon: {
1725
+ color: string;
1726
+ focusColor: string;
1727
+ activeColor: string;
1728
+ };
1729
+ };
1730
+ submenuLabel: {
1731
+ background: string;
1732
+ color: string;
1733
+ };
1734
+ submenuIcon: {
1735
+ color: string;
1736
+ focusColor: string;
1737
+ activeColor: string;
1738
+ };
1739
+ };
1740
+ };
1741
+ };
1742
+ };
1743
+ components: {
1744
+ datatable: {
1745
+ headerCell: {
1746
+ background: string;
1747
+ };
1748
+ paginatorBottom: {
1749
+ borderColor: string;
1750
+ };
1751
+ };
1752
+ tooltip: {
1753
+ root: {
1754
+ maxWidth: string;
1755
+ gutter: string;
1756
+ shadow: string;
1757
+ padding: string;
1758
+ borderRadius: string;
1759
+ };
1760
+ colorScheme: {
1761
+ light: {
1762
+ root: {
1763
+ background: string;
1764
+ color: string;
1765
+ };
1766
+ };
1767
+ };
1768
+ };
1769
+ radiobutton: {
1770
+ width: string;
1771
+ height: string;
1772
+ };
1773
+ };
1774
+ };
1775
+
1776
+ export { }