@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.
- package/dist/css/core/complete.css +1 -1
- package/dist/css/theme/webex/common-stable.css +1 -1
- package/dist/css/theme/webex/dark-complete.css +24 -20
- package/dist/css/theme/webex/dark-stable.css +1 -1
- package/dist/css/theme/webex/light-complete.css +20 -19
- package/dist/css/theme/webex/light-stable.css +1 -1
- package/dist/ios/core/complete.swift +1 -1
- package/dist/ios/theme/webex/common-stable.swift +1 -1
- package/dist/ios/theme/webex/dark-complete.swift +24 -20
- package/dist/ios/theme/webex/dark-stable.swift +1 -1
- package/dist/ios/theme/webex/light-complete.swift +20 -19
- package/dist/ios/theme/webex/light-stable.swift +1 -1
- package/dist/json/theme/webex/dark-complete.json +347 -243
- package/dist/json/theme/webex/light-complete.json +270 -251
- package/dist/json-minimal/theme/webex/dark-complete.json +26 -20
- package/dist/json-minimal/theme/webex/light-complete.json +19 -20
- package/dist/resources/core/complete.xml +1 -1
- package/dist/resources/theme/webex/common-stable.xml +1 -1
- package/dist/resources/theme/webex/dark-complete.xml +24 -20
- package/dist/resources/theme/webex/dark-stable.xml +1 -1
- package/dist/resources/theme/webex/light-complete.xml +20 -19
- package/dist/resources/theme/webex/light-stable.xml +1 -1
- package/dist/scss/core/complete.scss +1 -1
- package/dist/scss/theme/webex/common-stable.scss +1 -1
- package/dist/scss/theme/webex/dark-complete.scss +25 -21
- package/dist/scss/theme/webex/dark-stable.scss +1 -1
- package/dist/scss/theme/webex/light-complete.scss +20 -19
- package/dist/scss/theme/webex/light-stable.scss +1 -1
- package/package.json +1 -1
|
@@ -340,18 +340,18 @@
|
|
|
340
340
|
}
|
|
341
341
|
},
|
|
342
342
|
"02": {
|
|
343
|
-
"
|
|
344
|
-
"value": "#
|
|
343
|
+
"tertiary": {
|
|
344
|
+
"value": "#ededed",
|
|
345
345
|
"type": "color",
|
|
346
|
-
"description": "Core Token: core.gray.05\nHEX:
|
|
346
|
+
"description": "Core Token: core.gray.10\nHEX: ededed\n----------------\nCore Token: core.gray.05\nHEX: f7f7f7\n----------------\nUsed for input fields, mostly modals that are layering one to another. For details, find \"UI Layering\" : \nhttps://www.figma.com/file/GAPJbRR46eugOlrHzFJ7Fe/UI-Layering?node-id=3%3A22089",
|
|
347
347
|
"filePath": "src/theme/webex/light.json",
|
|
348
348
|
"isSource": true,
|
|
349
349
|
"original": {
|
|
350
|
-
"value": "{color.core.gray.
|
|
350
|
+
"value": "{color.core.gray.10}",
|
|
351
351
|
"type": "color",
|
|
352
|
-
"description": "Core Token: core.gray.05\nHEX:
|
|
352
|
+
"description": "Core Token: core.gray.10\nHEX: ededed\n----------------\nCore Token: core.gray.05\nHEX: f7f7f7\n----------------\nUsed for input fields, mostly modals that are 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-
|
|
354
|
+
"name": "mds-color-theme-surface-neutral-02-tertiary",
|
|
355
355
|
"attributes": {
|
|
356
356
|
"category": "color",
|
|
357
357
|
"type": "theme",
|
|
@@ -365,19 +365,19 @@
|
|
|
365
365
|
"surface",
|
|
366
366
|
"neutral",
|
|
367
367
|
"02",
|
|
368
|
-
"
|
|
368
|
+
"tertiary"
|
|
369
369
|
]
|
|
370
370
|
},
|
|
371
371
|
"secondary": {
|
|
372
|
-
"value": "#
|
|
372
|
+
"value": "#f7f7f7",
|
|
373
373
|
"type": "color",
|
|
374
|
-
"description": "Core Token: core.gray.
|
|
374
|
+
"description": "Core Token: core.gray.05\nHEX: f7f7f7\n----------------\nMedium solid surface. Used this for input fields, mostly modals that are layering one to another. For details, find \"UI Layering\" : \nhttps://www.figma.com/file/GAPJbRR46eugOlrHzFJ7Fe/UI-Layering?node-id=3%3A22089",
|
|
375
375
|
"filePath": "src/theme/webex/light.json",
|
|
376
376
|
"isSource": true,
|
|
377
377
|
"original": {
|
|
378
|
-
"value": "{color.core.gray.
|
|
378
|
+
"value": "{color.core.gray.05}",
|
|
379
379
|
"type": "color",
|
|
380
|
-
"description": "Core Token: core.gray.
|
|
380
|
+
"description": "Core Token: core.gray.05\nHEX: f7f7f7\n----------------\nMedium solid surface. Used this for input fields, mostly modals that are layering one to another. For details, find \"UI Layering\" : \nhttps://www.figma.com/file/GAPJbRR46eugOlrHzFJ7Fe/UI-Layering?node-id=3%3A22089"
|
|
381
381
|
},
|
|
382
382
|
"name": "mds-color-theme-surface-neutral-02-secondary",
|
|
383
383
|
"attributes": {
|
|
@@ -396,18 +396,18 @@
|
|
|
396
396
|
"secondary"
|
|
397
397
|
]
|
|
398
398
|
},
|
|
399
|
-
"
|
|
399
|
+
"primary": {
|
|
400
400
|
"value": "#ffffff",
|
|
401
401
|
"type": "color",
|
|
402
|
-
"description": "Core Token: core.white-alpha.100\nHEX: FFFFFF\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",
|
|
402
|
+
"description": "Core Token: core.white-alpha.100\nHEX: FFFFFF\n----------------\nFull solid surface. Used this for background of 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",
|
|
403
403
|
"filePath": "src/theme/webex/light.json",
|
|
404
404
|
"isSource": true,
|
|
405
405
|
"original": {
|
|
406
406
|
"value": "{color.core.white-alpha.100}",
|
|
407
407
|
"type": "color",
|
|
408
|
-
"description": "Core Token: core.white-alpha.100\nHEX: FFFFFF\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"
|
|
408
|
+
"description": "Core Token: core.white-alpha.100\nHEX: FFFFFF\n----------------\nFull solid surface. Used this for background of 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-
|
|
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
|
-
"
|
|
424
|
+
"primary"
|
|
425
425
|
]
|
|
426
426
|
}
|
|
427
427
|
}
|
|
@@ -715,15 +715,15 @@
|
|
|
715
715
|
]
|
|
716
716
|
},
|
|
717
717
|
"disabled": {
|
|
718
|
-
"value": "#
|
|
718
|
+
"value": "#00000033",
|
|
719
719
|
"type": "color",
|
|
720
|
-
"description": "Core Token: core.black-alpha.
|
|
720
|
+
"description": "Core Token: core.black-alpha.20\nHEX: 000000 20%\n---\nUsed for disabled state for all text",
|
|
721
721
|
"filePath": "src/theme/webex/light.json",
|
|
722
722
|
"isSource": true,
|
|
723
723
|
"original": {
|
|
724
|
-
"value": "{color.core.black-alpha.
|
|
724
|
+
"value": "{color.core.black-alpha.20}",
|
|
725
725
|
"type": "color",
|
|
726
|
-
"description": "Core Token: core.black-alpha.
|
|
726
|
+
"description": "Core Token: core.black-alpha.20\nHEX: 000000 20%\n---\nUsed for disabled state for all text"
|
|
727
727
|
},
|
|
728
728
|
"name": "mds-color-theme-content-text-neutral-disabled",
|
|
729
729
|
"attributes": {
|
|
@@ -894,7 +894,7 @@
|
|
|
894
894
|
}
|
|
895
895
|
}
|
|
896
896
|
},
|
|
897
|
-
"
|
|
897
|
+
"positive": {
|
|
898
898
|
"active": {
|
|
899
899
|
"value": "#0e2b20",
|
|
900
900
|
"type": "color",
|
|
@@ -906,20 +906,20 @@
|
|
|
906
906
|
"type": "color",
|
|
907
907
|
"description": "Core Token: core.green.90\nHEX: 0E2B20\n----\nUsed for Success, Join text\n"
|
|
908
908
|
},
|
|
909
|
-
"name": "mds-color-theme-content-text-
|
|
909
|
+
"name": "mds-color-theme-content-text-positive-active",
|
|
910
910
|
"attributes": {
|
|
911
911
|
"category": "color",
|
|
912
912
|
"type": "theme",
|
|
913
913
|
"item": "content",
|
|
914
914
|
"subitem": "text",
|
|
915
|
-
"state": "
|
|
915
|
+
"state": "positive"
|
|
916
916
|
},
|
|
917
917
|
"path": [
|
|
918
918
|
"color",
|
|
919
919
|
"theme",
|
|
920
920
|
"content",
|
|
921
921
|
"text",
|
|
922
|
-
"
|
|
922
|
+
"positive",
|
|
923
923
|
"active"
|
|
924
924
|
]
|
|
925
925
|
},
|
|
@@ -934,20 +934,20 @@
|
|
|
934
934
|
"type": "color",
|
|
935
935
|
"description": "Core Token: core.green-90\nHEX: 0E2B20\n----\nUsed for hover state of Success, Join text"
|
|
936
936
|
},
|
|
937
|
-
"name": "mds-color-theme-content-text-
|
|
937
|
+
"name": "mds-color-theme-content-text-positive-hover",
|
|
938
938
|
"attributes": {
|
|
939
939
|
"category": "color",
|
|
940
940
|
"type": "theme",
|
|
941
941
|
"item": "content",
|
|
942
942
|
"subitem": "text",
|
|
943
|
-
"state": "
|
|
943
|
+
"state": "positive"
|
|
944
944
|
},
|
|
945
945
|
"path": [
|
|
946
946
|
"color",
|
|
947
947
|
"theme",
|
|
948
948
|
"content",
|
|
949
949
|
"text",
|
|
950
|
-
"
|
|
950
|
+
"positive",
|
|
951
951
|
"hover"
|
|
952
952
|
]
|
|
953
953
|
},
|
|
@@ -962,20 +962,20 @@
|
|
|
962
962
|
"type": "color",
|
|
963
963
|
"description": "Core Token: core.green.70\nHEX: 185e46\n\n-----\nUsed for rest state of success, join text"
|
|
964
964
|
},
|
|
965
|
-
"name": "mds-color-theme-content-text-
|
|
965
|
+
"name": "mds-color-theme-content-text-positive-default",
|
|
966
966
|
"attributes": {
|
|
967
967
|
"category": "color",
|
|
968
968
|
"type": "theme",
|
|
969
969
|
"item": "content",
|
|
970
970
|
"subitem": "text",
|
|
971
|
-
"state": "
|
|
971
|
+
"state": "positive"
|
|
972
972
|
},
|
|
973
973
|
"path": [
|
|
974
974
|
"color",
|
|
975
975
|
"theme",
|
|
976
976
|
"content",
|
|
977
977
|
"text",
|
|
978
|
-
"
|
|
978
|
+
"positive",
|
|
979
979
|
"default"
|
|
980
980
|
]
|
|
981
981
|
}
|
|
@@ -2525,13 +2525,13 @@
|
|
|
2525
2525
|
"00": {
|
|
2526
2526
|
"value": "#707070",
|
|
2527
2527
|
"type": "color",
|
|
2528
|
-
"description": "Core Token: core.gray.60\nHEX: 707070\n
|
|
2528
|
+
"description": "Core Token: core.gray.60\nHEX: 707070\n\nUsed for presence (away, on-hold, on-device), meeting indicators(meeting-locked)",
|
|
2529
2529
|
"filePath": "src/theme/webex/light.json",
|
|
2530
2530
|
"isSource": true,
|
|
2531
2531
|
"original": {
|
|
2532
2532
|
"value": "{color.core.gray.60}",
|
|
2533
2533
|
"type": "color",
|
|
2534
|
-
"description": "Core Token: core.gray.60\nHEX: 707070\n
|
|
2534
|
+
"description": "Core Token: core.gray.60\nHEX: 707070\n\nUsed for presence (away, on-hold, on-device), meeting indicators(meeting-locked)"
|
|
2535
2535
|
},
|
|
2536
2536
|
"name": "mds-color-theme-content-indicator-neutral-00",
|
|
2537
2537
|
"attributes": {
|
|
@@ -2551,15 +2551,15 @@
|
|
|
2551
2551
|
]
|
|
2552
2552
|
},
|
|
2553
2553
|
"01": {
|
|
2554
|
-
"value": "#
|
|
2554
|
+
"value": "#c9c9c9",
|
|
2555
2555
|
"type": "color",
|
|
2556
|
-
"description": "Core Token: core.gray.
|
|
2556
|
+
"description": "Core Token: core.gray.30\nHEX: C9C9C9\n--------------------------\nUsed for active state of alert-badge",
|
|
2557
2557
|
"filePath": "src/theme/webex/light.json",
|
|
2558
2558
|
"isSource": true,
|
|
2559
2559
|
"original": {
|
|
2560
|
-
"value": "{color.core.gray.
|
|
2560
|
+
"value": "{color.core.gray.30}",
|
|
2561
2561
|
"type": "color",
|
|
2562
|
-
"description": "Core Token: core.gray.
|
|
2562
|
+
"description": "Core Token: core.gray.30\nHEX: C9C9C9\n--------------------------\nUsed for active state of alert-badge"
|
|
2563
2563
|
},
|
|
2564
2564
|
"name": "mds-color-theme-content-indicator-neutral-01",
|
|
2565
2565
|
"attributes": {
|
|
@@ -2578,16 +2578,16 @@
|
|
|
2578
2578
|
"01"
|
|
2579
2579
|
]
|
|
2580
2580
|
},
|
|
2581
|
-
"
|
|
2582
|
-
"value": "#
|
|
2581
|
+
"02": {
|
|
2582
|
+
"value": "#dedede",
|
|
2583
2583
|
"type": "color",
|
|
2584
|
-
"description": "Core Token: core.gray.
|
|
2584
|
+
"description": "Core Token: core.gray.20\nHEX: DEDEDE\n--------------------------\nUsed for rest/hover state of alert-badge",
|
|
2585
2585
|
"filePath": "src/theme/webex/light.json",
|
|
2586
2586
|
"isSource": true,
|
|
2587
2587
|
"original": {
|
|
2588
|
-
"value": "{color.core.gray.
|
|
2588
|
+
"value": "{color.core.gray.20}",
|
|
2589
2589
|
"type": "color",
|
|
2590
|
-
"description": "Core Token: core.gray.
|
|
2590
|
+
"description": "Core Token: core.gray.20\nHEX: DEDEDE\n--------------------------\nUsed for rest/hover state of alert-badge"
|
|
2591
2591
|
},
|
|
2592
2592
|
"name": "mds-color-theme-content-indicator-neutral-02",
|
|
2593
2593
|
"attributes": {
|
|
@@ -2603,19 +2603,19 @@
|
|
|
2603
2603
|
"content",
|
|
2604
2604
|
"indicator",
|
|
2605
2605
|
"neutral",
|
|
2606
|
-
"
|
|
2606
|
+
"02"
|
|
2607
2607
|
]
|
|
2608
2608
|
},
|
|
2609
2609
|
"03": {
|
|
2610
2610
|
"value": "#ededed",
|
|
2611
2611
|
"type": "color",
|
|
2612
|
-
"description": "Core Token: core.gray.10\nHEX:
|
|
2612
|
+
"description": "Core Token: core.gray.10\nHEX: ededed\n\nUsed for pressed state of tags",
|
|
2613
2613
|
"filePath": "src/theme/webex/light.json",
|
|
2614
2614
|
"isSource": true,
|
|
2615
2615
|
"original": {
|
|
2616
2616
|
"value": "{color.core.gray.10}",
|
|
2617
2617
|
"type": "color",
|
|
2618
|
-
"description": "Core Token: core.gray.10\nHEX:
|
|
2618
|
+
"description": "Core Token: core.gray.10\nHEX: ededed\n\nUsed for pressed state of tags"
|
|
2619
2619
|
},
|
|
2620
2620
|
"name": "mds-color-theme-content-indicator-neutral-03",
|
|
2621
2621
|
"attributes": {
|
|
@@ -2637,13 +2637,13 @@
|
|
|
2637
2637
|
"04": {
|
|
2638
2638
|
"value": "#f7f7f7",
|
|
2639
2639
|
"type": "color",
|
|
2640
|
-
"description": "Core Token: core.gray.05\nHEX: F7F7F7\n--------------------\nUsed for
|
|
2640
|
+
"description": "Core Token: core.gray.05\nHEX: F7F7F7\n--------------------\nUsed for hover state of tags, name-tag.",
|
|
2641
2641
|
"filePath": "src/theme/webex/light.json",
|
|
2642
2642
|
"isSource": true,
|
|
2643
2643
|
"original": {
|
|
2644
2644
|
"value": "{color.core.gray.05}",
|
|
2645
2645
|
"type": "color",
|
|
2646
|
-
"description": "Core Token: core.gray.05\nHEX: F7F7F7\n--------------------\nUsed for
|
|
2646
|
+
"description": "Core Token: core.gray.05\nHEX: F7F7F7\n--------------------\nUsed for hover state of tags, name-tag."
|
|
2647
2647
|
},
|
|
2648
2648
|
"name": "mds-color-theme-content-indicator-neutral-04",
|
|
2649
2649
|
"attributes": {
|
|
@@ -2661,6 +2661,34 @@
|
|
|
2661
2661
|
"neutral",
|
|
2662
2662
|
"04"
|
|
2663
2663
|
]
|
|
2664
|
+
},
|
|
2665
|
+
"05": {
|
|
2666
|
+
"value": "#ffffff",
|
|
2667
|
+
"type": "color",
|
|
2668
|
+
"description": "Core Token: core.white-alpha.100\nHEX: FFFFFF\n--------------------\nUsed for rest state of tags",
|
|
2669
|
+
"filePath": "src/theme/webex/light.json",
|
|
2670
|
+
"isSource": true,
|
|
2671
|
+
"original": {
|
|
2672
|
+
"value": "{color.core.white-alpha.100}",
|
|
2673
|
+
"type": "color",
|
|
2674
|
+
"description": "Core Token: core.white-alpha.100\nHEX: FFFFFF\n--------------------\nUsed for rest state of tags"
|
|
2675
|
+
},
|
|
2676
|
+
"name": "mds-color-theme-content-indicator-neutral-05",
|
|
2677
|
+
"attributes": {
|
|
2678
|
+
"category": "color",
|
|
2679
|
+
"type": "theme",
|
|
2680
|
+
"item": "content",
|
|
2681
|
+
"subitem": "indicator",
|
|
2682
|
+
"state": "neutral"
|
|
2683
|
+
},
|
|
2684
|
+
"path": [
|
|
2685
|
+
"color",
|
|
2686
|
+
"theme",
|
|
2687
|
+
"content",
|
|
2688
|
+
"indicator",
|
|
2689
|
+
"neutral",
|
|
2690
|
+
"05"
|
|
2691
|
+
]
|
|
2664
2692
|
}
|
|
2665
2693
|
},
|
|
2666
2694
|
"positive": {
|
|
@@ -2781,15 +2809,15 @@
|
|
|
2781
2809
|
},
|
|
2782
2810
|
"warning": {
|
|
2783
2811
|
"00": {
|
|
2784
|
-
"value": "#
|
|
2812
|
+
"value": "#a65e00",
|
|
2785
2813
|
"type": "color",
|
|
2786
|
-
"description": "Core Token: core.yellow.
|
|
2814
|
+
"description": "Core Token: core.yellow.60\nHEX: a65e00\n-----------------\nUsed for Meeting Indicators (Audio-error, Video-error)",
|
|
2787
2815
|
"filePath": "src/theme/webex/light.json",
|
|
2788
2816
|
"isSource": true,
|
|
2789
2817
|
"original": {
|
|
2790
|
-
"value": "{color.core.yellow.
|
|
2818
|
+
"value": "{color.core.yellow.60}",
|
|
2791
2819
|
"type": "color",
|
|
2792
|
-
"description": "Core Token: core.yellow.
|
|
2820
|
+
"description": "Core Token: core.yellow.60\nHEX: a65e00\n-----------------\nUsed for Meeting Indicators (Audio-error, Video-error)"
|
|
2793
2821
|
},
|
|
2794
2822
|
"name": "mds-color-theme-content-indicator-warning-00",
|
|
2795
2823
|
"attributes": {
|
|
@@ -3810,106 +3838,131 @@
|
|
|
3810
3838
|
},
|
|
3811
3839
|
"control": {
|
|
3812
3840
|
"neutral": {
|
|
3813
|
-
"
|
|
3814
|
-
"
|
|
3815
|
-
|
|
3841
|
+
"default": {
|
|
3842
|
+
"value": "#00000033",
|
|
3843
|
+
"type": "color",
|
|
3844
|
+
"description": "Core Token: core.black-alpha.20\nHEX: 000000 20%\n-----------------------\nUsed for rest state of inactive control components(checkbox, toggle, radio)",
|
|
3845
|
+
"filePath": "src/theme/webex/light.json",
|
|
3846
|
+
"isSource": true,
|
|
3847
|
+
"original": {
|
|
3848
|
+
"value": "{color.core.black-alpha.20}",
|
|
3816
3849
|
"type": "color",
|
|
3817
|
-
"description": "Core Token: core.black-alpha.20\nHEX: 000000 20%\n-----------------------\nUsed for rest state of inactive control components(checkbox, toggle, radio)"
|
|
3818
|
-
"filePath": "src/theme/webex/light.json",
|
|
3819
|
-
"isSource": true,
|
|
3820
|
-
"original": {
|
|
3821
|
-
"value": "{color.core.black-alpha.20}",
|
|
3822
|
-
"type": "color",
|
|
3823
|
-
"description": "Core Token: core.black-alpha.20\nHEX: 000000 20%\n-----------------------\nUsed for rest state of inactive control components(checkbox, toggle, radio)"
|
|
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
|
-
]
|
|
3850
|
+
"description": "Core Token: core.black-alpha.20\nHEX: 000000 20%\n-----------------------\nUsed for rest state of inactive control components(checkbox, toggle, radio)"
|
|
3842
3851
|
},
|
|
3843
|
-
"
|
|
3844
|
-
|
|
3852
|
+
"name": "mds-color-theme-content-control-neutral-default",
|
|
3853
|
+
"attributes": {
|
|
3854
|
+
"category": "color",
|
|
3855
|
+
"type": "theme",
|
|
3856
|
+
"item": "content",
|
|
3857
|
+
"subitem": "control",
|
|
3858
|
+
"state": "neutral"
|
|
3859
|
+
},
|
|
3860
|
+
"path": [
|
|
3861
|
+
"color",
|
|
3862
|
+
"theme",
|
|
3863
|
+
"content",
|
|
3864
|
+
"control",
|
|
3865
|
+
"neutral",
|
|
3866
|
+
"default"
|
|
3867
|
+
]
|
|
3868
|
+
},
|
|
3869
|
+
"hover": {
|
|
3870
|
+
"value": "#0000004d",
|
|
3871
|
+
"type": "color",
|
|
3872
|
+
"description": "Core Token: core.black-alpha.30\nHEX: 000000 30%\n-----------------------\nUsed for hover state of inactive control components(checkbox, toggle, radio)",
|
|
3873
|
+
"filePath": "src/theme/webex/light.json",
|
|
3874
|
+
"isSource": true,
|
|
3875
|
+
"original": {
|
|
3876
|
+
"value": "{color.core.black-alpha.30}",
|
|
3845
3877
|
"type": "color",
|
|
3846
|
-
"description": "Core Token: core.black-alpha.30\nHEX: 000000 30%\n-----------------------\nUsed for hover state of inactive control components(checkbox, toggle, radio)"
|
|
3847
|
-
"filePath": "src/theme/webex/light.json",
|
|
3848
|
-
"isSource": true,
|
|
3849
|
-
"original": {
|
|
3850
|
-
"value": "{color.core.black-alpha.30}",
|
|
3851
|
-
"type": "color",
|
|
3852
|
-
"description": "Core Token: core.black-alpha.30\nHEX: 000000 30%\n-----------------------\nUsed for hover state of inactive control components(checkbox, toggle, radio)"
|
|
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
|
-
]
|
|
3878
|
+
"description": "Core Token: core.black-alpha.30\nHEX: 000000 30%\n-----------------------\nUsed for hover state of inactive control components(checkbox, toggle, radio)"
|
|
3871
3879
|
},
|
|
3872
|
-
"
|
|
3873
|
-
|
|
3880
|
+
"name": "mds-color-theme-content-control-neutral-hover",
|
|
3881
|
+
"attributes": {
|
|
3882
|
+
"category": "color",
|
|
3883
|
+
"type": "theme",
|
|
3884
|
+
"item": "content",
|
|
3885
|
+
"subitem": "control",
|
|
3886
|
+
"state": "neutral"
|
|
3887
|
+
},
|
|
3888
|
+
"path": [
|
|
3889
|
+
"color",
|
|
3890
|
+
"theme",
|
|
3891
|
+
"content",
|
|
3892
|
+
"control",
|
|
3893
|
+
"neutral",
|
|
3894
|
+
"hover"
|
|
3895
|
+
]
|
|
3896
|
+
},
|
|
3897
|
+
"pressed": {
|
|
3898
|
+
"value": "#00000066",
|
|
3899
|
+
"type": "color",
|
|
3900
|
+
"description": "Core Token: core.black-alpha.40\nHEX: 000000 40%\n-----------------------\nUsed for pressed state of inactive control components(checkbox, toggle, radio)",
|
|
3901
|
+
"filePath": "src/theme/webex/light.json",
|
|
3902
|
+
"isSource": true,
|
|
3903
|
+
"original": {
|
|
3904
|
+
"value": "{color.core.black-alpha.40}",
|
|
3874
3905
|
"type": "color",
|
|
3875
|
-
"description": "Core Token: core.black-alpha.40\nHEX: 000000 40%\n-----------------------\nUsed for pressed state of inactive control components(checkbox, toggle, radio)"
|
|
3876
|
-
|
|
3877
|
-
|
|
3878
|
-
|
|
3879
|
-
|
|
3880
|
-
|
|
3881
|
-
|
|
3882
|
-
|
|
3883
|
-
"
|
|
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
|
-
]
|
|
3906
|
+
"description": "Core Token: core.black-alpha.40\nHEX: 000000 40%\n-----------------------\nUsed for pressed state of inactive control components(checkbox, toggle, radio)"
|
|
3907
|
+
},
|
|
3908
|
+
"name": "mds-color-theme-content-control-neutral-pressed",
|
|
3909
|
+
"attributes": {
|
|
3910
|
+
"category": "color",
|
|
3911
|
+
"type": "theme",
|
|
3912
|
+
"item": "content",
|
|
3913
|
+
"subitem": "control",
|
|
3914
|
+
"state": "neutral"
|
|
3900
3915
|
},
|
|
3916
|
+
"path": [
|
|
3917
|
+
"color",
|
|
3918
|
+
"theme",
|
|
3919
|
+
"content",
|
|
3920
|
+
"control",
|
|
3921
|
+
"neutral",
|
|
3922
|
+
"pressed"
|
|
3923
|
+
]
|
|
3924
|
+
},
|
|
3925
|
+
"disabled": {
|
|
3926
|
+
"value": "#00000033",
|
|
3927
|
+
"type": "color",
|
|
3928
|
+
"description": "Core Token: core.black-alpha.20\nHEX: 000000 20%\n-----------------------\nUsed for disabled state of inactive control components(checkbox, toggle, radio)",
|
|
3929
|
+
"filePath": "src/theme/webex/light.json",
|
|
3930
|
+
"isSource": true,
|
|
3931
|
+
"original": {
|
|
3932
|
+
"value": "{color.core.black-alpha.20}",
|
|
3933
|
+
"type": "color",
|
|
3934
|
+
"description": "Core Token: core.black-alpha.20\nHEX: 000000 20%\n-----------------------\nUsed for disabled state of inactive control components(checkbox, toggle, radio)"
|
|
3935
|
+
},
|
|
3936
|
+
"name": "mds-color-theme-content-control-neutral-disabled",
|
|
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
|
+
"disabled"
|
|
3951
|
+
]
|
|
3952
|
+
},
|
|
3953
|
+
"slider": {
|
|
3901
3954
|
"disabled": {
|
|
3902
|
-
"value": "#
|
|
3955
|
+
"value": "#adadad",
|
|
3903
3956
|
"type": "color",
|
|
3904
|
-
"description": "Core Token: core.
|
|
3957
|
+
"description": "Core Token: core.gray.40\nHEX: adadad\n-----------------------\nUsed for disabled state of slider handdle button.",
|
|
3905
3958
|
"filePath": "src/theme/webex/light.json",
|
|
3906
3959
|
"isSource": true,
|
|
3907
3960
|
"original": {
|
|
3908
|
-
"value": "{color.core.
|
|
3961
|
+
"value": "{color.core.gray.40}",
|
|
3909
3962
|
"type": "color",
|
|
3910
|
-
"description": "Core Token: core.
|
|
3963
|
+
"description": "Core Token: core.gray.40\nHEX: adadad\n-----------------------\nUsed for disabled state of slider handdle button."
|
|
3911
3964
|
},
|
|
3912
|
-
"name": "mds-color-theme-content-control-neutral-
|
|
3965
|
+
"name": "mds-color-theme-content-control-neutral-slider-disabled",
|
|
3913
3966
|
"attributes": {
|
|
3914
3967
|
"category": "color",
|
|
3915
3968
|
"type": "theme",
|
|
@@ -3923,130 +3976,96 @@
|
|
|
3923
3976
|
"content",
|
|
3924
3977
|
"control",
|
|
3925
3978
|
"neutral",
|
|
3926
|
-
"
|
|
3979
|
+
"slider",
|
|
3927
3980
|
"disabled"
|
|
3928
3981
|
]
|
|
3929
3982
|
}
|
|
3930
3983
|
}
|
|
3931
3984
|
},
|
|
3932
3985
|
"accent": {
|
|
3933
|
-
"
|
|
3934
|
-
"
|
|
3935
|
-
|
|
3986
|
+
"default": {
|
|
3987
|
+
"value": "#1170cf",
|
|
3988
|
+
"type": "color",
|
|
3989
|
+
"description": "Core Token: core.blue.60\nHEX: 1170cf\n------------------------------\nUsed for rest state of control components (radio, toggle, checkbox)",
|
|
3990
|
+
"filePath": "src/theme/webex/light.json",
|
|
3991
|
+
"isSource": true,
|
|
3992
|
+
"original": {
|
|
3993
|
+
"value": "{color.core.blue.60}",
|
|
3936
3994
|
"type": "color",
|
|
3937
|
-
"description": "Core Token: core.blue.60\nHEX: 1170cf\n------------------------------\nUsed for rest state of control components (radio, toggle, checkbox)"
|
|
3938
|
-
"filePath": "src/theme/webex/light.json",
|
|
3939
|
-
"isSource": true,
|
|
3940
|
-
"original": {
|
|
3941
|
-
"value": "{color.core.blue.60}",
|
|
3942
|
-
"type": "color",
|
|
3943
|
-
"description": "Core Token: core.blue.60\nHEX: 1170cf\n------------------------------\nUsed for rest 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
|
-
]
|
|
3995
|
+
"description": "Core Token: core.blue.60\nHEX: 1170cf\n------------------------------\nUsed for rest state of control components (radio, toggle, checkbox)"
|
|
3962
3996
|
},
|
|
3963
|
-
"
|
|
3964
|
-
|
|
3965
|
-
"
|
|
3966
|
-
"
|
|
3967
|
-
"
|
|
3968
|
-
"
|
|
3969
|
-
"
|
|
3970
|
-
"value": "{color.core.blue.70}",
|
|
3971
|
-
"type": "color",
|
|
3972
|
-
"description": "Core Token: core.blue.70\nHEXL: 0353a8\n------------------------------\nUsed for hover 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
|
-
]
|
|
3997
|
+
"name": "mds-color-theme-content-control-accent-default",
|
|
3998
|
+
"attributes": {
|
|
3999
|
+
"category": "color",
|
|
4000
|
+
"type": "theme",
|
|
4001
|
+
"item": "content",
|
|
4002
|
+
"subitem": "control",
|
|
4003
|
+
"state": "accent"
|
|
3991
4004
|
},
|
|
3992
|
-
"
|
|
3993
|
-
"
|
|
4005
|
+
"path": [
|
|
4006
|
+
"color",
|
|
4007
|
+
"theme",
|
|
4008
|
+
"content",
|
|
4009
|
+
"control",
|
|
4010
|
+
"accent",
|
|
4011
|
+
"default"
|
|
4012
|
+
]
|
|
4013
|
+
},
|
|
4014
|
+
"hover": {
|
|
4015
|
+
"value": "#0353a8",
|
|
4016
|
+
"type": "color",
|
|
4017
|
+
"description": "Core Token: core.blue.70\nHEXL: 0353a8\n------------------------------\nUsed for hover state of control components (radio, toggle, checkbox)",
|
|
4018
|
+
"filePath": "src/theme/webex/light.json",
|
|
4019
|
+
"isSource": true,
|
|
4020
|
+
"original": {
|
|
4021
|
+
"value": "{color.core.blue.70}",
|
|
3994
4022
|
"type": "color",
|
|
3995
|
-
"description": "Core Token: core.blue.
|
|
3996
|
-
"filePath": "src/theme/webex/light.json",
|
|
3997
|
-
"isSource": true,
|
|
3998
|
-
"original": {
|
|
3999
|
-
"value": "{color.core.blue.80}",
|
|
4000
|
-
"type": "color",
|
|
4001
|
-
"description": "Core Token: core.blue.80\nHEXL: 063a75\n------------------------------\nUsed for pressed 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
|
-
]
|
|
4023
|
+
"description": "Core Token: core.blue.70\nHEXL: 0353a8\n------------------------------\nUsed for hover state of control components (radio, toggle, checkbox)"
|
|
4020
4024
|
},
|
|
4021
|
-
"
|
|
4022
|
-
|
|
4025
|
+
"name": "mds-color-theme-content-control-accent-hover",
|
|
4026
|
+
"attributes": {
|
|
4027
|
+
"category": "color",
|
|
4028
|
+
"type": "theme",
|
|
4029
|
+
"item": "content",
|
|
4030
|
+
"subitem": "control",
|
|
4031
|
+
"state": "accent"
|
|
4032
|
+
},
|
|
4033
|
+
"path": [
|
|
4034
|
+
"color",
|
|
4035
|
+
"theme",
|
|
4036
|
+
"content",
|
|
4037
|
+
"control",
|
|
4038
|
+
"accent",
|
|
4039
|
+
"hover"
|
|
4040
|
+
]
|
|
4041
|
+
},
|
|
4042
|
+
"pressed": {
|
|
4043
|
+
"value": "#063a75",
|
|
4044
|
+
"type": "color",
|
|
4045
|
+
"description": "Core Token: core.blue.80\nHEXL: 063a75\n------------------------------\nUsed for pressed state of control components (radio, toggle, checkbox)",
|
|
4046
|
+
"filePath": "src/theme/webex/light.json",
|
|
4047
|
+
"isSource": true,
|
|
4048
|
+
"original": {
|
|
4049
|
+
"value": "{color.core.blue.80}",
|
|
4023
4050
|
"type": "color",
|
|
4024
|
-
"description": "Core Token: core.blue.
|
|
4025
|
-
|
|
4026
|
-
|
|
4027
|
-
|
|
4028
|
-
|
|
4029
|
-
|
|
4030
|
-
|
|
4031
|
-
|
|
4032
|
-
"
|
|
4033
|
-
|
|
4034
|
-
|
|
4035
|
-
|
|
4036
|
-
|
|
4037
|
-
|
|
4038
|
-
|
|
4039
|
-
|
|
4040
|
-
"
|
|
4041
|
-
|
|
4042
|
-
"theme",
|
|
4043
|
-
"content",
|
|
4044
|
-
"control",
|
|
4045
|
-
"accent",
|
|
4046
|
-
"active",
|
|
4047
|
-
"disabled"
|
|
4048
|
-
]
|
|
4049
|
-
}
|
|
4051
|
+
"description": "Core Token: core.blue.80\nHEXL: 063a75\n------------------------------\nUsed for pressed state of control components (radio, toggle, checkbox)"
|
|
4052
|
+
},
|
|
4053
|
+
"name": "mds-color-theme-content-control-accent-pressed",
|
|
4054
|
+
"attributes": {
|
|
4055
|
+
"category": "color",
|
|
4056
|
+
"type": "theme",
|
|
4057
|
+
"item": "content",
|
|
4058
|
+
"subitem": "control",
|
|
4059
|
+
"state": "accent"
|
|
4060
|
+
},
|
|
4061
|
+
"path": [
|
|
4062
|
+
"color",
|
|
4063
|
+
"theme",
|
|
4064
|
+
"content",
|
|
4065
|
+
"control",
|
|
4066
|
+
"accent",
|
|
4067
|
+
"pressed"
|
|
4068
|
+
]
|
|
4050
4069
|
}
|
|
4051
4070
|
}
|
|
4052
4071
|
},
|
|
@@ -4340,13 +4359,13 @@
|
|
|
4340
4359
|
"03": {
|
|
4341
4360
|
"value": "#00000080",
|
|
4342
4361
|
"type": "color",
|
|
4343
|
-
"description": "Core Token: core.black.alpha-50\nHEX: 000000 50%\n-------------------------\nUsed for input-fields,
|
|
4362
|
+
"description": "Core Token: core.black.alpha-50\nHEX: 000000 50%\n-------------------------\nUsed for input-fields, sliders.",
|
|
4344
4363
|
"filePath": "src/theme/webex/light.json",
|
|
4345
4364
|
"isSource": true,
|
|
4346
4365
|
"original": {
|
|
4347
4366
|
"value": "{color.core.black-alpha.50}",
|
|
4348
4367
|
"type": "color",
|
|
4349
|
-
"description": "Core Token: core.black.alpha-50\nHEX: 000000 50%\n-------------------------\nUsed for input-fields,
|
|
4368
|
+
"description": "Core Token: core.black.alpha-50\nHEX: 000000 50%\n-------------------------\nUsed for input-fields, sliders."
|
|
4350
4369
|
},
|
|
4351
4370
|
"name": "mds-color-theme-border-neutral-03",
|
|
4352
4371
|
"attributes": {
|