@momentum-design/tokens 0.2.8 → 0.3.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 (54) hide show
  1. package/dist/css/components/complete.css +16 -2
  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-stable.css +9 -2
  8. package/dist/css/theme/webex/hc-dark-stable.css +8 -1
  9. package/dist/css/theme/webex/hc-light-stable.css +8 -1
  10. package/dist/css/theme/webex/light-stable.css +9 -2
  11. package/dist/css/typography/complete.css +1 -1
  12. package/dist/ios/core/complete.swift +1 -1
  13. package/dist/ios/effect/complete.swift +1 -1
  14. package/dist/ios/elevation/complete.swift +1 -1
  15. package/dist/ios/theme/aaos/day-complete.swift +1 -1
  16. package/dist/ios/theme/aaos/night-complete.swift +1 -1
  17. package/dist/ios/theme/webex/dark-stable.swift +9 -2
  18. package/dist/ios/theme/webex/hc-dark-stable.swift +8 -1
  19. package/dist/ios/theme/webex/hc-light-stable.swift +8 -1
  20. package/dist/ios/theme/webex/light-stable.swift +9 -2
  21. package/dist/ios/typography/complete.swift +1 -1
  22. package/dist/ios-webex/theme/webex/dark-stable.swift +8 -1
  23. package/dist/ios-webex/theme/webex/hc-dark-stable.swift +7 -0
  24. package/dist/ios-webex/theme/webex/hc-light-stable.swift +21 -0
  25. package/dist/ios-webex/theme/webex/light-stable.swift +22 -1
  26. package/dist/json/theme/webex/dark-stable.json +204 -2
  27. package/dist/json/theme/webex/hc-dark-stable.json +202 -0
  28. package/dist/json/theme/webex/hc-light-stable.json +202 -0
  29. package/dist/json/theme/webex/light-stable.json +204 -2
  30. package/dist/json-minimal/theme/webex/dark-stable.json +17 -2
  31. package/dist/json-minimal/theme/webex/hc-dark-stable.json +17 -2
  32. package/dist/json-minimal/theme/webex/hc-light-stable.json +17 -2
  33. package/dist/json-minimal/theme/webex/light-stable.json +17 -2
  34. package/dist/resources/core/complete.xml +1 -1
  35. package/dist/resources/effect/complete.xml +1 -1
  36. package/dist/resources/elevation/complete.xml +1 -1
  37. package/dist/resources/theme/aaos/day-complete.xml +1 -1
  38. package/dist/resources/theme/aaos/night-complete.xml +1 -1
  39. package/dist/resources/theme/webex/dark-stable.xml +9 -2
  40. package/dist/resources/theme/webex/hc-dark-stable.xml +8 -1
  41. package/dist/resources/theme/webex/hc-light-stable.xml +8 -1
  42. package/dist/resources/theme/webex/light-stable.xml +9 -2
  43. package/dist/resources/typography/complete.xml +1 -1
  44. package/dist/scss/core/complete.scss +1 -1
  45. package/dist/scss/effect/complete.scss +1 -1
  46. package/dist/scss/elevation/complete.scss +1 -1
  47. package/dist/scss/theme/aaos/day-complete.scss +1 -1
  48. package/dist/scss/theme/aaos/night-complete.scss +1 -1
  49. package/dist/scss/theme/webex/dark-stable.scss +9 -2
  50. package/dist/scss/theme/webex/hc-dark-stable.scss +8 -1
  51. package/dist/scss/theme/webex/hc-light-stable.scss +8 -1
  52. package/dist/scss/theme/webex/light-stable.scss +9 -2
  53. package/dist/scss/typography/complete.scss +1 -1
  54. package/package.json +1 -1
@@ -155,7 +155,9 @@
155
155
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #262626 0%, #0f0f0f 100%);
156
156
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
157
157
  --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%);
158
- --mds-color-theme-background-glass-normal: #00000080;
158
+ --mds-color-theme-background-glass-normal: #00000099;
159
+ --mds-color-theme-background-glass-overlay-normal: #000000cc;
160
+ --mds-color-theme-background-glass-overlay-inactive: #00000066;
159
161
  --mds-color-theme-button-primary-normal: #fffffff2;
160
162
  --mds-color-theme-button-primary-hover: #ffffffcc;
161
163
  --mds-color-theme-button-primary-pressed: #ffffffb3;
@@ -177,6 +179,9 @@
177
179
  --mds-color-theme-button-accent-normal: #1170cf;
178
180
  --mds-color-theme-button-accent-hover: #0353a8;
179
181
  --mds-color-theme-button-accent-pressed: #063a75;
182
+ --mds-color-theme-button-glass-primary-normal: #ffffffcc;
183
+ --mds-color-theme-button-glass-primary-hover: #ffffffb3;
184
+ --mds-color-theme-button-glass-primary-pressed: #ffffff99;
180
185
  --mds-color-theme-outline-primary-normal: #ffffff66;
181
186
  --mds-color-theme-outline-primary-disabled: #ffffff33;
