@momentum-design/tokens 0.10.3 → 0.11.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 (104) hide show
  1. package/dist/css/components/complete.css +48 -12
  2. package/dist/css/motion/animation.css +24 -12
  3. package/dist/css/theme/webex/dark-bronze-stable.css +4 -1
  4. package/dist/css/theme/webex/dark-indigo-stable.css +4 -1
  5. package/dist/css/theme/webex/dark-jade-stable.css +4 -1
  6. package/dist/css/theme/webex/dark-lavender-stable.css +4 -1
  7. package/dist/css/theme/webex/dark-rose-stable.css +4 -1
  8. package/dist/css/theme/webex/dark-stable.css +4 -1
  9. package/dist/css/theme/webex/hc-dark-stable.css +3 -0
  10. package/dist/css/theme/webex/hc-light-stable.css +3 -0
  11. package/dist/css/theme/webex/light-bronze-stable.css +4 -1
  12. package/dist/css/theme/webex/light-indigo-stable.css +4 -1
  13. package/dist/css/theme/webex/light-jade-stable.css +4 -1
  14. package/dist/css/theme/webex/light-lavender-stable.css +4 -1
  15. package/dist/css/theme/webex/light-rose-stable.css +4 -1
  16. package/dist/css/theme/webex/light-stable.css +4 -1
  17. package/dist/ios/theme/webex/dark-bronze-stable.swift +4 -1
  18. package/dist/ios/theme/webex/dark-indigo-stable.swift +4 -1
  19. package/dist/ios/theme/webex/dark-jade-stable.swift +4 -1
  20. package/dist/ios/theme/webex/dark-lavender-stable.swift +4 -1
  21. package/dist/ios/theme/webex/dark-rose-stable.swift +4 -1
  22. package/dist/ios/theme/webex/dark-stable.swift +4 -1
  23. package/dist/ios/theme/webex/hc-dark-stable.swift +3 -0
  24. package/dist/ios/theme/webex/hc-light-stable.swift +3 -0
  25. package/dist/ios/theme/webex/light-bronze-stable.swift +4 -1
  26. package/dist/ios/theme/webex/light-indigo-stable.swift +4 -1
  27. package/dist/ios/theme/webex/light-jade-stable.swift +4 -1
  28. package/dist/ios/theme/webex/light-lavender-stable.swift +4 -1
  29. package/dist/ios/theme/webex/light-rose-stable.swift +4 -1
  30. package/dist/ios/theme/webex/light-stable.swift +4 -1
  31. package/dist/ios-webex/theme/webex/dark-bronze-stable.swift +4 -1
  32. package/dist/ios-webex/theme/webex/dark-indigo-stable.swift +4 -1
  33. package/dist/ios-webex/theme/webex/dark-jade-stable.swift +4 -1
  34. package/dist/ios-webex/theme/webex/dark-lavender-stable.swift +4 -1
  35. package/dist/ios-webex/theme/webex/dark-rose-stable.swift +4 -1
  36. package/dist/ios-webex/theme/webex/dark-stable.swift +4 -1
  37. package/dist/ios-webex/theme/webex/hc-dark-stable.swift +3 -0
  38. package/dist/ios-webex/theme/webex/hc-light-stable.swift +9 -0
  39. package/dist/ios-webex/theme/webex/light-bronze-stable.swift +10 -1
  40. package/dist/ios-webex/theme/webex/light-indigo-stable.swift +10 -1
  41. package/dist/ios-webex/theme/webex/light-jade-stable.swift +10 -1
  42. package/dist/ios-webex/theme/webex/light-lavender-stable.swift +10 -1
  43. package/dist/ios-webex/theme/webex/light-rose-stable.swift +10 -1
  44. package/dist/ios-webex/theme/webex/light-stable.swift +10 -1
  45. package/dist/json/motion/animation.json +816 -0
  46. package/dist/json/theme/webex/dark-bronze-stable.json +134 -2
  47. package/dist/json/theme/webex/dark-indigo-stable.json +134 -2
  48. package/dist/json/theme/webex/dark-jade-stable.json +134 -2
  49. package/dist/json/theme/webex/dark-lavender-stable.json +134 -2
  50. package/dist/json/theme/webex/dark-rose-stable.json +134 -2
  51. package/dist/json/theme/webex/dark-stable.json +134 -2
  52. package/dist/json/theme/webex/hc-dark-stable.json +132 -0
  53. package/dist/json/theme/webex/hc-light-stable.json +132 -0
  54. package/dist/json/theme/webex/light-bronze-stable.json +134 -2
  55. package/dist/json/theme/webex/light-indigo-stable.json +134 -2
  56. package/dist/json/theme/webex/light-jade-stable.json +134 -2
  57. package/dist/json/theme/webex/light-lavender-stable.json +134 -2
  58. package/dist/json/theme/webex/light-rose-stable.json +134 -2
  59. package/dist/json/theme/webex/light-stable.json +134 -2
  60. package/dist/json-minimal/motion/animation.json +42 -0
  61. package/dist/json-minimal/theme/webex/dark-bronze-stable.json +6 -1
  62. package/dist/json-minimal/theme/webex/dark-indigo-stable.json +6 -1
  63. package/dist/json-minimal/theme/webex/dark-jade-stable.json +6 -1
  64. package/dist/json-minimal/theme/webex/dark-lavender-stable.json +6 -1
  65. package/dist/json-minimal/theme/webex/dark-rose-stable.json +6 -1
  66. package/dist/json-minimal/theme/webex/dark-stable.json +6 -1
  67. package/dist/json-minimal/theme/webex/hc-dark-stable.json +6 -1
  68. package/dist/json-minimal/theme/webex/hc-light-stable.json +6 -1
  69. package/dist/json-minimal/theme/webex/light-bronze-stable.json +6 -1
  70. package/dist/json-minimal/theme/webex/light-indigo-stable.json +6 -1
  71. package/dist/json-minimal/theme/webex/light-jade-stable.json +6 -1
  72. package/dist/json-minimal/theme/webex/light-lavender-stable.json +6 -1
  73. package/dist/json-minimal/theme/webex/light-rose-stable.json +6 -1
  74. package/dist/json-minimal/theme/webex/light-stable.json +6 -1
  75. package/dist/resources/theme/webex/dark-bronze-stable.xml +4 -1
  76. package/dist/resources/theme/webex/dark-indigo-stable.xml +4 -1
  77. package/dist/resources/theme/webex/dark-jade-stable.xml +4 -1
  78. package/dist/resources/theme/webex/dark-lavender-stable.xml +4 -1
  79. package/dist/resources/theme/webex/dark-rose-stable.xml +4 -1
  80. package/dist/resources/theme/webex/dark-stable.xml +4 -1
  81. package/dist/resources/theme/webex/hc-dark-stable.xml +3 -0
  82. package/dist/resources/theme/webex/hc-light-stable.xml +3 -0
  83. package/dist/resources/theme/webex/light-bronze-stable.xml +4 -1
  84. package/dist/resources/theme/webex/light-indigo-stable.xml +4 -1
  85. package/dist/resources/theme/webex/light-jade-stable.xml +4 -1
  86. package/dist/resources/theme/webex/light-lavender-stable.xml +4 -1
  87. package/dist/resources/theme/webex/light-rose-stable.xml +4 -1
  88. package/dist/resources/theme/webex/light-stable.xml +4 -1
  89. package/dist/scss/motion/animation.scss +36 -0
  90. package/dist/scss/theme/webex/dark-bronze-stable.scss +4 -1
  91. package/dist/scss/theme/webex/dark-indigo-stable.scss +4 -1
  92. package/dist/scss/theme/webex/dark-jade-stable.scss +4 -1
  93. package/dist/scss/theme/webex/dark-lavender-stable.scss +4 -1
  94. package/dist/scss/theme/webex/dark-rose-stable.scss +4 -1
  95. package/dist/scss/theme/webex/dark-stable.scss +4 -1
  96. package/dist/scss/theme/webex/hc-dark-stable.scss +3 -0
  97. package/dist/scss/theme/webex/hc-light-stable.scss +3 -0
  98. package/dist/scss/theme/webex/light-bronze-stable.scss +4 -1
  99. package/dist/scss/theme/webex/light-indigo-stable.scss +4 -1
  100. package/dist/scss/theme/webex/light-jade-stable.scss +4 -1
  101. package/dist/scss/theme/webex/light-lavender-stable.scss +4 -1
  102. package/dist/scss/theme/webex/light-rose-stable.scss +4 -1
  103. package/dist/scss/theme/webex/light-stable.scss +4 -1
  104. package/package.json +2 -3
