@momentum-design/tokens 0.3.3 → 0.5.0

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 (124) hide show
  1. package/dist/css/components/complete.css +3928 -4
  2. package/dist/css/core/complete.css +1 -1
  3. package/dist/css/effect/complete.css +1 -1
  4. package/dist/css/elevation/complete.css +1 -1
  5. package/dist/css/theme/aaos/day-complete.css +1 -1
  6. package/dist/css/theme/aaos/night-complete.css +1 -1
  7. package/dist/css/theme/webex/dark-bronze-stable.css +397 -0
  8. package/dist/css/theme/webex/dark-indigo-stable.css +397 -0
  9. package/dist/css/theme/webex/dark-jade-stable.css +397 -0
  10. package/dist/css/theme/webex/dark-lavender-stable.css +397 -0
  11. package/dist/css/theme/webex/dark-rose-stable.css +397 -0
  12. package/dist/css/theme/webex/dark-stable.css +4 -2
  13. package/dist/css/theme/webex/hc-dark-stable.css +3 -1
  14. package/dist/css/theme/webex/hc-light-stable.css +3 -1
  15. package/dist/css/theme/webex/light-bronze-stable.css +397 -0
  16. package/dist/css/theme/webex/light-indigo-stable.css +397 -0
  17. package/dist/css/theme/webex/light-jade-stable.css +397 -0
  18. package/dist/css/theme/webex/light-lavender-stable.css +397 -0
  19. package/dist/css/theme/webex/light-rose-stable.css +397 -0
  20. package/dist/css/theme/webex/light-stable.css +4 -2
  21. package/dist/css/typography/complete.css +1 -1
  22. package/dist/ios/core/complete.swift +1 -1
  23. package/dist/ios/effect/complete.swift +1 -1
  24. package/dist/ios/elevation/complete.swift +1 -1
  25. package/dist/ios/theme/aaos/day-complete.swift +1 -1
  26. package/dist/ios/theme/aaos/night-complete.swift +1 -1
  27. package/dist/ios/theme/webex/dark-bronze-stable.swift +403 -0
  28. package/dist/ios/theme/webex/dark-indigo-stable.swift +403 -0
  29. package/dist/ios/theme/webex/dark-jade-stable.swift +403 -0
  30. package/dist/ios/theme/webex/dark-lavender-stable.swift +403 -0
  31. package/dist/ios/theme/webex/dark-rose-stable.swift +403 -0
  32. package/dist/ios/theme/webex/dark-stable.swift +4 -2
  33. package/dist/ios/theme/webex/hc-dark-stable.swift +3 -1
  34. package/dist/ios/theme/webex/hc-light-stable.swift +3 -1
  35. package/dist/ios/theme/webex/light-bronze-stable.swift +403 -0
  36. package/dist/ios/theme/webex/light-indigo-stable.swift +403 -0
  37. package/dist/ios/theme/webex/light-jade-stable.swift +403 -0
  38. package/dist/ios/theme/webex/light-lavender-stable.swift +403 -0
  39. package/dist/ios/theme/webex/light-rose-stable.swift +403 -0
  40. package/dist/ios/theme/webex/light-stable.swift +4 -2
  41. package/dist/ios/typography/complete.swift +1 -1
  42. package/dist/ios-webex/theme/webex/dark-bronze-stable.swift +558 -0
  43. package/dist/ios-webex/theme/webex/dark-indigo-stable.swift +558 -0
  44. package/dist/ios-webex/theme/webex/dark-jade-stable.swift +558 -0
  45. package/dist/ios-webex/theme/webex/dark-lavender-stable.swift +558 -0
  46. package/dist/ios-webex/theme/webex/dark-rose-stable.swift +558 -0
  47. package/dist/ios-webex/theme/webex/dark-stable.swift +3 -1
  48. package/dist/ios-webex/theme/webex/hc-dark-stable.swift +2 -0
  49. package/dist/ios-webex/theme/webex/hc-light-stable.swift +6 -0
  50. package/dist/ios-webex/theme/webex/light-bronze-stable.swift +1620 -0
  51. package/dist/ios-webex/theme/webex/light-indigo-stable.swift +1620 -0
  52. package/dist/ios-webex/theme/webex/light-jade-stable.swift +1620 -0
  53. package/dist/ios-webex/theme/webex/light-lavender-stable.swift +1620 -0
  54. package/dist/ios-webex/theme/webex/light-rose-stable.swift +1620 -0
  55. package/dist/ios-webex/theme/webex/light-stable.swift +7 -1
  56. package/dist/json/theme/webex/dark-bronze-stable.json +11851 -0
  57. package/dist/json/theme/webex/dark-indigo-stable.json +11851 -0
  58. package/dist/json/theme/webex/dark-jade-stable.json +11851 -0
  59. package/dist/json/theme/webex/dark-lavender-stable.json +11851 -0
  60. package/dist/json/theme/webex/dark-rose-stable.json +11851 -0
  61. package/dist/json/theme/webex/dark-stable.json +67 -4
  62. package/dist/json/theme/webex/hc-dark-stable.json +60 -0
  63. package/dist/json/theme/webex/hc-light-stable.json +63 -0
  64. package/dist/json/theme/webex/light-bronze-stable.json +11917 -0
  65. package/dist/json/theme/webex/light-indigo-stable.json +11917 -0
  66. package/dist/json/theme/webex/light-jade-stable.json +11917 -0
  67. package/dist/json/theme/webex/light-lavender-stable.json +11917 -0
  68. package/dist/json/theme/webex/light-rose-stable.json +11917 -0
  69. package/dist/json/theme/webex/light-stable.json +67 -4
  70. package/dist/json-minimal/theme/webex/dark-bronze-stable.json +806 -0
  71. package/dist/json-minimal/theme/webex/dark-indigo-stable.json +806 -0
  72. package/dist/json-minimal/theme/webex/dark-jade-stable.json +806 -0
  73. package/dist/json-minimal/theme/webex/dark-lavender-stable.json +806 -0
  74. package/dist/json-minimal/theme/webex/dark-rose-stable.json +806 -0
  75. package/dist/json-minimal/theme/webex/dark-stable.json +9 -1
  76. package/dist/json-minimal/theme/webex/hc-dark-stable.json +7 -1
  77. package/dist/json-minimal/theme/webex/hc-light-stable.json +9 -1
  78. package/dist/json-minimal/theme/webex/light-bronze-stable.json +806 -0
  79. package/dist/json-minimal/theme/webex/light-indigo-stable.json +806 -0
  80. package/dist/json-minimal/theme/webex/light-jade-stable.json +806 -0
  81. package/dist/json-minimal/theme/webex/light-lavender-stable.json +806 -0
  82. package/dist/json-minimal/theme/webex/light-rose-stable.json +806 -0
  83. package/dist/json-minimal/theme/webex/light-stable.json +9 -1
  84. package/dist/resources/core/complete.xml +1 -1
  85. package/dist/resources/effect/complete.xml +1 -1
  86. package/dist/resources/elevation/complete.xml +1 -1
  87. package/dist/resources/theme/aaos/day-complete.xml +1 -1
  88. package/dist/resources/theme/aaos/night-complete.xml +1 -1
  89. package/dist/resources/theme/webex/dark-bronze-stable.xml +399 -0
  90. package/dist/resources/theme/webex/dark-indigo-stable.xml +399 -0
  91. package/dist/resources/theme/webex/dark-jade-stable.xml +399 -0
  92. package/dist/resources/theme/webex/dark-lavender-stable.xml +399 -0
  93. package/dist/resources/theme/webex/dark-rose-stable.xml +399 -0
  94. package/dist/resources/theme/webex/dark-stable.xml +4 -2
  95. package/dist/resources/theme/webex/hc-dark-stable.xml +3 -1
  96. package/dist/resources/theme/webex/hc-light-stable.xml +3 -1
  97. package/dist/resources/theme/webex/light-bronze-stable.xml +399 -0
  98. package/dist/resources/theme/webex/light-indigo-stable.xml +399 -0
  99. package/dist/resources/theme/webex/light-jade-stable.xml +399 -0
  100. package/dist/resources/theme/webex/light-lavender-stable.xml +399 -0
  101. package/dist/resources/theme/webex/light-rose-stable.xml +399 -0
  102. package/dist/resources/theme/webex/light-stable.xml +4 -2
  103. package/dist/resources/typography/complete.xml +1 -1
  104. package/dist/scss/core/complete.scss +1 -1
  105. package/dist/scss/effect/complete.scss +1 -1
  106. package/dist/scss/elevation/complete.scss +1 -1
  107. package/dist/scss/theme/aaos/day-complete.scss +1 -1
  108. package/dist/scss/theme/aaos/night-complete.scss +1 -1
  109. package/dist/scss/theme/webex/dark-bronze-stable.scss +394 -0
  110. package/dist/scss/theme/webex/dark-indigo-stable.scss +394 -0
  111. package/dist/scss/theme/webex/dark-jade-stable.scss +394 -0
  112. package/dist/scss/theme/webex/dark-lavender-stable.scss +394 -0
  113. package/dist/scss/theme/webex/dark-rose-stable.scss +394 -0
  114. package/dist/scss/theme/webex/dark-stable.scss +4 -2
  115. package/dist/scss/theme/webex/hc-dark-stable.scss +3 -1
  116. package/dist/scss/theme/webex/hc-light-stable.scss +3 -1
  117. package/dist/scss/theme/webex/light-bronze-stable.scss +394 -0
  118. package/dist/scss/theme/webex/light-indigo-stable.scss +394 -0
  119. package/dist/scss/theme/webex/light-jade-stable.scss +394 -0
  120. package/dist/scss/theme/webex/light-lavender-stable.scss +394 -0
  121. package/dist/scss/theme/webex/light-rose-stable.scss +394 -0
  122. package/dist/scss/theme/webex/light-stable.scss +4 -2
  123. package/dist/scss/typography/complete.scss +1 -1
  124. package/package.json +3 -2