182
187
  --mds-color-theme-outline-theme-normal: #64b4fa;
@@ -377,6 +382,8 @@
377
382
  --mds-color-theme-avatar-slate: #535573;
378
383
  --mds-color-theme-avatar-violet: #643abd;
379
384
  --mds-color-theme-avatar-yellow: #7d4705;
385
+ --mds-color-theme-avatar-glass-normal: #ffffff12;
386
+ --mds-color-theme-avatar-glass-active: #ffffffcc;
380
387
  --mds-color-theme-focus-default-0: #000000;
381
388
  --mds-color-theme-focus-default-1: #64b4fa;
382
389
  --mds-color-theme-focus-default-2: #64b4fa59;
@@ -538,7 +545,9 @@
538
545
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fafafa 0%, #ffffff 100%);
539
546
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
540
547
  --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #00000033 0%, #0000004d 27.6%, #00000066 58.85%, #00000080 100%);
541
- --mds-color-theme-background-glass-normal: #ffffff80;
548
+ --mds-color-theme-background-glass-normal: #ffffff99;
549
+ --mds-color-theme-background-glass-overlay-normal: #ffffffcc;
550
+ --mds-color-theme-background-glass-overlay-inactive: #ffffff66;
542
551
  --mds-color-theme-button-primary-normal: #000000f2;
543
552
  --mds-color-theme-button-primary-hover: #000000cc;
544
553
  --mds-color-theme-button-primary-pressed: #000000b3;
@@ -560,6 +569,9 @@
560
569
  --mds-color-theme-button-accent-normal: #1170cf;
561
570
  --mds-color-theme-button-accent-hover: #0353a8;
562
571
  --mds-color-theme-button-accent-pressed: #063a75;
572
+ --mds-color-theme-button-glass-primary-normal: #000000cc;
573
+ --mds-color-theme-button-glass-primary-hover: #000000b3;
574
+ --mds-color-theme-button-glass-primary-pressed: #00000099;
563
575
  --mds-color-theme-outline-primary-normal: #00000075;
564
576
  --mds-color-theme-outline-primary-disabled: #00000033;
565
577
  --mds-color-theme-outline-theme-normal: #1170cf;
@@ -744,6 +756,8 @@
744
756
  --mds-color-theme-avatar-yellow: #7d4705;
745
757
  --mds-color-theme-avatar-hover: #00000012;
746
758
  --mds-color-theme-avatar-pressed: #00000033;
759
+ --mds-color-theme-avatar-glass-normal: #00000012;
760
+ --mds-color-theme-avatar-glass-active: #ffffffcc;
747
761
  --mds-color-theme-gradientdivider-default-normal: linear-gradient(90deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%);
748
762
  --mds-color-theme-gradientdivider-default-hover: linear-gradient(90deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%);
