venice-ui 3.0.62 → 3.1.2

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 (10) hide show
  1. package/dist/cjs/config/config.js +36 -33
  2. package/dist/cjs/config/themes.js +60 -0
  3. package/dist/cjs/example/Colors.js +109 -13
  4. package/dist/esm/config/config.js +36 -33
  5. package/dist/esm/config/themes.js +60 -0
  6. package/dist/esm/example/Colors.js +76 -13
  7. package/dist/types/config/config.d.ts +747 -747
  8. package/dist/types/config/themes.d.ts +60 -0
  9. package/dist/types/hooks/useOutsideClick.d.ts +1 -1
  10. package/package.json +7 -7
package/dist/types/config/config.d.ts CHANGED
@@ -1,44 +1,44 @@
1
1
  import { type AppTheme, type ThemeName } from './themes';
2
2
  export declare const createTheme: (theme?: ThemeName | AppTheme) => {
3
3
  text: {
4
- primary: "#111827";
5
- secondary: "#4B5563";
6
- tertiary: "#6B7280";
7
- placeholder: "#9CA3AF";
8
- disabled: "#9CA3AF";
9
- inverse: "#FFFFFF";
10
- link: "#2F78B0";
4
+ primary: "#FFFFFF" | "#111827" | "#020617";
5
+ secondary: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
6
+ tertiary: "#D1D5DB" | "#6B7280" | "#94A3B8" | "#475569";
7
+ placeholder: "#9CA3AF" | "#64748B";
8
+ disabled: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
9
+ inverse: "#FFFFFF" | "#111827" | "#020617";
10
+ link: "#9FD0EC" | "#2F78B0" | "#B794FF" | "#6D28D9";
11
11
  error: "#DC2626";
12
12
  success: "#059669";
13
13
  };
14
14
  surface: {
15
- page: "#F9FAFB";
16
- default: "#FFFFFF";
17
- subtle: "#F9FAFB";
18
- tertiary: "#F3F4F6";
19
- selected: "#F2F8FD";
20
- disabled: "#F3F4F6";
21
- danger: "#EF4444";
22
- hover: "#F2F8FD";
15
+ page: "#F9FAFB" | "#111827" | "#F8FAFC" | "#020617";
16
+ default: "#FFFFFF" | "#1F2937" | "#0F172A";
17
+ subtle: "#F9FAFB" | "#374151" | "#F8FAFC" | "#1E293B";
18
+ tertiary: "#F3F4F6" | "#374151" | "#E2E8F0" | "#1E293B";
19
+ selected: "#F2F8FD" | "#13324A" | "#F4F0FF" | "#2E1065";
20
+ disabled: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
21
+ danger: string;
22
+ hover: string;
23
23
  };
24
24
  border: {
25
- default: "#E5E7EB";
26
- strong: "#D1D5DB";
27
- hover: "#D1D5DB";
28
- focus: "#3B90CB";
29
- disabled: "#E5E7EB";
30
- error: "#FCA5A5";
25
+ default: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
26
+ strong: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
27
+ hover: "#D1D5DB" | "#6B7280" | "#94A3B8" | "#475569";
28
+ focus: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
29
+ disabled: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
30
+ error: "#FECACA" | "#FCA5A5";
31
31
  success: "#059669";
32
32
  };
33
33
  action: {
34
34
  primary: {
35
- default: "#3B90CB";
36
- hover: "#2F78B0";
37
- active: "#25608E";
38
- subtitle: "#E4F1FA";
39
- disabledText: "#6EB8DF";
40
- selected: "#C7E3F5";
41
- selectedHover: "#9FD0EC";
35
+ default: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
36
+ hover: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
37
+ active: "#E4F1FA" | "#25608E" | "#E9DDFF" | "#5B21B6";
38
+ subtitle: "#E4F1FA" | "#13324A" | "#E9DDFF" | "#2E1065";
39
+ disabledText: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
40
+ selected: "#C7E3F5" | "#1C496C" | "#D3BCFF" | "#4C1D95";
41
+ selectedHover: "#9FD0EC" | "#25608E" | "#B794FF" | "#5B21B6";
42
42
  };
43
43
  danger: {
44
44
  default: "#EF4444";
@@ -62,9 +62,9 @@ export declare const createTheme: (theme?: ThemeName | AppTheme) => {
62
62
  disabledText: any;
63
63
  };
64
64
  secondary: {
65
- active: "#F3F4F6";
66
- disabledBackground: "#F9FAFB";
67
- disabledBorder: "#E5E7EB";
65
+ active: "#F3F4F6" | "#E2E8F0";
66
+ disabledBackground: "#F9FAFB" | "#F8FAFC";
67
+ disabledBorder: "#E5E7EB" | "#CBD5E1";
68
68
  };
69
69
  };
70
70
  feedback: {
@@ -99,7 +99,7 @@ export declare const createTheme: (theme?: ThemeName | AppTheme) => {
99
99
  };
100
100
  other: {
101
101
  transparent: string;
102
- almostBlack: "#1F2937";
102
+ almostBlack: "#FFFFFF" | "#1F2937" | "#0F172A";
103
103
  };
104
104
  };
105
105
  export type ThemeConfig = ReturnType<typeof createTheme>;
@@ -307,18 +307,18 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
307
307
  };
308
308
  };
309
309
  color: {
310
- default: "#6B7280";
311
- hover: "#4B5563";
312
- active: "#3B90CB";
313
- hoverActive: "#2F78B0";
314
- disabled: "#9CA3AF";
310
+ default: "#D1D5DB" | "#6B7280" | "#94A3B8" | "#475569";
311
+ hover: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
312
+ active: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
313
+ hoverActive: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
314
+ disabled: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
315
315
  error: "#DC2626";
316
316
  };
317
317
  background: {
318
318
  default: string;
319
- hover: "#F2F8FD";
320
- active: "#E4F1FA";
321
- hoverActive: "#E4F1FA";
319
+ hover: string;
320
+ active: "#E4F1FA" | "#13324A" | "#E9DDFF" | "#2E1065";
321
+ hoverActive: "#E4F1FA" | "#13324A" | "#E9DDFF" | "#2E1065";
322
322
  disabled: string;
323
323
  error: string;
324
324
  };
@@ -356,33 +356,33 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
356
356
  };
357
357
  color: {
358
358
  default: {
359
- background: "#FFFFFF";
360
- border: "#E5E7EB";
361
- text: "#111827";
362
- sufix: "#4B5563";
363
- sufixBackground: "#F9FAFB";
364
- placeholder: "#9CA3AF";
359
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
360
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
361
+ text: "#FFFFFF" | "#111827" | "#020617";
362
+ sufix: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
363
+ sufixBackground: "#F9FAFB" | "#374151" | "#F8FAFC" | "#1E293B";
364
+ placeholder: "#9CA3AF" | "#64748B";
365
365
  };
366
366
  hover: {
367
- border: "#D1D5DB";
367
+ border: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
368
368
  };
369
369
  focus: {
370
- border: "#3B90CB";
370
+ border: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
371
371
  shadow: string;
372
372
  };
373
373
  error: {
374
- border: "#FCA5A5";
374
+ border: "#FECACA" | "#FCA5A5";
375
375
  helper: "#DC2626";
376
376
  };
377
377
  disabled: {
378
- border: "#E5E7EB";
379
- background: "#F3F4F6";
380
- text: "#9CA3AF";
378
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
379
+ background: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
380
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
381
381
  cursor: string;
382
382
  };
383
383
  readonly: {
384
- bg: "#FFFFFF";
385
- text: "#4B5563";
384
+ bg: "#FFFFFF" | "#1F2937" | "#0F172A";
385
+ text: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
386
386
  };
387
387
  };
388
388
  };
@@ -393,13 +393,13 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
393
393
  };
394
394
  color: {
395
395
  default: {
396
- text: "#6B7280";
396
+ text: "#D1D5DB" | "#6B7280" | "#94A3B8" | "#475569";
397
397
  };
398
398
  error: {
399
399
  text: "#DC2626";
400
400
  };
401
401
  disabled: {
402
- text: "#9CA3AF";
402
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
403
403
  };
404
404
  success: {
405
405
  text: "#059669";
@@ -435,10 +435,10 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
435
435
  };
436
436
  color: {
437
437
  top: {
438
- text: "#4B5563";
438
+ text: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
439
439
  };
440
440
  left: {
441
- text: "#111827";
441
+ text: "#FFFFFF" | "#111827" | "#020617";
442
442
  };
443
443
  required: {
444
444
  text: "#DC2626";
@@ -474,32 +474,32 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
474
474
  };
475
475
  color: {
476
476
  default: {
477
- background: "#FFFFFF";
478
- border: "#E5E7EB";
479
- text: "#111827";
480
- sufix: "#4B5563";
481
- sufixBackground: "#F9FAFB";
482
- placeholder: "#9CA3AF";
477
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
478
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
479
+ text: "#FFFFFF" | "#111827" | "#020617";
480
+ sufix: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
481
+ sufixBackground: "#F9FAFB" | "#374151" | "#F8FAFC" | "#1E293B";
482
+ placeholder: "#9CA3AF" | "#64748B";
483
483
  };
484
484
  hover: {
485
- border: "#D1D5DB";
485
+ border: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
486
486
  };
487
487
  focus: {
488
- border: "#3B90CB";
488
+ border: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
489
489
  shadow: string;
490
490
  };
491
491
  error: {
492
- border: "#FCA5A5";
492
+ border: "#FECACA" | "#FCA5A5";
493
493
  helper: "#DC2626";
494
494
  };
495
495
  disabled: {
496
- bg: "#F3F4F6";
497
- text: "#9CA3AF";
496
+ bg: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
497
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
498
498
  cursor: string;
499
499
  };
500
500
  readonly: {
501
- bg: "#FFFFFF";
502
- text: "#4B5563";
501
+ bg: "#FFFFFF" | "#1F2937" | "#0F172A";
502
+ text: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
503
503
  };
504
504
  };
505
505
  menu: {
@@ -509,8 +509,8 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
509
509
  zIndex: 800;
510
510
  };
511
511
  color: {
512
- background: "#FFFFFF";
513
- border: "#E5E7EB";
512
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
513
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
514
514
  };
515
515
  };
516
516
  };
@@ -545,25 +545,25 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
545
545
  color: {
546
546
  default: {
547
547
  itmeBackground: string;
548
- text: "#111827";
548
+ text: "#FFFFFF" | "#111827" | "#020617";
549
549
  };
550
550
  hover: {
551
- background: "#F2F8FD";
551
+ background: string;
552
552
  };
553
553
  selected: {
554
- iconColor: "#3B90CB";
554
+ iconColor: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
555
555
  };
556
556
  disabled: {
557
- text: "#9CA3AF";
558
- background: "#F3F4F6";
557
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
558
+ background: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
559
559
  };
560
560
  };
561
561
  };
562
562
  panel: {
563
563
  color: {
564
- default: "#FFFFFF";
565
- divider: "#E5E7EB";
566
- placeholder: "#9CA3AF";
564
+ default: "#FFFFFF" | "#1F2937" | "#0F172A";
565
+ divider: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
566
+ placeholder: "#9CA3AF" | "#64748B";
567
567
  };
568
568
  };
569
569
  };
@@ -577,16 +577,16 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
577
577
  };
578
578
  color: {
579
579
  default: {
580
- background: "#FFFFFF";
581
- border: "#E5E7EB";
582
- text: "#111827";
583
- placeholder: "#9CA3AF";
580
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
581
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
582
+ text: "#FFFFFF" | "#111827" | "#020617";
583
+ placeholder: "#9CA3AF" | "#64748B";
584
584
  };
585
585
  hover: {
586
- border: "#D1D5DB";
586
+ border: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
587
587
  };
588
588
  focus: {
589
- border: "#3B90CB";
589
+ border: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
590
590
  shadow: string;
591
591
  };
592
592
  };
@@ -623,39 +623,39 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
623
623
  };
