@momentum-design/tokens 0.0.34 → 0.0.36

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 (37) hide show
  1. package/dist/css/core/complete.css +36 -36
  2. package/dist/css/theme/webex/common-stable.css +6 -4
  3. package/dist/css/theme/webex/dark-complete.css +8 -8
  4. package/dist/css/theme/webex/dark-stable.css +28 -19
  5. package/dist/css/theme/webex/light-complete.css +7 -7
  6. package/dist/css/theme/webex/light-stable.css +23 -18
  7. package/dist/ios/core/complete.swift +36 -36
  8. package/dist/ios/theme/webex/common-stable.swift +6 -4
  9. package/dist/ios/theme/webex/dark-complete.swift +8 -8
  10. package/dist/ios/theme/webex/dark-stable.swift +28 -19
  11. package/dist/ios/theme/webex/light-complete.swift +7 -7
  12. package/dist/ios/theme/webex/light-stable.swift +23 -18
  13. package/dist/json/core/complete.json +583 -523
  14. package/dist/json/theme/webex/common-stable.json +65 -3
  15. package/dist/json/theme/webex/dark-complete.json +7 -7
  16. package/dist/json/theme/webex/dark-stable.json +280 -18
  17. package/dist/json/theme/webex/light-complete.json +6 -6
  18. package/dist/json/theme/webex/light-stable.json +167 -17
  19. package/dist/json-minimal/core/complete.json +43 -35
  20. package/dist/json-minimal/theme/webex/common-stable.json +9 -3
  21. package/dist/json-minimal/theme/webex/dark-complete.json +7 -7
  22. package/dist/json-minimal/theme/webex/dark-stable.json +39 -18
  23. package/dist/json-minimal/theme/webex/light-complete.json +6 -6
  24. package/dist/json-minimal/theme/webex/light-stable.json +30 -17
  25. package/dist/resources/core/complete.xml +36 -36
  26. package/dist/resources/theme/webex/common-stable.xml +6 -4
  27. package/dist/resources/theme/webex/dark-complete.xml +8 -8
  28. package/dist/resources/theme/webex/dark-stable.xml +28 -19
  29. package/dist/resources/theme/webex/light-complete.xml +7 -7
  30. package/dist/resources/theme/webex/light-stable.xml +23 -18
  31. package/dist/scss/core/complete.scss +36 -36
  32. package/dist/scss/theme/webex/common-stable.scss +6 -4
  33. package/dist/scss/theme/webex/dark-complete.scss +8 -8
  34. package/dist/scss/theme/webex/dark-stable.scss +28 -19
  35. package/dist/scss/theme/webex/light-complete.scss +7 -7
  36. package/dist/scss/theme/webex/light-stable.scss +23 -18
  37. package/package.json +1 -1
@@ -777,6 +777,68 @@
777
777
  "disabled"
778
778
  ]
779
779
  }
780
+ },
781
+ "join-animated-gradient": {
782
+ "normal": {
783
+ "0": {
784
+ "value": "#30c9b0",
785
+ "type": "color",
786
+ "description": "",
787
+ "filePath": "src/stable/theme/stable-common.json",
788
+ "isSource": true,
789
+ "original": {
790
+ "value": "{color.decorative.mint.40}",
791
+ "type": "color",
792
+ "description": ""
793
+ },
794
+ "name": "mds-color-theme-common-button-join-animated-gradient-normal-0",
795
+ "attributes": {
796
+ "category": "color",
797
+ "type": "theme",
798
+ "item": "common",
799
+ "subitem": "button",
800
+ "state": "join-animated-gradient"
801
+ },
802
+ "path": [
803
+ "color",
804
+ "theme",
805
+ "common",
806
+ "button",
807
+ "join-animated-gradient",
808
+ "normal",
809
+ "0"
810
+ ]
811
+ },
812
+ "1": {
813
+ "value": "#64b4fa",
814
+ "type": "color",
815
+ "description": "",
816
+ "filePath": "src/stable/theme/stable-common.json",
817
+ "isSource": true,
818
+ "original": {
819
+ "value": "{color.core.blue.40}",
820
+ "type": "color",
821
+ "description": ""
822
+ },
823
+ "name": "mds-color-theme-common-button-join-animated-gradient-normal-1",
824
+ "attributes": {
825
+ "category": "color",
826
+ "type": "theme",
827
+ "item": "common",
828
+ "subitem": "button",
829
+ "state": "join-animated-gradient"
830
+ },
831
+ "path": [
832
+ "color",
833
+ "theme",
834
+ "common",
835
+ "button",
836
+ "join-animated-gradient",
837
+ "normal",
838
+ "1"
839
+ ]
840
+ }
841
+ }
780
842
  }
