@momentum-design/tokens 0.0.37 → 0.0.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/dist/css/core/complete.css +30 -13
  2. package/dist/css/theme/aaos/day-complete.css +48 -0
  3. package/dist/css/theme/aaos/night-complete.css +48 -0
  4. package/dist/css/theme/webex/common-stable.css +2 -2
  5. package/dist/css/theme/webex/dark-complete.css +86 -78
  6. package/dist/css/theme/webex/dark-stable.css +3 -3
  7. package/dist/css/theme/webex/light-complete.css +86 -78
  8. package/dist/css/theme/webex/light-stable.css +4 -4
  9. package/dist/ios/core/complete.swift +30 -13
  10. package/dist/ios/theme/aaos/day-complete.swift +54 -0
  11. package/dist/ios/theme/aaos/night-complete.swift +54 -0
  12. package/dist/ios/theme/webex/common-stable.swift +2 -2
  13. package/dist/ios/theme/webex/dark-complete.swift +86 -78
  14. package/dist/ios/theme/webex/dark-stable.swift +3 -3
  15. package/dist/ios/theme/webex/light-complete.swift +86 -78
  16. package/dist/ios/theme/webex/light-stable.swift +4 -4
  17. package/dist/json/core/complete.json +661 -236
  18. package/dist/json/theme/aaos/day-complete.json +1231 -0
  19. package/dist/json/theme/aaos/night-complete.json +1231 -0
  20. package/dist/json/theme/webex/common-stable.json +69 -69
  21. package/dist/json/theme/webex/dark-complete.json +678 -453
  22. package/dist/json/theme/webex/dark-stable.json +356 -356
  23. package/dist/json/theme/webex/light-complete.json +700 -475
  24. package/dist/json/theme/webex/light-stable.json +360 -360
  25. package/dist/json-minimal/core/complete.json +36 -19
  26. package/dist/json-minimal/theme/aaos/day-complete.json +137 -0
  27. package/dist/json-minimal/theme/aaos/night-complete.json +137 -0
  28. package/dist/json-minimal/theme/webex/common-stable.json +1 -1
  29. package/dist/json-minimal/theme/webex/dark-complete.json +88 -72
  30. package/dist/json-minimal/theme/webex/dark-stable.json +2 -2
  31. package/dist/json-minimal/theme/webex/light-complete.json +90 -74
  32. package/dist/json-minimal/theme/webex/light-stable.json +3 -3
  33. package/dist/resources/core/complete.xml +30 -13
  34. package/dist/resources/theme/aaos/day-complete.xml +50 -0
  35. package/dist/resources/theme/aaos/night-complete.xml +50 -0
  36. package/dist/resources/theme/webex/common-stable.xml +2 -2
  37. package/dist/resources/theme/webex/dark-complete.xml +86 -78
  38. package/dist/resources/theme/webex/dark-stable.xml +3 -3
  39. package/dist/resources/theme/webex/light-complete.xml +86 -78
  40. package/dist/resources/theme/webex/light-stable.xml +4 -4
  41. package/dist/scss/core/complete.scss +30 -13
  42. package/dist/scss/theme/aaos/day-complete.scss +45 -0
  43. package/dist/scss/theme/aaos/night-complete.scss +45 -0
  44. package/dist/scss/theme/webex/common-stable.scss +2 -2
  45. package/dist/scss/theme/webex/dark-complete.scss +87 -79
  46. package/dist/scss/theme/webex/dark-stable.scss +3 -3
  47. package/dist/scss/theme/webex/light-complete.scss +87 -79
  48. package/dist/scss/theme/webex/light-stable.scss +4 -4
  49. package/package.json +1 -1