749
763
  --mds-color-theme-gradientdivider-error-normal: linear-gradient(90deg, #ab0a1500 0%, #ab0a1599 22.4%, #ab0a1599 22.4%, #ab0a1500 100%);
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Dec 2024 15:56:51 GMT
3
+ * Generated on Fri, 20 Dec 2024 17:04:07 GMT
4
4
  */
5
5
 
6
6
  .mds-core {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Dec 2024 15:56:51 GMT
3
+ * Generated on Fri, 20 Dec 2024 17:04:07 GMT
4
4
  */
5
5
 
6
6
  .mds-effect {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Dec 2024 15:56:56 GMT
3
+ * Generated on Fri, 20 Dec 2024 17:04:12 GMT
4
4
  */
5
5
 
6
6
  .mds-elevation {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Dec 2024 15:56:53 GMT
3
+ * Generated on Fri, 20 Dec 2024 17:04:09 GMT
4
4
  */
5
5
 
6
6
  .mds-theme-aaos-day {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Dec 2024 15:56:53 GMT
3
+ * Generated on Fri, 20 Dec 2024 17:04:09 GMT
4
4
  */
5
5
 
6
6
  .mds-theme-aaos-night {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Dec 2024 15:56:52 GMT
3
+ * Generated on Fri, 20 Dec 2024 17:04:08 GMT
4
4
  */
5
5
 
6
6
  .mds-theme-stable-darkWebex {
@@ -160,7 +160,9 @@
160
160
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #262626 0%, #0f0f0f 100%);
161
161
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
162
162
  --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%);
163
- --mds-color-theme-background-glass-normal: #00000080;
163
+ --mds-color-theme-background-glass-normal: #00000099;
164
+ --mds-color-theme-background-glass-overlay-normal: #000000cc;
165
+ --mds-color-theme-background-glass-overlay-inactive: #00000066;
164
166
  --mds-color-theme-button-primary-normal: #fffffff2;
165
167
  --mds-color-theme-button-primary-hover: #ffffffcc;
166
168
  --mds-color-theme-button-primary-pressed: #ffffffb3;
@@ -182,6 +184,9 @@
182
184
  --mds-color-theme-button-accent-normal: #1170cf;
183
185
  --mds-color-theme-button-accent-hover: #0353a8;
184
186
  --mds-color-theme-button-accent-pressed: #063a75;
187
+ --mds-color-theme-button-glass-primary-normal: #ffffffcc;
188
+ --mds-color-theme-button-glass-primary-hover: #ffffffb3;
189
+ --mds-color-theme-button-glass-primary-pressed: #ffffff99;
185
190
  --mds-color-theme-outline-primary-normal: #ffffff66;
186
191
  --mds-color-theme-outline-primary-disabled: #ffffff33;
187
192
  --mds-color-theme-outline-theme-normal: #64b4fa;
@@ -382,6 +387,8 @@
382
387
  --mds-color-theme-avatar-slate: #535573;
383
388
  --mds-color-theme-avatar-violet: #643abd;
384
389
  --mds-color-theme-avatar-yellow: #7d4705;
390
+ --mds-color-theme-avatar-glass-normal: #ffffff12;
391
+ --mds-color-theme-avatar-glass-active: #ffffffcc;
385
392
  --mds-color-theme-focus-default-0: #000000;
386
393
  --mds-color-theme-focus-default-1: #64b4fa;
387
394
  --mds-color-theme-focus-default-2: #64b4fa59;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Dec 2024 15:56:52 GMT
3
+ * Generated on Fri, 20 Dec 2024 17:04:08 GMT
4
4
  */
5
5
 
6
6
  .mds-theme-stable-hcDarkWebex {
@@ -161,6 +161,8 @@
161
161
  --mds-color-theme-background-gradient-primary-normal: #000000;
162
162
  --mds-color-theme-background-skeleton-normal: #000000;
163
163
  --mds-color-theme-background-glass-normal: #000000;
164
+ --mds-color-theme-background-glass-overlay-normal: #ffff00;
165
+ --mds-color-theme-background-glass-overlay-inactive: #000000;
164
166
  --mds-color-theme-button-primary-normal: #000000;
165
167
  --mds-color-theme-button-primary-hover: #1aebff;
166
168
  --mds-color-theme-button-primary-pressed: #1aebff;
@@ -181,6 +183,9 @@
181
183
  --mds-color-theme-button-accent-normal: #000000;
182
184
  --mds-color-theme-button-accent-hover: #1aebff;
183
185
  --mds-color-theme-button-accent-pressed: #1aebff;
186
+ --mds-color-theme-button-glass-primary-normal: #000000;
187
+ --mds-color-theme-button-glass-primary-hover: #1aebff;
188
+ --mds-color-theme-button-glass-primary-pressed: #1aebff;
184
189
  --mds-color-theme-outline-primary-normal: #ffffff;
185
190
  --mds-color-theme-outline-primary-disabled: #3ff23f;
186
191
  --mds-color-theme-outline-theme-normal: #ffffff;
@@ -297,6 +302,8 @@
297
302
  --mds-color-theme-avatar-yellow: #ffffff;
298
303
  --mds-color-theme-avatar-hover: #ffffff;
299
304
  --mds-color-theme-avatar-pressed: #ffffff;
305
+ --mds-color-theme-avatar-glass-normal: #ffffff;
306
+ --mds-color-theme-avatar-glass-active: #ffffff;
300
307
  --mds-color-theme-common-text-primary-normal: #ffffff;
301
308
  --mds-color-theme-common-text-primary-disabled: #3ff23f;
302
309
  --mds-color-theme-common-text-secondary-normal: #ffffff;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Dec 2024 15:56:53 GMT
3
+ * Generated on Fri, 20 Dec 2024 17:04:09 GMT
4
4
  */
5
5
 
6
6
  .mds-theme-stable-hcLightWebex {
@@ -161,6 +161,8 @@
161
161
  --mds-color-theme-background-gradient-primary-normal: #ffffff;
162
162
  --mds-color-theme-background-skeleton-normal: #ffffff;
163
163
  --mds-color-theme-background-glass-normal: #ffffff;
164
+ --mds-color-theme-background-glass-overlay-normal: #00009f;
165
+ --mds-color-theme-background-glass-overlay-inactive: #ffffff;
164
166
  --mds-color-theme-button-primary-normal: #ffffff;
165
167
  --mds-color-theme-button-primary-hover: #37006e;
166
168
  --mds-color-theme-button-primary-pressed: #37006e;
@@ -181,6 +183,9 @@
181
183
  --mds-color-theme-button-accent-normal: #ffffff;
182
184
  --mds-color-theme-button-accent-hover: #37006e;
183
185
  --mds-color-theme-button-accent-pressed: #37006e;
186
+ --mds-color-theme-button-glass-primary-normal: #ffffff;
187
+ --mds-color-theme-button-glass-primary-hover: #37006e;
188
+ --mds-color-theme-button-glass-primary-pressed: #37006e;
184
189
  --mds-color-theme-outline-primary-normal: #000000;
185
190
  --mds-color-theme-outline-primary-disabled: #600000;
186
191
  --mds-color-theme-outline-theme-normal: #000000;
@@ -281,6 +286,8 @@
281
286
  --mds-color-theme-avatar-yellow: #000000;
282
287
  --mds-color-theme-avatar-hover: #000000;
283
288
  --mds-color-theme-avatar-pressed: #000000;
289
+ --mds-color-theme-avatar-glass-normal: #000000;
290
+ --mds-color-theme-avatar-glass-active: #000000;
284
291
  --mds-color-theme-common-text-primary-normal: #000000;
285
292
  --mds-color-theme-common-text-primary-disabled: #600000;
286
293
  --mds-color-theme-common-text-secondary-normal: #000000;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Dec 2024 15:56:52 GMT
3
+ * Generated on Fri, 20 Dec 2024 17:04:08 GMT
4
4
  */
5
5
 
6
6
  .mds-theme-stable-lightWebex {
@@ -160,7 +160,9 @@
160
160
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fafafa 0%, #ffffff 100%);
161
161
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
162
162
  --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #00000033 0%, #0000004d 27.6%, #00000066 58.85%, #00000080 100%);
163
- --mds-color-theme-background-glass-normal: #ffffff80;
163
+ --mds-color-theme-background-glass-normal: #ffffff99;
164
+ --mds-color-theme-background-glass-overlay-normal: #ffffffcc;
165
+ --mds-color-theme-background-glass-overlay-inactive: #ffffff66;
164
166
  --mds-color-theme-button-primary-normal: #000000f2;
165
167
  --mds-color-theme-button-primary-hover: #000000cc;
166
168
  --mds-color-theme-button-primary-pressed: #000000b3;
@@ -182,6 +184,9 @@
182
184
  --mds-color-theme-button-accent-normal: #1170cf;
183
185
  --mds-color-theme-button-accent-hover: #0353a8;
184
186
  --mds-color-theme-button-accent-pressed: #063a75;
187
+ --mds-color-theme-button-glass-primary-normal: #000000cc;
188
+ --mds-color-theme-button-glass-primary-hover: #000000b3;
189
+ --mds-color-theme-button-glass-primary-pressed: #00000099;
185
190
  --mds-color-theme-outline-primary-normal: #00000075;
186
191
  --mds-color-theme-outline-primary-disabled: #00000033;
187
192
  --mds-color-theme-outline-theme-normal: #1170cf;
@@ -366,6 +371,8 @@
366
371
  --mds-color-theme-avatar-yellow: #7d4705;
367
372
  --mds-color-theme-avatar-hover: #00000012;
368
373
  --mds-color-theme-avatar-pressed: #00000033;
374
+ --mds-color-theme-avatar-glass-normal: #00000012;
375
+ --mds-color-theme-avatar-glass-active: #ffffffcc;
369
376
  --mds-color-theme-gradientdivider-default-normal: linear-gradient(90deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%);
370
377
  --mds-color-theme-gradientdivider-default-hover: linear-gradient(90deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%);
371
378
  --mds-color-theme-gradientdivider-error-normal: linear-gradient(90deg, #ab0a1500 0%, #ab0a1599 22.4%, #ab0a1599 22.4%, #ab0a1500 100%);
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Dec 2024 15:56:55 GMT
3
+ * Generated on Fri, 20 Dec 2024 17:04:10 GMT
4
4
  */
5
5
 
6
6
  .mds-typography {
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Tue, 10 Dec 2024 15:56:51 GMT
7
+ // Generated on Fri, 20 Dec 2024 17:04:07 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Tue, 10 Dec 2024 15:56:51 GMT
7
+ // Generated on Fri, 20 Dec 2024 17:04:07 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Tue, 10 Dec 2024 15:56:56 GMT
7
+ // Generated on Fri, 20 Dec 2024 17:04:12 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Tue, 10 Dec 2024 15:56:53 GMT
7
+ // Generated on Fri, 20 Dec 2024 17:04:09 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Tue, 10 Dec 2024 15:56:53 GMT
7
+ // Generated on Fri, 20 Dec 2024 17:04:09 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Tue, 10 Dec 2024 15:56:52 GMT
7
+ // Generated on Fri, 20 Dec 2024 17:04:08 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -13,6 +13,8 @@ public class {
13
13
  public static let mdsColorThemeAvatarCobalt = #08599c
14
14
  public static let mdsColorThemeAvatarCyan = #066070
15
15
  public static let mdsColorThemeAvatarDefault = #545454
16
+ public static let mdsColorThemeAvatarGlassActive = #ffffffcc
17
+ public static let mdsColorThemeAvatarGlassNormal = #ffffff12
16
18
  public static let mdsColorThemeAvatarGold = #735107
17
19
  public static let mdsColorThemeAvatarHover = #ffffff12
18
20
  public static let mdsColorThemeAvatarLime = #416116
@@ -47,7 +49,9 @@ public class {
47
49
  public static let mdsColorThemeBackgroundAlertWarningActive = #57330a
48
50
  public static let mdsColorThemeBackgroundAlertWarningHover = #36220c
49
51
  public static let mdsColorThemeBackgroundAlertWarningNormal = #36220c
50
- public static let mdsColorThemeBackgroundGlassNormal = #00000080
52
+ public static let mdsColorThemeBackgroundGlassNormal = #00000099
53
+ public static let mdsColorThemeBackgroundGlassOverlayInactive = #00000066
54
+ public static let mdsColorThemeBackgroundGlassOverlayNormal = #000000cc
51
55
  public static let mdsColorThemeBackgroundGradientPrimaryNormal = linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%)
52
56
  public static let mdsColorThemeBackgroundGradientSecondaryNormal = linear-gradient(180deg, #262626 0%, #0f0f0f 100%)
53
57
  public static let mdsColorThemeBackgroundLabelCobaltActive = #08599c
@@ -104,6 +108,9 @@ public class {
104
108
  public static let mdsColorThemeButtonCancelHover = #ab0a15
105
109
  public static let mdsColorThemeButtonCancelNormal = #db1f2e
106
110
  public static let mdsColorThemeButtonCancelPressed = #780d13
111
+ public static let mdsColorThemeButtonGlassPrimaryHover = #ffffffb3
112
+ public static let mdsColorThemeButtonGlassPrimaryNormal = #ffffffcc
113
+ public static let mdsColorThemeButtonGlassPrimaryPressed = #ffffff99
107
114
  public static let mdsColorThemeButtonJoinHover = #185e46
108
115
  public static let mdsColorThemeButtonJoinNormal = #1d805f
109
116
  public static let mdsColorThemeButtonJoinPressed = #134231
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Tue, 10 Dec 2024 15:56:52 GMT
7
+ // Generated on Fri, 20 Dec 2024 17:04:08 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -13,6 +13,8 @@ public class {
13
13
  public static let mdsColorThemeAvatarCobalt = #ffffff
14
14
  public static let mdsColorThemeAvatarCyan = #ffffff
15
15
  public static let mdsColorThemeAvatarDefault = #ffffff
16
+ public static let mdsColorThemeAvatarGlassActive = #ffffff
17
+ public static let mdsColorThemeAvatarGlassNormal = #ffffff
16
18
  public static let mdsColorThemeAvatarGold = #ffffff
17
19
  public static let mdsColorThemeAvatarHover = #ffffff
18
20
  public static let mdsColorThemeAvatarLime = #ffffff
@@ -48,6 +50,8 @@ public class {
48
50
  public static let mdsColorThemeBackgroundAlertWarningHover = #1aebff
49
51
  public static let mdsColorThemeBackgroundAlertWarningNormal = #000000
50
52
  public static let mdsColorThemeBackgroundGlassNormal = #000000
53
+ public static let mdsColorThemeBackgroundGlassOverlayInactive = #000000
54
+ public static let mdsColorThemeBackgroundGlassOverlayNormal = #ffff00
51
55
  public static let mdsColorThemeBackgroundGradientPrimaryNormal = #000000
52
56
  public static let mdsColorThemeBackgroundGradientSecondaryNormal = #000000
53
57
  public static let mdsColorThemeBackgroundLabelCobaltActive = #1aebff
@@ -104,6 +108,9 @@ public class {
104
108
  public static let mdsColorThemeButtonCancelHover = #1aebff
105
109
  public static let mdsColorThemeButtonCancelNormal = #000000
106
110
  public static let mdsColorThemeButtonCancelPressed = #1aebff
111
+ public static let mdsColorThemeButtonGlassPrimaryHover = #1aebff
112
+ public static let mdsColorThemeButtonGlassPrimaryNormal = #000000
113
+ public static let mdsColorThemeButtonGlassPrimaryPressed = #1aebff
107
114
  public static let mdsColorThemeButtonJoinHover = #1aebff
108
115
  public static let mdsColorThemeButtonJoinNormal = #000000
109
116
  public static let mdsColorThemeButtonJoinPressed = #1aebff
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Tue, 10 Dec 2024 15:56:53 GMT
7
+ // Generated on Fri, 20 Dec 2024 17:04:09 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -13,6 +13,8 @@ public class {
13
13
  public static let mdsColorThemeAvatarCobalt = #000000
14
14
  public static let mdsColorThemeAvatarCyan = #000000
15
15
  public static let mdsColorThemeAvatarDefault = #000000
16
+ public static let mdsColorThemeAvatarGlassActive = #000000
17
+ public static let mdsColorThemeAvatarGlassNormal = #000000
16
18
  public static let mdsColorThemeAvatarGold = #000000
17
19
  public static let mdsColorThemeAvatarHover = #000000
18
20
  public static let mdsColorThemeAvatarLime = #000000
@@ -48,6 +50,8 @@ public class {
48
50
  public static let mdsColorThemeBackgroundAlertWarningHover = #37006e
49
51
  public static let mdsColorThemeBackgroundAlertWarningNormal = #ffffff
50
52
  public static let mdsColorThemeBackgroundGlassNormal = #ffffff
53
+ public static let mdsColorThemeBackgroundGlassOverlayInactive = #ffffff
54
+ public static let mdsColorThemeBackgroundGlassOverlayNormal = #00009f
51
55
  public static let mdsColorThemeBackgroundGradientPrimaryNormal = #ffffff
52
56
  public static let mdsColorThemeBackgroundGradientSecondaryNormal = #ffffff
53
57
  public static let mdsColorThemeBackgroundLabelCobaltActive = #37006e
@@ -104,6 +108,9 @@ public class {
104
108
  public static let mdsColorThemeButtonCancelHover = #37006e
105
109
  public static let mdsColorThemeButtonCancelNormal = #ffffff
106
110
  public static let mdsColorThemeButtonCancelPressed = #37006e
111
+ public static let mdsColorThemeButtonGlassPrimaryHover = #37006e
112
+ public static let mdsColorThemeButtonGlassPrimaryNormal = #ffffff
113
+ public static let mdsColorThemeButtonGlassPrimaryPressed = #37006e
107
114
  public static let mdsColorThemeButtonJoinHover = #37006e
108
115
  public static let mdsColorThemeButtonJoinNormal = #ffffff
109
116
  public static let mdsColorThemeButtonJoinPressed = #37006e
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Tue, 10 Dec 2024 15:56:52 GMT
7
+ // Generated on Fri, 20 Dec 2024 17:04:08 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -13,6 +13,8 @@ public class {
13
13
  public static let mdsColorThemeAvatarCobalt = #08599c
14
14
  public static let mdsColorThemeAvatarCyan = #066070
15
15
  public static let mdsColorThemeAvatarDefault = #545454
16
+ public static let mdsColorThemeAvatarGlassActive = #ffffffcc
17
+ public static let mdsColorThemeAvatarGlassNormal = #00000012
16
18
  public static let mdsColorThemeAvatarGold = #735107
17
19
  public static let mdsColorThemeAvatarHover = #00000012
18
20
  public static let mdsColorThemeAvatarLime = #416116
@@ -47,7 +49,9 @@ public class {
47
49
  public static let mdsColorThemeBackgroundAlertWarningActive = #ffda94
48
50
  public static let mdsColorThemeBackgroundAlertWarningHover = #ffebc2
49
51
  public static let mdsColorThemeBackgroundAlertWarningNormal = #ffebc2
50
- public static let mdsColorThemeBackgroundGlassNormal = #ffffff80
52
+ public static let mdsColorThemeBackgroundGlassNormal = #ffffff99
53
+ public static let mdsColorThemeBackgroundGlassOverlayInactive = #ffffff66
54
+ public static let mdsColorThemeBackgroundGlassOverlayNormal = #ffffffcc
51
55
  public static let mdsColorThemeBackgroundGradientPrimaryNormal = linear-gradient(180deg, #f0f0f0 0%, #ffffff 100%)
52
56
  public static let mdsColorThemeBackgroundGradientSecondaryNormal = linear-gradient(180deg, #fafafa 0%, #ffffff 100%)
53
57
  public static let mdsColorThemeBackgroundLabelCobaltActive = #99ddff
@@ -104,6 +108,9 @@ public class {
104
108
  public static let mdsColorThemeButtonCancelHover = #ab0a15
105
109
  public static let mdsColorThemeButtonCancelNormal = #db1f2e
106
110
  public static let mdsColorThemeButtonCancelPressed = #780d13
111
+ public static let mdsColorThemeButtonGlassPrimaryHover = #000000b3
112
+ public static let mdsColorThemeButtonGlassPrimaryNormal = #000000cc
113
+ public static let mdsColorThemeButtonGlassPrimaryPressed = #00000099
107
114
  public static let mdsColorThemeButtonJoinHover = #185e46
108
115
  public static let mdsColorThemeButtonJoinNormal = #1d805f
109
116
  public static let mdsColorThemeButtonJoinPressed = #134231
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Tue, 10 Dec 2024 15:56:55 GMT
7
+ // Generated on Fri, 20 Dec 2024 17:04:11 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -170,7 +170,9 @@ open class DarkMomentumThemeBackgroundColorPalette: MomentumThemeBackgroundColor
170
170
  open var skeletonNormal1: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.30) }
171
171
  open var skeletonNormal2: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.40) }
172
172
  open var skeletonNormal3: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.50) }
173
- open var glassNormal: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.50) }
173
+ open var glassNormal: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.60) }
174
+ open var glassOverlayNormal: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.80) }
175
+ open var glassOverlayInactive: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.40) }
174
176
  public init() {}
175
177
  }
176
178
  open class DarkMomentumThemeButtonColorPalette: MomentumThemeButtonColorPaletteProtocol {
@@ -195,6 +197,9 @@ open class DarkMomentumThemeButtonColorPalette: MomentumThemeButtonColorPaletteP
195
197
  open var accentNormal: UIColor { return UIColor(hex: 0x1170CF) }
196
198
  open var accentHover: UIColor { return UIColor(hex: 0x0353A8) }
197
199
  open var accentPressed: UIColor { return UIColor(hex: 0x063A75) }
200
+ open var glassPrimaryNormal: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.80) }
201
+ open var glassPrimaryHover: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.70) }
202
+ open var glassPrimaryPressed: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.60) }
198
203
  public init() {}
199
204
  }