781
843
  },
782
844
  "outline": {
@@ -996,7 +1058,7 @@
996
1058
  },
997
1059
  "shareContent": {
998
1060
  "active": {
999
- "value": "#C74F0E",
1061
+ "value": "#C94403",
1000
1062
  "type": "color",
1001
1063
  "description": "",
1002
1064
  "filePath": "src/stable/theme/stable-common.json",
@@ -1445,7 +1507,7 @@
1445
1507
  },
1446
1508
  "orange": {
1447
1509
  "normal": {
1448
- "value": "#C74F0E",
1510
+ "value": "#C94403",
1449
1511
  "type": "color",
1450
1512
  "description": "",
1451
1513
  "filePath": "src/stable/theme/stable-common.json",
@@ -1474,7 +1536,7 @@
1474
1536
  ]
1475
1537
  },
1476
1538
  "pressed": {
1477
- "value": "#59311E",
1539
+ "value": "#682601",
1478
1540
  "type": "color",
1479
1541
  "description": "",
1480
1542
  "filePath": "src/stable/theme/stable-common.json",
@@ -2441,7 +2503,7 @@
2441
2503
  },
2442
2504
  "orange": {
2443
2505
  "normal": {
2444
- "value": "#914017",
2506
+ "value": "#9C3202",
2445
2507
  "type": "color",
2446
2508
  "description": "",
2447
2509
  "filePath": "src/stable/theme/stable-light.json",
@@ -2469,7 +2531,7 @@
2469
2531
  ]
2470
2532
  },
2471
2533
  "hover": {
2472
- "value": "#33221B",
2534
+ "value": "#411B04",
2473
2535
  "type": "color",
2474
2536
  "description": "",
2475
2537
  "filePath": "src/stable/theme/stable-light.json",
@@ -2497,7 +2559,7 @@
2497
2559
  ]
2498
2560
  },
2499
2561
  "active": {
2500
- "value": "#33221B",
2562
+ "value": "#411B04",
2501
2563
  "type": "color",
2502
2564
  "description": "",
2503
2565
  "filePath": "src/stable/theme/stable-light.json",
@@ -2959,7 +3021,7 @@
2959
3021
  },
2960
3022
  "orange": {
2961
3023
  "normal": {
2962
- "value": "#914017",
3024
+ "value": "#9C3202",
2963
3025
  "type": "color",
2964
3026
  "description": "",
2965
3027
  "filePath": "src/stable/theme/stable-light.json",
@@ -2987,7 +3049,7 @@
2987
3049
  ]
2988
3050
  },
2989
3051
  "hover": {
2990
- "value": "#914017",
3052
+ "value": "#9C3202",
2991
3053
  "type": "color",
2992
3054
  "description": "",
2993
3055
  "filePath": "src/stable/theme/stable-light.json",
@@ -3015,7 +3077,7 @@
3015
3077
  ]
3016
3078
  },
3017
3079
  "active": {
3018
- "value": "#33221B",
3080
+ "value": "#411B04",
3019
3081
  "type": "color",
3020
3082
  "description": "",
3021
3083
  "filePath": "src/stable/theme/stable-light.json",
@@ -4392,7 +4454,7 @@
4392
4454
  ]
4393
4455
  },
4394
4456
  "active": {
4395
- "value": "#FAF4EB",
4457
+ "value": "#FED5AC",
4396
4458
  "type": "color",
4397
4459
  "description": "",
4398
4460
  "filePath": "src/stable/theme/stable-light.json",
@@ -4796,7 +4858,7 @@
4796
4858
  ]
4797
4859
  },
