@momentum-design/tokens 0.0.37 → 0.0.38

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 (29) hide show
  1. package/dist/css/core/complete.css +1 -1
  2. package/dist/css/theme/webex/common-stable.css +1 -1
  3. package/dist/css/theme/webex/dark-complete.css +24 -20
  4. package/dist/css/theme/webex/dark-stable.css +1 -1
  5. package/dist/css/theme/webex/light-complete.css +20 -19
  6. package/dist/css/theme/webex/light-stable.css +1 -1
  7. package/dist/ios/core/complete.swift +1 -1
  8. package/dist/ios/theme/webex/common-stable.swift +1 -1
  9. package/dist/ios/theme/webex/dark-complete.swift +24 -20
  10. package/dist/ios/theme/webex/dark-stable.swift +1 -1
  11. package/dist/ios/theme/webex/light-complete.swift +20 -19
  12. package/dist/ios/theme/webex/light-stable.swift +1 -1
  13. package/dist/json/theme/webex/dark-complete.json +347 -243
  14. package/dist/json/theme/webex/light-complete.json +270 -251
  15. package/dist/json-minimal/theme/webex/dark-complete.json +26 -20
  16. package/dist/json-minimal/theme/webex/light-complete.json +19 -20
  17. package/dist/resources/core/complete.xml +1 -1
  18. package/dist/resources/theme/webex/common-stable.xml +1 -1
  19. package/dist/resources/theme/webex/dark-complete.xml +24 -20
  20. package/dist/resources/theme/webex/dark-stable.xml +1 -1
  21. package/dist/resources/theme/webex/light-complete.xml +20 -19
  22. package/dist/resources/theme/webex/light-stable.xml +1 -1
  23. package/dist/scss/core/complete.scss +1 -1
  24. package/dist/scss/theme/webex/common-stable.scss +1 -1
  25. package/dist/scss/theme/webex/dark-complete.scss +25 -21
  26. package/dist/scss/theme/webex/dark-stable.scss +1 -1
  27. package/dist/scss/theme/webex/light-complete.scss +20 -19
  28. package/dist/scss/theme/webex/light-stable.scss +1 -1
  29. package/package.json +1 -1
package/dist/json/theme/webex/dark-complete.json CHANGED
@@ -340,7 +340,7 @@
340
340
  }
341
341
  },
342
342
  "02": {
343
- "primary": {
343
+ "tertiary": {
344
344
  "value": "#262626",
345
345
  "type": "color",
346
346
  "description": "Core Token: core.gray.90\nHEX: 262626\n----------------\nUsed this for the most top modal surface when layering one to another. For details, find \"UI Layering\" : \nhttps://www.figma.com/file/GAPJbRR46eugOlrHzFJ7Fe/UI-Layering?node-id=3%3A22089",
@@ -351,7 +351,7 @@
351
351
  "type": "color",
352
352
  "description": "Core Token: core.gray.90\nHEX: 262626\n----------------\nUsed this for the most top modal surface when layering one to another. For details, find \"UI Layering\" : \nhttps://www.figma.com/file/GAPJbRR46eugOlrHzFJ7Fe/UI-Layering?node-id=3%3A22089"
353
353
  },
354
- "name": "mds-color-theme-surface-neutral-02-primary",
354
+ "name": "mds-color-theme-surface-neutral-02-tertiary",
355
355
  "attributes": {
356
356
  "category": "color",
357
357
  "type": "theme",
@@ -365,7 +365,7 @@
365
365
  "surface",
366
366
  "neutral",
367
367
  "02",
368
- "primary"
368
+ "tertiary"
369
369
  ]
370
370
  },
371
371
  "secondary": {
@@ -396,7 +396,7 @@
396
396
  "secondary"
397
397
  ]
398
398
  },
399
- "tertiary": {
399
+ "primary": {
400
400
  "value": "#000000",
401
401
  "type": "color",
402
402
  "description": "Core Token: core.black-alpha.100\nHEX: 000000\n----------------\nFull solid surface. Used this for calendar picker, input-filed, toasts, panel-rectangles. Can also be used when layering surfaces one to another. For details, find \"UI Layering\" : \nhttps://www.figma.com/file/GAPJbRR46eugOlrHzFJ7Fe/UI-Layering?node-id=3%3A22089",
@@ -407,7 +407,7 @@
407
407
  "type": "color",
408
408
  "description": "Core Token: core.black-alpha.100\nHEX: 000000\n----------------\nFull solid surface. Used this for calendar picker, input-filed, toasts, panel-rectangles. Can also be used when layering surfaces one to another. For details, find \"UI Layering\" : \nhttps://www.figma.com/file/GAPJbRR46eugOlrHzFJ7Fe/UI-Layering?node-id=3%3A22089"
409
409
  },
410
- "name": "mds-color-theme-surface-neutral-02-tertiary",
410
+ "name": "mds-color-theme-surface-neutral-02-primary",
411
411
  "attributes": {
412
412
  "category": "color",
413
413
  "type": "theme",
@@ -421,7 +421,7 @@
421
421
  "surface",
422
422
  "neutral",
423
423
  "02",
424
- "tertiary"
424
+ "primary"
425
425
  ]
426
426
  }
427
427
  }
@@ -653,6 +653,62 @@
653
653
  ]
