@momentum-design/tokens 0.0.55 → 0.0.57

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 +98 -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 +121 -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 +79 -102
  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 +101 -128
  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 +5986 -5937
  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 +6023 -6087
  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 +177 -226
  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 +205 -254
  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 +98 -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 +121 -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 +99 -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 +122 -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 -2179
  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 -164
  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
@@ -1,164 +1,6 @@
1
1
  {
2
2
  "color": {
3
3
  "theme": {
4
- "common": {
5
- "text": {
6
- "white": "#fffffff2",
7
- "gray": "#ffffffb3",
8
- "black": "#000000f2",
9
- "disabled": "#ffffff66",
10
- "success": {
11
- "normal": "#3cc29a",
12
- "hover": "#9fedd8"
13
- },
14
- "error": {
15
- "normal": "#fc8b98",
16
- "hover": "#ffd4da"
17
- },
18
- "warning": {
19
- "normal": "#f2990a"
20
- },
21
- "secondary-light": "#ffffffb3",
22
- "secondary-dark": "#00000099"
23
- },
24
- "overlay": {
25
- "primary": {
26
- "normal": "#000000e6"
27
- },
28
- "secondary": {
29
- "normal": "#00000066"
30
- },
31
- "meeting": {
32
- "normal": "linear-gradient(180deg, #000000cc 0%, #0000004d 50.23%, #00000000 100%)"
33
- }
34
- },
35
- "button": {
36
- "primary": {
37
- "normal": "#fffffff2",
38
- "hover": "#ffffffcc",
39
- "pressed": "#ffffffb3",
40
- "disabled": "#ffffff33"
41
- },
42
- "secondary": {
43
- "normal": "#ffffff00",
44
- "hover": "#ffffff12",
45
- "disabled": "#ffffff00",
46
- "active": {
47
- "normal": "#ffffff33",
48
- "hover": "#ffffff4d",
49
- "pressed": "#ffffff66"
50
- }
51
- },
52
- "secondary-dark": {
53
- "normal": "#00000000",
54
- "hover": "#00000012",
55
- "pressed": "#00000033",
56
- "disabled": "#00000000"
57
- },
58
- "join-animated-gradient": {
59
- "normal": {
60
- "0": "#30c9b0",
61
- "1": "#64b4fa"
62
- }
63
- },
64
- "promotion": {
65
- "normal": "linear-gradient(46deg, #932099 -0.03%, #a12a3a 99.99%)",
66
- "hover": "linear-gradient(46deg, #601e66 -0.04%, #66262d 99.97%)",
67
- "active": "linear-gradient(46deg, #3b1840 -0.05%, #3b1e21 99.96%)"
68
- }
69
- },
70
- "outline": {
71
- "button": {
72
- "normal": "#ffffff4d"
73
- },
74
- "primary": {
75
- "normal": "#ffffff66"
76
- },
77
- "input": {
78
- "normal": "#ffffff80"
79
- },
80
- "disabled": {
81
- "normal": "#ffffff33"
82
- },
83
- "closed-caption": {
84
- "secondary": {
85
- "light": "#ffffff33",
86
- "dark": "#00000033"
87
- }
88
- }
89
- },
90
- "control": {
91
- "inactive": {
92
- "normal": "#00000033"
93
- },
94
- "shareContent": {
95
- "active": "#C94403",
96
- "inactive": "#707070",
97
- "selected": "#3cc29a"
98
- }
99
- },
100
- "background": {
101
- "solid": {
102
- "secondary-dark": "#1a1a1a",
103
- "primary-light": "#ffffff"
104
- }
105
- },
106
- "touchbar": {
107
- "background": {
108
- "blue": {
109
- "normal": "#1170cf",
110
- "pressed": "#063a75"
111
- },
112
- "pink": {
113
- "normal": "#d43b52",
114
- "pressed": "#66262d"
115
- },
116
- "mint": {
117
- "normal": "#148579",
118
- "pressed": "#12423f"
119
- },
120
- "purple": {
121
- "normal": "#c233c4",
122
- "pressed": "#601e66"
123
- },
124
- "violet": {
125
- "normal": "#875ae0",
126
- "pressed": "#432c78"
127
- },
128
- "orange": {
129
- "normal": "#C94403",
130
- "pressed": "#682601"
131
- },
132
- "green": {
133
- "normal": "#1d805f",
134
- "pressed": "#134231"
135
- },
136
- "red": {
137
- "normal": "#db1f2e",
138
- "pressed": "#780d13"
139
- },
140
- "transparent": "#00000000"
141
- },
142
- "icon": {
143
- "stable": "#27a17a",
144
- "attention": "#fc8b98",
145
- "secure": "#64b4fa"
146
- }
147
- },
148
- "content": {
149
- "partner": {
150
- "doc": "#4285f4",
151
- "excel": "#00893E",
152
- "keynote": "#029CFB",
153
- "onenote": "#B839DB",
154
- "pdf": "#EE0507",
155
- "powerpoint": "#D93E17",
156
- "sheets": "#F4B400",
157
- "slides": "#0F9D58",
158
- "word": "#0078D6"
159
- }
160
- }
161
- },
162
4
  "text": {
163
5
  "primary": {
164
6
  "normal": "#fffffff2",
@@ -200,9 +42,9 @@
200
42
  "active": "#fce1fc"
201
43
  },
202
44
  "orange": {
203
- "normal": "#FD884E",
204
- "hover": "#FED5AC",
205
- "active": "#FED5AC"
45
+ "normal": "#fd884e",
46
+ "hover": "#fed5ac",
47
+ "active": "#fed5ac"
206
48
  }
207
49
  },
208
50
  "team": {
@@ -218,7 +60,7 @@
218
60
  },
219
61
  "mint": {
220
62
  "normal": "#30c9b0",
221
- "hover": "#30c9b0",
63
+ "hover": "#baf5e7",
222
64
  "active": "#baf5e7"
223
65
  },
224
66
  "lime": {
@@ -232,9 +74,9 @@
232
74
  "active": "#f5eaa2"
233
75
  },
234
76
  "orange": {
235
- "normal": "#FD884E",
236
- "hover": "#FD884E",
237
- "active": "#FED5AC"
77
+ "normal": "#fd884e",
78
+ "hover": "#fd884e",
79
+ "active": "#fed5ac"
238
80
  },
239
81
  "pink": {
240
82
  "normal": "#fc97aa",
@@ -299,7 +141,9 @@
299
141
  "disabled": {
300
142
  "normal": "#00000033"
301
143
  },
302
- "theme": "#1170cf"
144
+ "theme": {
145
+ "normal": "#1170cf"
146
+ }
303
147
  },
304
148
  "control": {
305
149
  "active": {
@@ -347,10 +191,6 @@
347
191
  "accent": {
348
192
  "normal": "#1170cf"
349
193
  },
350
- "gradient": {
351
- "primary": "linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%)",
352
- "secondary": "linear-gradient(180deg, #262626 0%, #0f0f0f 100%)"
353
- },
354
194
  "alert": {
355
195
  "default": {
356
196
  "normal": "#3b3b3b",
@@ -383,8 +223,8 @@
383
223
  "active": "#601e66"
384
224
  },
385
225
  "orange": {
386
- "normal": "#411B04",
387
- "hover": "#411B04",
226
+ "normal": "#411b04",
227
+ "hover": "#411b04",
388
228
  "active": "#682601"
389
229
  }
390
230
  },
@@ -410,9 +250,9 @@
410
250
  "active": "#12615a"
411
251
  },
412
252
  "orange": {
413
- "normal": "#411B04",
253
+ "normal": "#411b04",
414
254
  "hover": "#682601",
415
- "active": "#9C3202"
255
+ "active": "#9c3202"
416
256
  },
417
257
  "pink": {
418
258
  "normal": "#3b1e21",
@@ -440,18 +280,9 @@
440
280
  },
441
281
  "namelabel": {
442
282
  "normal": "#00000080"
443
- },
444
- "skeleton": {
445
- "normal": "linear-gradient(123deg, #ffffff33 14.98%, #ffffff4d 38.98%, #ffffff66 64.82%, #ffffff80);"
446
- },
447
- "reaction": {
448
- "normal": "linear-gradient(180deg, #ffffff 90%, #ffffff 0%)"
449
283
  }
450
284
  },
451
285
  "button": {
452
- "border": {
453
- "normal": "none"
454
- },
455
286
  "primary": {
456
287
  "normal": "#fffffff2",
457
288
  "hover": "#ffffffcc",
@@ -465,8 +296,9 @@
465
296
  "disabled": "#ffffff00",
466
297
  "active": {
467
298
  "normal": "#ffffff33",
468
- "hover": "#ffffff4d",
469
- "pressed": "#ffffff66"
299
+ "hover": "#ffffff33",
300
+ "pressed": "#ffffff66",
301
+ "disabled": "#ffffff1c"
470
302
  }
471
303
  },
472
304
  "join": {
@@ -487,7 +319,8 @@
487
319
  },
488
320
  "outline": {
489
321
  "primary": {
490
- "normal": "#ffffff66"
322
+ "normal": "#ffffff66",
323
+ "disabled": "#ffffff33"
491
324
  },
492
325
  "theme": {
493
326
  "normal": "#64b4fa"
@@ -508,12 +341,9 @@
508
341
  "cancel": {
509
342
  "normal": "#fc8b98"
510
343
  },
511
- "disabled": {
512
- "normal": "#ffffff33"
513
- },
514
344
  "share": {
515
345
  "selected": "#27a17a",
516
- "active": "#EC6400",
346
+ "active": "#ec6400",
517
347
  "inactive": "#8f8f8f"
518
348
  },
519
349
  "overlay": {
@@ -527,17 +357,11 @@
527
357
  "gold": "#d6b220",
528
358
  "lime": "#93c437",
529
359
  "mint": "#30c9b0",
530
- "orange": "#FD884E",
360
+ "orange": "#fd884e",
531
361
  "pink": "#fc97aa",
532
362
  "purple": "#f294f1",
533
363
  "slate": "#b0b4d9",
534
364
  "violet": "#c7a5fa"
535
- },
536
- "promotion": {
537
- "normal": "linear-gradient(46deg, #c233c4 -0.03%, #d43b52 99.99%)"
538
- },
539
- "gradient": {
540
- "active": "linear-gradient(44deg, #3492eb 14.64%, #00a3b5 51.1%, #3cc29a 85.36%);"
541
365
  }
542
366
  },
543
367
  "control": {
@@ -564,27 +388,158 @@
564
388
  "meetings": {
565
389
  "normal": "#000000b3"
566
390
  },
567
- "text": {
568
- "primary": {
569
- "normal": "#000000f2"
391
+ "button": {
392
+ "secondary": {
393
+ "normal": "#0f0f0f",
394
+ "hover": "#262626",
395
+ "pressed": "#3b3b3b"
570
396
  }
571
397
  }
572
398
  },
573
399
  "indicator": {
574
- "unstable": "#EC6400",
400
+ "unstable": "#ec6400",
575
401
  "attention": "#f55868",
576
402
  "stable": "#27a17a",
577
403
  "locked": "#8f8f8f",
578
404
  "caution": "#cf7900",
579
405
  "secure": "#3492eb"
580
406
  },
581
- "whiteboard": {
582
- "stickyNote": {
583
- "yellow": "#ffbe4f",
584
- "red": "#fc8b98",
585
- "purple": "#f294f1",
586
- "cyan": "#22c7d6",
587
- "mint": "#30c9b0"
407
+ "common": {
408
+ "whiteboard": {
409
+ "stickyNote": {
410
+ "yellow": "#ffbe4f",
411
+ "red": "#fc8b98",
412
+ "purple": "#f294f1",
413
+ "cyan": "#22c7d6",
414
+ "mint": "#30c9b0"
415
+ },
416
+ "Pen": {
417
+ "black": "#0f0f0f",
418
+ "red": "#f55868",
419
+ "purple": "#c233c4",
420
+ "blue": "#64b4fa",
421
+ "green": "#3cc29a",
422
+ "yellow": "#f2990a",
423
+ "white": "#ffffff"
424
+ }
425
+ },
426
+ "text": {
427
+ "primary": {
428
+ "normal": "#fffffff2",
429
+ "disabled": "#ffffff66"
430
+ },
431
+ "secondary": {
432
+ "normal": "#ffffffb3"
433
+ },
434
+ "success": {
435
+ "normal": "#3cc29a",
436
+ "hover": "#9fedd8"
437
+ },
438
+ "error": {
439
+ "normal": "#fc8b98",
440
+ "hover": "#ffd4da"
441
+ },
442
+ "warning": {
443
+ "normal": "#f2990a",
444
+ "hover": "#ffda94"
445
+ }
446
+ },
447
+ "inverted": {
448
+ "text": {
449
+ "primary": {
450
+ "normal": "#000000f2"
451
+ }
452
+ }
453
+ },
454
+ "overlays": {
455
+ "primary": {
456
+ "normal": "#000000e6"
457
+ },
458
+ "secondary": {
459
+ "normal": "#00000066"
460
+ },
461
+ "meeting": {
462
+ "normal": {
463
+ "0": "#00000000",
464
+ "1": "#0000004d",
465
+ "2": "#000000cc"
466
+ }
467
+ }
468
+ },
469
+ "button": {
470
+ "primary": {
471
+ "normal": "#fffffff2",
472
+ "hover": "#ffffffcc",
473
+ "pressed": "#ffffffb3",
474
+ "disabled": "#ffffff33"
475
+ },
476
+ "secondary": {
477
+ "normal": "#ffffff12",
478
+ "hover": "#ffffff12",
479
+ "active": {
480
+ "normal": "#ffffffb3",
481
+ "hover": "#ffffff4d",
482
+ "pressed": "#ffffff66",
483
+ "disabled": "#ffffff1c"
484
+ },
485
+ "disabled": "#ffffff00"
486
+ },
487
+ "promotion": {
488
+ "normal": {
489
+ "0": "#932099",
490
+ "1": "#a12a3a"
491
+ },
492
+ "hover": {
493
+ "0": "#601e66",
494
+ "1": "#66262d"
495
+ },
496
+ "active": {
497
+ "0": "#601e66",
498
+ "1": "#3b1e21"
499
+ }
500
+ }
501
+ },
502
+ "outline": {
503
+ "button": {
504
+ "normal": "#ffffff4d"
505
+ },
506
+ "primary": {
507
+ "normal": "#ffffff66",
508
+ "disabled": "#ffffff33"
509
+ },
510
+ "input": {
511
+ "normal": "#ffffff80"
512
+ }
513
+ },
514
+ "control": {
515
+ "share": {
516
+ "content": {
517
+ "selected": "#3cc29a",
518
+ "active": "#c94403",
519
+ "inactive": "#707070"
520
+ }
521
+ },
522
+ "inactive": {
523
+ "normal": "#00000033"
524
+ }
525
+ },
526
+ "background": {
527
+ "alert": {
528
+ "share": {
529
+ "normal": "#c94403"
530
+ }
531
+ }
532
+ },
533
+ "partner": {
534
+ "pdf": "#ee0507",
535
+ "word": "#0078d6",
536
+ "powerpoint": "#d93e17",
537
+ "excel": "#00893e",
538
+ "onenote": "#b839db",
539
+ "sheets": "#f4b400",
540
+ "slides": "#0f9d58",
541
+ "keynote": "#029cfb",
542
+ "doc": "#4285f4"
588
543
  }
589
544
  },
590
545
  "scrollbar": {
@@ -630,7 +585,7 @@
630
585
  },
631
586
  "tertiary": {
632
587
  "0": "#ffbe4f",
633
- "1": "#EC6400"
588
+ "1": "#ec6400"
634
589
  },
635
590
  "quartenary": {
636
591
  "0": "#93c437",
@@ -680,32 +635,32 @@
680
635
  },
681
636
  "error": {
682
637
  "normal": {
683
- "0": "#fc8b9800",
684
- "1": "#fc8b9899"
638
+ "0": "#fc8b98",
639
+ "1": "#fc8b98"
685
640
  },
686
641
  "hover": {
687
- "0": "#fc8b9800",
688
- "1": "#fc8b98E6"
642
+ "0": "#fc8b98",
643
+ "1": "#fc8b98"
689
644
  }
690
645
  },
691
646
  "warning": {
692
647
  "normal": {
693
- "0": "#f2990a00",
694
- "1": "#f2990a99"
648
+ "0": "#f2990a",
649
+ "1": "#f2990a"
695
650
  },
696
651
  "hover": {
697
- "0": "#f2990a00",
698
- "1": "#f2990aE6"
652
+ "0": "#f2990a",
653
+ "1": "#f2990a"
699
654
  }
700
655
  },
701
656
  "announce": {
702
657
  "normal": {
703
- "0": "#64b4fa00",
704
- "1": "#64b4faE6"
658
+ "0": "#64b4fa",
659
+ "1": "#64b4fa"
705
660
  },
706
661
  "hover": {
707
- "0": "#64b4fa00",
708
- "1": "#64b4faE6"
662
+ "0": "#64b4fa",
663
+ "1": "#64b4fa"
709
664
  }
710
665
  }
711
666
  },
@@ -716,16 +671,12 @@
716
671
  "gold": "#735107",
717
672
  "lime": "#416116",
718
673
  "mint": "#12615a",
719
- "orange": "#9C3202",
674
+ "orange": "#9c3202",
720
675
  "pink": "#a12a3a",
721
676
  "purple": "#932099",
722
677
  "slate": "#535573",
723
678
  "violet": "#643abd",
724
679
  "yellow": "#7d4705"
725
- },
726
- "gradation": {
727
- "primary": "linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%)",
728
- "secondary": "linear-gradient(180deg, #262626 0%, #0f0f0f 100%)"
729
680
  }
730
681
  }
731
682
  }