624
624
  variants: {
625
625
  primary: {
626
- background: "#3B90CB";
627
- backgroundHover: "#2F78B0";
628
- backgroundActive: "#25608E";
629
- text: "#FFFFFF";
630
- disabledBackground: "#E4F1FA";
631
- disabledText: "#6EB8DF";
626
+ background: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
627
+ backgroundHover: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
628
+ backgroundActive: "#E4F1FA" | "#25608E" | "#E9DDFF" | "#5B21B6";
629
+ text: "#FFFFFF" | "#111827" | "#020617";
630
+ disabledBackground: "#E4F1FA" | "#13324A" | "#E9DDFF" | "#2E1065";
631
+ disabledText: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
632
632
  disabledBorder: string;
633
633
  };
634
634
  secondary: {
635
- background: "#FFFFFF";
636
- backgroundHover: "#F2F8FD";
637
- backgroundActive: "#F3F4F6";
638
- border: "#E5E7EB";
639
- borderHover: "#D1D5DB";
640
- text: "#111827";
641
- disabledBackground: "#F9FAFB";
642
- disabledBorder: "#E5E7EB";
643
- disabledText: "#9CA3AF";
635
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
636
+ backgroundHover: string;
637
+ backgroundActive: "#F3F4F6" | "#E2E8F0";
638
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
639
+ borderHover: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
640
+ text: "#FFFFFF" | "#111827" | "#020617";
641
+ disabledBackground: "#F9FAFB" | "#F8FAFC";
642
+ disabledBorder: "#E5E7EB" | "#CBD5E1";
643
+ disabledText: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
644
644
  };
645
645
  ghost: {
646
646
  background: string;
647
- backgroundHover: "#F2F8FD";
648
- backgroundActive: "#F3F4F6";
649
- text: "#3B90CB";
650
- textHover: "#2F78B0";
647
+ backgroundHover: string;
648
+ backgroundActive: "#F3F4F6" | "#374151" | "#E2E8F0" | "#1E293B";
649
+ text: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
650
+ textHover: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
651
651
  disabledBackground: string;
652
- disabledText: "#9CA3AF";
652
+ disabledText: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
653
653
  };
654
654
  danger: {
655
655
  background: "#EF4444";
656
656
  backgroundHover: "#DC2626";
657
657
  backgroundActive: any;
658
- text: "#FFFFFF";
658
+ text: "#FFFFFF" | "#111827" | "#020617";
659
659
  disabledBackground: "#FEE2E2";
660
660
  disabledText: "#FCA5A5";
661
661
  disabledBorder: string;
@@ -694,24 +694,24 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
694
694
  };
695
695
  color: {
696
696
  default: {
697
- background: "#F9FAFB";
697
+ background: "#F9FAFB" | "#374151" | "#F8FAFC" | "#1E293B";
698
698
  border: string;
699
- thumbBackground: "#FFFFFF";
700
- thumbBorder: "#D1D5DB";
699
+ thumbBackground: "#FFFFFF" | "#1F2937" | "#0F172A";
700
+ thumbBorder: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
701
701
  };
702
702
  hover: {
703
703
  border: string;
704
704
  };
705
705
  focus: {
706
- background: "#3B90CB";
707
- thumbBackground: "#FFFFFF";
706
+ background: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
707
+ thumbBackground: "#FFFFFF" | "#1F2937" | "#0F172A";
708
708
  thumbBorder: string;
709
709
  };
710
710
  disabled: {
711
- background: "#F3F4F6";
712
- backgroundActive: "#E4F1FA";
711
+ background: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
712
+ backgroundActive: "#E4F1FA" | "#13324A" | "#E9DDFF" | "#2E1065";
713
713
  border: string;
714
- thumbBorder: "#E5E7EB";
714
+ thumbBorder: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
715
715
  };
716
716
  error: {
717
717
  border: string;
@@ -735,7 +735,7 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
735
735
  };
736
736
  color: {
737
737
  topBorder: string;
738
- background: "#FFFFFF";
738
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
739
739
  };
740
740
  };
741
741
  checkbox: {
@@ -763,24 +763,24 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
763
763
  default: {
764
764
  background: string;
765
765
  border: string;
766
- boxBorder: "#E5E7EB";
767
- boxBackground: "#FFFFFF";
766
+ boxBorder: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
767
+ boxBackground: "#FFFFFF" | "#1F2937" | "#0F172A";
768
768
  icon: string;
769
769
  };
770
770
  hover: {
771
771
  border: string;
772
- boxBorder: "#D1D5DB";
772
+ boxBorder: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
773
773
  };
774
774
  focus: {
775
775
  border: string;
776
- boxBorder: "#3B90CB";
777
- boxBackground: "#3B90CB";
778
- icon: "#FFFFFF";
776
+ boxBorder: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
777
+ boxBackground: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
778
+ icon: "#FFFFFF" | "#111827" | "#020617";
779
779
  };
780
780
  intermedian: {
781
- boxBorder: "#E4F1FA";
782
- boxBackground: "#6EB8DF";
783
- icon: "#25608E";
781
+ boxBorder: "#E4F1FA" | "#13324A" | "#E9DDFF" | "#2E1065";
782
+ boxBackground: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
783
+ icon: "#E4F1FA" | "#25608E" | "#E9DDFF" | "#5B21B6";
784
784
  };
785
785
  error: {
786
786
  border: string;
@@ -789,9 +789,9 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
789
789
  disabled: {
790
790
  background: string;
791
791
  cursor: string;
792
- boxBorder: "#E5E7EB";
793
- boxBackground: "#F3F4F6";
794
- icon: "#9CA3AF";
792
+ boxBorder: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
793
+ boxBackground: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
794
+ icon: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
795
795
  };
796
796
  readonly: {
797
797
  bg: string;
@@ -811,14 +811,14 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
811
811
  };
812
812
  color: {
813
813
  default: {
814
- text: "#111827";
814
+ text: "#FFFFFF" | "#111827" | "#020617";
815
815
  };
816
816
  hover: {
817
- background: "#F2F8FD";
817
+ background: string;
818
818
  };
819
819
  selected: {
820
- background: "#C7E3F5";
821
- hoverBackground: "#9FD0EC";
820
+ background: "#C7E3F5" | "#1C496C" | "#D3BCFF" | "#4C1D95";
821
+ hoverBackground: "#9FD0EC" | "#25608E" | "#B794FF" | "#5B21B6";
822
822
  };
823
823
  status: {
824
824
  success: "#059669";
@@ -834,21 +834,21 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
834
834
  };
835
835
  color: {
836
836
  default: {
837
- text: "#111827";
837
+ text: "#FFFFFF" | "#111827" | "#020617";
838
838
  };
839
839
  hover: {
840
- background: "#4B5563";
840
+ background: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
841
841
  };
842
842
  active: {
843
843
  background: {
844
844
  primary: {
845
- default: "#3B90CB";
846
- hover: "#2F78B0";
847
- active: "#25608E";
848
- subtitle: "#E4F1FA";
849
- disabledText: "#6EB8DF";
850
- selected: "#C7E3F5";
851
- selectedHover: "#9FD0EC";
845
+ default: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
846
+ hover: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
847
+ active: "#E4F1FA" | "#25608E" | "#E9DDFF" | "#5B21B6";
848
+ subtitle: "#E4F1FA" | "#13324A" | "#E9DDFF" | "#2E1065";
849
+ disabledText: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
850
+ selected: "#C7E3F5" | "#1C496C" | "#D3BCFF" | "#4C1D95";
851
+ selectedHover: "#9FD0EC" | "#25608E" | "#B794FF" | "#5B21B6";
852
852
  };
853
853
  danger: {
854
854
  default: "#EF4444";
@@ -872,9 +872,9 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
872
872
  disabledText: any;
873
873
  };
874
874
  secondary: {
875
- active: "#F3F4F6";
876
- disabledBackground: "#F9FAFB";
877
- disabledBorder: "#E5E7EB";
875
+ active: "#F3F4F6" | "#E2E8F0";
876
+ disabledBackground: "#F9FAFB" | "#F8FAFC";
877
+ disabledBorder: "#E5E7EB" | "#CBD5E1";
878
878
  };
879
879
  };
880
880
  };
@@ -886,8 +886,8 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
886
886
  zIndex: 800;
887
887
  };
888
888
  color: {
889
- background: "#FFFFFF";
890
- border: "#E5E7EB";
889
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
890
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
891
891
  };
892
892
  };
893
893
  };
@@ -923,24 +923,24 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
923
923
  };
924
924
  color: {
925
925
  default: {
926
- background: "#3B90CB";
927
- hover: "#2F78B0";
928
- text: "#FFFFFF";
926
+ background: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
927
+ hover: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
928
+ text: "#FFFFFF" | "#111827" | "#020617";
929
929
  };
930
930
  success: {
931
931
  background: "#10B981";
932
932
  hover: "#059669";
933
- text: "#FFFFFF";
933
+ text: "#FFFFFF" | "#111827" | "#020617";
934
934
  };
935
935
  warning: {
936
936
  background: "#F59E0B";
937
937
  hover: "#D97706";
938
- text: "#FFFFFF";
938
+ text: "#FFFFFF" | "#111827" | "#020617";
939
939
  };
940
940
  error: {
941
941
  background: "#EF4444";
942
942
  hover: "#DC2626";
943
- text: "#FFFFFF";
943
+ text: "#FFFFFF" | "#111827" | "#020617";
944
944
  };
945
945
  };
946
946
  };
@@ -955,7 +955,7 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
955
955
  };
956
956
  color: {
957
957
  bottomBorder: string;
958
- background: "#FFFFFF";
958
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
959
959
  };
960
960
  };
961
961
  card: {
@@ -965,7 +965,7 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
965
965
  paddingY: 16;
966
966
  };
967
967
  color: {
968
- background: "#FFFFFF";
968
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
969
969
  shadow: string;
970
970
  };
971
971
  };
@@ -986,7 +986,7 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
986
986
  };
987
987
  };
988
988
  color: {
989
- background: "#FFFFFF";
989
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
990
990
  shadow: string;
991
991
  };
992
992
  };
@@ -1010,7 +1010,7 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
1010
1010
  };
1011
1011
  };
1012
1012
  color: {
1013
- background: "#FFFFFF";
1013
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
1014
1014
  shadow: string;
1015
1015
  overlayer: string;
1016
1016
  };
@@ -1023,7 +1023,7 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
1023
1023
  overlayerZIndex: 850;
1024
1024
  };
1025
1025
  color: {
1026
- background: "#FFFFFF";
1026
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
1027
1027
  shadow: string;
1028
1028
  overlayer: string;
1029
1029
  };
@@ -1060,36 +1060,36 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
1060
1060
  };
1061
1061
  color: {
1062
1062
  default: {
1063
- background: "#FFFFFF";
1064
- fileBorder: "#E5E7EB";
1063
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
1064
+ fileBorder: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
1065
1065
  border: string;
1066
- text: "#111827";
1067
- sufix: "#4B5563";
1068
- sufixBackground: "#F9FAFB";
1069
- placeholder: "#9CA3AF";
1066
+ text: "#FFFFFF" | "#111827" | "#020617";
1067
+ sufix: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
1068
+ sufixBackground: "#F9FAFB" | "#374151" | "#F8FAFC" | "#1E293B";
1069
+ placeholder: "#9CA3AF" | "#64748B";
1070
1070
  };
1071
1071
  hover: {
1072
- fileBorder: "#D1D5DB";
1072
+ fileBorder: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
1073
1073
  border: string;
1074
1074
  };
1075
1075
  focus: {
1076
- fileBorder: "#3B90CB";
1076
+ fileBorder: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
1077
1077
  border: string;
1078
1078
  shadow: string;
1079
1079
  };
1080
1080
  error: {
1081
- fileBorder: "#FCA5A5";
1081
+ fileBorder: "#FECACA" | "#FCA5A5";
1082
1082
  border: string;
1083
1083
  helper: "#DC2626";
1084
1084
  };
1085
1085
  disabled: {
1086
- background: "#F3F4F6";
1087
- text: "#9CA3AF";
1086
+ background: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
1087
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
1088
1088
  cursor: string;
1089
1089
  };
1090
1090
  readonly: {
1091
- bg: "#FFFFFF";
1092
- text: "#4B5563";
1091
+ bg: "#FFFFFF" | "#1F2937" | "#0F172A";
1092
+ text: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
1093
1093
  };
1094
1094
  };
1095
1095
  };
@@ -1123,38 +1123,38 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
1123
1123
  color: {
1124
1124
  default: {
1125
1125
  background: string;
1126
- fileBorder: "#E5E7EB";
1126
+ fileBorder: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
1127
1127
  border: string;
1128
- text: "#3B90CB";
1129
- sufix: "#4B5563";
1130
- sufixBackground: "#F9FAFB";
1131
- placeholder: "#9CA3AF";
1132
- pillBackground: "#C7E3F5";
1133
- pillText: "#111827";
1128
+ text: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
1129
+ sufix: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
1130
+ sufixBackground: "#F9FAFB" | "#374151" | "#F8FAFC" | "#1E293B";
1131
+ placeholder: "#9CA3AF" | "#64748B";
1132
+ pillBackground: "#C7E3F5" | "#1C496C" | "#D3BCFF" | "#4C1D95";
1133
+ pillText: "#FFFFFF" | "#111827" | "#020617";
1134
1134
  };
1135
1135
  hover: {
1136
- fileBorder: "#D1D5DB";
1136
+ fileBorder: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
1137
1137
  border: string;
1138
- text: "#2F78B0";
1138
+ text: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
1139
1139
  };
1140
1140
  focus: {
1141
- fileBorder: "#3B90CB";
1141
+ fileBorder: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
1142
1142
  border: string;
1143
1143
  shadow: string;
1144
1144
  };
1145
1145
  error: {
1146
- fileBorder: "#FCA5A5";
1146
+ fileBorder: "#FECACA" | "#FCA5A5";
1147
1147
  border: string;
1148
1148
  helper: "#DC2626";
1149
1149
  };
1150
1150
  disabled: {
1151
- background: "#F3F4F6";
1152
- text: "#9CA3AF";
1151
+ background: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
1152
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
1153
1153
  cursor: string;
1154
1154
  };
1155
1155
  readonly: {
1156
- bg: "#FFFFFF";
1157
- text: "#4B5563";
1156
+ bg: "#FFFFFF" | "#1F2937" | "#0F172A";
1157
+ text: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
1158
1158
  };
1159
1159
  };
1160
1160
  };
@@ -1191,32 +1191,32 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
1191
1191
  };