654
654
  }
655
655
  }
656
+ },
657
+ "gradient": {
658
+ "00": {
659
+ "value": "linear-gradient(90deg, rgba(26, 26, 26, 0.72) 60.56%, rgba(26, 26, 26, 0) 92.59%)",
660
+ "type": "color",
661
+ "description": "linear-gradient(90deg, rgba(26, 26, 26, 0.72) 60.56%, rgba(26, 26, 26, 0) 92.59%)\nUsed for reaction components(meetings/reactions/feed)",
662
+ "filePath": "src/theme/webex/dark.json",
663
+ "isSource": true,
664
+ "original": {
665
+ "value": "linear-gradient(90deg, rgba(26, 26, 26, 0.72) 60.56%, rgba(26, 26, 26, 0) 92.59%)",
666
+ "type": "color",
667
+ "description": "linear-gradient(90deg, rgba(26, 26, 26, 0.72) 60.56%, rgba(26, 26, 26, 0) 92.59%)\nUsed for reaction components(meetings/reactions/feed)"
668
+ },
669
+ "name": "mds-color-theme-surface-gradient-00",
670
+ "attributes": {
671
+ "category": "color",
672
+ "type": "theme",
673
+ "item": "surface",
674
+ "subitem": "gradient",
675
+ "state": "00"
676
+ },
677
+ "path": [
678
+ "color",
679
+ "theme",
680
+ "surface",
681
+ "gradient",
682
+ "00"
683
+ ]
684
+ },
685
+ "01": {
686
+ "value": "linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%)",
687
+ "type": "color",
688
+ "description": "linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%)\nUsed for meeting reactions (overlay background)",
689
+ "filePath": "src/theme/webex/dark.json",
690
+ "isSource": true,
691
+ "original": {
692
+ "value": "linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%)",
693
+ "type": "color",
694
+ "description": "linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%)\nUsed for meeting reactions (overlay background)"
695
+ },
696
+ "name": "mds-color-theme-surface-gradient-01",
697
+ "attributes": {
698
+ "category": "color",
699
+ "type": "theme",
700
+ "item": "surface",
701
+ "subitem": "gradient",
702
+ "state": "01"
703
+ },
704
+ "path": [
705
+ "color",
706
+ "theme",
707
+ "surface",
708
+ "gradient",
709
+ "01"
710
+ ]
711
+ }
656
712
  }
657
713
  },
658
714
  "content": {
@@ -715,15 +771,15 @@
715
771
  ]
716
772
  },
717
773
  "disabled": {
718
- "value": "#ffffff66",
774
+ "value": "#ffffff33",
719
775
  "type": "color",
720
- "description": "Core Token: core.white-alpha.40\nHEX: FFFFFF 40%\n---\nUsed for disabled state for all text",
776
+ "description": "Core Token: core.white-alpha.20\nHEX: FFFFFF 20%\n---\nUsed for disabled state for all text",
721
777
  "filePath": "src/theme/webex/dark.json",
722
778
  "isSource": true,
723
779
  "original": {
724
- "value": "{color.core.white-alpha.40}",
780
+ "value": "{color.core.white-alpha.20}",
725
781
  "type": "color",
726
- "description": "Core Token: core.white-alpha.40\nHEX: FFFFFF 40%\n---\nUsed for disabled state for all text"
782
+ "description": "Core Token: core.white-alpha.20\nHEX: FFFFFF 20%\n---\nUsed for disabled state for all text"
727
783
  },
728
784
  "name": "mds-color-theme-content-text-neutral-disabled",
729
785
  "attributes": {
@@ -864,15 +920,15 @@
864
920
  ]
865
921
  },
866
922
  "disabled": {
867
- "value": "#00000066",
923
+ "value": "#00000033",
868
924
  "type": "color",
869
- "description": "Core Token: core.black-alpha.40\nHEX: 000000 40%\n---\nUsed for disabled inverted text.",
925
+ "description": "Core Token: core.black-alpha.20\nHEX: 000000 20%\n---\nUsed for disabled inverted text.",
870
926
  "filePath": "src/theme/webex/dark.json",
871
927
  "isSource": true,
872
928
  "original": {
873
- "value": "{color.core.black-alpha.40}",
929
+ "value": "{color.core.black-alpha.20}",
874
930
  "type": "color",
875
- "description": "Core Token: core.black-alpha.40\nHEX: 000000 40%\n---\nUsed for disabled inverted text."
931
+ "description": "Core Token: core.black-alpha.20\nHEX: 000000 20%\n---\nUsed for disabled inverted text."
876
932
  },
877
933
  "name": "mds-color-theme-content-text-contrast-neutral-disabled",
878
934
  "attributes": {
@@ -894,7 +950,7 @@
894
950
  }
895
951
  }
896
952
  },
