@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.
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 +73 -69
  6. package/dist/css/theme/webex/dark-stable.css +4 -4
  7. package/dist/css/theme/webex/light-complete.css +74 -67
  8. package/dist/css/theme/webex/light-stable.css +5 -5
  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 +73 -69
  14. package/dist/ios/theme/webex/dark-stable.swift +4 -4
  15. package/dist/ios/theme/webex/light-complete.swift +74 -67
  16. package/dist/ios/theme/webex/light-stable.swift +5 -5
  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 +364 -243
  22. package/dist/json/theme/webex/dark-stable.json +360 -360
  23. package/dist/json/theme/webex/light-complete.json +453 -247
  24. package/dist/json/theme/webex/light-stable.json +364 -364
  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 +70 -60
  30. package/dist/json-minimal/theme/webex/dark-stable.json +3 -3
  31. package/dist/json-minimal/theme/webex/light-complete.json +77 -60
  32. package/dist/json-minimal/theme/webex/light-stable.json +4 -4
  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 +73 -69
  38. package/dist/resources/theme/webex/dark-stable.xml +4 -4
  39. package/dist/resources/theme/webex/light-complete.xml +74 -67
  40. package/dist/resources/theme/webex/light-stable.xml +5 -5
  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 +73 -69
  46. package/dist/scss/theme/webex/dark-stable.scss +4 -4
  47. package/dist/scss/theme/webex/light-complete.scss +75 -68
  48. package/dist/scss/theme/webex/light-stable.scss +5 -5
  49. package/package.json +1 -1