1192
1192
  color: {
1193
1193
  default: {
1194
- background: "#FFFFFF";
1195
- border: "#E5E7EB";
1196
- text: "#111827";
1197
- sufix: "#4B5563";
1198
- sufixBackground: "#F9FAFB";
1199
- placeholder: "#9CA3AF";
1194
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
1195
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
1196
+ text: "#FFFFFF" | "#111827" | "#020617";
1197
+ sufix: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
1198
+ sufixBackground: "#F9FAFB" | "#374151" | "#F8FAFC" | "#1E293B";
1199
+ placeholder: "#9CA3AF" | "#64748B";
1200
1200
  };
1201
1201
  hover: {
1202
- border: "#D1D5DB";
1202
+ border: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
1203
1203
  };
1204
1204
  focus: {
1205
- border: "#3B90CB";
1205
+ border: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
1206
1206
  shadow: string;
1207
1207
  };
1208
1208
  error: {
1209
- border: "#FCA5A5";
1209
+ border: "#FECACA" | "#FCA5A5";
1210
1210
  helper: "#DC2626";
1211
1211
  };
1212
1212
  disabled: {
1213
- bg: "#F3F4F6";
1214
- text: "#9CA3AF";
1213
+ bg: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
1214
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
1215
1215
  cursor: string;
1216
1216
  };
1217
1217
  readonly: {
1218
- bg: "#FFFFFF";
1219
- text: "#4B5563";
1218
+ bg: "#FFFFFF" | "#1F2937" | "#0F172A";
1219
+ text: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
1220
1220
  };
1221
1221
  };
1222
1222
  calendarCard: {
@@ -1233,17 +1233,17 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
1233
1233
  gap: 8;
1234
1234
  };
1235
1235
  color: {
1236
- background: "#FFFFFF";
1236
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
1237
1237
  shadow: string;
1238
- border: "#E5E7EB";
1238
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
1239
1239
  overlayer: string;
1240
- text: "#111827";
1241
- actionText: "#3B90CB";
1240
+ text: "#FFFFFF" | "#111827" | "#020617";
1241
+ actionText: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
1242
1242
  disabled: {
1243
- text: "#9CA3AF";
1243
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
1244
1244
  };
1245
1245
  hover: {
1246
- text: "#2F78B0";
1246
+ text: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
1247
1247
  };
1248
1248
  };
1249
1249
  };
@@ -1265,14 +1265,14 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
1265
1265
  };
1266
1266
  color: {
1267
1267
  weekdays: {
1268
- text: "#4B5563";
1268
+ text: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
1269
1269
  };
1270
1270
  day: {
1271
- text: "#111827";
1272
- hover: "#F2F8FD";
1273
- selectedHover: "#2F78B0";
1274
- selected: "#3B90CB";
1275
- selectedText: "#FFFFFF";
1271
+ text: "#FFFFFF" | "#111827" | "#020617";
1272
+ hover: string;
1273
+ selectedHover: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
1274
+ selected: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
1275
+ selectedText: "#FFFFFF" | "#111827" | "#020617";
1276
1276
  };
1277
1277
  };
1278
1278
  };
@@ -1304,9 +1304,9 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
1304
1304
  };
1305
1305
  };
1306
1306
  color: {
1307
- background: "#FFFFFF";
1307
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
1308
1308
  header: {
1309
- color: "#4B5563";
1309
+ color: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
1310
1310
  };
1311
1311
  };
1312
1312
  };
@@ -1323,21 +1323,21 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
1323
1323
  };
1324
1324
  color: {
1325
1325
  default: {
1326
- text: "#111827";
1326
+ text: "#FFFFFF" | "#111827" | "#020617";
1327
1327
  background: string;
1328
1328
  };
1329
1329
  hover: {
1330
- text: "#2F78B0";
1331
- icon: "#2F78B0";
1332
- activeTest: "#C7E3F5";
1330
+ text: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
1331
+ icon: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
1332
+ activeTest: "#C7E3F5" | "#1C496C" | "#D3BCFF" | "#4C1D95";
1333
1333
  };
1334
1334
  disabled: {
1335
- text: "#9CA3AF";
1336
- background: "#F3F4F6";
1335
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
1336
+ background: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
1337
1337
  };
1338
1338
  active: {
1339
- text: "#FFFFFF";
1340
- background: "#3B90CB";
1339
+ text: "#FFFFFF" | "#111827" | "#020617";
1340
+ background: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
1341
1341
  };
1342
1342
  };
1343
1343
  };
@@ -1410,18 +1410,18 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
1410
1410
  };
1411
1411
  color: {
1412
1412
  default: {
1413
- background: "#FFFFFF";
1414
- counterText: "#FFFFFF";
1415
- counterBackground: "#3B90CB";
1416
- headerText: "#4B5563";
1413
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
1414
+ counterText: "#FFFFFF" | "#111827" | "#020617";
1415
+ counterBackground: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
1416
+ headerText: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
1417
1417
  };
1418
1418
  hover: {
1419
- background: "#F2F8FD";
1420
- activeBackground: "#9FD0EC";
1421
- clearText: "#3B90CB";
1419
+ background: string;
1420
+ activeBackground: "#9FD0EC" | "#25608E" | "#B794FF" | "#5B21B6";
1421
+ clearText: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
1422
1422
  };
1423
1423
  selected: {
1424
- background: "#C7E3F5";
1424
+ background: "#C7E3F5" | "#1C496C" | "#D3BCFF" | "#4C1D95";
1425
1425
  };
1426
1426
  };
1427
1427
  };
@@ -1434,7 +1434,7 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
1434
1434
  height: 48;
1435
1435
  fontSize: 14;
1436
1436
  lineHeight: 20;
1437
- text: "#111827";
1437
+ text: "#FFFFFF" | "#111827" | "#020617";
1438
1438
  };
1439
1439
  cell: {
1440
1440
  common: {
@@ -1469,40 +1469,40 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
1469
1469
  color: {
1470
1470
  default: {
1471
1471
  common: {
1472
- background: "#FFFFFF";
1473
- border: "#E5E7EB";
1472
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
1473
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
1474
1474
  };
1475
1475
  header: {
1476
- border: "#D1D5DB";
1477
- text: "#111827";
1478
- sortIcon: "#111827";
1476
+ border: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
1477
+ text: "#FFFFFF" | "#111827" | "#020617";
1478
+ sortIcon: "#FFFFFF" | "#111827" | "#020617";
1479
1479
  };
1480
1480
  searchInput: {
1481
- background: "#FFFFFF";
1482
- border: "#E5E7EB";
1483
- text: "#111827";
1484
- placeholder: "#9CA3AF";
1481
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
1482
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
1483
+ text: "#FFFFFF" | "#111827" | "#020617";
1484
+ placeholder: "#9CA3AF" | "#64748B";
1485
1485
  };
1486
1486
  };
1487
1487
  hover: {
1488
- background: "#F2F8FD";
1489
- activeBackground: "#9FD0EC";
1488
+ background: string;
1489
+ activeBackground: "#9FD0EC" | "#25608E" | "#B794FF" | "#5B21B6";
1490
1490
  searchInput: {
1491
- border: "#D1D5DB";
1491
+ border: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
1492
1492
  };
1493
1493
  };
1494
1494
  active: {
1495
- background: "#C7E3F5";
1495
+ background: "#C7E3F5" | "#1C496C" | "#D3BCFF" | "#4C1D95";
1496
1496
  header: {
1497
- textHeader: "#3B90CB";
1498
- sortIcon: "#3B90CB";
1497
+ textHeader: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
1498
+ sortIcon: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
1499
1499
  };
1500
1500
  searchInput: {
1501
- border: "#3B90CB";
1501
+ border: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
1502
1502
  };
1503
1503
  };
1504
1504
  disabled: {
1505
- text: "#9CA3AF";
1505
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
1506
1506
  };
1507
1507
  };
1508
1508
  };
@@ -1516,8 +1516,8 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
1516
1516
  zIndex: 9999;
1517
1517
  };
1518
1518
  color: {
1519
- background: "#1F2937";
1520
- text: "#FFFFFF";
1519
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
1520
+ text: "#FFFFFF" | "#111827" | "#020617";
1521
1521
  shadow: string;
1522
1522
  };
1523
1523
  };
@@ -1525,44 +1525,44 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
1525
1525
  export type ComponentsConfig = ReturnType<typeof createComponentsConfig>;