897
- "positve": {
953
+ "positive": {
898
954
  "active": {
899
955
  "value": "#9fedd8",
900
956
  "type": "color",
@@ -906,20 +962,20 @@
906
962
  "type": "color",
907
963
  "description": "Core Token: core.green.20\nHEX: 9FEDD8\n----\nUsed for Success, Join text\n"
908
964
  },
909
- "name": "mds-color-theme-content-text-positve-active",
965
+ "name": "mds-color-theme-content-text-positive-active",
910
966
  "attributes": {
911
967
  "category": "color",
912
968
  "type": "theme",
913
969
  "item": "content",
914
970
  "subitem": "text",
915
- "state": "positve"
971
+ "state": "positive"
916
972
  },
917
973
  "path": [
918
974
  "color",
919
975
  "theme",
920
976
  "content",
921
977
  "text",
922
- "positve",
978
+ "positive",
923
979
  "active"
924
980
  ]
925
981
  },
@@ -934,20 +990,20 @@
934
990
  "type": "color",
935
991
  "description": "Core Token: green-20\nHEX: 9FEDD8\n----\nUsed for hover state of Success, Join text"
936
992
  },
937
- "name": "mds-color-theme-content-text-positve-hover",
993
+ "name": "mds-color-theme-content-text-positive-hover",
938
994
  "attributes": {
939
995
  "category": "color",
940
996
  "type": "theme",
941
997
  "item": "content",
942
998
  "subitem": "text",
943
- "state": "positve"
999
+ "state": "positive"
944
1000
  },
945
1001
  "path": [
946
1002
  "color",
947
1003
  "theme",
948
1004
  "content",
949
1005
  "text",
950
- "positve",
1006
+ "positive",
951
1007
  "hover"
952
1008
  ]
953
1009
  },
@@ -962,20 +1018,20 @@
962
1018
  "type": "color",
963
1019
  "description": "Core Token: core.green.40\nHEX: 3CC29A\n\n-----\nUsed for rest state of success, join text"
964
1020
  },
965
- "name": "mds-color-theme-content-text-positve-default",
1021
+ "name": "mds-color-theme-content-text-positive-default",
966
1022
  "attributes": {
967
1023
  "category": "color",
968
1024
  "type": "theme",
969
1025
  "item": "content",
970
1026
  "subitem": "text",
971
- "state": "positve"
1027
+ "state": "positive"
972
1028
  },
973
1029
  "path": [
974
1030
  "color",
975
1031
  "theme",
976
1032
  "content",
977
1033
  "text",
978
- "positve",
1034
+ "positive",
979
1035
  "default"
980
1036
  ]
981
1037
  }
@@ -2551,15 +2607,15 @@
2551
2607
  ]
2552
2608
  },
2553
2609
  "01": {
2554
- "value": "#3b3b3b",
2610
+ "value": "#545454",
2555
2611
  "type": "color",
2556
- "description": "Core Token: core.gray.80\nHEX: 3B3B3B\n--------------------------\nUsed for active state of alert-badge",
2612
+ "description": "Core Token: core.gray.70\nHEX: 545454\n--------------------------\nUsed for active state of alert-badge",
2557
2613
  "filePath": "src/theme/webex/dark.json",
2558
2614
  "isSource": true,
2559
2615
  "original": {
2560
- "value": "{color.core.gray.80}",
2616
+ "value": "{color.core.gray.70}",
2561
2617
  "type": "color",
2562
- "description": "Core Token: core.gray.80\nHEX: 3B3B3B\n--------------------------\nUsed for active state of alert-badge"
2618
+ "description": "Core Token: core.gray.70\nHEX: 545454\n--------------------------\nUsed for active state of alert-badge"
2563
2619
  },
2564
2620
  "name": "mds-color-theme-content-indicator-neutral-01",
2565
2621
  "attributes": {
@@ -2579,15 +2635,15 @@
2579
2635
  ]
2580
2636
  },
2581
2637
  "02": {
2582
- "value": "#262626",
2638
+ "value": "#3b3b3b",
2583
2639
  "type": "color",
2584
- "description": "Core Token: core.gray.90\nHEX: 262626\n------------------------\nUsed for rest/hover state of alert-badge, rest state of tags",
2640
+ "description": "Core Token: core.gray.80\nHEX: 3B3B3B\n--------------------------\nUsed for rest/hover state of alert-badge",
2585
2641
  "filePath": "src/theme/webex/dark.json",
2586
2642
  "isSource": true,
2587
2643
  "original": {
2588
- "value": "{color.core.gray.90}",
2644
+ "value": "{color.core.gray.80}",
2589
2645
  "type": "color",
2590
- "description": "Core Token: core.gray.90\nHEX: 262626\n------------------------\nUsed for rest/hover state of alert-badge, rest state of tags"
2646
+ "description": "Core Token: core.gray.80\nHEX: 3B3B3B\n--------------------------\nUsed for rest/hover state of alert-badge"
2591
2647
  },
2592
2648
  "name": "mds-color-theme-content-indicator-neutral-02",
2593
2649
  "attributes": {
@@ -2607,15 +2663,15 @@
2607
2663
  ]
2608
2664
  },