package/dist/json/theme/webex/dark-stable.json CHANGED
@@ -2266,6 +2266,36 @@
2266
2266
  "normal"
2267
2267
  ]
2268
2268
  }
2269
+ },
2270
+ "input": {
2271
+ "normal": {
2272
+ "value": "#00000080",
2273
+ "type": "color",
2274
+ "description": "Used for inverted control components outline (checkbox, toggles)",
2275
+ "filePath": "src/theme/stable/dark.json",
2276
+ "isSource": true,
2277
+ "original": {
2278
+ "value": "{color.core.black-alpha.50}",
2279
+ "type": "color",
2280
+ "description": "Used for inverted control components outline (checkbox, toggles)"
2281
+ },
2282
+ "name": "mds-color-theme-inverted-outline-input-normal",
2283
+ "attributes": {
2284
+ "category": "color",
2285
+ "type": "theme",
2286
+ "item": "inverted",
2287
+ "subitem": "outline",
2288
+ "state": "input"
2289
+ },
2290
+ "path": [
2291
+ "color",
2292
+ "theme",
2293
+ "inverted",
2294
+ "outline",
2295
+ "input",
2296
+ "normal"
2297
+ ]
2298
+ }
2269
2299
  }
2270
2300
  },
2271
2301
  "control": {
@@ -2425,15 +2455,15 @@
2425
2455
  "normal": {
2426
2456
  "parent": "theme/stable/dark",
2427
2457
  "type": "color",
2428
- "value": "#8f8f8f",
2429
- "description": "",
2458
+ "value": "#0000001c",
2459
+ "description": "Used for inverted control component (checkbox, radio, toggle)",
2430
2460
  "filePath": "src/theme/stable/dark.json",
2431
2461
  "isSource": true,
2432
2462
  "original": {
2433
2463
  "parent": "theme/stable/dark",
2434
2464
  "type": "color",
2435
- "value": "{color.core.gray.50}",
2436
- "description": ""
2465
+ "value": "{color.core.black-alpha.11}",
2466
+ "description": "Used for inverted control component (checkbox, radio, toggle)"
2437
2467
  },
2438
2468
  "name": "mds-color-theme-inverted-control-inactive-normal",
2439
2469
  "attributes": {
@@ -2542,6 +2572,39 @@
2542
2572
  "disabled"
2543
2573
  ]
2544
2574
  }
2575
+ },
2576
+ "indicator": {
2577
+ "inactive": {
2578
+ "normal": {
2579
+ "value": "#8f8f8f",
2580
+ "type": "color",
2581
+ "description": "Used for inverted controls (checkbox, toggle, radio, progress bar, spinner)",
2582
+ "filePath": "src/theme/stable/dark.json",
2583
+ "isSource": true,
2584
+ "original": {
2585
+ "value": "{color.core.gray.50}",
2586
+ "type": "color",
2587
+ "description": "Used for inverted controls (checkbox, toggle, radio, progress bar, spinner)"
2588
+ },
2589
+ "name": "mds-color-theme-inverted-control-indicator-inactive-normal",
2590
+ "attributes": {
2591
+ "category": "color",
2592
+ "type": "theme",
2593
+ "item": "inverted",
2594
+ "subitem": "control",
2595
+ "state": "indicator"
2596
+ },
2597
+ "path": [
2598
+ "color",
2599
+ "theme",
2600
+ "inverted",
2601
+ "control",
2602
+ "indicator",
2603
+ "inactive",
2604
+ "normal"
2605
+ ]
2606
+ }
2607
+ }
2545
2608
  }