1526
1526
  export declare const Theme: {
1527
1527
  text: {
1528
- primary: "#111827";
1529
- secondary: "#4B5563";
1530
- tertiary: "#6B7280";
1531
- placeholder: "#9CA3AF";
1532
- disabled: "#9CA3AF";
1533
- inverse: "#FFFFFF";
1534
- link: "#2F78B0";
1528
+ primary: "#FFFFFF" | "#111827" | "#020617";
1529
+ secondary: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
1530
+ tertiary: "#D1D5DB" | "#6B7280" | "#94A3B8" | "#475569";
1531
+ placeholder: "#9CA3AF" | "#64748B";
1532
+ disabled: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
1533
+ inverse: "#FFFFFF" | "#111827" | "#020617";
1534
+ link: "#9FD0EC" | "#2F78B0" | "#B794FF" | "#6D28D9";
1535
1535
  error: "#DC2626";
1536
1536
  success: "#059669";
1537
1537
  };
1538
1538
  surface: {
1539
- page: "#F9FAFB";
1540
- default: "#FFFFFF";
1541
- subtle: "#F9FAFB";
1542
- tertiary: "#F3F4F6";
1543
- selected: "#F2F8FD";
1544
- disabled: "#F3F4F6";
1545
- danger: "#EF4444";
1546
- hover: "#F2F8FD";
1539
+ page: "#F9FAFB" | "#111827" | "#F8FAFC" | "#020617";
1540
+ default: "#FFFFFF" | "#1F2937" | "#0F172A";
1541
+ subtle: "#F9FAFB" | "#374151" | "#F8FAFC" | "#1E293B";
1542
+ tertiary: "#F3F4F6" | "#374151" | "#E2E8F0" | "#1E293B";
1543
+ selected: "#F2F8FD" | "#13324A" | "#F4F0FF" | "#2E1065";
1544
+ disabled: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
1545
+ danger: string;
1546
+ hover: string;
1547
1547
  };
1548
1548
  border: {
1549
- default: "#E5E7EB";
1550
- strong: "#D1D5DB";
1551
- hover: "#D1D5DB";
1552
- focus: "#3B90CB";
1553
- disabled: "#E5E7EB";
1554
- error: "#FCA5A5";
1549
+ default: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
1550
+ strong: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
1551
+ hover: "#D1D5DB" | "#6B7280" | "#94A3B8" | "#475569";
1552
+ focus: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
1553
+ disabled: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
1554
+ error: "#FECACA" | "#FCA5A5";
1555
1555
  success: "#059669";
1556
1556
  };
1557
1557
  action: {
1558
1558
  primary: {
1559
- default: "#3B90CB";
1560
- hover: "#2F78B0";
1561
- active: "#25608E";
1562
- subtitle: "#E4F1FA";
1563
- disabledText: "#6EB8DF";
1564
- selected: "#C7E3F5";
1565
- selectedHover: "#9FD0EC";
1559
+ default: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
1560
+ hover: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
1561
+ active: "#E4F1FA" | "#25608E" | "#E9DDFF" | "#5B21B6";
1562
+ subtitle: "#E4F1FA" | "#13324A" | "#E9DDFF" | "#2E1065";
1563
+ disabledText: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
1564
+ selected: "#C7E3F5" | "#1C496C" | "#D3BCFF" | "#4C1D95";
1565
+ selectedHover: "#9FD0EC" | "#25608E" | "#B794FF" | "#5B21B6";
1566
1566
  };
1567
1567
  danger: {
1568
1568
  default: "#EF4444";
@@ -1586,9 +1586,9 @@ export declare const Theme: {
1586
1586
  disabledText: any;
1587
1587
  };
1588
1588
  secondary: {
1589
- active: "#F3F4F6";
1590
- disabledBackground: "#F9FAFB";
1591
- disabledBorder: "#E5E7EB";
1589
+ active: "#F3F4F6" | "#E2E8F0";
1590
+ disabledBackground: "#F9FAFB" | "#F8FAFC";
1591
+ disabledBorder: "#E5E7EB" | "#CBD5E1";
1592
1592
  };
1593
1593
  };
1594
1594
  feedback: {
@@ -1623,7 +1623,7 @@ export declare const Theme: {
1623
1623
  };
1624
1624
  other: {
1625
1625
  transparent: string;
1626
- almostBlack: "#1F2937";
1626
+ almostBlack: "#FFFFFF" | "#1F2937" | "#0F172A";
1627
1627
  };
1628
1628
  };
1629
1629
  export declare const componentsConfig: {
@@ -1671,18 +1671,18 @@ export declare const componentsConfig: {
1671
1671
  };
1672
1672
  };
1673
1673
  color: {
1674
- default: "#6B7280";
1675
- hover: "#4B5563";
1676
- active: "#3B90CB";
1677
- hoverActive: "#2F78B0";
1678
- disabled: "#9CA3AF";
1674
+ default: "#D1D5DB" | "#6B7280" | "#94A3B8" | "#475569";
1675
+ hover: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
1676
+ active: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
1677
+ hoverActive: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
1678
+ disabled: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
1679
1679
  error: "#DC2626";
1680
1680
  };
1681
1681
  background: {
1682
1682
  default: string;
1683
- hover: "#F2F8FD";
1684
- active: "#E4F1FA";
1685
- hoverActive: "#E4F1FA";
1683
+ hover: string;
1684
+ active: "#E4F1FA" | "#13324A" | "#E9DDFF" | "#2E1065";
1685
+ hoverActive: "#E4F1FA" | "#13324A" | "#E9DDFF" | "#2E1065";
1686
1686
  disabled: string;
1687
1687
  error: string;
1688
1688
  };
@@ -1720,33 +1720,33 @@ export declare const componentsConfig: {
1720
1720
  };
1721
1721
  color: {
1722
1722
  default: {
1723
- background: "#FFFFFF";
1724
- border: "#E5E7EB";
1725
- text: "#111827";
1726
- sufix: "#4B5563";
1727
- sufixBackground: "#F9FAFB";
1728
- placeholder: "#9CA3AF";
1723
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
1724
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
1725
+ text: "#FFFFFF" | "#111827" | "#020617";
1726
+ sufix: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
1727
+ sufixBackground: "#F9FAFB" | "#374151" | "#F8FAFC" | "#1E293B";
1728
+ placeholder: "#9CA3AF" | "#64748B";
1729
1729
  };
1730
1730
  hover: {
1731
- border: "#D1D5DB";
1731
+ border: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
1732
1732
  };
1733
1733
  focus: {
1734
- border: "#3B90CB";
1734
+ border: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
1735
1735
  shadow: string;
1736
1736
  };
1737
1737
  error: {
1738
- border: "#FCA5A5";
1738
+ border: "#FECACA" | "#FCA5A5";
1739
1739
  helper: "#DC2626";
1740
1740
  };
1741
1741
  disabled: {
1742
- border: "#E5E7EB";
1743
- background: "#F3F4F6";
1744
- text: "#9CA3AF";
1742
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
1743
+ background: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
1744
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
1745
1745
  cursor: string;
1746
1746
  };
1747
1747
  readonly: {
1748
- bg: "#FFFFFF";
1749
- text: "#4B5563";
1748
+ bg: "#FFFFFF" | "#1F2937" | "#0F172A";
1749
+ text: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
1750
1750
  };
1751
1751
  };
1752
1752
  };
@@ -1757,13 +1757,13 @@ export declare const componentsConfig: {
1757
1757
  };
1758
1758
  color: {
1759
1759
  default: {
1760
- text: "#6B7280";
1760
+ text: "#D1D5DB" | "#6B7280" | "#94A3B8" | "#475569";
1761
1761
  };
1762
1762
  error: {
1763
1763
  text: "#DC2626";
1764
1764
  };
1765
1765
  disabled: {
1766
- text: "#9CA3AF";
1766
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
1767
1767
  };
1768
1768
  success: {
1769
1769
  text: "#059669";
@@ -1799,10 +1799,10 @@ export declare const componentsConfig: {
1799
1799
  };
1800
1800
  color: {
1801
1801
  top: {
1802
- text: "#4B5563";
1802
+ text: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
1803
1803
  };
1804
1804
  left: {
1805
- text: "#111827";
1805
+ text: "#FFFFFF" | "#111827" | "#020617";
1806
1806
  };
1807
1807
  required: {
1808
1808
  text: "#DC2626";
@@ -1838,32 +1838,32 @@ export declare const componentsConfig: {
1838
1838
  };
1839
1839
  color: {
1840
1840
  default: {
1841
- background: "#FFFFFF";
1842
- border: "#E5E7EB";
1843
- text: "#111827";
1844
- sufix: "#4B5563";
1845
- sufixBackground: "#F9FAFB";
1846
- placeholder: "#9CA3AF";
1841
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
1842
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
1843
+ text: "#FFFFFF" | "#111827" | "#020617";
1844
+ sufix: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
1845
+ sufixBackground: "#F9FAFB" | "#374151" | "#F8FAFC" | "#1E293B";
1846
+ placeholder: "#9CA3AF" | "#64748B";
1847
1847
  };
1848
1848
  hover: {
1849
- border: "#D1D5DB";
1849
+ border: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
1850
1850
  };
1851
1851
  focus: {
1852
- border: "#3B90CB";
1852
+ border: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
1853
1853
  shadow: string;
1854
1854
  };
1855
1855
  error: {
1856
- border: "#FCA5A5";
1856
+ border: "#FECACA" | "#FCA5A5";
1857
1857
  helper: "#DC2626";
1858
1858
  };
1859
1859
  disabled: {
1860
- bg: "#F3F4F6";
1861
- text: "#9CA3AF";
1860
+ bg: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
1861
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
1862
1862
  cursor: string;
1863
1863
  };
1864
1864
  readonly: {
1865
- bg: "#FFFFFF";
1866
- text: "#4B5563";
1865
+ bg: "#FFFFFF" | "#1F2937" | "#0F172A";
1866
+ text: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
1867
1867
  };
1868
1868
  };
1869
1869
  menu: {
@@ -1873,8 +1873,8 @@ export declare const componentsConfig: {
1873
1873
  zIndex: 800;
1874
1874
  };
1875
1875
  color: {
1876
- background: "#FFFFFF";
1877
- border: "#E5E7EB";
1876
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
1877
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
1878
1878
  };
1879
1879
  };
1880
1880
  };
@@ -1909,25 +1909,25 @@ export declare const componentsConfig: {
1909
1909
  color: {
1910
1910
  default: {
1911
1911
  itmeBackground: string;
1912
- text: "#111827";
1912
+ text: "#FFFFFF" | "#111827" | "#020617";
1913
1913
  };
1914
1914
  hover: {
1915
- background: "#F2F8FD";
1915
+ background: string;
1916
1916
  };
1917
1917
  selected: {
1918
- iconColor: "#3B90CB";
1918
+ iconColor: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
1919
1919
  };
1920
1920
  disabled: {
1921
- text: "#9CA3AF";
1922
- background: "#F3F4F6";
1921
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
1922
+ background: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
1923
1923
  };
1924
1924
  };
1925
1925
  };
1926
1926
  panel: {
1927
1927
  color: {
1928
- default: "#FFFFFF";
1929
- divider: "#E5E7EB";
1930
- placeholder: "#9CA3AF";
1928
+ default: "#FFFFFF" | "#1F2937" | "#0F172A";
1929
+ divider: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
1930
+ placeholder: "#9CA3AF" | "#64748B";
1931
1931
  };
1932
1932
  };
1933
1933
  };
@@ -1941,16 +1941,16 @@ export declare const componentsConfig: {
1941
1941
  };
1942
1942
  color: {
1943
1943
  default: {
1944
- background: "#FFFFFF";
1945
- border: "#E5E7EB";
1946
- text: "#111827";
1947
- placeholder: "#9CA3AF";
1944
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
1945
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
1946
+ text: "#FFFFFF" | "#111827" | "#020617";
1947
+ placeholder: "#9CA3AF" | "#64748B";
1948
1948
  };
1949
1949
  hover: {
1950
- border: "#D1D5DB";
1950
+ border: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
1951
1951
  };
1952
1952
  focus: {
1953
- border: "#3B90CB";
1953
+ border: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
1954
1954
  shadow: string;
1955
1955
  };
1956
1956
  };
@@ -1987,39 +1987,39 @@ export declare const componentsConfig: {
1987
1987
  };
1988
1988
  variants: {
1989
1989
  primary: {
1990
- background: "#3B90CB";
1991
- backgroundHover: "#2F78B0";
1992
- backgroundActive: "#25608E";
1993
- text: "#FFFFFF";
1994
- disabledBackground: "#E4F1FA";
1995
- disabledText: "#6EB8DF";
1990
+ background: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
1991
+ backgroundHover: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
1992
+ backgroundActive: "#E4F1FA" | "#25608E" | "#E9DDFF" | "#5B21B6";
1993
+ text: "#FFFFFF" | "#111827" | "#020617";
1994
+ disabledBackground: "#E4F1FA" | "#13324A" | "#E9DDFF" | "#2E1065";
1995
+ disabledText: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
1996
1996
  disabledBorder: string;
1997
1997
  };
1998
1998
  secondary: {
1999
- background: "#FFFFFF";
2000
- backgroundHover: "#F2F8FD";
2001
- backgroundActive: "#F3F4F6";
2002
- border: "#E5E7EB";
2003
- borderHover: "#D1D5DB";
2004
- text: "#111827";
2005
- disabledBackground: "#F9FAFB";
2006
- disabledBorder: "#E5E7EB";
2007
- disabledText: "#9CA3AF";
1999
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
2000
+ backgroundHover: string;
2001
+ backgroundActive: "#F3F4F6" | "#E2E8F0";
2002
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
2003
+ borderHover: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
2004
+ text: "#FFFFFF" | "#111827" | "#020617";
2005
+ disabledBackground: "#F9FAFB" | "#F8FAFC";
2006
+ disabledBorder: "#E5E7EB" | "#CBD5E1";
2007
+ disabledText: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
2008
2008
  };
2009
2009
  ghost: {
2010
2010
  background: string;
2011
- backgroundHover: "#F2F8FD";
2012
- backgroundActive: "#F3F4F6";
2013
- text: "#3B90CB";
2014
- textHover: "#2F78B0";
2011
+ backgroundHover: string;
2012
+ backgroundActive: "#F3F4F6" | "#374151" | "#E2E8F0" | "#1E293B";
2013
+ text: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
2014
+ textHover: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
2015
2015
  disabledBackground: string;
2016
- disabledText: "#9CA3AF";
2016
+ disabledText: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
2017
2017
  };
2018
2018
  danger: {
2019
2019
  background: "#EF4444";
2020
2020
  backgroundHover: "#DC2626";
2021
2021
  backgroundActive: any;
2022
- text: "#FFFFFF";
2022
+ text: "#FFFFFF" | "#111827" | "#020617";
2023
2023
  disabledBackground: "#FEE2E2";
2024
2024
  disabledText: "#FCA5A5";
2025
2025
  disabledBorder: string;
@@ -2058,24 +2058,24 @@ export declare const componentsConfig: {
2058
2058
  };
2059
2059
  color: {
2060
2060
  default: {
2061
- background: "#F9FAFB";
2061
+ background: "#F9FAFB" | "#374151" | "#F8FAFC" | "#1E293B";
2062
2062
  border: string;
2063
- thumbBackground: "#FFFFFF";
2064
- thumbBorder: "#D1D5DB";
2063
+ thumbBackground: "#FFFFFF" | "#1F2937" | "#0F172A";
2064
+ thumbBorder: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
2065
2065
  };
2066
2066
  hover: {
2067
2067
  border: string;
2068
2068
  };
2069
2069
  focus: {
2070
- background: "#3B90CB";
2071
- thumbBackground: "#FFFFFF";
2070
+ background: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
2071
+ thumbBackground: "#FFFFFF" | "#1F2937" | "#0F172A";
2072
2072
  thumbBorder: string;
2073
2073
  };
2074
2074
  disabled: {
2075
- background: "#F3F4F6";
2076
- backgroundActive: "#E4F1FA";
2075
+ background: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
2076
+ backgroundActive: "#E4F1FA" | "#13324A" | "#E9DDFF" | "#2E1065";
2077
2077
  border: string;
2078
- thumbBorder: "#E5E7EB";
2078
+ thumbBorder: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
2079
2079
  };
2080
2080
  error: {
2081
2081
  border: string;
@@ -2099,7 +2099,7 @@ export declare const componentsConfig: {
2099
2099
  };
2100
2100
  color: {
2101
2101
  topBorder: string;
2102
- background: "#FFFFFF";
2102
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
2103
2103
  };
2104
2104
  };
2105
2105
  checkbox: {
@@ -2127,24 +2127,24 @@ export declare const componentsConfig: {
2127
2127
  default: {
2128
2128
  background: string;
2129
2129
  border: string;
2130
- boxBorder: "#E5E7EB";
2131
- boxBackground: "#FFFFFF";
2130
+ boxBorder: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
2131
+ boxBackground: "#FFFFFF" | "#1F2937" | "#0F172A";
2132
2132
  icon: string;
2133
2133
  };
2134
2134
  hover: {
2135
2135
  border: string;
2136
- boxBorder: "#D1D5DB";
2136
+ boxBorder: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
2137
2137
  };
2138
2138
  focus: {
2139
2139
  border: string;
2140
- boxBorder: "#3B90CB";
2141
- boxBackground: "#3B90CB";
2142
- icon: "#FFFFFF";
2140
+ boxBorder: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
2141
+ boxBackground: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
2142
+ icon: "#FFFFFF" | "#111827" | "#020617";
2143
2143
  };
2144
2144
  intermedian: {
2145
- boxBorder: "#E4F1FA";
2146
- boxBackground: "#6EB8DF";
2147
- icon: "#25608E";
2145
+ boxBorder: "#E4F1FA" | "#13324A" | "#E9DDFF" | "#2E1065";
2146
+ boxBackground: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
2147
+ icon: "#E4F1FA" | "#25608E" | "#E9DDFF" | "#5B21B6";
2148
2148
  };
2149
2149
  error: {
2150
2150
  border: string;
@@ -2153,9 +2153,9 @@ export declare const componentsConfig: {
2153
2153
  disabled: {
2154
2154
  background: string;
2155
2155
  cursor: string;
2156
- boxBorder: "#E5E7EB";
2157
- boxBackground: "#F3F4F6";
2158
- icon: "#9CA3AF";
2156
+ boxBorder: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
2157
+ boxBackground: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
2158
+ icon: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
2159
2159
  };
2160
2160
  readonly: {
2161
2161
  bg: string;
@@ -2175,14 +2175,14 @@ export declare const componentsConfig: {
2175
2175
  };
2176
2176
  color: {
2177
2177
  default: {
2178
- text: "#111827";
2178
+ text: "#FFFFFF" | "#111827" | "#020617";
2179
2179
  };
2180
2180
  hover: {
2181
- background: "#F2F8FD";
2181
+ background: string;
2182
2182
  };
2183
2183
  selected: {
2184
- background: "#C7E3F5";
2185
- hoverBackground: "#9FD0EC";
2184
+ background: "#C7E3F5" | "#1C496C" | "#D3BCFF" | "#4C1D95";
2185
+ hoverBackground: "#9FD0EC" | "#25608E" | "#B794FF" | "#5B21B6";
2186
2186
  };
2187
2187
  status: {
2188
2188
  success: "#059669";
@@ -2198,21 +2198,21 @@ export declare const componentsConfig: {
2198
2198
  };
2199
2199
  color: {
2200
2200
  default: {
2201
- text: "#111827";
2201
+ text: "#FFFFFF" | "#111827" | "#020617";
2202
2202
  };
2203
2203
  hover: {
2204
- background: "#4B5563";
2204
+ background: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
2205
2205
  };
2206
2206
  active: {
2207
2207
  background: {
2208
2208
  primary: {
2209
- default: "#3B90CB";
2210
- hover: "#2F78B0";
2211
- active: "#25608E";
2212
- subtitle: "#E4F1FA";
2213
- disabledText: "#6EB8DF";
2214
- selected: "#C7E3F5";
2215
- selectedHover: "#9FD0EC";
2209
+ default: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
2210
+ hover: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
2211
+ active: "#E4F1FA" | "#25608E" | "#E9DDFF" | "#5B21B6";
2212
+ subtitle: "#E4F1FA" | "#13324A" | "#E9DDFF" | "#2E1065";
2213
+ disabledText: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
2214
+ selected: "#C7E3F5" | "#1C496C" | "#D3BCFF" | "#4C1D95";
2215
+ selectedHover: "#9FD0EC" | "#25608E" | "#B794FF" | "#5B21B6";
2216
2216
  };
2217
2217
  danger: {
2218
2218
  default: "#EF4444";
@@ -2236,9 +2236,9 @@ export declare const componentsConfig: {
2236
2236
  disabledText: any;
2237
2237
  };
2238
2238
  secondary: {
2239
- active: "#F3F4F6";
2240
- disabledBackground: "#F9FAFB";
2241
- disabledBorder: "#E5E7EB";
2239
+ active: "#F3F4F6" | "#E2E8F0";
2240
+ disabledBackground: "#F9FAFB" | "#F8FAFC";
2241
+ disabledBorder: "#E5E7EB" | "#CBD5E1";
2242
2242
  };
2243
2243
  };
2244
2244
  };
@@ -2250,8 +2250,8 @@ export declare const componentsConfig: {
2250
2250
  zIndex: 800;
2251
2251
  };
2252
2252
  color: {
2253
- background: "#FFFFFF";
2254
- border: "#E5E7EB";
2253
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
2254
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
2255
2255
  };
2256
2256
  };
2257
2257
  };
@@ -2287,24 +2287,24 @@ export declare const componentsConfig: {
2287
2287
  };
2288
2288
  color: {
2289
2289
  default: {
2290
- background: "#3B90CB";
2291
- hover: "#2F78B0";
2292
- text: "#FFFFFF";
2290
+ background: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
2291
+ hover: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
2292
+ text: "#FFFFFF" | "#111827" | "#020617";
2293
2293
  };
2294
2294
  success: {
2295
2295
  background: "#10B981";
2296
2296
  hover: "#059669";
2297
- text: "#FFFFFF";
2297
+ text: "#FFFFFF" | "#111827" | "#020617";
2298
2298
  };
2299
2299
  warning: {
2300
2300
  background: "#F59E0B";
2301
2301
  hover: "#D97706";
2302
- text: "#FFFFFF";
2302
+ text: "#FFFFFF" | "#111827" | "#020617";
2303
2303
  };
2304
2304
  error: {
2305
2305
  background: "#EF4444";
2306
2306
  hover: "#DC2626";
2307
- text: "#FFFFFF";
2307
+ text: "#FFFFFF" | "#111827" | "#020617";
2308
2308
  };
2309
2309
  };
2310
2310
  };
@@ -2319,7 +2319,7 @@ export declare const componentsConfig: {
2319
2319
  };
2320
2320
  color: {
2321
2321
  bottomBorder: string;
2322
- background: "#FFFFFF";
2322
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
2323
2323
  };
2324
2324
  };
2325
2325
  card: {
@@ -2329,7 +2329,7 @@ export declare const componentsConfig: {
2329
2329
  paddingY: 16;
2330
2330
  };
2331
2331
  color: {
2332
- background: "#FFFFFF";
2332
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
2333
2333
  shadow: string;
2334
2334
  };
2335
2335
  };
@@ -2350,7 +2350,7 @@ export declare const componentsConfig: {
2350
2350
  };
2351
2351
  };
2352
2352
  color: {
2353
- background: "#FFFFFF";
2353
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
2354
2354
  shadow: string;
2355
2355
  };
2356
2356
  };
@@ -2374,7 +2374,7 @@ export declare const componentsConfig: {
2374
2374
  };
2375
2375
  };
2376
2376
  color: {
2377
- background: "#FFFFFF";
2377
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
2378
2378
  shadow: string;
2379
2379
  overlayer: string;
2380
2380
  };
@@ -2387,7 +2387,7 @@ export declare const componentsConfig: {
2387
2387
  overlayerZIndex: 850;
2388
2388
  };
2389
2389
  color: {
2390
- background: "#FFFFFF";
2390
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
2391
2391
  shadow: string;
2392
2392
  overlayer: string;
2393
2393
  };
@@ -2424,36 +2424,36 @@ export declare const componentsConfig: {
2424
2424
  };
2425
2425
  color: {
2426
2426
  default: {
2427
- background: "#FFFFFF";
2428
- fileBorder: "#E5E7EB";
2427
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
2428
+ fileBorder: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
2429
2429
  border: string;
2430
- text: "#111827";
2431
- sufix: "#4B5563";
2432
- sufixBackground: "#F9FAFB";
2433
- placeholder: "#9CA3AF";
2430
+ text: "#FFFFFF" | "#111827" | "#020617";
2431
+ sufix: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
2432
+ sufixBackground: "#F9FAFB" | "#374151" | "#F8FAFC" | "#1E293B";
2433
+ placeholder: "#9CA3AF" | "#64748B";
2434
2434
  };
2435
2435
  hover: {
2436
- fileBorder: "#D1D5DB";
2436
+ fileBorder: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
2437
2437
  border: string;
2438
2438
  };
2439
2439
  focus: {
2440
- fileBorder: "#3B90CB";
2440
+ fileBorder: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
2441
2441
  border: string;
2442
2442
  shadow: string;
2443
2443
  };
2444
2444
  error: {
2445
- fileBorder: "#FCA5A5";
2445
+ fileBorder: "#FECACA" | "#FCA5A5";
2446
2446
  border: string;
2447
2447
  helper: "#DC2626";
2448
2448
  };
2449
2449
  disabled: {
2450
- background: "#F3F4F6";
2451
- text: "#9CA3AF";
2450
+ background: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
2451
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
2452
2452
  cursor: string;
2453
2453
  };
2454
2454
  readonly: {
2455
- bg: "#FFFFFF";
2456
- text: "#4B5563";
2455
+ bg: "#FFFFFF" | "#1F2937" | "#0F172A";
2456
+ text: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
2457
2457
  };
2458
2458
  };
2459
2459
  };
@@ -2487,38 +2487,38 @@ export declare const componentsConfig: {
2487
2487
  color: {
2488
2488
  default: {
2489
2489
  background: string;
2490
- fileBorder: "#E5E7EB";
2490
+ fileBorder: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
2491
2491
  border: string;
2492
- text: "#3B90CB";
2493
- sufix: "#4B5563";
2494
- sufixBackground: "#F9FAFB";
2495
- placeholder: "#9CA3AF";
2496
- pillBackground: "#C7E3F5";
2497
- pillText: "#111827";
2492
+ text: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
2493
+ sufix: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
2494
+ sufixBackground: "#F9FAFB" | "#374151" | "#F8FAFC" | "#1E293B";
2495
+ placeholder: "#9CA3AF" | "#64748B";
2496
+ pillBackground: "#C7E3F5" | "#1C496C" | "#D3BCFF" | "#4C1D95";
2497
+ pillText: "#FFFFFF" | "#111827" | "#020617";
2498
2498
  };
2499
2499
  hover: {
2500
- fileBorder: "#D1D5DB";
2500
+ fileBorder: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
2501
2501
  border: string;
2502
- text: "#2F78B0";
2502
+ text: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
2503
2503
  };
2504
2504
  focus: {
2505
- fileBorder: "#3B90CB";
2505
+ fileBorder: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
2506
2506
  border: string;
2507
2507
  shadow: string;
2508
2508
  };
2509
2509
  error: {
2510
- fileBorder: "#FCA5A5";
2510
+ fileBorder: "#FECACA" | "#FCA5A5";
2511
2511
  border: string;
2512
2512
  helper: "#DC2626";
2513
2513
  };
2514
2514
  disabled: {
2515
- background: "#F3F4F6";
2516
- text: "#9CA3AF";
2515
+ background: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
2516
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
2517
2517
  cursor: string;
2518
2518
  };
2519
2519
  readonly: {
2520
- bg: "#FFFFFF";
2521
- text: "#4B5563";
2520
+ bg: "#FFFFFF" | "#1F2937" | "#0F172A";
2521
+ text: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
2522
2522
  };
2523
2523
  };
2524
2524
  };
@@ -2555,32 +2555,32 @@ export declare const componentsConfig: {
2555
2555
  };
2556
2556
  color: {
2557
2557
  default: {
2558
- background: "#FFFFFF";
2559
- border: "#E5E7EB";
2560
- text: "#111827";
2561
- sufix: "#4B5563";
2562
- sufixBackground: "#F9FAFB";
2563
- placeholder: "#9CA3AF";
2558
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
2559
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
2560
+ text: "#FFFFFF" | "#111827" | "#020617";
2561
+ sufix: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
2562
+ sufixBackground: "#F9FAFB" | "#374151" | "#F8FAFC" | "#1E293B";
2563
+ placeholder: "#9CA3AF" | "#64748B";
2564
2564
  };
2565
2565
  hover: {
2566
- border: "#D1D5DB";
2566
+ border: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
2567
2567
  };
2568
2568
  focus: {
2569
- border: "#3B90CB";
2569
+ border: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
2570
2570
  shadow: string;
2571
2571
  };
2572
2572
  error: {
2573
- border: "#FCA5A5";
2573
+ border: "#FECACA" | "#FCA5A5";
2574
2574
  helper: "#DC2626";
2575
2575
  };
2576
2576
  disabled: {
2577
- bg: "#F3F4F6";
2578
- text: "#9CA3AF";
2577
+ bg: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
2578
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
2579
2579
  cursor: string;
2580
2580
  };
2581
2581
  readonly: {
2582
- bg: "#FFFFFF";
2583
- text: "#4B5563";
2582
+ bg: "#FFFFFF" | "#1F2937" | "#0F172A";
2583
+ text: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
2584
2584
  };
2585
2585
  };
2586
2586
  calendarCard: {
@@ -2597,17 +2597,17 @@ export declare const componentsConfig: {
2597
2597
  gap: 8;
2598
2598
  };
2599
2599
  color: {
2600
- background: "#FFFFFF";
2600
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
2601
2601
  shadow: string;
2602
- border: "#E5E7EB";
2602
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
2603
2603
  overlayer: string;
2604
- text: "#111827";
2605
- actionText: "#3B90CB";
2604
+ text: "#FFFFFF" | "#111827" | "#020617";
2605
+ actionText: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
2606
2606
  disabled: {
2607
- text: "#9CA3AF";
2607
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
2608
2608
  };
2609
2609
  hover: {
2610
- text: "#2F78B0";
2610
+ text: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
2611
2611
  };
2612
2612
  };
2613
2613
  };
@@ -2629,14 +2629,14 @@ export declare const componentsConfig: {
2629
2629
  };
2630
2630
  color: {
2631
2631
  weekdays: {
2632
- text: "#4B5563";
2632
+ text: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
2633
2633
  };
2634
2634
  day: {
2635
- text: "#111827";
2636
- hover: "#F2F8FD";
2637
- selectedHover: "#2F78B0";
2638
- selected: "#3B90CB";
2639
- selectedText: "#FFFFFF";
2635
+ text: "#FFFFFF" | "#111827" | "#020617";
2636
+ hover: string;
2637
+ selectedHover: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
2638
+ selected: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
2639
+ selectedText: "#FFFFFF" | "#111827" | "#020617";
2640
2640
  };
2641
2641
  };
2642
2642
  };
@@ -2668,9 +2668,9 @@ export declare const componentsConfig: {
2668
2668
  };
2669
2669
  };
2670
2670
  color: {
2671
- background: "#FFFFFF";
2671
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
2672
2672
  header: {
2673
- color: "#4B5563";
2673
+ color: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
2674
2674
  };
2675
2675
  };
2676
2676
  };
@@ -2687,21 +2687,21 @@ export declare const componentsConfig: {
2687
2687
  };
2688
2688
  color: {
2689
2689
  default: {
2690
- text: "#111827";
2690
+ text: "#FFFFFF" | "#111827" | "#020617";
2691
2691
  background: string;
2692
2692
  };
2693
2693
  hover: {
2694
- text: "#2F78B0";
2695
- icon: "#2F78B0";
2696
- activeTest: "#C7E3F5";
2694
+ text: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
2695
+ icon: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
2696
+ activeTest: "#C7E3F5" | "#1C496C" | "#D3BCFF" | "#4C1D95";
2697
2697
  };
2698
2698
  disabled: {
2699
- text: "#9CA3AF";
2700
- background: "#F3F4F6";
2699
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
2700
+ background: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
2701
2701
  };
2702
2702
  active: {
2703
- text: "#FFFFFF";
2704
- background: "#3B90CB";
2703
+ text: "#FFFFFF" | "#111827" | "#020617";
2704
+ background: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
2705
2705
  };
2706
2706
  };
2707
2707
  };
@@ -2774,18 +2774,18 @@ export declare const componentsConfig: {
2774
2774
  };
2775
2775
  color: {
2776
2776
  default: {
2777
- background: "#FFFFFF";
2778
- counterText: "#FFFFFF";
2779
- counterBackground: "#3B90CB";
2780
- headerText: "#4B5563";
2777
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
2778
+ counterText: "#FFFFFF" | "#111827" | "#020617";
2779
+ counterBackground: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
2780
+ headerText: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
2781
2781
  };
2782
2782
  hover: {
2783
- background: "#F2F8FD";
2784
- activeBackground: "#9FD0EC";
2785
- clearText: "#3B90CB";
2783
+ background: string;
2784
+ activeBackground: "#9FD0EC" | "#25608E" | "#B794FF" | "#5B21B6";
2785
+ clearText: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
2786
2786
  };
2787
2787
  selected: {
2788
- background: "#C7E3F5";
2788
+ background: "#C7E3F5" | "#1C496C" | "#D3BCFF" | "#4C1D95";
2789
2789
  };
2790
2790
  };
2791
2791
  };
@@ -2798,7 +2798,7 @@ export declare const componentsConfig: {
2798
2798
  height: 48;
2799
2799
  fontSize: 14;
2800
2800
  lineHeight: 20;
2801
- text: "#111827";
2801
+ text: "#FFFFFF" | "#111827" | "#020617";
2802
2802
  };
2803
2803
  cell: {
2804
2804
  common: {
@@ -2833,40 +2833,40 @@ export declare const componentsConfig: {
2833
2833
  color: {
2834
2834
  default: {
2835
2835
  common: {
2836
- background: "#FFFFFF";
2837
- border: "#E5E7EB";
2836
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
2837
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
2838
2838
  };
2839
2839
  header: {
2840
- border: "#D1D5DB";
2841
- text: "#111827";
2842
- sortIcon: "#111827";
2840
+ border: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
2841
+ text: "#FFFFFF" | "#111827" | "#020617";
2842
+ sortIcon: "#FFFFFF" | "#111827" | "#020617";
2843
2843
  };
2844
2844
  searchInput: {
2845
- background: "#FFFFFF";
2846
- border: "#E5E7EB";
2847
- text: "#111827";
2848
- placeholder: "#9CA3AF";
2845
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
2846
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
2847
+ text: "#FFFFFF" | "#111827" | "#020617";
2848
+ placeholder: "#9CA3AF" | "#64748B";
2849
2849
  };
2850
2850
  };
2851
2851
  hover: {
2852
- background: "#F2F8FD";
2853
- activeBackground: "#9FD0EC";
2852
+ background: string;
2853
+ activeBackground: "#9FD0EC" | "#25608E" | "#B794FF" | "#5B21B6";
2854
2854
  searchInput: {
2855
- border: "#D1D5DB";
2855
+ border: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
2856
2856
  };
2857
2857
  };
2858
2858
  active: {
2859
- background: "#C7E3F5";
2859
+ background: "#C7E3F5" | "#1C496C" | "#D3BCFF" | "#4C1D95";
2860
2860
  header: {
2861
- textHeader: "#3B90CB";
2862
- sortIcon: "#3B90CB";
2861
+ textHeader: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
2862
+ sortIcon: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
2863
2863
  };
2864
2864
  searchInput: {
2865
- border: "#3B90CB";
2865
+ border: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
2866
2866
  };
2867
2867
  };
2868
2868
  disabled: {
2869
- text: "#9CA3AF";
2869
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
2870
2870
  };
2871
2871
  };
2872
2872
  };
@@ -2880,8 +2880,8 @@ export declare const componentsConfig: {
2880
2880
  zIndex: 9999;
2881
2881
  };
2882
2882
  color: {
2883
- background: "#1F2937";
2884
- text: "#FFFFFF";
2883
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
2884
+ text: "#FFFFFF" | "#111827" | "#020617";
2885
2885
  shadow: string;
2886
2886
  };
2887
2887
  };
@@ -2889,44 +2889,44 @@ export declare const componentsConfig: {
2889
2889
  export declare const createConfig: (theme?: ThemeName | AppTheme) => {
2890
2890
  Theme: {
2891
2891
  text: {
2892
- primary: "#111827";
2893
- secondary: "#4B5563";
2894
- tertiary: "#6B7280";
2895
- placeholder: "#9CA3AF";
2896
- disabled: "#9CA3AF";
2897
- inverse: "#FFFFFF";
2898
- link: "#2F78B0";
2892
+ primary: "#FFFFFF" | "#111827" | "#020617";
2893
+ secondary: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
2894
+ tertiary: "#D1D5DB" | "#6B7280" | "#94A3B8" | "#475569";
2895
+ placeholder: "#9CA3AF" | "#64748B";
2896
+ disabled: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
2897
+ inverse: "#FFFFFF" | "#111827" | "#020617";
2898
+ link: "#9FD0EC" | "#2F78B0" | "#B794FF" | "#6D28D9";
2899
2899
  error: "#DC2626";
2900
2900
  success: "#059669";
2901
2901
  };
2902
2902
  surface: {
2903
- page: "#F9FAFB";
2904
- default: "#FFFFFF";
2905
- subtle: "#F9FAFB";
2906
- tertiary: "#F3F4F6";
2907
- selected: "#F2F8FD";
2908
- disabled: "#F3F4F6";
2909
- danger: "#EF4444";
2910
- hover: "#F2F8FD";
2903
+ page: "#F9FAFB" | "#111827" | "#F8FAFC" | "#020617";
2904
+ default: "#FFFFFF" | "#1F2937" | "#0F172A";
2905
+ subtle: "#F9FAFB" | "#374151" | "#F8FAFC" | "#1E293B";
2906
+ tertiary: "#F3F4F6" | "#374151" | "#E2E8F0" | "#1E293B";
2907
+ selected: "#F2F8FD" | "#13324A" | "#F4F0FF" | "#2E1065";
2908
+ disabled: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
2909
+ danger: string;
2910
+ hover: string;
2911
2911
  };
2912
2912
  border: {
2913
- default: "#E5E7EB";
2914
- strong: "#D1D5DB";
2915
- hover: "#D1D5DB";
2916
- focus: "#3B90CB";
2917
- disabled: "#E5E7EB";
2918
- error: "#FCA5A5";
2913
+ default: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
2914
+ strong: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
2915
+ hover: "#D1D5DB" | "#6B7280" | "#94A3B8" | "#475569";
2916
+ focus: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
2917
+ disabled: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
2918
+ error: "#FECACA" | "#FCA5A5";
2919
2919
  success: "#059669";
2920
2920
  };
2921
2921
  action: {
2922
2922
  primary: {
2923
- default: "#3B90CB";
2924
- hover: "#2F78B0";
2925
- active: "#25608E";
2926
- subtitle: "#E4F1FA";
2927
- disabledText: "#6EB8DF";
2928
- selected: "#C7E3F5";
2929
- selectedHover: "#9FD0EC";
2923
+ default: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
2924
+ hover: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
2925
+ active: "#E4F1FA" | "#25608E" | "#E9DDFF" | "#5B21B6";
2926
+ subtitle: "#E4F1FA" | "#13324A" | "#E9DDFF" | "#2E1065";
2927
+ disabledText: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
2928
+ selected: "#C7E3F5" | "#1C496C" | "#D3BCFF" | "#4C1D95";
2929
+ selectedHover: "#9FD0EC" | "#25608E" | "#B794FF" | "#5B21B6";
2930
2930
  };
2931
2931
  danger: {
2932
2932
  default: "#EF4444";
@@ -2950,9 +2950,9 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
2950
2950
  disabledText: any;
2951
2951
  };
2952
2952
  secondary: {
2953
- active: "#F3F4F6";
2954
- disabledBackground: "#F9FAFB";
2955
- disabledBorder: "#E5E7EB";
2953
+ active: "#F3F4F6" | "#E2E8F0";
2954
+ disabledBackground: "#F9FAFB" | "#F8FAFC";
2955
+ disabledBorder: "#E5E7EB" | "#CBD5E1";
2956
2956
  };
2957
2957
  };
2958
2958
  feedback: {
@@ -2987,7 +2987,7 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
2987
2987
  };
2988
2988
  other: {
2989
2989
  transparent: string;
2990
- almostBlack: "#1F2937";
2990
+ almostBlack: "#FFFFFF" | "#1F2937" | "#0F172A";
2991
2991
  };
2992
2992
  };
2993
2993
  measurements: {
@@ -3180,18 +3180,18 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
3180
3180
  };
3181
3181
  };
3182
3182
  color: {
3183
- default: "#6B7280";
3184
- hover: "#4B5563";
3185
- active: "#3B90CB";
3186
- hoverActive: "#2F78B0";
3187
- disabled: "#9CA3AF";
3183
+ default: "#D1D5DB" | "#6B7280" | "#94A3B8" | "#475569";
3184
+ hover: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
3185
+ active: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
3186
+ hoverActive: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
3187
+ disabled: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
3188
3188
  error: "#DC2626";
3189
3189
  };
3190
3190
  background: {
3191
3191
  default: string;
3192
- hover: "#F2F8FD";
3193
- active: "#E4F1FA";
3194
- hoverActive: "#E4F1FA";
3192
+ hover: string;
3193
+ active: "#E4F1FA" | "#13324A" | "#E9DDFF" | "#2E1065";
3194
+ hoverActive: "#E4F1FA" | "#13324A" | "#E9DDFF" | "#2E1065";
3195
3195
  disabled: string;
3196
3196
  error: string;
3197
3197
  };
@@ -3229,33 +3229,33 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
3229
3229
  };
3230
3230
  color: {
3231
3231
  default: {
3232
- background: "#FFFFFF";
3233
- border: "#E5E7EB";
3234
- text: "#111827";
3235
- sufix: "#4B5563";
3236
- sufixBackground: "#F9FAFB";
3237
- placeholder: "#9CA3AF";
3232
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
3233
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
3234
+ text: "#FFFFFF" | "#111827" | "#020617";
3235
+ sufix: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
3236
+ sufixBackground: "#F9FAFB" | "#374151" | "#F8FAFC" | "#1E293B";
3237
+ placeholder: "#9CA3AF" | "#64748B";
3238
3238
  };
3239
3239
  hover: {
3240
- border: "#D1D5DB";
3240
+ border: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
3241
3241
  };
3242
3242
  focus: {
3243
- border: "#3B90CB";
3243
+ border: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
3244
3244
  shadow: string;
3245
3245
  };
3246
3246
  error: {
3247
- border: "#FCA5A5";
3247
+ border: "#FECACA" | "#FCA5A5";
3248
3248
  helper: "#DC2626";
3249
3249
  };
3250
3250
  disabled: {
3251
- border: "#E5E7EB";
3252
- background: "#F3F4F6";
3253
- text: "#9CA3AF";
3251
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
3252
+ background: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
3253
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
3254
3254
  cursor: string;
3255
3255
  };
3256
3256
  readonly: {
3257
- bg: "#FFFFFF";
3258
- text: "#4B5563";
3257
+ bg: "#FFFFFF" | "#1F2937" | "#0F172A";
3258
+ text: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
3259
3259
  };
3260
3260
  };
3261
3261
  };
@@ -3266,13 +3266,13 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
3266
3266
  };
3267
3267
  color: {
3268
3268
  default: {
3269
- text: "#6B7280";
3269
+ text: "#D1D5DB" | "#6B7280" | "#94A3B8" | "#475569";
3270
3270
  };
3271
3271
  error: {
3272
3272
  text: "#DC2626";
3273
3273
  };
3274
3274
  disabled: {
3275
- text: "#9CA3AF";
3275
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
3276
3276
  };
3277
3277
  success: {
3278
3278
  text: "#059669";
@@ -3308,10 +3308,10 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
3308
3308
  };
3309
3309
  color: {
3310
3310
  top: {
3311
- text: "#4B5563";
3311
+ text: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
3312
3312
  };
3313
3313
  left: {
3314
- text: "#111827";
3314
+ text: "#FFFFFF" | "#111827" | "#020617";
3315
3315
  };
3316
3316
  required: {
3317
3317
  text: "#DC2626";
@@ -3347,32 +3347,32 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
3347
3347
  };
3348
3348
  color: {
3349
3349
  default: {
3350
- background: "#FFFFFF";
3351
- border: "#E5E7EB";
3352
- text: "#111827";
3353
- sufix: "#4B5563";
3354
- sufixBackground: "#F9FAFB";
3355
- placeholder: "#9CA3AF";
3350
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
3351
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
3352
+ text: "#FFFFFF" | "#111827" | "#020617";
3353
+ sufix: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
3354
+ sufixBackground: "#F9FAFB" | "#374151" | "#F8FAFC" | "#1E293B";
3355
+ placeholder: "#9CA3AF" | "#64748B";
3356
3356
  };
3357
3357
  hover: {
3358
- border: "#D1D5DB";
3358
+ border: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
3359
3359
  };
3360
3360
  focus: {
3361
- border: "#3B90CB";
3361
+ border: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
3362
3362
  shadow: string;
3363
3363
  };
3364
3364
  error: {
3365
- border: "#FCA5A5";
3365
+ border: "#FECACA" | "#FCA5A5";
3366
3366
  helper: "#DC2626";
3367
3367
  };
3368
3368
  disabled: {
3369
- bg: "#F3F4F6";
3370
- text: "#9CA3AF";
3369
+ bg: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
3370
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
3371
3371
  cursor: string;
3372
3372
  };
3373
3373
  readonly: {
3374
- bg: "#FFFFFF";
3375
- text: "#4B5563";
3374
+ bg: "#FFFFFF" | "#1F2937" | "#0F172A";
3375
+ text: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
3376
3376
  };
3377
3377
  };
3378
3378
  menu: {
@@ -3382,8 +3382,8 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
3382
3382
  zIndex: 800;
3383
3383
  };
3384
3384
  color: {
3385
- background: "#FFFFFF";
3386
- border: "#E5E7EB";
3385
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
3386
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
3387
3387
  };
3388
3388
  };
3389
3389
  };
@@ -3418,25 +3418,25 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
3418
3418
  color: {
3419
3419
  default: {
3420
3420
  itmeBackground: string;
3421
- text: "#111827";
3421
+ text: "#FFFFFF" | "#111827" | "#020617";
3422
3422
  };
3423
3423
  hover: {
3424
- background: "#F2F8FD";
3424
+ background: string;
3425
3425
  };
3426
3426
  selected: {
3427
- iconColor: "#3B90CB";
3427
+ iconColor: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
3428
3428
  };
3429
3429
  disabled: {
3430
- text: "#9CA3AF";
3431
- background: "#F3F4F6";
3430
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
3431
+ background: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
3432
3432
  };
3433
3433
  };
3434
3434
  };
