Skip to content

Commit 54f0419

Browse files
anas-araid-belkaanas-araid-belka
committed
Update tokens
1 parent d8354db commit 54f0419

File tree

1 file changed

+94
-25
lines changed

1 file changed

+94
-25
lines changed

‎tokens/design.tokens.json‎

Lines changed: 94 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -570,7 +570,10 @@
570570
"value": "{semantic.color.background.primary}",
571571
"description": "",
572572
"$extensions": {
573-
"mode": {},
573+
"mode": {
574+
"Mode 1": "{semantic.color.background.primary}",
575+
"Mode 2": "{semantic.color.background.primary}"
576+
},
574577
"figma": {
575578
"codeSyntax": {
576579
"WEB": "button-primary-bg"
@@ -589,7 +592,10 @@
589592
"value": "{semantic.color.background.primary-hover}",
590593
"description": "",
591594
"$extensions": {
592-
"mode": {},
595+
"mode": {
596+
"Mode 1": "{semantic.color.background.primary-hover}",
597+
"Mode 2": "{semantic.color.background.primary-hover}"
598+
},
593599
"figma": {
594600
"codeSyntax": {
595601
"WEB": "button-primary-bg-hover"
@@ -608,7 +614,10 @@
608614
"value": "{semantic.color.background.primary-active}",
609615
"description": "",
610616
"$extensions": {
611-
"mode": {},
617+
"mode": {
618+
"Mode 1": "{semantic.color.background.primary-active}",
619+
"Mode 2": "{semantic.color.background.primary-active}"
620+
},
612621
"figma": {
613622
"codeSyntax": {
614623
"WEB": "button-primary-bg-active"
@@ -627,7 +636,10 @@
627636
"value": "{semantic.color.background.default}",
628637
"description": "",
629638
"$extensions": {
630-
"mode": {},
639+
"mode": {
640+
"Mode 1": "{semantic.color.background.default}",
641+
"Mode 2": "{semantic.color.background.default}"
642+
},
631643
"figma": {
632644
"codeSyntax": {
633645
"WEB": "button-primary-foreground"
@@ -643,10 +655,13 @@
643655
},
644656
"border-default": {
645657
"type": "color",
646-
"value": "{semantic.color.background.primary}",
658+
"value": "{global.pink.80}",
647659
"description": "",
648660
"$extensions": {
649-
"mode": {},
661+
"mode": {
662+
"Mode 1": "{global.pink.80}",
663+
"Mode 2": "{global.pink.80}"
664+
},
650665
"figma": {
651666
"codeSyntax": {
652667
"WEB": "button-primary-border"
@@ -665,7 +680,10 @@
665680
"value": "{semantic.color.background.primary-hover}",
666681
"description": "",
667682
"$extensions": {
668-
"mode": {},
683+
"mode": {
684+
"Mode 1": "{semantic.color.background.primary-hover}",
685+
"Mode 2": "{semantic.color.background.primary-hover}"
686+
},
669687
"figma": {
670688
"codeSyntax": {
671689
"WEB": "button-primary-border-hover"
@@ -684,7 +702,10 @@
684702
"value": "{semantic.color.background.primary-active}",
685703
"description": "",
686704
"$extensions": {
687-
"mode": {},
705+
"mode": {
706+
"Mode 1": "{semantic.color.background.primary-active}",
707+
"Mode 2": "{semantic.color.background.primary-active}"
708+
},
688709
"figma": {
689710
"codeSyntax": {
690711
"WEB": "button-primary-border-active"
@@ -705,7 +726,10 @@
705726
"value": "{semantic.color.background.secondary}",
706727
"description": "",
707728
"$extensions": {
708-
"mode": {},
729+
"mode": {
730+
"Mode 1": "{semantic.color.background.secondary}",
731+
"Mode 2": "{semantic.color.background.secondary}"
732+
},
709733
"figma": {
710734
"codeSyntax": {
711735
"WEB": "button-secondary-border"
@@ -724,7 +748,10 @@
724748
"value": "{semantic.color.background.secondary-hover}",
725749
"description": "",
726750
"$extensions": {
727-
"mode": {},
751+
"mode": {
752+
"Mode 1": "{semantic.color.background.secondary-hover}",
753+
"Mode 2": "{semantic.color.background.secondary-hover}"
754+
},
728755
"figma": {
729756
"codeSyntax": {
730757
"WEB": "button-secondary-border-hover"
@@ -743,7 +770,10 @@
743770
"value": "{semantic.color.background.secondary-active}",
744771
"description": "",
745772
"$extensions": {
746-
"mode": {},
773+
"mode": {
774+
"Mode 1": "{semantic.color.background.secondary-active}",
775+
"Mode 2": "{semantic.color.background.secondary-active}"
776+
},
747777
"figma": {
748778
"codeSyntax": {
749779
"WEB": "button-secondary-border-active"
@@ -762,7 +792,10 @@
762792
"value": "{semantic.color.background.secondary}",
763793
"description": "",
764794
"$extensions": {
765-
"mode": {},
795+
"mode": {
796+
"Mode 1": "{semantic.color.background.secondary}",
797+
"Mode 2": "{semantic.color.background.secondary}"
798+
},
766799
"figma": {
767800
"codeSyntax": {
768801
"WEB": "button-secondary-foreground"
@@ -781,7 +814,10 @@
781814
"value": "{global.alpha}",
782815
"description": "",
783816
"$extensions": {
784-
"mode": {},
817+
"mode": {
818+
"Mode 1": "{global.alpha}",
819+
"Mode 2": "{global.alpha}"
820+
},
785821
"figma": {
786822
"codeSyntax": {
787823
"WEB": "button-secondary-bg"
@@ -800,7 +836,10 @@
800836
"value": "{global.alpha}",
801837
"description": "",
802838
"$extensions": {
803-
"mode": {},
839+
"mode": {
840+
"Mode 1": "{global.alpha}",
841+
"Mode 2": "{global.alpha}"
842+
},
804843
"figma": {
805844
"codeSyntax": {
806845
"WEB": "button-secondary-bg-hover"
@@ -819,7 +858,10 @@
819858
"value": "{global.alpha}",
820859
"description": "",
821860
"$extensions": {
822-
"mode": {},
861+
"mode": {
862+
"Mode 1": "{global.alpha}",
863+
"Mode 2": "{global.alpha}"
864+
},
823865
"figma": {
824866
"codeSyntax": {
825867
"WEB": "button-secondary-bg-active"
@@ -840,7 +882,10 @@
840882
"value": "{semantic.color.background.tertiary}",
841883
"description": "",
842884
"$extensions": {
843-
"mode": {},
885+
"mode": {
886+
"Mode 1": "{semantic.color.background.tertiary}",
887+
"Mode 2": "{semantic.color.background.tertiary}"
888+
},
844889
"figma": {
845890
"codeSyntax": {
846891
"WEB": "button-secondary-foreground"
@@ -859,7 +904,10 @@
859904
"value": "{global.alpha}",
860905
"description": "",
861906
"$extensions": {
862-
"mode": {},
907+
"mode": {
908+
"Mode 1": "{global.alpha}",
909+
"Mode 2": "{global.alpha}"
910+
},
863911
"figma": {
864912
"codeSyntax": {
865913
"WEB": "button-secondary-bg"
@@ -878,7 +926,10 @@
878926
"value": "{global.alpha}",
879927
"description": "",
880928
"$extensions": {
881-
"mode": {},
929+
"mode": {
930+
"Mode 1": "{global.alpha}",
931+
"Mode 2": "{global.alpha}"
932+
},
882933
"figma": {
883934
"codeSyntax": {
884935
"WEB": "button-secondary-bg-hover"
@@ -897,7 +948,10 @@
897948
"value": "{global.alpha}",
898949
"description": "",
899950
"$extensions": {
900-
"mode": {},
951+
"mode": {
952+
"Mode 1": "{global.alpha}",
953+
"Mode 2": "{global.alpha}"
954+
},
901955
"figma": {
902956
"codeSyntax": {
903957
"WEB": "button-secondary-bg-active"
@@ -916,7 +970,10 @@
916970
"value": "{semantic.color.background.tertiary-hover}",
917971
"description": "",
918972
"$extensions": {
919-
"mode": {},
973+
"mode": {
974+
"Mode 1": "{semantic.color.background.tertiary-hover}",
975+
"Mode 2": "{semantic.color.background.tertiary-hover}"
976+
},
920977
"figma": {
921978
"codeSyntax": {
922979
"WEB": "button-secondary-border-hover"
@@ -935,7 +992,10 @@
935992
"value": "{semantic.color.background.tertiary-active}",
936993
"description": "",
937994
"$extensions": {
938-
"mode": {},
995+
"mode": {
996+
"Mode 1": "{semantic.color.background.tertiary-active}",
997+
"Mode 2": "{semantic.color.background.tertiary-active}"
998+
},
939999
"figma": {
9401000
"codeSyntax": {
9411001
"WEB": "button-secondary-border-active"
@@ -956,7 +1016,10 @@
9561016
"value": "{semantic.spacing.xs}",
9571017
"description": "",
9581018
"$extensions": {
959-
"mode": {},
1019+
"mode": {
1020+
"Mode 1": "{semantic.spacing.xs}",
1021+
"Mode 2": "{semantic.spacing.xs}"
1022+
},
9601023
"figma": {
9611024
"codeSyntax": {},
9621025
"variableId": "VariableID:8002:156",
@@ -973,7 +1036,10 @@
9731036
"value": "{semantic.spacing.xs}",
9741037
"description": "",
9751038
"$extensions": {
976-
"mode": {},
1039+
"mode": {
1040+
"Mode 1": "{semantic.spacing.xs}",
1041+
"Mode 2": "{semantic.spacing.xs}"
1042+
},
9771043
"figma": {
9781044
"codeSyntax": {},
9791045
"variableId": "VariableID:8002:157",
@@ -990,7 +1056,10 @@
9901056
"value": "{semantic.radius.xs}",
9911057
"description": "",
9921058
"$extensions": {
993-
"mode": {},
1059+
"mode": {
1060+
"Mode 1": "{semantic.radius.xs}",
1061+
"Mode 2": "{semantic.radius.xs}"
1062+
},
9941063
"figma": {
9951064
"codeSyntax": {},
9961065
"variableId": "VariableID:8002:158",
@@ -2959,7 +3028,7 @@
29593028
"specific",
29603029
"global"
29613030
],
2962-
"createdAt": "2025-05-12T04:31:50.538Z"
3031+
"createdAt": "2025-05-12T16:17:24.180Z"
29633032
}
29643033
}
29653034
}

0 commit comments

Comments
 (0)