@momentum-design/tokens 0.5.2 → 0.6.1

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 +72 -24
  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 +7 -3
  8. package/dist/css/theme/webex/dark-indigo-stable.css +7 -3
  9. package/dist/css/theme/webex/dark-jade-stable.css +7 -3
  10. package/dist/css/theme/webex/dark-lavender-stable.css +7 -3
  11. package/dist/css/theme/webex/dark-rose-stable.css +7 -3
  12. package/dist/css/theme/webex/dark-stable.css +7 -3
  13. package/dist/css/theme/webex/hc-dark-stable.css +5 -1
  14. package/dist/css/theme/webex/hc-light-stable.css +5 -1
  15. package/dist/css/theme/webex/light-bronze-stable.css +7 -3
  16. package/dist/css/theme/webex/light-indigo-stable.css +7 -3
  17. package/dist/css/theme/webex/light-jade-stable.css +7 -3
  18. package/dist/css/theme/webex/light-lavender-stable.css +7 -3
  19. package/dist/css/theme/webex/light-rose-stable.css +7 -3
  20. package/dist/css/theme/webex/light-stable.css +7 -3
  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 +7 -3
  28. package/dist/ios/theme/webex/dark-indigo-stable.swift +7 -3
  29. package/dist/ios/theme/webex/dark-jade-stable.swift +7 -3
  30. package/dist/ios/theme/webex/dark-lavender-stable.swift +7 -3
  31. package/dist/ios/theme/webex/dark-rose-stable.swift +7 -3
  32. package/dist/ios/theme/webex/dark-stable.swift +7 -3
  33. package/dist/ios/theme/webex/hc-dark-stable.swift +5 -1
  34. package/dist/ios/theme/webex/hc-light-stable.swift +5 -1
  35. package/dist/ios/theme/webex/light-bronze-stable.swift +7 -3
  36. package/dist/ios/theme/webex/light-indigo-stable.swift +7 -3
  37. package/dist/ios/theme/webex/light-jade-stable.swift +7 -3
  38. package/dist/ios/theme/webex/light-lavender-stable.swift +7 -3
  39. package/dist/ios/theme/webex/light-rose-stable.swift +7 -3
  40. package/dist/ios/theme/webex/light-stable.swift +7 -3
  41. package/dist/ios/typography/complete.swift +1 -1
  42. package/dist/ios-webex/theme/webex/dark-bronze-stable.swift +7 -5
  43. package/dist/ios-webex/theme/webex/dark-indigo-stable.swift +7 -5
  44. package/dist/ios-webex/theme/webex/dark-jade-stable.swift +7 -5
  45. package/dist/ios-webex/theme/webex/dark-lavender-stable.swift +7 -5
  46. package/dist/ios-webex/theme/webex/dark-rose-stable.swift +7 -5
  47. package/dist/ios-webex/theme/webex/dark-stable.swift +7 -5
  48. package/dist/ios-webex/theme/webex/hc-dark-stable.swift +4 -0
  49. package/dist/ios-webex/theme/webex/hc-light-stable.swift +12 -0
  50. package/dist/ios-webex/theme/webex/light-bronze-stable.swift +19 -13
  51. package/dist/ios-webex/theme/webex/light-indigo-stable.swift +19 -13
  52. package/dist/ios-webex/theme/webex/light-jade-stable.swift +19 -13
  53. package/dist/ios-webex/theme/webex/light-lavender-stable.swift +19 -13
  54. package/dist/ios-webex/theme/webex/light-rose-stable.swift +19 -13
  55. package/dist/ios-webex/theme/webex/light-stable.swift +19 -13
  56. package/dist/json/theme/webex/dark-bronze-stable.json +116 -6
  57. package/dist/json/theme/webex/dark-indigo-stable.json +116 -6
  58. package/dist/json/theme/webex/dark-jade-stable.json +116 -6
  59. package/dist/json/theme/webex/dark-lavender-stable.json +116 -6
  60. package/dist/json/theme/webex/dark-rose-stable.json +116 -6
  61. package/dist/json/theme/webex/dark-stable.json +116 -6
  62. package/dist/json/theme/webex/hc-dark-stable.json +110 -0
  63. package/dist/json/theme/webex/hc-light-stable.json +110 -0
  64. package/dist/json/theme/webex/light-bronze-stable.json +116 -6
  65. package/dist/json/theme/webex/light-indigo-stable.json +116 -6
  66. package/dist/json/theme/webex/light-jade-stable.json +116 -6
  67. package/dist/json/theme/webex/light-lavender-stable.json +116 -6
  68. package/dist/json/theme/webex/light-rose-stable.json +116 -6
  69. package/dist/json/theme/webex/light-stable.json +116 -6
  70. package/dist/json-minimal/theme/webex/dark-bronze-stable.json +10 -2
  71. package/dist/json-minimal/theme/webex/dark-indigo-stable.json +10 -2
  72. package/dist/json-minimal/theme/webex/dark-jade-stable.json +10 -2
  73. package/dist/json-minimal/theme/webex/dark-lavender-stable.json +10 -2
  74. package/dist/json-minimal/theme/webex/dark-rose-stable.json +10 -2
  75. package/dist/json-minimal/theme/webex/dark-stable.json +10 -2
  76. package/dist/json-minimal/theme/webex/hc-dark-stable.json +8 -0
  77. package/dist/json-minimal/theme/webex/hc-light-stable.json +8 -0
  78. package/dist/json-minimal/theme/webex/light-bronze-stable.json +10 -2
  79. package/dist/json-minimal/theme/webex/light-indigo-stable.json +10 -2
  80. package/dist/json-minimal/theme/webex/light-jade-stable.json +10 -2
  81. package/dist/json-minimal/theme/webex/light-lavender-stable.json +10 -2
  82. package/dist/json-minimal/theme/webex/light-rose-stable.json +10 -2
  83. package/dist/json-minimal/theme/webex/light-stable.json +10 -2
  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 +7 -3
  90. package/dist/resources/theme/webex/dark-indigo-stable.xml +7 -3
  91. package/dist/resources/theme/webex/dark-jade-stable.xml +7 -3
  92. package/dist/resources/theme/webex/dark-lavender-stable.xml +7 -3
  93. package/dist/resources/theme/webex/dark-rose-stable.xml +7 -3
  94. package/dist/resources/theme/webex/dark-stable.xml +7 -3
  95. package/dist/resources/theme/webex/hc-dark-stable.xml +5 -1
  96. package/dist/resources/theme/webex/hc-light-stable.xml +5 -1
  97. package/dist/resources/theme/webex/light-bronze-stable.xml +7 -3
  98. package/dist/resources/theme/webex/light-indigo-stable.xml +7 -3
  99. package/dist/resources/theme/webex/light-jade-stable.xml +7 -3
  100. package/dist/resources/theme/webex/light-lavender-stable.xml +7 -3
  101. package/dist/resources/theme/webex/light-rose-stable.xml +7 -3
  102. package/dist/resources/theme/webex/light-stable.xml +7 -3
  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 +7 -3
  110. package/dist/scss/theme/webex/dark-indigo-stable.scss +7 -3
  111. package/dist/scss/theme/webex/dark-jade-stable.scss +7 -3
  112. package/dist/scss/theme/webex/dark-lavender-stable.scss +7 -3
  113. package/dist/scss/theme/webex/dark-rose-stable.scss +7 -3
  114. package/dist/scss/theme/webex/dark-stable.scss +7 -3
  115. package/dist/scss/theme/webex/hc-dark-stable.scss +5 -1
  116. package/dist/scss/theme/webex/hc-light-stable.scss +5 -1
  117. package/dist/scss/theme/webex/light-bronze-stable.scss +7 -3
  118. package/dist/scss/theme/webex/light-indigo-stable.scss +7 -3
  119. package/dist/scss/theme/webex/light-jade-stable.scss +7 -3
  120. package/dist/scss/theme/webex/light-lavender-stable.scss +7 -3
  121. package/dist/scss/theme/webex/light-rose-stable.scss +7 -3
  122. package/dist/scss/theme/webex/light-stable.scss +7 -3
  123. package/dist/scss/typography/complete.scss +1 -1
  124. package/package.json +1 -1