package/dist/json/theme/aaos/night-complete.json ADDED
@@ -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": "#ffffffE0",
219
+ "type": "color",
220
+ "description": "Core:color.core.white-alpha.88\nHEX: #FFFFFF 88%\nUsed for default primary text. ",
221
+ "filePath": "src/theme/aaos/night.json",
222
+ "isSource": true,
223
+ "original": {
224
+ "value": "{color.core.white-alpha.88}",
225
+ "type": "color",
226
+ "description": "Core:color.core.white-alpha.88\nHEX: #FFFFFF 88%\nUsed for default primary text. "
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": "#ffffff99",
247
+ "type": "color",
248
+ "description": "Core: color.core.white-alpha.60\nHEX: #ffffff 60%\nUsed for secondary text",
249
+ "filePath": "src/theme/aaos/night.json",
250
+ "isSource": true,
251
+ "original": {
252
+ "value": "{color.core.white-alpha.60}",
253
+ "type": "color",
254
+ "description": "Core: color.core.white-alpha.60\nHEX: #ffffff 60%\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": "#ffffff80",
275
+ "type": "color",
276
+ "description": "Core:color.core.white-alpha.50\nHEX: #ffffff 50%\nUsed for disabled state for all text",
277
+ "filePath": "src/theme/aaos/night.json",
278
+ "isSource": true,
279
+ "original": {
280
+ "value": "{color.core.white-alpha.50}",
281
+ "type": "color",
282
+ "description": "Core:color.core.white-alpha.50\nHEX: #ffffff 50%\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": "#ffffffE0",
368
+ "type": "color",
369
+ "description": "Core: color.core.white-alpha.88\nHEX: #ffffff 80%\nRest state of Primary buttons. ",
370
+ "filePath": "src/theme/aaos/night.json",
371
+ "isSource": true,
372
+ "original": {
373
+ "value": "{color.core.white-alpha.88}",
374
+ "type": "color",
375
+ "description": "Core: color.core.white-alpha.88\nHEX: #ffffff 80%\nRest 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": "#ffffff80",
397
+ "type": "color",
398
+ "description": "Core: color.core.white-alpha.50\nHEX: #ffffff 50%\nUsed for Disabled buttons. ",
399
+ "filePath": "src/theme/aaos/night.json",
400
+ "isSource": true,
401
+ "original": {
402
+ "value": "{color.core.white-alpha.50}",
403
+ "type": "color",
404
+ "description": "Core: color.core.white-alpha.50\nHEX: #ffffff 50%\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": "#ffffffE0",
798
+ "type": "color",
799
+ "description": "Core: color.core.white-alpha.88\nHEX: #ffffff 88%\nUsed for default illustrations. ",
800
+ "filePath": "src/theme/aaos/night.json",
801
+ "isSource": true,
802
+ "original": {
803
+ "value": "{color.core.white-alpha.88}",
804
+ "type": "color",
805
+ "description": "Core: color.core.white-alpha.88\nHEX: #ffffff 88%\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": "#ffffff66",
977
+ "type": "color",
978
+ "description": "Core:color.core.white-alpha.40\nHEX: #ffffff 40%\nUsed for hairlines around buttons and other interface elements. Do not use for dividers.",
979
+ "filePath": "src/theme/aaos/night.json",
980
+ "isSource": true,
981
+ "original": {
982
+ "value": "{color.core.white-alpha.40}",
983
+ "type": "color",
984
+ "description": "Core:color.core.white-alpha.40\nHEX: #ffffff 40%\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": "#ffffff33",
1004
+ "type": "color",
1005
+ "description": "Core:color.core.white-alpha.20\nHEX: #ffffff 20%\nUse for dividers and disabled outline color for interface items.",
1006
+ "filePath": "src/theme/aaos/night.json",
1007
+ "isSource": true,
1008
+ "original": {
1009
+ "value": "{color.core.white-alpha.20}",
1010
+ "type": "color",
1011
+ "description": "Core:color.core.white-alpha.20\nHEX: #ffffff 20%\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": "#ffffff8F",
1031
+ "type": "color",
1032
+ "description": "Core: color.core.white-alpha.56\nHEX: #ffffff 56%\nUsed for disabled icon color and input field outline
Material.",
1033
+ "filePath": "src/theme/aaos/night.json",
1034
+ "isSource": true,
1035
+ "original": {
1036
+ "value": "{color.core.white-alpha.56}",
1037
+ "type": "color",
1038
+ "description": "Core: color.core.white-alpha.56\nHEX: #ffffff 56%\nUsed for disabled icon color and input field outline
Material."
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": "#0E1013",
1063
+ "type": "color",
1064
+ "description": "Core: color.core.gray.96\nHEX: #0E1013\nUse in place of NightElevation1",
1065
+ "filePath": "src/theme/aaos/night.json",
1066
+ "isSource": true,
1067
+ "original": {
1068
+ "value": "{color.core.gray.96}",
1069
+ "type": "color",
1070
+ "description": "Core: color.core.gray.96\nHEX: #0E1013\nUse in place of NightElevation1"
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": "#17181B",
1093
+ "type": "color",
1094
+ "description": "Core: color.core.gray.93\nHEX:#17181B\nUse in place of NightElevation2",
1095
+ "filePath": "src/theme/aaos/night.json",
1096
+ "isSource": true,
1097
+ "original": {
1098
+ "value": "{color.core.gray.93}",
1099
+ "type": "color",
1100
+ "description": "Core: color.core.gray.93\nHEX:#17181B\nUse in place of NightElevation2"
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": "#202124",
1123
+ "type": "color",
1124
+ "description": "Core: color.core.gray.91\nHEX: #202124\nUse in place of NightElevation3
Only used for Native Alert Backgrounds",
1125
+ "filePath": "src/theme/aaos/night.json",
1126
+ "isSource": true,
1127
+ "original": {
1128
+ "value": "{color.core.gray.91}",
1129
+ "type": "color",
1130
+ "description": "Core: color.core.gray.91\nHEX: #202124\nUse in place of NightElevation3
Only used for Native Alert Backgrounds"
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": "#000000e0",
1155
+ "type": "color",
1156
+ "description": "Core:color.core.black-alpha.88\nHEX: #000000 88%\n\nNightOpacity1
Used for any elements that sit on top of the main interface. Ex: Top Navigation Bar or Mini-Control Bar
",
1157
+ "filePath": "src/theme/aaos/night.json",
1158
+ "isSource": true,
1159
+ "original": {
1160
+ "value": "{color.core.black-alpha.88}",
1161
+ "type": "color",
1162
+ "description": "Core:color.core.black-alpha.88\nHEX: #000000 88%\n\nNightOpacity1
Used for any elements that sit on top of the main interface. Ex: Top Navigation Bar or Mini-Control Bar
"
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": "#000000D6",
1180
+ "type": "color",
1181
+ "description": "Core: color.core.black-alpha.84\nHEX: #000000 84%\nNightOpacity2. 
Used for scrims behind alerts.",
1182
+ "filePath": "src/theme/aaos/night.json",
1183
+ "isSource": true,
1184
+ "original": {
1185
+ "value": "{color.core.black-alpha.84}",
1186
+ "type": "color",
1187
+ "description": "Core: color.core.black-alpha.84\nHEX: #000000 84%\nNightOpacity2. 
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": "#000000b3",
1205
+ "type": "color",
1206
+ "description": "Core: color.core.black-alpha.70\nHEX: #000000 70%\nNightOpacity3. 
Used for scrims behind elements that take over the entire interface. ex. incoming call notifications",
1207
+ "filePath": "src/theme/aaos/night.json",
1208
+ "isSource": true,
1209
+ "original": {
1210
+ "value": "{color.core.black-alpha.70}",
1211
+ "type": "color",
1212
+ "description": "Core: color.core.black-alpha.70\nHEX: #000000 70%\nNightOpacity3. 
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
+ }