200
205
  open class DarkMomentumThemeOutlineColorPalette: MomentumThemeOutlineColorPaletteProtocol {
@@ -483,6 +488,8 @@ open class DarkMomentumThemeAvatarColorPalette: MomentumThemeAvatarColorPaletteP
483
488
  open var slate: UIColor { return UIColor(hex: 0x535573) }
484
489
  open var violet: UIColor { return UIColor(hex: 0x643ABD) }
485
490
  open var yellow: UIColor { return UIColor(hex: 0x7D4705) }
491
+ open var glassNormal: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.07) }
492
+ open var glassActive: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.80) }
486
493
  public init() {}
487
494
  }
488
495
  open class DarkMomentumThemeFocusColorPalette: MomentumThemeFocusColorPaletteProtocol {
@@ -165,6 +165,8 @@ open class HcDarkMomentumThemeBackgroundColorPalette: MomentumThemeBackgroundCol
165
165
  open var gradientPrimaryNormal: UIColor { return UIColor(hex: 0x000000) }
166
166
  open var skeletonNormal: UIColor { return UIColor(hex: 0x000000) }
167
167
  open var glassNormal: UIColor { return UIColor(hex: 0x000000) }
168
+ open var glassOverlayNormal: UIColor { return UIColor(hex: 0xFFFF00) }
169
+ open var glassOverlayInactive: UIColor { return UIColor(hex: 0x000000) }
168
170
  public init() {}
169
171
  }