package/dist/css/components/complete.css CHANGED
@@ -156,10 +156,12 @@
156
156
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%);
157
157
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #262626 0%, #0f0f0f 100%);
158
158
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
159
- --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%);
160
- --mds-color-theme-background-glass-normal: #00000066;
159
+ --mds-color-theme-background-skeleton-normal: #707070;
160
+ --mds-color-theme-background-glass-normal: #ffffff0d;
161
161
  --mds-color-theme-background-glass-overlay-normal: #000000cc;
162
162
  --mds-color-theme-background-glass-overlay-inactive: #00000066;
163
+ --mds-color-theme-background-glass-radial-0: #ffffff66;
164
+ --mds-color-theme-background-glass-radial-1: #ffffff0d;
163
165
  --mds-color-theme-background-input-disabled: #ffffff1c;
164
166
  --mds-color-theme-button-primary-normal: #fffffff2;
165
167
  --mds-color-theme-button-primary-hover: #ffffffcc;
@@ -211,6 +213,7 @@
211
213
  --mds-color-theme-outline-promotion-normal: #c233c4;
212
214
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%);
213
215
  --mds-color-theme-outline-warning-normal: #f2990a;
216
+ --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%);
214
217
  --mds-color-theme-control-active-normal: #64b4fa;
215
218
  --mds-color-theme-control-active-hover: #3492eb;
216
219
  --mds-color-theme-control-active-pressed: #1170cf;
@@ -372,6 +375,7 @@
372
375
  --mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #f294f100 0%, #f294f1E6 22.4%, #f294f1E6 76.04%, #f294f100 100%);
373
376
  --mds-color-theme-gradientdivider-vertical-normal: linear-gradient(0deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
374
377
  --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
378
+ --mds-color-theme-avatar-ghost: #ffffff00;
375
379
  --mds-color-theme-avatar-default: #545454;
376
380
  --mds-color-theme-avatar-hover: #ffffff12;
377
381
  --mds-color-theme-avatar-pressed: #ffffff33;
@@ -550,10 +554,12 @@
550
554
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #1f1402 0%, #171002 100%);
551
555
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #2e2515 0%, #171002 100%);
552
556
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
553
- --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%);
554
- --mds-color-theme-background-glass-normal: #00000066;
557
+ --mds-color-theme-background-skeleton-normal: #707070;
558
+ --mds-color-theme-background-glass-normal: #ffffff0d;
555
559
  --mds-color-theme-background-glass-overlay-normal: #000000cc;
556
560
  --mds-color-theme-background-glass-overlay-inactive: #00000066;
561
+ --mds-color-theme-background-glass-radial-0: #ffffff66;
562
+ --mds-color-theme-background-glass-radial-1: #ffffff0d;
557
563
  --mds-color-theme-background-input-disabled: #ffffff1c;
558
564
  --mds-color-theme-button-primary-normal: #fffffff2;
559
565
  --mds-color-theme-button-primary-hover: #ffffffcc;
@@ -605,6 +611,7 @@
605
611
  --mds-color-theme-outline-promotion-normal: #c233c4;
606
612
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%);
607
613
  --mds-color-theme-outline-warning-normal: #f2990a;
614
+ --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%);
608
615
  --mds-color-theme-control-active-normal: #64b4fa;
609
616
  --mds-color-theme-control-active-hover: #3492eb;
610
617
  --mds-color-theme-control-active-pressed: #1170cf;
@@ -766,6 +773,7 @@
766
773
  --mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #f294f100 0%, #f294f1E6 22.4%, #f294f1E6 76.04%, #f294f100 100%);
767
774
  --mds-color-theme-gradientdivider-vertical-normal: linear-gradient(0deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
768
775
  --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
776
+ --mds-color-theme-avatar-ghost: #ffffff00;
769
777
  --mds-color-theme-avatar-default: #545454;
770
778
  --mds-color-theme-avatar-hover: #ffffff12;
771
779
  --mds-color-theme-avatar-pressed: #ffffff33;
@@ -944,10 +952,12 @@
944
952
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #13182b 0%, #0e111a 100%);
945
953
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #212536 0%, #0e111a 100%);
946
954
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
947
- --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%);
948
- --mds-color-theme-background-glass-normal: #00000066;
955
+ --mds-color-theme-background-skeleton-normal: #707070;
956
+ --mds-color-theme-background-glass-normal: #ffffff0d;
949
957
  --mds-color-theme-background-glass-overlay-normal: #000000cc;