package/dist/css/components/complete.css CHANGED
@@ -157,7 +157,10 @@
157
157
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%);
158
158
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #262626 0%, #0f0f0f 100%);
159
159
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
160
- --mds-color-theme-background-skeleton-normal: #707070;
160
+ --mds-color-theme-background-skeleton-normal: #262626;
161
+ --mds-color-theme-background-skeleton-shimmer-0: #3b3b3b00;
162
+ --mds-color-theme-background-skeleton-shimmer-1: #3b3b3b;
163
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
161
164
  --mds-color-theme-background-glass-normal: #ffffff0d;
162
165
  --mds-color-theme-background-glass-active: #ffffff1c;
163
166
  --mds-color-theme-background-glass-light: #00000066;
@@ -560,7 +563,10 @@
560
563
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #1f1402 0%, #171002 100%);
561
564
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #2e2515 0%, #171002 100%);
562
565
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
563
- --mds-color-theme-background-skeleton-normal: #707070;
566
+ --mds-color-theme-background-skeleton-normal: #262626;
567
+ --mds-color-theme-background-skeleton-shimmer-0: #3b3b3b00;
568
+ --mds-color-theme-background-skeleton-shimmer-1: #3b3b3b;
569
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
564
570
  --mds-color-theme-background-glass-normal: #ffffff0d;
565
571
  --mds-color-theme-background-glass-active: #ffffff1c;
566
572
  --mds-color-theme-background-glass-light: #00000066;
@@ -963,7 +969,10 @@
963
969
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #13182b 0%, #0e111a 100%);
964
970
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #212536 0%, #0e111a 100%);
965
971
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
966
- --mds-color-theme-background-skeleton-normal: #707070;
972
+ --mds-color-theme-background-skeleton-normal: #262626;
973
+ --mds-color-theme-background-skeleton-shimmer-0: #3b3b3b00;
974
+ --mds-color-theme-background-skeleton-shimmer-1: #3b3b3b;
975
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
967
976
  --mds-color-theme-background-glass-normal: #ffffff0d;
968
977
  --mds-color-theme-background-glass-active: #ffffff1c;
969
978
  --mds-color-theme-background-glass-light: #00000066;
@@ -1366,7 +1375,10 @@
1366
1375
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #001c18 0%, #021412 100%);
1367
1376
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #122925 0%, #021412 100%);
1368
1377
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
1369
- --mds-color-theme-background-skeleton-normal: #707070;
1378
+ --mds-color-theme-background-skeleton-normal: #262626;
1379
+ --mds-color-theme-background-skeleton-shimmer-0: #3b3b3b00;
1380
+ --mds-color-theme-background-skeleton-shimmer-1: #3b3b3b;
1381
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
1370
1382
  --mds-color-theme-background-glass-normal: #ffffff0d;
1371
1383
  --mds-color-theme-background-glass-active: #ffffff1c;
1372
1384
  --mds-color-theme-background-glass-light: #00000066;
@@ -1769,7 +1781,10 @@
1769
1781
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #231237 0%, #18082b 100%);
1770
1782
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #301a4a 0%, #18082b 100%);
1771
1783
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
1772
- --mds-color-theme-background-skeleton-normal: #707070;
1784
+ --mds-color-theme-background-skeleton-normal: #262626;
1785
+ --mds-color-theme-background-skeleton-shimmer-0: #3b3b3b00;
1786
+ --mds-color-theme-background-skeleton-shimmer-1: #3b3b3b;
1787
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
1773
1788
  --mds-color-theme-background-glass-normal: #ffffff0d;
1774
1789
  --mds-color-theme-background-glass-active: #ffffff1c;
1775
1790
  --mds-color-theme-background-glass-light: #00000066;
@@ -2172,7 +2187,10 @@
2172
2187
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #30041e 0%, #1f0615 100%);
2173
2188
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #40162e 0%, #1f0615 100%);
2174
2189
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
2175
- --mds-color-theme-background-skeleton-normal: #707070;
2190
+ --mds-color-theme-background-skeleton-normal: #262626;
2191
+ --mds-color-theme-background-skeleton-shimmer-0: #3b3b3b00;
2192
+ --mds-color-theme-background-skeleton-shimmer-1: #3b3b3b;
2193
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
2176
2194
  --mds-color-theme-background-glass-normal: #ffffff0d;
2177
2195
  --mds-color-theme-background-glass-active: #ffffff1c;
2178
2196
  --mds-color-theme-background-glass-light: #00000066;
@@ -2575,7 +2593,10 @@
2575
2593
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #f0f0f0 0%, #ffffff 100%);
2576
2594
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fafafa 0%, #ffffff 100%);
2577
2595
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
2578
- --mds-color-theme-background-skeleton-normal: #8f8f8f;
2596
+ --mds-color-theme-background-skeleton-normal: #c9c9c9;
2597
+ --mds-color-theme-background-skeleton-shimmer-0: #f7f7f700;
2598
+ --mds-color-theme-background-skeleton-shimmer-1: #f7f7f7;
2599
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
2579
2600
  --mds-color-theme-background-glass-normal: #ffffff66;
