@momentum-design/tokens 0.0.31 → 0.0.33
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/README.md +48 -6
- package/dist/css/core/complete.css +285 -285
- package/dist/css/theme/webex/common-stable.css +61 -61
- package/dist/css/theme/webex/dark-complete.css +165 -165
- package/dist/css/theme/webex/dark-stable.css +328 -328
- package/dist/css/theme/webex/light-complete.css +165 -165
- package/dist/css/theme/webex/light-stable.css +332 -332
- package/dist/ios/core/complete.swift +284 -284
- package/dist/ios/theme/webex/common-stable.swift +60 -60
- package/dist/ios/theme/webex/dark-complete.swift +164 -164
- package/dist/ios/theme/webex/dark-stable.swift +327 -327
- package/dist/ios/theme/webex/light-complete.swift +164 -164
- package/dist/ios/theme/webex/light-stable.swift +331 -331
- package/dist/json/core/complete.json +283 -283
- package/dist/json/theme/webex/common-stable.json +59 -59
- package/dist/json/theme/webex/dark-complete.json +163 -163
- package/dist/json/theme/webex/dark-stable.json +326 -326
- package/dist/json/theme/webex/light-complete.json +163 -163
- package/dist/json/theme/webex/light-stable.json +330 -330
- package/dist/resources/core/complete.xml +284 -284
- package/dist/resources/theme/webex/common-stable.xml +60 -60
- package/dist/resources/theme/webex/dark-complete.xml +164 -164
- package/dist/resources/theme/webex/dark-stable.xml +327 -327
- package/dist/resources/theme/webex/light-complete.xml +164 -164
- package/dist/resources/theme/webex/light-stable.xml +331 -331
- package/dist/scss/core/complete.scss +284 -284
- package/dist/scss/theme/webex/common-stable.scss +60 -60
- package/dist/scss/theme/webex/dark-complete.scss +164 -164
- package/dist/scss/theme/webex/dark-stable.scss +327 -327
- package/dist/scss/theme/webex/light-complete.scss +164 -164
- package/dist/scss/theme/webex/light-stable.scss +331 -331
- package/package.json +1 -1
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"type": "color",
|
|
14
14
|
"description": "Core Token: gradient.default.light.primary\nHEX: F0F0F0, FFFFFF\n----\nUsed for main app background (desktop&web)"
|
|
15
15
|
},
|
|
16
|
-
"name": "
|
|
16
|
+
"name": "mds-color-theme-bg-primary",
|
|
17
17
|
"attributes": {
|
|
18
18
|
"category": "color",
|
|
19
19
|
"type": "theme",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"type": "color",
|
|
39
39
|
"description": "Core Token: gradient.default.light.secondary\nHEX: FAFAFA, FFFFFF\n-----\nUsed for the 3rd column in a main app background (desktop&web)"
|
|
40
40
|
},
|
|
41
|
-
"name": "
|
|
41
|
+
"name": "mds-color-theme-bg-secondary",
|
|
42
42
|
"attributes": {
|
|
43
43
|
"category": "color",
|
|
44
44
|
"type": "theme",
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
"type": "color",
|
|
65
65
|
"description": "Core Token: mobile.default.light.primary\nHEX: F7F7F7\n------------------------\nUsed for App background for mobile [iOS] notch, top-bar"
|
|
66
66
|
},
|
|
67
|
-
"name": "
|
|
67
|
+
"name": "mds-color-theme-bg-mob-primary",
|
|
68
68
|
"attributes": {
|
|
69
69
|
"category": "color",
|
|
70
70
|
"type": "theme",
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
"type": "color",
|
|
92
92
|
"description": "Core Token: mobile.default.light.secondary\nHEX: FFFFFF\n-------------------------------\nApp background for mobile\n[AND] botton tabs"
|
|
93
93
|
},
|
|
94
|
-
"name": "
|
|
94
|
+
"name": "mds-color-theme-bg-mob-secondary",
|
|
95
95
|
"attributes": {
|
|
96
96
|
"category": "color",
|
|
97
97
|
"type": "theme",
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
"type": "color",
|
|
124
124
|
"description": "Core Token: core.black-alpha.00\nHEX: 000000 0%\n--------\nRest/ghost states of app-header/footer, chips, list items, list-header, bitmoji, messaging components, personas. "
|
|
125
125
|
},
|
|
126
|
-
"name": "
|
|
126
|
+
"name": "mds-color-theme-surface-neutral-00-default",
|
|
127
127
|
"attributes": {
|
|
128
128
|
"category": "color",
|
|
129
129
|
"type": "theme",
|
|
@@ -151,7 +151,7 @@
|
|
|
151
151
|
"type": "color",
|
|
152
152
|
"description": "Core Token: core.black-alpha.07\nHEX: 000000 7%\n\n----\n\nUsed for hover state of \nall app-header/footer, chips, list items, list-header, bitmoji, messaging components, personas"
|
|
153
153
|
},
|
|
154
|
-
"name": "
|
|
154
|
+
"name": "mds-color-theme-surface-neutral-00-hover",
|
|
155
155
|
"attributes": {
|
|
156
156
|
"category": "color",
|
|
157
157
|
"type": "theme",
|
|
@@ -179,7 +179,7 @@
|
|
|
179
179
|
"type": "color",
|
|
180
180
|
"description": "Core Token: core.black-alpha.11\nHEX: 000000 11%\n\n---\nUsed for press/active state of surface-00. Used it for app-header/footer, chips, list items, list-header, bitmoji, messaging components, personas"
|
|
181
181
|
},
|
|
182
|
-
"name": "
|
|
182
|
+
"name": "mds-color-theme-surface-neutral-00-active",
|
|
183
183
|
"attributes": {
|
|
184
184
|
"category": "color",
|
|
185
185
|
"type": "theme",
|
|
@@ -207,7 +207,7 @@
|
|
|
207
207
|
"type": "color",
|
|
208
208
|
"description": "Core Token: core.black-alpha-11\nHEX: 000000 11%\n\n---\nDisabled state of surface-00. Used it for app-header/footer, chips, list items, list-header, bitmoji, messaging components, personas"
|
|
209
209
|
},
|
|
210
|
-
"name": "
|
|
210
|
+
"name": "mds-color-theme-surface-neutral-00-disabled",
|
|
211
211
|
"attributes": {
|
|
212
212
|
"category": "color",
|
|
213
213
|
"type": "theme",
|
|
@@ -237,7 +237,7 @@
|
|
|
237
237
|
"type": "color",
|
|
238
238
|
"description": "Core Token: core.black-alpha.11\nHEX: 000000 11%\n-----\n\nRest state for meeting-content-cards, attachments, [ios] meeting-list"
|
|
239
239
|
},
|
|
240
|
-
"name": "
|
|
240
|
+
"name": "mds-color-theme-surface-neutral-01-default",
|
|
241
241
|
"attributes": {
|
|
242
242
|
"category": "color",
|
|
243
243
|
"type": "theme",
|
|
@@ -265,7 +265,7 @@
|
|
|
265
265
|
"type": "color",
|
|
266
266
|
"description": "Core Token: core.black-alpha.20\nHEX: 000000 20%\n----\nHover state of surface-01.\n(prev.BackgroundSecondary). Used it for meeting-content-cards, attachments, [ios] meeting-list"
|
|
267
267
|
},
|
|
268
|
-
"name": "
|
|
268
|
+
"name": "mds-color-theme-surface-neutral-01-hover",
|
|
269
269
|
"attributes": {
|
|
270
270
|
"category": "color",
|
|
271
271
|
"type": "theme",
|
|
@@ -293,7 +293,7 @@
|
|
|
293
293
|
"type": "color",
|
|
294
294
|
"description": "Core Token: core.black-alpha.30\nHEX: 000000 30%\n\n---\nUsed for press/active state of surface-01. \n(prev.BackgroundSecondary). Used it for meeting-content-cards, attachments, [ios] meeting-list."
|
|
295
295
|
},
|
|
296
|
-
"name": "
|
|
296
|
+
"name": "mds-color-theme-surface-neutral-01-active",
|
|
297
297
|
"attributes": {
|
|
298
298
|
"category": "color",
|
|
299
299
|
"type": "theme",
|
|
@@ -321,7 +321,7 @@
|
|
|
321
321
|
"type": "color",
|
|
322
322
|
"description": "Core Token: core.black-alpha.00\nHEX: 000000 00%\n\n---\nDisabled state of surface-01. (prev.BackgroundSecondary). Used it for meeting-content-cards, attachments, [ios] meeting-list"
|
|
323
323
|
},
|
|
324
|
-
"name": "
|
|
324
|
+
"name": "mds-color-theme-surface-neutral-01-disabled",
|
|
325
325
|
"attributes": {
|
|
326
326
|
"category": "color",
|
|
327
327
|
"type": "theme",
|
|
@@ -351,7 +351,7 @@
|
|
|
351
351
|
"type": "color",
|
|
352
352
|
"description": "Core Token: core.gray.05\nHEX: F7f7f7\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": "
|
|
354
|
+
"name": "mds-color-theme-surface-neutral-02-primary",
|
|
355
355
|
"attributes": {
|
|
356
356
|
"category": "color",
|
|
357
357
|
"type": "theme",
|
|
@@ -379,7 +379,7 @@
|
|
|
379
379
|
"type": "color",
|
|
380
380
|
"description": "Core Token: core.gray.10\nHEX: EDEDED\n----------------\nMedium solid surface. Used this for the surface of modal when layering one to another. For details, find \"UI Layering\" : \nhttps://www.figma.com/file/GAPJbRR46eugOlrHzFJ7Fe/UI-Layering?node-id=3%3A22089"
|
|
381
381
|
},
|
|
382
|
-
"name": "
|
|
382
|
+
"name": "mds-color-theme-surface-neutral-02-secondary",
|
|
383
383
|
"attributes": {
|
|
384
384
|
"category": "color",
|
|
385
385
|
"type": "theme",
|
|
@@ -407,7 +407,7 @@
|
|
|
407
407
|
"type": "color",
|
|
408
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"
|
|
409
409
|
},
|
|
410
|
-
"name": "
|
|
410
|
+
"name": "mds-color-theme-surface-neutral-02-tertiary",
|
|
411
411
|
"attributes": {
|
|
412
412
|
"category": "color",
|
|
413
413
|
"type": "theme",
|
|
@@ -438,7 +438,7 @@
|
|
|
438
438
|
"type": "color",
|
|
439
439
|
"description": "Core Token: core.green.10\nHEX: CEF5EB\n-------------------------\nUsed for alert-banners"
|
|
440
440
|
},
|
|
441
|
-
"name": "
|
|
441
|
+
"name": "mds-color-theme-surface-positive-default",
|
|
442
442
|
"attributes": {
|
|
443
443
|
"category": "color",
|
|
444
444
|
"type": "theme",
|
|
@@ -465,7 +465,7 @@
|
|
|
465
465
|
"type": "color",
|
|
466
466
|
"description": "Core Token: core.green.20\nHEX: 9FEDD8\n---------------------------\nUsed for meeting-cards, press state of availability cards"
|
|
467
467
|
},
|
|
468
|
-
"name": "
|
|
468
|
+
"name": "mds-color-theme-surface-positive-active",
|
|
469
469
|
"attributes": {
|
|
470
470
|
"category": "color",
|
|
471
471
|
"type": "theme",
|
|
@@ -494,7 +494,7 @@
|
|
|
494
494
|
"type": "color",
|
|
495
495
|
"description": "Core Token: core.red.10\nHEX: FFE8EA\n--------------------------------\nUsed for rest state of availability-cards (unavailable)"
|
|
496
496
|
},
|
|
497
|
-
"name": "
|
|
497
|
+
"name": "mds-color-theme-surface-negative-default",
|
|
498
498
|
"attributes": {
|
|
499
499
|
"category": "color",
|
|
500
500
|
"type": "theme",
|
|
@@ -521,7 +521,7 @@
|
|
|
521
521
|
"type": "color",
|
|
522
522
|
"description": "Core Token: core.red.20\nHEX: FFD4DA\n--------------------------------\nUsed for alert-banners, availability-cards (blockers)"
|
|
523
523
|
},
|
|
524
|
-
"name": "
|
|
524
|
+
"name": "mds-color-theme-surface-negative-active",
|
|
525
525
|
"attributes": {
|
|
526
526
|
"category": "color",
|
|
527
527
|
"type": "theme",
|
|
@@ -550,7 +550,7 @@
|
|
|
550
550
|
"type": "color",
|
|
551
551
|
"description": "Core Token: core.yellow.10\nHEX: FFEBC2\n--------------------------------\nUsed for alert-banner"
|
|
552
552
|
},
|
|
553
|
-
"name": "
|
|
553
|
+
"name": "mds-color-theme-surface-warning-default",
|
|
554
554
|
"attributes": {
|
|
555
555
|
"category": "color",
|
|
556
556
|
"type": "theme",
|
|
@@ -579,7 +579,7 @@
|
|
|
579
579
|
"type": "color",
|
|
580
580
|
"description": "Core token: core.blue.10\nHEX: DBF0FF\n-----------\nUsed for alert-banners"
|
|
581
581
|
},
|
|
582
|
-
"name": "
|
|
582
|
+
"name": "mds-color-theme-surface-accent-default",
|
|
583
583
|
"attributes": {
|
|
584
584
|
"category": "color",
|
|
585
585
|
"type": "theme",
|
|
@@ -607,7 +607,7 @@
|
|
|
607
607
|
"type": "color",
|
|
608
608
|
"description": "Core Token: core.blue.60\nHEX: 1170CF\n-------------------------\nUsed for default/rest state of [iOS] Global Tint"
|
|
609
609
|
},
|
|
610
|
-
"name": "
|
|
610
|
+
"name": "mds-color-theme-surface-accent-mobile-default",
|
|
611
611
|
"attributes": {
|
|
612
612
|
"category": "color",
|
|
613
613
|
"type": "theme",
|
|
@@ -635,7 +635,7 @@
|
|
|
635
635
|
"type": "color",
|
|
636
636
|
"description": "Core Token: core.blue.60\nHEX: 1170CF\n-------------------\nUsed [ioS] Selected state of navigation/side-bar, search-bar"
|
|
637
637
|
},
|
|
638
|
-
"name": "
|
|
638
|
+
"name": "mds-color-theme-surface-accent-mobile-pressed",
|
|
639
639
|
"attributes": {
|
|
640
640
|
"category": "color",
|
|
641
641
|
"type": "theme",
|
|
@@ -669,7 +669,7 @@
|
|
|
669
669
|
"type": "color",
|
|
670
670
|
"description": "Core Token: core.black-alpha.95\nHEX: FFFFFF 95%\n--------------------------\nUsed for default primary text. "
|
|
671
671
|
},
|
|
672
|
-
"name": "
|
|
672
|
+
"name": "mds-color-theme-content-text-neutral-primary",
|
|
673
673
|
"attributes": {
|
|
674
674
|
"category": "color",
|
|
675
675
|
"type": "theme",
|
|
@@ -697,7 +697,7 @@
|
|
|
697
697
|
"type": "color",
|
|
698
698
|
"description": "Core Token: core.black-alpha.70\nHEX: 000000 70%\n--------------------\nUsed for secondary text"
|
|
699
699
|
},
|
|
700
|
-
"name": "
|
|
700
|
+
"name": "mds-color-theme-content-text-neutral-secondary",
|
|
701
701
|
"attributes": {
|
|
702
702
|
"category": "color",
|
|
703
703
|
"type": "theme",
|
|
@@ -725,7 +725,7 @@
|
|
|
725
725
|
"type": "color",
|
|
726
726
|
"description": "Core Token: core.black-alpha.40\nHEX: 000000 40%\n---\nUsed for disabled state for all text"
|
|
727
727
|
},
|
|
728
|
-
"name": "
|
|
728
|
+
"name": "mds-color-theme-content-text-neutral-disabled",
|
|
729
729
|
"attributes": {
|
|
730
730
|
"category": "color",
|
|
731
731
|
"type": "theme",
|
|
@@ -754,7 +754,7 @@
|
|
|
754
754
|
"type": "color",
|
|
755
755
|
"description": "Core Token: core.black-alpha.70\nHEX: 000000 70%\n-----------------------\nUsed for teams "
|
|
756
756
|
},
|
|
757
|
-
"name": "
|
|
757
|
+
"name": "mds-color-theme-content-text-neutral-teams-default",
|
|
758
758
|
"attributes": {
|
|
759
759
|
"category": "color",
|
|
760
760
|
"type": "theme",
|
|
@@ -783,7 +783,7 @@
|
|
|
783
783
|
"type": "color",
|
|
784
784
|
"description": "Core Token: core.black-alpha.95\nHEX: 000000 95%\n-----------------------\nUsed for active state of teams component"
|
|
785
785
|
},
|
|
786
|
-
"name": "
|
|
786
|
+
"name": "mds-color-theme-content-text-neutral-teams-active",
|
|
787
787
|
"attributes": {
|
|
788
788
|
"category": "color",
|
|
789
789
|
"type": "theme",
|
|
@@ -816,7 +816,7 @@
|
|
|
816
816
|
"type": "color",
|
|
817
817
|
"description": "Core Token: core.white-alpha.95\nHEX: ffffff 95%\n--------------------------\nUsed for inverted primary text. "
|
|
818
818
|
},
|
|
819
|
-
"name": "
|
|
819
|
+
"name": "mds-color-theme-content-text-contrast-neutral-primary",
|
|
820
820
|
"attributes": {
|
|
821
821
|
"category": "color",
|
|
822
822
|
"type": "theme",
|
|
@@ -845,7 +845,7 @@
|
|
|
845
845
|
"type": "color",
|
|
846
846
|
"description": "Core Token: core.white-alpha.70\nHEX: ffffff 70%\n--------------------------\nUsed for secondary inverted primary text. "
|
|
847
847
|
},
|
|
848
|
-
"name": "
|
|
848
|
+
"name": "mds-color-theme-content-text-contrast-neutral-secondary",
|
|
849
849
|
"attributes": {
|
|
850
850
|
"category": "color",
|
|
851
851
|
"type": "theme",
|
|
@@ -874,7 +874,7 @@
|
|
|
874
874
|
"type": "color",
|
|
875
875
|
"description": "Core Token: core.white-alpha.80\nHEX: ffffff 80%\n--------------------------\nUsed for disabled state of inverted text. "
|
|
876
876
|
},
|
|
877
|
-
"name": "
|
|
877
|
+
"name": "mds-color-theme-content-text-contrast-neutral-disabled",
|
|
878
878
|
"attributes": {
|
|
879
879
|
"category": "color",
|
|
880
880
|
"type": "theme",
|
|
@@ -906,7 +906,7 @@
|
|
|
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": "
|
|
909
|
+
"name": "mds-color-theme-content-text-positve-active",
|
|
910
910
|
"attributes": {
|
|
911
911
|
"category": "color",
|
|
912
912
|
"type": "theme",
|
|
@@ -934,7 +934,7 @@
|
|
|
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": "
|
|
937
|
+
"name": "mds-color-theme-content-text-positve-hover",
|
|
938
938
|
"attributes": {
|
|
939
939
|
"category": "color",
|
|
940
940
|
"type": "theme",
|
|
@@ -962,7 +962,7 @@
|
|
|
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": "
|
|
965
|
+
"name": "mds-color-theme-content-text-positve-default",
|
|
966
966
|
"attributes": {
|
|
967
967
|
"category": "color",
|
|
968
968
|
"type": "theme",
|
|
@@ -992,7 +992,7 @@
|
|
|
992
992
|
"type": "color",
|
|
993
993
|
"description": "Core Token: core.red.90\nHEX: 4F0E10\n-----------------\nUsed for active state of Error/cancel text. Used for alert-badge, interactive icons."
|
|
994
994
|
},
|
|
995
|
-
"name": "
|
|
995
|
+
"name": "mds-color-theme-content-text-negative-active",
|
|
996
996
|
"attributes": {
|
|
997
997
|
"category": "color",
|
|
998
998
|
"type": "theme",
|
|
@@ -1020,7 +1020,7 @@
|
|
|
1020
1020
|
"type": "color",
|
|
1021
1021
|
"description": "Core Token: core.red.90\nHEX: 4F0E10\n-----------------\nUsed for hover state of Error/cancel text"
|
|
1022
1022
|
},
|
|
1023
|
-
"name": "
|
|
1023
|
+
"name": "mds-color-theme-content-text-negative-hover",
|
|
1024
1024
|
"attributes": {
|
|
1025
1025
|
"category": "color",
|
|
1026
1026
|
"type": "theme",
|
|
@@ -1048,7 +1048,7 @@
|
|
|
1048
1048
|
"type": "color",
|
|
1049
1049
|
"description": "Core Token: core.red.70\nHEX: AB0A15\n-----------------\nUsed for rest state of Error/cancel text"
|
|
1050
1050
|
},
|
|
1051
|
-
"name": "
|
|
1051
|
+
"name": "mds-color-theme-content-text-negative-default",
|
|
1052
1052
|
"attributes": {
|
|
1053
1053
|
"category": "color",
|
|
1054
1054
|
"type": "theme",
|
|
@@ -1078,7 +1078,7 @@
|
|
|
1078
1078
|
"type": "color",
|
|
1079
1079
|
"description": "Core Token: core.yellow.20\nHEX: FFDA94\n-------------------------------\nUsed for active state of warning text; alert-badge, interactive icons."
|
|
1080
1080
|
},
|
|
1081
|
-
"name": "
|
|
1081
|
+
"name": "mds-color-theme-content-text-warning-active",
|
|
1082
1082
|
"attributes": {
|
|
1083
1083
|
"category": "color",
|
|
1084
1084
|
"type": "theme",
|
|
@@ -1106,7 +1106,7 @@
|
|
|
1106
1106
|
"type": "color",
|
|
1107
1107
|
"description": "Core Token: core.yellow.20\nHEX: FFDA94\n-------------------------------\nUsed for hover state of warning text; alert-badge, interactive icons."
|
|
1108
1108
|
},
|
|
1109
|
-
"name": "
|
|
1109
|
+
"name": "mds-color-theme-content-text-warning-hover",
|
|
1110
1110
|
"attributes": {
|
|
1111
1111
|
"category": "color",
|
|
1112
1112
|
"type": "theme",
|
|
@@ -1134,7 +1134,7 @@
|
|
|
1134
1134
|
"type": "color",
|
|
1135
1135
|
"description": "ore Token: core.yellow.40\nHEX: F2990A\n-------------------------------\nUsed for rest state of warning text; alert-badge, interactive icons."
|
|
1136
1136
|
},
|
|
1137
|
-
"name": "
|
|
1137
|
+
"name": "mds-color-theme-content-text-warning-default",
|
|
1138
1138
|
"attributes": {
|
|
1139
1139
|
"category": "color",
|
|
1140
1140
|
"type": "theme",
|
|
@@ -1164,7 +1164,7 @@
|
|
|
1164
1164
|
"type": "color",
|
|
1165
1165
|
"description": "Core Token: core.blue.90\nHEX: 0A274A\n-----------------------------\nUsed for active state of accent text. mostly used for button-hyperlink, interactive-icons, alert-badge"
|
|
1166
1166
|
},
|
|
1167
|
-
"name": "
|
|
1167
|
+
"name": "mds-color-theme-content-text-accent-active",
|
|
1168
1168
|
"attributes": {
|
|
1169
1169
|
"category": "color",
|
|
1170
1170
|
"type": "theme",
|
|
@@ -1192,7 +1192,7 @@
|
|
|
1192
1192
|
"type": "color",
|
|
1193
1193
|
"description": "Core Token: core.blue.90\nHEX: 0A274A\n---\nUsed for hover state of accent text; \nmostly used for button-hyperlink, interactive-icons, alert-badge"
|
|
1194
1194
|
},
|
|
1195
|
-
"name": "
|
|
1195
|
+
"name": "mds-color-theme-content-text-accent-hover",
|
|
1196
1196
|
"attributes": {
|
|
1197
1197
|
"category": "color",
|
|
1198
1198
|
"type": "theme",
|
|
@@ -1220,7 +1220,7 @@
|
|
|
1220
1220
|
"type": "color",
|
|
1221
1221
|
"description": "Core Token: core.blue.70\nHEX: 0353a8\n---------------------------\nUsed for rest state of accent text. mostly used for button-hyperlink, interactive-icons, alert-badge"
|
|
1222
1222
|
},
|
|
1223
|
-
"name": "
|
|
1223
|
+
"name": "mds-color-theme-content-text-accent-default",
|
|
1224
1224
|
"attributes": {
|
|
1225
1225
|
"category": "color",
|
|
1226
1226
|
"type": "theme",
|
|
@@ -1250,7 +1250,7 @@
|
|
|
1250
1250
|
"type": "color",
|
|
1251
1251
|
"description": "Core Token: core.orange.90\nHEX: 33221B\n----------------\nUsed for hover/pressed state of teams "
|
|
1252
1252
|
},
|
|
1253
|
-
"name": "
|
|
1253
|
+
"name": "mds-color-theme-content-text-notice-active",
|
|
1254
1254
|
"attributes": {
|
|
1255
1255
|
"category": "color",
|
|
1256
1256
|
"type": "theme",
|
|
@@ -1278,7 +1278,7 @@
|
|
|
1278
1278
|
"type": "color",
|
|
1279
1279
|
"description": "Core Token: core.orange.70\nHEX: 914017\n----------------\nUsed for rest state of teams "
|
|
1280
1280
|
},
|
|
1281
|
-
"name": "
|
|
1281
|
+
"name": "mds-color-theme-content-text-notice-default",
|
|
1282
1282
|
"attributes": {
|
|
1283
1283
|
"category": "color",
|
|
1284
1284
|
"type": "theme",
|
|
@@ -1309,7 +1309,7 @@
|
|
|
1309
1309
|
"type": "color",
|
|
1310
1310
|
"description": "Core Token: core.gold.90\nHEX: 30240D\n-------------------------\nUsed for rest/hover state of teams"
|
|
1311
1311
|
},
|
|
1312
|
-
"name": "
|
|
1312
|
+
"name": "mds-color-theme-content-text-decorative-gold-default",
|
|
1313
1313
|
"attributes": {
|
|
1314
1314
|
"category": "color",
|
|
1315
1315
|
"type": "theme",
|
|
@@ -1338,7 +1338,7 @@
|
|
|
1338
1338
|
"type": "color",
|
|
1339
1339
|
"description": "Core Token: core.gold.70\nHEX: 735107\n-------------------------\nUsed for active state of teams"
|
|
1340
1340
|
},
|
|
1341
|
-
"name": "
|
|
1341
|
+
"name": "mds-color-theme-content-text-decorative-gold-active",
|
|
1342
1342
|
"attributes": {
|
|
1343
1343
|
"category": "color",
|
|
1344
1344
|
"type": "theme",
|
|
@@ -1369,7 +1369,7 @@
|
|
|
1369
1369
|
"type": "color",
|
|
1370
1370
|
"description": "re Token: core.lime.90\nHEX: 1E2B10\n-------------------------\nUsed for rest/hover state of team"
|
|
1371
1371
|
},
|
|
1372
|
-
"name": "
|
|
1372
|
+
"name": "mds-color-theme-content-text-decorative-lime-default",
|
|
1373
1373
|
"attributes": {
|
|
1374
1374
|
"category": "color",
|
|
1375
1375
|
"type": "theme",
|
|
@@ -1398,7 +1398,7 @@
|
|
|
1398
1398
|
"type": "color",
|
|
1399
1399
|
"description": "Core Token: core.lime.70\nHEX: 416116\n-------------------------\nUsed for active state of teams"
|
|
1400
1400
|
},
|
|
1401
|
-
"name": "
|
|
1401
|
+
"name": "mds-color-theme-content-text-decorative-lime-active",
|
|
1402
1402
|
"attributes": {
|
|
1403
1403
|
"category": "color",
|
|
1404
1404
|
"type": "theme",
|
|
@@ -1429,7 +1429,7 @@
|
|
|
1429
1429
|
"type": "color",
|
|
1430
1430
|
"description": "ore Token: core.mint.70\nHEX: 12615A\n-------------------------\nUsed for rest/hover state of teams"
|
|
1431
1431
|
},
|
|
1432
|
-
"name": "
|
|
1432
|
+
"name": "mds-color-theme-content-text-decorative-mint-default",
|
|
1433
1433
|
"attributes": {
|
|
1434
1434
|
"category": "color",
|
|
1435
1435
|
"type": "theme",
|
|
@@ -1458,7 +1458,7 @@
|
|
|
1458
1458
|
"type": "color",
|
|
1459
1459
|
"description": "Core Token: core.mint.90\nHEX: 102B2A\n-------------------------\nUsed for active state of teams"
|
|
1460
1460
|
},
|
|
1461
|
-
"name": "
|
|
1461
|
+
"name": "mds-color-theme-content-text-decorative-mint-active",
|
|
1462
1462
|
"attributes": {
|
|
1463
1463
|
"category": "color",
|
|
1464
1464
|
"type": "theme",
|
|
@@ -1489,7 +1489,7 @@
|
|
|
1489
1489
|
"type": "color",
|
|
1490
1490
|
"description": "re Token: core.cyan.70\nHEX: 066070\n-------------------------\nUsed for rest/hover state of teams"
|
|
1491
1491
|
},
|
|
1492
|
-
"name": "
|
|
1492
|
+
"name": "mds-color-theme-content-text-decorative-cyan-default",
|
|
1493
1493
|
"attributes": {
|
|
1494
1494
|
"category": "color",
|
|
1495
1495
|
"type": "theme",
|
|
@@ -1518,7 +1518,7 @@
|
|
|
1518
1518
|
"type": "color",
|
|
1519
1519
|
"description": "Core Token: core.cyan.90\nHEX: 0B2A30\n-------------------------\nUsed for active state of teams"
|
|
1520
1520
|
},
|
|
1521
|
-
"name": "
|
|
1521
|
+
"name": "mds-color-theme-content-text-decorative-cyan-active",
|
|
1522
1522
|
"attributes": {
|
|
1523
1523
|
"category": "color",
|
|
1524
1524
|
"type": "theme",
|
|
@@ -1549,7 +1549,7 @@
|
|
|
1549
1549
|
"type": "color",
|
|
1550
1550
|
"description": "Core Token: core.cobalt.70\nHEX: 08599C\n-------------------------\nUsed for rest/hover state of teams"
|
|
1551
1551
|
},
|
|
1552
|
-
"name": "
|
|
1552
|
+
"name": "mds-color-theme-content-text-decorative-cobalt-default",
|
|
1553
1553
|
"attributes": {
|
|
1554
1554
|
"category": "color",
|
|
1555
1555
|
"type": "theme",
|
|
@@ -1578,7 +1578,7 @@
|
|
|
1578
1578
|
"type": "color",
|
|
1579
1579
|
"description": "Core Token: core.cobalt.90\nHEX: 12283D\n-------------------------\nUsed for active state of teams"
|
|
1580
1580
|
},
|
|
1581
|
-
"name": "
|
|
1581
|
+
"name": "mds-color-theme-content-text-decorative-cobalt-active",
|
|
1582
1582
|
"attributes": {
|
|
1583
1583
|
"category": "color",
|
|
1584
1584
|
"type": "theme",
|
|
@@ -1609,7 +1609,7 @@
|
|
|
1609
1609
|
"type": "color",
|
|
1610
1610
|
"description": "Core Token: core.slate.70\nHEX: 535573\n-------------------------\nUsed for rest/hover state of teams"
|
|
1611
1611
|
},
|
|
1612
|
-
"name": "
|
|
1612
|
+
"name": "mds-color-theme-content-text-decorative-slate-default",
|
|
1613
1613
|
"attributes": {
|
|
1614
1614
|
"category": "color",
|
|
1615
1615
|
"type": "theme",
|
|
@@ -1638,7 +1638,7 @@
|
|
|
1638
1638
|
"type": "color",
|
|
1639
1639
|
"description": "Core Token: core.slate.20\nHEX: 26262b\n-------------------------\nUsed for active state of teams"
|
|
1640
1640
|
},
|
|
1641
|
-
"name": "
|
|
1641
|
+
"name": "mds-color-theme-content-text-decorative-slate-active",
|
|
1642
1642
|
"attributes": {
|
|
1643
1643
|
"category": "color",
|
|
1644
1644
|
"type": "theme",
|
|
@@ -1669,7 +1669,7 @@
|
|
|
1669
1669
|
"type": "color",
|
|
1670
1670
|
"description": "Core Token: core.violet.70\nHEX: 643abd\n-------------------------\nUsed for rest/hover state of teams"
|
|
1671
1671
|
},
|
|
1672
|
-
"name": "
|
|
1672
|
+
"name": "mds-color-theme-content-text-decorative-violet-default",
|
|
1673
1673
|
"attributes": {
|
|
1674
1674
|
"category": "color",
|
|
1675
1675
|
"type": "theme",
|
|
@@ -1698,7 +1698,7 @@
|
|
|
1698
1698
|
"type": "color",
|
|
1699
1699
|
"description": "Core Token: core.violet.90\nHEX: 29223D\n-------------------------\nUsed for active state of teams"
|
|
1700
1700
|
},
|
|
1701
|
-
"name": "
|
|
1701
|
+
"name": "mds-color-theme-content-text-decorative-violet-active",
|
|
1702
1702
|
"attributes": {
|
|
1703
1703
|
"category": "color",
|
|
1704
1704
|
"type": "theme",
|
|
@@ -1729,7 +1729,7 @@
|
|
|
1729
1729
|
"type": "color",
|
|
1730
1730
|
"description": "Core Token: core.purple.70\nHEX: 932099\n-------------------------\nUsed for rest/hover state of teams"
|
|
1731
1731
|
},
|
|
1732
|
-
"name": "
|
|
1732
|
+
"name": "mds-color-theme-content-text-decorative-purple-default",
|
|
1733
1733
|
"attributes": {
|
|
1734
1734
|
"category": "color",
|
|
1735
1735
|
"type": "theme",
|
|
@@ -1758,7 +1758,7 @@
|
|
|
1758
1758
|
"type": "color",
|
|
1759
1759
|
"description": "Core Token: core.purple.90\nHEX: 3B1840\n-------------------------\nUsed for active state of teams"
|
|
1760
1760
|
},
|
|
1761
|
-
"name": "
|
|
1761
|
+
"name": "mds-color-theme-content-text-decorative-purple-active",
|
|
1762
1762
|
"attributes": {
|
|
1763
1763
|
"category": "color",
|
|
1764
1764
|
"type": "theme",
|
|
@@ -1789,7 +1789,7 @@
|
|
|
1789
1789
|
"type": "color",
|
|
1790
1790
|
"description": "Core Token: core.pink.70\nHEX: A12A3A\n-------------------------\nUsed for rest/hover state of teams"
|
|
1791
1791
|
},
|
|
1792
|
-
"name": "
|
|
1792
|
+
"name": "mds-color-theme-content-text-decorative-pink-default",
|
|
1793
1793
|
"attributes": {
|
|
1794
1794
|
"category": "color",
|
|
1795
1795
|
"type": "theme",
|
|
@@ -1818,7 +1818,7 @@
|
|
|
1818
1818
|
"type": "color",
|
|
1819
1819
|
"description": "Core Token: core.pink.90\nHEX: 3B1E21\n-------------------------\nUsed for active state of teams"
|
|
1820
1820
|
},
|
|
1821
|
-
"name": "
|
|
1821
|
+
"name": "mds-color-theme-content-text-decorative-pink-active",
|
|
1822
1822
|
"attributes": {
|
|
1823
1823
|
"category": "color",
|
|
1824
1824
|
"type": "theme",
|
|
@@ -1853,7 +1853,7 @@
|
|
|
1853
1853
|
"type": "color",
|
|
1854
1854
|
"description": "Core Token: core.black-alpha.95\nHEX 000000 95%\n-----------------------------------\nRest state of Primary buttons. "
|
|
1855
1855
|
},
|
|
1856
|
-
"name": "
|
|
1856
|
+
"name": "mds-color-theme-content-btn-neutral-primary-default",
|
|
1857
1857
|
"attributes": {
|
|
1858
1858
|
"category": "color",
|
|
1859
1859
|
"type": "theme",
|
|
@@ -1882,7 +1882,7 @@
|
|
|
1882
1882
|
"type": "color",
|
|
1883
1883
|
"description": "Core Token: core.black-alpha.80\nHEX 000000 80%\n-----------------------------------\nHover state of Primary buttons. "
|
|
1884
1884
|
},
|
|
1885
|
-
"name": "
|
|
1885
|
+
"name": "mds-color-theme-content-btn-neutral-primary-hover",
|
|
1886
1886
|
"attributes": {
|
|
1887
1887
|
"category": "color",
|
|
1888
1888
|
"type": "theme",
|
|
@@ -1911,7 +1911,7 @@
|
|
|
1911
1911
|
"type": "color",
|
|
1912
1912
|
"description": "Core Token: core.black-alpha.70\nHEX 000000 70%\n-----------------------------------\nPressed state of primary buttons."
|
|
1913
1913
|
},
|
|
1914
|
-
"name": "
|
|
1914
|
+
"name": "mds-color-theme-content-btn-neutral-primary-pressed",
|
|
1915
1915
|
"attributes": {
|
|
1916
1916
|
"category": "color",
|
|
1917
1917
|
"type": "theme",
|
|
@@ -1940,7 +1940,7 @@
|
|
|
1940
1940
|
"type": "color",
|
|
1941
1941
|
"description": "Core Token: core.black-alpha.20\nHEX 000000 20%\n-----------------------------------\nUsed for Disabled buttons. "
|
|
1942
1942
|
},
|
|
1943
|
-
"name": "
|
|
1943
|
+
"name": "mds-color-theme-content-btn-neutral-primary-disabled",
|
|
1944
1944
|
"attributes": {
|
|
1945
1945
|
"category": "color",
|
|
1946
1946
|
"type": "theme",
|
|
@@ -1971,7 +1971,7 @@
|
|
|
1971
1971
|
"type": "color",
|
|
1972
1972
|
"description": "Core Token: core.black-alpha.00\nHEX 000000 0%\n-----------------------------------\nRest/ghost state of Secondary buttons.\nUse with border.neutral.01"
|
|
1973
1973
|
},
|
|
1974
|
-
"name": "
|
|
1974
|
+
"name": "mds-color-theme-content-btn-neutral-secondary-default",
|
|
1975
1975
|
"attributes": {
|
|
1976
1976
|
"category": "color",
|
|
1977
1977
|
"type": "theme",
|
|
@@ -2000,7 +2000,7 @@
|
|
|
2000
2000
|
"type": "color",
|
|
2001
2001
|
"description": "Core Token: core.black-alpha.07\nHEX 000000 7%\n-----------------------------------\nHover state of Secondary buttons. Used with border.neutral.01"
|
|
2002
2002
|
},
|
|
2003
|
-
"name": "
|
|
2003
|
+
"name": "mds-color-theme-content-btn-neutral-secondary-hover",
|
|
2004
2004
|
"attributes": {
|
|
2005
2005
|
"category": "color",
|
|
2006
2006
|
"type": "theme",
|
|
@@ -2029,7 +2029,7 @@
|
|
|
2029
2029
|
"type": "color",
|
|
2030
2030
|
"description": "Core Token: core.black-alpha.20\nHEX 000000 20%\n-----------------------------------\nPressed state of Secondary buttons. Used with border.neutral.01"
|
|
2031
2031
|
},
|
|
2032
|
-
"name": "
|
|
2032
|
+
"name": "mds-color-theme-content-btn-neutral-secondary-pressed",
|
|
2033
2033
|
"attributes": {
|
|
2034
2034
|
"category": "color",
|
|
2035
2035
|
"type": "theme",
|
|
@@ -2058,7 +2058,7 @@
|
|
|
2058
2058
|
"type": "color",
|
|
2059
2059
|
"description": "Core Token: core.black-alpha.00\nHEX FFFFFF 00%\n-----------------------------------\nDisabled state of secondary buttons. Used with border.neutral.01"
|
|
2060
2060
|
},
|
|
2061
|
-
"name": "
|
|
2061
|
+
"name": "mds-color-theme-content-btn-neutral-secondary-disabled",
|
|
2062
2062
|
"attributes": {
|
|
2063
2063
|
"category": "color",
|
|
2064
2064
|
"type": "theme",
|
|
@@ -2088,7 +2088,7 @@
|
|
|
2088
2088
|
"type": "color",
|
|
2089
2089
|
"description": "Core Token: core.black-alpha.20\nHEX 000000 20%\n-----------------------------------\nRest state of Secondary active buttons. Mostly for call-control component in a meeting panel."
|
|
2090
2090
|
},
|
|
2091
|
-
"name": "
|
|
2091
|
+
"name": "mds-color-theme-content-btn-neutral-secondary-active-default",
|
|
2092
2092
|
"attributes": {
|
|
2093
2093
|
"category": "color",
|
|
2094
2094
|
"type": "theme",
|
|
@@ -2118,7 +2118,7 @@
|
|
|
2118
2118
|
"type": "color",
|
|
2119
2119
|
"description": "Core Token: core.black-alpha.20\nHEX 000000 20%\n-----------------------------------\nHover state of Secondary active buttons. Mostly for call-control component in a meeting panel."
|
|
2120
2120
|
},
|
|
2121
|
-
"name": "
|
|
2121
|
+
"name": "mds-color-theme-content-btn-neutral-secondary-active-hover",
|
|
2122
2122
|
"attributes": {
|
|
2123
2123
|
"category": "color",
|
|
2124
2124
|
"type": "theme",
|
|
@@ -2148,7 +2148,7 @@
|
|
|
2148
2148
|
"type": "color",
|
|
2149
2149
|
"description": "Core Token: core.black-alpha.40\nHEX 000000 40%\n-----------------------------------\nPressed state of Secondary active buttons. Mostly for call-control component in a meeting panel."
|
|
2150
2150
|
},
|
|
2151
|
-
"name": "
|
|
2151
|
+
"name": "mds-color-theme-content-btn-neutral-secondary-active-pressed",
|
|
2152
2152
|
"attributes": {
|
|
2153
2153
|
"category": "color",
|
|
2154
2154
|
"type": "theme",
|
|
@@ -2183,7 +2183,7 @@
|
|
|
2183
2183
|
"type": "color",
|
|
2184
2184
|
"description": "Core Token: core.white-alpha.100\nHEX ffffff 100%\n-----------------------------------\nRest state of inverted buttons. "
|
|
2185
2185
|
},
|
|
2186
|
-
"name": "
|
|
2186
|
+
"name": "mds-color-theme-content-btn-contrast-neutral-default",
|
|
2187
2187
|
"attributes": {
|
|
2188
2188
|
"category": "color",
|
|
2189
2189
|
"type": "theme",
|
|
@@ -2212,7 +2212,7 @@
|
|
|
2212
2212
|
"type": "color",
|
|
2213
2213
|
"description": "Core Token: core.gray.10\nHEX ededed\n-----------------------------------\nHover state of inverted buttons. "
|
|
2214
2214
|
},
|
|
2215
|
-
"name": "
|
|
2215
|
+
"name": "mds-color-theme-content-btn-contrast-neutral-hover",
|
|
2216
2216
|
"attributes": {
|
|
2217
2217
|
"category": "color",
|
|
2218
2218
|
"type": "theme",
|
|
@@ -2241,7 +2241,7 @@
|
|
|
2241
2241
|
"type": "color",
|
|
2242
2242
|
"description": "Core Token: core.gray.20\nHEX dedede\n-----------------------------------\nPressed state of inverted buttons. "
|
|
2243
2243
|
},
|
|
2244
|
-
"name": "
|
|
2244
|
+
"name": "mds-color-theme-content-btn-contrast-neutral-pressed",
|
|
2245
2245
|
"attributes": {
|
|
2246
2246
|
"category": "color",
|
|
2247
2247
|
"type": "theme",
|
|
@@ -2273,7 +2273,7 @@
|
|
|
2273
2273
|
"type": "color",
|
|
2274
2274
|
"description": "Core Token: core.green.60\nHEX: 1d805f\n--------------\nRest state of Join buttons. "
|
|
2275
2275
|
},
|
|
2276
|
-
"name": "
|
|
2276
|
+
"name": "mds-color-theme-content-btn-positive-default",
|
|
2277
2277
|
"attributes": {
|
|
2278
2278
|
"category": "color",
|
|
2279
2279
|
"type": "theme",
|
|
@@ -2301,7 +2301,7 @@
|
|
|
2301
2301
|
"type": "color",
|
|
2302
2302
|
"description": "Core Token: core.green.70\nHEX: 185E46\n--------------\nHover state of Join buttons. "
|
|
2303
2303
|
},
|
|
2304
|
-
"name": "
|
|
2304
|
+
"name": "mds-color-theme-content-btn-positive-hover",
|
|
2305
2305
|
"attributes": {
|
|
2306
2306
|
"category": "color",
|
|
2307
2307
|
"type": "theme",
|
|
@@ -2329,7 +2329,7 @@
|
|
|
2329
2329
|
"type": "color",
|
|
2330
2330
|
"description": "Core Token: core.green.80\nHEX: 134231\n--------------\nPressed state of Join buttons. "
|
|
2331
2331
|
},
|
|
2332
|
-
"name": "
|
|
2332
|
+
"name": "mds-color-theme-content-btn-positive-pressed",
|
|
2333
2333
|
"attributes": {
|
|
2334
2334
|
"category": "color",
|
|
2335
2335
|
"type": "theme",
|
|
@@ -2359,7 +2359,7 @@
|
|
|
2359
2359
|
"type": "color",
|
|
2360
2360
|
"description": "Core Token: core.red.60\nHEX: DB1F2E\n--------------\nRest state of error/cancel buttons. "
|
|
2361
2361
|
},
|
|
2362
|
-
"name": "
|
|
2362
|
+
"name": "mds-color-theme-content-btn-negative-default",
|
|
2363
2363
|
"attributes": {
|
|
2364
2364
|
"category": "color",
|
|
2365
2365
|
"type": "theme",
|
|
@@ -2387,7 +2387,7 @@
|
|
|
2387
2387
|
"type": "color",
|
|
2388
2388
|
"description": "Core Token: core.red.70\nHEX:AB0A15\n-------------------\nHover state of cancel/error buttons\n"
|
|
2389
2389
|
},
|
|
2390
|
-
"name": "
|
|
2390
|
+
"name": "mds-color-theme-content-btn-negative-hover",
|
|
2391
2391
|
"attributes": {
|
|
2392
2392
|
"category": "color",
|
|
2393
2393
|
"type": "theme",
|
|
@@ -2415,7 +2415,7 @@
|
|
|
2415
2415
|
"type": "color",
|
|
2416
2416
|
"description": "Core Token: core.red.80\nHEX:780D13\n-------------------\nPressed state of cancel/error buttons"
|
|
2417
2417
|
},
|
|
2418
|
-
"name": "
|
|
2418
|
+
"name": "mds-color-theme-content-btn-negative-pressed",
|
|
2419
2419
|
"attributes": {
|
|
2420
2420
|
"category": "color",
|
|
2421
2421
|
"type": "theme",
|
|
@@ -2445,7 +2445,7 @@
|
|
|
2445
2445
|
"type": "color",
|
|
2446
2446
|
"description": "Core Token: core.blue.60\nHEX: 1170CF\n--------------\nRest state of accent buttons"
|
|
2447
2447
|
},
|
|
2448
|
-
"name": "
|
|
2448
|
+
"name": "mds-color-theme-content-btn-accent-default",
|
|
2449
2449
|
"attributes": {
|
|
2450
2450
|
"category": "color",
|
|
2451
2451
|
"type": "theme",
|
|
@@ -2473,7 +2473,7 @@
|
|
|
2473
2473
|
"type": "color",
|
|
2474
2474
|
"description": "Core Token: core.blue.70\nHEX: 0353A8\n--------------\nhover state of accent buttons"
|
|
2475
2475
|
},
|
|
2476
|
-
"name": "
|
|
2476
|
+
"name": "mds-color-theme-content-btn-accent-hover",
|
|
2477
2477
|
"attributes": {
|
|
2478
2478
|
"category": "color",
|
|
2479
2479
|
"type": "theme",
|
|
@@ -2501,7 +2501,7 @@
|
|
|
2501
2501
|
"type": "color",
|
|
2502
2502
|
"description": "Core Token: core.blue.80\nHEX:063A75\n------------\nPressed state of accent buttons."
|
|
2503
2503
|
},
|
|
2504
|
-
"name": "
|
|
2504
|
+
"name": "mds-color-theme-content-btn-accent-pressed",
|
|
2505
2505
|
"attributes": {
|
|
2506
2506
|
"category": "color",
|
|
2507
2507
|
"type": "theme",
|
|
@@ -2533,7 +2533,7 @@
|
|
|
2533
2533
|
"type": "color",
|
|
2534
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
|
-
"name": "
|
|
2536
|
+
"name": "mds-color-theme-content-indicator-neutral-00",
|
|
2537
2537
|
"attributes": {
|
|
2538
2538
|
"category": "color",
|
|
2539
2539
|
"type": "theme",
|
|
@@ -2561,7 +2561,7 @@
|
|
|
2561
2561
|
"type": "color",
|
|
2562
2562
|
"description": "Core Token: core.gray.20\nHEX: DEDEDE\n--------------------------\nUsed for active state of alert-badge"
|
|
2563
2563
|
},
|
|
2564
|
-
"name": "
|
|
2564
|
+
"name": "mds-color-theme-content-indicator-neutral-01",
|
|
2565
2565
|
"attributes": {
|
|
2566
2566
|
"category": "color",
|
|
2567
2567
|
"type": "theme",
|
|
@@ -2589,7 +2589,7 @@
|
|
|
2589
2589
|
"type": "color",
|
|
2590
2590
|
"description": "Core Token: core.gray.10\nHEX: EDEDED\n------------------------\nUsed for rest/hover state of alert-badge, rest state of tags"
|
|
2591
2591
|
},
|
|
2592
|
-
"name": "
|
|
2592
|
+
"name": "mds-color-theme-content-indicator-neutral-02",
|
|
2593
2593
|
"attributes": {
|
|
2594
2594
|
"category": "color",
|
|
2595
2595
|
"type": "theme",
|
|
@@ -2617,7 +2617,7 @@
|
|
|
2617
2617
|
"type": "color",
|
|
2618
2618
|
"description": "Core Token: core.gray.10\nHEX: EDEDED\n-----------------\nUsed for hover state of tags"
|
|
2619
2619
|
},
|
|
2620
|
-
"name": "
|
|
2620
|
+
"name": "mds-color-theme-content-indicator-neutral-03",
|
|
2621
2621
|
"attributes": {
|
|
2622
2622
|
"category": "color",
|
|
2623
2623
|
"type": "theme",
|
|
@@ -2645,7 +2645,7 @@
|
|
|
2645
2645
|
"type": "color",
|
|
2646
2646
|
"description": "Core Token: core.gray.05\nHEX: F7F7F7\n--------------------\nUsed for pressed state of tags, name-tag."
|
|
2647
2647
|
},
|
|
2648
|
-
"name": "
|
|
2648
|
+
"name": "mds-color-theme-content-indicator-neutral-04",
|
|
2649
2649
|
"attributes": {
|
|
2650
2650
|
"category": "color",
|
|
2651
2651
|
"type": "theme",
|
|
@@ -2675,7 +2675,7 @@
|
|
|
2675
2675
|
"type": "color",
|
|
2676
2676
|
"description": "Core Token: core.green.60\nHEX: 1D805F\n-----------\nUsed for Presence(active) and Meeting Indicators (Audio-video-on, Media-quality-good)"
|
|
2677
2677
|
},
|
|
2678
|
-
"name": "
|
|
2678
|
+
"name": "mds-color-theme-content-indicator-positive-00",
|
|
2679
2679
|
"attributes": {
|
|
2680
2680
|
"category": "color",
|
|
2681
2681
|
"type": "theme",
|
|
@@ -2705,7 +2705,7 @@
|
|
|
2705
2705
|
"type": "color",
|
|
2706
2706
|
"description": "Core Token: core.red.60\nHEX: DB1F2E\n\nUsed for badge : Presence(DoNotDisturb) and Meeting Indicators (Audio-video-off, Record-on, Poor-media-quality,Live)"
|
|
2707
2707
|
},
|
|
2708
|
-
"name": "
|
|
2708
|
+
"name": "mds-color-theme-content-indicator-negative-00",
|
|
2709
2709
|
"attributes": {
|
|
2710
2710
|
"category": "color",
|
|
2711
2711
|
"type": "theme",
|
|
@@ -2733,7 +2733,7 @@
|
|
|
2733
2733
|
"type": "color",
|
|
2734
2734
|
"description": "Core Token: core.red.20\nHEX: FFD4DA\n--------------\nUsed for pressed state of alert-badge (important)"
|
|
2735
2735
|
},
|
|
2736
|
-
"name": "
|
|
2736
|
+
"name": "mds-color-theme-content-indicator-negative-01",
|
|
2737
2737
|
"attributes": {
|
|
2738
2738
|
"category": "color",
|
|
2739
2739
|
"type": "theme",
|
|
@@ -2761,7 +2761,7 @@
|
|
|
2761
2761
|
"type": "color",
|
|
2762
2762
|
"description": "Core Token: core.red.10\nHEX: FFE8EA\n--------------\nUsed for rest/hover state of alert-badge "
|
|
2763
2763
|
},
|
|
2764
|
-
"name": "
|
|
2764
|
+
"name": "mds-color-theme-content-indicator-negative-02",
|
|
2765
2765
|
"attributes": {
|
|
2766
2766
|
"category": "color",
|
|
2767
2767
|
"type": "theme",
|
|
@@ -2791,7 +2791,7 @@
|
|
|
2791
2791
|
"type": "color",
|
|
2792
2792
|
"description": "Core Token: core.yellow.50\nHEX: CF7900\n-----------------\nUsed for Meeting Indicators (Audio-error, Video-error)"
|
|
2793
2793
|
},
|
|
2794
|
-
"name": "
|
|
2794
|
+
"name": "mds-color-theme-content-indicator-warning-00",
|
|
2795
2795
|
"attributes": {
|
|
2796
2796
|
"category": "color",
|
|
2797
2797
|
"type": "theme",
|
|
@@ -2819,7 +2819,7 @@
|
|
|
2819
2819
|
"type": "color",
|
|
2820
2820
|
"description": "Core Token: core.yellow.20\nHEX: FFDA94\n-----------------------\nUsed for pressed state of alert-badge"
|
|
2821
2821
|
},
|
|
2822
|
-
"name": "
|
|
2822
|
+
"name": "mds-color-theme-content-indicator-warning-01",
|
|
2823
2823
|
"attributes": {
|
|
2824
2824
|
"category": "color",
|
|
2825
2825
|
"type": "theme",
|
|
@@ -2847,7 +2847,7 @@
|
|
|
2847
2847
|
"type": "color",
|
|
2848
2848
|
"description": "Core Token: core.yellow.10\nHEX: FFEBC2\n-----------------------\nUsed for rest/hover state of alert-badge"
|
|
2849
2849
|
},
|
|
2850
|
-
"name": "
|
|
2850
|
+
"name": "mds-color-theme-content-indicator-warning-02",
|
|
2851
2851
|
"attributes": {
|
|
2852
2852
|
"category": "color",
|
|
2853
2853
|
"type": "theme",
|
|
@@ -2877,7 +2877,7 @@
|
|
|
2877
2877
|
"type": "color",
|
|
2878
2878
|
"description": "Core Token: core.blue.60 \nHEX: 1170CF\n---------------------\nUsed for meeting indicator (Encryption)"
|
|
2879
2879
|
},
|
|
2880
|
-
"name": "
|
|
2880
|
+
"name": "mds-color-theme-content-indicator-accent-00",
|
|
2881
2881
|
"attributes": {
|
|
2882
2882
|
"category": "color",
|
|
2883
2883
|
"type": "theme",
|
|
@@ -2905,7 +2905,7 @@
|
|
|
2905
2905
|
"type": "color",
|
|
2906
2906
|
"description": "Core Token: core.blue.60\nHEX: 1170CF\n---------------------------------\nUsed for basic badge [ioS] badge"
|
|
2907
2907
|
},
|
|
2908
|
-
"name": "
|
|
2908
|
+
"name": "mds-color-theme-content-indicator-accent-01",
|
|
2909
2909
|
"attributes": {
|
|
2910
2910
|
"category": "color",
|
|
2911
2911
|
"type": "theme",
|
|
@@ -2933,7 +2933,7 @@
|
|
|
2933
2933
|
"type": "color",
|
|
2934
2934
|
"description": "Core Token: core.blue.20\nHEX: BFE3FF\n-------------------------\nUsed for pressed state of alert-badge (chat-saved)"
|
|
2935
2935
|
},
|
|
2936
|
-
"name": "
|
|
2936
|
+
"name": "mds-color-theme-content-indicator-accent-02",
|
|
2937
2937
|
"attributes": {
|
|
2938
2938
|
"category": "color",
|
|
2939
2939
|
"type": "theme",
|
|
@@ -2961,7 +2961,7 @@
|
|
|
2961
2961
|
"type": "color",
|
|
2962
2962
|
"description": "Core Token: core.blue.10\nHEX: DBF0FF\n-------------------------\nUsed for rest/hover state of alert-badge "
|
|
2963
2963
|
},
|
|
2964
|
-
"name": "
|
|
2964
|
+
"name": "mds-color-theme-content-indicator-accent-03",
|
|
2965
2965
|
"attributes": {
|
|
2966
2966
|
"category": "color",
|
|
2967
2967
|
"type": "theme",
|
|
@@ -2991,7 +2991,7 @@
|
|
|
2991
2991
|
"type": "color",
|
|
2992
2992
|
"description": "Core Token: core.orange.60\nHEX: C74F0E\n---------------------\nUsed for avatar presence (busy, meeting, call, device)"
|
|
2993
2993
|
},
|
|
2994
|
-
"name": "
|
|
2994
|
+
"name": "mds-color-theme-content-indicator-notice-00",
|
|
2995
2995
|
"attributes": {
|
|
2996
2996
|
"category": "color",
|
|
2997
2997
|
"type": "theme",
|
|
@@ -3019,7 +3019,7 @@
|
|
|
3019
3019
|
"type": "color",
|
|
3020
3020
|
"description": "Core Token: core.orange.70\nHEX: 914017\n---------------------\nUsed for avatar presence (busy, meeting, call, device)"
|
|
3021
3021
|
},
|
|
3022
|
-
"name": "
|
|
3022
|
+
"name": "mds-color-theme-content-indicator-notice-01",
|
|
3023
3023
|
"attributes": {
|
|
3024
3024
|
"category": "color",
|
|
3025
3025
|
"type": "theme",
|
|
@@ -3047,7 +3047,7 @@
|
|
|
3047
3047
|
"type": "color",
|
|
3048
3048
|
"description": "Core Token: core.orange.20\nHEX: FCE4C7\n------------------------------\nUsed for pressed state of alert-badge"
|
|
3049
3049
|
},
|
|
3050
|
-
"name": "
|
|
3050
|
+
"name": "mds-color-theme-content-indicator-notice-02",
|
|
3051
3051
|
"attributes": {
|
|
3052
3052
|
"category": "color",
|
|
3053
3053
|
"type": "theme",
|
|
@@ -3075,7 +3075,7 @@
|
|
|
3075
3075
|
"type": "color",
|
|
3076
3076
|
"description": "Core Token: core.orange.10\nHEX: FAF4EB\n---------------------------------\nUsed for rest/hover state of alert-badge"
|
|
3077
3077
|
},
|
|
3078
|
-
"name": "
|
|
3078
|
+
"name": "mds-color-theme-content-indicator-notice-03",
|
|
3079
3079
|
"attributes": {
|
|
3080
3080
|
"category": "color",
|
|
3081
3081
|
"type": "theme",
|
|
@@ -3106,7 +3106,7 @@
|
|
|
3106
3106
|
"type": "color",
|
|
3107
3107
|
"description": "Core Token: core.decorative.gold.10\nHEX: F7F6DC\n--------------------------\nUsed for press state of tags, avatar"
|
|
3108
3108
|
},
|
|
3109
|
-
"name": "
|
|
3109
|
+
"name": "mds-color-theme-content-indicator-decorative-gold-01",
|
|
3110
3110
|
"attributes": {
|
|
3111
3111
|
"category": "color",
|
|
3112
3112
|
"type": "theme",
|
|
@@ -3135,7 +3135,7 @@
|
|
|
3135
3135
|
"type": "color",
|
|
3136
3136
|
"description": "Core Token: core.decorative.gold.20\nHEX: F5EAA2\n--------------------------\nUsed for hover state of tags"
|
|
3137
3137
|
},
|
|
3138
|
-
"name": "
|
|
3138
|
+
"name": "mds-color-theme-content-indicator-decorative-gold-02",
|
|
3139
3139
|
"attributes": {
|
|
3140
3140
|
"category": "color",
|
|
3141
3141
|
"type": "theme",
|
|
@@ -3164,7 +3164,7 @@
|
|
|
3164
3164
|
"type": "color",
|
|
3165
3165
|
"description": "Core Token: core.decorative.gold.30\nHEX: EBD460\n--------------------------\nUsed for rest state of tags"
|
|
3166
3166
|
},
|
|
3167
|
-
"name": "
|
|
3167
|
+
"name": "mds-color-theme-content-indicator-decorative-gold-03",
|
|
3168
3168
|
"attributes": {
|
|
3169
3169
|
"category": "color",
|
|
3170
3170
|
"type": "theme",
|
|
@@ -3195,7 +3195,7 @@
|
|
|
3195
3195
|
"type": "color",
|
|
3196
3196
|
"description": "Core Token: core.decorative.lime.10\nHEX: F3F7E9\n--------------------------\nUsed for pressed state of tags, avatar"
|
|
3197
3197
|
},
|
|
3198
|
-
"name": "
|
|
3198
|
+
"name": "mds-color-theme-content-indicator-decorative-lime-01",
|
|
3199
3199
|
"attributes": {
|
|
3200
3200
|
"category": "color",
|
|
3201
3201
|
"type": "theme",
|
|
@@ -3224,7 +3224,7 @@
|
|
|
3224
3224
|
"type": "color",
|
|
3225
3225
|
"description": "Core Token: core.decorative.lime.20\nHEX: DDF2AE\n--------------------------\nUsed for hover state of tags"
|
|
3226
3226
|
},
|
|
3227
|
-
"name": "
|
|
3227
|
+
"name": "mds-color-theme-content-indicator-decorative-lime-02",
|
|
3228
3228
|
"attributes": {
|
|
3229
3229
|
"category": "color",
|
|
3230
3230
|
"type": "theme",
|
|
@@ -3253,7 +3253,7 @@
|
|
|
3253
3253
|
"type": "color",
|
|
3254
3254
|
"description": "Core Token: core.decorative.lime.30\nHEX: BCE36F\n--------------------------\nUsed for rest state of tags"
|
|
3255
3255
|
},
|
|
3256
|
-
"name": "
|
|
3256
|
+
"name": "mds-color-theme-content-indicator-decorative-lime-03",
|
|
3257
3257
|
"attributes": {
|
|
3258
3258
|
"category": "color",
|
|
3259
3259
|
"type": "theme",
|
|
@@ -3284,7 +3284,7 @@
|
|
|
3284
3284
|
"type": "color",
|
|
3285
3285
|
"description": "Core Token: core.decorative.mint.10\nHEX: E9F7F3\n--------------------------\nUsed for pressed state of tags, avatar"
|
|
3286
3286
|
},
|
|
3287
|
-
"name": "
|
|
3287
|
+
"name": "mds-color-theme-content-indicator-decorative-mint-01",
|
|
3288
3288
|
"attributes": {
|
|
3289
3289
|
"category": "color",
|
|
3290
3290
|
"type": "theme",
|
|
@@ -3313,7 +3313,7 @@
|
|
|
3313
3313
|
"type": "color",
|
|
3314
3314
|
"description": "Core Token: core.decorative.mint.20\nHEX: BAF5E7\n--------------------------\nUsed for hover state of tags"
|
|
3315
3315
|
},
|
|
3316
|
-
"name": "
|
|
3316
|
+
"name": "mds-color-theme-content-indicator-decorative-mint-02",
|
|
3317
3317
|
"attributes": {
|
|
3318
3318
|
"category": "color",
|
|
3319
3319
|
"type": "theme",
|
|
@@ -3342,7 +3342,7 @@
|
|
|
3342
3342
|
"type": "color",
|
|
3343
3343
|
"description": "Core Token: core.decorative.mint.30\nHEX: 74E8D1\n--------------------------\nUsed for pressed state of tags"
|
|
3344
3344
|
},
|
|
3345
|
-
"name": "
|
|
3345
|
+
"name": "mds-color-theme-content-indicator-decorative-mint-03",
|
|
3346
3346
|
"attributes": {
|
|
3347
3347
|
"category": "color",
|
|
3348
3348
|
"type": "theme",
|
|
@@ -3373,7 +3373,7 @@
|
|
|
3373
3373
|
"type": "color",
|
|
3374
3374
|
"description": "Core Token: core.decorative.cobalt.10\nHEX: E5F8FF\n--------------------------\nUsed for pressed state of tags"
|
|
3375
3375
|
},
|
|
3376
|
-
"name": "
|
|
3376
|
+
"name": "mds-color-theme-content-indicator-decorative-cobalt-01",
|
|
3377
3377
|
"attributes": {
|
|
3378
3378
|
"category": "color",
|
|
3379
3379
|
"type": "theme",
|
|
@@ -3402,7 +3402,7 @@
|
|
|
3402
3402
|
"type": "color",
|
|
3403
3403
|
"description": "Core Token: core.decorative.cobalt.20\nHEX: C7EEFF\n--------------------------\nUsed for hover state of tags"
|
|
3404
3404
|
},
|
|
3405
|
-
"name": "
|
|
3405
|
+
"name": "mds-color-theme-content-indicator-decorative-cobalt-02",
|
|
3406
3406
|
"attributes": {
|
|
3407
3407
|
"category": "color",
|
|
3408
3408
|
"type": "theme",
|
|
@@ -3431,7 +3431,7 @@
|
|
|
3431
3431
|
"type": "color",
|
|
3432
3432
|
"description": "Core Token: core.decorative.cobalt.30\nHEX: 99DDFF\n--------------------------\nUsed for rest state of tags"
|
|
3433
3433
|
},
|
|
3434
|
-
"name": "
|
|
3434
|
+
"name": "mds-color-theme-content-indicator-decorative-cobalt-03",
|
|
3435
3435
|
"attributes": {
|
|
3436
3436
|
"category": "color",
|
|
3437
3437
|
"type": "theme",
|
|
@@ -3462,7 +3462,7 @@
|
|
|
3462
3462
|
"type": "color",
|
|
3463
3463
|
"description": "Core Token: core.decorative.slate.10\nHEX: F2F4FF\n--------------------------\nUsed for pressed state of tags,avatar"
|
|
3464
3464
|
},
|
|
3465
|
-
"name": "
|
|
3465
|
+
"name": "mds-color-theme-content-indicator-decorative-slate-01",
|
|
3466
3466
|
"attributes": {
|
|
3467
3467
|
"category": "color",
|
|
3468
3468
|
"type": "theme",
|
|
@@ -3491,7 +3491,7 @@
|
|
|
3491
3491
|
"type": "color",
|
|
3492
3492
|
"description": "Core Token: core.decorative.slate.20\nHEX: E3E7FA\n--------------------------\nUsed for hover state of tags"
|
|
3493
3493
|
},
|
|
3494
|
-
"name": "
|
|
3494
|
+
"name": "mds-color-theme-content-indicator-decorative-slate-02",
|
|
3495
3495
|
"attributes": {
|
|
3496
3496
|
"category": "color",
|
|
3497
3497
|
"type": "theme",
|
|
@@ -3520,7 +3520,7 @@
|
|
|
3520
3520
|
"type": "color",
|
|
3521
3521
|
"description": "Core Token: core.decorative.slate.30\nHEX: CED2ED\n--------------------------\nUsed for rest state of tags"
|
|
3522
3522
|
},
|
|
3523
|
-
"name": "
|
|
3523
|
+
"name": "mds-color-theme-content-indicator-decorative-slate-03",
|
|
3524
3524
|
"attributes": {
|
|
3525
3525
|
"category": "color",
|
|
3526
3526
|
"type": "theme",
|
|
@@ -3551,7 +3551,7 @@
|
|
|
3551
3551
|
"type": "color",
|
|
3552
3552
|
"description": "Core Token: core.decorative.violet.10\nHEX: F8F2FC\n--------------------------\nUsed for pressed state of tags, avatar"
|
|
3553
3553
|
},
|
|
3554
|
-
"name": "
|
|
3554
|
+
"name": "mds-color-theme-content-indicator-decorative-violet-01",
|
|
3555
3555
|
"attributes": {
|
|
3556
3556
|
"category": "color",
|
|
3557
3557
|
"type": "theme",
|
|
@@ -3580,7 +3580,7 @@
|
|
|
3580
3580
|
"type": "color",
|
|
3581
3581
|
"description": "Core Token: core.decorative.violet.20\nHEX: F0E3FC\n--------------------------\nUsed for hover state of tags"
|
|
3582
3582
|
},
|
|
3583
|
-
"name": "
|
|
3583
|
+
"name": "mds-color-theme-content-indicator-decorative-violet-02",
|
|
3584
3584
|
"attributes": {
|
|
3585
3585
|
"category": "color",
|
|
3586
3586
|
"type": "theme",
|
|
@@ -3609,7 +3609,7 @@
|
|
|
3609
3609
|
"type": "color",
|
|
3610
3610
|
"description": "Core Token: core.decorative.violet.30\nHEX: E2CAFC\n--------------------------\nUsed for rest state of tags"
|
|
3611
3611
|
},
|
|
3612
|
-
"name": "
|
|
3612
|
+
"name": "mds-color-theme-content-indicator-decorative-violet-03",
|
|
3613
3613
|
"attributes": {
|
|
3614
3614
|
"category": "color",
|
|
3615
3615
|
"type": "theme",
|
|
@@ -3640,7 +3640,7 @@
|
|
|
3640
3640
|
"type": "color",
|
|
3641
3641
|
"description": "Core Token: core.decorative.purple.10\nHEX: FCF2FC\n--------------------------\nUsed for active/pressed state of alert-badge (admin), tags"
|
|
3642
3642
|
},
|
|
3643
|
-
"name": "
|
|
3643
|
+
"name": "mds-color-theme-content-indicator-decorative-purple-01",
|
|
3644
3644
|
"attributes": {
|
|
3645
3645
|
"category": "color",
|
|
3646
3646
|
"type": "theme",
|
|
@@ -3669,7 +3669,7 @@
|
|
|
3669
3669
|
"type": "color",
|
|
3670
3670
|
"description": "Core Token: core.decorative.purple.20\nHEX: FCE1FC\n--------------------------\nUsed for hover state of alert-badge (admin), tags"
|
|
3671
3671
|
},
|
|
3672
|
-
"name": "
|
|
3672
|
+
"name": "mds-color-theme-content-indicator-decorative-purple-02",
|
|
3673
3673
|
"attributes": {
|
|
3674
3674
|
"category": "color",
|
|
3675
3675
|
"type": "theme",
|
|
@@ -3698,7 +3698,7 @@
|
|
|
3698
3698
|
"type": "color",
|
|
3699
3699
|
"description": "Core Token: core.decorative.purple.30\nHEX: FAC3F8\n--------------------------\nUsed for rest state of alert-badge (admin), tags"
|
|
3700
3700
|
},
|
|
3701
|
-
"name": "
|
|
3701
|
+
"name": "mds-color-theme-content-indicator-decorative-purple-03",
|
|
3702
3702
|
"attributes": {
|
|
3703
3703
|
"category": "color",
|
|
3704
3704
|
"type": "theme",
|
|
@@ -3729,7 +3729,7 @@
|
|
|
3729
3729
|
"type": "color",
|
|
3730
3730
|
"description": "Core Token: core.decorative.pink.10\nHEX: FFF2F5\n--------------------------\nUsed for pressed state of tags, avatar"
|
|
3731
3731
|
},
|
|
3732
|
-
"name": "
|
|
3732
|
+
"name": "mds-color-theme-content-indicator-decorative-pink-01",
|
|
3733
3733
|
"attributes": {
|
|
3734
3734
|
"category": "color",
|
|
3735
3735
|
"type": "theme",
|
|
@@ -3758,7 +3758,7 @@
|
|
|
3758
3758
|
"type": "color",
|
|
3759
3759
|
"description": "Core Token: core.decorative.pink.20\nHEX: ffe0e7\n--------------------------\nUsed for hover state of tags"
|
|
3760
3760
|
},
|
|
3761
|
-
"name": "
|
|
3761
|
+
"name": "mds-color-theme-content-indicator-decorative-pink-02",
|
|
3762
3762
|
"attributes": {
|
|
3763
3763
|
"category": "color",
|
|
3764
3764
|
"type": "theme",
|
|
@@ -3787,7 +3787,7 @@
|
|
|
3787
3787
|
"type": "color",
|
|
3788
3788
|
"description": "Core Token: core.decorative.pink.30\nHEX: FFC7D2\n--------------------------\nUsed for rest state of tags"
|
|
3789
3789
|
},
|
|
3790
|
-
"name": "
|
|
3790
|
+
"name": "mds-color-theme-content-indicator-decorative-pink-03",
|
|
3791
3791
|
"attributes": {
|
|
3792
3792
|
"category": "color",
|
|
3793
3793
|
"type": "theme",
|
|
@@ -3822,7 +3822,7 @@
|
|
|
3822
3822
|
"type": "color",
|
|
3823
3823
|
"description": "Core Token: core.black-alpha.20\nHEX: 000000 20%\n-----------------------\nUsed for rest state of inactive control components(checkbox, toggle, radio)"
|
|
3824
3824
|
},
|
|
3825
|
-
"name": "
|
|
3825
|
+
"name": "mds-color-theme-content-control-neutral-inactive-default",
|
|
3826
3826
|
"attributes": {
|
|
3827
3827
|
"category": "color",
|
|
3828
3828
|
"type": "theme",
|
|
@@ -3851,7 +3851,7 @@
|
|
|
3851
3851
|
"type": "color",
|
|
3852
3852
|
"description": "Core Token: core.black-alpha.30\nHEX: 000000 30%\n-----------------------\nUsed for hover state of inactive control components(checkbox, toggle, radio)"
|
|
3853
3853
|
},
|
|
3854
|
-
"name": "
|
|
3854
|
+
"name": "mds-color-theme-content-control-neutral-inactive-hover",
|
|
3855
3855
|
"attributes": {
|
|
3856
3856
|
"category": "color",
|
|
3857
3857
|
"type": "theme",
|
|
@@ -3880,7 +3880,7 @@
|
|
|
3880
3880
|
"type": "color",
|
|
3881
3881
|
"description": "Core Token: core.black-alpha.40\nHEX: 000000 40%\n-----------------------\nUsed for pressed state of inactive control components(checkbox, toggle, radio)"
|
|
3882
3882
|
},
|
|
3883
|
-
"name": "
|
|
3883
|
+
"name": "mds-color-theme-content-control-neutral-inactive-pressed",
|
|
3884
3884
|
"attributes": {
|
|
3885
3885
|
"category": "color",
|
|
3886
3886
|
"type": "theme",
|
|
@@ -3909,7 +3909,7 @@
|
|
|
3909
3909
|
"type": "color",
|
|
3910
3910
|
"description": "Core Token: core.white-alpha.11\nHEX: 000000 11%\n-----------------------\nUsed for disabled state of inactive control components(checkbox, toggle, radio)"
|
|
3911
3911
|
},
|
|
3912
|
-
"name": "
|
|
3912
|
+
"name": "mds-color-theme-content-control-neutral-inactive-disabled",
|
|
3913
3913
|
"attributes": {
|
|
3914
3914
|
"category": "color",
|
|
3915
3915
|
"type": "theme",
|
|
@@ -3942,7 +3942,7 @@
|
|
|
3942
3942
|
"type": "color",
|
|
3943
3943
|
"description": "Core Token: core.blue.60\nHEX: 1170cf\n------------------------------\nUsed for rest state of control components (radio, toggle, checkbox)"
|
|
3944
3944
|
},
|
|
3945
|
-
"name": "
|
|
3945
|
+
"name": "mds-color-theme-content-control-accent-active-default",
|
|
3946
3946
|
"attributes": {
|
|
3947
3947
|
"category": "color",
|
|
3948
3948
|
"type": "theme",
|
|
@@ -3971,7 +3971,7 @@
|
|
|
3971
3971
|
"type": "color",
|
|
3972
3972
|
"description": "Core Token: core.blue.70\nHEXL: 0353a8\n------------------------------\nUsed for hover state of control components (radio, toggle, checkbox)"
|
|
3973
3973
|
},
|
|
3974
|
-
"name": "
|
|
3974
|
+
"name": "mds-color-theme-content-control-accent-active-hover",
|
|
3975
3975
|
"attributes": {
|
|
3976
3976
|
"category": "color",
|
|
3977
3977
|
"type": "theme",
|
|
@@ -4000,7 +4000,7 @@
|
|
|
4000
4000
|
"type": "color",
|
|
4001
4001
|
"description": "Core Token: core.blue.80\nHEXL: 063a75\n------------------------------\nUsed for pressed state of control components (radio, toggle, checkbox)"
|
|
4002
4002
|
},
|
|
4003
|
-
"name": "
|
|
4003
|
+
"name": "mds-color-theme-content-control-accent-active-pressed",
|
|
4004
4004
|
"attributes": {
|
|
4005
4005
|
"category": "color",
|
|
4006
4006
|
"type": "theme",
|
|
@@ -4029,7 +4029,7 @@
|
|
|
4029
4029
|
"type": "color",
|
|
4030
4030
|
"description": "Core Token: core.blue.20\nHEX: BFE3FF\n--------------\nUsed for disabled state of control components (radio, toggle, checkbox)"
|
|
4031
4031
|
},
|
|
4032
|
-
"name": "
|
|
4032
|
+
"name": "mds-color-theme-content-control-accent-active-disabled",
|
|
4033
4033
|
"attributes": {
|
|
4034
4034
|
"category": "color",
|
|
4035
4035
|
"type": "theme",
|
|
@@ -4063,7 +4063,7 @@
|
|
|
4063
4063
|
"type": "color",
|
|
4064
4064
|
"description": "Core Token: core.balck-alpha.20\nHEX: 000000 20%\n-------------------\nUsed for default scrollbar button(thumb)"
|
|
4065
4065
|
},
|
|
4066
|
-
"name": "
|
|
4066
|
+
"name": "mds-color-theme-content-scrollbar-thumb-default",
|
|
4067
4067
|
"attributes": {
|
|
4068
4068
|
"category": "color",
|
|
4069
4069
|
"type": "theme",
|
|
@@ -4091,7 +4091,7 @@
|
|
|
4091
4091
|
"type": "color",
|
|
4092
4092
|
"description": "Core Token: core.balck-alpha.30\nHEX: 000000 30%\n-------------------\nUsed for hover state of scrollbar button(thumb)"
|
|
4093
4093
|
},
|
|
4094
|
-
"name": "
|
|
4094
|
+
"name": "mds-color-theme-content-scrollbar-thumb-hover",
|
|
4095
4095
|
"attributes": {
|
|
4096
4096
|
"category": "color",
|
|
4097
4097
|
"type": "theme",
|
|
@@ -4119,7 +4119,7 @@
|
|
|
4119
4119
|
"type": "color",
|
|
4120
4120
|
"description": "Core Token: core.black-alpha.40\nHEX: 000000 40%\n--------------------------\nUsed for pressed state of Scrollbar Thumb"
|
|
4121
4121
|
},
|
|
4122
|
-
"name": "
|
|
4122
|
+
"name": "mds-color-theme-content-scrollbar-thumb-pressed",
|
|
4123
4123
|
"attributes": {
|
|
4124
4124
|
"category": "color",
|
|
4125
4125
|
"type": "theme",
|
|
@@ -4149,7 +4149,7 @@
|
|
|
4149
4149
|
"type": "color",
|
|
4150
4150
|
"description": "Core Token: core.black-alpha-00\nHEX: 000000 0%\n-----------------------------\nghost state of scrollbar track and arrow background"
|
|
4151
4151
|
},
|
|
4152
|
-
"name": "
|
|
4152
|
+
"name": "mds-color-theme-content-scrollbar-bg-default",
|
|
4153
4153
|
"attributes": {
|
|
4154
4154
|
"category": "color",
|
|
4155
4155
|
"type": "theme",
|
|
@@ -4177,7 +4177,7 @@
|
|
|
4177
4177
|
"type": "color",
|
|
4178
4178
|
"description": "Core Token: core.black-alpha-11\nHEX: 000000 11%\n-----------------------------\nUsed for hover state of arrow background and rest state of scrollbar track background."
|
|
4179
4179
|
},
|
|
4180
|
-
"name": "
|
|
4180
|
+
"name": "mds-color-theme-content-scrollbar-bg-hover",
|
|
4181
4181
|
"attributes": {
|
|
4182
4182
|
"category": "color",
|
|
4183
4183
|
"type": "theme",
|
|
@@ -4205,7 +4205,7 @@
|
|
|
4205
4205
|
"type": "color",
|
|
4206
4206
|
"description": "Core Token: core.white-alpha-20\nHEX: FFFFFF 20%\n-----------------------------\nUsed for pressed state of arrow background."
|
|
4207
4207
|
},
|
|
4208
|
-
"name": "
|
|
4208
|
+
"name": "mds-color-theme-content-scrollbar-bg-pressed",
|
|
4209
4209
|
"attributes": {
|
|
4210
4210
|
"category": "color",
|
|
4211
4211
|
"type": "theme",
|
|
@@ -4236,7 +4236,7 @@
|
|
|
4236
4236
|
"type": "color",
|
|
4237
4237
|
"description": "Core Token: \ncore.gray.100\nHEX: 0F0F0F\n---------------------------\nUsed for any default illustrations. \nFor details, see Illustration Guidelines\nhttps://www.figma.com/file/0CSTGFBEXaRfXclKNlVdnF/Illustration-Guidelines?node-id=0%3A1"
|
|
4238
4238
|
},
|
|
4239
|
-
"name": "
|
|
4239
|
+
"name": "mds-color-theme-content-illustration-default",
|
|
4240
4240
|
"attributes": {
|
|
4241
4241
|
"category": "color",
|
|
4242
4242
|
"type": "theme",
|
|
@@ -4267,7 +4267,7 @@
|
|
|
4267
4267
|
"type": "color",
|
|
4268
4268
|
"description": "Core Token: core.black-alpha.20\nHEX: 000000 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"
|
|
4269
4269
|
},
|
|
4270
|
-
"name": "
|
|
4270
|
+
"name": "mds-color-theme-border-neutral-00",
|
|
4271
4271
|
"attributes": {
|
|
4272
4272
|
"category": "color",
|
|
4273
4273
|
"type": "theme",
|
|
@@ -4294,7 +4294,7 @@
|
|
|
4294
4294
|
"type": "color",
|
|
4295
4295
|
"description": "Core Token: core.black-alpha.30\nHEX: 000000 30%\n----------------------------------\n• Outline for rest, hover, pressed, active state of secondary-buttons\n• Use with btn.neutral.secondary\n• Do not use it for disabled buttons."
|
|
4296
4296
|
},
|
|
4297
|
-
"name": "
|
|
4297
|
+
"name": "mds-color-theme-border-neutral-01",
|
|
4298
4298
|
"attributes": {
|
|
4299
4299
|
"category": "color",
|
|
4300
4300
|
"type": "theme",
|
|
@@ -4321,7 +4321,7 @@
|
|
|
4321
4321
|
"type": "color",
|
|
4322
4322
|
"description": "Core Token: core.black-alpha-40\nHEX: 000000 40%\n-----------------------\nUse it with surface.neutral.05\nUsed for\nchips, grids, panels, meeting-markers, input-fields, tags"
|
|
4323
4323
|
},
|
|
4324
|
-
"name": "
|
|
4324
|
+
"name": "mds-color-theme-border-neutral-02",
|
|
4325
4325
|
"attributes": {
|
|
4326
4326
|
"category": "color",
|
|
4327
4327
|
"type": "theme",
|
|
@@ -4348,7 +4348,7 @@
|
|
|
4348
4348
|
"type": "color",
|
|
4349
4349
|
"description": "Core Token: core.black.alpha-50\nHEX: 000000 50%\n-------------------------\nUsed for input-fields, control components"
|
|
4350
4350
|
},
|
|
4351
|
-
"name": "
|
|
4351
|
+
"name": "mds-color-theme-border-neutral-03",
|
|
4352
4352
|
"attributes": {
|
|
4353
4353
|
"category": "color",
|
|
4354
4354
|
"type": "theme",
|
|
@@ -4375,7 +4375,7 @@
|
|
|
4375
4375
|
"type": "color",
|
|
4376
4376
|
"description": "Core Token: core.black.alpha-90\nHEX: 000000 90%\n-------------------------\nOutline border for focus state input field. used for search-field, text-field, combo-box"
|
|
4377
4377
|
},
|
|
4378
|
-
"name": "
|
|
4378
|
+
"name": "mds-color-theme-border-neutral-04",
|
|
4379
4379
|
"attributes": {
|
|
4380
4380
|
"category": "color",
|
|
4381
4381
|
"type": "theme",
|
|
@@ -4404,7 +4404,7 @@
|
|
|
4404
4404
|
"type": "color",
|
|
4405
4405
|
"description": "Core Token: core.green.70\nHEX: 185E46\n---------------\nUsed for join/success buttons"
|
|
4406
4406
|
},
|
|
4407
|
-
"name": "
|
|
4407
|
+
"name": "mds-color-theme-border-positive-00",
|
|
4408
4408
|
"attributes": {
|
|
4409
4409
|
"category": "color",
|
|
4410
4410
|
"type": "theme",
|
|
@@ -4433,7 +4433,7 @@
|
|
|
4433
4433
|
"type": "color",
|
|
4434
4434
|
"description": "Core Token: core.red.70\nHEX: AB0A15\n---------------\nUsed for outline of error/cancel state of input, buttons."
|
|
4435
4435
|
},
|
|
4436
|
-
"name": "
|
|
4436
|
+
"name": "mds-color-theme-border-negative-00",
|
|
4437
4437
|
"attributes": {
|
|
4438
4438
|
"category": "color",
|
|
4439
4439
|
"type": "theme",
|
|
@@ -4462,7 +4462,7 @@
|
|
|
4462
4462
|
"type": "color",
|
|
4463
4463
|
"description": "Core Token: core.blue.60\nHEX: 1170CF\n-------------------------\nUsed for outline of secondary accent buttons, attachment/fileViewer-preview, messaging/new, chip, input fields"
|
|
4464
4464
|
},
|
|
4465
|
-
"name": "
|
|
4465
|
+
"name": "mds-color-theme-border-accent-00",
|
|
4466
4466
|
"attributes": {
|
|
4467
4467
|
"category": "color",
|
|
4468
4468
|
"type": "theme",
|
|
@@ -4491,7 +4491,7 @@
|
|
|
4491
4491
|
"type": "color",
|
|
4492
4492
|
"description": "Core Token: core.orange.50\nHEX: F26B1D\n-------------------------------\noutline for the orange tags"
|
|
4493
4493
|
},
|
|
4494
|
-
"name": "
|
|
4494
|
+
"name": "mds-color-theme-border-notice-00",
|
|
4495
4495
|
"attributes": {
|
|
4496
4496
|
"category": "color",
|
|
4497
4497
|
"type": "theme",
|
|
@@ -4521,7 +4521,7 @@
|
|
|
4521
4521
|
"type": "color",
|
|
4522
4522
|
"description": "Core Token: core.decorative.cobalt.70, core.decorative.cyan.40, core.green.50\nHEX: 08599C, 22C7D6, 27A17A\n-----------------------\nUsed for gradient ring of video-halo for mobile"
|
|
4523
4523
|
},
|
|
4524
|
-
"name": "
|
|
4524
|
+
"name": "mds-color-theme-border-decorative-gradient-device",
|
|
4525
4525
|
"attributes": {
|
|
4526
4526
|
"category": "color",
|
|
4527
4527
|
"type": "theme",
|
|
@@ -4550,7 +4550,7 @@
|
|
|
4550
4550
|
"type": "color",
|
|
4551
4551
|
"description": "Core Token: core.black-alpha.0, core.black-alpha.20, core.black-alpha.20, core.black-alpha.0\nHEX: 000000 0% 0%, 000000 20% 22.4%, 000000 20% 72.4%, 000000 0% 100%\n--------------------------------\nUsed for divider default on compose area in space. "
|
|
4552
4552
|
},
|
|
4553
|
-
"name": "
|
|
4553
|
+
"name": "mds-color-theme-border-decorative-gradient-primary-default",
|
|
4554
4554
|
"attributes": {
|
|
4555
4555
|
"category": "color",
|
|
4556
4556
|
"type": "theme",
|
|
@@ -4579,7 +4579,7 @@
|
|
|
4579
4579
|
"type": "color",
|
|
4580
4580
|
"description": "Core Token: core.black-alpha.0, core.black-alpha.20, core.black-alpha.20, core.black-alpha.0\nHEX: 000000 0% 0%, 000000 20% 22.4%, 000000 20% 22.4%, 000000 0% 100%, \n--------------------------------\nUsed for hover state of divider default on compose area in space. "
|
|
4581
4581
|
},
|
|
4582
|
-
"name": "
|
|
4582
|
+
"name": "mds-color-theme-border-decorative-gradient-primary-hover",
|
|
4583
4583
|
"attributes": {
|
|
4584
4584
|
"category": "color",
|
|
4585
4585
|
"type": "theme",
|
|
@@ -4610,7 +4610,7 @@
|
|
|
4610
4610
|
"type": "color",
|
|
4611
4611
|
"description": "Core Token: core.red.70 0% 0%, core.red.70 60% 22.4%, core.red.70 60% 76.04%, core.red.70 0% 100%\nHEX: linear-gradient(90deg, #AB0A1500 0%, #AB0A1599 22.4%, #AB0A1599 76.04%, #AB0A1500 100%)\n--------------------------------\nUsed for divider default on the compose area for classified spaces. "
|
|
4612
4612
|
},
|
|
4613
|
-
"name": "
|
|
4613
|
+
"name": "mds-color-theme-border-decorative-gradient-negative-default",
|
|
4614
4614
|
"attributes": {
|
|
4615
4615
|
"category": "color",
|
|
4616
4616
|
"type": "theme",
|
|
@@ -4639,7 +4639,7 @@
|
|
|
4639
4639
|
"type": "color",
|
|
4640
4640
|
"description": "Core Token: core.red.70 0% 0%, core.red.70 90% 22.4%, core.red.70 90% 76.25%, core.red.70 0% 100%\nHEX: linear-gradient(90deg, #ab0a1500 0%, #ab0a15E6 22.4%, #ab0a15E6 76.25%, #ab0a1500 100%)\n--------------------------------\nUsed for hover state of divider on the compose area for classified spaces. "
|
|
4641
4641
|
},
|
|
4642
|
-
"name": "
|
|
4642
|
+
"name": "mds-color-theme-border-decorative-gradient-negative-hover",
|
|
4643
4643
|
"attributes": {
|
|
4644
4644
|
"category": "color",
|
|
4645
4645
|
"type": "theme",
|
|
@@ -4670,7 +4670,7 @@
|
|
|
4670
4670
|
"type": "color",
|
|
4671
4671
|
"description": "Core Token: core.yellow.40 0% 0%, core.yellow.40 60% 22.4%, core.yellow.40 60% 76.04%, core.yellow.40 0% 100%\nHEX: linear-gradient(90deg, #F2990A00 0%, #F2990A99 22.4%, #F2990A99 76.04%, #F2990A00 100%)\n--------------------------------\nUsed for divider on the compose area for external participants."
|
|
4672
4672
|
},
|
|
4673
|
-
"name": "
|
|
4673
|
+
"name": "mds-color-theme-border-decorative-gradient-warning-default",
|
|
4674
4674
|
"attributes": {
|
|
4675
4675
|
"category": "color",
|
|
4676
4676
|
"type": "theme",
|
|
@@ -4699,7 +4699,7 @@
|
|
|
4699
4699
|
"type": "color",
|
|
4700
4700
|
"description": "Core Token: core.yellow.70 0% 0%, core.yellow.70 90% 22.4%, core.yellow.70 90% 76.04, core.yellow.70 0% 100%\nHEX: linear-gradient(90deg, #7d470500 0%, #7d4705E6 22.4%, #7d4705E6 76.04%, #7d470500 100%)\n--------------------------------\nUsed for divider on the compose area for external participants."
|
|
4701
4701
|
},
|
|
4702
|
-
"name": "
|
|
4702
|
+
"name": "mds-color-theme-border-decorative-gradient-warning-hover",
|
|
4703
4703
|
"attributes": {
|
|
4704
4704
|
"category": "color",
|
|
4705
4705
|
"type": "theme",
|
|
@@ -4730,7 +4730,7 @@
|
|
|
4730
4730
|
"type": "color",
|
|
4731
4731
|
"description": "Core Token: core.blue.70 0% 0%, core.blue.70 60% 22.4%, core.blue.70 60% 76.04%, core.blue.70 0% 100%\nHEX: linear-gradient(90deg, #0353a800 0%, #0353a899 22.4%, #0353a899 76.04%, #0353a800 100%)\n--------------------------------\nUsed for divider on the compose area for the announcement space."
|
|
4732
4732
|
},
|
|
4733
|
-
"name": "
|
|
4733
|
+
"name": "mds-color-theme-border-decorative-gradient-accent-default",
|
|
4734
4734
|
"attributes": {
|
|
4735
4735
|
"category": "color",
|
|
4736
4736
|
"type": "theme",
|
|
@@ -4759,7 +4759,7 @@
|
|
|
4759
4759
|
"type": "color",
|
|
4760
4760
|
"description": "Core Token: core.blue.70 0% 0%, core.blue.70 90% 22.4%, core.blue.70 90% 76.04, core.blue.70 0% 100% \nHEX: linear-gradient(90deg, #0353a800 0%, #0353a8E6 22.4%, #0353a8E6 76.04%, #0353a800 100%)\n--------------------------------\nUsed for hover state divider on the compose area for the announcement space."
|
|
4761
4761
|
},
|
|
4762
|
-
"name": "
|
|
4762
|
+
"name": "mds-color-theme-border-decorative-gradient-accent-hover",
|
|
4763
4763
|
"attributes": {
|
|
4764
4764
|
"category": "color",
|
|
4765
4765
|
"type": "theme",
|