3435
3435
  panel: {
3436
3436
  color: {
3437
- default: "#FFFFFF";
3438
- divider: "#E5E7EB";
3439
- placeholder: "#9CA3AF";
3437
+ default: "#FFFFFF" | "#1F2937" | "#0F172A";
3438
+ divider: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
3439
+ placeholder: "#9CA3AF" | "#64748B";
3440
3440
  };
3441
3441
  };
3442
3442
  };
@@ -3450,16 +3450,16 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
3450
3450
  };
3451
3451
  color: {
3452
3452
  default: {
3453
- background: "#FFFFFF";
3454
- border: "#E5E7EB";
3455
- text: "#111827";
3456
- placeholder: "#9CA3AF";
3453
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
3454
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
3455
+ text: "#FFFFFF" | "#111827" | "#020617";
3456
+ placeholder: "#9CA3AF" | "#64748B";
3457
3457
  };
3458
3458
  hover: {
3459
- border: "#D1D5DB";
3459
+ border: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
3460
3460
  };
3461
3461
  focus: {
3462
- border: "#3B90CB";
3462
+ border: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
3463
3463
  shadow: string;
3464
3464
  };
3465
3465
  };
@@ -3496,39 +3496,39 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
3496
3496
  };
3497
3497
  variants: {
3498
3498
  primary: {
3499
- background: "#3B90CB";
3500
- backgroundHover: "#2F78B0";
3501
- backgroundActive: "#25608E";
3502
- text: "#FFFFFF";
3503
- disabledBackground: "#E4F1FA";
3504
- disabledText: "#6EB8DF";
3499
+ background: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
3500
+ backgroundHover: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
3501
+ backgroundActive: "#E4F1FA" | "#25608E" | "#E9DDFF" | "#5B21B6";
3502
+ text: "#FFFFFF" | "#111827" | "#020617";
3503
+ disabledBackground: "#E4F1FA" | "#13324A" | "#E9DDFF" | "#2E1065";
3504
+ disabledText: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
3505
3505
  disabledBorder: string;
3506
3506
  };
3507
3507
  secondary: {
3508
- background: "#FFFFFF";
3509
- backgroundHover: "#F2F8FD";
3510
- backgroundActive: "#F3F4F6";
3511
- border: "#E5E7EB";
3512
- borderHover: "#D1D5DB";
3513
- text: "#111827";
3514
- disabledBackground: "#F9FAFB";
3515
- disabledBorder: "#E5E7EB";
3516
- disabledText: "#9CA3AF";
3508
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
3509
+ backgroundHover: string;
3510
+ backgroundActive: "#F3F4F6" | "#E2E8F0";
3511
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
3512
+ borderHover: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
3513
+ text: "#FFFFFF" | "#111827" | "#020617";
3514
+ disabledBackground: "#F9FAFB" | "#F8FAFC";
3515
+ disabledBorder: "#E5E7EB" | "#CBD5E1";
3516
+ disabledText: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
3517
3517
  };
3518
3518
  ghost: {
3519
3519
  background: string;
3520
- backgroundHover: "#F2F8FD";
3521
- backgroundActive: "#F3F4F6";
3522
- text: "#3B90CB";
3523
- textHover: "#2F78B0";
3520
+ backgroundHover: string;
3521
+ backgroundActive: "#F3F4F6" | "#374151" | "#E2E8F0" | "#1E293B";
3522
+ text: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
3523
+ textHover: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
3524
3524
  disabledBackground: string;
3525
- disabledText: "#9CA3AF";
3525
+ disabledText: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
3526
3526
  };
3527
3527
  danger: {
3528
3528
  background: "#EF4444";
3529
3529
  backgroundHover: "#DC2626";
3530
3530
  backgroundActive: any;
3531
- text: "#FFFFFF";
3531
+ text: "#FFFFFF" | "#111827" | "#020617";
3532
3532
  disabledBackground: "#FEE2E2";
3533
3533
  disabledText: "#FCA5A5";
3534
3534
  disabledBorder: string;
@@ -3567,24 +3567,24 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
3567
3567
  };
3568
3568
  color: {
3569
3569
  default: {
3570
- background: "#F9FAFB";
3570
+ background: "#F9FAFB" | "#374151" | "#F8FAFC" | "#1E293B";
3571
3571
  border: string;
3572
- thumbBackground: "#FFFFFF";
3573
- thumbBorder: "#D1D5DB";
3572
+ thumbBackground: "#FFFFFF" | "#1F2937" | "#0F172A";
3573
+ thumbBorder: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
3574
3574
  };
3575
3575
  hover: {
3576
3576
  border: string;
3577
3577
  };
3578
3578
  focus: {
3579
- background: "#3B90CB";
3580
- thumbBackground: "#FFFFFF";
3579
+ background: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
3580
+ thumbBackground: "#FFFFFF" | "#1F2937" | "#0F172A";
3581
3581
  thumbBorder: string;
3582
3582
  };
3583
3583
  disabled: {
3584
- background: "#F3F4F6";
3585
- backgroundActive: "#E4F1FA";
3584
+ background: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
3585
+ backgroundActive: "#E4F1FA" | "#13324A" | "#E9DDFF" | "#2E1065";
3586
3586
  border: string;
3587
- thumbBorder: "#E5E7EB";
3587
+ thumbBorder: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
3588
3588
  };
3589
3589
  error: {
3590
3590
  border: string;
@@ -3608,7 +3608,7 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
3608
3608
  };
3609
3609
  color: {
3610
3610
  topBorder: string;
3611
- background: "#FFFFFF";
3611
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
3612
3612
  };
3613
3613
  };
3614
3614
  checkbox: {
@@ -3636,24 +3636,24 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
3636
3636
  default: {
3637
3637
  background: string;
3638
3638
  border: string;
3639
- boxBorder: "#E5E7EB";
3640
- boxBackground: "#FFFFFF";
3639
+ boxBorder: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
3640
+ boxBackground: "#FFFFFF" | "#1F2937" | "#0F172A";
3641
3641
  icon: string;
3642
3642
  };
3643
3643
  hover: {
3644
3644
  border: string;
3645
- boxBorder: "#D1D5DB";
3645
+ boxBorder: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
3646
3646
  };
3647
3647
  focus: {
3648
3648
  border: string;
3649
- boxBorder: "#3B90CB";
3650
- boxBackground: "#3B90CB";
3651
- icon: "#FFFFFF";
3649
+ boxBorder: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
3650
+ boxBackground: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
3651
+ icon: "#FFFFFF" | "#111827" | "#020617";
3652
3652
  };
3653
3653
  intermedian: {
3654
- boxBorder: "#E4F1FA";
3655
- boxBackground: "#6EB8DF";
3656
- icon: "#25608E";
3654
+ boxBorder: "#E4F1FA" | "#13324A" | "#E9DDFF" | "#2E1065";
3655
+ boxBackground: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
3656
+ icon: "#E4F1FA" | "#25608E" | "#E9DDFF" | "#5B21B6";
3657
3657
  };
3658
3658
  error: {
3659
3659
  border: string;
@@ -3662,9 +3662,9 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
3662
3662
  disabled: {
3663
3663
  background: string;
3664
3664
  cursor: string;
3665
- boxBorder: "#E5E7EB";
3666
- boxBackground: "#F3F4F6";
3667
- icon: "#9CA3AF";
3665
+ boxBorder: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
3666
+ boxBackground: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
3667
+ icon: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
3668
3668
  };
3669
3669
  readonly: {
3670
3670
  bg: string;
@@ -3684,14 +3684,14 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
3684
3684
  };
3685
3685
  color: {
3686
3686
  default: {
3687
- text: "#111827";
3687
+ text: "#FFFFFF" | "#111827" | "#020617";
3688
3688
  };
3689
3689
  hover: {
3690
- background: "#F2F8FD";
3690
+ background: string;
3691
3691
  };
3692
3692
  selected: {
3693
- background: "#C7E3F5";
3694
- hoverBackground: "#9FD0EC";
3693
+ background: "#C7E3F5" | "#1C496C" | "#D3BCFF" | "#4C1D95";
3694
+ hoverBackground: "#9FD0EC" | "#25608E" | "#B794FF" | "#5B21B6";
3695
3695
  };
3696
3696
  status: {
3697
3697
  success: "#059669";
@@ -3707,21 +3707,21 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
3707
3707
  };
3708
3708
  color: {
3709
3709
  default: {
3710
- text: "#111827";
3710
+ text: "#FFFFFF" | "#111827" | "#020617";
3711
3711
  };
3712
3712
  hover: {
3713
- background: "#4B5563";
3713
+ background: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
3714
3714
  };
3715
3715
  active: {
3716
3716
  background: {
3717
3717
  primary: {
3718
- default: "#3B90CB";
3719
- hover: "#2F78B0";
3720
- active: "#25608E";
3721
- subtitle: "#E4F1FA";
3722
- disabledText: "#6EB8DF";
3723
- selected: "#C7E3F5";
3724
- selectedHover: "#9FD0EC";
3718
+ default: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
3719
+ hover: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
3720
+ active: "#E4F1FA" | "#25608E" | "#E9DDFF" | "#5B21B6";
3721
+ subtitle: "#E4F1FA" | "#13324A" | "#E9DDFF" | "#2E1065";
3722
+ disabledText: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
3723
+ selected: "#C7E3F5" | "#1C496C" | "#D3BCFF" | "#4C1D95";
3724
+ selectedHover: "#9FD0EC" | "#25608E" | "#B794FF" | "#5B21B6";
3725
3725
  };
3726
3726
  danger: {
3727
3727
  default: "#EF4444";
@@ -3745,9 +3745,9 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
3745
3745
  disabledText: any;
3746
3746
  };
3747
3747
  secondary: {
3748
- active: "#F3F4F6";
3749
- disabledBackground: "#F9FAFB";
3750
- disabledBorder: "#E5E7EB";
3748
+ active: "#F3F4F6" | "#E2E8F0";
3749
+ disabledBackground: "#F9FAFB" | "#F8FAFC";
3750
+ disabledBorder: "#E5E7EB" | "#CBD5E1";
3751
3751
  };
3752
3752
  };
3753
3753
  };
@@ -3759,8 +3759,8 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
3759
3759
  zIndex: 800;
3760
3760
  };
3761
3761
  color: {
3762
- background: "#FFFFFF";
3763
- border: "#E5E7EB";
3762
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
3763
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
3764
3764
  };
3765
3765
  };
3766
3766
  };
@@ -3796,24 +3796,24 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
3796
3796
  };
3797
3797
  color: {
3798
3798
  default: {
3799
- background: "#3B90CB";
3800
- hover: "#2F78B0";
3801
- text: "#FFFFFF";
3799
+ background: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
3800
+ hover: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
3801
+ text: "#FFFFFF" | "#111827" | "#020617";
3802
3802
  };
3803
3803
  success: {
3804
3804
  background: "#10B981";
3805
3805
  hover: "#059669";
3806
- text: "#FFFFFF";
3806
+ text: "#FFFFFF" | "#111827" | "#020617";
3807
3807
  };
3808
3808
  warning: {
3809
3809
  background: "#F59E0B";
3810
3810
  hover: "#D97706";
3811
- text: "#FFFFFF";
3811
+ text: "#FFFFFF" | "#111827" | "#020617";
3812
3812
  };
3813
3813
  error: {
3814
3814
  background: "#EF4444";
3815
3815
  hover: "#DC2626";
3816
- text: "#FFFFFF";
3816
+ text: "#FFFFFF" | "#111827" | "#020617";
3817
3817
  };
3818
3818
  };
3819
3819
  };