170
172
  open class HcDarkMomentumThemeButtonColorPalette: MomentumThemeButtonColorPaletteProtocol {
@@ -188,6 +190,9 @@ open class HcDarkMomentumThemeButtonColorPalette: MomentumThemeButtonColorPalett
188
190
  open var accentNormal: UIColor { return UIColor(hex: 0x000000) }
189
191
  open var accentHover: UIColor { return UIColor(hex: 0x1AEBFF) }
190
192
  open var accentPressed: UIColor { return UIColor(hex: 0x1AEBFF) }
193
+ open var glassPrimaryNormal: UIColor { return UIColor(hex: 0x000000) }
194
+ open var glassPrimaryHover: UIColor { return UIColor(hex: 0x1AEBFF) }
195
+ open var glassPrimaryPressed: UIColor { return UIColor(hex: 0x1AEBFF) }
191
196
  public init() {}
192
197
  }
193
198
  open class HcDarkMomentumThemeOutlineColorPalette: MomentumThemeOutlineColorPaletteProtocol {
@@ -337,6 +342,8 @@ open class HcDarkMomentumThemeAvatarColorPalette: MomentumThemeAvatarColorPalett
337
342
  open var yellow: UIColor { return UIColor(hex: 0xFFFFFF) }
338
343
  open var hover: UIColor { return UIColor(hex: 0xFFFFFF) }
339
344
  open var pressed: UIColor { return UIColor(hex: 0xFFFFFF) }
345
+ open var glassNormal: UIColor { return UIColor(hex: 0xFFFFFF) }
346
+ open var glassActive: UIColor { return UIColor(hex: 0xFFFFFF) }
340
347
  public init() {}
341
348
  }
