@momentum-design/tokens 0.0.56 → 0.0.58

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 (61) hide show
  1. package/dist/css/core/complete.css +97 -98
  2. package/dist/css/theme/aaos/day-complete.css +14 -16
  3. package/dist/css/theme/aaos/night-complete.css +10 -12
  4. package/dist/css/theme/webex/dark-stable.css +122 -121
  5. package/dist/css/theme/webex/hc-dark-stable.css +145 -94
  6. package/dist/css/theme/webex/hc-light-stable.css +159 -108
  7. package/dist/css/theme/webex/light-stable.css +147 -148
  8. package/dist/ios/core/complete.swift +97 -98
  9. package/dist/ios/theme/aaos/day-complete.swift +14 -16
  10. package/dist/ios/theme/aaos/night-complete.swift +10 -12
  11. package/dist/ios/theme/webex/dark-stable.swift +83 -82
  12. package/dist/ios/theme/webex/hc-dark-stable.swift +145 -94
  13. package/dist/ios/theme/webex/hc-light-stable.swift +159 -108
  14. package/dist/ios/theme/webex/light-stable.swift +107 -108
  15. package/dist/json/core/complete.json +3150 -2380
  16. package/dist/json/theme/aaos/day-complete.json +273 -257
  17. package/dist/json/theme/aaos/night-complete.json +273 -257
  18. package/dist/json/theme/webex/dark-stable.json +7088 -6235
  19. package/dist/json/theme/webex/hc-dark-stable.json +6694 -3987
  20. package/dist/json/theme/webex/hc-light-stable.json +6601 -3890
  21. package/dist/json/theme/webex/light-stable.json +7056 -6262
  22. package/dist/json-minimal/core/complete.json +179 -148
  23. package/dist/json-minimal/theme/aaos/day-complete.json +13 -21
  24. package/dist/json-minimal/theme/aaos/night-complete.json +9 -17
  25. package/dist/json-minimal/theme/webex/dark-stable.json +238 -221
  26. package/dist/json-minimal/theme/webex/hc-dark-stable.json +253 -132
  27. package/dist/json-minimal/theme/webex/hc-light-stable.json +268 -147
  28. package/dist/json-minimal/theme/webex/light-stable.json +270 -251
  29. package/dist/resources/core/complete.xml +97 -98
  30. package/dist/resources/theme/aaos/day-complete.xml +14 -16
  31. package/dist/resources/theme/aaos/night-complete.xml +10 -12
  32. package/dist/resources/theme/webex/dark-stable.xml +122 -121
  33. package/dist/resources/theme/webex/hc-dark-stable.xml +145 -94
  34. package/dist/resources/theme/webex/hc-light-stable.xml +159 -108
  35. package/dist/resources/theme/webex/light-stable.xml +147 -148
  36. package/dist/scss/core/complete.scss +97 -98
  37. package/dist/scss/theme/aaos/day-complete.scss +14 -16
  38. package/dist/scss/theme/aaos/night-complete.scss +10 -12
  39. package/dist/scss/theme/webex/dark-stable.scss +123 -122
  40. package/dist/scss/theme/webex/hc-dark-stable.scss +145 -94
  41. package/dist/scss/theme/webex/hc-light-stable.scss +159 -108
  42. package/dist/scss/theme/webex/light-stable.scss +148 -149
  43. package/package.json +1 -1
  44. package/dist/css/theme/webex/common-stable.css +0 -81
  45. package/dist/css/theme/webex/dark-complete.css +0 -298
  46. package/dist/css/theme/webex/light-complete.css +0 -295
  47. package/dist/ios/theme/webex/common-stable.swift +0 -87
  48. package/dist/ios/theme/webex/dark-complete.swift +0 -304
  49. package/dist/ios/theme/webex/light-complete.swift +0 -301
  50. package/dist/json/theme/webex/common-stable.json +0 -2168
  51. package/dist/json/theme/webex/dark-complete.json +0 -8500
  52. package/dist/json/theme/webex/light-complete.json +0 -8395
  53. package/dist/json-minimal/theme/webex/common-stable.json +0 -162
  54. package/dist/json-minimal/theme/webex/dark-complete.json +0 -635
  55. package/dist/json-minimal/theme/webex/light-complete.json +0 -632
  56. package/dist/resources/theme/webex/common-stable.xml +0 -83
  57. package/dist/resources/theme/webex/dark-complete.xml +0 -300
  58. package/dist/resources/theme/webex/light-complete.xml +0 -297
  59. package/dist/scss/theme/webex/common-stable.scss +0 -78
  60. package/dist/scss/theme/webex/dark-complete.scss +0 -295
  61. package/dist/scss/theme/webex/light-complete.scss +0 -292