@@ -0,0 +1,1231 @@
1
+ {
2
+ "color": {
3
+ "theme": {
4
+ "bg": {
5
+ "primary": {
6
+ "value": "#000000",
7
+ "type": "color",
8
+ "description": "Core: color.core.gray.110\nHEX: #000000\nUsed for main app backgrund for AAOS in all modes",
9
+ "filePath": "src/theme/aaos/common.json",
10
+ "isSource": true,
11
+ "original": {
12
+ "value": "{color.core.gray.110}",
13
+ "type": "color",
14
+ "description": "Core: color.core.gray.110\nHEX: #000000\nUsed for main app backgrund for AAOS in all modes"
15
+ },
16
+ "name": "mds-color-theme-bg-primary",
17
+ "attributes": {
18
+ "category": "color",
19
+ "type": "theme",
20
+ "item": "bg",
21
+ "subitem": "primary"
22
+ },
23
+ "path": [
24
+ "color",
25
+ "theme",
26
+ "bg",
27
+ "primary"
28
+ ]
29
+ }
30
+ },
31
+ "content": {
32
+ "text": {
33
+ "contrast": {
34
+ "neutral": {
35
+ "primary": {
36
+ "value": "#000000",
37
+ "type": "color",
38
+ "description": "Core: color.core.gray.110\nHEX: #000000\nUsed for inverted text primary.",
39
+ "filePath": "src/theme/aaos/common.json",
40
+ "isSource": true,
41
+ "original": {
42
+ "value": "{color.core.gray.110}",
43
+ "type": "color",
44
+ "description": "Core: color.core.gray.110\nHEX: #000000\nUsed for inverted text primary."
45
+ },
46
+ "name": "mds-color-theme-content-text-contrast-neutral-primary",
47
+ "attributes": {
48
+ "category": "color",
49
+ "type": "theme",
50
+ "item": "content",
51
+ "subitem": "text",
52
+ "state": "contrast"
53
+ },
54
+ "path": [
55
+ "color",
56
+ "theme",
57
+ "content",
58
+ "text",
59
+ "contrast",
60
+ "neutral",
61
+ "primary"
62
+ ]
63
+ }
64
+ }
65
+ },
66
+ "positive": {
67
+ "default": {
68
+ "value": "#27a17a",
69
+ "type": "color",
70
+ "description": "Core: color.core.green.50\nHEX: #27a17a\nUsed for rest state of success, join text\n",
71
+ "filePath": "src/theme/aaos/common.json",
72
+ "isSource": true,
73
+ "original": {
74
+ "value": "{color.core.green.50}",
75
+ "type": "color",
76
+ "description": "Core: color.core.green.50\nHEX: #27a17a\nUsed for rest state of success, join text\n"
77
+ },
78
+ "name": "mds-color-theme-content-text-positive-default",
79
+ "attributes": {
80
+ "category": "color",
81
+ "type": "theme",
82
+ "item": "content",
83
+ "subitem": "text",
84
+ "state": "positive"
85
+ },
86
+ "path": [
87
+ "color",
88
+ "theme",
89
+ "content",
90
+ "text",
91
+ "positive",
92
+ "default"
93
+ ]
94
+ }
95
+ },
96
+ "negative": {
97
+ "default": {
98
+ "value": "#f55868",
99
+ "type": "color",
100
+ "description": "Core: color.core.red.50\nHEX: #f55868\nUsed for rest state of Error/cancel text",
101
+ "filePath": "src/theme/aaos/common.json",
102
+ "isSource": true,
103
+ "original": {
104
+ "value": "{color.core.red.50}",
105
+ "type": "color",
106
+ "description": "Core: color.core.red.50\nHEX: #f55868\nUsed for rest state of Error/cancel text"
107
+ },
108
+ "name": "mds-color-theme-content-text-negative-default",
109
+ "attributes": {
110
+ "category": "color",
111
+ "type": "theme",
112
+ "item": "content",
113
+ "subitem": "text",
114
+ "state": "negative"
115
+ },
116
+ "path": [
117
+ "color",
118
+ "theme",
119
+ "content",
120
+ "text",
121
+ "negative",
122
+ "default"
123
+ ]
124
+ }
125
+ },
126
+ "warning": {
127
+ "default": {
128
+ "value": "#f2990a",
129
+ "type": "color",
130
+ "description": "Core: color.core.yellow.40\nHEX: #f2990a\nUsed for rest state of warning text; alert-badge, interactive icons.",
131
+ "filePath": "src/theme/aaos/common.json",
132
+ "isSource": true,
133
+ "original": {
134
+ "value": "{color.core.yellow.40}",
135
+ "type": "color",
136
+ "description": "Core: color.core.yellow.40\nHEX: #f2990a\nUsed for rest state of warning text; alert-badge, interactive icons."
137
+ },
138
+ "name": "mds-color-theme-content-text-warning-default",
139
+ "attributes": {
140
+ "category": "color",
141
+ "type": "theme",
142
+ "item": "content",
143
+ "subitem": "text",
144
+ "state": "warning"
145
+ },
146
+ "path": [
147
+ "color",
148
+ "theme",
149
+ "content",
150
+ "text",
151
+ "warning",
152
+ "default"
153
+ ]
154
+ }
155
+ },
156
+ "accent": {
157
+ "default": {
158
+ "value": "#3492eb",
159
+ "type": "color",
160
+ "description": "Core: color.core.blue.50\nHEX:#3492eb\nUsed for rest state of accent text. mostly used for button-hyperlink, interactive-icons, alert-badge\n",
161
+ "filePath": "src/theme/aaos/common.json",
162
+ "isSource": true,
163
+ "original": {
164
+ "value": "{color.core.blue.50}",
165
+ "type": "color",
166
+ "description": "Core: color.core.blue.50\nHEX:#3492eb\nUsed for rest state of accent text. mostly used for button-hyperlink, interactive-icons, alert-badge\n"
167
+ },
168
+ "name": "mds-color-theme-content-text-accent-default",
169
+ "attributes": {
170
+ "category": "color",
171
+ "type": "theme",
172
+ "item": "content",
173
+ "subitem": "text",
174
+ "state": "accent"
175
+ },
176
+ "path": [
177
+ "color",
178
+ "theme",
179
+ "content",
180
+ "text",
181
+ "accent",
182
+ "default"
183
+ ]
184
+ }
185
+ },
186
+ "notice": {
187
+ "default": {
188
+ "value": "#EC6400",
189
+ "type": "color",
190
+ "description": "Core:color.core.orange.50\nHEX:#EC6400\nUsed to indicate instability",
191
+ "filePath": "src/theme/aaos/common.json",
192
+ "isSource": true,
193
+ "original": {
194
+ "value": "{color.core.orange.50}",
195
+ "type": "color",
196
+ "description": "Core:color.core.orange.50\nHEX:#EC6400\nUsed to indicate instability"
197
+ },
198
+ "name": "mds-color-theme-content-text-notice-default",
199
+ "attributes": {
200
+ "category": "color",
201
+ "type": "theme",
202
+ "item": "content",
203
+ "subitem": "text",
204
+ "state": "notice"
205
+ },
206
+ "path": [
207
+ "color",
208
+ "theme",
209
+ "content",
210
+ "text",
211
+ "notice",
212
+ "default"
213
+ ]
214
+ }
215
+ },
216
+ "neutral": {
217
+ "primary": {
218
+ "value": "#ffffff",
219
+ "type": "color",
220
+ "description": "Core:color.core.white-alpha.100\nHEX: #ffffff\nUsed for Primary texts.",
221
+ "filePath": "src/theme/aaos/day.json",
222
+ "isSource": true,
223
+ "original": {
224
+ "value": "{color.core.white-alpha.100}",
225
+ "type": "color",
226
+ "description": "Core:color.core.white-alpha.100\nHEX: #ffffff\nUsed for Primary texts."
227
+ },
228
+ "name": "mds-color-theme-content-text-neutral-primary",
229
+ "attributes": {
230
+ "category": "color",
231
+ "type": "theme",
232
+ "item": "content",
233
+ "subitem": "text",
234
+ "state": "neutral"
235
+ },
236
+ "path": [
237
+ "color",
238
+ "theme",
239
+ "content",
240
+ "text",
241
+ "neutral",
242
+ "primary"
243
+ ]
244
+ },
245
+ "secondary": {
246
+ "value": "#ffffffB8",
247
+ "type": "color",
248
+ "description": "Core: color.core.white-alpha.72\nHEX: #ffffff 72%\nUsed for secondary text",
249
+ "filePath": "src/theme/aaos/day.json",
250
+ "isSource": true,
251
+ "original": {
252
+ "value": "{color.core.white-alpha.72}",
253
+ "type": "color",
254
+ "description": "Core: color.core.white-alpha.72\nHEX: #ffffff 72%\nUsed for secondary text"
255
+ },
256
+ "name": "mds-color-theme-content-text-neutral-secondary",
257
+ "attributes": {
258
+ "category": "color",
259
+ "type": "theme",
260
+ "item": "content",
261
+ "subitem": "text",
262
+ "state": "neutral"
263
+ },
264
+ "path": [
265
+ "color",
266
+ "theme",
267
+ "content",
268
+ "text",
269
+ "neutral",
270
+ "secondary"
271
+ ]
272
+ },
273
+ "disabled": {
274
+ "value": "#ffffff8F",
275
+ "type": "color",
276
+ "description": "Core: color.core.white-alpha.56\nHEX: #ffffff 56%\nUsed for disabled state for all text",
277
+ "filePath": "src/theme/aaos/day.json",
278
+ "isSource": true,
279
+ "original": {
280
+ "value": "{color.core.white-alpha.56}",
281
+ "type": "color",
282
+ "description": "Core: color.core.white-alpha.56\nHEX: #ffffff 56%\nUsed for disabled state for all text"
283
+ },
284
+ "name": "mds-color-theme-content-text-neutral-disabled",
285
+ "attributes": {
286
+ "category": "color",
287
+ "type": "theme",
288
+ "item": "content",
289
+ "subitem": "text",
290
+ "state": "neutral"
291
+ },
292
+ "path": [
293
+ "color",
294
+ "theme",
295
+ "content",
296
+ "text",
297
+ "neutral",
298
+ "disabled"
299
+ ]
300
+ }
301
+ }
302
+ },
303
+ "btn": {
304
+ "neutral": {
305
+ "secondary": {
306
+ "default": {
307
+ "value": "#ffffff00",
308
+ "type": "color",
309
+ "description": "Core: color.core.white-alpha.00\nHEX: #ffffff 00%\nRest state of Secondary buttons.",
310
+ "filePath": "src/theme/aaos/common.json",
311
+ "isSource": true,
312
+ "original": {
313
+ "value": "{color.core.white-alpha.0}",
314
+ "type": "color",
315
+ "description": "Core: color.core.white-alpha.00\nHEX: #ffffff 00%\nRest state of Secondary buttons."
316
+ },
317
+ "name": "mds-color-theme-content-btn-neutral-secondary-default",
318
+ "attributes": {
319
+ "category": "color",
320
+ "type": "theme",
321
+ "item": "content",
322
+ "subitem": "btn",
323
+ "state": "neutral"
324
+ },
325
+ "path": [
326
+ "color",
327
+ "theme",
328
+ "content",
329
+ "btn",
330
+ "neutral",
331
+ "secondary",
332
+ "default"
333
+ ]
334
+ },
335
+ "disabled": {
336
+ "value": "#ffffff00",
337
+ "type": "color",
338
+ "description": "Core: color.core.white-alpha.00\nHEX: #ffffff 00%\nDisabled state of secondary buttons. ",
339
+ "filePath": "src/theme/aaos/common.json",
340
+ "isSource": true,
341
+ "original": {
342
+ "value": "{color.core.white-alpha.0}",
343
+ "type": "color",
344
+ "description": "Core: color.core.white-alpha.00\nHEX: #ffffff 00%\nDisabled state of secondary buttons. "
345
+ },
346
+ "name": "mds-color-theme-content-btn-neutral-secondary-disabled",
347
+ "attributes": {
348
+ "category": "color",
349
+ "type": "theme",
350
+ "item": "content",
351
+ "subitem": "btn",
352
+ "state": "neutral"
353
+ },
354
+ "path": [
355
+ "color",
356
+ "theme",
357
+ "content",
358
+ "btn",
359
+ "neutral",
360
+ "secondary",
361
+ "disabled"
362
+ ]
363
+ }
364
+ },
365
+ "primary": {
366
+ "default": {
367
+ "value": "#ffffff",
368
+ "type": "color",
369
+ "description": "Core: color.core.white-alpha.100\nHEX: #ffffff 100%\nUsed for rest state of Primary buttons. ",
370
+ "filePath": "src/theme/aaos/day.json",
371
+ "isSource": true,
372
+ "original": {
373
+ "value": "{color.core.white-alpha.100}",
374
+ "type": "color",
375
+ "description": "Core: color.core.white-alpha.100\nHEX: #ffffff 100%\nUsed for rest state of Primary buttons. "
376
+ },
377
+ "name": "mds-color-theme-content-btn-neutral-primary-default",
378
+ "attributes": {
379
+ "category": "color",
380
+ "type": "theme",
381
+ "item": "content",
382
+ "subitem": "btn",
383
+ "state": "neutral"
384
+ },
385
+ "path": [
386
+ "color",
387
+ "theme",
388
+ "content",
389
+ "btn",
390
+ "neutral",
391
+ "primary",
392
+ "default"
393
+ ]
394
+ },
395
+ "disabled": {
396
+ "value": "#ffffff8F",
397
+ "type": "color",
398
+ "description": "Core: color.core.white-alpha.56\nHEX: #ffffff 56%\nUsed for Disabled buttons. ",
399
+ "filePath": "src/theme/aaos/day.json",
400
+ "isSource": true,
401
+ "original": {
402
+ "value": "{color.core.white-alpha.56}",
403
+ "type": "color",
404
+ "description": "Core: color.core.white-alpha.56\nHEX: #ffffff 56%\nUsed for Disabled buttons. "
405
+ },
406
+ "name": "mds-color-theme-content-btn-neutral-primary-disabled",
407
+ "attributes": {
408
+ "category": "color",
409
+ "type": "theme",
410
+ "item": "content",
411
+ "subitem": "btn",
412
+ "state": "neutral"
413
+ },
414
+ "path": [
415
+ "color",
416
+ "theme",
417
+ "content",
418
+ "btn",
419
+ "neutral",
420
+ "primary",
421
+ "disabled"
422
+ ]
423
+ }
424
+ }
425
+ },
426
+ "positive": {
427
+ "default": {
428
+ "value": "#27a17a",
429
+ "type": "color",
430
+ "description": "Core:color.core.green.50\nHEX:#27a17a\nRest state of Join buttons. \n",
431
+ "filePath": "src/theme/aaos/common.json",
432
+ "isSource": true,
433
+ "original": {
434
+ "value": "{color.core.green.50}",
435
+ "type": "color",
436
+ "description": "Core:color.core.green.50\nHEX:#27a17a\nRest state of Join buttons. \n"
437
+ },
438
+ "name": "mds-color-theme-content-btn-positive-default",
439
+ "attributes": {
440
+ "category": "color",
441
+ "type": "theme",
442
+ "item": "content",
443
+ "subitem": "btn",
444
+ "state": "positive"
445
+ },
446
+ "path": [
447
+ "color",
448
+ "theme",
449
+ "content",
450
+ "btn",
451
+ "positive",
452
+ "default"
453
+ ]
454
+ }
455
+ },
456
+ "negative": {
457
+ "default": {
458
+ "value": "#f55868",
459
+ "type": "color",
460
+ "description": "Core:color.core.red.50\nHEX:#f55868\nRest state of error/cancel buttons. ",
461
+ "filePath": "src/theme/aaos/common.json",
462
+ "isSource": true,
463
+ "original": {
464
+ "value": "{color.core.red.50}",
465
+ "type": "color",
466
+ "description": "Core:color.core.red.50\nHEX:#f55868\nRest state of error/cancel buttons. "
467
+ },
468
+ "name": "mds-color-theme-content-btn-negative-default",
469
+ "attributes": {
470
+ "category": "color",
471
+ "type": "theme",
472
+ "item": "content",
473
+ "subitem": "btn",
474
+ "state": "negative"
475
+ },
476
+ "path": [
477
+ "color",
478
+ "theme",
479
+ "content",
480
+ "btn",
481
+ "negative",
482
+ "default"
483
+ ]
484
+ }
485
+ },
486
+ "accent": {
487
+ "default": {
488
+ "value": "#64b4fa",
489
+ "type": "color",
490
+ "description": "Core: color.core.blue.40\nHEX: #64b4fa\nRest state of accent buttons",
491
+ "filePath": "src/theme/aaos/common.json",
492
+ "isSource": true,
493
+ "original": {
494
+ "value": "{color.core.blue.40}",
495
+ "type": "color",
496
+ "description": "Core: color.core.blue.40\nHEX: #64b4fa\nRest state of accent buttons"
497
+ },
498
+ "name": "mds-color-theme-content-btn-accent-default",
499
+ "attributes": {
500
+ "category": "color",
501
+ "type": "theme",
502
+ "item": "content",
503
+ "subitem": "btn",
504
+ "state": "accent"
505
+ },
506
+ "path": [
507
+ "color",
508
+ "theme",
509
+ "content",
510
+ "btn",
511
+ "accent",
512
+ "default"
513
+ ]
514
+ }
515
+ }
516
+ },
517
+ "indicator": {
518
+ "neutral": {
519
+ "0": {
520
+ "value": "#8f8f8f",
521
+ "type": "color",
522
+ "description": "Core:color.core.gray.50\nHEX:#8f8f8f\nUsed for presence (away, on-hold, on-device), meeting indicators(meeting-locked)\n",
523
+ "filePath": "src/theme/aaos/common.json",
524
+ "isSource": true,
525
+ "original": {
526
+ "value": "{color.core.gray.50}",
527
+ "type": "color",
528
+ "description": "Core:color.core.gray.50\nHEX:#8f8f8f\nUsed for presence (away, on-hold, on-device), meeting indicators(meeting-locked)\n"
529
+ },
530
+ "name": "mds-color-theme-content-indicator-neutral-0",
531
+ "attributes": {
532
+ "category": "color",
533
+ "type": "theme",
534
+ "item": "content",
535
+ "subitem": "indicator",
536
+ "state": "neutral"
537
+ },
538
+ "path": [
539
+ "color",
540
+ "theme",
541
+ "content",
542
+ "indicator",
543
+ "neutral",
544
+ "0"
545
+ ]
546
+ }
547
+ },
548
+ "positive": {
549
+ "0": {
550
+ "value": "#27a17a",
551
+ "type": "color",
552
+ "description": "Core: color.core.green.50\nHEX: #27a17a\nUsed for Presence(active) and Meeting Indicators (Audio-video-on, Media-quality-good)",
553
+ "filePath": "src/theme/aaos/common.json",
554
+ "isSource": true,
555
+ "original": {
556
+ "value": "{color.core.green.50}",
557
+ "type": "color",
558
+ "description": "Core: color.core.green.50\nHEX: #27a17a\nUsed for Presence(active) and Meeting Indicators (Audio-video-on, Media-quality-good)"
559
+ },
560
+ "name": "mds-color-theme-content-indicator-positive-0",
561
+ "attributes": {
562
+ "category": "color",
563
+ "type": "theme",
564
+ "item": "content",
565
+ "subitem": "indicator",
566
+ "state": "positive"
567
+ },
568
+ "path": [
569
+ "color",
570
+ "theme",
571
+ "content",
572
+ "indicator",
573
+ "positive",
574
+ "0"
575
+ ]
576
+ }
577
+ },
578
+ "negative": {
579
+ "0": {
580
+ "value": "#f55868",
581
+ "type": "color",
582
+ "description": "Core:color.core.red.50\nHEX:#f55868\nUsed for badge : Presence(DoNotDisturb) and Meeting Indicators (Audio-video-off, Record-on, Poor-media-quality,Live)\n",
583
+ "filePath": "src/theme/aaos/common.json",
584
+ "isSource": true,
585
+ "original": {
586
+ "value": "{color.core.red.50}",
587
+ "type": "color",
588
+ "description": "Core:color.core.red.50\nHEX:#f55868\nUsed for badge : Presence(DoNotDisturb) and Meeting Indicators (Audio-video-off, Record-on, Poor-media-quality,Live)\n"
589
+ },
590
+ "name": "mds-color-theme-content-indicator-negative-0",
591
+ "attributes": {
592
+ "category": "color",
593
+ "type": "theme",
594
+ "item": "content",
595
+ "subitem": "indicator",
596
+ "state": "negative"
597
+ },
598
+ "path": [
599
+ "color",
600
+ "theme",
601
+ "content",
602
+ "indicator",
603
+ "negative",
604
+ "0"
605
+ ]
606
+ }
607
+ },
608
+ "warning": {
609
+ "0": {
610
+ "value": "#f2990a",
611
+ "type": "color",
612
+ "description": "Core:color.core.yellow.40\nHEX:#f2990a\nUsed for Meeting Indicators (Audio-error, Video-error)\n",
613
+ "filePath": "src/theme/aaos/common.json",
614
+ "isSource": true,
615
+ "original": {
616
+ "value": "{color.core.yellow.40}",
617
+ "type": "color",
618
+ "description": "Core:color.core.yellow.40\nHEX:#f2990a\nUsed for Meeting Indicators (Audio-error, Video-error)\n"
619
+ },
620
+ "name": "mds-color-theme-content-indicator-warning-0",
621
+ "attributes": {
622
+ "category": "color",
623
+ "type": "theme",
624
+ "item": "content",
625
+ "subitem": "indicator",
626
+ "state": "warning"
627
+ },
628
+ "path": [
629
+ "color",
630
+ "theme",
631
+ "content",
632
+ "indicator",
633
+ "warning",
634
+ "0"
635
+ ]
636
+ }
637
+ },
638
+ "accent": {
639
+ "0": {
640
+ "value": "#3492eb",
641
+ "type": "color",
642
+ "description": "Core:color.core.blue.50\nHEX:#3492eb\nUsed for meeting indicator (Encryption)",
643
+ "filePath": "src/theme/aaos/common.json",
644
+ "isSource": true,
645
+ "original": {
646
+ "value": "{color.core.blue.50}",
647
+ "type": "color",
648
+ "description": "Core:color.core.blue.50\nHEX:#3492eb\nUsed for meeting indicator (Encryption)"
649
+ },
650
+ "name": "mds-color-theme-content-indicator-accent-0",
651
+ "attributes": {
652
+ "category": "color",
653
+ "type": "theme",
654
+ "item": "content",
655
+ "subitem": "indicator",
656
+ "state": "accent"
657
+ },
658
+ "path": [
659
+ "color",
660
+ "theme",
661
+ "content",
662
+ "indicator",
663
+ "accent",
664
+ "0"
665
+ ]
666
+ }
667
+ },
668
+ "notice": {
669
+ "0": {
670
+ "value": "#EC6400",
671
+ "type": "color",
672
+ "description": "Core: color.core.orange.50\nHEX:#EC6400\nUsed for avatar presence (busy, meeting, call, device)",
673
+ "filePath": "src/theme/aaos/common.json",
674
+ "isSource": true,
675
+ "original": {
676
+ "value": "{color.core.orange.50}",
677
+ "type": "color",
678
+ "description": "Core: color.core.orange.50\nHEX:#EC6400\nUsed for avatar presence (busy, meeting, call, device)"
679
+ },
680
+ "name": "mds-color-theme-content-indicator-notice-0",
681
+ "attributes": {
682
+ "category": "color",
683
+ "type": "theme",
684
+ "item": "content",
685
+ "subitem": "indicator",
686
+ "state": "notice"
687
+ },
688
+ "path": [
689
+ "color",
690
+ "theme",
691
+ "content",
692
+ "indicator",
693
+ "notice",
694
+ "0"
695
+ ]
696
+ }
697
+ }
698
+ },
699
+ "control": {
700
+ "neutral": {
701
+ "default": {
702
+ "value": "#ffffff66",
703
+ "type": "color",
704
+ "description": "Core: color.core.white-alpha.40\nHEX: #ffffff 40%\nUsed for rest state of toggle-off components background. Do not use it for toggle button. ",
705
+ "filePath": "src/theme/aaos/common.json",
706
+ "isSource": true,
707
+ "original": {
708
+ "value": "{color.core.white-alpha.40}",
709
+ "type": "color",
710
+ "description": "Core: color.core.white-alpha.40\nHEX: #ffffff 40%\nUsed for rest state of toggle-off components background. Do not use it for toggle button. "
711
+ },
712
+ "name": "mds-color-theme-content-control-neutral-default",
713
+ "attributes": {
714
+ "category": "color",
715
+ "type": "theme",
716
+ "item": "content",
717
+ "subitem": "control",
718
+ "state": "neutral"
719
+ },
720
+ "path": [
721
+ "color",
722
+ "theme",
723
+ "content",
724
+ "control",
725
+ "neutral",
726
+ "default"
727
+ ]
728
+ },
729
+ "slider": {
730
+ "disabled": {
731
+ "value": "#ffffff1c",
732
+ "type": "color",
733
+ "description": "Core:color.core.white-alpha.11\nHEX: #ffffff 11%\nUsed for disabled slider",
734
+ "filePath": "src/theme/aaos/common.json",
735
+ "isSource": true,
736
+ "original": {
737
+ "value": "{color.core.white-alpha.11}",
738
+ "type": "color",
739
+ "description": "Core:color.core.white-alpha.11\nHEX: #ffffff 11%\nUsed for disabled slider"
740
+ },
741
+ "name": "mds-color-theme-content-control-neutral-slider-disabled",
742
+ "attributes": {
743
+ "category": "color",
744
+ "type": "theme",
745
+ "item": "content",
746
+ "subitem": "control",
747
+ "state": "neutral"
748
+ },
749
+ "path": [
750
+ "color",
751
+ "theme",
752
+ "content",
753
+ "control",
754
+ "neutral",
755
+ "slider",
756
+ "disabled"
757
+ ]
758
+ }
759
+ }
760
+ },
761
+ "accent": {
762
+ "active": {
763
+ "default": {
764
+ "value": "#3492eb",
765
+ "type": "color",
766
+ "description": "Core:color.core.blue.50\nHEX:#3492eb\nUsed for rest state of active control components background. (radio, toggle, checkbox)",
767
+ "filePath": "src/theme/aaos/common.json",
768
+ "isSource": true,
769
+ "original": {
770
+ "value": "{color.core.blue.50}",
771
+ "type": "color",
772
+ "description": "Core:color.core.blue.50\nHEX:#3492eb\nUsed for rest state of active control components background. (radio, toggle, checkbox)"
773
+ },
774
+ "name": "mds-color-theme-content-control-accent-active-default",
775
+ "attributes": {
776
+ "category": "color",
777
+ "type": "theme",
778
+ "item": "content",
779
+ "subitem": "control",
780
+ "state": "accent"
781
+ },
782
+ "path": [
783
+ "color",
784
+ "theme",
785
+ "content",
786
+ "control",
787
+ "accent",
788
+ "active",
789
+ "default"
790
+ ]
791
+ }
792
+ }
793
+ }
794
+ },
795
+ "illustration": {
796
+ "default": {
797
+ "value": "#ffffff",
798
+ "type": "color",
799
+ "description": "Core: color.core.white-alpha.100\nHEX: #ffffff\nUsed for default illustrations.",
800
+ "filePath": "src/theme/aaos/day.json",
801
+ "isSource": true,
802
+ "original": {
803
+ "value": "{color.core.white-alpha.100}",
804
+ "type": "color",
805
+ "description": "Core: color.core.white-alpha.100\nHEX: #ffffff\nUsed for default illustrations."
806
+ },
807
+ "name": "mds-color-theme-content-illustration-default",
808
+ "attributes": {
809
+ "category": "color",
810
+ "type": "theme",
811
+ "item": "content",
812
+ "subitem": "illustration",
813
+ "state": "default"
814
+ },
815
+ "path": [
816
+ "color",
817
+ "theme",
818
+ "content",
819
+ "illustration",
820
+ "default"
821
+ ]
822
+ }
823
+ }
824
+ },
825
+ "border": {
826
+ "positive": {
827
+ "0": {
828
+ "value": "#27a17a",
829
+ "type": "color",
830
+ "description": "Core: color.core.green.50\nHEX:#27a17a\nUsed for join/success buttons outline.",
831
+ "filePath": "src/theme/aaos/common.json",
832
+ "isSource": true,
833
+ "original": {
834
+ "value": "{color.core.green.50}",
835
+ "type": "color",
836
+ "description": "Core: color.core.green.50\nHEX:#27a17a\nUsed for join/success buttons outline."
837
+ },
838
+ "name": "mds-color-theme-border-positive-0",
839
+ "attributes": {
840
+ "category": "color",
841
+ "type": "theme",
842
+ "item": "border",
843
+ "subitem": "positive",
844
+ "state": "0"
845
+ },
846
+ "path": [
847
+ "color",
848
+ "theme",
849
+ "border",
850
+ "positive",
851
+ "0"
852
+ ]
853
+ }
854
+ },
855
+ "negative": {
856
+ "0": {
857
+ "value": "#f55868",
858
+ "type": "color",
859
+ "description": "Core:color.core.red.50\nHEX:#f55868\nUsed for outline of error/cancel state of input, buttons.\n",
860
+ "filePath": "src/theme/aaos/common.json",
861
+ "isSource": true,
862
+ "original": {
863
+ "value": "{color.core.red.50}",
864
+ "type": "color",
865
+ "description": "Core:color.core.red.50\nHEX:#f55868\nUsed for outline of error/cancel state of input, buttons.\n"
866
+ },
867
+ "name": "mds-color-theme-border-negative-0",
868
+ "attributes": {
869
+ "category": "color",
870
+ "type": "theme",
871
+ "item": "border",
872
+ "subitem": "negative",
873
+ "state": "0"
874
+ },
875
+ "path": [
876
+ "color",
877
+ "theme",
878
+ "border",
879
+ "negative",
880
+ "0"
881
+ ]
882
+ }
883
+ },
884
+ "accent": {
885
+ "0": {
886
+ "value": "#3492eb",
887
+ "type": "color",
888
+ "description": "Core:color.core.blue.50\nHEX: #3492eb\nUsed for outline of secondary accent buttons, ",
889
+ "filePath": "src/theme/aaos/common.json",
890
+ "isSource": true,
891
+ "original": {
892
+ "value": "{color.core.blue.50}",
893
+ "type": "color",
894
+ "description": "Core:color.core.blue.50\nHEX: #3492eb\nUsed for outline of secondary accent buttons, "
895
+ },
896
+ "name": "mds-color-theme-border-accent-0",
897
+ "attributes": {
898
+ "category": "color",
899
+ "type": "theme",
900
+ "item": "border",
901
+ "subitem": "accent",
902
+ "state": "0"
903
+ },
904
+ "path": [
905
+ "color",
906
+ "theme",
907
+ "border",
908
+ "accent",
909
+ "0"
910
+ ]
911
+ }
912
+ },
913
+ "warning": {
914
+ "0": {
915
+ "value": "#f2990a",
916
+ "type": "color",
917
+ "description": "Core:color.core.yellow.40\nHEX:#f2990a\nUsed for warning state of input fields border",
918
+ "filePath": "src/theme/aaos/common.json",
919
+ "isSource": true,
920
+ "original": {
921
+ "value": "{color.core.yellow.40}",
922
+ "type": "color",
923
+ "description": "Core:color.core.yellow.40\nHEX:#f2990a\nUsed for warning state of input fields border"
924
+ },
925
+ "name": "mds-color-theme-border-warning-0",
926
+ "attributes": {
927
+ "category": "color",
928
+ "type": "theme",
929
+ "item": "border",
930
+ "subitem": "warning",
931
+ "state": "0"
932
+ },
933
+ "path": [
934
+ "color",
935
+ "theme",
936
+ "border",
937
+ "warning",
938
+ "0"
939
+ ]
940
+ }
941
+ },
942
+ "decorative": {
943
+ "gradient": {
944
+ "device": {
945
+ "value": "linear-gradient(44deg, #08599c 0%, #22c7d6 51.56%, #27a17a 100%)",
946
+ "type": "color",
947
+ "description": "Core: core.decorative.cobalt.70, core.decorative.cyan.40, core.green.50\nHEX: 08599C, 22C7D6, 27A17A\nUsed for gradient ring of video-halo for mobile\n",
948
+ "filePath": "src/theme/aaos/common.json",
949
+ "isSource": true,
950
+ "original": {
951
+ "value": "linear-gradient(44deg, {color.decorative.cobalt.70} 0%, {color.decorative.cyan.40} 51.56%, {color.core.green.50} 100%)",
952
+ "type": "color",
953
+ "description": "Core: core.decorative.cobalt.70, core.decorative.cyan.40, core.green.50\nHEX: 08599C, 22C7D6, 27A17A\nUsed for gradient ring of video-halo for mobile\n"
954
+ },
955
+ "name": "mds-color-theme-border-decorative-gradient-device",
956
+ "attributes": {
957
+ "category": "color",
958
+ "type": "theme",
959
+ "item": "border",
960
+ "subitem": "decorative",
961
+ "state": "gradient"
962
+ },
963
+ "path": [
964
+ "color",
965
+ "theme",
966
+ "border",
967
+ "decorative",
968
+ "gradient",
969
+ "device"
970
+ ]
971
+ }
972
+ }
973
+ },
974
+ "neutral": {
975
+ "0": {
976
+ "value": "#ffffff75",
977
+ "type": "color",
978
+ "description": "Core: color.core.white-alpha.46\nHEX: #ffffff 46%\nUsed for hairlines around buttons and other interface elements. Do not use for dividers.",
979
+ "filePath": "src/theme/aaos/day.json",
980
+ "isSource": true,
981
+ "original": {
982
+ "value": "{color.core.white-alpha.46}",
983
+ "type": "color",
984
+ "description": "Core: color.core.white-alpha.46\nHEX: #ffffff 46%\nUsed for hairlines around buttons and other interface elements. Do not use for dividers."
985
+ },
986
+ "name": "mds-color-theme-border-neutral-0",
987
+ "attributes": {
988
+ "category": "color",
989
+ "type": "theme",
990
+ "item": "border",
991
+ "subitem": "neutral",
992
+ "state": "0"
993
+ },
994
+ "path": [
995
+ "color",
996
+ "theme",
997
+ "border",
998
+ "neutral",
999
+ "0"
1000
+ ]
1001
+ },
1002
+ "1": {
1003
+ "value": "#ffffff3d",
1004
+ "type": "color",
1005
+ "description": "Core:color.core.white-alpha.24\nHEX: #ffffff 24%\nUse for dividers and disabled outline color for interface items.",
1006
+ "filePath": "src/theme/aaos/day.json",
1007
+ "isSource": true,
1008
+ "original": {
1009
+ "value": "{color.core.white-alpha.24}",
1010
+ "type": "color",
1011
+ "description": "Core:color.core.white-alpha.24\nHEX: #ffffff 24%\nUse for dividers and disabled outline color for interface items."
1012
+ },
1013
+ "name": "mds-color-theme-border-neutral-1",
1014
+ "attributes": {
1015
+ "category": "color",
1016
+ "type": "theme",
1017
+ "item": "border",
1018
+ "subitem": "neutral",
1019
+ "state": "1"
1020
+ },
1021
+ "path": [
1022
+ "color",
1023
+ "theme",
1024
+ "border",
1025
+ "neutral",
1026
+ "1"
1027
+ ]
1028
+ },
1029
+ "2": {
1030
+ "value": "#ffffff80",
1031
+ "type": "color",
1032
+ "description": "Core: color.core.white-alpha.50\nHEX: #ffffff 50%\nUsed for disabled icon color and input field outline",
1033
+ "filePath": "src/theme/aaos/day.json",
1034
+ "isSource": true,
1035
+ "original": {
1036
+ "value": "{color.core.white-alpha.50}",
1037
+ "type": "color",
1038
+ "description": "Core: color.core.white-alpha.50\nHEX: #ffffff 50%\nUsed for disabled icon color and input field outline"
1039
+ },
1040
+ "name": "mds-color-theme-border-neutral-2",
1041
+ "attributes": {
1042
+ "category": "color",
1043
+ "type": "theme",
1044
+ "item": "border",
1045
+ "subitem": "neutral",
1046
+ "state": "2"
1047
+ },
1048
+ "path": [
1049
+ "color",
1050
+ "theme",
1051
+ "border",
1052
+ "neutral",
1053
+ "2"
1054
+ ]
1055
+ }
1056
+ }
1057
+ },
1058
+ "surface": {
1059
+ "neutral": {
1060
+ "0": {
1061
+ "default": {
1062
+ "value": "#17181B",
1063
+ "type": "color",
1064
+ "description": "Core: color.core.gray.93\nHEX: #17181B\n",
1065
+ "filePath": "src/theme/aaos/day.json",
1066
+ "isSource": true,
1067
+ "original": {
1068
+ "value": "{color.core.gray.93}",
1069
+ "type": "color",
1070
+ "description": "Core: color.core.gray.93\nHEX: #17181B\n"
1071
+ },
1072
+ "name": "mds-color-theme-surface-neutral-0-default",
1073
+ "attributes": {
1074
+ "category": "color",
1075
+ "type": "theme",
1076
+ "item": "surface",
1077
+ "subitem": "neutral",
1078
+ "state": "0"
1079
+ },
1080
+ "path": [
1081
+ "color",
1082
+ "theme",
1083
+ "surface",
1084
+ "neutral",
1085
+ "0",
1086
+ "default"
1087
+ ]
1088
+ }
1089
+ },
1090
+ "1": {
1091
+ "default": {
1092
+ "value": "#202124",
1093
+ "type": "color",
1094
+ "description": "Core: color.core.gray.91\nHEX: #202124",
1095
+ "filePath": "src/theme/aaos/day.json",
1096
+ "isSource": true,
1097
+ "original": {
1098
+ "value": "{color.core.gray.91}",
1099
+ "type": "color",
1100
+ "description": "Core: color.core.gray.91\nHEX: #202124"
1101
+ },
1102
+ "name": "mds-color-theme-surface-neutral-1-default",
1103
+ "attributes": {
1104
+ "category": "color",
1105
+ "type": "theme",
1106
+ "item": "surface",
1107
+ "subitem": "neutral",
1108
+ "state": "1"
1109
+ },
1110
+ "path": [
1111
+ "color",
1112
+ "theme",
1113
+ "surface",
1114
+ "neutral",
1115
+ "1",
1116
+ "default"
1117
+ ]
1118
+ }
1119
+ },
1120
+ "2": {
1121
+ "default": {
1122
+ "value": "#282A2D",
1123
+ "type": "color",
1124
+ "description": "Core:color.core.gray.86\nHEX: #282A2D",
1125
+ "filePath": "src/theme/aaos/day.json",
1126
+ "isSource": true,
1127
+ "original": {
1128
+ "value": "{color.core.gray.86}",
1129
+ "type": "color",
1130
+ "description": "Core:color.core.gray.86\nHEX: #282A2D"
1131
+ },
1132
+ "name": "mds-color-theme-surface-neutral-2-default",
1133
+ "attributes": {
1134
+ "category": "color",
1135
+ "type": "theme",
1136
+ "item": "surface",
1137
+ "subitem": "neutral",
1138
+ "state": "2"
1139
+ },
1140
+ "path": [
1141
+ "color",
1142
+ "theme",
1143
+ "surface",
1144
+ "neutral",
1145
+ "2",
1146
+ "default"
1147
+ ]
1148
+ }
1149
+ }
1150
+ }
1151
+ },
1152
+ "overlay": {
1153
+ "0": {
1154
+ "value": "#000000D6",
1155
+ "type": "color",
1156
+ "description": "Core: color.core.black-alpha.84\nHEX: #000000 84%\nDayOpacity1
 \nUsed for any elements that sit on top of the main interface. Ex: Top Navigation Bar or Mini-Control Bar
Material. ",
1157
+ "filePath": "src/theme/aaos/day.json",
1158
+ "isSource": true,
1159
+ "original": {
1160
+ "value": "{color.core.black-alpha.84}",
1161
+ "type": "color",
1162
+ "description": "Core: color.core.black-alpha.84\nHEX: #000000 84%\nDayOpacity1
 \nUsed for any elements that sit on top of the main interface. Ex: Top Navigation Bar or Mini-Control Bar
Material. "
1163
+ },
1164
+ "name": "mds-color-theme-overlay-0",
1165
+ "attributes": {
1166
+ "category": "color",
1167
+ "type": "theme",
1168
+ "item": "overlay",
1169
+ "subitem": "0"
1170
+ },
1171
+ "path": [
1172
+ "color",
1173
+ "theme",
1174
+ "overlay",
1175
+ "0"
1176
+ ]
1177
+ },
1178
+ "1": {
1179
+ "value": "#000000C7",
1180
+ "type": "color",
1181
+ "description": "Core: color.core.black-alpha.78\nHEX: #000000 78%\nDayOpacity2. 
Used for scrims behind alerts. ",
1182
+ "filePath": "src/theme/aaos/day.json",
1183
+ "isSource": true,
1184
+ "original": {
1185
+ "value": "{color.core.black-alpha.78}",
1186
+ "type": "color",
1187
+ "description": "Core: color.core.black-alpha.78\nHEX: #000000 78%\nDayOpacity2. 
Used for scrims behind alerts. "
1188
+ },
1189
+ "name": "mds-color-theme-overlay-1",
1190
+ "attributes": {
1191
+ "category": "color",
1192
+ "type": "theme",
1193
+ "item": "overlay",
1194
+ "subitem": "1"
1195
+ },
1196
+ "path": [
1197
+ "color",
1198
+ "theme",
1199
+ "overlay",
1200
+ "1"
1201
+ ]
1202
+ },
1203
+ "2": {
1204
+ "value": "#00000099",
1205
+ "type": "color",
1206
+ "description": "Core: color.core.black-alpha.60\nHEX: #000000 60%\nDayOpacity3
Used for scrims behind elements that take over the entire interface. ex. incoming call notifications",
1207
+ "filePath": "src/theme/aaos/day.json",
1208
+ "isSource": true,
1209
+ "original": {
1210
+ "value": "{color.core.black-alpha.60}",
1211
+ "type": "color",
1212
+ "description": "Core: color.core.black-alpha.60\nHEX: #000000 60%\nDayOpacity3
Used for scrims behind elements that take over the entire interface. ex. incoming call notifications"
1213
+ },
1214
+ "name": "mds-color-theme-overlay-2",
1215
+ "attributes": {
1216
+ "category": "color",
1217
+ "type": "theme",
1218
+ "item": "overlay",
1219
+ "subitem": "2"
1220
+ },
1221
+ "path": [
1222
+ "color",
1223
+ "theme",
1224
+ "overlay",
1225
+ "2"
1226
+ ]
1227
+ }
1228
+ }
1229
+ }
1230
+ }
1231
+ }