@@ -3828,7 +3828,7 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
3828
3828
  };
3829
3829
  color: {
3830
3830
  bottomBorder: string;
3831
- background: "#FFFFFF";
3831
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
3832
3832
  };
3833
3833
  };
3834
3834
  card: {
@@ -3838,7 +3838,7 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
3838
3838
  paddingY: 16;
3839
3839
  };
3840
3840
  color: {
3841
- background: "#FFFFFF";
3841
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
3842
3842
  shadow: string;
3843
3843
  };
3844
3844
  };
@@ -3859,7 +3859,7 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
3859
3859
  };
3860
3860
  };
3861
3861
  color: {
3862
- background: "#FFFFFF";
3862
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
3863
3863
  shadow: string;
3864
3864
  };
3865
3865
  };
@@ -3883,7 +3883,7 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
3883
3883
  };
3884
3884
  };
3885
3885
  color: {
3886
- background: "#FFFFFF";
3886
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
3887
3887
  shadow: string;
3888
3888
  overlayer: string;
3889
3889
  };
@@ -3896,7 +3896,7 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
3896
3896
  overlayerZIndex: 850;
3897
3897
  };
3898
3898
  color: {
3899
- background: "#FFFFFF";
3899
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
3900
3900
  shadow: string;
3901
3901
  overlayer: string;
3902
3902
  };
