@momentum-design/tokens 0.0.56 → 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 +96 -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 +77 -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 +6102 -6098
  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 +5990 -6043
  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 +173 -222
  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 -252
  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 +96 -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 +97 -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 -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
@@ -1,162 +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
- "doc": "#4285f4",
150
- "excel": "#00893E",
151
- "keynote": "#029CFB",
152
- "onenote": "#B839DB",
153
- "pdf": "#EE0507",
154
- "powerpoint": "#D93E17",
155
- "sheets": "#F4B400",
156
- "slides": "#0F9D58",
157
- "word": "#0078D6"
158
- }
159
- },
160
4
  "text": {
161
5
  "primary": {
162
6
  "normal": "#fffffff2",
@@ -198,9 +42,9 @@
198
42
  "active": "#fce1fc"
199
43
  },
200
44
  "orange": {
201
- "normal": "#FD884E",
202
- "hover": "#FED5AC",
203
- "active": "#FED5AC"
45
+ "normal": "#fd884e",
46
+ "hover": "#fed5ac",
47
+ "active": "#fed5ac"
204
48
  }
205
49
  },
206
50
  "team": {
@@ -216,7 +60,7 @@
216
60
  },
217
61
  "mint": {
218
62
  "normal": "#30c9b0",
219
- "hover": "#30c9b0",
63
+ "hover": "#baf5e7",
220
64
  "active": "#baf5e7"
221
65
  },
222
66
  "lime": {
@@ -230,9 +74,9 @@
230
74
  "active": "#f5eaa2"
231
75
  },
232
76
  "orange": {
233
- "normal": "#FD884E",
234
- "hover": "#FD884E",
235
- "active": "#FED5AC"
77
+ "normal": "#fd884e",
78
+ "hover": "#fd884e",
79
+ "active": "#fed5ac"
236
80
  },
237
81
  "pink": {
238
82
  "normal": "#fc97aa",
@@ -297,7 +141,9 @@
297
141
  "disabled": {
298
142
  "normal": "#00000033"
299
143
  },
300
- "theme": "#1170cf"
144
+ "theme": {
145
+ "normal": "#1170cf"
146
+ }
301
147
  },
302
148
  "control": {
303
149
  "active": {
@@ -345,10 +191,6 @@
345
191
  "accent": {
346
192
  "normal": "#1170cf"
347
193
  },
348
- "gradient": {
349
- "primary": "linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%)",
350
- "secondary": "linear-gradient(180deg, #262626 0%, #0f0f0f 100%)"
351
- },
352
194
  "alert": {
353
195
  "default": {
354
196
  "normal": "#3b3b3b",
@@ -381,8 +223,8 @@
381
223
  "active": "#601e66"
382
224
  },
383
225
  "orange": {
384
- "normal": "#411B04",
385
- "hover": "#411B04",
226
+ "normal": "#411b04",
227
+ "hover": "#411b04",
386
228
  "active": "#682601"
387
229
  }
388
230
  },
@@ -408,9 +250,9 @@
408
250
  "active": "#12615a"
409
251
  },
410
252
  "orange": {
411
- "normal": "#411B04",
253
+ "normal": "#411b04",
412
254
  "hover": "#682601",
413
- "active": "#9C3202"
255
+ "active": "#9c3202"
414
256
  },
415
257
  "pink": {
416
258
  "normal": "#3b1e21",
@@ -438,18 +280,9 @@
438
280
  },
439
281
  "namelabel": {
440
282
  "normal": "#00000080"
441
- },
442
- "skeleton": {
443
- "normal": "linear-gradient(123deg, #ffffff33 14.98%, #ffffff4d 38.98%, #ffffff66 64.82%, #ffffff80);"
444
- },
445
- "reaction": {
446
- "normal": "linear-gradient(180deg, #ffffff 90%, #ffffff 0%)"
447
283
  }
448
284
  },
449
285
  "button": {
450
- "border": {
451
- "normal": "none"
452
- },
453
286
  "primary": {
454
287
  "normal": "#fffffff2",
455
288
  "hover": "#ffffffcc",
@@ -463,8 +296,9 @@
463
296
  "disabled": "#ffffff00",
464
297
  "active": {
465
298
  "normal": "#ffffff33",
466
- "hover": "#ffffff4d",
467
- "pressed": "#ffffff66"
299
+ "hover": "#ffffff33",
300
+ "pressed": "#ffffff66",
301
+ "disabled": "#ffffff1c"
468
302
  }
469
303
  },
470
304
  "join": {
@@ -485,7 +319,8 @@
485
319
  },
486
320
  "outline": {
487
321
  "primary": {
488
- "normal": "#ffffff66"
322
+ "normal": "#ffffff66",
323
+ "disabled": "#ffffff33"
489
324
  },
490
325
  "theme": {
491
326
  "normal": "#64b4fa"
@@ -506,12 +341,9 @@
506
341
  "cancel": {
507
342
  "normal": "#fc8b98"
508
343
  },
509
- "disabled": {
510
- "normal": "#ffffff33"
511
- },
512
344
  "share": {
513
345
  "selected": "#27a17a",
514
- "active": "#EC6400",
346
+ "active": "#ec6400",
515
347
  "inactive": "#8f8f8f"
516
348
  },
517
349
  "overlay": {
@@ -525,17 +357,11 @@
525
357
  "gold": "#d6b220",
526
358
  "lime": "#93c437",
527
359
  "mint": "#30c9b0",
528
- "orange": "#FD884E",
360
+ "orange": "#fd884e",
529
361
  "pink": "#fc97aa",
530
362
  "purple": "#f294f1",
531
363
  "slate": "#b0b4d9",
532
364
  "violet": "#c7a5fa"
533
- },
534
- "promotion": {
535
- "normal": "linear-gradient(46deg, #c233c4 -0.03%, #d43b52 99.99%)"
536
- },
537
- "gradient": {
538
- "active": "linear-gradient(44deg, #3492eb 14.64%, #00a3b5 51.1%, #3cc29a 85.36%);"
539
365
  }
540
366
  },
541
367
  "control": {
@@ -566,25 +392,154 @@
566
392
  "secondary": {
567
393
  "normal": "#0f0f0f",
568
394
  "hover": "#262626",
569
- "pressed": "#000000"
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
  }