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