4798
4860
  "hover": {
4799
- "value": "#FAF4EB",
4861
+ "value": "#FED5AC",
4800
4862
  "type": "color",
4801
4863
  "description": "",
4802
4864
  "filePath": "src/stable/theme/stable-light.json",
@@ -4824,7 +4886,7 @@
4824
4886
  ]
4825
4887
  },
4826
4888
  "active": {
4827
- "value": "#FFCA99",
4889
+ "value": "#FEBA7F",
4828
4890
  "type": "color",
4829
4891
  "description": "",
4830
4892
  "filePath": "src/stable/theme/stable-light.json",
@@ -6185,6 +6247,94 @@
6185
6247
  ]
6186
6248
  }
6187
6249
  },
6250
+ "gradient": {
6251
+ "active": {
6252
+ "0": {
6253
+ "value": "#08599c",
6254
+ "type": "color",
6255
+ "description": "",
6256
+ "filePath": "src/stable/theme/stable-light.json",
6257
+ "isSource": true,
6258
+ "original": {
6259
+ "value": "{color.decorative.cobalt.70}",
6260
+ "type": "color",
6261
+ "description": ""
6262
+ },
6263
+ "name": "mds-color-theme-outline-gradient-active-0",
6264
+ "attributes": {
6265
+ "category": "color",
6266
+ "type": "theme",
6267
+ "item": "outline",
6268
+ "subitem": "gradient",
6269
+ "state": "active"
6270
+ },
6271
+ "path": [
6272
+ "color",
6273
+ "theme",
6274
+ "outline",
6275
+ "gradient",
6276
+ "active",
6277
+ "0"
6278
+ ]
6279
+ },
6280
+ "1": {
6281
+ "value": "#22c7d6",
6282
+ "type": "color",
6283
+ "description": "",
6284
+ "filePath": "src/stable/theme/stable-light.json",
6285
+ "isSource": true,
6286
+ "original": {
6287
+ "value": "{color.decorative.cyan.40}",
6288
+ "type": "color",
6289
+ "description": ""
6290
+ },
6291
+ "name": "mds-color-theme-outline-gradient-active-1",
6292
+ "attributes": {
6293
+ "category": "color",
6294
+ "type": "theme",
6295
+ "item": "outline",
6296
+ "subitem": "gradient",
6297
+ "state": "active"
6298
+ },
6299
+ "path": [
6300
+ "color",
6301
+ "theme",
6302
+ "outline",
6303
+ "gradient",
6304
+ "active",
6305
+ "1"
6306
+ ]
6307
+ },
6308
+ "2": {
6309
+ "value": "#27a17a",
6310
+ "type": "color",
6311
+ "description": "",
6312
+ "filePath": "src/stable/theme/stable-light.json",
6313
+ "isSource": true,
6314
+ "original": {
6315
+ "value": "{color.core.green.50}",
6316
+ "type": "color",
6317
+ "description": ""
6318
+ },
6319
+ "name": "mds-color-theme-outline-gradient-active-2",
6320
+ "attributes": {
6321
+ "category": "color",
6322
+ "type": "theme",
6323
+ "item": "outline",
6324
+ "subitem": "gradient",
6325
+ "state": "active"
6326
+ },
6327
+ "path": [
6328
+ "color",
6329
+ "theme",
6330
+ "outline",
6331
+ "gradient",
6332
+ "active",
6333
+ "2"
6334
+ ]
6335
+ }
6336
+ }
6337
+ },
6188
6338
  "share": {
6189
6339
  "selected": {
6190
6340
  "value": "#27a17a",
@@ -6214,7 +6364,7 @@
6214
6364
  ]
6215
6365
  },
6216
6366
  "active": {
6217
- "value": "#F26B1D",
6367
+ "value": "#EC6400",
6218
6368
  "type": "color",
6219
6369
  "description": "",
6220
6370
  "filePath": "src/stable/theme/stable-light.json",
@@ -6436,7 +6586,7 @@
6436
6586
  ]
6437
6587
  },
6438
6588
  "orange": {
6439
- "value": "#FF9D52",
6589
+ "value": "#FD884E",
6440
6590
  "type": "color",
6441
6591
  "description": "",
6442
6592
  "filePath": "src/stable/theme/stable-light.json",
@@ -6854,7 +7004,7 @@
6854
7004
  },
