hiver-ui-kit-extended 1.0.0-beta.8 → 1.0.0-beta.9

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.
@@ -106,6 +106,896 @@ export declare interface DialogProps {
106
106
 
107
107
  declare type IconType = ReactNode | string;
108
108
 
109
+ export declare const PrimeReactTheme: {
110
+ primitive: {
111
+ borderRadius: {
112
+ none: string;
113
+ xs: string;
114
+ sm: string;
115
+ md: string;
116
+ lg: string;
117
+ xl: string;
118
+ };
119
+ blue: {
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
+ orange: {
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
+ red: {
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
+ green: {
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
+ slate: {
172
+ '25': string;
173
+ '50': string;
174
+ '100': string;
175
+ '150': string;
176
+ '200': string;
177
+ '300': string;
178
+ '400': string;
179
+ '500': string;
180
+ '600': string;
181
+ '700': string;
182
+ '800': string;
183
+ '900': string;
184
+ '950': string;
185
+ };
186
+ indigo: {
187
+ '50': string;
188
+ '100': string;
189
+ '200': string;
190
+ '300': string;
191
+ '400': string;
192
+ '500': string;
193
+ '600': string;
194
+ '700': string;
195
+ '800': string;
196
+ '900': string;
197
+ '950': string;
198
+ };
199
+ violet: {
200
+ '50': string;
201
+ '100': string;
202
+ '200': string;
203
+ '300': string;
204
+ '400': string;
205
+ '500': string;
206
+ '600': string;
207
+ '700': string;
208
+ '800': string;
209
+ '900': string;
210
+ '950': string;
211
+ };
212
+ pastelyellow: {
213
+ '50': string;
214
+ '100': string;
215
+ '200': string;
216
+ '300': string;
217
+ '400': string;
218
+ '500': string;
219
+ '600': string;
220
+ '700': string;
221
+ '800': string;
222
+ '900': string;
223
+ '950': string;
224
+ };
225
+ pastelorange: {
226
+ '50': string;
227
+ '100': string;
228
+ '200': string;
229
+ '300': string;
230
+ '400': string;
231
+ '500': string;
232
+ '600': string;
233
+ '700': string;
234
+ '800': string;
235
+ '900': string;
236
+ '950': string;
237
+ };
238
+ pastelpurple: {
239
+ '50': string;
240
+ '100': string;
241
+ '200': string;
242
+ '300': string;
243
+ '400': string;
244
+ '500': string;
245
+ '600': string;
246
+ '700': string;
247
+ '800': string;
248
+ '900': string;
249
+ '950': string;
250
+ };
251
+ pastelred: {
252
+ '50': string;
253
+ '100': string;
254
+ '200': string;
255
+ '300': string;
256
+ '400': string;
257
+ '500': string;
258
+ '600': string;
259
+ '700': string;
260
+ '800': string;
261
+ '900': string;
262
+ '950': string;
263
+ };
264
+ pastellightblue: {
265
+ '50': string;
266
+ '100': string;
267
+ '200': string;
268
+ '300': string;
269
+ '400': string;
270
+ '500': string;
271
+ '600': string;
272
+ '700': string;
273
+ '800': string;
274
+ '900': string;
275
+ '950': string;
276
+ };
277
+ pastelviolet: {
278
+ '50': string;
279
+ '100': string;
280
+ '200': string;
281
+ '300': string;
282
+ '400': string;
283
+ '500': string;
284
+ '600': string;
285
+ '700': string;
286
+ '800': string;
287
+ '900': string;
288
+ '950': string;
289
+ };
290
+ pastelgreen: {
291
+ '50': string;
292
+ '100': string;
293
+ '200': string;
294
+ '300': string;
295
+ '400': string;
296
+ '500': string;
297
+ '600': string;
298
+ '700': string;
299
+ '800': string;
300
+ '900': string;
301
+ '950': string;
302
+ };
303
+ };
304
+ semantic: {
305
+ transitionDuration: string;
306
+ focusRing: {
307
+ width: string;
308
+ style: string;
309
+ color: string;
310
+ offset: string;
311
+ shadow: string;
312
+ };
313
+ disabledOpacity: string;
314
+ iconSize: string;
315
+ anchorGutter: string;
316
+ primary: {
317
+ '50': string;
318
+ '100': string;
319
+ '200': string;
320
+ '300': string;
321
+ '400': string;
322
+ '500': string;
323
+ '600': string;
324
+ '700': string;
325
+ '800': string;
326
+ '900': string;
327
+ '950': string;
328
+ surface: {
329
+ subtle: string;
330
+ lighter: string;
331
+ default: string;
332
+ darker: string;
333
+ };
334
+ border: {
335
+ subtle: string;
336
+ lighter: string;
337
+ default: string;
338
+ darker: string;
339
+ };
340
+ text: {
341
+ label: string;
342
+ };
343
+ };
344
+ slate: {
345
+ surface: {
346
+ white: string;
347
+ subtle: string;
348
+ subtle_100: string;
349
+ subtle_200: string;
350
+ subtle_300: string;
351
+ default: string;
352
+ dark_500: string;
353
+ dark_600: string;
354
+ darkest: string;
355
+ disabled: string;
356
+ };
357
+ border: {
358
+ default: string;
359
+ darker: string;
360
+ lighter: string;
361
+ mild: string;
362
+ };
363
+ text: {
364
+ title: string;
365
+ body: string;
366
+ subtle: string;
367
+ caption: string;
368
+ disabled: string;
369
+ };
370
+ icons: {
371
+ white: string;
372
+ blue: string;
373
+ active: string;
374
+ subtle: string;
375
+ darker: string;
376
+ disabled: string;
377
+ darkest: string;
378
+ title: string;
379
+ status: {
380
+ open: string;
381
+ snoozed: string;
382
+ resolved: string;
383
+ };
384
+ };
385
+ };
386
+ success: {
387
+ surface: {
388
+ default: string;
389
+ subtle: string;
390
+ darker: string;
391
+ };
392
+ border: {
393
+ default: string;
394
+ darker: string;
395
+ lighter: string;
396
+ };
397
+ text: {
398
+ title: string;
399
+ body: string;
400
+ subtle: string;
401
+ caption: string;
402
+ disabled: string;
403
+ };
404
+ };
405
+ warning: {
406
+ surface: {
407
+ default: string;
408
+ subtle: string;
409
+ darker: string;
410
+ };
411
+ border: {
412
+ default: string;
413
+ darker: string;
414
+ lighter: string;
415
+ };
416
+ text: {
417
+ title: string;
418
+ body: string;
419
+ subtle: string;
420
+ caption: string;
421
+ disabled: string;
422
+ };
423
+ };
424
+ error: {
425
+ surface: {
426
+ default: string;
427
+ subtle: string;
428
+ darker: string;
429
+ disabled: string;
430
+ };
431
+ border: {
432
+ default: string;
433
+ darker: string;
434
+ lighter: string;
435
+ };
436
+ text: {
437
+ title: string;
438
+ body: string;
439
+ subtle: string;
440
+ caption: string;
441
+ disabled: string;
442
+ };
443
+ };
444
+ blue: {
445
+ surface: {
446
+ default: string;
447
+ subtle: string;
448
+ darker: string;
449
+ disabled: string;
450
+ };
451
+ border: {
452
+ default: string;
453
+ darker: string;
454
+ lighter: string;
455
+ };
456
+ text: {
457
+ title: string;
458
+ body: string;
459
+ subtle: string;
460
+ caption: string;
461
+ disabled: string;
462
+ };
463
+ };
464
+ indigo: {
465
+ surface: {
466
+ default: string;
467
+ subtle: string;
468
+ darker: string;
469
+ disabled: string;
470
+ };
471
+ border: {
472
+ default: string;
473
+ darker: string;
474
+ lighter: string;
475
+ };
476
+ text: {
477
+ title: string;
478
+ body: string;
479
+ subtle: string;
480
+ caption: string;
481
+ disabled: string;
482
+ };
483
+ };
484
+ pastelviolet: {
485
+ surface: {
486
+ default: string;
487
+ subtle: string;
488
+ darker: string;
489
+ };
490
+ border: {
491
+ default: string;
492
+ darker: string;
493
+ lighter: string;
494
+ };
495
+ text: {
496
+ title: string;
497
+ body: string;
498
+ subtle: string;
499
+ caption: string;
500
+ disabled: string;
501
+ };
502
+ };
503
+ pastellightblue: {
504
+ surface: {
505
+ default: string;
506
+ subtle: string;
507
+ darker: string;
508
+ };
509
+ border: {
510
+ default: string;
511
+ darker: string;
512
+ lighter: string;
513
+ };
514
+ text: {
515
+ title: string;
516
+ body: string;
517
+ subtle: string;
518
+ caption: string;
519
+ disabled: string;
520
+ };
521
+ };
522
+ pastelred: {
523
+ surface: {
524
+ default: string;
525
+ subtle: string;
526
+ darker: string;
527
+ };
528
+ border: {
529
+ default: string;
530
+ darker: string;
531
+ lighter: string;
532
+ };
533
+ text: {
534
+ title: string;
535
+ body: string;
536
+ subtle: string;
537
+ caption: string;
538
+ disabled: string;
539
+ };
540
+ };
541
+ pastelpurple: {
542
+ surface: {
543
+ default: string;
544
+ subtle: string;
545
+ darker: string;
546
+ };
547
+ border: {
548
+ default: string;
549
+ darker: string;
550
+ lighter: string;
551
+ };
552
+ text: {
553
+ title: string;
554
+ body: string;
555
+ subtle: string;
556
+ caption: string;
557
+ disabled: string;
558
+ };
559
+ };
560
+ pastelorange: {
561
+ surface: {
562
+ default: string;
563
+ subtle: string;
564
+ darker: string;
565
+ };
566
+ border: {
567
+ default: string;
568
+ darker: string;
569
+ lighter: string;
570
+ };
571
+ text: {
572
+ title: string;
573
+ body: string;
574
+ subtle: string;
575
+ caption: string;
576
+ disabled: string;
577
+ };
578
+ };
579
+ pastelyellow: {
580
+ surface: {
581
+ default: string;
582
+ subtle: string;
583
+ darker: string;
584
+ };
585
+ border: {
586
+ default: string;
587
+ darker: string;
588
+ lighter: string;
589
+ };
590
+ text: {
591
+ title: string;
592
+ body: string;
593
+ subtle: string;
594
+ caption: string;
595
+ disabled: string;
596
+ };
597
+ };
598
+ pastelgreen: {
599
+ surface: {
600
+ default: string;
601
+ subtle: string;
602
+ darker: string;
603
+ };
604
+ border: {
605
+ default: string;
606
+ darker: string;
607
+ lighter: string;
608
+ };
609
+ text: {
610
+ title: string;
611
+ body: string;
612
+ subtle: string;
613
+ caption: string;
614
+ disabled: string;
615
+ };
616
+ };
617
+ formField: {
618
+ fontSize: string;
619
+ lineHeight: string;
620
+ paddingX: string;
621
+ paddingY: string;
622
+ sm: {
623
+ fontSize: string;
624
+ lineHeight: string;
625
+ paddingX: string;
626
+ paddingY: string;
627
+ };
628
+ lg: {
629
+ fontSize: string;
630
+ lineHeight: string;
631
+ paddingX: string;
632
+ paddingY: string;
633
+ };
634
+ borderRadius: string;
635
+ focusRing: {
636
+ width: string;
637
+ style: string;
638
+ color: string;
639
+ offset: string;
640
+ shadow: string;
641
+ };
642
+ transitionDuration: string;
643
+ };
644
+ list: {
645
+ padding: string;
646
+ gap: string;
647
+ header: {
648
+ padding: string;
649
+ };
650
+ option: {
651
+ padding: string;
652
+ borderRadius: string;
653
+ };
654
+ optionGroup: {
655
+ padding: string;
656
+ fontWeight: string;
657
+ };
658
+ };
659
+ content: {
660
+ borderRadius: string;
661
+ };
662
+ mask: {
663
+ transitionDuration: string;
664
+ };
665
+ navigation: {
666
+ list: {
667
+ padding: string;
668
+ gap: string;
669
+ };
670
+ item: {
671
+ padding: string;
672
+ borderRadius: string;
673
+ gap: string;
674
+ };
675
+ submenuLabel: {
676
+ padding: string;
677
+ fontWeight: string;
678
+ };
679
+ submenuIcon: {
680
+ size: string;
681
+ };
682
+ };
683
+ overlay: {
684
+ select: {
685
+ borderRadius: string;
686
+ shadow: string;
687
+ };
688
+ popover: {
689
+ borderRadius: string;
690
+ padding: string;
691
+ shadow: string;
692
+ };
693
+ modal: {
694
+ borderRadius: string;
695
+ padding: string;
696
+ shadow: string;
697
+ };
698
+ navigation: {
699
+ shadow: string;
700
+ };
701
+ };
702
+ colorScheme: {
703
+ light: {
704
+ surface: {
705
+ '0': string;
706
+ '50': string;
707
+ '100': string;
708
+ '200': string;
709
+ '300': string;
710
+ '400': string;
711
+ '500': string;
712
+ '600': string;
713
+ '700': string;
714
+ '800': string;
715
+ '900': string;
716
+ '950': string;
717
+ };
718
+ primary: {
719
+ color: string;
720
+ contrastColor: string;
721
+ hoverColor: string;
722
+ activeColor: string;
723
+ };
724
+ highlight: {
725
+ background: string;
726
+ focusBackground: string;
727
+ color: string;
728
+ focusColor: string;
729
+ };
730
+ mask: {
731
+ background: string;
732
+ color: string;
733
+ };
734
+ formField: {
735
+ background: string;
736
+ disabledBackground: string;
737
+ filledBackground: string;
738
+ filledHoverBackground: string;
739
+ filledFocusBackground: string;
740
+ borderColor: string;
741
+ hoverBorderColor: string;
742
+ focusBorderColor: string;
743
+ invalidBorderColor: string;
744
+ color: string;
745
+ disabledColor: string;
746
+ placeholderColor: string;
747
+ invalidPlaceholderColor: string;
748
+ floatLabelColor: string;
749
+ floatLabelFocusColor: string;
750
+ floatLabelActiveColor: string;
751
+ floatLabelInvalidColor: string;
752
+ iconColor: string;
753
+ shadow: string;
754
+ };
755
+ text: {
756
+ color: string;
757
+ hoverColor: string;
758
+ mutedColor: string;
759
+ hoverMutedColor: string;
760
+ };
761
+ content: {
762
+ background: string;
763
+ hoverBackground: string;
764
+ borderColor: string;
765
+ color: string;
766
+ hoverColor: string;
767
+ };
768
+ overlay: {
769
+ select: {
770
+ background: string;
771
+ borderColor: string;
772
+ color: string;
773
+ };
774
+ popover: {
775
+ background: string;
776
+ borderColor: string;
777
+ color: string;
778
+ };
779
+ modal: {
780
+ background: string;
781
+ borderColor: string;
782
+ color: string;
783
+ };
784
+ };
785
+ list: {
786
+ option: {
787
+ focusBackground: string;
788
+ selectedBackground: string;
789
+ selectedFocusBackground: string;
790
+ color: string;
791
+ focusColor: string;
792
+ selectedColor: string;
793
+ selectedFocusColor: string;
794
+ icon: {
795
+ color: string;
796
+ focusColor: string;
797
+ };
798
+ };
799
+ optionGroup: {
800
+ background: string;
801
+ color: string;
802
+ };
803
+ };
804
+ navigation: {
805
+ item: {
806
+ focusBackground: string;
807
+ activeBackground: string;
808
+ color: string;
809
+ focusColor: string;
810
+ activeColor: string;
811
+ icon: {
812
+ color: string;
813
+ focusColor: string;
814
+ activeColor: string;
815
+ };
816
+ };
817
+ submenuLabel: {
818
+ background: string;
819
+ color: string;
820
+ };
821
+ submenuIcon: {
822
+ color: string;
823
+ focusColor: string;
824
+ activeColor: string;
825
+ };
826
+ };
827
+ };
828
+ dark: {
829
+ surface: {
830
+ '0': string;
831
+ '50': string;
832
+ '100': string;
833
+ '200': string;
834
+ '300': string;
835
+ '400': string;
836
+ '500': string;
837
+ '600': string;
838
+ '700': string;
839
+ '800': string;
840
+ '900': string;
841
+ '950': string;
842
+ };
843
+ primary: {
844
+ color: string;
845
+ contrastColor: string;
846
+ hoverColor: string;
847
+ activeColor: string;
848
+ };
849
+ highlight: {
850
+ background: string;
851
+ focusBackground: string;
852
+ color: string;
853
+ focusColor: string;
854
+ };
855
+ mask: {
856
+ background: string;
857
+ color: string;
858
+ };
859
+ formField: {
860
+ background: string;
861
+ disabledBackground: string;
862
+ filledBackground: string;
863
+ filledHoverBackground: string;
864
+ filledFocusBackground: string;
865
+ borderColor: string;
866
+ hoverBorderColor: string;
867
+ focusBorderColor: string;
868
+ invalidBorderColor: string;
869
+ color: string;
870
+ disabledColor: string;
871
+ placeholderColor: string;
872
+ invalidPlaceholderColor: string;
873
+ floatLabelColor: string;
874
+ floatLabelFocusColor: string;
875
+ floatLabelActiveColor: string;
876
+ floatLabelInvalidColor: string;
877
+ iconColor: string;
878
+ shadow: string;
879
+ };
880
+ text: {
881
+ color: string;
882
+ hoverColor: string;
883
+ mutedColor: string;
884
+ hoverMutedColor: string;
885
+ };
886
+ content: {
887
+ background: string;
888
+ hoverBackground: string;
889
+ borderColor: string;
890
+ color: string;
891
+ hoverColor: string;
892
+ };
893
+ overlay: {
894
+ select: {
895
+ background: string;
896
+ borderColor: string;
897
+ color: string;
898
+ };
899
+ popover: {
900
+ background: string;
901
+ borderColor: string;
902
+ color: string;
903
+ };
904
+ modal: {
905
+ background: string;
906
+ borderColor: string;
907
+ color: string;
908
+ };
909
+ };
910
+ list: {
911
+ option: {
912
+ focusBackground: string;
913
+ selectedBackground: string;
914
+ selectedFocusBackground: string;
915
+ color: string;
916
+ focusColor: string;
917
+ selectedColor: string;
918
+ selectedFocusColor: string;
919
+ icon: {
920
+ color: string;
921
+ focusColor: string;
922
+ };
923
+ };
924
+ optionGroup: {
925
+ background: string;
926
+ color: string;
927
+ };
928
+ };
929
+ navigation: {
930
+ item: {
931
+ focusBackground: string;
932
+ activeBackground: string;
933
+ color: string;
934
+ focusColor: string;
935
+ activeColor: string;
936
+ icon: {
937
+ color: string;
938
+ focusColor: string;
939
+ activeColor: string;
940
+ };
941
+ };
942
+ submenuLabel: {
943
+ background: string;
944
+ color: string;
945
+ };
946
+ submenuIcon: {
947
+ color: string;
948
+ focusColor: string;
949
+ activeColor: string;
950
+ };
951
+ };
952
+ };
953
+ };
954
+ };
955
+ components: {
956
+ datatable: {
957
+ headerCell: {
958
+ background: string;
959
+ };
960
+ paginatorBottom: {
961
+ borderColor: string;
962
+ };
963
+ };
964
+ tooltip: {
965
+ root: {
966
+ maxWidth: string;
967
+ gutter: string;
968
+ shadow: string;
969
+ padding: string;
970
+ borderRadius: string;
971
+ };
972
+ colorScheme: {
973
+ light: {
974
+ root: {
975
+ background: string;
976
+ color: string;
977
+ };
978
+ };
979
+ };
980
+ };
981
+ radiobutton: {
982
+ width: string;
983
+ height: string;
984
+ };
985
+ };
986
+ };
987
+
988
+ /**
989
+ * PrimeReact Theme Provider
990
+ * Wraps the app with PrimeReactProvider and applies the theme
991
+ */
992
+ export declare function PrimeReactThemeProvider({ children, theme, }: PrimeReactThemeProviderProps): JSX_2.Element;
993
+
994
+ declare interface PrimeReactThemeProviderProps {
995
+ children: ReactNode;
996
+ theme?: typeof PrimeReactTheme;
997
+ }
998
+
109
999
  export declare type SxProps = React.CSSProperties | ((theme: any) => React.CSSProperties);
110
1000
 
111
1001
  export declare const Tab: default_2.FC<TabProps>;
@@ -219,4 +1109,886 @@ export declare type TypographyTag = ElementType;
219
1109
 
220
1110
  export declare type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body' | 'body2' | 'body3' | 'sm' | 'caption';
221
1111
 
1112
+ /**
1113
+ * Hook to access the PrimeReact theme
1114
+ */
1115
+ export declare function usePrimeReactTheme(): {
1116
+ primitive: {
1117
+ borderRadius: {
1118
+ none: string;
1119
+ xs: string;
1120
+ sm: string;
1121
+ md: string;
1122
+ lg: string;
1123
+ xl: string;
1124
+ };
1125
+ blue: {
1126
+ '50': string;
1127
+ '100': string;
1128
+ '200': string;
1129
+ '300': string;
1130
+ '400': string;
1131
+ '500': string;
1132
+ '600': string;
1133
+ '700': string;
1134
+ '800': string;
1135
+ '900': string;
1136
+ '950': string;
1137
+ };
1138
+ orange: {
1139
+ '50': string;
1140
+ '100': string;
1141
+ '200': string;
1142
+ '300': string;
1143
+ '400': string;
1144
+ '500': string;
1145
+ '600': string;
1146
+ '700': string;
1147
+ '800': string;
1148
+ '900': string;
1149
+ '950': string;
1150
+ };
1151
+ red: {
1152
+ '50': string;
1153
+ '100': string;
1154
+ '200': string;
1155
+ '300': string;
1156
+ '400': string;
1157
+ '500': string;
1158
+ '600': string;
1159
+ '700': string;
1160
+ '800': string;
1161
+ '900': string;
1162
+ '950': string;
1163
+ };
1164
+ green: {
1165
+ '50': string;
1166
+ '100': string;
1167
+ '200': string;
1168
+ '300': string;
1169
+ '400': string;
1170
+ '500': string;
1171
+ '600': string;
1172
+ '700': string;
1173
+ '800': string;
1174
+ '900': string;
1175
+ '950': string;
1176
+ };
1177
+ slate: {
1178
+ '25': string;
1179
+ '50': string;
1180
+ '100': string;
1181
+ '150': string;
1182
+ '200': string;
1183
+ '300': string;
1184
+ '400': string;
1185
+ '500': string;
1186
+ '600': string;
1187
+ '700': string;
1188
+ '800': string;
1189
+ '900': string;
1190
+ '950': string;
1191
+ };
1192
+ indigo: {
1193
+ '50': string;
1194
+ '100': string;
1195
+ '200': string;
1196
+ '300': string;
1197
+ '400': string;
1198
+ '500': string;
1199
+ '600': string;
1200
+ '700': string;
1201
+ '800': string;
1202
+ '900': string;
1203
+ '950': string;
1204
+ };
1205
+ violet: {
1206
+ '50': string;
1207
+ '100': string;
1208
+ '200': string;
1209
+ '300': string;
1210
+ '400': string;
1211
+ '500': string;
1212
+ '600': string;
1213
+ '700': string;
1214
+ '800': string;
1215
+ '900': string;
1216
+ '950': string;
1217
+ };
1218
+ pastelyellow: {
1219
+ '50': string;
1220
+ '100': string;
1221
+ '200': string;
1222
+ '300': string;
1223
+ '400': string;
1224
+ '500': string;
1225
+ '600': string;
1226
+ '700': string;
1227
+ '800': string;
1228
+ '900': string;
1229
+ '950': string;
1230
+ };
1231
+ pastelorange: {
1232
+ '50': string;
1233
+ '100': string;
1234
+ '200': string;
1235
+ '300': string;
1236
+ '400': string;
1237
+ '500': string;
1238
+ '600': string;
1239
+ '700': string;
1240
+ '800': string;
1241
+ '900': string;
1242
+ '950': string;
1243
+ };
1244
+ pastelpurple: {
1245
+ '50': string;
1246
+ '100': string;
1247
+ '200': string;
1248
+ '300': string;
1249
+ '400': string;
1250
+ '500': string;
1251
+ '600': string;
1252
+ '700': string;
1253
+ '800': string;
1254
+ '900': string;
1255
+ '950': string;
1256
+ };
1257
+ pastelred: {
1258
+ '50': string;
1259
+ '100': string;
1260
+ '200': string;
1261
+ '300': string;
1262
+ '400': string;
1263
+ '500': string;
1264
+ '600': string;
1265
+ '700': string;
1266
+ '800': string;
1267
+ '900': string;
1268
+ '950': string;
1269
+ };
1270
+ pastellightblue: {
1271
+ '50': string;
1272
+ '100': string;
1273
+ '200': string;
1274
+ '300': string;
1275
+ '400': string;
1276
+ '500': string;
1277
+ '600': string;
1278
+ '700': string;
1279
+ '800': string;
1280
+ '900': string;
1281
+ '950': string;
1282
+ };
1283
+ pastelviolet: {
1284
+ '50': string;
1285
+ '100': string;
1286
+ '200': string;
1287
+ '300': string;
1288
+ '400': string;
1289
+ '500': string;
1290
+ '600': string;
1291
+ '700': string;
1292
+ '800': string;
1293
+ '900': string;
1294
+ '950': string;
1295
+ };
1296
+ pastelgreen: {
1297
+ '50': string;
1298
+ '100': string;
1299
+ '200': string;
1300
+ '300': string;
1301
+ '400': string;
1302
+ '500': string;
1303
+ '600': string;
1304
+ '700': string;
1305
+ '800': string;
1306
+ '900': string;
1307
+ '950': string;
1308
+ };
1309
+ };
1310
+ semantic: {
1311
+ transitionDuration: string;
1312
+ focusRing: {
1313
+ width: string;
1314
+ style: string;
1315
+ color: string;
1316
+ offset: string;
1317
+ shadow: string;
1318
+ };
1319
+ disabledOpacity: string;
1320
+ iconSize: string;
1321
+ anchorGutter: string;
1322
+ primary: {
1323
+ '50': string;
1324
+ '100': string;
1325
+ '200': string;
1326
+ '300': string;
1327
+ '400': string;
1328
+ '500': string;
1329
+ '600': string;
1330
+ '700': string;
1331
+ '800': string;
1332
+ '900': string;
1333
+ '950': string;
1334
+ surface: {
1335
+ subtle: string;
1336
+ lighter: string;
1337
+ default: string;
1338
+ darker: string;
1339
+ };
1340
+ border: {
1341
+ subtle: string;
1342
+ lighter: string;
1343
+ default: string;
1344
+ darker: string;
1345
+ };
1346
+ text: {
1347
+ label: string;
1348
+ };
1349
+ };
1350
+ slate: {
1351
+ surface: {
1352
+ white: string;
1353
+ subtle: string;
1354
+ subtle_100: string;
1355
+ subtle_200: string;
1356
+ subtle_300: string;
1357
+ default: string;
1358
+ dark_500: string;
1359
+ dark_600: string;
1360
+ darkest: string;
1361
+ disabled: string;
1362
+ };
1363
+ border: {
1364
+ default: string;
1365
+ darker: string;
1366
+ lighter: string;
1367
+ mild: string;
1368
+ };
1369
+ text: {
1370
+ title: string;
1371
+ body: string;
1372
+ subtle: string;
1373
+ caption: string;
1374
+ disabled: string;
1375
+ };
1376
+ icons: {
1377
+ white: string;
1378
+ blue: string;
1379
+ active: string;
1380
+ subtle: string;
1381
+ darker: string;
1382
+ disabled: string;
1383
+ darkest: string;
1384
+ title: string;
1385
+ status: {
1386
+ open: string;
1387
+ snoozed: string;
1388
+ resolved: string;
1389
+ };
1390
+ };
1391
+ };
1392
+ success: {
1393
+ surface: {
1394
+ default: string;
1395
+ subtle: string;
1396
+ darker: string;
1397
+ };
1398
+ border: {
1399
+ default: string;
1400
+ darker: string;
1401
+ lighter: string;
1402
+ };
1403
+ text: {
1404
+ title: string;
1405
+ body: string;
1406
+ subtle: string;
1407
+ caption: string;
1408
+ disabled: string;
1409
+ };
1410
+ };
1411
+ warning: {
1412
+ surface: {
1413
+ default: string;
1414
+ subtle: string;
1415
+ darker: string;
1416
+ };
1417
+ border: {
1418
+ default: string;
1419
+ darker: string;
1420
+ lighter: string;
1421
+ };
1422
+ text: {
1423
+ title: string;
1424
+ body: string;
1425
+ subtle: string;
1426
+ caption: string;
1427
+ disabled: string;
1428
+ };
1429
+ };
1430
+ error: {
1431
+ surface: {
1432
+ default: string;
1433
+ subtle: string;
1434
+ darker: string;
1435
+ disabled: string;
1436
+ };
1437
+ border: {
1438
+ default: string;
1439
+ darker: string;
1440
+ lighter: string;
1441
+ };
1442
+ text: {
1443
+ title: string;
1444
+ body: string;
1445
+ subtle: string;
1446
+ caption: string;
1447
+ disabled: string;
1448
+ };
1449
+ };
1450
+ blue: {
1451
+ surface: {
1452
+ default: string;
1453
+ subtle: string;
1454
+ darker: string;
1455
+ disabled: string;
1456
+ };
1457
+ border: {
1458
+ default: string;
1459
+ darker: string;
1460
+ lighter: string;
1461
+ };
1462
+ text: {
1463
+ title: string;
1464
+ body: string;
1465
+ subtle: string;
1466
+ caption: string;
1467
+ disabled: string;
1468
+ };
1469
+ };
1470
+ indigo: {
1471
+ surface: {
1472
+ default: string;
1473
+ subtle: string;
1474
+ darker: string;
1475
+ disabled: string;
1476
+ };
1477
+ border: {
1478
+ default: string;
1479
+ darker: string;
1480
+ lighter: string;
1481
+ };
1482
+ text: {
1483
+ title: string;
1484
+ body: string;
1485
+ subtle: string;
1486
+ caption: string;
1487
+ disabled: string;
1488
+ };
1489
+ };
1490
+ pastelviolet: {
1491
+ surface: {
1492
+ default: string;
1493
+ subtle: string;
1494
+ darker: string;
1495
+ };
1496
+ border: {
1497
+ default: string;
1498
+ darker: string;
1499
+ lighter: string;
1500
+ };
1501
+ text: {
1502
+ title: string;
1503
+ body: string;
1504
+ subtle: string;
1505
+ caption: string;
1506
+ disabled: string;
1507
+ };
1508
+ };
1509
+ pastellightblue: {
1510
+ surface: {
1511
+ default: string;
1512
+ subtle: string;
1513
+ darker: string;
1514
+ };
1515
+ border: {
1516
+ default: string;
1517
+ darker: string;
1518
+ lighter: string;
1519
+ };
1520
+ text: {
1521
+ title: string;
1522
+ body: string;
1523
+ subtle: string;
1524
+ caption: string;
1525
+ disabled: string;
1526
+ };
1527
+ };
1528
+ pastelred: {
1529
+ surface: {
1530
+ default: string;
1531
+ subtle: string;
1532
+ darker: string;
1533
+ };
1534
+ border: {
1535
+ default: string;
1536
+ darker: string;
1537
+ lighter: string;
1538
+ };
1539
+ text: {
1540
+ title: string;
1541
+ body: string;
1542
+ subtle: string;
1543
+ caption: string;
1544
+ disabled: string;
1545
+ };
1546
+ };
1547
+ pastelpurple: {
1548
+ surface: {
1549
+ default: string;
1550
+ subtle: string;
1551
+ darker: string;
1552
+ };
1553
+ border: {
1554
+ default: string;
1555
+ darker: string;
1556
+ lighter: string;
1557
+ };
1558
+ text: {
1559
+ title: string;
1560
+ body: string;
1561
+ subtle: string;
1562
+ caption: string;
1563
+ disabled: string;
1564
+ };
1565
+ };
1566
+ pastelorange: {
1567
+ surface: {
1568
+ default: string;
1569
+ subtle: string;
1570
+ darker: string;
1571
+ };
1572
+ border: {
1573
+ default: string;
1574
+ darker: string;
1575
+ lighter: string;
1576
+ };
1577
+ text: {
1578
+ title: string;
1579
+ body: string;
1580
+ subtle: string;
1581
+ caption: string;
1582
+ disabled: string;
1583
+ };
1584
+ };
1585
+ pastelyellow: {
1586
+ surface: {
1587
+ default: string;
1588
+ subtle: string;
1589
+ darker: string;
1590
+ };
1591
+ border: {
1592
+ default: string;
1593
+ darker: string;
1594
+ lighter: string;
1595
+ };
1596
+ text: {
1597
+ title: string;
1598
+ body: string;
1599
+ subtle: string;
1600
+ caption: string;
1601
+ disabled: string;
1602
+ };
1603
+ };
1604
+ pastelgreen: {
1605
+ surface: {
1606
+ default: string;
1607
+ subtle: string;
1608
+ darker: string;
1609
+ };
1610
+ border: {
1611
+ default: string;
1612
+ darker: string;
1613
+ lighter: string;
1614
+ };
1615
+ text: {
1616
+ title: string;
1617
+ body: string;
1618
+ subtle: string;
1619
+ caption: string;
1620
+ disabled: string;
1621
+ };
1622
+ };
1623
+ formField: {
1624
+ fontSize: string;
1625
+ lineHeight: string;
1626
+ paddingX: string;
1627
+ paddingY: string;
1628
+ sm: {
1629
+ fontSize: string;
1630
+ lineHeight: string;
1631
+ paddingX: string;
1632
+ paddingY: string;
1633
+ };
1634
+ lg: {
1635
+ fontSize: string;
1636
+ lineHeight: string;
1637
+ paddingX: string;
1638
+ paddingY: string;
1639
+ };
1640
+ borderRadius: string;
1641
+ focusRing: {
1642
+ width: string;
1643
+ style: string;
1644
+ color: string;
1645
+ offset: string;
1646
+ shadow: string;
1647
+ };
1648
+ transitionDuration: string;
1649
+ };
1650
+ list: {
1651
+ padding: string;
1652
+ gap: string;
1653
+ header: {
1654
+ padding: string;
1655
+ };
1656
+ option: {
1657
+ padding: string;
1658
+ borderRadius: string;
1659
+ };
1660
+ optionGroup: {
1661
+ padding: string;
1662
+ fontWeight: string;
1663
+ };
1664
+ };
1665
+ content: {
1666
+ borderRadius: string;
1667
+ };
1668
+ mask: {
1669
+ transitionDuration: string;
1670
+ };
1671
+ navigation: {
1672
+ list: {
1673
+ padding: string;
1674
+ gap: string;
1675
+ };
1676
+ item: {
1677
+ padding: string;
1678
+ borderRadius: string;
1679
+ gap: string;
1680
+ };
1681
+ submenuLabel: {
1682
+ padding: string;
1683
+ fontWeight: string;
1684
+ };
1685
+ submenuIcon: {
1686
+ size: string;
1687
+ };
1688
+ };
1689
+ overlay: {
1690
+ select: {
1691
+ borderRadius: string;
1692
+ shadow: string;
1693
+ };
1694
+ popover: {
1695
+ borderRadius: string;
1696
+ padding: string;
1697
+ shadow: string;
1698
+ };
1699
+ modal: {
1700
+ borderRadius: string;
1701
+ padding: string;
1702
+ shadow: string;
1703
+ };
1704
+ navigation: {
1705
+ shadow: string;
1706
+ };
1707
+ };
1708
+ colorScheme: {
1709
+ light: {
1710
+ surface: {
1711
+ '0': string;
1712
+ '50': string;
1713
+ '100': string;
1714
+ '200': string;
1715
+ '300': string;
1716
+ '400': string;
1717
+ '500': string;
1718
+ '600': string;
1719
+ '700': string;
1720
+ '800': string;
1721
+ '900': string;
1722
+ '950': string;
1723
+ };
1724
+ primary: {
1725
+ color: string;
1726
+ contrastColor: string;
1727
+ hoverColor: string;
1728
+ activeColor: string;
1729
+ };
1730
+ highlight: {
1731
+ background: string;
1732
+ focusBackground: string;
1733
+ color: string;
1734
+ focusColor: string;
1735
+ };
1736
+ mask: {
1737
+ background: string;
1738
+ color: string;
1739
+ };
1740
+ formField: {
1741
+ background: string;
1742
+ disabledBackground: string;
1743
+ filledBackground: string;
1744
+ filledHoverBackground: string;
1745
+ filledFocusBackground: string;
1746
+ borderColor: string;
1747
+ hoverBorderColor: string;
1748
+ focusBorderColor: string;
1749
+ invalidBorderColor: string;
1750
+ color: string;
1751
+ disabledColor: string;
1752
+ placeholderColor: string;
1753
+ invalidPlaceholderColor: string;
1754
+ floatLabelColor: string;
1755
+ floatLabelFocusColor: string;
1756
+ floatLabelActiveColor: string;
1757
+ floatLabelInvalidColor: string;
1758
+ iconColor: string;
1759
+ shadow: string;
1760
+ };
1761
+ text: {
1762
+ color: string;
1763
+ hoverColor: string;
1764
+ mutedColor: string;
1765
+ hoverMutedColor: string;
1766
+ };
1767
+ content: {
1768
+ background: string;
1769
+ hoverBackground: string;
1770
+ borderColor: string;
1771
+ color: string;
1772
+ hoverColor: string;
1773
+ };
1774
+ overlay: {
1775
+ select: {
1776
+ background: string;
1777
+ borderColor: string;
1778
+ color: string;
1779
+ };
1780
+ popover: {
1781
+ background: string;
1782
+ borderColor: string;
1783
+ color: string;
1784
+ };
1785
+ modal: {
1786
+ background: string;
1787
+ borderColor: string;
1788
+ color: string;
1789
+ };
1790
+ };
1791
+ list: {
1792
+ option: {
1793
+ focusBackground: string;
1794
+ selectedBackground: string;
1795
+ selectedFocusBackground: string;
1796
+ color: string;
1797
+ focusColor: string;
1798
+ selectedColor: string;
1799
+ selectedFocusColor: string;
1800
+ icon: {
1801
+ color: string;
1802
+ focusColor: string;
1803
+ };
1804
+ };
1805
+ optionGroup: {
1806
+ background: string;
1807
+ color: string;
1808
+ };
1809
+ };
1810
+ navigation: {
1811
+ item: {
1812
+ focusBackground: string;
1813
+ activeBackground: string;
1814
+ color: string;
1815
+ focusColor: string;
1816
+ activeColor: string;
1817
+ icon: {
1818
+ color: string;
1819
+ focusColor: string;
1820
+ activeColor: string;
1821
+ };
1822
+ };
1823
+ submenuLabel: {
1824
+ background: string;
1825
+ color: string;
1826
+ };
1827
+ submenuIcon: {
1828
+ color: string;
1829
+ focusColor: string;
1830
+ activeColor: string;
1831
+ };
1832
+ };
1833
+ };
1834
+ dark: {
1835
+ surface: {
1836
+ '0': string;
1837
+ '50': string;
1838
+ '100': string;
1839
+ '200': string;
1840
+ '300': string;
1841
+ '400': string;
1842
+ '500': string;
1843
+ '600': string;
1844
+ '700': string;
1845
+ '800': string;
1846
+ '900': string;
1847
+ '950': string;
1848
+ };
1849
+ primary: {
1850
+ color: string;
1851
+ contrastColor: string;
1852
+ hoverColor: string;
1853
+ activeColor: string;
1854
+ };
1855
+ highlight: {
1856
+ background: string;
1857
+ focusBackground: string;
1858
+ color: string;
1859
+ focusColor: string;
1860
+ };
1861
+ mask: {
1862
+ background: string;
1863
+ color: string;
1864
+ };
1865
+ formField: {
1866
+ background: string;
1867
+ disabledBackground: string;
1868
+ filledBackground: string;
1869
+ filledHoverBackground: string;
1870
+ filledFocusBackground: string;
1871
+ borderColor: string;
1872
+ hoverBorderColor: string;
1873
+ focusBorderColor: string;
1874
+ invalidBorderColor: string;
1875
+ color: string;
1876
+ disabledColor: string;
1877
+ placeholderColor: string;
1878
+ invalidPlaceholderColor: string;
1879
+ floatLabelColor: string;
1880
+ floatLabelFocusColor: string;
1881
+ floatLabelActiveColor: string;
1882
+ floatLabelInvalidColor: string;
1883
+ iconColor: string;
1884
+ shadow: string;
1885
+ };
1886
+ text: {
1887
+ color: string;
1888
+ hoverColor: string;
1889
+ mutedColor: string;
1890
+ hoverMutedColor: string;
1891
+ };
1892
+ content: {
1893
+ background: string;
1894
+ hoverBackground: string;
1895
+ borderColor: string;
1896
+ color: string;
1897
+ hoverColor: string;
1898
+ };
1899
+ overlay: {
1900
+ select: {
1901
+ background: string;
1902
+ borderColor: string;
1903
+ color: string;
1904
+ };
1905
+ popover: {
1906
+ background: string;
1907
+ borderColor: string;
1908
+ color: string;
1909
+ };
1910
+ modal: {
1911
+ background: string;
1912
+ borderColor: string;
1913
+ color: string;
1914
+ };
1915
+ };
1916
+ list: {
1917
+ option: {
1918
+ focusBackground: string;
1919
+ selectedBackground: string;
1920
+ selectedFocusBackground: string;
1921
+ color: string;
1922
+ focusColor: string;
1923
+ selectedColor: string;
1924
+ selectedFocusColor: string;
1925
+ icon: {
1926
+ color: string;
1927
+ focusColor: string;
1928
+ };
1929
+ };
1930
+ optionGroup: {
1931
+ background: string;
1932
+ color: string;
1933
+ };
1934
+ };
1935
+ navigation: {
1936
+ item: {
1937
+ focusBackground: string;
1938
+ activeBackground: string;
1939
+ color: string;
1940
+ focusColor: string;
1941
+ activeColor: string;
1942
+ icon: {
1943
+ color: string;
1944
+ focusColor: string;
1945
+ activeColor: string;
1946
+ };
1947
+ };
1948
+ submenuLabel: {
1949
+ background: string;
1950
+ color: string;
1951
+ };
1952
+ submenuIcon: {
1953
+ color: string;
1954
+ focusColor: string;
1955
+ activeColor: string;
1956
+ };
1957
+ };
1958
+ };
1959
+ };
1960
+ };
1961
+ components: {
1962
+ datatable: {
1963
+ headerCell: {
1964
+ background: string;
1965
+ };
1966
+ paginatorBottom: {
1967
+ borderColor: string;
1968
+ };
1969
+ };
1970
+ tooltip: {
1971
+ root: {
1972
+ maxWidth: string;
1973
+ gutter: string;
1974
+ shadow: string;
1975
+ padding: string;
1976
+ borderRadius: string;
1977
+ };
1978
+ colorScheme: {
1979
+ light: {
1980
+ root: {
1981
+ background: string;
1982
+ color: string;
1983
+ };
1984
+ };
1985
+ };
1986
+ };
1987
+ radiobutton: {
1988
+ width: string;
1989
+ height: string;
1990
+ };
1991
+ };
1992
+ };
1993
+
222
1994
  export { }