2580
2601
  --mds-color-theme-background-glass-active: #ffffff99;
2581
2602
  --mds-color-theme-background-glass-light: #ffffff66;
@@ -2978,7 +2999,10 @@
2978
2999
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #f5efe4 0%, #ffffff 100%);
2979
3000
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fcfaf4 0%, #ffffff 100%);
2980
3001
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
2981
- --mds-color-theme-background-skeleton-normal: #8f8f8f;
3002
+ --mds-color-theme-background-skeleton-normal: #c9c9c9;
3003
+ --mds-color-theme-background-skeleton-shimmer-0: #f7f7f700;
3004
+ --mds-color-theme-background-skeleton-shimmer-1: #f7f7f7;
3005
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
2982
3006
  --mds-color-theme-background-glass-normal: #ffffff66;
2983
3007
  --mds-color-theme-background-glass-active: #ffffff99;
2984
3008
  --mds-color-theme-background-glass-light: #ffffff66;
@@ -3381,7 +3405,10 @@
3381
3405
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #ebeffc 0%, #ffffff 100%);
3382
3406
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #f7f9ff 0%, #ffffff 100%);
3383
3407
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
3384
- --mds-color-theme-background-skeleton-normal: #8f8f8f;
3408
+ --mds-color-theme-background-skeleton-normal: #c9c9c9;
3409
+ --mds-color-theme-background-skeleton-shimmer-0: #f7f7f700;
3410
+ --mds-color-theme-background-skeleton-shimmer-1: #f7f7f7;
3411
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
3385
3412
  --mds-color-theme-background-glass-normal: #ffffff66;
3386
3413
  --mds-color-theme-background-glass-active: #ffffff99;
3387
3414
  --mds-color-theme-background-glass-light: #ffffff66;
@@ -3784,7 +3811,10 @@
3784
3811
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #e6f2f1 0%, #ffffff 100%);
3785
3812
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #f7fcfc 0%, #ffffff 100%);
3786
3813
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
3787
- --mds-color-theme-background-skeleton-normal: #8f8f8f;
3814
+ --mds-color-theme-background-skeleton-normal: #c9c9c9;
3815
+ --mds-color-theme-background-skeleton-shimmer-0: #f7f7f700;
3816
+ --mds-color-theme-background-skeleton-shimmer-1: #f7f7f7;
3817
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
3788
3818
  --mds-color-theme-background-glass-normal: #ffffff66;
3789
3819
  --mds-color-theme-background-glass-active: #ffffff99;
3790
3820
  --mds-color-theme-background-glass-light: #ffffff66;
@@ -4187,7 +4217,10 @@
4187
4217
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #f4ebff 0%, #ffffff 100%);
4188
4218
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fbf7ff 0%, #ffffff 100%);
4189
4219
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
4190
- --mds-color-theme-background-skeleton-normal: #8f8f8f;
4220
+ --mds-color-theme-background-skeleton-normal: #c9c9c9;
4221
+ --mds-color-theme-background-skeleton-shimmer-0: #f7f7f700;
4222
+ --mds-color-theme-background-skeleton-shimmer-1: #f7f7f7;
4223
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
4191
4224
  --mds-color-theme-background-glass-normal: #ffffff66;
4192
4225
  --mds-color-theme-background-glass-active: #ffffff99;
4193
4226
  --mds-color-theme-background-glass-light: #ffffff66;
@@ -4590,7 +4623,10 @@
4590
4623
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #fcebf5 0%, #ffffff 100%);
4591
4624
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fff9fd 0%, #ffffff 100%);
4592
4625
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
4593
- --mds-color-theme-background-skeleton-normal: #8f8f8f;
4626
+ --mds-color-theme-background-skeleton-normal: #c9c9c9;
4627
+ --mds-color-theme-background-skeleton-shimmer-0: #f7f7f700;
4628
+ --mds-color-theme-background-skeleton-shimmer-1: #f7f7f7;
4629
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
4594
4630
  --mds-color-theme-background-glass-normal: #ffffff66;
4595
4631
  --mds-color-theme-background-glass-active: #ffffff99;
4596
4632
  --mds-color-theme-background-glass-light: #ffffff66;
package/dist/css/motion/animation.css CHANGED
@@ -2,7 +2,6 @@
2
2
  * Do not edit directly
3
3
  */
4
4
 
5
-
6
5
  @keyframes mds-animation-button-loading-spin {
7
6
  from { transform: rotate(0deg); }
8
7
  to { transform: rotate(360deg); }
@@ -13,14 +12,27 @@
13
12
  to { opacity: 0.4; }
14
13
  }
15
14
 