950
958
  --mds-color-theme-background-glass-overlay-inactive: #00000066;
959
+ --mds-color-theme-background-glass-radial-0: #ffffff66;
960
+ --mds-color-theme-background-glass-radial-1: #ffffff0d;
951
961
  --mds-color-theme-background-input-disabled: #ffffff1c;
952
962
  --mds-color-theme-button-primary-normal: #fffffff2;
953
963
  --mds-color-theme-button-primary-hover: #ffffffcc;
@@ -999,6 +1009,7 @@
999
1009
  --mds-color-theme-outline-promotion-normal: #c233c4;
1000
1010
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%);
1001
1011
  --mds-color-theme-outline-warning-normal: #f2990a;
1012
+ --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%);
1002
1013
  --mds-color-theme-control-active-normal: #64b4fa;
1003
1014
  --mds-color-theme-control-active-hover: #3492eb;
1004
1015
  --mds-color-theme-control-active-pressed: #1170cf;
@@ -1160,6 +1171,7 @@
1160
1171
  --mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #f294f100 0%, #f294f1E6 22.4%, #f294f1E6 76.04%, #f294f100 100%);
1161
1172
  --mds-color-theme-gradientdivider-vertical-normal: linear-gradient(0deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
1162
1173
  --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
1174
+ --mds-color-theme-avatar-ghost: #ffffff00;
1163
1175
  --mds-color-theme-avatar-default: #545454;
1164
1176
  --mds-color-theme-avatar-hover: #ffffff12;
1165
1177
  --mds-color-theme-avatar-pressed: #ffffff33;
@@ -1338,10 +1350,12 @@
1338
1350
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #001c18 0%, #021412 100%);
1339
1351
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #122925 0%, #021412 100%);
1340
1352
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
1341
- --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%);
1342
- --mds-color-theme-background-glass-normal: #00000066;
1353
+ --mds-color-theme-background-skeleton-normal: #707070;
1354
+ --mds-color-theme-background-glass-normal: #ffffff0d;
1343
1355
  --mds-color-theme-background-glass-overlay-normal: #000000cc;
1344
1356
  --mds-color-theme-background-glass-overlay-inactive: #00000066;
1357
+ --mds-color-theme-background-glass-radial-0: #ffffff66;
1358
+ --mds-color-theme-background-glass-radial-1: #ffffff0d;
1345
1359
  --mds-color-theme-background-input-disabled: #ffffff1c;
1346
1360
  --mds-color-theme-button-primary-normal: #fffffff2;
1347
1361
  --mds-color-theme-button-primary-hover: #ffffffcc;
@@ -1393,6 +1407,7 @@
1393
1407
  --mds-color-theme-outline-promotion-normal: #c233c4;
1394
1408
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%);
1395
1409
  --mds-color-theme-outline-warning-normal: #f2990a;
1410
+ --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%);
1396
1411
  --mds-color-theme-control-active-normal: #64b4fa;
1397
1412
  --mds-color-theme-control-active-hover: #3492eb;
1398
1413
  --mds-color-theme-control-active-pressed: #1170cf;
@@ -1554,6 +1569,7 @@
1554
1569
  --mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #f294f100 0%, #f294f1E6 22.4%, #f294f1E6 76.04%, #f294f100 100%);
1555
1570
  --mds-color-theme-gradientdivider-vertical-normal: linear-gradient(0deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
1556
1571
  --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
1572
+ --mds-color-theme-avatar-ghost: #ffffff00;
1557
1573
  --mds-color-theme-avatar-default: #545454;
1558
1574
  --mds-color-theme-avatar-hover: #ffffff12;
1559
1575
  --mds-color-theme-avatar-pressed: #ffffff33;
@@ -1732,10 +1748,12 @@
1732
1748
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #231237 0%, #18082b 100%);
1733
1749
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #301a4a 0%, #18082b 100%);
1734
1750
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
1735
- --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%);
1736
- --mds-color-theme-background-glass-normal: #00000066;
1751
+ --mds-color-theme-background-skeleton-normal: #707070;
1752
+ --mds-color-theme-background-glass-normal: #ffffff0d;
1737
1753
  --mds-color-theme-background-glass-overlay-normal: #000000cc;
1738
1754
  --mds-color-theme-background-glass-overlay-inactive: #00000066;
1755
+ --mds-color-theme-background-glass-radial-0: #ffffff66;
1756
+ --mds-color-theme-background-glass-radial-1: #ffffff0d;
1739
1757
  --mds-color-theme-background-input-disabled: #ffffff1c;
1740
1758
  --mds-color-theme-button-primary-normal: #fffffff2;
1741
1759
  --mds-color-theme-button-primary-hover: #ffffffcc;
@@ -1787,6 +1805,7 @@
1787
1805
  --mds-color-theme-outline-promotion-normal: #c233c4;
1788
1806
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%);
1789
1807
  --mds-color-theme-outline-warning-normal: #f2990a;
1808
+ --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%);
1790
1809
  --mds-color-theme-control-active-normal: #64b4fa;
1791
1810
  --mds-color-theme-control-active-hover: #3492eb;
1792
1811
  --mds-color-theme-control-active-pressed: #1170cf;
@@ -1948,6 +1967,7 @@
1948
1967
  --mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #f294f100 0%, #f294f1E6 22.4%, #f294f1E6 76.04%, #f294f100 100%);
