@momentum-design/tokens 0.0.40 → 0.0.41

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