342
349
  open class HcDarkMomentumThemeCommonColorPalette: MomentumThemeCommonColorPaletteProtocol {
@@ -163,6 +163,8 @@ import UIKit
163
163
  var gradientPrimaryNormal: UIColor { get }
164
164
  var skeletonNormal: UIColor { get }
165
165
  var glassNormal: UIColor { get }
166
+ var glassOverlayNormal: UIColor { get }
167
+ var glassOverlayInactive: UIColor { get }
166
168
  }
167
169
  @objc public protocol MomentumThemeButtonColorPaletteProtocol: AnyObject {
168
170
  var primaryNormal: UIColor { get }
@@ -185,6 +187,9 @@ import UIKit
185
187
  var accentNormal: UIColor { get }
186
188
  var accentHover: UIColor { get }
187
189
  var accentPressed: UIColor { get }
190
+ var glassPrimaryNormal: UIColor { get }
191
+ var glassPrimaryHover: UIColor { get }
192
+ var glassPrimaryPressed: UIColor { get }
188
193
  }
189
194
  @objc public protocol MomentumThemeOutlineColorPaletteProtocol: AnyObject {
190
195
  var primaryNormal: UIColor { get }
@@ -305,6 +310,8 @@ import UIKit
305
310
  var yellow: UIColor { get }
306
311
  var hover: UIColor { get }
307
312
  var pressed: UIColor { get }
313
+ var glassNormal: UIColor { get }
314
+ var glassActive: UIColor { get }
308
315
  }