1949
1968
  --mds-color-theme-gradientdivider-vertical-normal: linear-gradient(0deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
1950
1969
  --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
1970
+ --mds-color-theme-avatar-ghost: #ffffff00;
1951
1971
  --mds-color-theme-avatar-default: #545454;
1952
1972
  --mds-color-theme-avatar-hover: #ffffff12;
1953
1973
  --mds-color-theme-avatar-pressed: #ffffff33;
@@ -2126,10 +2146,12 @@
2126
2146
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #30041e 0%, #1f0615 100%);
2127
2147
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #40162e 0%, #1f0615 100%);
2128
2148
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
2129
- --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%);
2130
- --mds-color-theme-background-glass-normal: #00000066;
2149
+ --mds-color-theme-background-skeleton-normal: #707070;
2150
+ --mds-color-theme-background-glass-normal: #ffffff0d;
2131
2151
  --mds-color-theme-background-glass-overlay-normal: #000000cc;
2132
2152
  --mds-color-theme-background-glass-overlay-inactive: #00000066;
2153
+ --mds-color-theme-background-glass-radial-0: #ffffff66;
2154
+ --mds-color-theme-background-glass-radial-1: #ffffff0d;
2133
2155
  --mds-color-theme-background-input-disabled: #ffffff1c;
2134
2156
  --mds-color-theme-button-primary-normal: #fffffff2;
2135
2157
  --mds-color-theme-button-primary-hover: #ffffffcc;
@@ -2181,6 +2203,7 @@
2181
2203
  --mds-color-theme-outline-promotion-normal: #c233c4;
2182
2204
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%);
2183
2205
  --mds-color-theme-outline-warning-normal: #f2990a;
2206
+ --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%);
2184
2207
  --mds-color-theme-control-active-normal: #64b4fa;
2185
2208
  --mds-color-theme-control-active-hover: #3492eb;
2186
2209
  --mds-color-theme-control-active-pressed: #1170cf;
@@ -2342,6 +2365,7 @@
2342
2365
  --mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #f294f100 0%, #f294f1E6 22.4%, #f294f1E6 76.04%, #f294f100 100%);