6855
7005
  "indicator": {
6856
7006
  "unstable": {
6857
- "value": "#C74F0E",
7007
+ "value": "#C94403",
6858
7008
  "type": "color",
6859
7009
  "description": "",
6860
7010
  "filePath": "src/stable/theme/stable-light.json",
@@ -7669,7 +7819,7 @@
7669
7819
  ]
7670
7820
  },
7671
7821
  "1": {
7672
- "value": "#F26B1D",
7822
+ "value": "#EC6400",
7673
7823
  "type": "color",
7674
7824
  "description": "",
7675
7825
  "filePath": "src/stable/theme/stable-light.json",
@@ -9209,7 +9359,7 @@
9209
9359
  ]
9210
9360
  },
9211
9361
  "orange": {
9212
- "value": "#914017",
9362
+ "value": "#9C3202",
9213
9363
  "type": "color",
9214
9364
  "description": "",
9215
9365
  "filePath": "src/stable/theme/stable-light.json",
@@ -1,16 +1,20 @@
1
1
  {
2
2
  "border-radius": {
3
- "none": "0px",
4
- "small": "4px",
5
- "medium": "8px",
6
- "large": "12px",
7
- "half-height": "50%"
3
+ "core": {
4
+ "none": "0px",
5
+ "small": "4px",
6
+ "medium": "8px",
7
+ "large": "12px",
8
+ "half-height": "50%"
9
+ }
8
10
  },
9
11
  "border-width": {
10
- "none": "0px",
11
- "small": "1px",
12
- "medium": "2px",
13
- "large": "3px"
12
+ "core": {
13
+ "none": "0px",
14
+ "small": "1px",
15
+ "medium": "2px",
16
+ "large": "3px"
17
+ }
14
18
  },
15
19
  "color": {
16
20
  "core": {
@@ -118,16 +122,16 @@
118
122
  },
119
123
  "orange": {
120
124
  "10": "#FEEBD7",
121
- "20": "#FAF4EB",
122
- "30": "#FFCA99",
123
- "40": "#FF9D52",
124
- "50": "#F26B1D",
125
- "60": "#C74F0E",
126
- "70": "#914017",
127
- "80": "#59311E",
128
- "90": "#33221B",
125
+ "20": "#FED5AC",
126
+ "30": "#FEBA7F",
127
+ "40": "#FD884E",
128
+ "50": "#EC6400",
129
+ "60": "#C94403",
130
+ "70": "#9C3202",
131
+ "80": "#682601",
132
+ "90": "#411B04",
129
133
  "95": "#291303",
130
- "100": "#211916",
134
+ "100": "#170B02",
131
135
  "05": "#FEF3E8"
132
136
  }
133
137
  },
@@ -390,24 +394,28 @@
390
394
  }
391
395
  },
392
396
  "elevation": {
393
- "0": "0px 0px 0px 0px",
394
- "1": "drop-shadow(0px 4px 8px rgba(0,0,0,0.2))",
395
- "2": "drop-shadow(0px 24px 48px rgba(0,0,0,0.2))"
397
+ "core": {
398
+ "0": "0px 0px 0px 0px",
399
+ "1": "drop-shadow(0px 4px 8px rgba(0,0,0,0.2))",
400
+ "2": "drop-shadow(0px 24px 48px rgba(0,0,0,0.2))"
401
+ }
396
402
  },
397
403
  "spacing": {
398
- "none": "0px",
399
- "micro": "2px",
400
- "xxx-small": "4px",
401
- "xx-small": "8px",
402
- "x-small": "12px",
403
- "small": "16px",
404
- "medium": "20px",
405
- "large": "24px",
406
- "x-large": "32px",
407
- "xx-large": "40px",
408
- "xxx-large": "52px",
409
- "big": "64px",
410
- "x-big": "80px",
411
- "xx-big": "100px"
404
+ "core": {
405
+ "none": "0px",
406
+ "micro": "2px",
407
+ "xxx-small": "4px",
408
+ "xx-small": "8px",
409
+ "x-small": "12px",
410
+ "small": "16px",
411
+ "medium": "20px",
412
+ "large": "24px",
413
+ "x-large": "32px",
414
+ "xx-large": "40px",
415
+ "xxx-large": "52px",
416
+ "big": "64px",
417
+ "x-big": "80px",
418
+ "xx-big": "100px"
419
+ }
412
420
  }