2546
2609
  }
2547
2610
  },
package/dist/json/theme/webex/hc-dark-stable.json CHANGED
@@ -2183,6 +2183,36 @@
2183
2183
  "outline",
2184
2184
  "theme"
2185
2185
  ]
2186
+ },
2187
+ "input": {
2188
+ "normal": {
2189
+ "value": "#ffffff",
2190
+ "type": "color",
2191
+ "description": "Used for inverted control components outline (checkbox, toggles)",
2192
+ "filePath": "src/theme/stable/highcontrast/hc_dark.json",
2193
+ "isSource": true,
2194
+ "original": {
2195
+ "value": "{color.highcontrast.black.WindowTextColor}",
2196
+ "type": "color",
2197
+ "description": "Used for inverted control components outline (checkbox, toggles)"
2198
+ },
2199
+ "name": "mds-color-theme-inverted-outline-input-normal",
2200
+ "attributes": {
2201
+ "category": "color",
2202
+ "type": "theme",
2203
+ "item": "inverted",
2204
+ "subitem": "outline",
2205
+ "state": "input"
2206
+ },
2207
+ "path": [
2208
+ "color",
2209
+ "theme",
2210
+ "inverted",
2211
+ "outline",
2212
+ "input",
2213
+ "normal"
2214
+ ]
2215
+ }
2186
2216
  }