2343
2366
  --mds-color-theme-gradientdivider-vertical-normal: linear-gradient(0deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
2344
2367
  --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
2368
+ --mds-color-theme-avatar-ghost: #ffffff00;
2345
2369
  --mds-color-theme-avatar-default: #545454;
2346
2370
  --mds-color-theme-avatar-hover: #ffffff12;
2347
2371
  --mds-color-theme-avatar-pressed: #ffffff33;
@@ -2520,10 +2544,12 @@
2520
2544
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #f0f0f0 0%, #ffffff 100%);
2521
2545
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fafafa 0%, #ffffff 100%);
2522
2546
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
2523
- --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #00000033 0%, #0000004d 27.6%, #00000066 58.85%, #00000080 100%);
2524
- --mds-color-theme-background-glass-normal: #ffffff99;
2547
+ --mds-color-theme-background-skeleton-normal: #8f8f8f;
2548
+ --mds-color-theme-background-glass-normal: #ffffff66;
2525
2549
  --mds-color-theme-background-glass-overlay-normal: #ffffffcc;
2526
2550
  --mds-color-theme-background-glass-overlay-inactive: #ffffff66;
2551
+ --mds-color-theme-background-glass-radial-0: #ffffffe6;
2552
+ --mds-color-theme-background-glass-radial-1: #ffffff66;
2527
2553
  --mds-color-theme-background-input-disabled: #0000001c;
2528
2554
  --mds-color-theme-button-primary-normal: #000000f2;
2529
2555
  --mds-color-theme-button-primary-hover: #000000cc;
@@ -2575,6 +2601,7 @@
2575
2601
  --mds-color-theme-outline-promotion-normal: #c233c4;
2576
2602
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #00a3b5 51.1%, #3cc29a 85.36%);
2577
2603
  --mds-color-theme-outline-warning-normal: #7d4705;
2604
+ --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #ffffff 0%, #ffffff99 100%);
2578
2605
  --mds-color-theme-control-active-normal: #1170cf;
2579
2606
  --mds-color-theme-control-active-hover: #0353a8;
2580
2607
  --mds-color-theme-control-active-pressed: #063a75;
@@ -2720,6 +2747,7 @@
2720
2747
  --mds-color-theme-groupedbackground-secondary-normal: #ffffff;
2721
2748
  --mds-color-theme-groupedbackground-tertiary-normal: #f7f7f7;
2722
2749
  --mds-color-theme-groupedbackground-quaternary-normal: #ffffff;
2750
+ --mds-color-theme-avatar-ghost: #00000000;
2723
2751
  --mds-color-theme-avatar-default: #545454;
2724
2752
  --mds-color-theme-avatar-cobalt: #08599c;
2725
2753
  --mds-color-theme-avatar-cyan: #066070;
@@ -2914,10 +2942,12 @@
2914
2942
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #f5efe4 0%, #ffffff 100%);
2915
2943
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fcfaf4 0%, #ffffff 100%);
2916
2944
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
2917
- --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #00000033 0%, #0000004d 27.6%, #00000066 58.85%, #00000080 100%);
2918
- --mds-color-theme-background-glass-normal: #ffffff99;
2945
+ --mds-color-theme-background-skeleton-normal: #8f8f8f;
2946
+ --mds-color-theme-background-glass-normal: #ffffff66;
2919
2947
  --mds-color-theme-background-glass-overlay-normal: #ffffffcc;
2920
2948
  --mds-color-theme-background-glass-overlay-inactive: #ffffff66;
2949
+ --mds-color-theme-background-glass-radial-0: #ffffffe6;
2950
+ --mds-color-theme-background-glass-radial-1: #ffffff66;
2921
2951
  --mds-color-theme-background-input-disabled: #0000001c;
2922
2952
  --mds-color-theme-button-primary-normal: #000000f2;
2923
2953
  --mds-color-theme-button-primary-hover: #000000cc;
@@ -2969,6 +2999,7 @@
2969
2999
  --mds-color-theme-outline-promotion-normal: #c233c4;
2970
3000
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #00a3b5 51.1%, #3cc29a 85.36%);
2971
3001
  --mds-color-theme-outline-warning-normal: #7d4705;
3002
+ --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #ffffff 0%, #ffffff99 100%);
2972
3003
  --mds-color-theme-control-active-normal: #1170cf;
2973
3004
  --mds-color-theme-control-active-hover: #0353a8;
2974
3005
  --mds-color-theme-control-active-pressed: #063a75;
@@ -3114,6 +3145,7 @@
3114
3145
  --mds-color-theme-groupedbackground-secondary-normal: #ffffff;
3115
3146
  --mds-color-theme-groupedbackground-tertiary-normal: #f7f7f7;
3116
3147
  --mds-color-theme-groupedbackground-quaternary-normal: #ffffff;
3148
+ --mds-color-theme-avatar-ghost: #00000000;
3117
3149
  --mds-color-theme-avatar-default: #545454;
3118
3150
  --mds-color-theme-avatar-cobalt: #08599c;
3119
3151
  --mds-color-theme-avatar-cyan: #066070;
@@ -3308,10 +3340,12 @@
3308
3340
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #ebeffc 0%, #ffffff 100%);
3309
3341
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #f7f9ff 0%, #ffffff 100%);
3310
3342
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
3311
- --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #00000033 0%, #0000004d 27.6%, #00000066 58.85%, #00000080 100%);
3312
- --mds-color-theme-background-glass-normal: #ffffff99;
3343
+ --mds-color-theme-background-skeleton-normal: #8f8f8f;
3344
+ --mds-color-theme-background-glass-normal: #ffffff66;
3313
3345
  --mds-color-theme-background-glass-overlay-normal: #ffffffcc;
3314
3346
  --mds-color-theme-background-glass-overlay-inactive: #ffffff66;
3347
+ --mds-color-theme-background-glass-radial-0: #ffffffe6;
3348
+ --mds-color-theme-background-glass-radial-1: #ffffff66;
3315
3349
  --mds-color-theme-background-input-disabled: #0000001c;
3316
3350
  --mds-color-theme-button-primary-normal: #000000f2;
3317
3351
  --mds-color-theme-button-primary-hover: #000000cc;
@@ -3363,6 +3397,7 @@
3363
3397
  --mds-color-theme-outline-promotion-normal: #c233c4;
3364
3398
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #00a3b5 51.1%, #3cc29a 85.36%);
3365
3399
  --mds-color-theme-outline-warning-normal: #7d4705;
3400
+ --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #ffffff 0%, #ffffff99 100%);
3366
3401
  --mds-color-theme-control-active-normal: #1170cf;
3367
3402
  --mds-color-theme-control-active-hover: #0353a8;
3368
3403
  --mds-color-theme-control-active-pressed: #063a75;
@@ -3508,6 +3543,7 @@
3508
3543
  --mds-color-theme-groupedbackground-secondary-normal: #ffffff;
3509
3544
  --mds-color-theme-groupedbackground-tertiary-normal: #f7f7f7;
3510
3545
  --mds-color-theme-groupedbackground-quaternary-normal: #ffffff;
3546
+ --mds-color-theme-avatar-ghost: #00000000;
3511
3547
  --mds-color-theme-avatar-default: #545454;
3512
3548
  --mds-color-theme-avatar-cobalt: #08599c;
3513
3549
  --mds-color-theme-avatar-cyan: #066070;
@@ -3702,10 +3738,12 @@
3702
3738
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #e6f2f1 0%, #ffffff 100%);
3703
3739
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #f7fcfc 0%, #ffffff 100%);
3704
3740
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
3705
- --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #00000033 0%, #0000004d 27.6%, #00000066 58.85%, #00000080 100%);
3706
- --mds-color-theme-background-glass-normal: #ffffff99;
3741
+ --mds-color-theme-background-skeleton-normal: #8f8f8f;
3742
+ --mds-color-theme-background-glass-normal: #ffffff66;
3707
3743
  --mds-color-theme-background-glass-overlay-normal: #ffffffcc;
3708
3744
  --mds-color-theme-background-glass-overlay-inactive: #ffffff66;
3745
+ --mds-color-theme-background-glass-radial-0: #ffffffe6;
3746
+ --mds-color-theme-background-glass-radial-1: #ffffff66;
3709
3747
  --mds-color-theme-background-input-disabled: #0000001c;
3710
3748
  --mds-color-theme-button-primary-normal: #000000f2;
3711
3749
  --mds-color-theme-button-primary-hover: #000000cc;
@@ -3757,6 +3795,7 @@
3757
3795
  --mds-color-theme-outline-promotion-normal: #c233c4;
3758
3796
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #00a3b5 51.1%, #3cc29a 85.36%);
3759
3797
  --mds-color-theme-outline-warning-normal: #7d4705;
3798
+ --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #ffffff 0%, #ffffff99 100%);
3760
3799
  --mds-color-theme-control-active-normal: #1170cf;
3761
3800
  --mds-color-theme-control-active-hover: #0353a8;
3762
3801
  --mds-color-theme-control-active-pressed: #063a75;
@@ -3902,6 +3941,7 @@
3902
3941
  --mds-color-theme-groupedbackground-secondary-normal: #ffffff;
3903
3942
  --mds-color-theme-groupedbackground-tertiary-normal: #f7f7f7;
3904
3943
  --mds-color-theme-groupedbackground-quaternary-normal: #ffffff;
3944
+ --mds-color-theme-avatar-ghost: #00000000;
3905
3945
  --mds-color-theme-avatar-default: #545454;
3906
3946
  --mds-color-theme-avatar-cobalt: #08599c;
3907
3947
  --mds-color-theme-avatar-cyan: #066070;
@@ -4096,10 +4136,12 @@
4096
4136
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #f4ebff 0%, #ffffff 100%);
4097
4137
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fbf7ff 0%, #ffffff 100%);
4098
4138
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
4099
- --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #00000033 0%, #0000004d 27.6%, #00000066 58.85%, #00000080 100%);
4100
- --mds-color-theme-background-glass-normal: #ffffff99;
4139
+ --mds-color-theme-background-skeleton-normal: #8f8f8f;
4140
+ --mds-color-theme-background-glass-normal: #ffffff66;
4101
4141
  --mds-color-theme-background-glass-overlay-normal: #ffffffcc;
4102
4142
  --mds-color-theme-background-glass-overlay-inactive: #ffffff66;
4143
+ --mds-color-theme-background-glass-radial-0: #ffffffe6;
4144
+ --mds-color-theme-background-glass-radial-1: #ffffff66;
4103
4145
  --mds-color-theme-background-input-disabled: #0000001c;
4104
4146
  --mds-color-theme-button-primary-normal: #000000f2;
4105
4147
  --mds-color-theme-button-primary-hover: #000000cc;
@@ -4151,6 +4193,7 @@
4151
4193
  --mds-color-theme-outline-promotion-normal: #c233c4;
4152
4194
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #00a3b5 51.1%, #3cc29a 85.36%);
4153
4195
  --mds-color-theme-outline-warning-normal: #7d4705;
4196
+ --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #ffffff 0%, #ffffff99 100%);
4154
4197
  --mds-color-theme-control-active-normal: #1170cf;
4155
4198
  --mds-color-theme-control-active-hover: #0353a8;
4156
4199
  --mds-color-theme-control-active-pressed: #063a75;
@@ -4296,6 +4339,7 @@
4296
4339
  --mds-color-theme-groupedbackground-secondary-normal: #ffffff;
4297
4340
  --mds-color-theme-groupedbackground-tertiary-normal: #f7f7f7;
4298
4341
  --mds-color-theme-groupedbackground-quaternary-normal: #ffffff;
4342
+ --mds-color-theme-avatar-ghost: #00000000;
4299
4343
  --mds-color-theme-avatar-default: #545454;
4300
4344
  --mds-color-theme-avatar-cobalt: #08599c;
4301
4345
  --mds-color-theme-avatar-cyan: #066070;
@@ -4490,10 +4534,12 @@
4490
4534
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #fcebf5 0%, #ffffff 100%);
4491
4535
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fff9fd 0%, #ffffff 100%);
4492
4536
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
4493
- --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #00000033 0%, #0000004d 27.6%, #00000066 58.85%, #00000080 100%);
4494
- --mds-color-theme-background-glass-normal: #ffffff99;
4537
+ --mds-color-theme-background-skeleton-normal: #8f8f8f;
4538
+ --mds-color-theme-background-glass-normal: #ffffff66;
4495
4539
  --mds-color-theme-background-glass-overlay-normal: #ffffffcc;
4496
4540
  --mds-color-theme-background-glass-overlay-inactive: #ffffff66;
4541
+ --mds-color-theme-background-glass-radial-0: #ffffffe6;
4542
+ --mds-color-theme-background-glass-radial-1: #ffffff66;
4497
4543
  --mds-color-theme-background-input-disabled: #0000001c;
4498
4544
  --mds-color-theme-button-primary-normal: #000000f2;
4499
4545
  --mds-color-theme-button-primary-hover: #000000cc;
@@ -4545,6 +4591,7 @@
4545
4591
  --mds-color-theme-outline-promotion-normal: #c233c4;
4546
4592
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #00a3b5 51.1%, #3cc29a 85.36%);
4547
4593
  --mds-color-theme-outline-warning-normal: #7d4705;
4594
+ --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #ffffff 0%, #ffffff99 100%);
4548
4595
  --mds-color-theme-control-active-normal: #1170cf;
4549
4596
  --mds-color-theme-control-active-hover: #0353a8;
4550
4597
  --mds-color-theme-control-active-pressed: #063a75;
@@ -4690,6 +4737,7 @@
4690
4737
  --mds-color-theme-groupedbackground-secondary-normal: #ffffff;
4691
4738
  --mds-color-theme-groupedbackground-tertiary-normal: #f7f7f7;
4692
4739
  --mds-color-theme-groupedbackground-quaternary-normal: #ffffff;
4740
+ --mds-color-theme-avatar-ghost: #00000000;
4693
4741
  --mds-color-theme-avatar-default: #545454;
4694
4742
  --mds-color-theme-avatar-cobalt: #08599c;
4695
4743
  --mds-color-theme-avatar-cyan: #066070;
package/dist/css/core/complete.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 04 Apr 2025 18:42:34 GMT
3
+ * Generated on Wed, 30 Apr 2025 07:16:12 GMT
4
4
  */
5
5
 
6
6
  .mds-core {
package/dist/css/effect/complete.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 04 Apr 2025 18:42:34 GMT
3
+ * Generated on Wed, 30 Apr 2025 07:16:12 GMT
4
4
  */
5
5
 
6
6
  .mds-effect {
package/dist/css/elevation/complete.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 04 Apr 2025 18:42:45 GMT
3
+ * Generated on Wed, 30 Apr 2025 07:16:23 GMT
4
4
  */
5
5
 
6
6
  .mds-elevation {
package/dist/css/theme/aaos/day-complete.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 04 Apr 2025 18:42:36 GMT
3
+ * Generated on Wed, 30 Apr 2025 07:16:14 GMT
4
4
  */
5
5
 
6
6
  .mds-theme-aaos-day {
package/dist/css/theme/aaos/night-complete.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 04 Apr 2025 18:42:36 GMT
3
+ * Generated on Wed, 30 Apr 2025 07:16:14 GMT
4
4
  */
5
5
 
6
6
  .mds-theme-aaos-night {
package/dist/css/theme/webex/dark-bronze-stable.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 04 Apr 2025 18:42:39 GMT
3
+ * Generated on Wed, 30 Apr 2025 07:16:17 GMT
4
4
  */
5
5
 
6
6
  .mds-theme-stable-darkBronzeWebex {
@@ -161,10 +161,12 @@
161
161
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #1f1402 0%, #171002 100%);
162
162
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #2e2515 0%, #171002 100%);
163
163
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
164
- --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%);
165
- --mds-color-theme-background-glass-normal: #00000066;
164
+ --mds-color-theme-background-skeleton-normal: #707070;
165
+ --mds-color-theme-background-glass-normal: #ffffff0d;
166
166
  --mds-color-theme-background-glass-overlay-normal: #000000cc;
167
167
  --mds-color-theme-background-glass-overlay-inactive: #00000066;
168
+ --mds-color-theme-background-glass-radial-0: #ffffff66;
169
+ --mds-color-theme-background-glass-radial-1: #ffffff0d;
168
170
  --mds-color-theme-background-input-disabled: #ffffff1c;
169
171
  --mds-color-theme-button-primary-normal: #fffffff2;
170
172
  --mds-color-theme-button-primary-hover: #ffffffcc;
@@ -216,6 +218,7 @@
216
218
  --mds-color-theme-outline-promotion-normal: #c233c4;
217
219
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%);
218
220
  --mds-color-theme-outline-warning-normal: #f2990a;
221
+ --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%);
219
222
  --mds-color-theme-control-active-normal: #64b4fa;
220
223
  --mds-color-theme-control-active-hover: #3492eb;
221
224
  --mds-color-theme-control-active-pressed: #1170cf;
@@ -377,6 +380,7 @@
377
380
  --mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #f294f100 0%, #f294f1E6 22.4%, #f294f1E6 76.04%, #f294f100 100%);
378
381
  --mds-color-theme-gradientdivider-vertical-normal: linear-gradient(0deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
379
382
  --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
383
+ --mds-color-theme-avatar-ghost: #ffffff00;
380
384
  --mds-color-theme-avatar-default: #545454;
381
385
  --mds-color-theme-avatar-hover: #ffffff12;
382
386
  --mds-color-theme-avatar-pressed: #ffffff33;
package/dist/css/theme/webex/dark-indigo-stable.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 04 Apr 2025 18:42:38 GMT
3
+ * Generated on Wed, 30 Apr 2025 07:16:16 GMT
4
4
  */
5
5
 
6
6
  .mds-theme-stable-darkIndigoWebex {
@@ -161,10 +161,12 @@
161
161
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #13182b 0%, #0e111a 100%);
162
162
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #212536 0%, #0e111a 100%);
163
163
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
164
- --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%);
165
- --mds-color-theme-background-glass-normal: #00000066;
164
+ --mds-color-theme-background-skeleton-normal: #707070;
165
+ --mds-color-theme-background-glass-normal: #ffffff0d;
166
166
  --mds-color-theme-background-glass-overlay-normal: #000000cc;
167
167
  --mds-color-theme-background-glass-overlay-inactive: #00000066;
168
+ --mds-color-theme-background-glass-radial-0: #ffffff66;
169
+ --mds-color-theme-background-glass-radial-1: #ffffff0d;
168
170
  --mds-color-theme-background-input-disabled: #ffffff1c;
169
171
  --mds-color-theme-button-primary-normal: #fffffff2;
170
172
  --mds-color-theme-button-primary-hover: #ffffffcc;
@@ -216,6 +218,7 @@
216
218
  --mds-color-theme-outline-promotion-normal: #c233c4;
217
219
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%);
218
220
  --mds-color-theme-outline-warning-normal: #f2990a;
221
+ --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%);
219
222
  --mds-color-theme-control-active-normal: #64b4fa;
220
223
  --mds-color-theme-control-active-hover: #3492eb;
221
224
  --mds-color-theme-control-active-pressed: #1170cf;
@@ -377,6 +380,7 @@
377
380
  --mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #f294f100 0%, #f294f1E6 22.4%, #f294f1E6 76.04%, #f294f100 100%);
378
381
  --mds-color-theme-gradientdivider-vertical-normal: linear-gradient(0deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
379
382
  --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
383
+ --mds-color-theme-avatar-ghost: #ffffff00;
380
384
  --mds-color-theme-avatar-default: #545454;
381
385
  --mds-color-theme-avatar-hover: #ffffff12;
382
386
  --mds-color-theme-avatar-pressed: #ffffff33;
package/dist/css/theme/webex/dark-jade-stable.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 04 Apr 2025 18:42:39 GMT
3
+ * Generated on Wed, 30 Apr 2025 07:16:16 GMT
4
4
  */
5
5
 
6
6
  .mds-theme-stable-darkJadeWebex {
@@ -161,10 +161,12 @@
161
161
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #001c18 0%, #021412 100%);
162
162
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #122925 0%, #021412 100%);
163
163
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
164
- --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%);
165
- --mds-color-theme-background-glass-normal: #00000066;
164
+ --mds-color-theme-background-skeleton-normal: #707070;
165
+ --mds-color-theme-background-glass-normal: #ffffff0d;
166
166
  --mds-color-theme-background-glass-overlay-normal: #000000cc;
167
167
  --mds-color-theme-background-glass-overlay-inactive: #00000066;
168
+ --mds-color-theme-background-glass-radial-0: #ffffff66;
169
+ --mds-color-theme-background-glass-radial-1: #ffffff0d;
168
170
  --mds-color-theme-background-input-disabled: #ffffff1c;
169
171
  --mds-color-theme-button-primary-normal: #fffffff2;
170
172
  --mds-color-theme-button-primary-hover: #ffffffcc;
@@ -216,6 +218,7 @@
216
218
  --mds-color-theme-outline-promotion-normal: #c233c4;
217
219
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%);
218
220
  --mds-color-theme-outline-warning-normal: #f2990a;
221
+ --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%);
219
222
  --mds-color-theme-control-active-normal: #64b4fa;
220
223
  --mds-color-theme-control-active-hover: #3492eb;
221
224
  --mds-color-theme-control-active-pressed: #1170cf;
@@ -377,6 +380,7 @@
377
380
  --mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #f294f100 0%, #f294f1E6 22.4%, #f294f1E6 76.04%, #f294f100 100%);
378
381
  --mds-color-theme-gradientdivider-vertical-normal: linear-gradient(0deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
379
382
  --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
383
+ --mds-color-theme-avatar-ghost: #ffffff00;
380
384
  --mds-color-theme-avatar-default: #545454;
381
385
  --mds-color-theme-avatar-hover: #ffffff12;
382
386
  --mds-color-theme-avatar-pressed: #ffffff33;
package/dist/css/theme/webex/dark-lavender-stable.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 04 Apr 2025 18:42:40 GMT
3
+ * Generated on Wed, 30 Apr 2025 07:16:18 GMT
4
4
  */
5
5
 
6
6
  .mds-theme-stable-darkLavenderWebex {
@@ -161,10 +161,12 @@
161
161
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #231237 0%, #18082b 100%);
162
162
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #301a4a 0%, #18082b 100%);
163
163
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
164
- --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%);
165
- --mds-color-theme-background-glass-normal: #00000066;
164
+ --mds-color-theme-background-skeleton-normal: #707070;
165
+ --mds-color-theme-background-glass-normal: #ffffff0d;
166
166
  --mds-color-theme-background-glass-overlay-normal: #000000cc;
167
167
  --mds-color-theme-background-glass-overlay-inactive: #00000066;
168
+ --mds-color-theme-background-glass-radial-0: #ffffff66;
169
+ --mds-color-theme-background-glass-radial-1: #ffffff0d;
168
170
  --mds-color-theme-background-input-disabled: #ffffff1c;
169
171
  --mds-color-theme-button-primary-normal: #fffffff2;
170
172
  --mds-color-theme-button-primary-hover: #ffffffcc;
@@ -216,6 +218,7 @@
216
218
  --mds-color-theme-outline-promotion-normal: #c233c4;
217
219
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%);
218
220
  --mds-color-theme-outline-warning-normal: #f2990a;
221
+ --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%);
219
222
  --mds-color-theme-control-active-normal: #64b4fa;
220
223
  --mds-color-theme-control-active-hover: #3492eb;
221
224
  --mds-color-theme-control-active-pressed: #1170cf;
@@ -377,6 +380,7 @@
377
380
  --mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #f294f100 0%, #f294f1E6 22.4%, #f294f1E6 76.04%, #f294f100 100%);
378
381
  --mds-color-theme-gradientdivider-vertical-normal: linear-gradient(0deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
379
382
  --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
383
+ --mds-color-theme-avatar-ghost: #ffffff00;
380
384
  --mds-color-theme-avatar-default: #545454;
381
385
  --mds-color-theme-avatar-hover: #ffffff12;
382
386
  --mds-color-theme-avatar-pressed: #ffffff33;
package/dist/css/theme/webex/dark-rose-stable.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 04 Apr 2025 18:42:39 GMT
3
+ * Generated on Wed, 30 Apr 2025 07:16:17 GMT
4
4
  */
5
5
 
6
6
  .mds-theme-stable-darkRoseWebex {
@@ -161,10 +161,12 @@
161
161
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #30041e 0%, #1f0615 100%);
162
162
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #40162e 0%, #1f0615 100%);
163
163
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
164
- --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%);
165
- --mds-color-theme-background-glass-normal: #00000066;
164
+ --mds-color-theme-background-skeleton-normal: #707070;
165
+ --mds-color-theme-background-glass-normal: #ffffff0d;
166
166
  --mds-color-theme-background-glass-overlay-normal: #000000cc;
167
167
  --mds-color-theme-background-glass-overlay-inactive: #00000066;
168
+ --mds-color-theme-background-glass-radial-0: #ffffff66;
169
+ --mds-color-theme-background-glass-radial-1: #ffffff0d;
168
170
  --mds-color-theme-background-input-disabled: #ffffff1c;
169
171
  --mds-color-theme-button-primary-normal: #fffffff2;
170
172
  --mds-color-theme-button-primary-hover: #ffffffcc;
@@ -216,6 +218,7 @@
216
218
  --mds-color-theme-outline-promotion-normal: #c233c4;
217
219
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%);
218
220
  --mds-color-theme-outline-warning-normal: #f2990a;
221
+ --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%);
219
222
  --mds-color-theme-control-active-normal: #64b4fa;