309
316
  @objc public protocol MomentumThemeCommonColorPaletteProtocol: AnyObject {
310
317
  var textPrimaryNormal: UIColor { get }
@@ -592,6 +599,8 @@ open class HcLightMomentumThemeBackgroundColorPalette: MomentumThemeBackgroundCo
592
599
  open var gradientPrimaryNormal: UIColor { return UIColor(hex: 0xFFFFFF) }
593
600
  open var skeletonNormal: UIColor { return UIColor(hex: 0xFFFFFF) }
594
601
  open var glassNormal: UIColor { return UIColor(hex: 0xFFFFFF) }
602
+ open var glassOverlayNormal: UIColor { return UIColor(hex: 0x00009F) }
603
+ open var glassOverlayInactive: UIColor { return UIColor(hex: 0xFFFFFF) }
595
604
  public init() {}
596
605
  }
597
606
  open class HcLightMomentumThemeButtonColorPalette: MomentumThemeButtonColorPaletteProtocol {
@@ -615,6 +624,9 @@ open class HcLightMomentumThemeButtonColorPalette: MomentumThemeButtonColorPalet
615
624
  open var accentNormal: UIColor { return UIColor(hex: 0xFFFFFF) }
616
625
  open var accentHover: UIColor { return UIColor(hex: 0x37006E) }
617
626
  open var accentPressed: UIColor { return UIColor(hex: 0x37006E) }
627
+ open var glassPrimaryNormal: UIColor { return UIColor(hex: 0xFFFFFF) }
628
+ open var glassPrimaryHover: UIColor { return UIColor(hex: 0x37006E) }
629
+ open var glassPrimaryPressed: UIColor { return UIColor(hex: 0x37006E) }
618
630
  public init() {}
619
631
  }