413
421
  }
@@ -51,6 +51,12 @@
51
51
  "hover": "#00000012",
52
52
  "pressed": "#00000033",
53
53
  "disabled": "#00000000"
54
+ },
55
+ "join-animated-gradient": {
56
+ "normal": {
57
+ "0": "#30c9b0",
58
+ "1": "#64b4fa"
59
+ }
54
60
  }
55
61
  },
56
62
  "outline": {
@@ -78,7 +84,7 @@
78
84
  "normal": "#00000033"
79
85
  },
80
86
  "shareContent": {
81
- "active": "#C74F0E",
87
+ "active": "#C94403",
82
88
  "inactive": "#707070",
83
89
  "selected": "#3cc29a"
84
90
  }
@@ -112,8 +118,8 @@
112
118
  "pressed": "#432c78"
113
119
  },
114
120
  "orange": {
115
- "normal": "#C74F0E",
116
- "pressed": "#59311E"
121
+ "normal": "#C94403",
122
+ "pressed": "#682601"
117
123
  },
118
124
  "green": {
119
125
  "normal": "#1d805f",
@@ -87,8 +87,8 @@
87
87
  "default": "#64b4fa"
88
88
  },
89
89
  "notice": {
90
- "active": "#FAF4EB",
91
- "default": "#FF9D52"
90
+ "active": "#FED5AC",
91
+ "default": "#FD884E"
92
92
  },
93
93
  "decorative": {
94
94
  "gold": {
@@ -200,10 +200,10 @@
200
200
  "03": "#0a274a"
201
201
  },
202
202
  "notice": {
203
- "00": "#F26B1D",
204
- "01": "#914017",
205
- "02": "#59311E",
206
- "03": "#33221B"
203
+ "00": "#EC6400",
204
+ "01": "#9C3202",
205
+ "02": "#682601",
206
+ "03": "#411B04"
207
207
  },
208
208
  "decorative": {
209
209
  "gold": {
@@ -300,7 +300,7 @@
300
300
  "00": "#64b4fa"
301
301
  },
302
302
  "notice": {
303
- "00": "#FF9D52"
303
+ "00": "#FD884E"
304
304
  },
305
305
  "decorative": {
306
306
  "gradient": {
@@ -51,6 +51,12 @@
51
51
  "hover": "#00000012",
52
52
  "pressed": "#00000033",
53
53
  "disabled": "#00000000"
54
+ },
55
+ "join-animated-gradient": {
56
+ "normal": {
57
+ "0": "#30c9b0",
58
+ "1": "#64b4fa"
59
+ }
54
60
  }
55
61
  },
56
62
  "outline": {
@@ -78,7 +84,7 @@
78
84
  "normal": "#00000033"
79
85
  },
80
86
  "shareContent": {
81
- "active": "#C74F0E",
87
+ "active": "#C94403",
82
88
  "inactive": "#707070",
83
89
  "selected": "#3cc29a"
84
90
  }
@@ -112,8 +118,8 @@
112
118
  "pressed": "#432c78"
113
119
  },
114
120
  "orange": {
115
- "normal": "#C74F0E",
116
- "pressed": "#59311E"
121
+ "normal": "#C94403",
122
+ "pressed": "#682601"
117
123
  },
118
124
  "green": {
119
125
  "normal": "#1d805f",
@@ -180,7 +186,7 @@
180
186
  "active": "#fce1fc"
181
187
  },
182
188
  "orange": {
183
- "normal": "#FFCA99",
189
+ "normal": "#FEBA7F",
184
190
  "hover": "#FEEBD7",
185
191
  "active": "#FEEBD7"
186
192
  }
@@ -212,9 +218,9 @@
212
218
  "active": "#f5eaa2"
213
219
  },
214
220
  "orange": {
215
- "normal": "#FF9D52",
216
- "hover": "#FF9D52",
217
- "active": "#FAF4EB"
221
+ "normal": "#FD884E",
222
+ "hover": "#FD884E",
223
+ "active": "#FED5AC"
218
224
  },
219
225
  "pink": {
220
226
  "normal": "#fc97aa",
@@ -304,9 +310,9 @@
304
310
  "active": "#601e66"
305
311
  },