220
223
  --mds-color-theme-control-active-hover: #3492eb;
221
224
  --mds-color-theme-control-active-pressed: #1170cf;
@@ -377,6 +380,7 @@
377
380
  --mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #f294f100 0%, #f294f1E6 22.4%, #f294f1E6 76.04%, #f294f100 100%);
378
381
  --mds-color-theme-gradientdivider-vertical-normal: linear-gradient(0deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
379
382
  --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
383
+ --mds-color-theme-avatar-ghost: #ffffff00;
380
384
  --mds-color-theme-avatar-default: #545454;
381
385
  --mds-color-theme-avatar-hover: #ffffff12;
382
386
  --mds-color-theme-avatar-pressed: #ffffff33;
package/dist/css/theme/webex/dark-stable.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 04 Apr 2025 18:42:35 GMT
3
+ * Generated on Wed, 30 Apr 2025 07:16:13 GMT
4
4
  */
5
5
 
6
6
  .mds-theme-stable-darkWebex {
@@ -161,10 +161,12 @@
161
161
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%);
162
162
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #262626 0%, #0f0f0f 100%);
163
163
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
164
- --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%);
165
- --mds-color-theme-background-glass-normal: #00000066;
164
+ --mds-color-theme-background-skeleton-normal: #707070;
165
+ --mds-color-theme-background-glass-normal: #ffffff0d;
166
166
  --mds-color-theme-background-glass-overlay-normal: #000000cc;