16
- .mds-motion {
17
- --mds-transition-button-background: background-color var(--mds-motion-duration-instant) var(--mds-motion-easing-standard) var(--mds-motion-delay-none);
18
- --mds-transition-button-border: border-color var(--mds-motion-duration-instant) var(--mds-motion-easing-standard) var(--mds-motion-delay-none), box-shadow var(--mds-motion-duration-instant) var(--mds-motion-easing-standard) var(--mds-motion-delay-none);
19
- --mds-transition-button-icon: color var(--mds-motion-duration-fast) var(--mds-motion-easing-standard) var(--mds-motion-delay-none), transform var(--mds-motion-duration-fast) var(--mds-motion-easing-standard) var(--mds-motion-delay-none);
20
- --mds-transition-button-focus-ring: box-shadow var(--mds-motion-duration-instant) var(--mds-motion-easing-standard) var(--mds-motion-delay-none), outline var(--mds-motion-duration-instant) var(--mds-motion-easing-standard) var(--mds-motion-delay-none);
21
- --mds-transition-button-press: background-color var(--mds-motion-duration-instant) var(--mds-motion-easing-standard) var(--mds-motion-delay-none), color var(--mds-motion-duration-fast) var(--mds-motion-easing-standard) var(--mds-motion-delay-none), transform var(--mds-motion-duration-fast) var(--mds-motion-easing-standard) var(--mds-motion-delay-none);
22
- --mds-transition-button-hover: background-color var(--mds-motion-duration-instant) var(--mds-motion-easing-standard) var(--mds-motion-delay-none), border-color var(--mds-motion-duration-instant) var(--mds-motion-easing-standard) var(--mds-motion-delay-none), box-shadow var(--mds-motion-duration-instant) var(--mds-motion-easing-standard) var(--mds-motion-delay-none);
23
- --mds-animation-button-loading-spin: var(--mds-motion-duration-slow) var(--mds-motion-easing-linear) var(--mds-motion-delay-none) infinite mds-animation-button-loading-spin;
24
- --mds-animation-button-loading-pulse: var(--mds-motion-duration-slow) var(--mds-motion-easing-standard) var(--mds-motion-delay-none) infinite mds-animation-button-loading-pulse;
25
- --mds-animation-button-loading-spin-pulse: var(--mds-motion-duration-slow) var(--mds-motion-easing-linear) var(--mds-motion-delay-none) infinite mds-animation-button-loading-spin, var(--mds-motion-duration-slow) var(--mds-motion-easing-standard) var(--mds-motion-delay-none) infinite mds-animation-button-loading-pulse;
26
- }
15
+ @keyframes mds-animation-checkbox-checked {
16
+ from { transform: scale(0.8); }
17
+ to { transform: scale(1); }
18
+ }
19
+
20
+ @keyframes mds-animation-checkbox-checked-icon {
21
+ from { opacity: 0; }
22
+ to { opacity: 1; }
23
+ }
24
+
25
+ .mds-animation {
26
+ --mds-transition-button-background: background-color 100ms cubic-bezier(0.44, 0, 0, 1) 0ms;
27
+ --mds-transition-button-border: border-color 100ms cubic-bezier(0.44, 0, 0, 1) 0ms, box-shadow 100ms cubic-bezier(0.44, 0, 0, 1) 0ms;
28
+ --mds-transition-button-icon: color 200ms cubic-bezier(0.44, 0, 0, 1) 0ms, transform 200ms cubic-bezier(0.44, 0, 0, 1) 0ms;
29
+ --mds-transition-button-focus-ring: box-shadow 100ms cubic-bezier(0.44, 0, 0, 1) 0ms, outline 100ms cubic-bezier(0.44, 0, 0, 1) 0ms;
30
+ --mds-transition-button-press: background-color 100ms cubic-bezier(0.44, 0, 0, 1) 0ms, color 200ms cubic-bezier(0.44, 0, 0, 1) 0ms, transform 200ms cubic-bezier(0.44, 0, 0, 1) 0ms;
31
+ --mds-transition-button-hover: background-color 100ms cubic-bezier(0.44, 0, 0, 1) 0ms, border-color 100ms cubic-bezier(0.44, 0, 0, 1) 0ms, box-shadow 100ms cubic-bezier(0.44, 0, 0, 1) 0ms;
32
+ --mds-animation-button-loading-spin: 600ms cubic-bezier(0, 0, 1, 1) 0ms infinite mds-animation-button-loading-spin;
33
+ --mds-animation-button-loading-pulse: 600ms cubic-bezier(0.44, 0, 0, 1) 0ms infinite mds-animation-button-loading-pulse;
34
+ --mds-animation-button-loading-spin-pulse: 600ms cubic-bezier(0, 0, 1, 1) 0ms infinite mds-animation-button-loading-spin, 600ms cubic-bezier(0.44, 0, 0, 1) 0ms infinite mds-animation-button-loading-pulse;
35
+ --mds-transition-checkbox-default: background-color 100ms cubic-bezier(0.44, 0, 0, 1) 0ms, border-color 100ms cubic-bezier(0.44, 0, 0, 1) 0ms;
36
+ --mds-animation-checkbox-checked: 200ms cubic-bezier(0.44, 0, 0, 1) 0ms mds-animation-checkbox-checked;
37
+ --mds-animation-checkbox-checked-icon: 200ms cubic-bezier(0.44, 0, 0, 1) 0ms mds-animation-checkbox-checked-icon;
38
+ }
package/dist/css/theme/webex/dark-bronze-stable.css CHANGED
@@ -161,7 +161,10 @@
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: #707070;
164
+ --mds-color-theme-background-skeleton-normal: #262626;
165
+ --mds-color-theme-background-skeleton-shimmer-0: #3b3b3b00;
166
+ --mds-color-theme-background-skeleton-shimmer-1: #3b3b3b;
167
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
165
168
  --mds-color-theme-background-glass-normal: #ffffff0d;
166
169
  --mds-color-theme-background-glass-active: #ffffff1c;
167
170
  --mds-color-theme-background-glass-light: #00000066;
package/dist/css/theme/webex/dark-indigo-stable.css CHANGED
@@ -161,7 +161,10 @@
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: #707070;
164
+ --mds-color-theme-background-skeleton-normal: #262626;
165
+ --mds-color-theme-background-skeleton-shimmer-0: #3b3b3b00;
166
+ --mds-color-theme-background-skeleton-shimmer-1: #3b3b3b;
167
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
165
168
  --mds-color-theme-background-glass-normal: #ffffff0d;
166
169
  --mds-color-theme-background-glass-active: #ffffff1c;
167
170
  --mds-color-theme-background-glass-light: #00000066;
package/dist/css/theme/webex/dark-jade-stable.css CHANGED
@@ -161,7 +161,10 @@
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: #707070;
164
+ --mds-color-theme-background-skeleton-normal: #262626;
165
+ --mds-color-theme-background-skeleton-shimmer-0: #3b3b3b00;
166
+ --mds-color-theme-background-skeleton-shimmer-1: #3b3b3b;
167
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
165
168
  --mds-color-theme-background-glass-normal: #ffffff0d;
166
169
  --mds-color-theme-background-glass-active: #ffffff1c;
167
170
  --mds-color-theme-background-glass-light: #00000066;
package/dist/css/theme/webex/dark-lavender-stable.css CHANGED
@@ -161,7 +161,10 @@
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: #707070;
164
+ --mds-color-theme-background-skeleton-normal: #262626;
165
+ --mds-color-theme-background-skeleton-shimmer-0: #3b3b3b00;
166
+ --mds-color-theme-background-skeleton-shimmer-1: #3b3b3b;
167
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
165
168
  --mds-color-theme-background-glass-normal: #ffffff0d;
166
169
  --mds-color-theme-background-glass-active: #ffffff1c;
167
170
  --mds-color-theme-background-glass-light: #00000066;
package/dist/css/theme/webex/dark-rose-stable.css CHANGED
@@ -161,7 +161,10 @@
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: #707070;
164
+ --mds-color-theme-background-skeleton-normal: #262626;
165
+ --mds-color-theme-background-skeleton-shimmer-0: #3b3b3b00;
166
+ --mds-color-theme-background-skeleton-shimmer-1: #3b3b3b;
167
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
165
168
  --mds-color-theme-background-glass-normal: #ffffff0d;
166
169
  --mds-color-theme-background-glass-active: #ffffff1c;
167
170
  --mds-color-theme-background-glass-light: #00000066;
package/dist/css/theme/webex/dark-stable.css CHANGED
@@ -161,7 +161,10 @@
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: #707070;
164
+ --mds-color-theme-background-skeleton-normal: #262626;
165
+ --mds-color-theme-background-skeleton-shimmer-0: #3b3b3b00;
166
+ --mds-color-theme-background-skeleton-shimmer-1: #3b3b3b;
167
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
165
168
  --mds-color-theme-background-glass-normal: #ffffff0d;
166
169
  --mds-color-theme-background-glass-active: #ffffff1c;
167
170
  --mds-color-theme-background-glass-light: #00000066;