2187
2217
  },
2188
2218
  "control": {
@@ -2459,6 +2489,36 @@
2459
2489
  "disabled"
2460
2490
  ]
2461
2491
  }
2492
+ },
2493
+ "indicator": {
2494
+ "inactive": {
2495
+ "value": "#000000",
2496
+ "type": "color",
2497
+ "description": "Used for inverted controls (checkbox, toggle, radio, progress bar, spinner)",
2498
+ "filePath": "src/theme/stable/highcontrast/hc_dark.json",
2499
+ "isSource": true,
2500
+ "original": {
2501
+ "value": "{color.highcontrast.black.ButtonFaceColor}",
2502
+ "type": "color",
2503
+ "description": "Used for inverted controls (checkbox, toggle, radio, progress bar, spinner)"
2504
+ },
2505
+ "name": "mds-color-theme-inverted-control-indicator-inactive",
2506
+ "attributes": {
2507
+ "category": "color",
2508
+ "type": "theme",
2509
+ "item": "inverted",
2510
+ "subitem": "control",
2511
+ "state": "indicator"
2512
+ },
2513
+ "path": [
2514
+ "color",
2515
+ "theme",
2516
+ "inverted",
2517
+ "control",
2518
+ "indicator",
2519
+ "inactive"
2520
+ ]
2521
+ }
2462
2522
  }
2463
2523
  }
2464
2524
  },
package/dist/json/theme/webex/hc-light-stable.json CHANGED
@@ -2185,6 +2185,36 @@
2185
2185
  "outline",
2186
2186
  "theme"
2187
2187
  ]
2188
+ },
2189
+ "input": {
2190
+ "normal": {
2191
+ "value": "#000000",
2192
+ "type": "color",
2193
+ "description": "Used for inverted control components outline (checkbox, toggles)",
2194
+ "filePath": "src/theme/stable/highcontrast/hc_light.json",
2195
+ "isSource": true,
2196
+ "original": {
2197
+ "value": "{color.highcontrast.white.WindowTextColor}",
2198
+ "type": "color",
2199
+ "description": "Used for inverted control components outline (checkbox, toggles)"
2200
+ },
2201
+ "name": "mds-color-theme-inverted-outline-input-normal",
2202
+ "attributes": {
2203
+ "category": "color",
2204
+ "type": "theme",
2205
+ "item": "inverted",
2206
+ "subitem": "outline",
2207
+ "state": "input"
2208
+ },
2209
+ "path": [
2210
+ "color",
2211
+ "theme",
2212
+ "inverted",
2213
+ "outline",
2214
+ "input",
2215
+ "normal"
2216
+ ]
2217
+ }
2188
2218
  }
2189
2219
  },
2190
2220
  "control": {
@@ -2461,6 +2491,39 @@
2461
2491
  "disabled"
2462
2492
  ]
2463
2493
  }
2494
+ },
2495
+ "indicator": {
2496
+ "inactive": {
2497
+ "normal": {
2498
+ "value": "#ffffff",
2499
+ "type": "color",
2500
+ "description": "Used for inverted controls (checkbox, toggle, radio, progress bar, spinner)",
2501
+ "filePath": "src/theme/stable/highcontrast/hc_light.json",
2502
+ "isSource": true,
2503
+ "original": {
2504
+ "value": "{color.highcontrast.white.ButtonFaceColor}",
2505
+ "type": "color",
2506
+ "description": "Used for inverted controls (checkbox, toggle, radio, progress bar, spinner)"
2507
+ },
2508
+ "name": "mds-color-theme-inverted-control-indicator-inactive-normal",
2509
+ "attributes": {
2510
+ "category": "color",
2511
+ "type": "theme",
2512
+ "item": "inverted",
2513
+ "subitem": "control",
2514
+ "state": "indicator"
2515
+ },
2516
+ "path": [
2517
+ "color",
2518
+ "theme",
2519
+ "inverted",
2520
+ "control",
2521
+ "indicator",
2522
+ "inactive",
2523
+ "normal"
2524
+ ]
2525
+ }
2526
+ }
2464
2527
  }
2465
2528
  }
2466
2529
  },