@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,635 +0,0 @@
1
- {
2
- "color": {
3
- "theme": {
4
- "neutral": {
5
- "bg": {
6
- "primary": "linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%)",
7
- "secondary": "linear-gradient(180deg, #262626 0%, #0f0f0f 100%)",
8
- "mob": {
9
- "primary": "#000000",
10
- "secondary": "#1a1a1a"
11
- }
12
- },
13
- "surface": {
14
- "primary": {
15
- "default": "#ffffff00",
16
- "hover": "#ffffff12",
17
- "active": "#ffffff1c",
18
- "disabled": "#ffffff00"
19
- },
20
- "secondary": {
21
- "default": "#ffffff1c",
22
- "hover": "#ffffff33",
23
- "active": "#ffffff4d",
24
- "disabled": "#ffffff1c"
25
- },
26
- "tertiary": {
27
- "0": "#000000",
28
- "1": "#1a1a1a",
29
- "2": "#262626"
30
- },
31
- "overlay": {
32
- "0": "#000000e6",
33
- "1": "#000000cc",
34
- "fixed": "#000000e6"
35
- },
36
- "fixed": {
37
- "0": "#000000cc",
38
- "1": "#00000066"
39
- }
40
- },
41
- "text": {
42
- "primary": "#fffffff2",
43
- "disabled": "#ffffff33",
44
- "secondary": {
45
- "default": "#ffffffb3",
46
- "active": "#fffffff2"
47
- },
48
- "fixed": {
49
- "primary": "#fffffff2",
50
- "secondary": "#ffffffb3",
51
- "disabled": "#ffffff33"
52
- }
53
- },
54
- "btn": {
55
- "primary": {
56
- "default": "#fffffff2",
57
- "hover": "#ffffffcc",
58
- "pressed": "#ffffffb3",
59
- "disabled": "#ffffff33"
60
- },
61
- "secondary": {
62
- "default": "#ffffff00",
63
- "hover": "#ffffff12",
64
- "pressed": "#ffffff33",
65
- "disabled": "#ffffff00",
66
- "active": {
67
- "default": "#ffffff33",
68
- "hover": "#ffffff4d",
69
- "pressed": "#ffffff66"
70
- }
71
- },
72
- "fixed": {
73
- "primary": {
74
- "default": "#fffffff2",
75
- "hover": "#ffffffcc",
76
- "pressed": "#ffffffb3",
77
- "disabled": "#ffffff33"
78
- },
79
- "secondary": {
80
- "default": "#ffffff00",
81
- "hover": "#ffffff12",
82
- "pressed": "#ffffff33",
83
- "disabled": "#ffffff00",
84
- "active": {
85
- "default": "#ffffff33",
86
- "hover": "#ffffff4d",
87
- "pressed": "#ffffff66"
88
- }
89
- }
90
- }
91
- },
92
- "indicator": {
93
- "default": "#8f8f8f",
94
- "avatar": {
95
- "fixed": "#545454"
96
- },
97
- "chip": {
98
- "default": "#262626",
99
- "hover": "#3b3b3b",
100
- "pressed": "#545454"
101
- },
102
- "fixed": {
103
- "strong": "#ffffff",
104
- "default": "#8f8f8f",
105
- "moderate": "#00000080"
106
- }
107
- },
108
- "control": {
109
- "default": "#ffffff33",
110
- "hover": "#ffffff4d",
111
- "pressed": "#ffffff66",
112
- "disabled": "#ffffff33",
113
- "slider": {
114
- "default": "#adadad",
115
- "disabled": "#707070"
116
- },
117
- "scrollbar": {
118
- "default": "#ffffff00",
119
- "hover": "#ffffff1c",
120
- "pressed": "#ffffff33"
121
- },
122
- "fixed": {
123
- "default": "#ffffff"
124
- }
125
- },
126
- "border": {
127
- "strong": "#ffffffe6",
128
- "default": "#ffffff80",
129
- "moderate": "#ffffff66",
130
- "subtle": "#ffffff4d",
131
- "weak": "#ffffff33",
132
- "fixed": {
133
- "bold": "#707070",
134
- "default": "#ffffff80",
135
- "moderate": "#ffffff66",
136
- "subtle": "#ffffff4d",
137
- "weak": "#ffffff33"
138
- }
139
- }
140
- },
141
- "accent": {
142
- "surface": {
143
- "default": "#0a274a",
144
- "active": "#063a75",
145
- "mobile": {
146
- "default": "#3492eb",
147
- "active": "#1170cf"
148
- }
149
- },
150
- "text": {
151
- "default": "#64b4fa",
152
- "hover": "#bfe3ff",
153
- "active": "#bfe3ff"
154
- },
155
- "btn": {
156
- "fixed": {
157
- "default": "#1170cf",
158
- "hover": "#0353a8",
159
- "pressed": "#063a75"
160
- }
161
- },
162
- "indicator": {
163
- "default": "#3492eb",
164
- "badge": {
165
- "fixed": "#1170cf"
166
- },
167
- "chip": {
168
- "default": "#0a274a",
169
- "hover": "#063a75",
170
- "pressed": "#0353a8"
171
- },
172
- "fixed": {
173
- "default": "#3492eb"
174
- }
175
- },
176
- "control": {
177
- "default": "#64b4fa",
178
- "hover": "#3492eb",
179
- "pressed": "#1170cf"
180
- },
181
- "border": {
182
- "default": "#3492eb",
183
- "moderate": "#64b4fa"
184
- }
185
- },
186
- "positive": {
187
- "surface": {
188
- "default": "#0e2b20",
189
- "active": "#134231"
190
- },
191
- "text": {
192
- "default": "#3cc29a",
193
- "hover": "#9fedd8",
194
- "active": "#9fedd8",
195
- "fixed": {
196
- "default": "#3cc29a",
197
- "hover": "#9fedd8"
198
- }
199
- },
200
- "btn": {
201
- "fixed": {
202
- "default": "#1d805f",
203
- "hover": "#185e46",
204
- "pressed": "#134231"
205
- }
206
- },
207
- "indicator": {
208
- "default": "#27a17a",
209
- "fixed": {
210
- "default": "#27a17a"
211
- }
212
- },
213
- "border": {
214
- "default": "#3cc29a",
215
- "fixed": {
216
- "moderate": "#3cc29a"
217
- }
218
- }
219
- },
220
- "negative": {
221
- "surface": {
222
- "default": "#4f0e10",
223
- "active": "#780d13",
224
- "fixed": "#fc8b98"
225
- },
226
- "text": {
227
- "default": "#fc8b98",
228
- "hover": "#ffd4da",
229
- "active": "#ffd4da",
230
- "fixed": {
231
- "default": "#fc8b98",
232
- "hover": "#ffd4da"
233
- }
234
- },
235
- "btn": {
236
- "fixed": {
237
- "default": "#db1f2e",
238
- "hover": "#ab0a15",
239
- "pressed": "#780d13"
240
- }
241
- },
242
- "indicator": {
243
- "default": "#f55868",
244
- "chip": {
245
- "default": "#4f0e10",
246
- "hover": "#780d13",
247
- "pressed": "#ab0a15"
248
- },
249
- "fixed": {
250
- "default": "#f55868"
251
- }
252
- },
253
- "border": {
254
- "default": "#fc8b98"
255
- }
256
- },
257
- "warning": {
258
- "surface": {
259
- "default": "#36220c",
260
- "active": "#57330a",
261
- "fixed": "#f2990a"
262
- },
263
- "text": {
264
- "default": "#f2990a",
265
- "hover": "#ffda94",
266
- "active": "#ffda94",
267
- "fixed": {
268
- "default": "#f2990a"
269
- }
270
- },
271
- "indicator": {
272
- "default": "#cf7900",
273
- "avatar": {
274
- "fixed": "#7d4705"
275
- },
276
- "chip": {
277
- "default": "#36220c",
278
- "hover": "#57330a",
279
- "pressed": "#7d4705"
280
- },
281
- "fixed": {
282
- "default": "#cf7900"
283
- }
284
- },
285
- "border": {
286
- "default": "#f2990a"
287
- }
288
- },
289
- "notice": {
290
- "text": {
291
- "default": "#FD884E",
292
- "hover": "#FED5AC",
293
- "active": "#FED5AC"
294
- },
295
- "indicator": {
296
- "default": "#EC6400",
297
- "chip": {
298
- "defualt": "#411B04",
299
- "hover": "#682601",
300
- "pressed": "#9C3202",
301
- "fixed": "#C94403"
302
- },
303
- "avatar": {
304
- "fixed": "#9C3202"
305
- }
306
- },
307
- "border": {
308
- "default": "#EC6400",
309
- "fixed": {
310
- "bold": "#C94403"
311
- }
312
- }
313
- },
314
- "inverse": {
315
- "neutral": {
316
- "surface": {
317
- "default": "#ffffff"
318
- },
319
- "text": {
320
- "primary": "#000000f2",
321
- "secondary": "#00000099",
322
- "disabled": "#00000033",
323
- "fixed": "#000000f2"
324
- },
325
- "btn": {
326
- "primary": {
327
- "default": "#0f0f0f",
328
- "hover": "#262626",
329
- "pressed": "#3b3b3b",
330
- "disabled": "#00000033"
331
- },
332
- "secondary": {
333
- "default": "#00000000",
334
- "hover": "#00000012",
335
- "pressed": "#00000033",
336
- "disabled": "#00000033"
337
- },
338
- "tertiary": {
339
- "default": "#00000000",
340
- "hover": "#00000012",
341
- "pressed": "#00000033",
342
- "disabled": "#00000033"
343
- }
344
- }
345
- },
346
- "accent": {
347
- "text": {
348
- "fixed": {
349
- "default": "#0353a8",
350
- "hover": "#0a274a",
351
- "active": "#0a274a"
352
- }
353
- }
354
- }
355
- },
356
- "decorative": {
357
- "neutral": {
358
- "surface": {
359
- "primary": "linear-gradient(90deg, #1a1a1a 60.56%, #1a1a1a 92.59%)",
360
- "secondary": "linear-gradient(180deg, #000000e6 0%, #00000000 100%)"
361
- },
362
- "border": {
363
- "primary": {
364
- "default": "linear-gradient(90deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%)",
365
- "hover": "linear-gradient(90deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%)"
366
- }
367
- }
368
- },
369
- "accent": {
370
- "border": {
371
- "default": "linear-gradient(90deg, #64b4fa00 0%, #64b4fa99 22.4%, #64b4fa99 76.04%, #64b4fa00 100%)",
372
- "hover": "linear-gradient(90deg, #64b4fa00 0%,#64b4faE6 22.4%, #64b4faE6 76.04%, #64b4fa00 100%)"
373
- }
374
- },
375
- "negative": {
376
- "border": {
377
- "default": "linear-gradient(90deg, #fc8b9800 0%, #fc8b9899 22.4%, #fc8b9899 76.04%, #fc8b9800 100%)",
378
- "hover": "linear-gradient(90deg, #fc8b9800 0%, #fc8b98e6 22.4%, #fc8b98e6 76.04%, #fc8b9800 100%)"
379
- }
380
- },
381
- "warning": {
382
- "border": {
383
- "default": "linear-gradient(90deg, #f2990a00 0%, #f2990a99 22.4%, #f2990a99 76.04%, #f2990a00 100%)",
384
- "hover": "linear-gradient(90deg, #f2990a00 0%, #f2990ae6 22.4%, #f2990ae6 76.04%, #f2990a00 100%)"
385
- }
386
- },
387
- "gold": {
388
- "text": {
389
- "default": "#d6b220",
390
- "active": "#f5eaa2"
391
- },
392
- "indicator": {
393
- "default": "#30240d",
394
- "hover": "#4d370c",
395
- "pressed": "#735107",
396
- "avatar": {
397
- "fixed": "#735107"
398
- }
399
- },
400
- "border": {
401
- "fixed": "#d6b220"
402
- }
403
- },
404
- "lime": {
405
- "text": {
406
- "default": "#93c437",
407
- "active": "#ddf2ae"
408
- },
409
- "indicator": {
410
- "default": "#1e2b10",
411
- "hover": "#2d4214",
412
- "pressed": "#416116",
413
- "avatar": {
414
- "fixed": "#416116"
415
- }
416
- },
417
- "border": {
418
- "fixed": "#93c437"
419
- }
420
- },
421
- "mint": {
422
- "surface": {
423
- "fixed": "#30c9b0"
424
- },
425
- "text": {
426
- "default": "#30c9b0",
427
- "active": "#baf5e7"
428
- },
429
- "indicator": {
430
- "default": "#102b2a",
431
- "hover": "#12423f",
432
- "pressed": "#12615a",
433
- "avatar": {
434
- "fixed": "#12615a"
435
- }
436
- },
437
- "border": {
438
- "fixed": "#30c9b0"
439
- }
440
- },
441
- "cyan": {
442
- "surface": {
443
- "fixed": "#22c7d6"
444
- },
445
- "text": {
446
- "default": "#22c7d6",
447
- "active": "#b2f4f7"
448
- },
449
- "border": {
450
- "fixed": "#22c7d6"
451
- },
452
- "indicator": {
453
- "avatar": {
454
- "fixed": "#066070"
455
- }
456
- }
457
- },
458
- "cobalt": {
459
- "text": {
460
- "default": "#5ebff7",
461
- "active": "#c7eeff"
462
- },
463
- "indicator": {
464
- "default": "#12283d",
465
- "hover": "#103c63",
466
- "pressed": "#08599c",
467
- "avatar": {
468
- "fixed": "#08599c"
469
- }
470
- },
471
- "border": {
472
- "fixed": "#5ebff7"
473
- }
474
- },
475
- "slate": {
476
- "text": {
477
- "default": "#b0b4d9",
478
- "active": "#e3e7fa"
479
- },
480
- "indicator": {
481
- "default": "#26262b",
482
- "hover": "#393a47",
483
- "pressed": "#535573",
484
- "avatar": {
485
- "fixed": "#535573"
486
- }
487
- },
488
- "border": {
489
- "fixed": "#b0b4d9"
490
- }
491
- },
492
- "violet": {
493
- "text": {
494
- "default": "#c7a5fa",
495
- "active": "#f0e3fc"
496
- },
497
- "indicator": {
498
- "default": "#29223d",
499
- "hover": "#432c78",
500
- "pressed": "#643abd",
501
- "avatar": {
502
- "fixed": "#643abd"
503
- }
504
- },
505
- "border": {
506
- "fixed": "#c7a5fa"
507
- }
508
- },
509
- "purple": {
510
- "surface": {
511
- "fixed": "#f294f1"
512
- },
513
- "text": {
514
- "default": "#f294f1",
515
- "active": "#fce1fc"
516
- },
517
- "indicator": {
518
- "default": "#3b1840",
519
- "hover": "#601e66",
520
- "pressed": "#932099",
521
- "avatar": {
522
- "fixed": "#932099"
523
- },
524
- "fixed": {
525
- "default": "#e060de"
526
- }
527
- },
528
- "border": {
529
- "fixed": "#f294f1"
530
- }
531
- },
532
- "pink": {
533
- "text": {
534
- "default": "#fc97aa",
535
- "active": "#ffe0e7"
536
- },
537
- "indicator": {
538
- "default": "#3b1e21",
539
- "hover": "#66262d",
540
- "pressed": "#a12a3a",
541
- "avatar": {
542
- "fixed": "#a12a3a"
543
- }
544
- },
545
- "border": {
546
- "fixed": "#fc97aa"
547
- }
548
- },
549
- "illustration": {
550
- "default": "#ffffff",
551
- "fixed": {
552
- "positive": "linear-gradient(180deg, #3cc29a 0%, #93c437 100%)",
553
- "negative": "linear-gradient(180deg, #f0677e 0%, #db1f2e 100%)",
554
- "onboarding": {
555
- "0": "linear-gradient(180deg, #ffbe4f 0%, #93c437 100%)",
556
- "1": "linear-gradient(180deg, #f55868 0%, #875ae0 100%)",
557
- "2": "linear-gradient(180deg, #ffbe4f 0%, #EC6400 100%)",
558
- "3": "linear-gradient(180deg, #93c437 0%, #279be8 100%)",
559
- "4": "linear-gradient(180deg, #279be8 0%, #875ae0 100%)"
560
- },
561
- "empty": {
562
- "0": "linear-gradient(180deg, #279be8 0%, #875ae0 100%)",
563
- "1": "linear-gradient(180deg, #93c437 0%, #279be8 100%)"
564
- }
565
- }
566
- }
567
- },
568
- "miscellaneous": {
569
- "mobile": {
570
- "device-ring": "linear-gradient(44deg, #08599c 0%, #22c7d6 51.56%, #27a17a 100%)"
571
- },
572
- "macOS": {
573
- "red": {
574
- "default": "#db1f2e",
575
- "pressed": "#780d13",
576
- "icon": "#fc8b98"
577
- },
578
- "mint": {
579
- "default": "#148579",
580
- "pressed": "#12423f"
581
- },
582
- "purple": {
583
- "default": "#c233c4",
584
- "pressed": "#601e66"
585
- },
586
- "violet": {
587
- "default": "#875ae0",
588
- "pressed": "#432c78"
589
- },
590
- "orange": {
591
- "default": "#C94403",
592
- "pressed": "#682601"
593
- },
594
- "green": {
595
- "default": "#1d805f",
596
- "pressed": "#134231",
597
- "icon": "#27a17a"
598
- },
599
- "blue": {
600
- "default": "#1170cf",
601
- "pressed": "#063a75",
602
- "icon": "#64b4fa"
603
- },
604
- "pink": {
605
- "default": "#d43b52",
606
- "pressed": "#66262d"
607
- }
608
- },
609
- "partner": {
610
- "pdf": "#4285f4",
611
- "word": "#0078D6",
612
- "powerpoint": "#D93E17",
613
- "excel": "#00893E",
614
- "onenote": "#B839DB",
615
- "doc": "#4285f4",
616
- "sheets": "#F4B400",
617
- "slides": "#0F9D58",
618
- "keynotes": "#029CFB"
619
- }
620
- },
621
- "promotion": {
622
- "button": {
623
- "fixed": {
624
- "default": "linear-gradient(46deg, #932099 -0.03%, #a12a3a 99.99%)",
625
- "hover": "linear-gradient(46deg, #601e66 -0.04%, #66262d 99.97%)",
626
- "active": "linear-gradient(46deg, #3b1840 -0.05%, #3b1e21 99.96%)"
627
- }
628
- },
629
- "border": {
630
- "default": "linear-gradient(46deg, #c233c4 -0.03%, #d43b52 99.99%)"
631
- }
632
- }
633
- }
634
- }
635
- }