@synergy-design-system/tokens 2.23.0 → 2.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +4 -2
  3. package/dist/js/index.d.ts +81 -1
  4. package/dist/js/index.js +81 -1
  5. package/dist/scss/_tokens.scss +17 -1
  6. package/dist/themes/dark.css +23 -7
  7. package/dist/themes/light.css +23 -7
  8. package/dist/themes/sick2018_dark.css +23 -7
  9. package/dist/themes/sick2018_light.css +23 -7
  10. package/dist/themes/sick2025_dark.css +64 -48
  11. package/dist/themes/sick2025_light.css +46 -30
  12. package/package.json +5 -1
  13. package/src/figma-variables/output/sick2018-dark.json +86 -6
  14. package/src/figma-variables/output/sick2018-light.json +86 -6
  15. package/src/figma-variables/output/sick2025-dark.json +127 -47
  16. package/src/figma-variables/output/sick2025-light.json +109 -29
package/src/figma-variables/output/sick2025-dark.json CHANGED
@@ -388,9 +388,13 @@
388
388
  }
389
389
  },
390
390
  "focus-ring": {
391
+ "border-radius": {
392
+ "type": "sizing",
393
+ "value": "4px"
394
+ },
391
395
  "color": {
392
396
  "type": "color",
393
- "value": "{color.primary.400}"
397
+ "value": "{color.primary.500}"
394
398
  },
395
399
  "offset": {
396
400
  "type": "sizing",
@@ -488,7 +492,7 @@
488
492
  "background": {
489
493
  "color": {
490
494
  "type": "color",
491
- "value": "{color.neutral.0}"
495
+ "value": "{color.neutral.50}"
492
496
  },
493
497
  "color-disabled": {
494
498
  "type": "color",
@@ -506,35 +510,35 @@
506
510
  "border": {
507
511
  "color": {
508
512
  "type": "color",
509
- "value": "{color.neutral.700}"
513
+ "value": "{color.neutral.1000}"
510
514
  },
511
515
  "color-disabled": {
512
516
  "type": "color",
513
- "value": "{color.neutral.700}"
517
+ "value": "{color.neutral.1000}"
514
518
  },
515
519
  "color-focus": {
516
520
  "type": "color",
517
- "value": "{color.neutral.950}"
521
+ "value": "{color.primary.500}"
518
522
  },
519
523
  "color-focus-error": {
520
524
  "type": "color",
521
- "value": "{color.error.700}"
525
+ "value": "{color.error.600}"
522
526
  },
523
527
  "color-hover": {
524
528
  "type": "color",
525
- "value": "{color.neutral.950}"
529
+ "value": "{color.primary.500}"
526
530
  },
527
531
  "radius-large": {
528
532
  "type": "sizing",
529
- "value": "{border-radius.none}"
533
+ "value": "{border-radius.medium}"
530
534
  },
531
535
  "radius-medium": {
532
536
  "type": "sizing",
533
- "value": "{border-radius.none}"
537
+ "value": "{border-radius.medium}"
534
538
  },
535
539
  "radius-small": {
536
540
  "type": "sizing",
537
- "value": "{border-radius.none}"
541
+ "value": "{border-radius.medium}"
538
542
  },
539
543
  "width": {
540
544
  "type": "sizing",
@@ -543,19 +547,19 @@
543
547
  },
544
548
  "color": {
545
549
  "type": "color",
546
- "value": "{color.neutral.950}"
550
+ "value": "{color.neutral.1000}"
547
551
  },
548
552
  "color-disabled": {
549
553
  "type": "color",
550
- "value": "{color.neutral.950}"
554
+ "value": "{color.neutral.1000}"
551
555
  },
552
556
  "color-focus": {
553
557
  "type": "color",
554
- "value": "{color.neutral.950}"
558
+ "value": "{color.neutral.1000}"
555
559
  },
556
560
  "color-hover": {
557
561
  "type": "color",
558
- "value": "{color.neutral.950}"
562
+ "value": "{color.neutral.1000}"
559
563
  },
560
564
  "disabled-opacity": {
561
565
  "type": "opacity",
@@ -564,7 +568,7 @@
564
568
  "focus-ring": {
565
569
  "color": {
566
570
  "type": "color",
567
- "value": "{color.primary.400}"
571
+ "value": "{color.primary.700}"
568
572
  },
569
573
  "error": {
570
574
  "type": "color",
@@ -618,7 +622,7 @@
618
622
  },
619
623
  "color-error": {
620
624
  "type": "color",
621
- "value": "{color.error.700}"
625
+ "value": "{color.error.600}"
622
626
  },
623
627
  "font-size": {
624
628
  "large": {
@@ -638,35 +642,35 @@
638
642
  "icon": {
639
643
  "color": {
640
644
  "type": "color",
641
- "value": "{color.neutral.800}"
645
+ "value": "{color.neutral.1000}"
642
646
  },
643
647
  "color-focus": {
644
648
  "type": "color",
645
- "value": "{color.neutral.800}"
649
+ "value": "{color.neutral.1000}"
646
650
  },
647
651
  "color-hover": {
648
652
  "type": "color",
649
- "value": "{color.neutral.800}"
653
+ "value": "{color.neutral.1000}"
650
654
  },
651
655
  "icon-clearable": {
652
656
  "color": {
653
657
  "type": "color",
654
- "value": "{color.neutral.500}"
658
+ "value": "{color.neutral.600}"
655
659
  },
656
660
  "color-focus": {
657
661
  "type": "color",
658
- "value": "{color.neutral.500}"
662
+ "value": "{color.neutral.600}"
659
663
  },
660
664
  "color-hover": {
661
665
  "type": "color",
662
- "value": "{color.neutral.500}"
666
+ "value": "{color.neutral.600}"
663
667
  }
664
668
  }
665
669
  },
666
670
  "label": {
667
671
  "color": {
668
672
  "type": "color",
669
- "value": "{color.neutral.950}"
673
+ "value": "{color.neutral.1000}"
670
674
  },
671
675
  "font-size": {
672
676
  "large": {
@@ -690,11 +694,11 @@
690
694
  "placeholder": {
691
695
  "color": {
692
696
  "type": "color",
693
- "value": "{color.neutral.500}"
697
+ "value": "{color.neutral.800}"
694
698
  },
695
699
  "color-disabled": {
696
700
  "type": "color",
697
- "value": "{color.neutral.500}"
701
+ "value": "{color.neutral.800}"
698
702
  }
699
703
  },
700
704
  "readonly": {
@@ -718,19 +722,19 @@
718
722
  "readonly-background": {
719
723
  "color": {
720
724
  "type": "color",
721
- "value": "{color.neutral.50}"
725
+ "value": "{color.neutral.100}"
722
726
  },
723
727
  "color-disabled": {
724
728
  "type": "color",
725
- "value": "{color.neutral.50}"
729
+ "value": "{color.neutral.100}"
726
730
  },
727
731
  "color-focus": {
728
732
  "type": "color",
729
- "value": "{color.neutral.50}"
733
+ "value": "{color.neutral.100}"
730
734
  },
731
735
  "color-hover": {
732
736
  "type": "color",
733
- "value": "{color.neutral.50}"
737
+ "value": "{color.neutral.100}"
734
738
  }
735
739
  },
736
740
  "required": {
@@ -766,6 +770,36 @@
766
770
  "value": "{border-width.small}"
767
771
  }
768
772
  },
773
+ "interactive": {
774
+ "emphasis": {
775
+ "color": {
776
+ "type": "color",
777
+ "value": "{color.primary.500}"
778
+ },
779
+ "color-active": {
780
+ "type": "color",
781
+ "value": "{color.neutral.1000}"
782
+ },
783
+ "color-hover": {
784
+ "type": "color",
785
+ "value": "{color.primary.900}"
786
+ }
787
+ },
788
+ "quiet": {
789
+ "color": {
790
+ "type": "color",
791
+ "value": "{color.neutral.1000}"
792
+ },
793
+ "color-active": {
794
+ "type": "color",
795
+ "value": "{color.primary.600}"
796
+ },
797
+ "color-hover": {
798
+ "type": "color",
799
+ "value": "{color.primary.500}"
800
+ }
801
+ }
802
+ },
769
803
  "letter-spacing": {
770
804
  "dense": {
771
805
  "description": "Shoelace compatibility DO NOT USE",
@@ -822,29 +856,33 @@
822
856
  "link": {
823
857
  "color": {
824
858
  "type": "color",
825
- "value": "{color.primary.600}"
859
+ "value": "{interactive.emphasis.color}"
826
860
  },
827
861
  "color-active": {
828
862
  "type": "color",
829
- "value": "{color.primary.950}"
863
+ "value": "{interactive.emphasis.color-active}"
830
864
  },
831
865
  "color-hover": {
832
866
  "type": "color",
833
- "value": "{color.primary.900}"
867
+ "value": "{interactive.emphasis.color-hover}"
834
868
  },
835
869
  "quiet": {
836
870
  "color": {
837
871
  "type": "color",
838
- "value": "{typography.color.text}"
872
+ "value": "{interactive.quiet.color}"
839
873
  },
840
874
  "color-active": {
841
875
  "type": "color",
842
- "value": "{color.primary.950}"
876
+ "value": "{interactive.quiet.color-active}"
843
877
  },
844
878
  "color-hover": {
845
879
  "type": "color",
846
- "value": "{color.primary.900}"
880
+ "value": "{interactive.quiet.color-hover}"
847
881
  }
882
+ },
883
+ "underline-outline": {
884
+ "type": "string",
885
+ "value": "25%"
848
886
  }
849
887
  },
850
888
  "opacity": {
@@ -866,7 +904,7 @@
866
904
  "background": {
867
905
  "color": {
868
906
  "type": "color",
869
- "value": "{color.neutral.0}"
907
+ "value": "{color.neutral.50}"
870
908
  }
871
909
  },
872
910
  "border": {
@@ -874,6 +912,10 @@
874
912
  "type": "color",
875
913
  "value": "{color.neutral.300}"
876
914
  },
915
+ "radius": {
916
+ "type": "sizing",
917
+ "value": "{border-radius.x-large}"
918
+ },
877
919
  "width": {
878
920
  "type": "sizing",
879
921
  "value": "{border-width.small}"
@@ -934,6 +976,44 @@
934
976
  "value": "8px"
935
977
  }
936
978
  },
979
+ "spinner": {
980
+ "opacity": {
981
+ "type": "opacity",
982
+ "value": "40%"
983
+ }
984
+ },
985
+ "table": {
986
+ "background": {
987
+ "color": {
988
+ "type": "color",
989
+ "value": "{panel.background.color}"
990
+ },
991
+ "color-alternating": {
992
+ "type": "color",
993
+ "value": "{color.neutral.100}"
994
+ },
995
+ "color-header": {
996
+ "type": "color",
997
+ "value": "{color.neutral.200}"
998
+ }
999
+ },
1000
+ "border": {
1001
+ "color": {
1002
+ "type": "color",
1003
+ "value": "{color.neutral.300}"
1004
+ }
1005
+ },
1006
+ "shadow": {
1007
+ "end": {
1008
+ "type": "color",
1009
+ "value": "rgba(0, 0, 0, 0.00)"
1010
+ },
1011
+ "start": {
1012
+ "type": "color",
1013
+ "value": "rgba(0, 0, 0, 0.80)"
1014
+ }
1015
+ }
1016
+ },
937
1017
  "text-decoration": {
938
1018
  "default": {
939
1019
  "type": "string",
@@ -1031,11 +1111,11 @@
1031
1111
  "color": {
1032
1112
  "text": {
1033
1113
  "type": "color",
1034
- "value": "{color.neutral.950}"
1114
+ "value": "{color.neutral.1000}"
1035
1115
  },
1036
1116
  "text-inverted": {
1037
1117
  "type": "color",
1038
- "value": "{color.neutral.0}"
1118
+ "value": "{color.neutral.50}"
1039
1119
  }
1040
1120
  }
1041
1121
  },
@@ -1069,39 +1149,39 @@
1069
1149
  "shadow": {
1070
1150
  "medium": {
1071
1151
  "type": "shadow",
1072
- "value": "0px 1px 2px 0px rgba(13, 13, 13, 0.08), 0px 1px 4px 0px rgba(13, 13, 13, 0.08), 0px 2px 8px 0px rgba(13, 13, 13, 0.08)"
1152
+ "value": "0px 1px 2px 0px rgba(0, 0, 0, 0.08), 0px 1px 4px 0px rgba(0, 0, 0, 0.08), 0px 2px 8px 0px rgba(0, 0, 0, 0.08)"
1073
1153
  },
1074
1154
  "large": {
1075
1155
  "type": "shadow",
1076
- "value": "0px 0px 3px 0px rgba(13, 13, 13, 0.12), 0px 2px 6px 0px rgba(13, 13, 13, 0.12), 0px 3px 8px 0px rgba(13, 13, 13, 0.16)"
1156
+ "value": "0px 0px 3px 0px rgba(0, 0, 0, 0.12), 0px 2px 6px 0px rgba(0, 0, 0, 0.12), 0px 3px 8px 0px rgba(0, 0, 0, 0.16)"
1077
1157
  },
1078
1158
  "x-large": {
1079
1159
  "type": "shadow",
1080
- "value": "0px 1px 4px 0px rgba(13, 13, 13, 0.12), 0px 8px 24px 0px rgba(13, 13, 13, 0.12), 0px 16px 48px 0px rgba(13, 13, 13, 0.16)"
1160
+ "value": "0px 1px 4px 0px rgba(0, 0, 0, 0.12), 0px 8px 24px 0px rgba(0, 0, 0, 0.12), 0px 16px 48px 0px rgba(0, 0, 0, 0.16)"
1081
1161
  },
1082
1162
  "overflow-down": {
1083
1163
  "type": "shadow",
1084
- "value": "0px 1px 4px 0px rgba(13, 13, 13, 0.12), 0px 3px 8px 0px rgba(13, 13, 13, 0.12), 0px 4px 12px 0px rgba(13, 13, 13, 0.16)"
1164
+ "value": "0px 1px 4px 0px rgba(0, 0, 0, 0.12), 0px 3px 8px 0px rgba(0, 0, 0, 0.12), 0px 4px 12px 0px rgba(0, 0, 0, 0.16)"
1085
1165
  },
1086
1166
  "overflow-up": {
1087
1167
  "type": "shadow",
1088
- "value": "0px -1px 4px 0px rgba(13, 13, 13, 0.12), 0px -3px 8px 0px rgba(13, 13, 13, 0.12), 0px -4px 12px 0px rgba(13, 13, 13, 0.16)"
1168
+ "value": "0px -1px 4px 0px rgba(0, 0, 0, 0.12), 0px -3px 8px 0px rgba(0, 0, 0, 0.12), 0px -4px 12px 0px rgba(0, 0, 0, 0.16)"
1089
1169
  },
1090
1170
  "overflow-left": {
1091
1171
  "type": "shadow",
1092
- "value": "-1px 0px 4px 0px rgba(13, 13, 13, 0.12), -3px 0px 8px 0px rgba(13, 13, 13, 0.12), -4px 0px 12px 0px rgba(13, 13, 13, 0.16)"
1172
+ "value": "-1px 0px 4px 0px rgba(0, 0, 0, 0.12), -3px 0px 8px 0px rgba(0, 0, 0, 0.12), -4px 0px 12px 0px rgba(0, 0, 0, 0.16)"
1093
1173
  },
1094
1174
  "overflow-right": {
1095
1175
  "type": "shadow",
1096
- "value": "1px 0px 4px 0px rgba(13, 13, 13, 0.12), 3px 0px 8px 0px rgba(13, 13, 13, 0.12), 4px 0px 12px 0px rgba(13, 13, 13, 0.16)"
1176
+ "value": "1px 0px 4px 0px rgba(0, 0, 0, 0.12), 3px 0px 8px 0px rgba(0, 0, 0, 0.12), 4px 0px 12px 0px rgba(0, 0, 0, 0.16)"
1097
1177
  },
1098
1178
  "x-small": {
1099
1179
  "type": "shadow",
1100
- "value": "0px 1px 2px 0px rgba(13, 13, 13, 0.04), 0px 1px 4px 0px rgba(13, 13, 13, 0.04), 0px 2px 8px 0px rgba(13, 13, 13, 0.04)"
1180
+ "value": "0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 2px 8px 0px rgba(0, 0, 0, 0.04)"
1101
1181
  },
1102
1182
  "small": {
1103
1183
  "type": "shadow",
1104
- "value": "0px 1px 2px 0px rgba(13, 13, 13, 0.06), 0px 1px 4px 0px rgba(13, 13, 13, 0.06), 0px 2px 8px 0px rgba(13, 13, 13, 0.06)"
1184
+ "value": "0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 4px 0px rgba(0, 0, 0, 0.06), 0px 2px 8px 0px rgba(0, 0, 0, 0.06)"
1105
1185
  }
1106
1186
  },
1107
1187
  "body": {
package/src/figma-variables/output/sick2025-light.json CHANGED
@@ -388,9 +388,13 @@
388
388
  }
389
389
  },
390
390
  "focus-ring": {
391
+ "border-radius": {
392
+ "type": "sizing",
393
+ "value": "4px"
394
+ },
391
395
  "color": {
392
396
  "type": "color",
393
- "value": "{color.primary.400}"
397
+ "value": "{color.primary.700}"
394
398
  },
395
399
  "offset": {
396
400
  "type": "sizing",
@@ -506,35 +510,35 @@
506
510
  "border": {
507
511
  "color": {
508
512
  "type": "color",
509
- "value": "{color.neutral.700}"
513
+ "value": "{color.neutral.950}"
510
514
  },
511
515
  "color-disabled": {
512
516
  "type": "color",
513
- "value": "{color.neutral.700}"
517
+ "value": "{color.neutral.950}"
514
518
  },
515
519
  "color-focus": {
516
520
  "type": "color",
517
- "value": "{color.neutral.950}"
521
+ "value": "{color.primary.700}"
518
522
  },
519
523
  "color-focus-error": {
520
524
  "type": "color",
521
- "value": "{color.error.700}"
525
+ "value": "{color.error.600}"
522
526
  },
523
527
  "color-hover": {
524
528
  "type": "color",
525
- "value": "{color.neutral.950}"
529
+ "value": "{color.primary.700}"
526
530
  },
527
531
  "radius-large": {
528
532
  "type": "sizing",
529
- "value": "{border-radius.none}"
533
+ "value": "{border-radius.medium}"
530
534
  },
531
535
  "radius-medium": {
532
536
  "type": "sizing",
533
- "value": "{border-radius.none}"
537
+ "value": "{border-radius.medium}"
534
538
  },
535
539
  "radius-small": {
536
540
  "type": "sizing",
537
- "value": "{border-radius.none}"
541
+ "value": "{border-radius.medium}"
538
542
  },
539
543
  "width": {
540
544
  "type": "sizing",
@@ -564,11 +568,11 @@
564
568
  "focus-ring": {
565
569
  "color": {
566
570
  "type": "color",
567
- "value": "{color.primary.400}"
571
+ "value": "{color.primary.500}"
568
572
  },
569
573
  "error": {
570
574
  "type": "color",
571
- "value": "{color.error.400}"
575
+ "value": "{color.error.500}"
572
576
  },
573
577
  "offset": {
574
578
  "type": "sizing",
@@ -614,11 +618,11 @@
614
618
  "help-text": {
615
619
  "color": {
616
620
  "type": "color",
617
- "value": "{color.neutral.800}"
621
+ "value": "{color.neutral.700}"
618
622
  },
619
623
  "color-error": {
620
624
  "type": "color",
621
- "value": "{color.error.700}"
625
+ "value": "{color.error.600}"
622
626
  },
623
627
  "font-size": {
624
628
  "large": {
@@ -638,15 +642,15 @@
638
642
  "icon": {
639
643
  "color": {
640
644
  "type": "color",
641
- "value": "{color.neutral.800}"
645
+ "value": "{color.neutral.950}"
642
646
  },
643
647
  "color-focus": {
644
648
  "type": "color",
645
- "value": "{color.neutral.800}"
649
+ "value": "{color.neutral.950}"
646
650
  },
647
651
  "color-hover": {
648
652
  "type": "color",
649
- "value": "{color.neutral.800}"
653
+ "value": "{color.neutral.950}"
650
654
  },
651
655
  "icon-clearable": {
652
656
  "color": {
@@ -690,11 +694,11 @@
690
694
  "placeholder": {
691
695
  "color": {
692
696
  "type": "color",
693
- "value": "{color.neutral.500}"
697
+ "value": "{color.neutral.700}"
694
698
  },
695
699
  "color-disabled": {
696
700
  "type": "color",
697
- "value": "{color.neutral.500}"
701
+ "value": "{color.neutral.700}"
698
702
  }
699
703
  },
700
704
  "readonly": {
@@ -718,19 +722,19 @@
718
722
  "readonly-background": {
719
723
  "color": {
720
724
  "type": "color",
721
- "value": "{color.neutral.50}"
725
+ "value": "#f8f7f6"
722
726
  },
723
727
  "color-disabled": {
724
728
  "type": "color",
725
- "value": "{color.neutral.50}"
729
+ "value": "#f8f7f6"
726
730
  },
727
731
  "color-focus": {
728
732
  "type": "color",
729
- "value": "{color.neutral.50}"
733
+ "value": "#f8f7f6"
730
734
  },
731
735
  "color-hover": {
732
736
  "type": "color",
733
- "value": "{color.neutral.50}"
737
+ "value": "#f8f7f6"
734
738
  }
735
739
  },
736
740
  "required": {
@@ -766,6 +770,36 @@
766
770
  "value": "{border-width.small}"
767
771
  }
768
772
  },
773
+ "interactive": {
774
+ "emphasis": {
775
+ "color": {
776
+ "type": "color",
777
+ "value": "{color.primary.700}"
778
+ },
779
+ "color-active": {
780
+ "type": "color",
781
+ "value": "{color.neutral.950}"
782
+ },
783
+ "color-hover": {
784
+ "type": "color",
785
+ "value": "{color.primary.900}"
786
+ }
787
+ },
788
+ "quiet": {
789
+ "color": {
790
+ "type": "color",
791
+ "value": "{color.neutral.950}"
792
+ },
793
+ "color-active": {
794
+ "type": "color",
795
+ "value": "{color.primary.800}"
796
+ },
797
+ "color-hover": {
798
+ "type": "color",
799
+ "value": "{color.primary.700}"
800
+ }
801
+ }
802
+ },
769
803
  "letter-spacing": {
770
804
  "dense": {
771
805
  "description": "Shoelace compatibility DO NOT USE",
@@ -822,29 +856,33 @@
822
856
  "link": {
823
857
  "color": {
824
858
  "type": "color",
825
- "value": "{color.primary.600}"
859
+ "value": "{interactive.emphasis.color}"
826
860
  },
827
861
  "color-active": {
828
862
  "type": "color",
829
- "value": "{color.primary.950}"
863
+ "value": "{interactive.emphasis.color-active}"
830
864
  },
831
865
  "color-hover": {
832
866
  "type": "color",
833
- "value": "{color.primary.900}"
867
+ "value": "{interactive.emphasis.color-hover}"
834
868
  },
835
869
  "quiet": {
836
870
  "color": {
837
871
  "type": "color",
838
- "value": "{typography.color.text}"
872
+ "value": "{interactive.quiet.color}"
839
873
  },
840
874
  "color-active": {
841
875
  "type": "color",
842
- "value": "{color.primary.950}"
876
+ "value": "{interactive.quiet.color-active}"
843
877
  },
844
878
  "color-hover": {
845
879
  "type": "color",
846
- "value": "{color.primary.900}"
880
+ "value": "{interactive.quiet.color-hover}"
847
881
  }
882
+ },
883
+ "underline-outline": {
884
+ "type": "string",
885
+ "value": "25%"
848
886
  }
849
887
  },
850
888
  "opacity": {
@@ -872,7 +910,11 @@
872
910
  "border": {
873
911
  "color": {
874
912
  "type": "color",
875
- "value": "{color.neutral.300}"
913
+ "value": "#e6e1dc"
914
+ },
915
+ "radius": {
916
+ "type": "sizing",
917
+ "value": "{border-radius.x-large}"
876
918
  },
877
919
  "width": {
878
920
  "type": "sizing",
@@ -934,6 +976,44 @@
934
976
  "value": "8px"
935
977
  }
936
978
  },
979
+ "spinner": {
980
+ "opacity": {
981
+ "type": "opacity",
982
+ "value": "16%"
983
+ }
984
+ },
985
+ "table": {
986
+ "background": {
987
+ "color": {
988
+ "type": "color",
989
+ "value": "{panel.background.color}"
990
+ },
991
+ "color-alternating": {
992
+ "type": "color",
993
+ "value": "#f8f7f6"
994
+ },
995
+ "color-header": {
996
+ "type": "color",
997
+ "value": "#f2f0ed"
998
+ }
999
+ },
1000
+ "border": {
1001
+ "color": {
1002
+ "type": "color",
1003
+ "value": "#e6e1dc"
1004
+ }
1005
+ },
1006
+ "shadow": {
1007
+ "end": {
1008
+ "type": "color",
1009
+ "value": "rgba(13, 13, 13, 0.00)"
1010
+ },
1011
+ "start": {
1012
+ "type": "color",
1013
+ "value": "rgba(13, 13, 13, 0.16)"
1014
+ }
1015
+ }
1016
+ },
937
1017
  "text-decoration": {
938
1018
  "default": {
939
1019
  "type": "string",