2609
2665
  "03": {
2610
- "value": "#1a1a1a",
2666
+ "value": "#262626",
2611
2667
  "type": "color",
2612
- "description": "Core Token: core.gray.95\nHEX: 1A1A1A\n-----------------\nUsed for hover state of tags",
2668
+ "description": "Core Token: core.gray.90\nHEX: 262626\n------------------------\nUsed for rest state of tags",
2613
2669
  "filePath": "src/theme/webex/dark.json",
2614
2670
  "isSource": true,
2615
2671
  "original": {
2616
- "value": "{color.core.gray.95}",
2672
+ "value": "{color.core.gray.90}",
2617
2673
  "type": "color",
2618
- "description": "Core Token: core.gray.95\nHEX: 1A1A1A\n-----------------\nUsed for hover state of tags"
2674
+ "description": "Core Token: core.gray.90\nHEX: 262626\n------------------------\nUsed for rest state of tags"
2619
2675
  },
2620
2676
  "name": "mds-color-theme-content-indicator-neutral-03",
2621
2677
  "attributes": {
@@ -2635,15 +2691,15 @@
2635
2691
  ]
2636
2692
  },
2637
2693
  "04": {
2638
- "value": "#ffffff",
2694
+ "value": "#1a1a1a",
2639
2695
  "type": "color",
2640
- "description": "Core Token: core.black-alpha.100\nHEX: 000000\n-------------------------\nUsed for pressed state of tags, name-tag.",
2696
+ "description": "Core Token: core.gray.95\nHEX: 1A1A1A\n-----------------\nUsed for hover state of tags",
2641
2697
  "filePath": "src/theme/webex/dark.json",
2642
2698
  "isSource": true,
2643
2699
  "original": {
2644
- "value": "{color.core.white-alpha.100}",
2700
+ "value": "{color.core.gray.95}",
2645
2701
  "type": "color",
2646
- "description": "Core Token: core.black-alpha.100\nHEX: 000000\n-------------------------\nUsed for pressed state of tags, name-tag."
2702
+ "description": "Core Token: core.gray.95\nHEX: 1A1A1A\n-----------------\nUsed for hover state of tags"
2647
2703
  },
2648
2704
  "name": "mds-color-theme-content-indicator-neutral-04",
2649
2705
  "attributes": {
@@ -2661,6 +2717,34 @@
2661
2717
  "neutral",
2662
2718
  "04"
2663
2719
  ]
2720
+ },
2721
+ "05": {
2722
+ "value": "#000000",
2723
+ "type": "color",
2724
+ "description": "Core Token: core.alpha-black.100\nHEX: 000000\n-----------------\nUsed for press state of tags",
2725
+ "filePath": "src/theme/webex/dark.json",
2726
+ "isSource": true,
2727
+ "original": {
2728
+ "value": "{color.core.black-alpha.100}",
2729
+ "type": "color",
2730
+ "description": "Core Token: core.alpha-black.100\nHEX: 000000\n-----------------\nUsed for press state of tags"
2731
+ },
2732
+ "name": "mds-color-theme-content-indicator-neutral-05",
2733
+ "attributes": {
2734
+ "category": "color",
2735
+ "type": "theme",
2736
+ "item": "content",
2737
+ "subitem": "indicator",
2738
+ "state": "neutral"
2739
+ },
2740
+ "path": [
2741
+ "color",
2742
+ "theme",
2743
+ "content",
2744
+ "indicator",
2745
+ "neutral",
2746
+ "05"
2747
+ ]
2664
2748
  }
2665
2749
  },
2666
2750
  "positive": {
@@ -3810,106 +3894,131 @@
3810
3894
  },