package/dist/css/theme/webex/hc-dark-stable.css CHANGED
@@ -162,6 +162,9 @@
162
162
  --mds-color-theme-background-gradient-secondary-normal: #000000;
163
163
  --mds-color-theme-background-gradient-primary-normal: #000000;
164
164
  --mds-color-theme-background-skeleton-normal: #000000;
165
+ --mds-color-theme-background-skeleton-shimmer-0: #0000;
166
+ --mds-color-theme-background-skeleton-shimmer-1: #000000;
167
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
165
168
  --mds-color-theme-background-glass-normal: #000000;
166
169
  --mds-color-theme-background-glass-active: #000000;
167
170
  --mds-color-theme-background-glass-light: #000000;
package/dist/css/theme/webex/hc-light-stable.css CHANGED
@@ -162,6 +162,9 @@
162
162
  --mds-color-theme-background-gradient-secondary-normal: #ffffff;
163
163
  --mds-color-theme-background-gradient-primary-normal: #ffffff;
164
164
  --mds-color-theme-background-skeleton-normal: #ffffff;
165
+ --mds-color-theme-background-skeleton-shimmer-0: #3b3b3b00;
166
+ --mds-color-theme-background-skeleton-shimmer-1: #3b3b3b;
167
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
165
168
  --mds-color-theme-background-glass-normal: #ffffff;
166
169
  --mds-color-theme-background-glass-active: #ffffff;
167
170
  --mds-color-theme-background-glass-light: #ffffff;
package/dist/css/theme/webex/light-bronze-stable.css CHANGED
@@ -161,7 +161,10 @@
161
161
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #f5efe4 0%, #ffffff 100%);
162
162
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fcfaf4 0%, #ffffff 100%);
163
163
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
164
- --mds-color-theme-background-skeleton-normal: #8f8f8f;
164
+ --mds-color-theme-background-skeleton-normal: #c9c9c9;
165
+ --mds-color-theme-background-skeleton-shimmer-0: #f7f7f700;
166
+ --mds-color-theme-background-skeleton-shimmer-1: #f7f7f7;
167
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
165
168
  --mds-color-theme-background-glass-normal: #ffffff66;
166
169
  --mds-color-theme-background-glass-active: #ffffff99;
167
170
  --mds-color-theme-background-glass-light: #ffffff66;
package/dist/css/theme/webex/light-indigo-stable.css CHANGED
@@ -161,7 +161,10 @@
161
161
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #ebeffc 0%, #ffffff 100%);
162
162
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #f7f9ff 0%, #ffffff 100%);
163
163
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
164
- --mds-color-theme-background-skeleton-normal: #8f8f8f;
164
+ --mds-color-theme-background-skeleton-normal: #c9c9c9;
165
+ --mds-color-theme-background-skeleton-shimmer-0: #f7f7f700;
166
+ --mds-color-theme-background-skeleton-shimmer-1: #f7f7f7;
167
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
165
168
  --mds-color-theme-background-glass-normal: #ffffff66;
166
169
  --mds-color-theme-background-glass-active: #ffffff99;
167
170
  --mds-color-theme-background-glass-light: #ffffff66;
package/dist/css/theme/webex/light-jade-stable.css CHANGED
@@ -161,7 +161,10 @@
161
161
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #e6f2f1 0%, #ffffff 100%);
162
162
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #f7fcfc 0%, #ffffff 100%);
163
163
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
164
- --mds-color-theme-background-skeleton-normal: #8f8f8f;
164
+ --mds-color-theme-background-skeleton-normal: #c9c9c9;
165
+ --mds-color-theme-background-skeleton-shimmer-0: #f7f7f700;
166
+ --mds-color-theme-background-skeleton-shimmer-1: #f7f7f7;
167
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
165
168
  --mds-color-theme-background-glass-normal: #ffffff66;
166
169
  --mds-color-theme-background-glass-active: #ffffff99;
167
170
  --mds-color-theme-background-glass-light: #ffffff66;
package/dist/css/theme/webex/light-lavender-stable.css CHANGED
@@ -161,7 +161,10 @@
161
161
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #f4ebff 0%, #ffffff 100%);
162
162
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fbf7ff 0%, #ffffff 100%);
163
163
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
164
- --mds-color-theme-background-skeleton-normal: #8f8f8f;
164
+ --mds-color-theme-background-skeleton-normal: #c9c9c9;
165
+ --mds-color-theme-background-skeleton-shimmer-0: #f7f7f700;
166
+ --mds-color-theme-background-skeleton-shimmer-1: #f7f7f7;
167
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
165
168
  --mds-color-theme-background-glass-normal: #ffffff66;
166
169
  --mds-color-theme-background-glass-active: #ffffff99;
167
170
  --mds-color-theme-background-glass-light: #ffffff66;
package/dist/css/theme/webex/light-rose-stable.css CHANGED
@@ -161,7 +161,10 @@
161
161
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #fcebf5 0%, #ffffff 100%);
162
162
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fff9fd 0%, #ffffff 100%);
163
163
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
164
- --mds-color-theme-background-skeleton-normal: #8f8f8f;
164
+ --mds-color-theme-background-skeleton-normal: #c9c9c9;
165
+ --mds-color-theme-background-skeleton-shimmer-0: #f7f7f700;
166
+ --mds-color-theme-background-skeleton-shimmer-1: #f7f7f7;
167
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
165
168
  --mds-color-theme-background-glass-normal: #ffffff66;
166
169
  --mds-color-theme-background-glass-active: #ffffff99;
167
170
  --mds-color-theme-background-glass-light: #ffffff66;
package/dist/css/theme/webex/light-stable.css CHANGED
@@ -161,7 +161,10 @@
161
161
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #f0f0f0 0%, #ffffff 100%);
162
162
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fafafa 0%, #ffffff 100%);
163
163
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
164
- --mds-color-theme-background-skeleton-normal: #8f8f8f;
164
+ --mds-color-theme-background-skeleton-normal: #c9c9c9;
165
+ --mds-color-theme-background-skeleton-shimmer-0: #f7f7f700;
166
+ --mds-color-theme-background-skeleton-shimmer-1: #f7f7f7;
167
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
165
168
  --mds-color-theme-background-glass-normal: #ffffff66;
166
169
  --mds-color-theme-background-glass-active: #ffffff99;
167
170
  --mds-color-theme-background-glass-light: #ffffff66;