167
167
  --mds-color-theme-background-glass-overlay-inactive: #00000066;
168
+ --mds-color-theme-background-glass-radial-0: #ffffff66;
169
+ --mds-color-theme-background-glass-radial-1: #ffffff0d;
168
170
  --mds-color-theme-background-input-disabled: #ffffff1c;
169
171
  --mds-color-theme-button-primary-normal: #fffffff2;
170
172
  --mds-color-theme-button-primary-hover: #ffffffcc;
@@ -216,6 +218,7 @@
216
218
  --mds-color-theme-outline-promotion-normal: #c233c4;
217
219
  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%);
218
220
  --mds-color-theme-outline-warning-normal: #f2990a;
221
+ --mds-color-theme-outline-glass-normal: linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%);
219
222
  --mds-color-theme-control-active-normal: #64b4fa;
220
223
  --mds-color-theme-control-active-hover: #3492eb;
221
224
  --mds-color-theme-control-active-pressed: #1170cf;
@@ -377,6 +380,7 @@
377
380
  --mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #f294f100 0%, #f294f1E6 22.4%, #f294f1E6 76.04%, #f294f100 100%);
378
381
  --mds-color-theme-gradientdivider-vertical-normal: linear-gradient(0deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
379
382
  --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
383
+ --mds-color-theme-avatar-ghost: #ffffff00;
380
384
  --mds-color-theme-avatar-default: #545454;
381
385
  --mds-color-theme-avatar-hover: #ffffff12;
382
386
  --mds-color-theme-avatar-pressed: #ffffff33;