3811
3895
  "control": {
3812
3896
  "neutral": {
3813
- "inactive": {
3814
- "default": {
3815
- "value": "#ffffff33",
3897
+ "default": {
3898
+ "value": "#ffffff33",
3899
+ "type": "color",
3900
+ "description": "Core Token: core.white-alpha.20\nHEX: ffffff 20%\n--------------\nUsed for rest state of unslected/inactive toggle component background\nDo not use for toggle buttons. Use \"control.neutraul.defualt\" in Common theme. ",
3901
+ "filePath": "src/theme/webex/dark.json",
3902
+ "isSource": true,
3903
+ "original": {
3904
+ "value": "{color.core.white-alpha.20}",
3816
3905
  "type": "color",
3817
- "description": "Core Token: core.white-alpha.20\nHEX: FFFFFF 20%\n-----------------------\nUsed for rest state of inactive control components (radio, toggle, checkbox)",
3818
- "filePath": "src/theme/webex/dark.json",
3819
- "isSource": true,
3820
- "original": {
3821
- "value": "{color.core.white-alpha.20}",
3822
- "type": "color",
3823
- "description": "Core Token: core.white-alpha.20\nHEX: FFFFFF 20%\n-----------------------\nUsed for rest state of inactive control components (radio, toggle, checkbox)"
3824
- },
3825
- "name": "mds-color-theme-content-control-neutral-inactive-default",
3826
- "attributes": {
3827
- "category": "color",
3828
- "type": "theme",
3829
- "item": "content",
3830
- "subitem": "control",
3831
- "state": "neutral"
3832
- },
3833
- "path": [
3834
- "color",
3835
- "theme",
3836
- "content",
3837
- "control",
3838
- "neutral",
3839
- "inactive",
3840
- "default"
3841
- ]
3906
+ "description": "Core Token: core.white-alpha.20\nHEX: ffffff 20%\n--------------\nUsed for rest state of unslected/inactive toggle component background\nDo not use for toggle buttons. Use \"control.neutraul.defualt\" in Common theme. "
3842
3907
  },
3843
- "hover": {
3844
- "value": "#ffffff4d",
3908
+ "name": "mds-color-theme-content-control-neutral-default",
3909
+ "attributes": {
3910
+ "category": "color",
3911
+ "type": "theme",
3912
+ "item": "content",
3913
+ "subitem": "control",
3914
+ "state": "neutral"
3915
+ },
3916
+ "path": [
3917
+ "color",
3918
+ "theme",
3919
+ "content",
3920
+ "control",
3921
+ "neutral",
3922
+ "default"
3923
+ ]
3924
+ },
3925
+ "hover": {
3926
+ "value": "#ffffff4d",
3927
+ "type": "color",
3928
+ "description": "Core Token: core.white-alpha.30\nHEX: FFFFFF 30%\n-----------------------\nUsed for hover state of unslected/inactive control components background (radio, toggle, checkbox)\nDo not use for toggle buttons. Use \"control.neutraul.defualt\" in Common theme.",
3929
+ "filePath": "src/theme/webex/dark.json",
3930
+ "isSource": true,
3931
+ "original": {
3932
+ "value": "{color.core.white-alpha.30}",
3845
3933
  "type": "color",
3846
- "description": "Core Token: core.white-alpha.30\nHEX: FFFFFF 30%\n-----------------------\nUsed for hover state of inactive control components (radio, toggle, checkbox)",
3847
- "filePath": "src/theme/webex/dark.json",
3848
- "isSource": true,
3849
- "original": {
3850
- "value": "{color.core.white-alpha.30}",
3851
- "type": "color",
3852
- "description": "Core Token: core.white-alpha.30\nHEX: FFFFFF 30%\n-----------------------\nUsed for hover state of inactive control components (radio, toggle, checkbox)"
3853
- },
3854
- "name": "mds-color-theme-content-control-neutral-inactive-hover",
3855
- "attributes": {
3856
- "category": "color",
3857
- "type": "theme",
3858
- "item": "content",
3859
- "subitem": "control",
3860
- "state": "neutral"
3861
- },
3862
- "path": [
3863
- "color",
3864
- "theme",
3865
- "content",
3866
- "control",
3867
- "neutral",
3868
- "inactive",
3869
- "hover"
3870
- ]
3934
+ "description": "Core Token: core.white-alpha.30\nHEX: FFFFFF 30%\n-----------------------\nUsed for hover state of unslected/inactive control components background (radio, toggle, checkbox)\nDo not use for toggle buttons. Use \"control.neutraul.defualt\" in Common theme."
3871
3935
  },
3872
- "pressed": {
3873
- "value": "#ffffff66",
3936
+ "name": "mds-color-theme-content-control-neutral-hover",
3937
+ "attributes": {
3938
+ "category": "color",
3939
+ "type": "theme",
3940
+ "item": "content",
3941
+ "subitem": "control",
3942
+ "state": "neutral"
3943
+ },
3944
+ "path": [
3945
+ "color",
3946
+ "theme",
3947
+ "content",
3948
+ "control",
3949
+ "neutral",
3950
+ "hover"
3951
+ ]
3952
+ },
3953
+ "pressed": {
3954
+ "value": "#ffffff66",
3955
+ "type": "color",
3956
+ "description": "Core Token: core.white-alpha.40\nHEX: FFFFFF 40%\n-----------------------\nUsed for pressed state of unslected/inactive control components background (radio, toggle, checkbox)\nDo not use for toggle buttons. Use \"control.neutraul.defualt\" in Common theme.",
3957
+ "filePath": "src/theme/webex/dark.json",
3958
+ "isSource": true,
3959
+ "original": {
3960
+ "value": "{color.core.white-alpha.40}",
3874
3961
  "type": "color",
3875
- "description": "Core Token: core.white-alpha.40\nHEX: FFFFFF 40%\n-----------------------\nUsed for pressed state of inactive control components (radio, toggle, checkbox)",
3876
- "filePath": "src/theme/webex/dark.json",
3877
- "isSource": true,
3878
- "original": {
3879
- "value": "{color.core.white-alpha.40}",
3880
- "type": "color",
3881
- "description": "Core Token: core.white-alpha.40\nHEX: FFFFFF 40%\n-----------------------\nUsed for pressed state of inactive control components (radio, toggle, checkbox)"
3882
- },
3883
- "name": "mds-color-theme-content-control-neutral-inactive-pressed",
3884
- "attributes": {
3885
- "category": "color",
3886
- "type": "theme",
3887
- "item": "content",
3888
- "subitem": "control",
3889
- "state": "neutral"
3890
- },
3891
- "path": [
3892
- "color",
3893
- "theme",
3894
- "content",
3895
- "control",
3896
- "neutral",
3897
- "inactive",
3898
- "pressed"
3899
- ]
3962
+ "description": "Core Token: core.white-alpha.40\nHEX: FFFFFF 40%\n-----------------------\nUsed for pressed state of unslected/inactive control components background (radio, toggle, checkbox)\nDo not use for toggle buttons. Use \"control.neutraul.defualt\" in Common theme."
3963
+ },
3964
+ "name": "mds-color-theme-content-control-neutral-pressed",
3965
+ "attributes": {
3966
+ "category": "color",
3967
+ "type": "theme",
3968
+ "item": "content",
3969
+ "subitem": "control",
3970
+ "state": "neutral"
3900
3971
  },
3972
+ "path": [
3973
+ "color",
3974
+ "theme",
3975
+ "content",
3976
+ "control",
3977
+ "neutral",
3978
+ "pressed"
3979
+ ]
3980
+ },
3981
+ "disabled": {
3982
+ "value": "#ffffff33",
3983
+ "type": "color",
3984
+ "description": "Core Token: core.white-alpha.20\nHEX: FFFFFF 20%\n-----------------------\nUsed for disabled state of all control components background but sliders.(radio, toggle, checkbox)\nDo not used for slider buttons. Use \"control.neutral.slider.disabled\" instead.",
3985
+ "filePath": "src/theme/webex/dark.json",
3986
+ "isSource": true,
3987
+ "original": {
3988
+ "value": "{color.core.white-alpha.20}",
3989
+ "type": "color",
3990
+ "description": "Core Token: core.white-alpha.20\nHEX: FFFFFF 20%\n-----------------------\nUsed for disabled state of all control components background but sliders.(radio, toggle, checkbox)\nDo not used for slider buttons. Use \"control.neutral.slider.disabled\" instead."
3991
+ },
3992
+ "name": "mds-color-theme-content-control-neutral-disabled",
3993
+ "attributes": {
3994
+ "category": "color",
3995
+ "type": "theme",
3996
+ "item": "content",
3997
+ "subitem": "control",
3998
+ "state": "neutral"
3999
+ },
4000
+ "path": [
4001
+ "color",
4002
+ "theme",
4003
+ "content",
4004
+ "control",
4005
+ "neutral",
4006
+ "disabled"
4007
+ ]
4008
+ },
4009
+ "slider": {
3901
4010
  "disabled": {
3902
- "value": "#ffffff1c",
4011
+ "value": "#707070",
3903
4012
  "type": "color",
3904
- "description": "Core Token: core.white-alpha.11\nHEX: FFFFFF 11%\n-----------------------\nUsed for disabled state of inactive control components (radio, toggle, checkbox)",
4013
+ "description": "Core Token: core.gray.60\nHEX: 707070\n-----------------------\nUsed for disabled state of slider handle button.",
3905
4014
  "filePath": "src/theme/webex/dark.json",
3906
4015
  "isSource": true,
3907
4016
  "original": {
3908
- "value": "{color.core.white-alpha.11}",
4017
+ "value": "{color.core.gray.60}",
3909
4018
  "type": "color",
3910
- "description": "Core Token: core.white-alpha.11\nHEX: FFFFFF 11%\n-----------------------\nUsed for disabled state of inactive control components (radio, toggle, checkbox)"
4019
+ "description": "Core Token: core.gray.60\nHEX: 707070\n-----------------------\nUsed for disabled state of slider handle button."
3911
4020
  },
3912
- "name": "mds-color-theme-content-control-neutral-inactive-disabled",
4021
+ "name": "mds-color-theme-content-control-neutral-slider-disabled",
3913
4022
  "attributes": {
3914
4023
  "category": "color",
3915
4024
  "type": "theme",
@@ -3923,130 +4032,96 @@
3923
4032
  "content",
3924
4033
  "control",
3925
4034
  "neutral",
3926
- "inactive",
4035
+ "slider",
3927
4036
  "disabled"
3928
4037
  ]
3929
4038
  }
3930
4039
  }
3931
4040
  },
3932
4041
  "accent": {
3933
- "active": {
3934
- "default": {
3935
- "value": "#64b4fa",
4042
+ "default": {
4043
+ "value": "#64b4fa",
4044
+ "type": "color",
4045
+ "description": "Core Token: core.blue.40\nHEX: 64B4FA\n--------------\nUsed for rest state of active control components backgroound. (radio, toggle, checkbox)\nFor toggle buttons, refer Common UI.",
4046
+ "filePath": "src/theme/webex/dark.json",
4047
+ "isSource": true,
4048
+ "original": {
4049
+ "value": "{color.core.blue.40}",
3936
4050
  "type": "color",
3937
- "description": "Core Token: core.blue.40\nHEX: 64B4FA\n--------------\nRest state of control components(radio, toggle, checkbox)",
3938
- "filePath": "src/theme/webex/dark.json",
3939
- "isSource": true,
3940
- "original": {
3941
- "value": "{color.core.blue.40}",
3942
- "type": "color",
3943
- "description": "Core Token: core.blue.40\nHEX: 64B4FA\n--------------\nRest state of control components(radio, toggle, checkbox)"
3944
- },
3945
- "name": "mds-color-theme-content-control-accent-active-default",
3946
- "attributes": {
3947
- "category": "color",
3948
- "type": "theme",
3949
- "item": "content",
3950
- "subitem": "control",
3951
- "state": "accent"
3952
- },
3953
- "path": [
3954
- "color",
3955
- "theme",
3956
- "content",
3957
- "control",
3958
- "accent",
3959
- "active",
3960
- "default"
3961
- ]
4051
+ "description": "Core Token: core.blue.40\nHEX: 64B4FA\n--------------\nUsed for rest state of active control components backgroound. (radio, toggle, checkbox)\nFor toggle buttons, refer Common UI."
3962
4052
  },
3963
- "hover": {
3964
- "value": "#3492eb",
3965
- "type": "color",
3966
- "description": "Core Token: core.blue.50\nHEX: 3492EB\n--------------\nHover state of control components(radio, toggle, checkbox)",
3967
- "filePath": "src/theme/webex/dark.json",
3968
- "isSource": true,
3969
- "original": {
3970
- "value": "{color.core.blue.50}",
3971
- "type": "color",
3972
- "description": "Core Token: core.blue.50\nHEX: 3492EB\n--------------\nHover state of control components(radio, toggle, checkbox)"
3973
- },
3974
- "name": "mds-color-theme-content-control-accent-active-hover",
3975
- "attributes": {
3976
- "category": "color",
3977
- "type": "theme",
3978
- "item": "content",
3979
- "subitem": "control",
3980
- "state": "accent"
3981
- },
3982
- "path": [
3983
- "color",
3984
- "theme",
3985
- "content",
3986
- "control",
3987
- "accent",
3988
- "active",
3989
- "hover"
3990
- ]
4053
+ "name": "mds-color-theme-content-control-accent-default",
4054
+ "attributes": {
4055
+ "category": "color",
4056
+ "type": "theme",
4057
+ "item": "content",
4058
+ "subitem": "control",
4059
+ "state": "accent"
3991
4060
  },
3992
- "pressed": {
3993
- "value": "#1170cf",
4061
+ "path": [
4062
+ "color",
4063
+ "theme",
4064
+ "content",
4065
+ "control",
4066
+ "accent",
4067
+ "default"
4068
+ ]
4069
+ },
4070
+ "hover": {
4071
+ "value": "#3492eb",
4072
+ "type": "color",
4073
+ "description": "Core Token: core.blue.50\nHEX: 3492EB\n--------------\nUsed for hover state of active control components backgroound. (radio, toggle, checkbox)\nFor toggle buttons, refer Common UI.",
4074
+ "filePath": "src/theme/webex/dark.json",
4075
+ "isSource": true,
4076
+ "original": {
4077
+ "value": "{color.core.blue.50}",
3994
4078
  "type": "color",
3995
- "description": "Core Token: core.blue.60\nHEX: 1170CF\n--------------\nPressed/active state of control components(radio, toggle, checkbox)",
3996
- "filePath": "src/theme/webex/dark.json",
3997
- "isSource": true,
3998
- "original": {
3999
- "value": "{color.core.blue.60}",
4000
- "type": "color",
4001
- "description": "Core Token: core.blue.60\nHEX: 1170CF\n--------------\nPressed/active state of control components(radio, toggle, checkbox)"
4002
- },
4003
- "name": "mds-color-theme-content-control-accent-active-pressed",
4004
- "attributes": {
4005
- "category": "color",
4006
- "type": "theme",
4007
- "item": "content",
4008
- "subitem": "control",
4009
- "state": "accent"
4010
- },
4011
- "path": [
4012
- "color",
4013
- "theme",
4014
- "content",
4015
- "control",
4016
- "accent",
4017
- "active",
4018
- "pressed"
4019
- ]
4079
+ "description": "Core Token: core.blue.50\nHEX: 3492EB\n--------------\nUsed for hover state of active control components backgroound. (radio, toggle, checkbox)\nFor toggle buttons, refer Common UI."
4020
4080
  },
4021
- "disabled": {
4022
- "value": "#063a75",
4081
+ "name": "mds-color-theme-content-control-accent-hover",
4082
+ "attributes": {
4083
+ "category": "color",
4084
+ "type": "theme",
4085
+ "item": "content",
4086
+ "subitem": "control",
4087
+ "state": "accent"
4088
+ },
4089
+ "path": [
4090
+ "color",
4091
+ "theme",
4092
+ "content",
4093
+ "control",
4094
+ "accent",
4095
+ "hover"
4096
+ ]
4097
+ },
4098
+ "pressed": {
4099
+ "value": "#1170cf",
4100
+ "type": "color",
4101
+ "description": "Core Token: core.blue.60\nHEX: 1170CF\n--------------\nUsed for press state of active control components backgroound. (radio, toggle, checkbox)\nFor toggle buttons, refer Common UI.",
4102
+ "filePath": "src/theme/webex/dark.json",
4103
+ "isSource": true,
4104
+ "original": {
4105
+ "value": "{color.core.blue.60}",
4023
4106
  "type": "color",
4024
- "description": "Core Token: core.blue.80\nHEX: 063A75\n--------------\nUsed for disabled state of control components (radio, toggle, checkbox)",
4025
- "filePath": "src/theme/webex/dark.json",
4026
- "isSource": true,
4027
- "original": {
4028
- "value": "{color.core.blue.80}",
4029
- "type": "color",
4030
- "description": "Core Token: core.blue.80\nHEX: 063A75\n--------------\nUsed for disabled state of control components (radio, toggle, checkbox)"
4031
- },
4032
- "name": "mds-color-theme-content-control-accent-active-disabled",
4033
- "attributes": {
4034
- "category": "color",
4035
- "type": "theme",
4036
- "item": "content",
4037
- "subitem": "control",
4038
- "state": "accent"
4039
- },
4040
- "path": [
4041
- "color",
4042
- "theme",
4043
- "content",
4044
- "control",
4045
- "accent",
4046
- "active",
4047
- "disabled"
4048
- ]
4049
- }
4107
+ "description": "Core Token: core.blue.60\nHEX: 1170CF\n--------------\nUsed for press state of active control components backgroound. (radio, toggle, checkbox)\nFor toggle buttons, refer Common UI."
4108
+ },
4109
+ "name": "mds-color-theme-content-control-accent-pressed",
4110
+ "attributes": {
4111
+ "category": "color",
4112
+ "type": "theme",
4113
+ "item": "content",
4114
+ "subitem": "control",
4115
+ "state": "accent"
4116
+ },
4117
+ "path": [
4118
+ "color",
4119
+ "theme",
4120
+ "content",
4121
+ "control",
4122
+ "accent",
4123
+ "pressed"
4124
+ ]
4050
4125
  }
4051
4126
  }
4052
4127
  },
@@ -4259,13 +4334,13 @@
4259
4334
  "00": {
4260
4335
  "value": "#ffffff33",
4261
4336
  "type": "color",
4262
- "description": "Core Token: core.white-alpha.20\nHEX: FFFFFF 20%\n----------------------\n• Used for calendar- picker, modal-bgs, dialog, toasts, menu-list, grids \n[iOS] content-list, separator, bottom-tabs, content\n[AND] content-list, list-item, separator, toast, reaction-bar",
4337
+ "description": "Core Token: core.white-alpha.20\nHEX: FFFFFF 20%\n----------------------\n• Used for calendar- picker, modal-bgs, dialog, toasts, menu-list, grids, disabled state of buttons and controls.\n[iOS] content-list, separator, bottom-tabs, content\n[AND] content-list, list-item, separator, toast, reaction-bar",
4263
4338
  "filePath": "src/theme/webex/dark.json",
4264
4339
  "isSource": true,
4265
4340
  "original": {
4266
4341
  "value": "{color.core.white-alpha.20}",
4267
4342
  "type": "color",
4268
- "description": "Core Token: core.white-alpha.20\nHEX: FFFFFF 20%\n----------------------\n• Used for calendar- picker, modal-bgs, dialog, toasts, menu-list, grids \n[iOS] content-list, separator, bottom-tabs, content\n[AND] content-list, list-item, separator, toast, reaction-bar"
4343
+ "description": "Core Token: core.white-alpha.20\nHEX: FFFFFF 20%\n----------------------\n• Used for calendar- picker, modal-bgs, dialog, toasts, menu-list, grids, disabled state of buttons and controls.\n[iOS] content-list, separator, bottom-tabs, content\n[AND] content-list, list-item, separator, toast, reaction-bar"
4269
4344
  },
4270
4345
  "name": "mds-color-theme-border-neutral-00",
4271
4346
  "attributes": {
@@ -4340,13 +4415,13 @@
4340
4415
  "03": {
4341
4416
  "value": "#ffffff80",
4342
4417
  "type": "color",
4343
- "description": "Core Token: core.white.alpha-50\nHEX: FFFFFF 50%\n-------------------------\nUsed for rest/default state of input-fields, control components",
4418
+ "description": "Core Token: core.white.alpha-50\nHEX: FFFFFF 50%\n-------------------------\nUsed for rest/default state of input-fields, sliders.",
4344
4419
  "filePath": "src/theme/webex/dark.json",
4345
4420
  "isSource": true,
4346
4421
  "original": {
4347
4422
  "value": "{color.core.white-alpha.50}",
4348
4423
  "type": "color",
4349
- "description": "Core Token: core.white.alpha-50\nHEX: FFFFFF 50%\n-------------------------\nUsed for rest/default state of input-fields, control components"
4424
+ "description": "Core Token: core.white.alpha-50\nHEX: FFFFFF 50%\n-------------------------\nUsed for rest/default state of input-fields, sliders."
4350
4425
  },
4351
4426
  "name": "mds-color-theme-border-neutral-03",
4352
4427
  "attributes": {
@@ -4779,6 +4854,35 @@
4779
4854
  }
4780
4855
  }
4781
4856
  }
4857
+ },
4858
+ "warning": {
4859
+ "00": {
4860
+ "value": "#f2990a",
4861
+ "type": "color",
4862
+ "description": "Core Token: color.core.yellow.40\nHEX: #f2990a\n9.33 on surface.neutral.02.primary (#000000)\nUsed for warning state of input fields border\n",
4863
+ "filePath": "src/theme/webex/dark.json",
4864
+ "isSource": true,
4865
+ "original": {
4866
+ "value": "{color.core.yellow.40}",
4867
+ "type": "color",
4868
+ "description": "Core Token: color.core.yellow.40\nHEX: #f2990a\n9.33 on surface.neutral.02.primary (#000000)\nUsed for warning state of input fields border\n"
4869
+ },
4870
+ "name": "mds-color-theme-border-warning-00",
4871
+ "attributes": {
4872
+ "category": "color",
4873
+ "type": "theme",
4874
+ "item": "border",
4875
+ "subitem": "warning",
4876
+ "state": "00"
4877
+ },
4878
+ "path": [
4879
+ "color",
4880
+ "theme",
4881
+ "border",
4882
+ "warning",
4883
+ "00"
4884
+ ]
4885
+ }
4782
4886
  }
4783
4887
  }
4784
4888
  }