620
632
  open class HcLightMomentumThemeOutlineColorPalette: MomentumThemeOutlineColorPaletteProtocol {
@@ -745,6 +757,8 @@ open class HcLightMomentumThemeAvatarColorPalette: MomentumThemeAvatarColorPalet
745
757
  open var yellow: UIColor { return UIColor(hex: 0x000000) }
746
758
  open var hover: UIColor { return UIColor(hex: 0x000000) }
747
759
  open var pressed: UIColor { return UIColor(hex: 0x000000) }
760
+ open var glassNormal: UIColor { return UIColor(hex: 0x000000) }
761
+ open var glassActive: UIColor { return UIColor(hex: 0x000000) }
748
762
  public init() {}
749
763
  }
750
764
  open class HcLightMomentumThemeCommonColorPalette: MomentumThemeCommonColorPaletteProtocol {
@@ -1102,6 +1116,8 @@ open class SystemMomentumThemeBackgroundColorPalette: MomentumThemeBackgroundCol
1102
1116
  open var gradientPrimaryNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.gradientPrimaryNormal) }
1103
1117
  open var skeletonNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.skeletonNormal) }
1104
1118
  open var glassNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassNormal) }
1119
+ open var glassOverlayNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassOverlayNormal) }
1120
+ open var glassOverlayInactive: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassOverlayInactive) }
1105
1121
  public init() {}
1106
1122
  }
1107
1123
  open class SystemMomentumThemeButtonColorPalette: MomentumThemeButtonColorPaletteProtocol {
@@ -1127,6 +1143,9 @@ open class SystemMomentumThemeButtonColorPalette: MomentumThemeButtonColorPalett
1127
1143
  open var accentNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.accentNormal) }
1128
1144
  open var accentHover: UIColor { return systemColor(light: light, dark: dark, keyPath: \.accentHover) }
1129
1145
  open var accentPressed: UIColor { return systemColor(light: light, dark: dark, keyPath: \.accentPressed) }
1146
+ open var glassPrimaryNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassPrimaryNormal) }
1147
+ open var glassPrimaryHover: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassPrimaryHover) }
1148
+ open var glassPrimaryPressed: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassPrimaryPressed) }
1130
1149
  public init() {}
1131
1150
  }
1132
1151
  open class SystemMomentumThemeOutlineColorPalette: MomentumThemeOutlineColorPaletteProtocol {
@@ -1277,6 +1296,8 @@ open class SystemMomentumThemeAvatarColorPalette: MomentumThemeAvatarColorPalett
1277
1296
  open var yellow: UIColor { return systemColor(light: light, dark: dark, keyPath: \.yellow) }
1278
1297
  open var hover: UIColor { return systemColor(light: light, dark: dark, keyPath: \.hover) }
1279
1298
  open var pressed: UIColor { return systemColor(light: light, dark: dark, keyPath: \.pressed) }
1299
+ open var glassNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassNormal) }
1300
+ open var glassActive: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassActive) }
1280
1301
  public init() {}
1281
1302
  }
1282
1303
  open class SystemMomentumThemeCommonColorPalette: MomentumThemeCommonColorPaletteProtocol {