@@ -6,41 +6,34 @@
6
6
  "normal": "#ffffff",
7
7
  "disabled": "#3ff23f"
8
8
  },
9
- "inverted": {
10
- "normal": "#000000",
11
- "disabled": "#3ff23f"
12
- },
13
9
  "secondary": {
14
- "normal": "#ffffff",
15
- "inverted": {
16
- "normal": "#ffffff"
17
- }
10
+ "normal": "#ffffff"
18
11
  },
19
12
  "error": {
20
- "normal": "#ffff00",
21
- "hover": "#000000",
22
- "active": "#000000"
13
+ "normal": "#ffffff",
14
+ "hover": "#ffffff",
15
+ "active": "#ffffff"
23
16
  },
24
17
  "success": {
25
- "normal": "#ffff00",
26
- "hover": "#000000",
27
- "active": "#000000"
18
+ "normal": "#ffffff",
19
+ "hover": "#ffffff",
20
+ "active": "#ffffff"
28
21
  },
29
22
  "warning": {
30
- "normal": "#ffff00",
31
- "hover": "#000000",
32
- "active": "#000000"
23
+ "normal": "#ffffff",
24
+ "hover": "#ffffff",
25
+ "active": "#ffffff"
33
26
  },
34
27
  "highlight": "#ffff00",
35
28
  "accent": {
36
- "normal": "#ffff00",
37
- "hover": "#000000",
38
- "active": "#000000"
29
+ "normal": "#ffffff",
30
+ "hover": "#ffffff",
31
+ "active": "#ffffff"
39
32
  },
40
33
  "teamdefault": {
41
- "normal": "#ffff00",
42
- "hover": "#000000",
43
- "active": "#000000"
34
+ "normal": "#ffffff",
35
+ "hover": "#ffffff",
36
+ "active": "#ffffff"
44
37
  },
45
38
  "alert": {
46
39
  "purple": {
@@ -88,7 +81,7 @@
88
81
  "pink": {
89
82
  "normal": "#ffffff",
90
83
  "hover": "#ffffff",
91
- "active": "#ffffff"
84
+ "active": "#ffe0e7"
92
85
  },
93
86
  "purple": {
94
87
  "normal": "#ffffff",
@@ -107,10 +100,69 @@
107
100
  }
108
101
  }
109
102
  },
103
+ "inverted": {
104
+ "text": {
105
+ "primary": {
106
+ "normal": "#ffffff",
107
+ "disabled": "#3ff23f"
108
+ },
109
+ "secondary": {
110
+ "normal": "#ffffff"
111
+ },
112
+ "accent": {
113
+ "normal": "#ffffff",
114
+ "hover": "#ffffff"
115
+ }
116
+ },
117
+ "background": {
118
+ "normal": "#000000"
119
+ },
120
+ "button": {
121
+ "primary": {
122
+ "normal": "#000000",
123
+ "hover": "#1aebff",
124
+ "pressed": "#1aebff",
125
+ "disabled": "#3ff23f"
126
+ },
127
+ "secondary": {
128
+ "normal": "#000000",
129
+ "hover": "#1aebff",
130
+ "pressed": "#1aebff",
131
+ "disabled": "#3ff23f"
132
+ }
133
+ },
134
+ "outline": {
135
+ "button": {
136
+ "normal": "#ffffff"
137
+ },
138
+ "primary": {
139
+ "normal": "#ffffff"
140
+ },
141
+ "disabled": {
142
+ "normal": "#3ff23f"
143
+ },
144
+ "theme": "#ffffff"
145
+ },
146
+ "control": {
147
+ "active": {
148
+ "normal": "#1aebff",
149
+ "hover": "#1aebff",
150
+ "pressed": "#1aebff",
151
+ "active": "#1aebff",
152
+ "disabled": "#3ff23f"
153
+ },
154
+ "inactive": {
155
+ "normal": "#000000",
156
+ "hover": "#000000",
157
+ "pressed": "#000000",
158
+ "disabled": "#3ff23f"
159
+ }
160
+ }
161
+ },
110
162
  "background": {
111
163
  "primary": {
112
164
  "ghost": "#000000",
113
- "hover": "#1aebff",
165
+ "hover": "#000000",
114
166
  "active": "#1aebff",
115
167
  "disabled": "#3ff23f"
116
168
  },
@@ -135,45 +187,41 @@
135
187
  "disabled": "#3ff23f"
136
188
  },