306
312
  "orange": {
307
- "normal": "#33221B",
308
- "hover": "#33221B",
309
- "active": "#59311E"
313
+ "normal": "#411B04",
314
+ "hover": "#411B04",
315
+ "active": "#682601"
310
316
  }
311
317
  },
312
318
  "label": {
@@ -331,9 +337,9 @@
331
337
  "active": "#12615a"
332
338
  },
333
339
  "orange": {
334
- "normal": "#33221B",
335
- "hover": "#59311E",
336
- "active": "#914017"
340
+ "normal": "#411B04",
341
+ "hover": "#682601",
342
+ "active": "#9C3202"
337
343
  },
338
344
  "pink": {
339
345
  "normal": "#3b1e21",
@@ -431,9 +437,16 @@
431
437
  "disabled": {
432
438
  "normal": "#ffffff33"
433
439
  },
440
+ "gradient": {
441
+ "active": {
442
+ "0": "#08599c",
443
+ "1": "#22c7d6",
444
+ "2": "#27a17a"
445
+ }
446
+ },
434
447
  "share": {
435
448
  "selected": "#27a17a",
436
- "active": "#F26B1D",
449
+ "active": "#EC6400",
437
450
  "inactive": "#8f8f8f"
438
451
  },
439
452
  "overlay": {
@@ -447,7 +460,7 @@
447
460
  "gold": "#d6b220",
448
461
  "lime": "#93c437",
449
462
  "mint": "#30c9b0",
450
- "orange": "#FF9D52",
463
+ "orange": "#FD884E",
451
464
  "pink": "#fc97aa",
452
465
  "purple": "#f294f1",
453
466
  "slate": "#b0b4d9",
@@ -475,7 +488,7 @@
475
488
  }
476
489
  },
477
490
  "indicator": {
478
- "unstable": "#F26B1D",
491
+ "unstable": "#EC6400",
479
492
  "attention": "#f55868",
480
493
  "stable": "#27a17a",
481
494
  "locked": "#8f8f8f",
@@ -534,7 +547,7 @@
534
547
  },
535
548
  "tertiary": {
536
549
  "0": "#ffbe4f",
537
- "1": "#F26B1D"
550
+ "1": "#EC6400"
538
551
  },
539
552
  "quartenary": {
540
553
  "0": "#93c437",
@@ -612,6 +625,14 @@
612
625
  }
613
626
  },
614
627
  "gradientdivider": {
628
+ "normal": {
629
+ "0": "#ffffff00",
630
+ "1": "#ffffff33"
631
+ },
632
+ "hover": {
633
+ "0": "#ffffff00",
634
+ "1": "#ffffff99"
635
+ },
615
636
  "error": {
616
637
  "normal": {
617
638
  "0": "#fc8b9800",
@@ -650,7 +671,7 @@
650
671
  "gold": "#735107",
651
672
  "lime": "#416116",
652
673
  "mint": "#12615a",
653
- "orange": "#914017",
674
+ "orange": "#9C3202",
654
675
  "pink": "#a12a3a",
655
676
  "purple": "#932099",
656
677
  "slate": "#535573",
@@ -87,8 +87,8 @@
87
87
  "default": "#0353a8"
88
88
  },
89
89
  "notice": {
90
- "active": "#33221B",
91
- "default": "#914017"
90
+ "active": "#411B04",
91
+ "default": "#9C3202"
92
92
  },
93
93
  "decorative": {
94
94
  "gold": {
@@ -200,9 +200,9 @@
200
200
  "03": "#dbf0ff"
201
201
  },
202
202
  "notice": {
203
- "00": "#C74F0E",
204
- "01": "#914017",
205
- "02": "#FAF4EB",
203
+ "00": "#C94403",
204
+ "01": "#9C3202",
205
+ "02": "#FED5AC",
206
206
  "03": "#FEEBD7"
207
207
  },
208
208
  "decorative": {
@@ -300,7 +300,7 @@
300
300
  "00": "#1170cf"
301
301
  },
302
302
  "notice": {
303
- "00": "#F26B1D"
303
+ "00": "#EC6400"
304
304
  },
305
305
  "decorative": {
306
306
  "gradient": {