@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
@@ -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",
@@ -439,17 +281,22 @@
439
281
  "namelabel": {
440
282
  "normal": "#00000080"
441
283
  },
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%)"
284
+ "gradient": {
285
+ "primary": {
286
+ "normal": {
287
+ "0": "#1a1a1a",
288
+ "1": "#0f0f0f"
289
+ }
290
+ },
291
+ "secondary": {
292
+ "normal": {
293
+ "0": "#262626",
294
+ "1": "#0f0f0f"
295
+ }
296
+ }
447
297
  }
448
298
  },
449
299
  "button": {
450
- "border": {
451
- "normal": "none"
452
- },
453
300
  "primary": {
454
301
  "normal": "#fffffff2",
455
302
  "hover": "#ffffffcc",
@@ -463,8 +310,9 @@
463
310
  "disabled": "#ffffff00",
464
311
  "active": {
465
312
  "normal": "#ffffff33",
466
- "hover": "#ffffff4d",
467
- "pressed": "#ffffff66"
313
+ "hover": "#ffffff33",
314
+ "pressed": "#ffffff66",
315
+ "disabled": "#ffffff1c"
468
316
  }
469
317
  },
470
318
  "join": {
@@ -485,7 +333,8 @@
485
333
  },
486
334
  "outline": {
487
335
  "primary": {
488
- "normal": "#ffffff66"
336
+ "normal": "#ffffff66",
337
+ "disabled": "#ffffff33"
489
338
  },
490
339
  "theme": {
491
340
  "normal": "#64b4fa"
@@ -506,12 +355,9 @@
506
355
  "cancel": {
507
356
  "normal": "#fc8b98"
508
357
  },
509
- "disabled": {
510
- "normal": "#ffffff33"
511
- },
512
358
  "share": {
513
359
  "selected": "#27a17a",
514
- "active": "#EC6400",
360
+ "active": "#ec6400",
515
361
  "inactive": "#8f8f8f"
516
362
  },
517
363
  "overlay": {
@@ -525,17 +371,11 @@
525
371
  "gold": "#d6b220",
526
372
  "lime": "#93c437",
527
373
  "mint": "#30c9b0",
528
- "orange": "#FD884E",
374
+ "orange": "#fd884e",
529
375
  "pink": "#fc97aa",
530
376
  "purple": "#f294f1",
531
377
  "slate": "#b0b4d9",
532
378
  "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
379
  }
540
380
  },
541
381
  "control": {
@@ -566,25 +406,206 @@
566
406
  "secondary": {
567
407
  "normal": "#0f0f0f",
568
408
  "hover": "#262626",
569
- "pressed": "#000000"
409
+ "pressed": "#3b3b3b"
570
410
  }
571
411
  }
572
412
  },
573
413
  "indicator": {
574
- "unstable": "#EC6400",
414
+ "unstable": "#ec6400",
575
415
  "attention": "#f55868",
576
416
  "stable": "#27a17a",
577
417
  "locked": "#8f8f8f",
578
418
  "caution": "#cf7900",
579
419
  "secure": "#3492eb"
580
420
  },
581
- "whiteboard": {
582
- "stickyNote": {
583
- "yellow": "#ffbe4f",
584
- "red": "#fc8b98",
585
- "purple": "#f294f1",
586
- "cyan": "#22c7d6",
587
- "mint": "#30c9b0"
421
+ "common": {
422
+ "whiteboard": {
423
+ "stickyNote": {
424
+ "yellow": "#ffbe4f",
425
+ "red": "#fc8b98",
426
+ "purple": "#f294f1",
427
+ "cyan": "#22c7d6",
428
+ "mint": "#30c9b0"
429
+ },
430
+ "Pen": {
431
+ "black": "#0f0f0f",
432
+ "red": "#f55868",
433
+ "purple": "#c233c4",
434
+ "blue": "#64b4fa",
435
+ "green": "#3cc29a",
436
+ "yellow": "#f2990a",
437
+ "white": "#ffffff"
438
+ }
439
+ },
440
+ "text": {
441
+ "primary": {
442
+ "normal": "#fffffff2",
443
+ "disabled": "#ffffff66"
444
+ },
445
+ "secondary": {
446
+ "normal": "#ffffffb3"
447
+ },
448
+ "success": {
449
+ "normal": "#3cc29a",
450
+ "hover": "#9fedd8"
451
+ },
452
+ "error": {
453
+ "normal": "#fc8b98",
454
+ "hover": "#ffd4da"
455
+ },
456
+ "warning": {
457
+ "normal": "#f2990a",
458
+ "hover": "#ffda94"
459
+ }
460
+ },
461
+ "inverted": {
462
+ "text": {
463
+ "primary": {
464
+ "normal": "#000000f2"
465
+ }
466
+ }
467
+ },
468
+ "overlays": {
469
+ "primary": {
470
+ "normal": "#000000e6"
471
+ },
472
+ "secondary": {
473
+ "normal": "#00000066"
474
+ },
475
+ "meeting": {
476
+ "normal": {
477
+ "0": "#00000000",
478
+ "1": "#0000004d",
479
+ "2": "#000000cc"
480
+ }
481
+ }
482
+ },
483
+ "button": {
484
+ "primary": {
485
+ "normal": "#fffffff2",
486
+ "hover": "#ffffffcc",
487
+ "pressed": "#ffffffb3",
488
+ "disabled": "#ffffff33"
489
+ },
490
+ "secondary": {
491
+ "normal": "#ffffff12",
492
+ "hover": "#ffffff12",
493
+ "active": {
494
+ "normal": "#ffffffb3",
495
+ "hover": "#ffffff4d",
496
+ "pressed": "#ffffff66",
497
+ "disabled": "#ffffff1c"
498
+ },
499
+ "disabled": "#ffffff00"
500
+ },
501
+ "promotion": {
502
+ "normal": {
503
+ "0": "#932099",
504
+ "1": "#a12a3a"
505
+ },
506
+ "hover": {
507
+ "0": "#601e66",
508
+ "1": "#66262d"
509
+ },
510
+ "active": {
511
+ "0": "#601e66",
512
+ "1": "#3b1e21"
513
+ }
514
+ },
515
+ "join": {
516
+ "animated": {
517
+ "gradient": {
518
+ "normal": {
519
+ "0": "#30c9b0",
520
+ "1": "#64b4fa",
521
+ "2": "#30c9b0"
522
+ }
523
+ }
524
+ }
525
+ }
526
+ },
527
+ "outline": {
528
+ "button": {
529
+ "normal": "#ffffff4d"
530
+ },
531
+ "primary": {
532
+ "normal": "#ffffff66",
533
+ "disabled": "#ffffff33"
534
+ },
535
+ "input": {
536
+ "normal": "#ffffff80"
537
+ }
538
+ },
539
+ "control": {
540
+ "share": {
541
+ "content": {
542
+ "selected": "#3cc29a",
543
+ "active": "#c94403",
544
+ "inactive": "#707070"
545
+ }
546
+ },
547
+ "inactive": {
548
+ "normal": "#00000033"
549
+ }
550
+ },
551
+ "background": {
552
+ "alert": {
553
+ "share": {
554
+ "normal": "#c94403"
555
+ }
556
+ }
557
+ },
558
+ "partner": {
559
+ "pdf": "#ee0507",
560
+ "word": "#0078d6",
561
+ "powerpoint": "#d93e17",
562
+ "excel": "#00893e",
563
+ "onenote": "#b839db",
564
+ "sheets": "#f4b400",
565
+ "slides": "#0f9d58",
566
+ "keynote": "#029cfb",
567
+ "doc": "#4285f4"
568
+ },
569
+ "touchbar": {
570
+ "background": {
571
+ "blue": {
572
+ "normal": "#1170cf",
573
+ "pressed": "#063a75"
574
+ },
575
+ "pink": {
576
+ "normal": "#d43b52",
577
+ "pressed": "#66262d"
578
+ },
579
+ "mint": {
580
+ "normal": "#148579",
581
+ "pressed": "#12423f"
582
+ },
583
+ "purple": {
584
+ "normal": "#c233c4",
585
+ "pressed": "#601e66"
586
+ },
587
+ "violet": {
588
+ "normal": "#875ae0",
589
+ "pressed": "#432c78"
590
+ },
591
+ "orange": {
592
+ "normal": "#c94403",
593
+ "pressed": "#682601"
594
+ },
595
+ "green": {
596
+ "normal": "#1d805f",
597
+ "pressed": "#134231"
598
+ },
599
+ "red": {
600
+ "normal": "#db1f2e",
601
+ "pressed": "#780d13"
602
+ }
603
+ },
604
+ "icon": {
605
+ "attention": "#fc8b98",
606
+ "stable": "#27a17a",
607
+ "secure": "#64b4fa"
608
+ }
588
609
  }
589
610
  },
590
611
  "scrollbar": {
@@ -630,7 +651,7 @@
630
651
  },
631
652
  "tertiary": {
632
653
  "0": "#ffbe4f",
633
- "1": "#EC6400"
654
+ "1": "#ec6400"
634
655
  },
635
656
  "quartenary": {
636
657
  "0": "#93c437",
@@ -680,32 +701,32 @@
680
701
  },
681
702
  "error": {
682
703
  "normal": {
683
- "0": "#fc8b9800",
684
- "1": "#fc8b9899"
704
+ "0": "#fc8b98",
705
+ "1": "#fc8b98"
685
706
  },
686
707
  "hover": {
687
- "0": "#fc8b9800",
688
- "1": "#fc8b98E6"
708
+ "0": "#fc8b98",
709
+ "1": "#fc8b98"
689
710
  }
690
711
  },
691
712
  "warning": {
692
713
  "normal": {
693
- "0": "#f2990a00",
694
- "1": "#f2990a99"
714
+ "0": "#f2990a",
715
+ "1": "#f2990a"
695
716
  },
696
717
  "hover": {
697
- "0": "#f2990a00",
698
- "1": "#f2990aE6"
718
+ "0": "#f2990a",
719
+ "1": "#f2990a"
699
720
  }
700
721
  },
701
722
  "announce": {
702
723
  "normal": {
703
- "0": "#64b4fa00",
704
- "1": "#64b4faE6"
724
+ "0": "#64b4fa",
725
+ "1": "#64b4fa"
705
726
  },
706
727
  "hover": {
707
- "0": "#64b4fa00",
708
- "1": "#64b4faE6"
728
+ "0": "#64b4fa",
729
+ "1": "#64b4fa"
709
730
  }
710
731
  }
711
732
  },
@@ -716,16 +737,12 @@
716
737
  "gold": "#735107",
717
738
  "lime": "#416116",
718
739
  "mint": "#12615a",
719
- "orange": "#9C3202",
740
+ "orange": "#9c3202",
720
741
  "pink": "#a12a3a",
721
742
  "purple": "#932099",
722
743
  "slate": "#535573",
723
744
  "violet": "#643abd",
724
745
  "yellow": "#7d4705"
725
- },
726
- "gradation": {
727
- "primary": "linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%)",
728
- "secondary": "linear-gradient(180deg, #262626 0%, #0f0f0f 100%)"
729
746
  }
730
747
  }
731
748
  }