package/dist/ios/theme/webex/dark-bronze-stable.swift CHANGED
@@ -104,7 +104,10 @@ public class {
104
104
  public static let mdsColorThemeBackgroundSecondaryHover = #ffffff33
105
105
  public static let mdsColorThemeBackgroundSecondaryNormal = #ffffff1c
106
106
  public static let mdsColorThemeBackgroundSecondarySubtle = #ffffff12
107
- public static let mdsColorThemeBackgroundSkeletonNormal = #707070
107
+ public static let mdsColorThemeBackgroundSkeletonNormal = #262626
108
+ public static let mdsColorThemeBackgroundSkeletonShimmer0 = #3b3b3b00
109
+ public static let mdsColorThemeBackgroundSkeletonShimmer1 = #3b3b3b
110
+ public static let mdsColorThemeBackgroundSkeletonShimmer2 = #3b3b3b00
108
111
  public static let mdsColorThemeBackgroundSolidPrimaryNormal = #000000
109
112
  public static let mdsColorThemeBackgroundSolidQuaternaryNormal = #3b3b3b
110
113
  public static let mdsColorThemeBackgroundSolidSecondaryNormal = #1a1a1a
package/dist/ios/theme/webex/dark-indigo-stable.swift CHANGED
@@ -104,7 +104,10 @@ public class {
104
104
  public static let mdsColorThemeBackgroundSecondaryHover = #ffffff33
105
105
  public static let mdsColorThemeBackgroundSecondaryNormal = #ffffff1c
106
106
  public static let mdsColorThemeBackgroundSecondarySubtle = #ffffff12
107
- public static let mdsColorThemeBackgroundSkeletonNormal = #707070
107
+ public static let mdsColorThemeBackgroundSkeletonNormal = #262626
108
+ public static let mdsColorThemeBackgroundSkeletonShimmer0 = #3b3b3b00
109
+ public static let mdsColorThemeBackgroundSkeletonShimmer1 = #3b3b3b
110
+ public static let mdsColorThemeBackgroundSkeletonShimmer2 = #3b3b3b00
108
111
  public static let mdsColorThemeBackgroundSolidPrimaryNormal = #000000
109
112
  public static let mdsColorThemeBackgroundSolidQuaternaryNormal = #3b3b3b
110
113
  public static let mdsColorThemeBackgroundSolidSecondaryNormal = #1a1a1a
package/dist/ios/theme/webex/dark-jade-stable.swift CHANGED
@@ -104,7 +104,10 @@ public class {
104
104
  public static let mdsColorThemeBackgroundSecondaryHover = #ffffff33
105
105
  public static let mdsColorThemeBackgroundSecondaryNormal = #ffffff1c
106
106
  public static let mdsColorThemeBackgroundSecondarySubtle = #ffffff12
107
- public static let mdsColorThemeBackgroundSkeletonNormal = #707070
107
+ public static let mdsColorThemeBackgroundSkeletonNormal = #262626
108
+ public static let mdsColorThemeBackgroundSkeletonShimmer0 = #3b3b3b00
109
+ public static let mdsColorThemeBackgroundSkeletonShimmer1 = #3b3b3b
110
+ public static let mdsColorThemeBackgroundSkeletonShimmer2 = #3b3b3b00
108
111
  public static let mdsColorThemeBackgroundSolidPrimaryNormal = #000000
109
112
  public static let mdsColorThemeBackgroundSolidQuaternaryNormal = #3b3b3b
110
113
  public static let mdsColorThemeBackgroundSolidSecondaryNormal = #1a1a1a
package/dist/ios/theme/webex/dark-lavender-stable.swift CHANGED
@@ -104,7 +104,10 @@ public class {
104
104
  public static let mdsColorThemeBackgroundSecondaryHover = #ffffff33
105
105
  public static let mdsColorThemeBackgroundSecondaryNormal = #ffffff1c
106
106
  public static let mdsColorThemeBackgroundSecondarySubtle = #ffffff12
107
- public static let mdsColorThemeBackgroundSkeletonNormal = #707070
107
+ public static let mdsColorThemeBackgroundSkeletonNormal = #262626
108
+ public static let mdsColorThemeBackgroundSkeletonShimmer0 = #3b3b3b00
109
+ public static let mdsColorThemeBackgroundSkeletonShimmer1 = #3b3b3b
110
+ public static let mdsColorThemeBackgroundSkeletonShimmer2 = #3b3b3b00
108
111
  public static let mdsColorThemeBackgroundSolidPrimaryNormal = #000000
109
112
  public static let mdsColorThemeBackgroundSolidQuaternaryNormal = #3b3b3b
110
113
  public static let mdsColorThemeBackgroundSolidSecondaryNormal = #1a1a1a
package/dist/ios/theme/webex/dark-rose-stable.swift CHANGED
@@ -104,7 +104,10 @@ public class {
104
104
  public static let mdsColorThemeBackgroundSecondaryHover = #ffffff33
105
105
  public static let mdsColorThemeBackgroundSecondaryNormal = #ffffff1c
106
106
  public static let mdsColorThemeBackgroundSecondarySubtle = #ffffff12
107
- public static let mdsColorThemeBackgroundSkeletonNormal = #707070
107
+ public static let mdsColorThemeBackgroundSkeletonNormal = #262626
108
+ public static let mdsColorThemeBackgroundSkeletonShimmer0 = #3b3b3b00
109
+ public static let mdsColorThemeBackgroundSkeletonShimmer1 = #3b3b3b
110
+ public static let mdsColorThemeBackgroundSkeletonShimmer2 = #3b3b3b00
108
111
  public static let mdsColorThemeBackgroundSolidPrimaryNormal = #000000
109
112
  public static let mdsColorThemeBackgroundSolidQuaternaryNormal = #3b3b3b
110
113
  public static let mdsColorThemeBackgroundSolidSecondaryNormal = #1a1a1a
package/dist/ios/theme/webex/dark-stable.swift CHANGED
@@ -104,7 +104,10 @@ public class {
104
104
  public static let mdsColorThemeBackgroundSecondaryHover = #ffffff33
105
105
  public static let mdsColorThemeBackgroundSecondaryNormal = #ffffff1c
106
106
  public static let mdsColorThemeBackgroundSecondarySubtle = #ffffff12
107
- public static let mdsColorThemeBackgroundSkeletonNormal = #707070
107
+ public static let mdsColorThemeBackgroundSkeletonNormal = #262626
108
+ public static let mdsColorThemeBackgroundSkeletonShimmer0 = #3b3b3b00
109
+ public static let mdsColorThemeBackgroundSkeletonShimmer1 = #3b3b3b
110
+ public static let mdsColorThemeBackgroundSkeletonShimmer2 = #3b3b3b00
108
111
  public static let mdsColorThemeBackgroundSolidPrimaryNormal = #000000
109
112
  public static let mdsColorThemeBackgroundSolidQuaternaryNormal = #3b3b3b
110
113
  public static let mdsColorThemeBackgroundSolidSecondaryNormal = #1a1a1a
package/dist/ios/theme/webex/hc-dark-stable.swift CHANGED
@@ -105,6 +105,9 @@ public class {
105
105
  public static let mdsColorThemeBackgroundSecondaryNormal = #000000
106
106
  public static let mdsColorThemeBackgroundSecondarySubtle = #000000
107
107
  public static let mdsColorThemeBackgroundSkeletonNormal = #000000
108
+ public static let mdsColorThemeBackgroundSkeletonShimmer0 = #0000
109
+ public static let mdsColorThemeBackgroundSkeletonShimmer1 = #000000
110
+ public static let mdsColorThemeBackgroundSkeletonShimmer2 = #3b3b3b00
108
111
  public static let mdsColorThemeBackgroundSolidPrimaryNormal = #000000
109
112
  public static let mdsColorThemeBackgroundSolidQuaternaryNormal = #000000
110
113
  public static let mdsColorThemeBackgroundSolidSecondaryNormal = #000000
package/dist/ios/theme/webex/hc-light-stable.swift CHANGED
@@ -105,6 +105,9 @@ public class {
105
105
  public static let mdsColorThemeBackgroundSecondaryNormal = #ffffff
106
106
  public static let mdsColorThemeBackgroundSecondarySubtle = #ffffff
107
107
  public static let mdsColorThemeBackgroundSkeletonNormal = #ffffff
108
+ public static let mdsColorThemeBackgroundSkeletonShimmer0 = #3b3b3b00
109
+ public static let mdsColorThemeBackgroundSkeletonShimmer1 = #3b3b3b
110
+ public static let mdsColorThemeBackgroundSkeletonShimmer2 = #3b3b3b00
108
111
  public static let mdsColorThemeBackgroundSolidPrimaryNormal = #ffffff
109
112
  public static let mdsColorThemeBackgroundSolidQuaternaryNormal = #ffffff
110
113
  public static let mdsColorThemeBackgroundSolidSecondaryNormal = #ffffff
package/dist/ios/theme/webex/light-bronze-stable.swift CHANGED
@@ -104,7 +104,10 @@ public class {
104
104
  public static let mdsColorThemeBackgroundSecondaryHover = #00000033
105
105
  public static let mdsColorThemeBackgroundSecondaryNormal = #0000001c
106
106
  public static let mdsColorThemeBackgroundSecondarySubtle = #00000012
107
- public static let mdsColorThemeBackgroundSkeletonNormal = #8f8f8f
107
+ public static let mdsColorThemeBackgroundSkeletonNormal = #c9c9c9
108
+ public static let mdsColorThemeBackgroundSkeletonShimmer0 = #f7f7f700
109
+ public static let mdsColorThemeBackgroundSkeletonShimmer1 = #f7f7f7
110
+ public static let mdsColorThemeBackgroundSkeletonShimmer2 = #3b3b3b00
108
111
  public static let mdsColorThemeBackgroundSolidPrimaryNormal = #ffffff
109
112
  public static let mdsColorThemeBackgroundSolidQuaternaryNormal = #ffffff
110
113
  public static let mdsColorThemeBackgroundSolidSecondaryNormal = #f7f7f7
package/dist/ios/theme/webex/light-indigo-stable.swift CHANGED
@@ -104,7 +104,10 @@ public class {
104
104
  public static let mdsColorThemeBackgroundSecondaryHover = #00000033
105
105
  public static let mdsColorThemeBackgroundSecondaryNormal = #0000001c
106
106
  public static let mdsColorThemeBackgroundSecondarySubtle = #00000012
107
- public static let mdsColorThemeBackgroundSkeletonNormal = #8f8f8f
107
+ public static let mdsColorThemeBackgroundSkeletonNormal = #c9c9c9
108
+ public static let mdsColorThemeBackgroundSkeletonShimmer0 = #f7f7f700
109
+ public static let mdsColorThemeBackgroundSkeletonShimmer1 = #f7f7f7
110
+ public static let mdsColorThemeBackgroundSkeletonShimmer2 = #3b3b3b00
108
111
  public static let mdsColorThemeBackgroundSolidPrimaryNormal = #ffffff
109
112
  public static let mdsColorThemeBackgroundSolidQuaternaryNormal = #ffffff
110
113
  public static let mdsColorThemeBackgroundSolidSecondaryNormal = #f7f7f7
package/dist/ios/theme/webex/light-jade-stable.swift CHANGED
@@ -104,7 +104,10 @@ public class {
104
104
  public static let mdsColorThemeBackgroundSecondaryHover = #00000033
105
105
  public static let mdsColorThemeBackgroundSecondaryNormal = #0000001c
106
106
  public static let mdsColorThemeBackgroundSecondarySubtle = #00000012
107
- public static let mdsColorThemeBackgroundSkeletonNormal = #8f8f8f
107
+ public static let mdsColorThemeBackgroundSkeletonNormal = #c9c9c9
108
+ public static let mdsColorThemeBackgroundSkeletonShimmer0 = #f7f7f700
109
+ public static let mdsColorThemeBackgroundSkeletonShimmer1 = #f7f7f7
110
+ public static let mdsColorThemeBackgroundSkeletonShimmer2 = #3b3b3b00
108
111
  public static let mdsColorThemeBackgroundSolidPrimaryNormal = #ffffff
109
112
  public static let mdsColorThemeBackgroundSolidQuaternaryNormal = #ffffff
110
113
  public static let mdsColorThemeBackgroundSolidSecondaryNormal = #f7f7f7
package/dist/ios/theme/webex/light-lavender-stable.swift CHANGED
@@ -104,7 +104,10 @@ public class {
104
104
  public static let mdsColorThemeBackgroundSecondaryHover = #00000033
105
105
  public static let mdsColorThemeBackgroundSecondaryNormal = #0000001c
106
106
  public static let mdsColorThemeBackgroundSecondarySubtle = #00000012
107
- public static let mdsColorThemeBackgroundSkeletonNormal = #8f8f8f
107
+ public static let mdsColorThemeBackgroundSkeletonNormal = #c9c9c9
108
+ public static let mdsColorThemeBackgroundSkeletonShimmer0 = #f7f7f700
109
+ public static let mdsColorThemeBackgroundSkeletonShimmer1 = #f7f7f7
110
+ public static let mdsColorThemeBackgroundSkeletonShimmer2 = #3b3b3b00
108
111
  public static let mdsColorThemeBackgroundSolidPrimaryNormal = #ffffff
109
112
  public static let mdsColorThemeBackgroundSolidQuaternaryNormal = #ffffff
110
113
  public static let mdsColorThemeBackgroundSolidSecondaryNormal = #f7f7f7
package/dist/ios/theme/webex/light-rose-stable.swift CHANGED
@@ -104,7 +104,10 @@ public class {
104
104
  public static let mdsColorThemeBackgroundSecondaryHover = #00000033
105
105
  public static let mdsColorThemeBackgroundSecondaryNormal = #0000001c
106
106
  public static let mdsColorThemeBackgroundSecondarySubtle = #00000012
107
- public static let mdsColorThemeBackgroundSkeletonNormal = #8f8f8f
107
+ public static let mdsColorThemeBackgroundSkeletonNormal = #c9c9c9
108
+ public static let mdsColorThemeBackgroundSkeletonShimmer0 = #f7f7f700
109
+ public static let mdsColorThemeBackgroundSkeletonShimmer1 = #f7f7f7
110
+ public static let mdsColorThemeBackgroundSkeletonShimmer2 = #3b3b3b00
108
111
  public static let mdsColorThemeBackgroundSolidPrimaryNormal = #ffffff
109
112
  public static let mdsColorThemeBackgroundSolidQuaternaryNormal = #ffffff
110
113
  public static let mdsColorThemeBackgroundSolidSecondaryNormal = #f7f7f7
package/dist/ios/theme/webex/light-stable.swift CHANGED
@@ -104,7 +104,10 @@ public class {
104
104
  public static let mdsColorThemeBackgroundSecondaryHover = #00000033
105
105
  public static let mdsColorThemeBackgroundSecondaryNormal = #0000001c
106
106
  public static let mdsColorThemeBackgroundSecondarySubtle = #00000012
107
- public static let mdsColorThemeBackgroundSkeletonNormal = #8f8f8f
107
+ public static let mdsColorThemeBackgroundSkeletonNormal = #c9c9c9
108
+ public static let mdsColorThemeBackgroundSkeletonShimmer0 = #f7f7f700
109
+ public static let mdsColorThemeBackgroundSkeletonShimmer1 = #f7f7f7
110
+ public static let mdsColorThemeBackgroundSkeletonShimmer2 = #3b3b3b00
108
111
  public static let mdsColorThemeBackgroundSolidPrimaryNormal = #ffffff
109
112
  public static let mdsColorThemeBackgroundSolidQuaternaryNormal = #ffffff
110
113
  public static let mdsColorThemeBackgroundSolidSecondaryNormal = #f7f7f7
package/dist/ios-webex/theme/webex/dark-bronze-stable.swift CHANGED
@@ -169,7 +169,10 @@ open class DarkBronzeMomentumThemeBackgroundColorPalette: MomentumThemeBackgroun
169
169
  open var gradientSecondaryNormal1: UIColor { return UIColor(hex: 0x171002) }
170
170
  open var reactionNormal0: UIColor { return UIColor(hex: 0x1A1A1A, withAlpha: 0.90) }
171
171
  open var reactionNormal1: UIColor { return UIColor(hex: 0x1A1A1A, withAlpha: 0.00) }
172
- open var skeletonNormal: UIColor { return UIColor(hex: 0x707070) }
172
+ open var skeletonNormal: UIColor { return UIColor(hex: 0x262626) }
173
+ open var skeletonShimmer0: UIColor { return UIColor(hex: 0x3B3B3B, withAlpha: 0.00) }
174
+ open var skeletonShimmer1: UIColor { return UIColor(hex: 0x3B3B3B) }
175
+ open var skeletonShimmer2: UIColor { return UIColor(hex: 0x3B3B3B, withAlpha: 0.00) }
173
176
  open var glassNormal: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.05) }
174
177
  open var glassActive: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.11) }
175
178
  open var glassLight: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.40) }
package/dist/ios-webex/theme/webex/dark-indigo-stable.swift CHANGED
@@ -169,7 +169,10 @@ open class DarkIndigoMomentumThemeBackgroundColorPalette: MomentumThemeBackgroun
169
169
  open var gradientSecondaryNormal1: UIColor { return UIColor(hex: 0x0E111A) }
170
170
  open var reactionNormal0: UIColor { return UIColor(hex: 0x1A1A1A, withAlpha: 0.90) }
171
171
  open var reactionNormal1: UIColor { return UIColor(hex: 0x1A1A1A, withAlpha: 0.00) }
172
- open var skeletonNormal: UIColor { return UIColor(hex: 0x707070) }
172
+ open var skeletonNormal: UIColor { return UIColor(hex: 0x262626) }
173
+ open var skeletonShimmer0: UIColor { return UIColor(hex: 0x3B3B3B, withAlpha: 0.00) }
174
+ open var skeletonShimmer1: UIColor { return UIColor(hex: 0x3B3B3B) }
175
+ open var skeletonShimmer2: UIColor { return UIColor(hex: 0x3B3B3B, withAlpha: 0.00) }
173
176
  open var glassNormal: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.05) }
174
177
  open var glassActive: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.11) }
175
178
  open var glassLight: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.40) }
package/dist/ios-webex/theme/webex/dark-jade-stable.swift CHANGED
@@ -169,7 +169,10 @@ open class DarkJadeMomentumThemeBackgroundColorPalette: MomentumThemeBackgroundC
169
169
  open var gradientSecondaryNormal1: UIColor { return UIColor(hex: 0x021412) }
170
170
  open var reactionNormal0: UIColor { return UIColor(hex: 0x1A1A1A, withAlpha: 0.90) }
171
171
  open var reactionNormal1: UIColor { return UIColor(hex: 0x1A1A1A, withAlpha: 0.00) }
172
- open var skeletonNormal: UIColor { return UIColor(hex: 0x707070) }
172
+ open var skeletonNormal: UIColor { return UIColor(hex: 0x262626) }
173
+ open var skeletonShimmer0: UIColor { return UIColor(hex: 0x3B3B3B, withAlpha: 0.00) }
174
+ open var skeletonShimmer1: UIColor { return UIColor(hex: 0x3B3B3B) }
175
+ open var skeletonShimmer2: UIColor { return UIColor(hex: 0x3B3B3B, withAlpha: 0.00) }
173
176
  open var glassNormal: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.05) }