137
189
  "accent": {
138
- "normal": "#1aebff"
139
- },
140
- "gradient": {
141
- "primary": "linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%)",
142
- "secondary": "linear-gradient(180deg, #262626 0%, #0f0f0f 100%)"
190
+ "normal": "#000000"
143
191
  },
144
192
  "alert": {
145
193
  "default": {
146
- "normal": "#1aebff",
194
+ "normal": "#000000",
147
195
  "hover": "#1aebff",
148
196
  "active": "#1aebff"
149
197
  },
150
198
  "success": {
151
- "normal": "#1aebff",
199
+ "normal": "#000000",
152
200
  "hover": "#1aebff",
153
201
  "active": "#1aebff"
154
202
  },
155
203
  "warning": {
156
- "normal": "#1aebff",
204
+ "normal": "#000000",
157
205
  "hover": "#1aebff",
158
206
  "active": "#1aebff"
159
207
  },
160
208
  "error": {
161
- "normal": "#1aebff",
209
+ "normal": "#000000",
162
210
  "hover": "#1aebff",
163
211
  "active": "#1aebff"
164
212
  },
165
213
  "theme": {
166
- "normal": "#1aebff",
214
+ "normal": "#000000",
167
215
  "hover": "#1aebff",
168
216
  "active": "#1aebff"
169
217
  },
170
218
  "purple": {
171
- "normal": "#1aebff",
219
+ "normal": "#000000",
172
220
  "hover": "#1aebff",
173
221
  "active": "#1aebff"
174
222
  },
175
223
  "orange": {
176
- "normal": "#1aebff",
224
+ "normal": "#000000",
177
225
  "hover": "#1aebff",
178
226
  "active": "#1aebff"
179
227
  }
@@ -181,86 +229,75 @@
181
229
  "label": {
182
230
  "cobalt": {
183
231
  "normal": "#000000",
184
- "hover": "#000000",
185
- "active": "#000000"
232
+ "hover": "#1aebff",
233
+ "active": "#1aebff"
186
234
  },
187
235
  "gold": {
188
236
  "normal": "#000000",
189
- "hover": "#000000",
190
- "active": "#000000"
237
+ "hover": "#1aebff",
238
+ "active": "#1aebff"
191
239
  },
192
240
  "lime": {
193
241
  "normal": "#000000",
194
- "hover": "#000000",
195
- "active": "#000000"
242
+ "hover": "#1aebff",
243
+ "active": "#1aebff"
196
244
  },
197
245
  "mint": {
198
246
  "normal": "#000000",
199
- "hover": "#000000",
200
- "active": "#000000"
247
+ "hover": "#1aebff",
248
+ "active": "#1aebff"
201
249
  },
202
250
  "orange": {
203
251
  "normal": "#000000",
204
- "hover": "#000000",
205
- "active": "#000000"
252
+ "hover": "#1aebff",
253
+ "active": "#1aebff"
206
254
  },
207
255
  "pink": {
208
256
  "normal": "#000000",
209
- "hover": "#000000",
210
- "active": "#000000"
257
+ "hover": "#1aebff",
258
+ "active": "#1aebff"
211
259
  },
212
260
  "purple": {
213
261
  "normal": "#000000",
214
- "hover": "#000000",
215
- "active": "#000000"
262
+ "hover": "#1aebff",
263
+ "active": "#1aebff"
216
264
  },
217
265
  "slate": {
218
266
  "normal": "#000000",
219
- "hover": "#000000",
220
- "active": "#000000"
267
+ "hover": "#1aebff",
268
+ "active": "#1aebff"
221
269
  },
222
270
  "violet": {
223
271
  "normal": "#000000",
224
- "hover": "#000000",
225
- "active": "#000000"
272
+ "hover": "#1aebff",
273
+ "active": "#1aebff"
226
274
  }
227
275
  },
228
276
  "common": {
229
277
  "normal": "#000000"
230
278
  },
231
279
  "namelabel": {
232
- "normal": "#00000080"
233
- },
234
- "skeleton": {
235
280
  "normal": "#000000"
236
281
  }
237
282
  },
