@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.
- package/dist/css/components/complete.css +16 -2
- package/dist/css/core/complete.css +1 -1
- package/dist/css/effect/complete.css +1 -1
- package/dist/css/elevation/complete.css +1 -1
- package/dist/css/theme/aaos/day-complete.css +1 -1
- package/dist/css/theme/aaos/night-complete.css +1 -1
- package/dist/css/theme/webex/dark-stable.css +9 -2
- package/dist/css/theme/webex/hc-dark-stable.css +8 -1
- package/dist/css/theme/webex/hc-light-stable.css +8 -1
- package/dist/css/theme/webex/light-stable.css +9 -2
- package/dist/css/typography/complete.css +1 -1
- package/dist/ios/core/complete.swift +1 -1
- package/dist/ios/effect/complete.swift +1 -1
- package/dist/ios/elevation/complete.swift +1 -1
- package/dist/ios/theme/aaos/day-complete.swift +1 -1
- package/dist/ios/theme/aaos/night-complete.swift +1 -1
- package/dist/ios/theme/webex/dark-stable.swift +9 -2
- package/dist/ios/theme/webex/hc-dark-stable.swift +8 -1
- package/dist/ios/theme/webex/hc-light-stable.swift +8 -1
- package/dist/ios/theme/webex/light-stable.swift +9 -2
- package/dist/ios/typography/complete.swift +1 -1
- package/dist/ios-webex/theme/webex/dark-stable.swift +8 -1
- package/dist/ios-webex/theme/webex/hc-dark-stable.swift +7 -0
- package/dist/ios-webex/theme/webex/hc-light-stable.swift +21 -0
- package/dist/ios-webex/theme/webex/light-stable.swift +22 -1
- package/dist/json/theme/webex/dark-stable.json +204 -2
- package/dist/json/theme/webex/hc-dark-stable.json +202 -0
- package/dist/json/theme/webex/hc-light-stable.json +202 -0
- package/dist/json/theme/webex/light-stable.json +204 -2
- package/dist/json-minimal/theme/webex/dark-stable.json +17 -2
- package/dist/json-minimal/theme/webex/hc-dark-stable.json +17 -2
- package/dist/json-minimal/theme/webex/hc-light-stable.json +17 -2
- package/dist/json-minimal/theme/webex/light-stable.json +17 -2
- package/dist/resources/core/complete.xml +1 -1
- package/dist/resources/effect/complete.xml +1 -1
- package/dist/resources/elevation/complete.xml +1 -1
- package/dist/resources/theme/aaos/day-complete.xml +1 -1
- package/dist/resources/theme/aaos/night-complete.xml +1 -1
- package/dist/resources/theme/webex/dark-stable.xml +9 -2
- package/dist/resources/theme/webex/hc-dark-stable.xml +8 -1
- package/dist/resources/theme/webex/hc-light-stable.xml +8 -1
- package/dist/resources/theme/webex/light-stable.xml +9 -2
- package/dist/resources/typography/complete.xml +1 -1
- package/dist/scss/core/complete.scss +1 -1
- package/dist/scss/effect/complete.scss +1 -1
- package/dist/scss/elevation/complete.scss +1 -1
- package/dist/scss/theme/aaos/day-complete.scss +1 -1
- package/dist/scss/theme/aaos/night-complete.scss +1 -1
- package/dist/scss/theme/webex/dark-stable.scss +9 -2
- package/dist/scss/theme/webex/hc-dark-stable.scss +8 -1
- package/dist/scss/theme/webex/hc-light-stable.scss +8 -1
- package/dist/scss/theme/webex/light-stable.scss +9 -2
- package/dist/scss/typography/complete.scss +1 -1
- 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: #
|
|
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: #
|
|
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
|
|
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: #
|
|
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
|
|
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
|
|
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
|
|
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: #
|
|
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%);
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
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 = #
|
|
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
|
|
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
|
|
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
|
|
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 = #
|
|
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
|
|
@@ -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.
|
|
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 {
|