@@ -3933,36 +3933,36 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
3933
3933
  };
3934
3934
  color: {
3935
3935
  default: {
3936
- background: "#FFFFFF";
3937
- fileBorder: "#E5E7EB";
3936
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
3937
+ fileBorder: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
3938
3938
  border: string;
3939
- text: "#111827";
3940
- sufix: "#4B5563";
3941
- sufixBackground: "#F9FAFB";
3942
- placeholder: "#9CA3AF";
3939
+ text: "#FFFFFF" | "#111827" | "#020617";
3940
+ sufix: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
3941
+ sufixBackground: "#F9FAFB" | "#374151" | "#F8FAFC" | "#1E293B";
3942
+ placeholder: "#9CA3AF" | "#64748B";
3943
3943
  };
3944
3944
  hover: {
3945
- fileBorder: "#D1D5DB";
3945
+ fileBorder: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
3946
3946
  border: string;
3947
3947
  };
3948
3948
  focus: {
3949
- fileBorder: "#3B90CB";
3949
+ fileBorder: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
3950
3950
  border: string;
3951
3951
  shadow: string;
3952
3952
  };
3953
3953
  error: {
3954
- fileBorder: "#FCA5A5";
3954
+ fileBorder: "#FECACA" | "#FCA5A5";
3955
3955
  border: string;
3956
3956
  helper: "#DC2626";
3957
3957
  };
3958
3958
  disabled: {
3959
- background: "#F3F4F6";
3960
- text: "#9CA3AF";
3959
+ background: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
3960
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
3961
3961
  cursor: string;
3962
3962
  };
3963
3963
  readonly: {
3964
- bg: "#FFFFFF";
3965
- text: "#4B5563";
3964
+ bg: "#FFFFFF" | "#1F2937" | "#0F172A";
3965
+ text: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
3966
3966
  };
3967
3967
  };