174
177
  open var glassActive: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.11) }
175
178
  open var glassLight: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.40) }
package/dist/ios-webex/theme/webex/dark-lavender-stable.swift CHANGED
@@ -169,7 +169,10 @@ open class DarkLavenderMomentumThemeBackgroundColorPalette: MomentumThemeBackgro
169
169
  open var gradientSecondaryNormal1: UIColor { return UIColor(hex: 0x18082B) }
170
170
  open var reactionNormal0: UIColor { return UIColor(hex: 0x1A1A1A, withAlpha: 0.90) }
171
171
  open var reactionNormal1: UIColor { return UIColor(hex: 0x1A1A1A, withAlpha: 0.00) }
172
- open var skeletonNormal: UIColor { return UIColor(hex: 0x707070) }
172
+ open var skeletonNormal: UIColor { return UIColor(hex: 0x262626) }
173
+ open var skeletonShimmer0: UIColor { return UIColor(hex: 0x3B3B3B, withAlpha: 0.00) }
174
+ open var skeletonShimmer1: UIColor { return UIColor(hex: 0x3B3B3B) }
175
+ open var skeletonShimmer2: UIColor { return UIColor(hex: 0x3B3B3B, withAlpha: 0.00) }
173
176
  open var glassNormal: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.05) }
174
177
  open var glassActive: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.11) }
175
178
  open var glassLight: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.40) }