238
283
  "button": {
239
- "border": {
240
- "normal": "#ffffff"
241
- },
242
284
  "primary": {
243
285
  "normal": "#000000",
244
286
  "hover": "#1aebff",
245
287
  "pressed": "#1aebff",
246
- "disabled": "#3ff23f"
288
+ "disabled": "#000000"
247
289
  },
248
290
  "secondary": {
249
291
  "normal": "#000000",
250
292
  "hover": "#1aebff",
251
293
  "pressed": "#1aebff",
252
- "disabled": "#3ff23f",
294
+ "disabled": "#000000",
253
295
  "active": {
254
296
  "normal": "#000000",
255
297
  "hover": "#1aebff",
256
298
  "pressed": "#1aebff"
257
299
  }
258
300
  },
259
- "inverted": {
260
- "normal": "#0f0f0f",
261
- "hover": "#1aebff",
262
- "pressed": "#1aebff"
263
- },
264
301
  "join": {
265
302
  "normal": "#000000",
266
303
  "hover": "#1aebff",
@@ -282,7 +319,7 @@
282
319
  "normal": "#ffffff"
283
320
  },
284
321
  "theme": {
285
- "normal": "#1aebff"
322
+ "normal": "#ffffff"
286
323
  },
287
324
  "secondary": {
288
325
  "normal": "#ffffff"
@@ -298,21 +335,21 @@
298
335
  "normal": "#ffffff"
299
336
  },
300
337
  "cancel": {
301
- "normal": "#000000"
338
+ "normal": "#ffffff"
302
339
  },
303
340
  "disabled": {
304
- "normal": "#3ff23f"
341
+ "normal": "#ffffff"
305
342
  },
306
343
  "share": {
307
- "selected": "#1aebff",
344
+ "selected": "#ffff00",
308
345
  "active": "#ffffff",
309
- "inactive": "#ffffff"
346
+ "inactive": "#3ff23f"
310
347
  },
311
348
  "overlay": {
312
349
  "normal": "#ffffff"
313
350
  },
314
351
  "high-contrast": {
315
- "focus": "#ffffff"
352
+ "focus": "#ffff00"
316
353
  },
317
354
  "label": {
318
355
  "cobalt": "#ffffff",
@@ -324,32 +361,38 @@
324
361
  "purple": "#ffffff",
325
362
  "slate": "#ffffff",
326
363
  "violet": "#ffffff"
327
- },
328
- "promotion": {
329
- "normal": "#ffffff"
330
- },
331
- "gradient": {
332
- "active": "#ffffff"
333
364
  }
334
365
  },
335
366
  "control": {
336
367
  "active": {
337
368
  "normal": "#1aebff",
338
- "hover": "#1aebff",
339
- "pressed": "#1aebff",
369
+ "hover": "#000000",
370
+ "pressed": "#000000",
340
371
  "active": "#1aebff",
341
372
  "disabled": "#3ff23f"
342
373
  },
374
+ "indicator": {
375
+ "inactive": {
376
+ "normal": "#000000"
377
+ }
378
+ },
343
379
  "inactive": {
344
- "normal": "#ffffff",
345
- "hover": "#ffffff",
346
- "pressed": "#ffffff",
380
+ "normal": "#000000",
381
+ "hover": "#000000",
382
+ "pressed": "#000000",
347
383
  "disabled": "#3ff23f"
348
384
  }
349
385
  },
350
386
  "overlay": {
351
387
  "meetings": {
352
388
  "normal": "#000000"
389
+ },
390
+ "button": {
391
+ "secondary": {
392
+ "normal": "#000000",
393
+ "hover": "#1aebff",
394
+ "pressed": "#1aebff"
395
+ }
353
396
  }
354
397
  },
355
398
  "indicator": {
@@ -362,11 +405,11 @@
362
405
  },
363
406
  "whiteboard": {
364
407
  "stickyNote": {
365
- "yellow": "#000000",
366
- "red": "#000000",
367
- "purple": "#000000",
368
- "cyan": "#000000",
369
- "mint": "#000000"
408
+ "yellow": "#ffffff",
409
+ "red": "#ffffff",
410
+ "purple": "#ffffff",
411
+ "cyan": "#ffffff",
412
+ "mint": "#ffffff"
370
413
  }
371
414
  },
372
415
  "scrollbar": {
@@ -434,7 +477,7 @@
434
477
  "default": "#ffffff"
435
478
  },
436
479
  "globaltint": {
437
- "normal": "#ffff00",
480
+ "normal": "#ffffff",
438
481
  "selected": "#ffff00"
439
482
  },
440
483
  "groupedbackground": {
@@ -451,44 +494,6 @@
451
494
  "normal": "#000000"
452
495
  }
453
496
  },