3968
3968
  };
@@ -3996,38 +3996,38 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
3996
3996
  color: {
3997
3997
  default: {
3998
3998
  background: string;
3999
- fileBorder: "#E5E7EB";
3999
+ fileBorder: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
4000
4000
  border: string;
4001
- text: "#3B90CB";
4002
- sufix: "#4B5563";
4003
- sufixBackground: "#F9FAFB";
4004
- placeholder: "#9CA3AF";
4005
- pillBackground: "#C7E3F5";
4006
- pillText: "#111827";
4001
+ text: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
4002
+ sufix: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
4003
+ sufixBackground: "#F9FAFB" | "#374151" | "#F8FAFC" | "#1E293B";
4004
+ placeholder: "#9CA3AF" | "#64748B";
4005
+ pillBackground: "#C7E3F5" | "#1C496C" | "#D3BCFF" | "#4C1D95";
4006
+ pillText: "#FFFFFF" | "#111827" | "#020617";
4007
4007
  };
4008
4008
  hover: {
4009
- fileBorder: "#D1D5DB";
4009
+ fileBorder: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
4010
4010
  border: string;
4011
- text: "#2F78B0";
4011
+ text: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
4012
4012
  };
4013
4013
  focus: {
4014
- fileBorder: "#3B90CB";
4014
+ fileBorder: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
4015
4015
  border: string;
4016
4016
  shadow: string;
4017
4017
  };
4018
4018
  error: {
4019
- fileBorder: "#FCA5A5";
4019
+ fileBorder: "#FECACA" | "#FCA5A5";
4020
4020
  border: string;
4021
4021
  helper: "#DC2626";
4022
4022
  };
4023
4023
  disabled: {
4024
- background: "#F3F4F6";
4025
- text: "#9CA3AF";
4024
+ background: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
4025
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
4026
4026
  cursor: string;
4027
4027
  };
4028
4028
  readonly: {
4029
- bg: "#FFFFFF";
4030
- text: "#4B5563";
4029
+ bg: "#FFFFFF" | "#1F2937" | "#0F172A";
4030
+ text: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
4031
4031
  };
4032
4032
  };
4033
4033
  };
@@ -4064,32 +4064,32 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
4064
4064
  };
4065
4065
  color: {
4066
4066
  default: {
4067
- background: "#FFFFFF";
4068
- border: "#E5E7EB";
4069
- text: "#111827";
4070
- sufix: "#4B5563";
4071
- sufixBackground: "#F9FAFB";
4072
- placeholder: "#9CA3AF";
4067
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
4068
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
4069
+ text: "#FFFFFF" | "#111827" | "#020617";
4070
+ sufix: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
4071
+ sufixBackground: "#F9FAFB" | "#374151" | "#F8FAFC" | "#1E293B";
4072
+ placeholder: "#9CA3AF" | "#64748B";
4073
4073
  };
4074
4074
  hover: {
4075
- border: "#D1D5DB";
4075
+ border: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
4076
4076
  };
4077
4077
  focus: {
4078
- border: "#3B90CB";
4078
+ border: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
4079
4079
  shadow: string;
4080
4080
  };
4081
4081
  error: {
4082
- border: "#FCA5A5";
4082
+ border: "#FECACA" | "#FCA5A5";
4083
4083
  helper: "#DC2626";
4084
4084
  };
4085
4085
  disabled: {
4086
- bg: "#F3F4F6";
4087
- text: "#9CA3AF";
4086
+ bg: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
4087
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
4088
4088
  cursor: string;
4089
4089
  };
4090
4090
  readonly: {
4091
- bg: "#FFFFFF";
4092
- text: "#4B5563";
4091
+ bg: "#FFFFFF" | "#1F2937" | "#0F172A";
4092
+ text: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
4093
4093
  };
4094
4094
  };
4095
4095
  calendarCard: {
@@ -4106,17 +4106,17 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
4106
4106
  gap: 8;
4107
4107
  };
4108
4108
  color: {
4109
- background: "#FFFFFF";
4109
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
4110
4110
  shadow: string;
4111
- border: "#E5E7EB";
4111
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
4112
4112
  overlayer: string;
4113
- text: "#111827";
4114
- actionText: "#3B90CB";
4113
+ text: "#FFFFFF" | "#111827" | "#020617";
4114
+ actionText: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
4115
4115
  disabled: {
4116
- text: "#9CA3AF";
4116
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
4117
4117
  };
4118
4118
  hover: {
4119
- text: "#2F78B0";
4119
+ text: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
4120
4120
  };
4121
4121
  };
4122
4122
  };
@@ -4138,14 +4138,14 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
4138
4138
  };
4139
4139
  color: {
4140
4140
  weekdays: {
4141
- text: "#4B5563";
4141
+ text: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
4142
4142
  };
4143
4143
  day: {
4144
- text: "#111827";
4145
- hover: "#F2F8FD";
4146
- selectedHover: "#2F78B0";
4147
- selected: "#3B90CB";
4148
- selectedText: "#FFFFFF";
4144
+ text: "#FFFFFF" | "#111827" | "#020617";
4145
+ hover: string;
4146
+ selectedHover: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
4147
+ selected: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
4148
+ selectedText: "#FFFFFF" | "#111827" | "#020617";
4149
4149
  };
4150
4150
  };
4151
4151
  };
@@ -4177,9 +4177,9 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
4177
4177
  };
4178
4178
  };
4179
4179
  color: {
4180
- background: "#FFFFFF";
4180
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
4181
4181
  header: {
4182
- color: "#4B5563";
4182
+ color: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
4183
4183
  };
4184
4184
  };
4185
4185
  };
@@ -4196,21 +4196,21 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
4196
4196
  };
4197
4197
  color: {
4198
4198
  default: {
4199
- text: "#111827";
4199
+ text: "#FFFFFF" | "#111827" | "#020617";
4200
4200
  background: string;
4201
4201
  };
4202
4202
  hover: {
4203
- text: "#2F78B0";
4204
- icon: "#2F78B0";
4205
- activeTest: "#C7E3F5";
4203
+ text: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
4204
+ icon: "#C7E3F5" | "#2F78B0" | "#D3BCFF" | "#6D28D9";
4205
+ activeTest: "#C7E3F5" | "#1C496C" | "#D3BCFF" | "#4C1D95";
4206
4206
  };
4207
4207
  disabled: {
4208
- text: "#9CA3AF";
4209
- background: "#F3F4F6";
4208
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
4209
+ background: "#F3F4F6" | "#1F2937" | "#E2E8F0" | "#0F172A";
4210
4210
  };
4211
4211
  active: {
4212
- text: "#FFFFFF";
4213
- background: "#3B90CB";
4212
+ text: "#FFFFFF" | "#111827" | "#020617";
4213
+ background: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
4214
4214
  };
4215
4215
  };
4216
4216
  };
@@ -4283,18 +4283,18 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
4283
4283
  };
4284
4284
  color: {
4285
4285
  default: {
4286
- background: "#FFFFFF";
4287
- counterText: "#FFFFFF";
4288
- counterBackground: "#3B90CB";
4289
- headerText: "#4B5563";
4286
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
4287
+ counterText: "#FFFFFF" | "#111827" | "#020617";
4288
+ counterBackground: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
4289
+ headerText: "#F3F4F6" | "#4B5563" | "#E2E8F0" | "#334155";
4290
4290
  };
4291
4291
  hover: {
4292
- background: "#F2F8FD";
4293
- activeBackground: "#9FD0EC";
4294
- clearText: "#3B90CB";
4292
+ background: string;
4293
+ activeBackground: "#9FD0EC" | "#25608E" | "#B794FF" | "#5B21B6";
4294
+ clearText: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
4295
4295
  };
4296
4296
  selected: {
4297
- background: "#C7E3F5";
4297
+ background: "#C7E3F5" | "#1C496C" | "#D3BCFF" | "#4C1D95";
4298
4298
  };
4299
4299
  };
4300
4300
  };
@@ -4307,7 +4307,7 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
4307
4307
  height: 48;
4308
4308
  fontSize: 14;
4309
4309
  lineHeight: 20;
4310
- text: "#111827";
4310
+ text: "#FFFFFF" | "#111827" | "#020617";
4311
4311
  };
4312
4312
  cell: {
4313
4313
  common: {
@@ -4342,40 +4342,40 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
4342
4342
  color: {
4343
4343
  default: {
4344
4344
  common: {
4345
- background: "#FFFFFF";
4346
- border: "#E5E7EB";
4345
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
4346
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
4347
4347
  };
4348
4348
  header: {
4349
- border: "#D1D5DB";
4350
- text: "#111827";
4351
- sortIcon: "#111827";
4349
+ border: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
4350
+ text: "#FFFFFF" | "#111827" | "#020617";
4351
+ sortIcon: "#FFFFFF" | "#111827" | "#020617";
4352
4352
  };
4353
4353
  searchInput: {
4354
- background: "#FFFFFF";
4355
- border: "#E5E7EB";
4356
- text: "#111827";
4357
- placeholder: "#9CA3AF";
4354
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
4355
+ border: "#E5E7EB" | "#374151" | "#CBD5E1" | "#1E293B";
4356
+ text: "#FFFFFF" | "#111827" | "#020617";
4357
+ placeholder: "#9CA3AF" | "#64748B";
4358
4358
  };
4359
4359
  };
4360
4360
  hover: {
4361
- background: "#F2F8FD";
4362
- activeBackground: "#9FD0EC";
4361
+ background: string;
4362
+ activeBackground: "#9FD0EC" | "#25608E" | "#B794FF" | "#5B21B6";
4363
4363
  searchInput: {
4364
- border: "#D1D5DB";
4364
+ border: "#D1D5DB" | "#4B5563" | "#94A3B8" | "#334155";
4365
4365
  };
4366
4366
  };
4367
4367
  active: {
4368
- background: "#C7E3F5";
4368
+ background: "#C7E3F5" | "#1C496C" | "#D3BCFF" | "#4C1D95";
4369
4369
  header: {
4370
- textHeader: "#3B90CB";
4371
- sortIcon: "#3B90CB";
4370
+ textHeader: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
4371
+ sortIcon: "#9FD0EC" | "#3B90CB" | "#B794FF" | "#7C3AED";
4372
4372
  };
4373
4373
  searchInput: {
4374
- border: "#3B90CB";
4374
+ border: "#6EB8DF" | "#3B90CB" | "#9B6CFF" | "#7C3AED";
4375
4375
  };
4376
4376
  };
4377
4377
  disabled: {
4378
- text: "#9CA3AF";
4378
+ text: "#9CA3AF" | "#6B7280" | "#64748B" | "#475569";
4379
4379
  };
4380
4380
  };
4381
4381
  };
@@ -4389,8 +4389,8 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
4389
4389
  zIndex: 9999;
4390
4390
  };
4391
4391
  color: {
4392
- background: "#1F2937";
4393
- text: "#FFFFFF";
4392
+ background: "#FFFFFF" | "#1F2937" | "#0F172A";
4393
+ text: "#FFFFFF" | "#111827" | "#020617";
4394
4394
  shadow: string;
4395
4395
  };
4396
4396
  };