@momentum-design/tokens 0.0.38 → 0.0.40
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 +30 -13
- package/dist/css/theme/aaos/day-complete.css +48 -0
- package/dist/css/theme/aaos/night-complete.css +48 -0
- package/dist/css/theme/webex/common-stable.css +2 -2
- package/dist/css/theme/webex/dark-complete.css +73 -69
- package/dist/css/theme/webex/dark-stable.css +4 -4
- package/dist/css/theme/webex/light-complete.css +74 -67
- package/dist/css/theme/webex/light-stable.css +5 -5
- package/dist/ios/core/complete.swift +30 -13
- package/dist/ios/theme/aaos/day-complete.swift +54 -0
- package/dist/ios/theme/aaos/night-complete.swift +54 -0
- package/dist/ios/theme/webex/common-stable.swift +2 -2
- package/dist/ios/theme/webex/dark-complete.swift +73 -69
- package/dist/ios/theme/webex/dark-stable.swift +4 -4
- package/dist/ios/theme/webex/light-complete.swift +74 -67
- package/dist/ios/theme/webex/light-stable.swift +5 -5
- package/dist/json/core/complete.json +661 -236
- package/dist/json/theme/aaos/day-complete.json +1231 -0
- package/dist/json/theme/aaos/night-complete.json +1231 -0
- package/dist/json/theme/webex/common-stable.json +69 -69
- package/dist/json/theme/webex/dark-complete.json +364 -243
- package/dist/json/theme/webex/dark-stable.json +360 -360
- package/dist/json/theme/webex/light-complete.json +453 -247
- package/dist/json/theme/webex/light-stable.json +364 -364
- package/dist/json-minimal/core/complete.json +36 -19
- package/dist/json-minimal/theme/aaos/day-complete.json +137 -0
- package/dist/json-minimal/theme/aaos/night-complete.json +137 -0
- package/dist/json-minimal/theme/webex/common-stable.json +1 -1
- package/dist/json-minimal/theme/webex/dark-complete.json +70 -60
- package/dist/json-minimal/theme/webex/dark-stable.json +3 -3
- package/dist/json-minimal/theme/webex/light-complete.json +77 -60
- package/dist/json-minimal/theme/webex/light-stable.json +4 -4
- package/dist/resources/core/complete.xml +30 -13
- package/dist/resources/theme/aaos/day-complete.xml +50 -0
- package/dist/resources/theme/aaos/night-complete.xml +50 -0
- package/dist/resources/theme/webex/common-stable.xml +2 -2
- package/dist/resources/theme/webex/dark-complete.xml +73 -69
- package/dist/resources/theme/webex/dark-stable.xml +4 -4
- package/dist/resources/theme/webex/light-complete.xml +74 -67
- package/dist/resources/theme/webex/light-stable.xml +5 -5
- package/dist/scss/core/complete.scss +30 -13
- package/dist/scss/theme/aaos/day-complete.scss +45 -0
- package/dist/scss/theme/aaos/night-complete.scss +45 -0
- package/dist/scss/theme/webex/common-stable.scss +2 -2
- package/dist/scss/theme/webex/dark-complete.scss +73 -69
- package/dist/scss/theme/webex/dark-stable.scss +4 -4
- package/dist/scss/theme/webex/light-complete.scss +75 -68
- package/dist/scss/theme/webex/light-stable.scss +5 -5
- package/package.json +1 -1
|
@@ -111,121 +111,121 @@
|
|
|
111
111
|
},
|
|
112
112
|
"surface": {
|
|
113
113
|
"neutral": {
|
|
114
|
-
"
|
|
114
|
+
"0": {
|
|
115
115
|
"default": {
|
|
116
116
|
"value": "#ffffff00",
|
|
117
117
|
"type": "color",
|
|
118
|
-
"description": "Core Token: core.white-alpha.
|
|
118
|
+
"description": "Core Token: core.white-alpha.0\nHEX: ffffff 0%\n--------\nRest/ghost states of app-header/footer, chips, list items, list-header, bitmoji, messaging components, personas. ",
|
|
119
119
|
"filePath": "src/theme/webex/dark.json",
|
|
120
120
|
"isSource": true,
|
|
121
121
|
"original": {
|
|
122
|
-
"value": "{color.core.white-alpha.
|
|
122
|
+
"value": "{color.core.white-alpha.0}",
|
|
123
123
|
"type": "color",
|
|
124
|
-
"description": "Core Token: core.white-alpha.
|
|
124
|
+
"description": "Core Token: core.white-alpha.0\nHEX: ffffff 0%\n--------\nRest/ghost states of app-header/footer, chips, list items, list-header, bitmoji, messaging components, personas. "
|
|
125
125
|
},
|
|
126
|
-
"name": "mds-color-theme-surface-neutral-
|
|
126
|
+
"name": "mds-color-theme-surface-neutral-0-default",
|
|
127
127
|
"attributes": {
|
|
128
128
|
"category": "color",
|
|
129
129
|
"type": "theme",
|
|
130
130
|
"item": "surface",
|
|
131
131
|
"subitem": "neutral",
|
|
132
|
-
"state": "
|
|
132
|
+
"state": "0"
|
|
133
133
|
},
|
|
134
134
|
"path": [
|
|
135
135
|
"color",
|
|
136
136
|
"theme",
|
|
137
137
|
"surface",
|
|
138
138
|
"neutral",
|
|
139
|
-
"
|
|
139
|
+
"0",
|
|
140
140
|
"default"
|
|
141
141
|
]
|
|
142
142
|
},
|
|
143
143
|
"hover": {
|
|
144
144
|
"value": "#ffffff12",
|
|
145
145
|
"type": "color",
|
|
146
|
-
"description": "Core Token: core.white-alpha.
|
|
146
|
+
"description": "Core Token: core.white-alpha.7\nHEX: ffffff 7%\n\n----\n\nUsed for hover state of \nall app-header/footer, chips, list items, list-header, bitmoji, messaging components, personas",
|
|
147
147
|
"filePath": "src/theme/webex/dark.json",
|
|
148
148
|
"isSource": true,
|
|
149
149
|
"original": {
|
|
150
|
-
"value": "{color.core.white-alpha.
|
|
150
|
+
"value": "{color.core.white-alpha.7}",
|
|
151
151
|
"type": "color",
|
|
152
|
-
"description": "Core Token: core.white-alpha.
|
|
152
|
+
"description": "Core Token: core.white-alpha.7\nHEX: ffffff 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": "mds-color-theme-surface-neutral-
|
|
154
|
+
"name": "mds-color-theme-surface-neutral-0-hover",
|
|
155
155
|
"attributes": {
|
|
156
156
|
"category": "color",
|
|
157
157
|
"type": "theme",
|
|
158
158
|
"item": "surface",
|
|
159
159
|
"subitem": "neutral",
|
|
160
|
-
"state": "
|
|
160
|
+
"state": "0"
|
|
161
161
|
},
|
|
162
162
|
"path": [
|
|
163
163
|
"color",
|
|
164
164
|
"theme",
|
|
165
165
|
"surface",
|
|
166
166
|
"neutral",
|
|
167
|
-
"
|
|
167
|
+
"0",
|
|
168
168
|
"hover"
|
|
169
169
|
]
|
|
170
170
|
},
|
|
171
171
|
"active": {
|
|
172
172
|
"value": "#ffffff1c",
|
|
173
173
|
"type": "color",
|
|
174
|
-
"description": "Core Token: core.white-alpha.11\nHEX: ffffff 11%\n\n---\nUsed for press/active state of surface-
|
|
174
|
+
"description": "Core Token: core.white-alpha.11\nHEX: ffffff 11%\n\n---\nUsed for press/active state of surface-0. Used it for app-header/footer, chips, list items, list-header, bitmoji, messaging components, personas",
|
|
175
175
|
"filePath": "src/theme/webex/dark.json",
|
|
176
176
|
"isSource": true,
|
|
177
177
|
"original": {
|
|
178
178
|
"value": "{color.core.white-alpha.11}",
|
|
179
179
|
"type": "color",
|
|
180
|
-
"description": "Core Token: core.white-alpha.11\nHEX: ffffff 11%\n\n---\nUsed for press/active state of surface-
|
|
180
|
+
"description": "Core Token: core.white-alpha.11\nHEX: ffffff 11%\n\n---\nUsed for press/active state of surface-0. Used it for app-header/footer, chips, list items, list-header, bitmoji, messaging components, personas"
|
|
181
181
|
},
|
|
182
|
-
"name": "mds-color-theme-surface-neutral-
|
|
182
|
+
"name": "mds-color-theme-surface-neutral-0-active",
|
|
183
183
|
"attributes": {
|
|
184
184
|
"category": "color",
|
|
185
185
|
"type": "theme",
|
|
186
186
|
"item": "surface",
|
|
187
187
|
"subitem": "neutral",
|
|
188
|
-
"state": "
|
|
188
|
+
"state": "0"
|
|
189
189
|
},
|
|
190
190
|
"path": [
|
|
191
191
|
"color",
|
|
192
192
|
"theme",
|
|
193
193
|
"surface",
|
|
194
194
|
"neutral",
|
|
195
|
-
"
|
|
195
|
+
"0",
|
|
196
196
|
"active"
|
|
197
197
|
]
|
|
198
198
|
},
|
|
199
199
|
"disabled": {
|
|
200
200
|
"value": "#ffffff1c",
|
|
201
201
|
"type": "color",
|
|
202
|
-
"description": "Core Token: core.white-alpha-11\nHEX: ffffff 11%\n\n---\nDisabled state of surface-
|
|
202
|
+
"description": "Core Token: core.white-alpha-11\nHEX: ffffff 11%\n\n---\nDisabled state of surface-0. Used it for app-header/footer, chips, list items, list-header, bitmoji, messaging components, personas",
|
|
203
203
|
"filePath": "src/theme/webex/dark.json",
|
|
204
204
|
"isSource": true,
|
|
205
205
|
"original": {
|
|
206
206
|
"value": "{color.core.white-alpha.11}",
|
|
207
207
|
"type": "color",
|
|
208
|
-
"description": "Core Token: core.white-alpha-11\nHEX: ffffff 11%\n\n---\nDisabled state of surface-
|
|
208
|
+
"description": "Core Token: core.white-alpha-11\nHEX: ffffff 11%\n\n---\nDisabled state of surface-0. Used it for app-header/footer, chips, list items, list-header, bitmoji, messaging components, personas"
|
|
209
209
|
},
|
|
210
|
-
"name": "mds-color-theme-surface-neutral-
|
|
210
|
+
"name": "mds-color-theme-surface-neutral-0-disabled",
|
|
211
211
|
"attributes": {
|
|
212
212
|
"category": "color",
|
|
213
213
|
"type": "theme",
|
|
214
214
|
"item": "surface",
|
|
215
215
|
"subitem": "neutral",
|
|
216
|
-
"state": "
|
|
216
|
+
"state": "0"
|
|
217
217
|
},
|
|
218
218
|
"path": [
|
|
219
219
|
"color",
|
|
220
220
|
"theme",
|
|
221
221
|
"surface",
|
|
222
222
|
"neutral",
|
|
223
|
-
"
|
|
223
|
+
"0",
|
|
224
224
|
"disabled"
|
|
225
225
|
]
|
|
226
226
|
}
|
|
227
227
|
},
|
|
228
|
-
"
|
|
228
|
+
"1": {
|
|
229
229
|
"default": {
|
|
230
230
|
"value": "#ffffff1c",
|
|
231
231
|
"type": "color",
|
|
@@ -237,20 +237,20 @@
|
|
|
237
237
|
"type": "color",
|
|
238
238
|
"description": "Core Token: core.white-alpha.11\nHEX: ffffff 11%\n-----\n\nRest state for meeting-content-cards, attachments, [ios] meeting-list"
|
|
239
239
|
},
|
|
240
|
-
"name": "mds-color-theme-surface-neutral-
|
|
240
|
+
"name": "mds-color-theme-surface-neutral-1-default",
|
|
241
241
|
"attributes": {
|
|
242
242
|
"category": "color",
|
|
243
243
|
"type": "theme",
|
|
244
244
|
"item": "surface",
|
|
245
245
|
"subitem": "neutral",
|
|
246
|
-
"state": "
|
|
246
|
+
"state": "1"
|
|
247
247
|
},
|
|
248
248
|
"path": [
|
|
249
249
|
"color",
|
|
250
250
|
"theme",
|
|
251
251
|
"surface",
|
|
252
252
|
"neutral",
|
|
253
|
-
"
|
|
253
|
+
"1",
|
|
254
254
|
"default"
|
|
255
255
|
]
|
|
256
256
|
},
|
|
@@ -265,20 +265,20 @@
|
|
|
265
265
|
"type": "color",
|
|
266
266
|
"description": "Core Token: core.white-alpha.20\nHEX: ffffff 20%\n\n----\nUsed for hover state of \nsurface-01 (prev.BackgroundSecondary). Used it for meeting-content-cards, attachments, [ios] meeting-list"
|
|
267
267
|
},
|
|
268
|
-
"name": "mds-color-theme-surface-neutral-
|
|
268
|
+
"name": "mds-color-theme-surface-neutral-1-hover",
|
|
269
269
|
"attributes": {
|
|
270
270
|
"category": "color",
|
|
271
271
|
"type": "theme",
|
|
272
272
|
"item": "surface",
|
|
273
273
|
"subitem": "neutral",
|
|
274
|
-
"state": "
|
|
274
|
+
"state": "1"
|
|
275
275
|
},
|
|
276
276
|
"path": [
|
|
277
277
|
"color",
|
|
278
278
|
"theme",
|
|
279
279
|
"surface",
|
|
280
280
|
"neutral",
|
|
281
|
-
"
|
|
281
|
+
"1",
|
|
282
282
|
"hover"
|
|
283
283
|
]
|
|
284
284
|
},
|
|
@@ -293,20 +293,20 @@
|
|
|
293
293
|
"type": "color",
|
|
294
294
|
"description": "Core Token: core.white-alpha.11\nHEX: ffffff 11%\n\n---\nUsed for press/active state of surface-01. (prev.BackgroundSecondary). Used it for meeting-content-cards, attachments, [ios] meeting-list"
|
|
295
295
|
},
|
|
296
|
-
"name": "mds-color-theme-surface-neutral-
|
|
296
|
+
"name": "mds-color-theme-surface-neutral-1-active",
|
|
297
297
|
"attributes": {
|
|
298
298
|
"category": "color",
|
|
299
299
|
"type": "theme",
|
|
300
300
|
"item": "surface",
|
|
301
301
|
"subitem": "neutral",
|
|
302
|
-
"state": "
|
|
302
|
+
"state": "1"
|
|
303
303
|
},
|
|
304
304
|
"path": [
|
|
305
305
|
"color",
|
|
306
306
|
"theme",
|
|
307
307
|
"surface",
|
|
308
308
|
"neutral",
|
|
309
|
-
"
|
|
309
|
+
"1",
|
|
310
310
|
"active"
|
|
311
311
|
]
|
|
312
312
|
},
|
|
@@ -321,25 +321,25 @@
|
|
|
321
321
|
"type": "color",
|
|
322
322
|
"description": "Core Token: white-alpha-11\nHEX: ffffff 11%\n\n---\nDisabled state of surface-01. (prev.BackgroundSecondary). Used it for meeting-content-cards, attachments, [ios] meeting-list"
|
|
323
323
|
},
|
|
324
|
-
"name": "mds-color-theme-surface-neutral-
|
|
324
|
+
"name": "mds-color-theme-surface-neutral-1-disabled",
|
|
325
325
|
"attributes": {
|
|
326
326
|
"category": "color",
|
|
327
327
|
"type": "theme",
|
|
328
328
|
"item": "surface",
|
|
329
329
|
"subitem": "neutral",
|
|
330
|
-
"state": "
|
|
330
|
+
"state": "1"
|
|
331
331
|
},
|
|
332
332
|
"path": [
|
|
333
333
|
"color",
|
|
334
334
|
"theme",
|
|
335
335
|
"surface",
|
|
336
336
|
"neutral",
|
|
337
|
-
"
|
|
337
|
+
"1",
|
|
338
338
|
"disabled"
|
|
339
339
|
]
|
|
340
340
|
}
|
|
341
341
|
},
|
|
342
|
-
"
|
|
342
|
+
"2": {
|
|
343
343
|
"tertiary": {
|
|
344
344
|
"value": "#262626",
|
|
345
345
|
"type": "color",
|
|
@@ -351,20 +351,20 @@
|
|
|
351
351
|
"type": "color",
|
|
352
352
|
"description": "Core Token: core.gray.90\nHEX: 262626\n----------------\nUsed this for the most top modal surface when layering one to another. For details, find \"UI Layering\" : \nhttps://www.figma.com/file/GAPJbRR46eugOlrHzFJ7Fe/UI-Layering?node-id=3%3A22089"
|
|
353
353
|
},
|
|
354
|
-
"name": "mds-color-theme-surface-neutral-
|
|
354
|
+
"name": "mds-color-theme-surface-neutral-2-tertiary",
|
|
355
355
|
"attributes": {
|
|
356
356
|
"category": "color",
|
|
357
357
|
"type": "theme",
|
|
358
358
|
"item": "surface",
|
|
359
359
|
"subitem": "neutral",
|
|
360
|
-
"state": "
|
|
360
|
+
"state": "2"
|
|
361
361
|
},
|
|
362
362
|
"path": [
|
|
363
363
|
"color",
|
|
364
364
|
"theme",
|
|
365
365
|
"surface",
|
|
366
366
|
"neutral",
|
|
367
|
-
"
|
|
367
|
+
"2",
|
|
368
368
|
"tertiary"
|
|
369
369
|
]
|
|
370
370
|
},
|
|
@@ -379,20 +379,20 @@
|
|
|
379
379
|
"type": "color",
|
|
380
380
|
"description": "Core Token: core.gray.95\nHEX: 1a1a1a\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": "mds-color-theme-surface-neutral-
|
|
382
|
+
"name": "mds-color-theme-surface-neutral-2-secondary",
|
|
383
383
|
"attributes": {
|
|
384
384
|
"category": "color",
|
|
385
385
|
"type": "theme",
|
|
386
386
|
"item": "surface",
|
|
387
387
|
"subitem": "neutral",
|
|
388
|
-
"state": "
|
|
388
|
+
"state": "2"
|
|
389
389
|
},
|
|
390
390
|
"path": [
|
|
391
391
|
"color",
|
|
392
392
|
"theme",
|
|
393
393
|
"surface",
|
|
394
394
|
"neutral",
|
|
395
|
-
"
|
|
395
|
+
"2",
|
|
396
396
|
"secondary"
|
|
397
397
|
]
|
|
398
398
|
},
|
|
@@ -407,20 +407,20 @@
|
|
|
407
407
|
"type": "color",
|
|
408
408
|
"description": "Core Token: core.black-alpha.100\nHEX: 000000\n----------------\nFull solid surface. Used this for calendar picker, input-filed, toasts, panel-rectangles. Can also be used when layering surfaces one to another. For details, find \"UI Layering\" : \nhttps://www.figma.com/file/GAPJbRR46eugOlrHzFJ7Fe/UI-Layering?node-id=3%3A22089"
|
|
409
409
|
},
|
|
410
|
-
"name": "mds-color-theme-surface-neutral-
|
|
410
|
+
"name": "mds-color-theme-surface-neutral-2-primary",
|
|
411
411
|
"attributes": {
|
|
412
412
|
"category": "color",
|
|
413
413
|
"type": "theme",
|
|
414
414
|
"item": "surface",
|
|
415
415
|
"subitem": "neutral",
|
|
416
|
-
"state": "
|
|
416
|
+
"state": "2"
|
|
417
417
|
},
|
|
418
418
|
"path": [
|
|
419
419
|
"color",
|
|
420
420
|
"theme",
|
|
421
421
|
"surface",
|
|
422
422
|
"neutral",
|
|
423
|
-
"
|
|
423
|
+
"2",
|
|
424
424
|
"primary"
|
|
425
425
|
]
|
|
426
426
|
}
|
|
@@ -655,7 +655,7 @@
|
|
|
655
655
|
}
|
|
656
656
|
},
|
|
657
657
|
"gradient": {
|
|
658
|
-
"
|
|
658
|
+
"0": {
|
|
659
659
|
"value": "linear-gradient(90deg, rgba(26, 26, 26, 0.72) 60.56%, rgba(26, 26, 26, 0) 92.59%)",
|
|
660
660
|
"type": "color",
|
|
661
661
|
"description": "linear-gradient(90deg, rgba(26, 26, 26, 0.72) 60.56%, rgba(26, 26, 26, 0) 92.59%)\nUsed for reaction components(meetings/reactions/feed)",
|
|
@@ -666,23 +666,23 @@
|
|
|
666
666
|
"type": "color",
|
|
667
667
|
"description": "linear-gradient(90deg, rgba(26, 26, 26, 0.72) 60.56%, rgba(26, 26, 26, 0) 92.59%)\nUsed for reaction components(meetings/reactions/feed)"
|
|
668
668
|
},
|
|
669
|
-
"name": "mds-color-theme-surface-gradient-
|
|
669
|
+
"name": "mds-color-theme-surface-gradient-0",
|
|
670
670
|
"attributes": {
|
|
671
671
|
"category": "color",
|
|
672
672
|
"type": "theme",
|
|
673
673
|
"item": "surface",
|
|
674
674
|
"subitem": "gradient",
|
|
675
|
-
"state": "
|
|
675
|
+
"state": "0"
|
|
676
676
|
},
|
|
677
677
|
"path": [
|
|
678
678
|
"color",
|
|
679
679
|
"theme",
|
|
680
680
|
"surface",
|
|
681
681
|
"gradient",
|
|
682
|
-
"
|
|
682
|
+
"0"
|
|
683
683
|
]
|
|
684
684
|
},
|
|
685
|
-
"
|
|
685
|
+
"1": {
|
|
686
686
|
"value": "linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%)",
|
|
687
687
|
"type": "color",
|
|
688
688
|
"description": "linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%)\nUsed for meeting reactions (overlay background)",
|
|
@@ -693,22 +693,54 @@
|
|
|
693
693
|
"type": "color",
|
|
694
694
|
"description": "linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%)\nUsed for meeting reactions (overlay background)"
|
|
695
695
|
},
|
|
696
|
-
"name": "mds-color-theme-surface-gradient-
|
|
696
|
+
"name": "mds-color-theme-surface-gradient-1",
|
|
697
697
|
"attributes": {
|
|
698
698
|
"category": "color",
|
|
699
699
|
"type": "theme",
|
|
700
700
|
"item": "surface",
|
|
701
701
|
"subitem": "gradient",
|
|
702
|
-
"state": "
|
|
702
|
+
"state": "1"
|
|
703
703
|
},
|
|
704
704
|
"path": [
|
|
705
705
|
"color",
|
|
706
706
|
"theme",
|
|
707
707
|
"surface",
|
|
708
708
|
"gradient",
|
|
709
|
-
"
|
|
709
|
+
"1"
|
|
710
710
|
]
|
|
711
711
|
}
|
|
712
|
+
},
|
|
713
|
+
"contrast": {
|
|
714
|
+
"neutral": {
|
|
715
|
+
"0": {
|
|
716
|
+
"value": "#ffffff",
|
|
717
|
+
"type": "color",
|
|
718
|
+
"description": "Core: core.white-alpha.100\nHEX: #ffffff\nUsed for inveted component surface; tooltip. ",
|
|
719
|
+
"filePath": "src/theme/webex/dark.json",
|
|
720
|
+
"isSource": true,
|
|
721
|
+
"original": {
|
|
722
|
+
"value": "{color.core.white-alpha.100}",
|
|
723
|
+
"type": "color",
|
|
724
|
+
"description": "Core: core.white-alpha.100\nHEX: #ffffff\nUsed for inveted component surface; tooltip. "
|
|
725
|
+
},
|
|
726
|
+
"name": "mds-color-theme-surface-contrast-neutral-0",
|
|
727
|
+
"attributes": {
|
|
728
|
+
"category": "color",
|
|
729
|
+
"type": "theme",
|
|
730
|
+
"item": "surface",
|
|
731
|
+
"subitem": "contrast",
|
|
732
|
+
"state": "neutral"
|
|
733
|
+
},
|
|
734
|
+
"path": [
|
|
735
|
+
"color",
|
|
736
|
+
"theme",
|
|
737
|
+
"surface",
|
|
738
|
+
"contrast",
|
|
739
|
+
"neutral",
|
|
740
|
+
"0"
|
|
741
|
+
]
|
|
742
|
+
}
|
|
743
|
+
}
|
|
712
744
|
}
|
|
713
745
|
},
|
|
714
746
|
"content": {
|
|
@@ -948,6 +980,95 @@
|
|
|
948
980
|
"disabled"
|
|
949
981
|
]
|
|
950
982
|
}
|
|
983
|
+
},
|
|
984
|
+
"accent": {
|
|
985
|
+
"default": {
|
|
986
|
+
"value": "#0353a8",
|
|
987
|
+
"type": "color",
|
|
988
|
+
"description": "Core: core.blue.70\nHEX: #0353A8\nUsed for inverted accent text; mostly used for tooltip",
|
|
989
|
+
"filePath": "src/theme/webex/dark.json",
|
|
990
|
+
"isSource": true,
|
|
991
|
+
"original": {
|
|
992
|
+
"value": "{color.core.blue.70}",
|
|
993
|
+
"type": "color",
|
|
994
|
+
"description": "Core: core.blue.70\nHEX: #0353A8\nUsed for inverted accent text; mostly used for tooltip"
|
|
995
|
+
},
|
|
996
|
+
"name": "mds-color-theme-content-text-contrast-accent-default",
|
|
997
|
+
"attributes": {
|
|
998
|
+
"category": "color",
|
|
999
|
+
"type": "theme",
|
|
1000
|
+
"item": "content",
|
|
1001
|
+
"subitem": "text",
|
|
1002
|
+
"state": "contrast"
|
|
1003
|
+
},
|
|
1004
|
+
"path": [
|
|
1005
|
+
"color",
|
|
1006
|
+
"theme",
|
|
1007
|
+
"content",
|
|
1008
|
+
"text",
|
|
1009
|
+
"contrast",
|
|
1010
|
+
"accent",
|
|
1011
|
+
"default"
|
|
1012
|
+
]
|
|
1013
|
+
},
|
|
1014
|
+
"hover": {
|
|
1015
|
+
"value": "#0a274a",
|
|
1016
|
+
"type": "color",
|
|
1017
|
+
"description": "Core color: core.blue.90\nHEX: #0A274A\nUsed for hover state of inverted accent text; mostly used for tooltip",
|
|
1018
|
+
"filePath": "src/theme/webex/dark.json",
|
|
1019
|
+
"isSource": true,
|
|
1020
|
+
"original": {
|
|
1021
|
+
"value": "{color.core.blue.90}",
|
|
1022
|
+
"type": "color",
|
|
1023
|
+
"description": "Core color: core.blue.90\nHEX: #0A274A\nUsed for hover state of inverted accent text; mostly used for tooltip"
|
|
1024
|
+
},
|
|
1025
|
+
"name": "mds-color-theme-content-text-contrast-accent-hover",
|
|
1026
|
+
"attributes": {
|
|
1027
|
+
"category": "color",
|
|
1028
|
+
"type": "theme",
|
|
1029
|
+
"item": "content",
|
|
1030
|
+
"subitem": "text",
|
|
1031
|
+
"state": "contrast"
|
|
1032
|
+
},
|
|
1033
|
+
"path": [
|
|
1034
|
+
"color",
|
|
1035
|
+
"theme",
|
|
1036
|
+
"content",
|
|
1037
|
+
"text",
|
|
1038
|
+
"contrast",
|
|
1039
|
+
"accent",
|
|
1040
|
+
"hover"
|
|
1041
|
+
]
|
|
1042
|
+
},
|
|
1043
|
+
"active": {
|
|
1044
|
+
"value": "#0a274a",
|
|
1045
|
+
"type": "color",
|
|
1046
|
+
"description": "Core color: core.blue.90\nHEX: #0A274A\nUsed for pressed/active state of inverted accent text; mostly used for tooltip",
|
|
1047
|
+
"filePath": "src/theme/webex/dark.json",
|
|
1048
|
+
"isSource": true,
|
|
1049
|
+
"original": {
|
|
1050
|
+
"value": "{color.core.blue.90}",
|
|
1051
|
+
"type": "color",
|
|
1052
|
+
"description": "Core color: core.blue.90\nHEX: #0A274A\nUsed for pressed/active state of inverted accent text; mostly used for tooltip"
|
|
1053
|
+
},
|
|
1054
|
+
"name": "mds-color-theme-content-text-contrast-accent-active",
|
|
1055
|
+
"attributes": {
|
|
1056
|
+
"category": "color",
|
|
1057
|
+
"type": "theme",
|
|
1058
|
+
"item": "content",
|
|
1059
|
+
"subitem": "text",
|
|
1060
|
+
"state": "contrast"
|
|
1061
|
+
},
|
|
1062
|
+
"path": [
|
|
1063
|
+
"color",
|
|
1064
|
+
"theme",
|
|
1065
|
+
"content",
|
|
1066
|
+
"text",
|
|
1067
|
+
"contrast",
|
|
1068
|
+
"accent",
|
|
1069
|
+
"active"
|
|
1070
|
+
]
|
|
1071
|
+
}
|
|
951
1072
|
}
|
|
952
1073
|
},
|
|
953
1074
|
"positive": {
|
|
@@ -2023,7 +2144,7 @@
|
|
|
2023
2144
|
"filePath": "src/theme/webex/dark.json",
|
|
2024
2145
|
"isSource": true,
|
|
2025
2146
|
"original": {
|
|
2026
|
-
"value": "{color.core.white-alpha.
|
|
2147
|
+
"value": "{color.core.white-alpha.0}",
|
|
2027
2148
|
"type": "color",
|
|
2028
2149
|
"description": "Core Token: core.white-alpha.00\nHEX FFFFFF 0%\n-----------------------------------\nRest/ghost state of Secondary buttons.\nUse with border.neutral.btn "
|
|
2029
2150
|
},
|
|
@@ -2052,7 +2173,7 @@
|
|
|
2052
2173
|
"filePath": "src/theme/webex/dark.json",
|
|
2053
2174
|
"isSource": true,
|
|
2054
2175
|
"original": {
|
|
2055
|
-
"value": "{color.core.white-alpha.
|
|
2176
|
+
"value": "{color.core.white-alpha.7}",
|
|
2056
2177
|
"type": "color",
|
|
2057
2178
|
"description": "Core Token: core.white-alpha.07\nHEX FFFFFF 7%\n-----------------------------------\nHover state of Secondary buttons. Used with border.neutral.button"
|
|
2058
2179
|
},
|
|
@@ -2110,7 +2231,7 @@
|
|
|
2110
2231
|
"filePath": "src/theme/webex/dark.json",
|
|
2111
2232
|
"isSource": true,
|
|
2112
2233
|
"original": {
|
|
2113
|
-
"value": "{color.core.white-alpha.
|
|
2234
|
+
"value": "{color.core.white-alpha.0}",
|
|
2114
2235
|
"type": "color",
|
|
2115
2236
|
"description": "Core Token: core.white-alpha.00\nHEX FFFFFF 00%\n-----------------------------------\nDisabled state of secondary buttons. "
|
|
2116
2237
|
},
|
|
@@ -2578,7 +2699,7 @@
|
|
|
2578
2699
|
},
|
|
2579
2700
|
"indicator": {
|
|
2580
2701
|
"neutral": {
|
|
2581
|
-
"
|
|
2702
|
+
"0": {
|
|
2582
2703
|
"value": "#8f8f8f",
|
|
2583
2704
|
"type": "color",
|
|
2584
2705
|
"description": "Core Token: core.gray.50\nHEX: 8F8F8F\n------------\nUsed for presence (away, on-hold, on-device), meeting indicators(meeting-locked)",
|
|
@@ -2589,7 +2710,7 @@
|
|
|
2589
2710
|
"type": "color",
|
|
2590
2711
|
"description": "Core Token: core.gray.50\nHEX: 8F8F8F\n------------\nUsed for presence (away, on-hold, on-device), meeting indicators(meeting-locked)"
|
|
2591
2712
|
},
|
|
2592
|
-
"name": "mds-color-theme-content-indicator-neutral-
|
|
2713
|
+
"name": "mds-color-theme-content-indicator-neutral-0",
|
|
2593
2714
|
"attributes": {
|
|
2594
2715
|
"category": "color",
|
|
2595
2716
|
"type": "theme",
|
|
@@ -2603,10 +2724,10 @@
|
|
|
2603
2724
|
"content",
|
|
2604
2725
|
"indicator",
|
|
2605
2726
|
"neutral",
|
|
2606
|
-
"
|
|
2727
|
+
"0"
|
|
2607
2728
|
]
|
|
2608
2729
|
},
|
|
2609
|
-
"
|
|
2730
|
+
"1": {
|
|
2610
2731
|
"value": "#545454",
|
|
2611
2732
|
"type": "color",
|
|
2612
2733
|
"description": "Core Token: core.gray.70\nHEX: 545454\n--------------------------\nUsed for active state of alert-badge",
|
|
@@ -2617,7 +2738,7 @@
|
|
|
2617
2738
|
"type": "color",
|
|
2618
2739
|
"description": "Core Token: core.gray.70\nHEX: 545454\n--------------------------\nUsed for active state of alert-badge"
|
|
2619
2740
|
},
|
|
2620
|
-
"name": "mds-color-theme-content-indicator-neutral-
|
|
2741
|
+
"name": "mds-color-theme-content-indicator-neutral-1",
|
|
2621
2742
|
"attributes": {
|
|
2622
2743
|
"category": "color",
|
|
2623
2744
|
"type": "theme",
|
|
@@ -2631,10 +2752,10 @@
|
|
|
2631
2752
|
"content",
|
|
2632
2753
|
"indicator",
|
|
2633
2754
|
"neutral",
|
|
2634
|
-
"
|
|
2755
|
+
"1"
|
|
2635
2756
|
]
|
|
2636
2757
|
},
|
|
2637
|
-
"
|
|
2758
|
+
"2": {
|
|
2638
2759
|
"value": "#3b3b3b",
|
|
2639
2760
|
"type": "color",
|
|
2640
2761
|
"description": "Core Token: core.gray.80\nHEX: 3B3B3B\n--------------------------\nUsed for rest/hover state of alert-badge",
|
|
@@ -2645,7 +2766,7 @@
|
|
|
2645
2766
|
"type": "color",
|
|
2646
2767
|
"description": "Core Token: core.gray.80\nHEX: 3B3B3B\n--------------------------\nUsed for rest/hover state of alert-badge"
|
|
2647
2768
|
},
|
|
2648
|
-
"name": "mds-color-theme-content-indicator-neutral-
|
|
2769
|
+
"name": "mds-color-theme-content-indicator-neutral-2",
|
|
2649
2770
|
"attributes": {
|
|
2650
2771
|
"category": "color",
|
|
2651
2772
|
"type": "theme",
|
|
@@ -2659,10 +2780,10 @@
|
|
|
2659
2780
|
"content",
|
|
2660
2781
|
"indicator",
|
|
2661
2782
|
"neutral",
|
|
2662
|
-
"
|
|
2783
|
+
"2"
|
|
2663
2784
|
]
|
|
2664
2785
|
},
|
|
2665
|
-
"
|
|
2786
|
+
"3": {
|
|
2666
2787
|
"value": "#262626",
|
|
2667
2788
|
"type": "color",
|
|
2668
2789
|
"description": "Core Token: core.gray.90\nHEX: 262626\n------------------------\nUsed for rest state of tags",
|
|
@@ -2673,7 +2794,7 @@
|
|
|
2673
2794
|
"type": "color",
|
|
2674
2795
|
"description": "Core Token: core.gray.90\nHEX: 262626\n------------------------\nUsed for rest state of tags"
|
|
2675
2796
|
},
|
|
2676
|
-
"name": "mds-color-theme-content-indicator-neutral-
|
|
2797
|
+
"name": "mds-color-theme-content-indicator-neutral-3",
|
|
2677
2798
|
"attributes": {
|
|
2678
2799
|
"category": "color",
|
|
2679
2800
|
"type": "theme",
|
|
@@ -2687,10 +2808,10 @@
|
|
|
2687
2808
|
"content",
|
|
2688
2809
|
"indicator",
|
|
2689
2810
|
"neutral",
|
|
2690
|
-
"
|
|
2811
|
+
"3"
|
|
2691
2812
|
]
|
|
2692
2813
|
},
|
|
2693
|
-
"
|
|
2814
|
+
"4": {
|
|
2694
2815
|
"value": "#1a1a1a",
|
|
2695
2816
|
"type": "color",
|
|
2696
2817
|
"description": "Core Token: core.gray.95\nHEX: 1A1A1A\n-----------------\nUsed for hover state of tags",
|
|
@@ -2701,7 +2822,7 @@
|
|
|
2701
2822
|
"type": "color",
|
|
2702
2823
|
"description": "Core Token: core.gray.95\nHEX: 1A1A1A\n-----------------\nUsed for hover state of tags"
|
|
2703
2824
|
},
|
|
2704
|
-
"name": "mds-color-theme-content-indicator-neutral-
|
|
2825
|
+
"name": "mds-color-theme-content-indicator-neutral-4",
|
|
2705
2826
|
"attributes": {
|
|
2706
2827
|
"category": "color",
|
|
2707
2828
|
"type": "theme",
|
|
@@ -2715,10 +2836,10 @@
|
|
|
2715
2836
|
"content",
|
|
2716
2837
|
"indicator",
|
|
2717
2838
|
"neutral",
|
|
2718
|
-
"
|
|
2839
|
+
"4"
|
|
2719
2840
|
]
|
|
2720
2841
|
},
|
|
2721
|
-
"
|
|
2842
|
+
"5": {
|
|
2722
2843
|
"value": "#000000",
|
|
2723
2844
|
"type": "color",
|
|
2724
2845
|
"description": "Core Token: core.alpha-black.100\nHEX: 000000\n-----------------\nUsed for press state of tags",
|
|
@@ -2729,7 +2850,7 @@
|
|
|
2729
2850
|
"type": "color",
|
|
2730
2851
|
"description": "Core Token: core.alpha-black.100\nHEX: 000000\n-----------------\nUsed for press state of tags"
|
|
2731
2852
|
},
|
|
2732
|
-
"name": "mds-color-theme-content-indicator-neutral-
|
|
2853
|
+
"name": "mds-color-theme-content-indicator-neutral-5",
|
|
2733
2854
|
"attributes": {
|
|
2734
2855
|
"category": "color",
|
|
2735
2856
|
"type": "theme",
|
|
@@ -2743,12 +2864,12 @@
|
|
|
2743
2864
|
"content",
|
|
2744
2865
|
"indicator",
|
|
2745
2866
|
"neutral",
|
|
2746
|
-
"
|
|
2867
|
+
"5"
|
|
2747
2868
|
]
|
|
2748
2869
|
}
|
|
2749
2870
|
},
|
|
2750
2871
|
"positive": {
|
|
2751
|
-
"
|
|
2872
|
+
"0": {
|
|
2752
2873
|
"value": "#27a17a",
|
|
2753
2874
|
"type": "color",
|
|
2754
2875
|
"description": "Core Token: core.green.50\nHEX: 27A17A\n-----------\nUsed for Presence(active) and Meeting Indicators (Audio-video-on, Media-quality-good)",
|
|
@@ -2759,7 +2880,7 @@
|
|
|
2759
2880
|
"type": "color",
|
|
2760
2881
|
"description": "Core Token: core.green.50\nHEX: 27A17A\n-----------\nUsed for Presence(active) and Meeting Indicators (Audio-video-on, Media-quality-good)"
|
|
2761
2882
|
},
|
|
2762
|
-
"name": "mds-color-theme-content-indicator-positive-
|
|
2883
|
+
"name": "mds-color-theme-content-indicator-positive-0",
|
|
2763
2884
|
"attributes": {
|
|
2764
2885
|
"category": "color",
|
|
2765
2886
|
"type": "theme",
|
|
@@ -2773,12 +2894,12 @@
|
|
|
2773
2894
|
"content",
|
|
2774
2895
|
"indicator",
|
|
2775
2896
|
"positive",
|
|
2776
|
-
"
|
|
2897
|
+
"0"
|
|
2777
2898
|
]
|
|
2778
2899
|
}
|
|
2779
2900
|
},
|
|
2780
2901
|
"negative": {
|
|
2781
|
-
"
|
|
2902
|
+
"0": {
|
|
2782
2903
|
"value": "#f55868",
|
|
2783
2904
|
"type": "color",
|
|
2784
2905
|
"description": "Core Token: core.red.50\nHEX: F55868\n\nUsed for badge : Presence(DoNotDisturb) and Meeting Indicators (Audio-video-off, Record-on, Poor-media-quality,Live)",
|
|
@@ -2789,7 +2910,7 @@
|
|
|
2789
2910
|
"type": "color",
|
|
2790
2911
|
"description": "Core Token: core.red.50\nHEX: F55868\n\nUsed for badge : Presence(DoNotDisturb) and Meeting Indicators (Audio-video-off, Record-on, Poor-media-quality,Live)"
|
|
2791
2912
|
},
|
|
2792
|
-
"name": "mds-color-theme-content-indicator-negative-
|
|
2913
|
+
"name": "mds-color-theme-content-indicator-negative-0",
|
|
2793
2914
|
"attributes": {
|
|
2794
2915
|
"category": "color",
|
|
2795
2916
|
"type": "theme",
|
|
@@ -2803,10 +2924,10 @@
|
|
|
2803
2924
|
"content",
|
|
2804
2925
|
"indicator",
|
|
2805
2926
|
"negative",
|
|
2806
|
-
"
|
|
2927
|
+
"0"
|
|
2807
2928
|
]
|
|
2808
2929
|
},
|
|
2809
|
-
"
|
|
2930
|
+
"1": {
|
|
2810
2931
|
"value": "#780d13",
|
|
2811
2932
|
"type": "color",
|
|
2812
2933
|
"description": "Core Token: core.red.80\nHEX: 780D13\n--------------\nUsed for pressed state of alert-badge (important)",
|
|
@@ -2817,7 +2938,7 @@
|
|
|
2817
2938
|
"type": "color",
|
|
2818
2939
|
"description": "Core Token: core.red.80\nHEX: 780D13\n--------------\nUsed for pressed state of alert-badge (important)"
|
|
2819
2940
|
},
|
|
2820
|
-
"name": "mds-color-theme-content-indicator-negative-
|
|
2941
|
+
"name": "mds-color-theme-content-indicator-negative-1",
|
|
2821
2942
|
"attributes": {
|
|
2822
2943
|
"category": "color",
|
|
2823
2944
|
"type": "theme",
|
|
@@ -2831,10 +2952,10 @@
|
|
|
2831
2952
|
"content",
|
|
2832
2953
|
"indicator",
|
|
2833
2954
|
"negative",
|
|
2834
|
-
"
|
|
2955
|
+
"1"
|
|
2835
2956
|
]
|
|
2836
2957
|
},
|
|
2837
|
-
"
|
|
2958
|
+
"2": {
|
|
2838
2959
|
"value": "#4f0e10",
|
|
2839
2960
|
"type": "color",
|
|
2840
2961
|
"description": "Core Token: core.red.90\nHEX: 4F0E10\n--------------\nUsed for rest/hover state of alert-badge ",
|
|
@@ -2845,7 +2966,7 @@
|
|
|
2845
2966
|
"type": "color",
|
|
2846
2967
|
"description": "Core Token: core.red.90\nHEX: 4F0E10\n--------------\nUsed for rest/hover state of alert-badge "
|
|
2847
2968
|
},
|
|
2848
|
-
"name": "mds-color-theme-content-indicator-negative-
|
|
2969
|
+
"name": "mds-color-theme-content-indicator-negative-2",
|
|
2849
2970
|
"attributes": {
|
|
2850
2971
|
"category": "color",
|
|
2851
2972
|
"type": "theme",
|
|
@@ -2859,12 +2980,12 @@
|
|
|
2859
2980
|
"content",
|
|
2860
2981
|
"indicator",
|
|
2861
2982
|
"negative",
|
|
2862
|
-
"
|
|
2983
|
+
"2"
|
|
2863
2984
|
]
|
|
2864
2985
|
}
|
|
2865
2986
|
},
|
|
2866
2987
|
"warning": {
|
|
2867
|
-
"
|
|
2988
|
+
"0": {
|
|
2868
2989
|
"value": "#cf7900",
|
|
2869
2990
|
"type": "color",
|
|
2870
2991
|
"description": "Core Token: core.yellow.50\nHEX: CF7900\n-----------------\nUsed for Meeting Indicators (Audio-error, Video-error)",
|
|
@@ -2875,7 +2996,7 @@
|
|
|
2875
2996
|
"type": "color",
|
|
2876
2997
|
"description": "Core Token: core.yellow.50\nHEX: CF7900\n-----------------\nUsed for Meeting Indicators (Audio-error, Video-error)"
|
|
2877
2998
|
},
|
|
2878
|
-
"name": "mds-color-theme-content-indicator-warning-
|
|
2999
|
+
"name": "mds-color-theme-content-indicator-warning-0",
|
|
2879
3000
|
"attributes": {
|
|
2880
3001
|
"category": "color",
|
|
2881
3002
|
"type": "theme",
|
|
@@ -2889,10 +3010,10 @@
|
|
|
2889
3010
|
"content",
|
|
2890
3011
|
"indicator",
|
|
2891
3012
|
"warning",
|
|
2892
|
-
"
|
|
3013
|
+
"0"
|
|
2893
3014
|
]
|
|
2894
3015
|
},
|
|
2895
|
-
"
|
|
3016
|
+
"1": {
|
|
2896
3017
|
"value": "#57330a",
|
|
2897
3018
|
"type": "color",
|
|
2898
3019
|
"description": "Core Token: core.yellow.80\nHEX: 57330A\n-----------------------\nUsed for pressed state of alert-badge",
|
|
@@ -2903,7 +3024,7 @@
|
|
|
2903
3024
|
"type": "color",
|
|
2904
3025
|
"description": "Core Token: core.yellow.80\nHEX: 57330A\n-----------------------\nUsed for pressed state of alert-badge"
|
|
2905
3026
|
},
|
|
2906
|
-
"name": "mds-color-theme-content-indicator-warning-
|
|
3027
|
+
"name": "mds-color-theme-content-indicator-warning-1",
|
|
2907
3028
|
"attributes": {
|
|
2908
3029
|
"category": "color",
|
|
2909
3030
|
"type": "theme",
|
|
@@ -2917,10 +3038,10 @@
|
|
|
2917
3038
|
"content",
|
|
2918
3039
|
"indicator",
|
|
2919
3040
|
"warning",
|
|
2920
|
-
"
|
|
3041
|
+
"1"
|
|
2921
3042
|
]
|
|
2922
3043
|
},
|
|
2923
|
-
"
|
|
3044
|
+
"2": {
|
|
2924
3045
|
"value": "#36220c",
|
|
2925
3046
|
"type": "color",
|
|
2926
3047
|
"description": "Core Token: core.yellow.90\nHEX: 36220C\n-----------------------\nUsed for rest/hover state of alert-badge",
|
|
@@ -2931,7 +3052,7 @@
|
|
|
2931
3052
|
"type": "color",
|
|
2932
3053
|
"description": "Core Token: core.yellow.90\nHEX: 36220C\n-----------------------\nUsed for rest/hover state of alert-badge"
|
|
2933
3054
|
},
|
|
2934
|
-
"name": "mds-color-theme-content-indicator-warning-
|
|
3055
|
+
"name": "mds-color-theme-content-indicator-warning-2",
|
|
2935
3056
|
"attributes": {
|
|
2936
3057
|
"category": "color",
|
|
2937
3058
|
"type": "theme",
|
|
@@ -2945,12 +3066,12 @@
|
|
|
2945
3066
|
"content",
|
|
2946
3067
|
"indicator",
|
|
2947
3068
|
"warning",
|
|
2948
|
-
"
|
|
3069
|
+
"2"
|
|
2949
3070
|
]
|
|
2950
3071
|
}
|
|
2951
3072
|
},
|
|
2952
3073
|
"accent": {
|
|
2953
|
-
"
|
|
3074
|
+
"0": {
|
|
2954
3075
|
"value": "#3492eb",
|
|
2955
3076
|
"type": "color",
|
|
2956
3077
|
"description": "Core Token: core.blue.50\nHEX: 3492EB\n---------------------\nUsed for meeting indicator (Encryption)",
|
|
@@ -2961,7 +3082,7 @@
|
|
|
2961
3082
|
"type": "color",
|
|
2962
3083
|
"description": "Core Token: core.blue.50\nHEX: 3492EB\n---------------------\nUsed for meeting indicator (Encryption)"
|
|
2963
3084
|
},
|
|
2964
|
-
"name": "mds-color-theme-content-indicator-accent-
|
|
3085
|
+
"name": "mds-color-theme-content-indicator-accent-0",
|
|
2965
3086
|
"attributes": {
|
|
2966
3087
|
"category": "color",
|
|
2967
3088
|
"type": "theme",
|
|
@@ -2975,10 +3096,10 @@
|
|
|
2975
3096
|
"content",
|
|
2976
3097
|
"indicator",
|
|
2977
3098
|
"accent",
|
|
2978
|
-
"
|
|
3099
|
+
"0"
|
|
2979
3100
|
]
|
|
2980
3101
|
},
|
|
2981
|
-
"
|
|
3102
|
+
"1": {
|
|
2982
3103
|
"value": "#1170cf",
|
|
2983
3104
|
"type": "color",
|
|
2984
3105
|
"description": "Core Token: core.blue.60\nHEX: 1170CF\n---------------------------------\nUsed for basic badge [ioS] badge",
|
|
@@ -2989,7 +3110,7 @@
|
|
|
2989
3110
|
"type": "color",
|
|
2990
3111
|
"description": "Core Token: core.blue.60\nHEX: 1170CF\n---------------------------------\nUsed for basic badge [ioS] badge"
|
|
2991
3112
|
},
|
|
2992
|
-
"name": "mds-color-theme-content-indicator-accent-
|
|
3113
|
+
"name": "mds-color-theme-content-indicator-accent-1",
|
|
2993
3114
|
"attributes": {
|
|
2994
3115
|
"category": "color",
|
|
2995
3116
|
"type": "theme",
|
|
@@ -3003,10 +3124,10 @@
|
|
|
3003
3124
|
"content",
|
|
3004
3125
|
"indicator",
|
|
3005
3126
|
"accent",
|
|
3006
|
-
"
|
|
3127
|
+
"1"
|
|
3007
3128
|
]
|
|
3008
3129
|
},
|
|
3009
|
-
"
|
|
3130
|
+
"2": {
|
|
3010
3131
|
"value": "#063a75",
|
|
3011
3132
|
"type": "color",
|
|
3012
3133
|
"description": "Core Token: core.blue.80\nHEX: 063A75 \n-------------------------\nUsed for pressed state of alert-badge (chat-saved)",
|
|
@@ -3017,7 +3138,7 @@
|
|
|
3017
3138
|
"type": "color",
|
|
3018
3139
|
"description": "Core Token: core.blue.80\nHEX: 063A75 \n-------------------------\nUsed for pressed state of alert-badge (chat-saved)"
|
|
3019
3140
|
},
|
|
3020
|
-
"name": "mds-color-theme-content-indicator-accent-
|
|
3141
|
+
"name": "mds-color-theme-content-indicator-accent-2",
|
|
3021
3142
|
"attributes": {
|
|
3022
3143
|
"category": "color",
|
|
3023
3144
|
"type": "theme",
|
|
@@ -3031,10 +3152,10 @@
|
|
|
3031
3152
|
"content",
|
|
3032
3153
|
"indicator",
|
|
3033
3154
|
"accent",
|
|
3034
|
-
"
|
|
3155
|
+
"2"
|
|
3035
3156
|
]
|
|
3036
3157
|
},
|
|
3037
|
-
"
|
|
3158
|
+
"3": {
|
|
3038
3159
|
"value": "#0a274a",
|
|
3039
3160
|
"type": "color",
|
|
3040
3161
|
"description": "Core Token: core.blue.90\nHEX: 0A274A\n-------------------------\nUsed for rest/hover state of alert-badge(chat-saved)",
|
|
@@ -3045,7 +3166,7 @@
|
|
|
3045
3166
|
"type": "color",
|
|
3046
3167
|
"description": "Core Token: core.blue.90\nHEX: 0A274A\n-------------------------\nUsed for rest/hover state of alert-badge(chat-saved)"
|
|
3047
3168
|
},
|
|
3048
|
-
"name": "mds-color-theme-content-indicator-accent-
|
|
3169
|
+
"name": "mds-color-theme-content-indicator-accent-3",
|
|
3049
3170
|
"attributes": {
|
|
3050
3171
|
"category": "color",
|
|
3051
3172
|
"type": "theme",
|
|
@@ -3059,12 +3180,12 @@
|
|
|
3059
3180
|
"content",
|
|
3060
3181
|
"indicator",
|
|
3061
3182
|
"accent",
|
|
3062
|
-
"
|
|
3183
|
+
"3"
|
|
3063
3184
|
]
|
|
3064
3185
|
}
|
|
3065
3186
|
},
|
|
3066
3187
|
"notice": {
|
|
3067
|
-
"
|
|
3188
|
+
"0": {
|
|
3068
3189
|
"value": "#EC6400",
|
|
3069
3190
|
"type": "color",
|
|
3070
3191
|
"description": "Core Token: core.orange.50\nHEX: F26B1D\n---------------------\nUsed for avatar presence (busy, meeting, call, device)",
|
|
@@ -3075,7 +3196,7 @@
|
|
|
3075
3196
|
"type": "color",
|
|
3076
3197
|
"description": "Core Token: core.orange.50\nHEX: F26B1D\n---------------------\nUsed for avatar presence (busy, meeting, call, device)"
|
|
3077
3198
|
},
|
|
3078
|
-
"name": "mds-color-theme-content-indicator-notice-
|
|
3199
|
+
"name": "mds-color-theme-content-indicator-notice-0",
|
|
3079
3200
|
"attributes": {
|
|
3080
3201
|
"category": "color",
|
|
3081
3202
|
"type": "theme",
|
|
@@ -3089,10 +3210,10 @@
|
|
|
3089
3210
|
"content",
|
|
3090
3211
|
"indicator",
|
|
3091
3212
|
"notice",
|
|
3092
|
-
"
|
|
3213
|
+
"0"
|
|
3093
3214
|
]
|
|
3094
3215
|
},
|
|
3095
|
-
"
|
|
3216
|
+
"1": {
|
|
3096
3217
|
"value": "#9C3202",
|
|
3097
3218
|
"type": "color",
|
|
3098
3219
|
"description": "Core Token: core.orange.70\nHEX: 914017\n---------------------\nUsed for pressed/active state of tags",
|
|
@@ -3103,7 +3224,7 @@
|
|
|
3103
3224
|
"type": "color",
|
|
3104
3225
|
"description": "Core Token: core.orange.70\nHEX: 914017\n---------------------\nUsed for pressed/active state of tags"
|
|
3105
3226
|
},
|
|
3106
|
-
"name": "mds-color-theme-content-indicator-notice-
|
|
3227
|
+
"name": "mds-color-theme-content-indicator-notice-1",
|
|
3107
3228
|
"attributes": {
|
|
3108
3229
|
"category": "color",
|
|
3109
3230
|
"type": "theme",
|
|
@@ -3117,10 +3238,10 @@
|
|
|
3117
3238
|
"content",
|
|
3118
3239
|
"indicator",
|
|
3119
3240
|
"notice",
|
|
3120
|
-
"
|
|
3241
|
+
"1"
|
|
3121
3242
|
]
|
|
3122
3243
|
},
|
|
3123
|
-
"
|
|
3244
|
+
"2": {
|
|
3124
3245
|
"value": "#682601",
|
|
3125
3246
|
"type": "color",
|
|
3126
3247
|
"description": "Core Token: core.orange.80\nHEX: 59311E\n---------------------------------\nUsed for pressed state of alert-badge",
|
|
@@ -3131,7 +3252,7 @@
|
|
|
3131
3252
|
"type": "color",
|
|
3132
3253
|
"description": "Core Token: core.orange.80\nHEX: 59311E\n---------------------------------\nUsed for pressed state of alert-badge"
|
|
3133
3254
|
},
|
|
3134
|
-
"name": "mds-color-theme-content-indicator-notice-
|
|
3255
|
+
"name": "mds-color-theme-content-indicator-notice-2",
|
|
3135
3256
|
"attributes": {
|
|
3136
3257
|
"category": "color",
|
|
3137
3258
|
"type": "theme",
|
|
@@ -3145,10 +3266,10 @@
|
|
|
3145
3266
|
"content",
|
|
3146
3267
|
"indicator",
|
|
3147
3268
|
"notice",
|
|
3148
|
-
"
|
|
3269
|
+
"2"
|
|
3149
3270
|
]
|
|
3150
3271
|
},
|
|
3151
|
-
"
|
|
3272
|
+
"3": {
|
|
3152
3273
|
"value": "#411B04",
|
|
3153
3274
|
"type": "color",
|
|
3154
3275
|
"description": "Core Token: core.orange.90\nHEX: 33221B\n---------------------------------\nUsed for rest/hover state of alert-badge",
|
|
@@ -3159,7 +3280,7 @@
|
|
|
3159
3280
|
"type": "color",
|
|
3160
3281
|
"description": "Core Token: core.orange.90\nHEX: 33221B\n---------------------------------\nUsed for rest/hover state of alert-badge"
|
|
3161
3282
|
},
|
|
3162
|
-
"name": "mds-color-theme-content-indicator-notice-
|
|
3283
|
+
"name": "mds-color-theme-content-indicator-notice-3",
|
|
3163
3284
|
"attributes": {
|
|
3164
3285
|
"category": "color",
|
|
3165
3286
|
"type": "theme",
|
|
@@ -3173,13 +3294,13 @@
|
|
|
3173
3294
|
"content",
|
|
3174
3295
|
"indicator",
|
|
3175
3296
|
"notice",
|
|
3176
|
-
"
|
|
3297
|
+
"3"
|
|
3177
3298
|
]
|
|
3178
3299
|
}
|
|
3179
3300
|
},
|
|
3180
3301
|
"decorative": {
|
|
3181
3302
|
"gold": {
|
|
3182
|
-
"
|
|
3303
|
+
"1": {
|
|
3183
3304
|
"value": "#735107",
|
|
3184
3305
|
"type": "color",
|
|
3185
3306
|
"description": "Core Token: decorative.gold.70\nHEX: 735107\n--------------------------\nUsed for press state of tags",
|
|
@@ -3190,7 +3311,7 @@
|
|
|
3190
3311
|
"type": "color",
|
|
3191
3312
|
"description": "Core Token: decorative.gold.70\nHEX: 735107\n--------------------------\nUsed for press state of tags"
|
|
3192
3313
|
},
|
|
3193
|
-
"name": "mds-color-theme-content-indicator-decorative-gold-
|
|
3314
|
+
"name": "mds-color-theme-content-indicator-decorative-gold-1",
|
|
3194
3315
|
"attributes": {
|
|
3195
3316
|
"category": "color",
|
|
3196
3317
|
"type": "theme",
|
|
@@ -3205,10 +3326,10 @@
|
|
|
3205
3326
|
"indicator",
|
|
3206
3327
|
"decorative",
|
|
3207
3328
|
"gold",
|
|
3208
|
-
"
|
|
3329
|
+
"1"
|
|
3209
3330
|
]
|
|
3210
3331
|
},
|
|
3211
|
-
"
|
|
3332
|
+
"2": {
|
|
3212
3333
|
"value": "#4d370c",
|
|
3213
3334
|
"type": "color",
|
|
3214
3335
|
"description": "Core Token: decorative.gold.80\nHEX: 4D370C\n--------------------------\nUsed for hover state of tags",
|
|
@@ -3219,7 +3340,7 @@
|
|
|
3219
3340
|
"type": "color",
|
|
3220
3341
|
"description": "Core Token: decorative.gold.80\nHEX: 4D370C\n--------------------------\nUsed for hover state of tags"
|
|
3221
3342
|
},
|
|
3222
|
-
"name": "mds-color-theme-content-indicator-decorative-gold-
|
|
3343
|
+
"name": "mds-color-theme-content-indicator-decorative-gold-2",
|
|
3223
3344
|
"attributes": {
|
|
3224
3345
|
"category": "color",
|
|
3225
3346
|
"type": "theme",
|
|
@@ -3234,10 +3355,10 @@
|
|
|
3234
3355
|
"indicator",
|
|
3235
3356
|
"decorative",
|
|
3236
3357
|
"gold",
|
|
3237
|
-
"
|
|
3358
|
+
"2"
|
|
3238
3359
|
]
|
|
3239
3360
|
},
|
|
3240
|
-
"
|
|
3361
|
+
"3": {
|
|
3241
3362
|
"value": "#30240d",
|
|
3242
3363
|
"type": "color",
|
|
3243
3364
|
"description": "Core Token: decorative.gold.90\nHEX: 30240D\n--------------------------\nUsed for rest state of tags",
|
|
@@ -3248,7 +3369,7 @@
|
|
|
3248
3369
|
"type": "color",
|
|
3249
3370
|
"description": "Core Token: decorative.gold.90\nHEX: 30240D\n--------------------------\nUsed for rest state of tags"
|
|
3250
3371
|
},
|
|
3251
|
-
"name": "mds-color-theme-content-indicator-decorative-gold-
|
|
3372
|
+
"name": "mds-color-theme-content-indicator-decorative-gold-3",
|
|
3252
3373
|
"attributes": {
|
|
3253
3374
|
"category": "color",
|
|
3254
3375
|
"type": "theme",
|
|
@@ -3263,12 +3384,12 @@
|
|
|
3263
3384
|
"indicator",
|
|
3264
3385
|
"decorative",
|
|
3265
3386
|
"gold",
|
|
3266
|
-
"
|
|
3387
|
+
"3"
|
|
3267
3388
|
]
|
|
3268
3389
|
}
|
|
3269
3390
|
},
|
|
3270
3391
|
"lime": {
|
|
3271
|
-
"
|
|
3392
|
+
"1": {
|
|
3272
3393
|
"value": "#416116",
|
|
3273
3394
|
"type": "color",
|
|
3274
3395
|
"description": "Core Token: decorative.lime.70\nHEX: 416116\n--------------------------\nUsed for pressed state of tags, avatar",
|
|
@@ -3279,7 +3400,7 @@
|
|
|
3279
3400
|
"type": "color",
|
|
3280
3401
|
"description": "Core Token: decorative.lime.70\nHEX: 416116\n--------------------------\nUsed for pressed state of tags, avatar"
|
|
3281
3402
|
},
|
|
3282
|
-
"name": "mds-color-theme-content-indicator-decorative-lime-
|
|
3403
|
+
"name": "mds-color-theme-content-indicator-decorative-lime-1",
|
|
3283
3404
|
"attributes": {
|
|
3284
3405
|
"category": "color",
|
|
3285
3406
|
"type": "theme",
|
|
@@ -3294,10 +3415,10 @@
|
|
|
3294
3415
|
"indicator",
|
|
3295
3416
|
"decorative",
|
|
3296
3417
|
"lime",
|
|
3297
|
-
"
|
|
3418
|
+
"1"
|
|
3298
3419
|
]
|
|
3299
3420
|
},
|
|
3300
|
-
"
|
|
3421
|
+
"2": {
|
|
3301
3422
|
"value": "#2d4214",
|
|
3302
3423
|
"type": "color",
|
|
3303
3424
|
"description": "Core Token: decorative.lime.80\nHEX: 2D4214\n--------------------------\nUsed for hover state of tags",
|
|
@@ -3308,7 +3429,7 @@
|
|
|
3308
3429
|
"type": "color",
|
|
3309
3430
|
"description": "Core Token: decorative.lime.80\nHEX: 2D4214\n--------------------------\nUsed for hover state of tags"
|
|
3310
3431
|
},
|
|
3311
|
-
"name": "mds-color-theme-content-indicator-decorative-lime-
|
|
3432
|
+
"name": "mds-color-theme-content-indicator-decorative-lime-2",
|
|
3312
3433
|
"attributes": {
|
|
3313
3434
|
"category": "color",
|
|
3314
3435
|
"type": "theme",
|
|
@@ -3323,10 +3444,10 @@
|
|
|
3323
3444
|
"indicator",
|
|
3324
3445
|
"decorative",
|
|
3325
3446
|
"lime",
|
|
3326
|
-
"
|
|
3447
|
+
"2"
|
|
3327
3448
|
]
|
|
3328
3449
|
},
|
|
3329
|
-
"
|
|
3450
|
+
"3": {
|
|
3330
3451
|
"value": "#1e2b10",
|
|
3331
3452
|
"type": "color",
|
|
3332
3453
|
"description": "Core Token: decorative.lime.90\nHEX: 1E2B10\n--------------------------\nUsed for rest state of tags",
|
|
@@ -3337,7 +3458,7 @@
|
|
|
3337
3458
|
"type": "color",
|
|
3338
3459
|
"description": "Core Token: decorative.lime.90\nHEX: 1E2B10\n--------------------------\nUsed for rest state of tags"
|
|
3339
3460
|
},
|
|
3340
|
-
"name": "mds-color-theme-content-indicator-decorative-lime-
|
|
3461
|
+
"name": "mds-color-theme-content-indicator-decorative-lime-3",
|
|
3341
3462
|
"attributes": {
|
|
3342
3463
|
"category": "color",
|
|
3343
3464
|
"type": "theme",
|
|
@@ -3352,12 +3473,12 @@
|
|
|
3352
3473
|
"indicator",
|
|
3353
3474
|
"decorative",
|
|
3354
3475
|
"lime",
|
|
3355
|
-
"
|
|
3476
|
+
"3"
|
|
3356
3477
|
]
|
|
3357
3478
|
}
|
|
3358
3479
|
},
|
|
3359
3480
|
"mint": {
|
|
3360
|
-
"
|
|
3481
|
+
"1": {
|
|
3361
3482
|
"value": "#12615a",
|
|
3362
3483
|
"type": "color",
|
|
3363
3484
|
"description": "Core Token: decorative.mint.70\nHEX: 12615A\n--------------------------\nUsed for pressed state of tags, avatar",
|
|
@@ -3368,7 +3489,7 @@
|
|
|
3368
3489
|
"type": "color",
|
|
3369
3490
|
"description": "Core Token: decorative.mint.70\nHEX: 12615A\n--------------------------\nUsed for pressed state of tags, avatar"
|
|
3370
3491
|
},
|
|
3371
|
-
"name": "mds-color-theme-content-indicator-decorative-mint-
|
|
3492
|
+
"name": "mds-color-theme-content-indicator-decorative-mint-1",
|
|
3372
3493
|
"attributes": {
|
|
3373
3494
|
"category": "color",
|
|
3374
3495
|
"type": "theme",
|
|
@@ -3383,10 +3504,10 @@
|
|
|
3383
3504
|
"indicator",
|
|
3384
3505
|
"decorative",
|
|
3385
3506
|
"mint",
|
|
3386
|
-
"
|
|
3507
|
+
"1"
|
|
3387
3508
|
]
|
|
3388
3509
|
},
|
|
3389
|
-
"
|
|
3510
|
+
"2": {
|
|
3390
3511
|
"value": "#12423f",
|
|
3391
3512
|
"type": "color",
|
|
3392
3513
|
"description": "Core Token: decorative.mint.80\nHEX: 12423F\n--------------------------\nUsed for hover state of tags",
|
|
@@ -3397,7 +3518,7 @@
|
|
|
3397
3518
|
"type": "color",
|
|
3398
3519
|
"description": "Core Token: decorative.mint.80\nHEX: 12423F\n--------------------------\nUsed for hover state of tags"
|
|
3399
3520
|
},
|
|
3400
|
-
"name": "mds-color-theme-content-indicator-decorative-mint-
|
|
3521
|
+
"name": "mds-color-theme-content-indicator-decorative-mint-2",
|
|
3401
3522
|
"attributes": {
|
|
3402
3523
|
"category": "color",
|
|
3403
3524
|
"type": "theme",
|
|
@@ -3412,10 +3533,10 @@
|
|
|
3412
3533
|
"indicator",
|
|
3413
3534
|
"decorative",
|
|
3414
3535
|
"mint",
|
|
3415
|
-
"
|
|
3536
|
+
"2"
|
|
3416
3537
|
]
|
|
3417
3538
|
},
|
|
3418
|
-
"
|
|
3539
|
+
"3": {
|
|
3419
3540
|
"value": "#102b2a",
|
|
3420
3541
|
"type": "color",
|
|
3421
3542
|
"description": "Core Token: decorative.mint.90\nHEX: 102B2A\n--------------------------\nUsed for pressed state of tags",
|
|
@@ -3426,7 +3547,7 @@
|
|
|
3426
3547
|
"type": "color",
|
|
3427
3548
|
"description": "Core Token: decorative.mint.90\nHEX: 102B2A\n--------------------------\nUsed for pressed state of tags"
|
|
3428
3549
|
},
|
|
3429
|
-
"name": "mds-color-theme-content-indicator-decorative-mint-
|
|
3550
|
+
"name": "mds-color-theme-content-indicator-decorative-mint-3",
|
|
3430
3551
|
"attributes": {
|
|
3431
3552
|
"category": "color",
|
|
3432
3553
|
"type": "theme",
|
|
@@ -3441,12 +3562,12 @@
|
|
|
3441
3562
|
"indicator",
|
|
3442
3563
|
"decorative",
|
|
3443
3564
|
"mint",
|
|
3444
|
-
"
|
|
3565
|
+
"3"
|
|
3445
3566
|
]
|
|
3446
3567
|
}
|
|
3447
3568
|
},
|
|
3448
3569
|
"cobalt": {
|
|
3449
|
-
"
|
|
3570
|
+
"1": {
|
|
3450
3571
|
"value": "#08599c",
|
|
3451
3572
|
"type": "color",
|
|
3452
3573
|
"description": "Core Token: decorative.cobalt.70\nHEX: 08599C\n--------------------------\nUsed for pressed state of tags, rest state of avtar",
|
|
@@ -3457,7 +3578,7 @@
|
|
|
3457
3578
|
"type": "color",
|
|
3458
3579
|
"description": "Core Token: decorative.cobalt.70\nHEX: 08599C\n--------------------------\nUsed for pressed state of tags, rest state of avtar"
|
|
3459
3580
|
},
|
|
3460
|
-
"name": "mds-color-theme-content-indicator-decorative-cobalt-
|
|
3581
|
+
"name": "mds-color-theme-content-indicator-decorative-cobalt-1",
|
|
3461
3582
|
"attributes": {
|
|
3462
3583
|
"category": "color",
|
|
3463
3584
|
"type": "theme",
|
|
@@ -3472,10 +3593,10 @@
|
|
|
3472
3593
|
"indicator",
|
|
3473
3594
|
"decorative",
|
|
3474
3595
|
"cobalt",
|
|
3475
|
-
"
|
|
3596
|
+
"1"
|
|
3476
3597
|
]
|
|
3477
3598
|
},
|
|
3478
|
-
"
|
|
3599
|
+
"2": {
|
|
3479
3600
|
"value": "#103c63",
|
|
3480
3601
|
"type": "color",
|
|
3481
3602
|
"description": "Core Token: decorative.cobalt.80\nHEX: 103C63\n--------------------------\nUsed for hover state of tags",
|
|
@@ -3486,7 +3607,7 @@
|
|
|
3486
3607
|
"type": "color",
|
|
3487
3608
|
"description": "Core Token: decorative.cobalt.80\nHEX: 103C63\n--------------------------\nUsed for hover state of tags"
|
|
3488
3609
|
},
|
|
3489
|
-
"name": "mds-color-theme-content-indicator-decorative-cobalt-
|
|
3610
|
+
"name": "mds-color-theme-content-indicator-decorative-cobalt-2",
|
|
3490
3611
|
"attributes": {
|
|
3491
3612
|
"category": "color",
|
|
3492
3613
|
"type": "theme",
|
|
@@ -3501,10 +3622,10 @@
|
|
|
3501
3622
|
"indicator",
|
|
3502
3623
|
"decorative",
|
|
3503
3624
|
"cobalt",
|
|
3504
|
-
"
|
|
3625
|
+
"2"
|
|
3505
3626
|
]
|
|
3506
3627
|
},
|
|
3507
|
-
"
|
|
3628
|
+
"3": {
|
|
3508
3629
|
"value": "#12283d",
|
|
3509
3630
|
"type": "color",
|
|
3510
3631
|
"description": "Core Token: decorative.cobalt.90\nHEX: 12283D\n--------------------------\nUsed for rest state of tags",
|
|
@@ -3515,7 +3636,7 @@
|
|
|
3515
3636
|
"type": "color",
|
|
3516
3637
|
"description": "Core Token: decorative.cobalt.90\nHEX: 12283D\n--------------------------\nUsed for rest state of tags"
|
|
3517
3638
|
},
|
|
3518
|
-
"name": "mds-color-theme-content-indicator-decorative-cobalt-
|
|
3639
|
+
"name": "mds-color-theme-content-indicator-decorative-cobalt-3",
|
|
3519
3640
|
"attributes": {
|
|
3520
3641
|
"category": "color",
|
|
3521
3642
|
"type": "theme",
|
|
@@ -3530,12 +3651,12 @@
|
|
|
3530
3651
|
"indicator",
|
|
3531
3652
|
"decorative",
|
|
3532
3653
|
"cobalt",
|
|
3533
|
-
"
|
|
3654
|
+
"3"
|
|
3534
3655
|
]
|
|
3535
3656
|
}
|
|
3536
3657
|
},
|
|
3537
3658
|
"slate": {
|
|
3538
|
-
"
|
|
3659
|
+
"1": {
|
|
3539
3660
|
"value": "#535573",
|
|
3540
3661
|
"type": "color",
|
|
3541
3662
|
"description": "Core Token: decorative.slate.70\nHEX: 535573\n--------------------------\nUsed for pressed state of tags,avatar",
|
|
@@ -3546,7 +3667,7 @@
|
|
|
3546
3667
|
"type": "color",
|
|
3547
3668
|
"description": "Core Token: decorative.slate.70\nHEX: 535573\n--------------------------\nUsed for pressed state of tags,avatar"
|
|
3548
3669
|
},
|
|
3549
|
-
"name": "mds-color-theme-content-indicator-decorative-slate-
|
|
3670
|
+
"name": "mds-color-theme-content-indicator-decorative-slate-1",
|
|
3550
3671
|
"attributes": {
|
|
3551
3672
|
"category": "color",
|
|
3552
3673
|
"type": "theme",
|
|
@@ -3561,10 +3682,10 @@
|
|
|
3561
3682
|
"indicator",
|
|
3562
3683
|
"decorative",
|
|
3563
3684
|
"slate",
|
|
3564
|
-
"
|
|
3685
|
+
"1"
|
|
3565
3686
|
]
|
|
3566
3687
|
},
|
|
3567
|
-
"
|
|
3688
|
+
"2": {
|
|
3568
3689
|
"value": "#393a47",
|
|
3569
3690
|
"type": "color",
|
|
3570
3691
|
"description": "Core Token: decorative.slate.80\nHEX: 393A47\n--------------------------\nUsed for hover state of tags",
|
|
@@ -3575,7 +3696,7 @@
|
|
|
3575
3696
|
"type": "color",
|
|
3576
3697
|
"description": "Core Token: decorative.slate.80\nHEX: 393A47\n--------------------------\nUsed for hover state of tags"
|
|
3577
3698
|
},
|
|
3578
|
-
"name": "mds-color-theme-content-indicator-decorative-slate-
|
|
3699
|
+
"name": "mds-color-theme-content-indicator-decorative-slate-2",
|
|
3579
3700
|
"attributes": {
|
|
3580
3701
|
"category": "color",
|
|
3581
3702
|
"type": "theme",
|
|
@@ -3590,10 +3711,10 @@
|
|
|
3590
3711
|
"indicator",
|
|
3591
3712
|
"decorative",
|
|
3592
3713
|
"slate",
|
|
3593
|
-
"
|
|
3714
|
+
"2"
|
|
3594
3715
|
]
|
|
3595
3716
|
},
|
|
3596
|
-
"
|
|
3717
|
+
"3": {
|
|
3597
3718
|
"value": "#26262b",
|
|
3598
3719
|
"type": "color",
|
|
3599
3720
|
"description": "Core Token: decorative.slate.90\nHEX: 26262B\n--------------------------\nUsed for rest state of tags",
|
|
@@ -3604,7 +3725,7 @@
|
|
|
3604
3725
|
"type": "color",
|
|
3605
3726
|
"description": "Core Token: decorative.slate.90\nHEX: 26262B\n--------------------------\nUsed for rest state of tags"
|
|
3606
3727
|
},
|
|
3607
|
-
"name": "mds-color-theme-content-indicator-decorative-slate-
|
|
3728
|
+
"name": "mds-color-theme-content-indicator-decorative-slate-3",
|
|
3608
3729
|
"attributes": {
|
|
3609
3730
|
"category": "color",
|
|
3610
3731
|
"type": "theme",
|
|
@@ -3619,12 +3740,12 @@
|
|
|
3619
3740
|
"indicator",
|
|
3620
3741
|
"decorative",
|
|
3621
3742
|
"slate",
|
|
3622
|
-
"
|
|
3743
|
+
"3"
|
|
3623
3744
|
]
|
|
3624
3745
|
}
|
|
3625
3746
|
},
|
|
3626
3747
|
"violet": {
|
|
3627
|
-
"
|
|
3748
|
+
"1": {
|
|
3628
3749
|
"value": "#643abd",
|
|
3629
3750
|
"type": "color",
|
|
3630
3751
|
"description": "Core Token: decorative.violet.70\nHEX: 643ABD\n--------------------------\nUsed for pressed state of tags, avatar",
|
|
@@ -3635,7 +3756,7 @@
|
|
|
3635
3756
|
"type": "color",
|
|
3636
3757
|
"description": "Core Token: decorative.violet.70\nHEX: 643ABD\n--------------------------\nUsed for pressed state of tags, avatar"
|
|
3637
3758
|
},
|
|
3638
|
-
"name": "mds-color-theme-content-indicator-decorative-violet-
|
|
3759
|
+
"name": "mds-color-theme-content-indicator-decorative-violet-1",
|
|
3639
3760
|
"attributes": {
|
|
3640
3761
|
"category": "color",
|
|
3641
3762
|
"type": "theme",
|
|
@@ -3650,10 +3771,10 @@
|
|
|
3650
3771
|
"indicator",
|
|
3651
3772
|
"decorative",
|
|
3652
3773
|
"violet",
|
|
3653
|
-
"
|
|
3774
|
+
"1"
|
|
3654
3775
|
]
|
|
3655
3776
|
},
|
|
3656
|
-
"
|
|
3777
|
+
"2": {
|
|
3657
3778
|
"value": "#432c78",
|
|
3658
3779
|
"type": "color",
|
|
3659
3780
|
"description": "Core Token: decorative.violet.80\nHEX: 432C78\n--------------------------\nUsed for hover state of tags",
|
|
@@ -3664,7 +3785,7 @@
|
|
|
3664
3785
|
"type": "color",
|
|
3665
3786
|
"description": "Core Token: decorative.violet.80\nHEX: 432C78\n--------------------------\nUsed for hover state of tags"
|
|
3666
3787
|
},
|
|
3667
|
-
"name": "mds-color-theme-content-indicator-decorative-violet-
|
|
3788
|
+
"name": "mds-color-theme-content-indicator-decorative-violet-2",
|
|
3668
3789
|
"attributes": {
|
|
3669
3790
|
"category": "color",
|
|
3670
3791
|
"type": "theme",
|
|
@@ -3679,10 +3800,10 @@
|
|
|
3679
3800
|
"indicator",
|
|
3680
3801
|
"decorative",
|
|
3681
3802
|
"violet",
|
|
3682
|
-
"
|
|
3803
|
+
"2"
|
|
3683
3804
|
]
|
|
3684
3805
|
},
|
|
3685
|
-
"
|
|
3806
|
+
"3": {
|
|
3686
3807
|
"value": "#29223d",
|
|
3687
3808
|
"type": "color",
|
|
3688
3809
|
"description": "Core Token: decorative.violet.90\nHEX: 29223D\n--------------------------\nUsed for rest state of tags",
|
|
@@ -3693,7 +3814,7 @@
|
|
|
3693
3814
|
"type": "color",
|
|
3694
3815
|
"description": "Core Token: decorative.violet.90\nHEX: 29223D\n--------------------------\nUsed for rest state of tags"
|
|
3695
3816
|
},
|
|
3696
|
-
"name": "mds-color-theme-content-indicator-decorative-violet-
|
|
3817
|
+
"name": "mds-color-theme-content-indicator-decorative-violet-3",
|
|
3697
3818
|
"attributes": {
|
|
3698
3819
|
"category": "color",
|
|
3699
3820
|
"type": "theme",
|
|
@@ -3708,12 +3829,12 @@
|
|
|
3708
3829
|
"indicator",
|
|
3709
3830
|
"decorative",
|
|
3710
3831
|
"violet",
|
|
3711
|
-
"
|
|
3832
|
+
"3"
|
|
3712
3833
|
]
|
|
3713
3834
|
}
|
|
3714
3835
|
},
|
|
3715
3836
|
"purple": {
|
|
3716
|
-
"
|
|
3837
|
+
"1": {
|
|
3717
3838
|
"value": "#932099",
|
|
3718
3839
|
"type": "color",
|
|
3719
3840
|
"description": "Core Token: decorative.purple.70\nHEX: 932099\n--------------------------\nUsed for active/pressed state of alert-badge (admin), tags",
|
|
@@ -3724,7 +3845,7 @@
|
|
|
3724
3845
|
"type": "color",
|
|
3725
3846
|
"description": "Core Token: decorative.purple.70\nHEX: 932099\n--------------------------\nUsed for active/pressed state of alert-badge (admin), tags"
|
|
3726
3847
|
},
|
|
3727
|
-
"name": "mds-color-theme-content-indicator-decorative-purple-
|
|
3848
|
+
"name": "mds-color-theme-content-indicator-decorative-purple-1",
|
|
3728
3849
|
"attributes": {
|
|
3729
3850
|
"category": "color",
|
|
3730
3851
|
"type": "theme",
|
|
@@ -3739,10 +3860,10 @@
|
|
|
3739
3860
|
"indicator",
|
|
3740
3861
|
"decorative",
|
|
3741
3862
|
"purple",
|
|
3742
|
-
"
|
|
3863
|
+
"1"
|
|
3743
3864
|
]
|
|
3744
3865
|
},
|
|
3745
|
-
"
|
|
3866
|
+
"2": {
|
|
3746
3867
|
"value": "#601e66",
|
|
3747
3868
|
"type": "color",
|
|
3748
3869
|
"description": "Core Token: decorative.purple.80\nHEX: 601E66\n--------------------------\nUsed for hover state of alert-badge (admin), tags",
|
|
@@ -3753,7 +3874,7 @@
|
|
|
3753
3874
|
"type": "color",
|
|
3754
3875
|
"description": "Core Token: decorative.purple.80\nHEX: 601E66\n--------------------------\nUsed for hover state of alert-badge (admin), tags"
|
|
3755
3876
|
},
|
|
3756
|
-
"name": "mds-color-theme-content-indicator-decorative-purple-
|
|
3877
|
+
"name": "mds-color-theme-content-indicator-decorative-purple-2",
|
|
3757
3878
|
"attributes": {
|
|
3758
3879
|
"category": "color",
|
|
3759
3880
|
"type": "theme",
|
|
@@ -3768,10 +3889,10 @@
|
|
|
3768
3889
|
"indicator",
|
|
3769
3890
|
"decorative",
|
|
3770
3891
|
"purple",
|
|
3771
|
-
"
|
|
3892
|
+
"2"
|
|
3772
3893
|
]
|
|
3773
3894
|
},
|
|
3774
|
-
"
|
|
3895
|
+
"3": {
|
|
3775
3896
|
"value": "#3b1840",
|
|
3776
3897
|
"type": "color",
|
|
3777
3898
|
"description": "Core Token: decorative.purple.90\nHEX: 3B1840\n--------------------------\nUsed for rest state of alert-badge (admin), tags",
|
|
@@ -3782,7 +3903,7 @@
|
|
|
3782
3903
|
"type": "color",
|
|
3783
3904
|
"description": "Core Token: decorative.purple.90\nHEX: 3B1840\n--------------------------\nUsed for rest state of alert-badge (admin), tags"
|
|
3784
3905
|
},
|
|
3785
|
-
"name": "mds-color-theme-content-indicator-decorative-purple-
|
|
3906
|
+
"name": "mds-color-theme-content-indicator-decorative-purple-3",
|
|
3786
3907
|
"attributes": {
|
|
3787
3908
|
"category": "color",
|
|
3788
3909
|
"type": "theme",
|
|
@@ -3797,12 +3918,12 @@
|
|
|
3797
3918
|
"indicator",
|
|
3798
3919
|
"decorative",
|
|
3799
3920
|
"purple",
|
|
3800
|
-
"
|
|
3921
|
+
"3"
|
|
3801
3922
|
]
|
|
3802
3923
|
}
|
|
3803
3924
|
},
|
|
3804
3925
|
"pink": {
|
|
3805
|
-
"
|
|
3926
|
+
"1": {
|
|
3806
3927
|
"value": "#a12a3a",
|
|
3807
3928
|
"type": "color",
|
|
3808
3929
|
"description": "Core Token: decorative.pink.70\nHEX: A12A3A\n--------------------------\nUsed for pressed state of tags",
|
|
@@ -3813,7 +3934,7 @@
|
|
|
3813
3934
|
"type": "color",
|
|
3814
3935
|
"description": "Core Token: decorative.pink.70\nHEX: A12A3A\n--------------------------\nUsed for pressed state of tags"
|
|
3815
3936
|
},
|
|
3816
|
-
"name": "mds-color-theme-content-indicator-decorative-pink-
|
|
3937
|
+
"name": "mds-color-theme-content-indicator-decorative-pink-1",
|
|
3817
3938
|
"attributes": {
|
|
3818
3939
|
"category": "color",
|
|
3819
3940
|
"type": "theme",
|
|
@@ -3828,10 +3949,10 @@
|
|
|
3828
3949
|
"indicator",
|
|
3829
3950
|
"decorative",
|
|
3830
3951
|
"pink",
|
|
3831
|
-
"
|
|
3952
|
+
"1"
|
|
3832
3953
|
]
|
|
3833
3954
|
},
|
|
3834
|
-
"
|
|
3955
|
+
"2": {
|
|
3835
3956
|
"value": "#66262d",
|
|
3836
3957
|
"type": "color",
|
|
3837
3958
|
"description": "Core Token: decorative.pink.80\nHEX: 66262D\n--------------------------\nUsed for hover state of tags",
|
|
@@ -3842,7 +3963,7 @@
|
|
|
3842
3963
|
"type": "color",
|
|
3843
3964
|
"description": "Core Token: decorative.pink.80\nHEX: 66262D\n--------------------------\nUsed for hover state of tags"
|
|
3844
3965
|
},
|
|
3845
|
-
"name": "mds-color-theme-content-indicator-decorative-pink-
|
|
3966
|
+
"name": "mds-color-theme-content-indicator-decorative-pink-2",
|
|
3846
3967
|
"attributes": {
|
|
3847
3968
|
"category": "color",
|
|
3848
3969
|
"type": "theme",
|
|
@@ -3857,10 +3978,10 @@
|
|
|
3857
3978
|
"indicator",
|
|
3858
3979
|
"decorative",
|
|
3859
3980
|
"pink",
|
|
3860
|
-
"
|
|
3981
|
+
"2"
|
|
3861
3982
|
]
|
|
3862
3983
|
},
|
|
3863
|
-
"
|
|
3984
|
+
"3": {
|
|
3864
3985
|
"value": "#3b1e21",
|
|
3865
3986
|
"type": "color",
|
|
3866
3987
|
"description": "Core Token: decorative.pink.90\nHEX: 3B1E21\n--------------------------\nUsed for rest state of tags",
|
|
@@ -3871,7 +3992,7 @@
|
|
|
3871
3992
|
"type": "color",
|
|
3872
3993
|
"description": "Core Token: decorative.pink.90\nHEX: 3B1E21\n--------------------------\nUsed for rest state of tags"
|
|
3873
3994
|
},
|
|
3874
|
-
"name": "mds-color-theme-content-indicator-decorative-pink-
|
|
3995
|
+
"name": "mds-color-theme-content-indicator-decorative-pink-3",
|
|
3875
3996
|
"attributes": {
|
|
3876
3997
|
"category": "color",
|
|
3877
3998
|
"type": "theme",
|
|
@@ -3886,7 +4007,7 @@
|
|
|
3886
4007
|
"indicator",
|
|
3887
4008
|
"decorative",
|
|
3888
4009
|
"pink",
|
|
3889
|
-
"
|
|
4010
|
+
"3"
|
|
3890
4011
|
]
|
|
3891
4012
|
}
|
|
3892
4013
|
}
|
|
@@ -3897,13 +4018,13 @@
|
|
|
3897
4018
|
"default": {
|
|
3898
4019
|
"value": "#ffffff33",
|
|
3899
4020
|
"type": "color",
|
|
3900
|
-
"description": "Core Token: core.white-alpha.20\nHEX:
|
|
4021
|
+
"description": "Core Token: core.white-alpha.20\nHEX: FFFFFF 20%\n-----------------------\nCore Token: core.white-alpha.20\nHEX: ffffff\n--------------\nUsed for rest state of control components background (radio, toggle, checkbox). \nFor toggle buttons, refer Common UI.",
|
|
3901
4022
|
"filePath": "src/theme/webex/dark.json",
|
|
3902
4023
|
"isSource": true,
|
|
3903
4024
|
"original": {
|
|
3904
4025
|
"value": "{color.core.white-alpha.20}",
|
|
3905
4026
|
"type": "color",
|
|
3906
|
-
"description": "Core Token: core.white-alpha.20\nHEX:
|
|
4027
|
+
"description": "Core Token: core.white-alpha.20\nHEX: FFFFFF 20%\n-----------------------\nCore Token: core.white-alpha.20\nHEX: ffffff\n--------------\nUsed for rest state of control components background (radio, toggle, checkbox). \nFor toggle buttons, refer Common UI."
|
|
3907
4028
|
},
|
|
3908
4029
|
"name": "mds-color-theme-content-control-neutral-default",
|
|
3909
4030
|
"attributes": {
|
|
@@ -3925,13 +4046,13 @@
|
|
|
3925
4046
|
"hover": {
|
|
3926
4047
|
"value": "#ffffff4d",
|
|
3927
4048
|
"type": "color",
|
|
3928
|
-
"description": "Core Token: core.white-alpha.30\nHEX: FFFFFF 30%\n-----------------------\nUsed for hover state of
|
|
4049
|
+
"description": "Core Token: core.white-alpha.30\nHEX: FFFFFF 30%\n-----------------------\nUsed for hover state of inactive control components background (radio, toggle, checkbox)\nFor toggle buttons, refer Common UI.",
|
|
3929
4050
|
"filePath": "src/theme/webex/dark.json",
|
|
3930
4051
|
"isSource": true,
|
|
3931
4052
|
"original": {
|
|
3932
4053
|
"value": "{color.core.white-alpha.30}",
|
|
3933
4054
|
"type": "color",
|
|
3934
|
-
"description": "Core Token: core.white-alpha.30\nHEX: FFFFFF 30%\n-----------------------\nUsed for hover state of
|
|
4055
|
+
"description": "Core Token: core.white-alpha.30\nHEX: FFFFFF 30%\n-----------------------\nUsed for hover state of inactive control components background (radio, toggle, checkbox)\nFor toggle buttons, refer Common UI."
|
|
3935
4056
|
},
|
|
3936
4057
|
"name": "mds-color-theme-content-control-neutral-hover",
|
|
3937
4058
|
"attributes": {
|
|
@@ -3953,13 +4074,13 @@
|
|
|
3953
4074
|
"pressed": {
|
|
3954
4075
|
"value": "#ffffff66",
|
|
3955
4076
|
"type": "color",
|
|
3956
|
-
"description": "Core Token: core.white-alpha.40\nHEX: FFFFFF 40%\n-----------------------\nUsed for pressed state of
|
|
4077
|
+
"description": "Core Token: core.white-alpha.40\nHEX: FFFFFF 40%\n-----------------------\nUsed for pressed state of inactive control components background. (radio, toggle, checkbox)\nFor toggle buttons, refer Common UI.",
|
|
3957
4078
|
"filePath": "src/theme/webex/dark.json",
|
|
3958
4079
|
"isSource": true,
|
|
3959
4080
|
"original": {
|
|
3960
4081
|
"value": "{color.core.white-alpha.40}",
|
|
3961
4082
|
"type": "color",
|
|
3962
|
-
"description": "Core Token: core.white-alpha.40\nHEX: FFFFFF 40%\n-----------------------\nUsed for pressed state of
|
|
4083
|
+
"description": "Core Token: core.white-alpha.40\nHEX: FFFFFF 40%\n-----------------------\nUsed for pressed state of inactive control components background. (radio, toggle, checkbox)\nFor toggle buttons, refer Common UI."
|
|
3963
4084
|
},
|
|
3964
4085
|
"name": "mds-color-theme-content-control-neutral-pressed",
|
|
3965
4086
|
"attributes": {
|
|
@@ -3981,13 +4102,13 @@
|
|
|
3981
4102
|
"disabled": {
|
|
3982
4103
|
"value": "#ffffff33",
|
|
3983
4104
|
"type": "color",
|
|
3984
|
-
"description": "Core Token: core.white-alpha.20\nHEX: FFFFFF 20%\n-----------------------\nUsed for disabled state of
|
|
4105
|
+
"description": "Core Token: core.white-alpha.20\nHEX: FFFFFF 20%\n-----------------------\nUsed for disabled state of inactive control components background. (radio, toggle, checkbox)\nFor toggle buttons, refer Common UI.",
|
|
3985
4106
|
"filePath": "src/theme/webex/dark.json",
|
|
3986
4107
|
"isSource": true,
|
|
3987
4108
|
"original": {
|
|
3988
4109
|
"value": "{color.core.white-alpha.20}",
|
|
3989
4110
|
"type": "color",
|
|
3990
|
-
"description": "Core Token: core.white-alpha.20\nHEX: FFFFFF 20%\n-----------------------\nUsed for disabled state of
|
|
4111
|
+
"description": "Core Token: core.white-alpha.20\nHEX: FFFFFF 20%\n-----------------------\nUsed for disabled state of inactive control components background. (radio, toggle, checkbox)\nFor toggle buttons, refer Common UI."
|
|
3991
4112
|
},
|
|
3992
4113
|
"name": "mds-color-theme-content-control-neutral-disabled",
|
|
3993
4114
|
"attributes": {
|
|
@@ -4220,7 +4341,7 @@
|
|
|
4220
4341
|
"filePath": "src/theme/webex/dark.json",
|
|
4221
4342
|
"isSource": true,
|
|
4222
4343
|
"original": {
|
|
4223
|
-
"value": "{color.core.white-alpha.
|
|
4344
|
+
"value": "{color.core.white-alpha.0}",
|
|
4224
4345
|
"type": "color",
|
|
4225
4346
|
"description": "Core Token: core.white-alpha.00\nHEX: FFFFFF 0%\n-----------------------------\nghost state of scrollbar track and arrow background"
|
|
4226
4347
|
},
|
|
@@ -4331,7 +4452,7 @@
|
|
|
4331
4452
|
},
|
|
4332
4453
|
"border": {
|
|
4333
4454
|
"neutral": {
|
|
4334
|
-
"
|
|
4455
|
+
"0": {
|
|
4335
4456
|
"value": "#ffffff33",
|
|
4336
4457
|
"type": "color",
|
|
4337
4458
|
"description": "Core Token: core.white-alpha.20\nHEX: FFFFFF 20%\n----------------------\n• Used for calendar- picker, modal-bgs, dialog, toasts, menu-list, grids, disabled state of buttons and controls.\n[iOS] content-list, separator, bottom-tabs, content\n[AND] content-list, list-item, separator, toast, reaction-bar",
|
|
@@ -4342,23 +4463,23 @@
|
|
|
4342
4463
|
"type": "color",
|
|
4343
4464
|
"description": "Core Token: core.white-alpha.20\nHEX: FFFFFF 20%\n----------------------\n• Used for calendar- picker, modal-bgs, dialog, toasts, menu-list, grids, disabled state of buttons and controls.\n[iOS] content-list, separator, bottom-tabs, content\n[AND] content-list, list-item, separator, toast, reaction-bar"
|
|
4344
4465
|
},
|
|
4345
|
-
"name": "mds-color-theme-border-neutral-
|
|
4466
|
+
"name": "mds-color-theme-border-neutral-0",
|
|
4346
4467
|
"attributes": {
|
|
4347
4468
|
"category": "color",
|
|
4348
4469
|
"type": "theme",
|
|
4349
4470
|
"item": "border",
|
|
4350
4471
|
"subitem": "neutral",
|
|
4351
|
-
"state": "
|
|
4472
|
+
"state": "0"
|
|
4352
4473
|
},
|
|
4353
4474
|
"path": [
|
|
4354
4475
|
"color",
|
|
4355
4476
|
"theme",
|
|
4356
4477
|
"border",
|
|
4357
4478
|
"neutral",
|
|
4358
|
-
"
|
|
4479
|
+
"0"
|
|
4359
4480
|
]
|
|
4360
4481
|
},
|
|
4361
|
-
"
|
|
4482
|
+
"1": {
|
|
4362
4483
|
"value": "#ffffff4d",
|
|
4363
4484
|
"type": "color",
|
|
4364
4485
|
"description": "Core Token: core.white-alpha.30\nHEX: FFFFFF 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.",
|
|
@@ -4369,23 +4490,23 @@
|
|
|
4369
4490
|
"type": "color",
|
|
4370
4491
|
"description": "Core Token: core.white-alpha.30\nHEX: FFFFFF 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."
|
|
4371
4492
|
},
|
|
4372
|
-
"name": "mds-color-theme-border-neutral-
|
|
4493
|
+
"name": "mds-color-theme-border-neutral-1",
|
|
4373
4494
|
"attributes": {
|
|
4374
4495
|
"category": "color",
|
|
4375
4496
|
"type": "theme",
|
|
4376
4497
|
"item": "border",
|
|
4377
4498
|
"subitem": "neutral",
|
|
4378
|
-
"state": "
|
|
4499
|
+
"state": "1"
|
|
4379
4500
|
},
|
|
4380
4501
|
"path": [
|
|
4381
4502
|
"color",
|
|
4382
4503
|
"theme",
|
|
4383
4504
|
"border",
|
|
4384
4505
|
"neutral",
|
|
4385
|
-
"
|
|
4506
|
+
"1"
|
|
4386
4507
|
]
|
|
4387
4508
|
},
|
|
4388
|
-
"
|
|
4509
|
+
"2": {
|
|
4389
4510
|
"value": "#ffffff66",
|
|
4390
4511
|
"type": "color",
|
|
4391
4512
|
"description": "Core Token: white-alpha-40\nHEX: FFFFFF 40%\n-----------------------\nUsed for\nchips, grids, panels, meeting-markers, input-fields, tags",
|
|
@@ -4396,23 +4517,23 @@
|
|
|
4396
4517
|
"type": "color",
|
|
4397
4518
|
"description": "Core Token: white-alpha-40\nHEX: FFFFFF 40%\n-----------------------\nUsed for\nchips, grids, panels, meeting-markers, input-fields, tags"
|
|
4398
4519
|
},
|
|
4399
|
-
"name": "mds-color-theme-border-neutral-
|
|
4520
|
+
"name": "mds-color-theme-border-neutral-2",
|
|
4400
4521
|
"attributes": {
|
|
4401
4522
|
"category": "color",
|
|
4402
4523
|
"type": "theme",
|
|
4403
4524
|
"item": "border",
|
|
4404
4525
|
"subitem": "neutral",
|
|
4405
|
-
"state": "
|
|
4526
|
+
"state": "2"
|
|
4406
4527
|
},
|
|
4407
4528
|
"path": [
|
|
4408
4529
|
"color",
|
|
4409
4530
|
"theme",
|
|
4410
4531
|
"border",
|
|
4411
4532
|
"neutral",
|
|
4412
|
-
"
|
|
4533
|
+
"2"
|
|
4413
4534
|
]
|
|
4414
4535
|
},
|
|
4415
|
-
"
|
|
4536
|
+
"3": {
|
|
4416
4537
|
"value": "#ffffff80",
|
|
4417
4538
|
"type": "color",
|
|
4418
4539
|
"description": "Core Token: core.white.alpha-50\nHEX: FFFFFF 50%\n-------------------------\nUsed for rest/default state of input-fields, sliders.",
|
|
@@ -4423,23 +4544,23 @@
|
|
|
4423
4544
|
"type": "color",
|
|
4424
4545
|
"description": "Core Token: core.white.alpha-50\nHEX: FFFFFF 50%\n-------------------------\nUsed for rest/default state of input-fields, sliders."
|
|
4425
4546
|
},
|
|
4426
|
-
"name": "mds-color-theme-border-neutral-
|
|
4547
|
+
"name": "mds-color-theme-border-neutral-3",
|
|
4427
4548
|
"attributes": {
|
|
4428
4549
|
"category": "color",
|
|
4429
4550
|
"type": "theme",
|
|
4430
4551
|
"item": "border",
|
|
4431
4552
|
"subitem": "neutral",
|
|
4432
|
-
"state": "
|
|
4553
|
+
"state": "3"
|
|
4433
4554
|
},
|
|
4434
4555
|
"path": [
|
|
4435
4556
|
"color",
|
|
4436
4557
|
"theme",
|
|
4437
4558
|
"border",
|
|
4438
4559
|
"neutral",
|
|
4439
|
-
"
|
|
4560
|
+
"3"
|
|
4440
4561
|
]
|
|
4441
4562
|
},
|
|
4442
|
-
"
|
|
4563
|
+
"4": {
|
|
4443
4564
|
"value": "#ffffffe6",
|
|
4444
4565
|
"type": "color",
|
|
4445
4566
|
"description": "Core Token: core.white-alpha.90\nHEX: FFFFFF 90%\n------------\nOutline border for focus state input field. used for search-field, text-field, combo-box",
|
|
@@ -4450,25 +4571,25 @@
|
|
|
4450
4571
|
"type": "color",
|
|
4451
4572
|
"description": "Core Token: core.white-alpha.90\nHEX: FFFFFF 90%\n------------\nOutline border for focus state input field. used for search-field, text-field, combo-box"
|
|
4452
4573
|
},
|
|
4453
|
-
"name": "mds-color-theme-border-neutral-
|
|
4574
|
+
"name": "mds-color-theme-border-neutral-4",
|
|
4454
4575
|
"attributes": {
|
|
4455
4576
|
"category": "color",
|
|
4456
4577
|
"type": "theme",
|
|
4457
4578
|
"item": "border",
|
|
4458
4579
|
"subitem": "neutral",
|
|
4459
|
-
"state": "
|
|
4580
|
+
"state": "4"
|
|
4460
4581
|
},
|
|
4461
4582
|
"path": [
|
|
4462
4583
|
"color",
|
|
4463
4584
|
"theme",
|
|
4464
4585
|
"border",
|
|
4465
4586
|
"neutral",
|
|
4466
|
-
"
|
|
4587
|
+
"4"
|
|
4467
4588
|
]
|
|
4468
4589
|
}
|
|
4469
4590
|
},
|
|
4470
4591
|
"positive": {
|
|
4471
|
-
"
|
|
4592
|
+
"0": {
|
|
4472
4593
|
"value": "#3cc29a",
|
|
4473
4594
|
"type": "color",
|
|
4474
4595
|
"description": "Core Token: core.green.40\nHEX: 3CC29A\n---------------\nUsed for join/success buttons",
|
|
@@ -4479,25 +4600,25 @@
|
|
|
4479
4600
|
"type": "color",
|
|
4480
4601
|
"description": "Core Token: core.green.40\nHEX: 3CC29A\n---------------\nUsed for join/success buttons"
|
|
4481
4602
|
},
|
|
4482
|
-
"name": "mds-color-theme-border-positive-
|
|
4603
|
+
"name": "mds-color-theme-border-positive-0",
|
|
4483
4604
|
"attributes": {
|
|
4484
4605
|
"category": "color",
|
|
4485
4606
|
"type": "theme",
|
|
4486
4607
|
"item": "border",
|
|
4487
4608
|
"subitem": "positive",
|
|
4488
|
-
"state": "
|
|
4609
|
+
"state": "0"
|
|
4489
4610
|
},
|
|
4490
4611
|
"path": [
|
|
4491
4612
|
"color",
|
|
4492
4613
|
"theme",
|
|
4493
4614
|
"border",
|
|
4494
4615
|
"positive",
|
|
4495
|
-
"
|
|
4616
|
+
"0"
|
|
4496
4617
|
]
|
|
4497
4618
|
}
|
|
4498
4619
|
},
|
|
4499
4620
|
"negative": {
|
|
4500
|
-
"
|
|
4621
|
+
"0": {
|
|
4501
4622
|
"value": "#fc8b98",
|
|
4502
4623
|
"type": "color",
|
|
4503
4624
|
"description": "Core Token: core.red.40\nHEX: FC8B98\n---------------\nUsed for outline of error/cancel state of input, buttons.",
|
|
@@ -4508,25 +4629,25 @@
|
|
|
4508
4629
|
"type": "color",
|
|
4509
4630
|
"description": "Core Token: core.red.40\nHEX: FC8B98\n---------------\nUsed for outline of error/cancel state of input, buttons."
|
|
4510
4631
|
},
|
|
4511
|
-
"name": "mds-color-theme-border-negative-
|
|
4632
|
+
"name": "mds-color-theme-border-negative-0",
|
|
4512
4633
|
"attributes": {
|
|
4513
4634
|
"category": "color",
|
|
4514
4635
|
"type": "theme",
|
|
4515
4636
|
"item": "border",
|
|
4516
4637
|
"subitem": "negative",
|
|
4517
|
-
"state": "
|
|
4638
|
+
"state": "0"
|
|
4518
4639
|
},
|
|
4519
4640
|
"path": [
|
|
4520
4641
|
"color",
|
|
4521
4642
|
"theme",
|
|
4522
4643
|
"border",
|
|
4523
4644
|
"negative",
|
|
4524
|
-
"
|
|
4645
|
+
"0"
|
|
4525
4646
|
]
|
|
4526
4647
|
}
|
|
4527
4648
|
},
|
|
4528
4649
|
"accent": {
|
|
4529
|
-
"
|
|
4650
|
+
"0": {
|
|
4530
4651
|
"value": "#64b4fa",
|
|
4531
4652
|
"type": "color",
|
|
4532
4653
|
"description": "Core Token: core.blue.40\nHEX: 64B4FA\n-------------------------\nUsed for outline of secondary accent buttons, attachment/fileViewer-preview, messaging/new, chip, input fields",
|
|
@@ -4537,25 +4658,25 @@
|
|
|
4537
4658
|
"type": "color",
|
|
4538
4659
|
"description": "Core Token: core.blue.40\nHEX: 64B4FA\n-------------------------\nUsed for outline of secondary accent buttons, attachment/fileViewer-preview, messaging/new, chip, input fields"
|
|
4539
4660
|
},
|
|
4540
|
-
"name": "mds-color-theme-border-accent-
|
|
4661
|
+
"name": "mds-color-theme-border-accent-0",
|
|
4541
4662
|
"attributes": {
|
|
4542
4663
|
"category": "color",
|
|
4543
4664
|
"type": "theme",
|
|
4544
4665
|
"item": "border",
|
|
4545
4666
|
"subitem": "accent",
|
|
4546
|
-
"state": "
|
|
4667
|
+
"state": "0"
|
|
4547
4668
|
},
|
|
4548
4669
|
"path": [
|
|
4549
4670
|
"color",
|
|
4550
4671
|
"theme",
|
|
4551
4672
|
"border",
|
|
4552
4673
|
"accent",
|
|
4553
|
-
"
|
|
4674
|
+
"0"
|
|
4554
4675
|
]
|
|
4555
4676
|
}
|
|
4556
4677
|
},
|
|
4557
4678
|
"notice": {
|
|
4558
|
-
"
|
|
4679
|
+
"0": {
|
|
4559
4680
|
"value": "#FD884E",
|
|
4560
4681
|
"type": "color",
|
|
4561
4682
|
"description": "Core Token: core.orange.40\nHEX: FF9D52\n-------------------------------\noutline for the orange tags",
|
|
@@ -4566,20 +4687,20 @@
|
|
|
4566
4687
|
"type": "color",
|
|
4567
4688
|
"description": "Core Token: core.orange.40\nHEX: FF9D52\n-------------------------------\noutline for the orange tags"
|
|
4568
4689
|
},
|
|
4569
|
-
"name": "mds-color-theme-border-notice-
|
|
4690
|
+
"name": "mds-color-theme-border-notice-0",
|
|
4570
4691
|
"attributes": {
|
|
4571
4692
|
"category": "color",
|
|
4572
4693
|
"type": "theme",
|
|
4573
4694
|
"item": "border",
|
|
4574
4695
|
"subitem": "notice",
|
|
4575
|
-
"state": "
|
|
4696
|
+
"state": "0"
|
|
4576
4697
|
},
|
|
4577
4698
|
"path": [
|
|
4578
4699
|
"color",
|
|
4579
4700
|
"theme",
|
|
4580
4701
|
"border",
|
|
4581
4702
|
"notice",
|
|
4582
|
-
"
|
|
4703
|
+
"0"
|
|
4583
4704
|
]
|
|
4584
4705
|
}
|
|
4585
4706
|
},
|
|
@@ -4621,7 +4742,7 @@
|
|
|
4621
4742
|
"filePath": "src/theme/webex/dark.json",
|
|
4622
4743
|
"isSource": true,
|
|
4623
4744
|
"original": {
|
|
4624
|
-
"value": "linear-gradient(90deg, {color.core.white-alpha.
|
|
4745
|
+
"value": "linear-gradient(90deg, {color.core.white-alpha.0} 0%, {color.core.white-alpha.20} 22.4%, {color.core.white-alpha.20} 72.4%, {color.core.white-alpha.0} 100%)",
|
|
4625
4746
|
"type": "color",
|
|
4626
4747
|
"description": "Core Token: core.white-alpha.0, core.white-alpha.20, core.white-alpha.20, core.white-alpha.0\n\nHEX: FFFFFF 0%, FFFFFF 20%,FFFFFF 20%, FFFFFF 0%, \n--------------------------------\nUsed for divider default on compose area in space. "
|
|
4627
4748
|
},
|
|
@@ -4650,7 +4771,7 @@
|
|
|
4650
4771
|
"filePath": "src/theme/webex/dark.json",
|
|
4651
4772
|
"isSource": true,
|
|
4652
4773
|
"original": {
|
|
4653
|
-
"value": "linear-gradient(90deg, {color.core.white-alpha.
|
|
4774
|
+
"value": "linear-gradient(90deg, {color.core.white-alpha.0} 0%, {color.core.white-alpha.60} 22.4%, {color.core.white-alpha.60} 72.4%, {color.core.white-alpha.0} 100%)",
|
|
4654
4775
|
"type": "color",
|
|
4655
4776
|
"description": "Core Token: core.white-alpha.0, core.white-alpha.20, core.white-alpha.20, core.white-alpha.0\n\nHEX: FFFFFF 0%, FFFFFF 20%,FFFFFF 20%, FFFFFF 0%, \n--------------------------------\nUsed for hover state of divider default on compose area in space. "
|
|
4656
4777
|
},
|
|
@@ -4856,7 +4977,7 @@
|
|
|
4856
4977
|
}
|
|
4857
4978
|
},
|
|
4858
4979
|
"warning": {
|
|
4859
|
-
"
|
|
4980
|
+
"0": {
|
|
4860
4981
|
"value": "#f2990a",
|
|
4861
4982
|
"type": "color",
|
|
4862
4983
|
"description": "Core Token: color.core.yellow.40\nHEX: #f2990a\n9.33 on surface.neutral.02.primary (#000000)\nUsed for warning state of input fields border\n",
|
|
@@ -4867,20 +4988,20 @@
|
|
|
4867
4988
|
"type": "color",
|
|
4868
4989
|
"description": "Core Token: color.core.yellow.40\nHEX: #f2990a\n9.33 on surface.neutral.02.primary (#000000)\nUsed for warning state of input fields border\n"
|
|
4869
4990
|
},
|
|
4870
|
-
"name": "mds-color-theme-border-warning-
|
|
4991
|
+
"name": "mds-color-theme-border-warning-0",
|
|
4871
4992
|
"attributes": {
|
|
4872
4993
|
"category": "color",
|
|
4873
4994
|
"type": "theme",
|
|
4874
4995
|
"item": "border",
|
|
4875
4996
|
"subitem": "warning",
|
|
4876
|
-
"state": "
|
|
4997
|
+
"state": "0"
|
|
4877
4998
|
},
|
|
4878
4999
|
"path": [
|
|
4879
5000
|
"color",
|
|
4880
5001
|
"theme",
|
|
4881
5002
|
"border",
|
|
4882
5003
|
"warning",
|
|
4883
|
-
"
|
|
5004
|
+
"0"
|
|
4884
5005
|
]
|
|
4885
5006
|
}
|
|
4886
5007
|
}
|