454
- "teaching": {
455
- "background": {
456
- "normal": "#ffffff"
457
- },
458
- "button": {
459
- "primary": {
460
- "normal": "#000000",
461
- "hover": "#000000",
462
- "pressed": "#000000",
463
- "disabled": "#3ff23f"
464
- },
465
- "secondary": {
466
- "normal": "#1aebff",
467
- "hover": "#1aebff",
468
- "pressed": "#1aebff"
469
- }
470
- },
471
- "outline": {
472
- "button": {
473
- "normal": "#000000"
474
- },
475
- "normal": "#000000",
476
- "disabled": {
477
- "normal": "#3ff23f"
478
- },
479
- "theme": "#000000"
480
- },
481
- "text": {
482
- "accent": {
483
- "normal": "#000000",
484
- "hover": "#000000",
485
- "disabled": "#3ff23f"
486
- },
487
- "primary": {
488
- "disabled": "#3ff23f"
489
- }
490
- }
491
- },
492
497
  "gradientdivider": {
493
498
  "normal": {
494
499
  "0": "#ffffff",
@@ -543,9 +548,125 @@
543
548
  "violet": "#ffffff",
544
549
  "yellow": "#ffffff"
545
550
  },
546
- "gradation": {
547
- "primary": "#000000",
548
- "secondary": "#000000"
551
+ "common": {
552
+ "text": {
553
+ "primary": {
554
+ "normal": "#ffffff",
555
+ "disabled": "#3ff23f"
556
+ },
557
+ "secondary": {
558
+ "normal": "#ffffff"
559
+ },
560
+ "success": {
561
+ "normal": "#ffffff",
562
+ "hover": "#ffffff"
563
+ },
564
+ "error": {
565
+ "normal": "#ffffff",
566
+ "hover": "#ffffff"
567
+ },
568
+ "warning": {
569
+ "normal": "#ffffff",
570
+ "hover": "#ffffff"
571
+ }
572
+ },
573
+ "inverted": {
574
+ "text": {
575
+ "primary": {
576
+ "normal": "#ffffff"
577
+ }
578
+ }
579
+ },
580
+ "overlays": {
581
+ "primary": {
582
+ "normal": "#000000"
583
+ },
584
+ "secondary": {
585
+ "normal": "#000000"
586
+ },
587
+ "meeting": {
588
+ "normal": {
589
+ "0": "#000000",
590
+ "1": "#000000",
591
+ "2": "#000000"
592
+ }
593
+ }
594
+ },
595
+ "button": {
596
+ "primary": {
597
+ "normal": "#000000",
598
+ "hover": "#1aebff",
599
+ "pressed": "#1aebff",
600
+ "disabled": "#3ff23f"
601
+ },
602
+ "secondary": {
603
+ "normal": "#000000",
604
+ "hover": "#1aebff",
605
+ "active": {
606
+ "normal": "#000000",
607
+ "hover": "#1aebff",
608
+ "pressed": "#1aebff",
609
+ "disabled": "#3ff23f"
610
+ },
611
+ "disabled": "#3ff23f"
612
+ },
613
+ "promotion": {
614
+ "normal": {
615
+ "0": "#000000",
616
+ "1": "#000000"
617
+ },
618
+ "hover": {
619
+ "0": "#1aebff",
620
+ "1": "#1aebff"
621
+ },
622
+ "active": {
623
+ "0": "#1aebff",
624
+ "1": "#1aebff"
625
+ }
626
+ }
627
+ },
628
+ "outline": {
629
+ "button": {
630
+ "normal": "#ffffff"
631
+ },
632
+ "primary": {
633
+ "normal": "#ffffff",
634
+ "disabled": "#3ff23f"
635
+ },
636
+ "input": {
637
+ "normal": "#ffffff"
638
+ }
639
+ },
640
+ "control": {
641
+ "share": {
642
+ "content": {
643
+ "selected": "#ffffff",
644
+ "active": "#ffffff",
645
+ "inactive": "#3ff23f"
646
+ }
647
+ },
648
+ "inactive": {
649
+ "normal": "#3ff23f"
650
+ }
651
+ },
652
+ "background": {
653
+ "alert": {
654
+ "share": {
655
+ "normal": "#ffffff"
656
+ }
657
+ }
658
+ },
659
+ "content": {
660
+ "pdf": "#ffffff",
661
+ "word": "#ffffff",
662
+ "powerpoint": "#ffffff",
663
+ "excel": "#ffffff",
664
+ "onenote": "#ffffff",
665
+ "sheets": "#ffffff",
666
+ "slides": "#ffffff",
667
+ "keynote": "#ffffff",
668
+ "doc": "#ffffff"
669
+ }
549
670
  }
550
671
  }
551
672
  }