@momentum-design/tokens 0.3.2 → 0.4.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.
- package/dist/css/components/complete.css +7 -3
- package/dist/css/core/complete.css +1 -1
- package/dist/css/effect/complete.css +2 -2
- 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 +4 -2
- package/dist/css/theme/webex/hc-dark-stable.css +3 -1
- package/dist/css/theme/webex/hc-light-stable.css +3 -1
- package/dist/css/theme/webex/light-stable.css +4 -2
- package/dist/css/typography/complete.css +1 -1
- package/dist/ios/core/complete.swift +1 -1
- package/dist/ios/effect/complete.swift +2 -2
- 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 +4 -2
- package/dist/ios/theme/webex/hc-dark-stable.swift +3 -1
- package/dist/ios/theme/webex/hc-light-stable.swift +3 -1
- package/dist/ios/theme/webex/light-stable.swift +4 -2
- package/dist/ios/typography/complete.swift +1 -1
- package/dist/ios-webex/theme/webex/dark-stable.swift +3 -1
- package/dist/ios-webex/theme/webex/hc-dark-stable.swift +2 -0
- package/dist/ios-webex/theme/webex/hc-light-stable.swift +6 -0
- package/dist/ios-webex/theme/webex/light-stable.swift +7 -1
- package/dist/json/effect/complete.json +20 -16
- package/dist/json/theme/webex/dark-stable.json +67 -4
- package/dist/json/theme/webex/hc-dark-stable.json +60 -0
- package/dist/json/theme/webex/hc-light-stable.json +63 -0
- package/dist/json/theme/webex/light-stable.json +67 -4
- package/dist/json-minimal/effect/complete.json +3 -1
- package/dist/json-minimal/theme/webex/dark-stable.json +9 -1
- package/dist/json-minimal/theme/webex/hc-dark-stable.json +7 -1
- package/dist/json-minimal/theme/webex/hc-light-stable.json +9 -1
- package/dist/json-minimal/theme/webex/light-stable.json +9 -1
- package/dist/resources/core/complete.xml +1 -1
- package/dist/resources/effect/complete.xml +2 -2
- 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 +4 -2
- package/dist/resources/theme/webex/hc-dark-stable.xml +3 -1
- package/dist/resources/theme/webex/hc-light-stable.xml +3 -1
- package/dist/resources/theme/webex/light-stable.xml +4 -2
- package/dist/resources/typography/complete.xml +1 -1
- package/dist/scss/core/complete.scss +1 -1
- package/dist/scss/effect/complete.scss +2 -2
- 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 +4 -2
- package/dist/scss/theme/webex/hc-dark-stable.scss +3 -1
- package/dist/scss/theme/webex/hc-light-stable.scss +3 -1
- package/dist/scss/theme/webex/light-stable.scss +4 -2
- package/dist/scss/typography/complete.scss +1 -1
- package/package.json +1 -1
|
@@ -73,15 +73,17 @@
|
|
|
73
73
|
--mds-color-theme-inverted-outline-primary-normal: #00000075;
|
|
74
74
|
--mds-color-theme-inverted-outline-disabled-normal: #00000033;
|
|
75
75
|
--mds-color-theme-inverted-outline-theme-normal: #1170cf;
|
|
76
|
+
--mds-color-theme-inverted-outline-input-normal: #00000080;
|
|
76
77
|
--mds-color-theme-inverted-control-active-normal: #1170cf;
|
|
77
78
|
--mds-color-theme-inverted-control-active-hover: #0353a8;
|
|
78
79
|
--mds-color-theme-inverted-control-active-pressed: #063a75;
|
|
79
80
|
--mds-color-theme-inverted-control-active-active: #063a75;
|
|
80
81
|
--mds-color-theme-inverted-control-active-disabled: #00000033;
|
|
81
|
-
--mds-color-theme-inverted-control-inactive-normal: #
|
|
82
|
+
--mds-color-theme-inverted-control-inactive-normal: #0000001c;
|
|
82
83
|
--mds-color-theme-inverted-control-inactive-hover: #0000004d;
|
|
83
84
|
--mds-color-theme-inverted-control-inactive-pressed: #00000066;
|
|
84
85
|
--mds-color-theme-inverted-control-inactive-disabled: #00000033;
|
|
86
|
+
--mds-color-theme-inverted-control-indicator-inactive-normal: #8f8f8f;
|
|
85
87
|
--mds-color-theme-background-primary-ghost: #ffffff00;
|
|
86
88
|
--mds-color-theme-background-primary-hover: #ffffff12;
|
|
87
89
|
--mds-color-theme-background-primary-active: #ffffff1c;
|
|
@@ -463,15 +465,17 @@
|
|
|
463
465
|
--mds-color-theme-inverted-outline-primary-normal: #ffffff66;
|
|
464
466
|
--mds-color-theme-inverted-outline-disabled-normal: #ffffff33;
|
|
465
467
|
--mds-color-theme-inverted-outline-theme-normal: #64b4fa;
|
|
468
|
+
--mds-color-theme-inverted-outline-input-normal: #ffffff80;
|
|
466
469
|
--mds-color-theme-inverted-control-active-normal: #64b4fa;
|
|
467
470
|
--mds-color-theme-inverted-control-active-hover: #3492eb;
|
|
468
471
|
--mds-color-theme-inverted-control-active-pressed: #1170cf;
|
|
469
472
|
--mds-color-theme-inverted-control-active-active: #1170cf;
|
|
470
473
|
--mds-color-theme-inverted-control-active-disabled: #ffffff33;
|
|
471
|
-
--mds-color-theme-inverted-control-inactive-normal: #
|
|
474
|
+
--mds-color-theme-inverted-control-inactive-normal: #ffffff1c;
|
|
472
475
|
--mds-color-theme-inverted-control-inactive-hover: #ffffff4d;
|
|
473
476
|
--mds-color-theme-inverted-control-inactive-pressed: #ffffff66;
|
|
474
477
|
--mds-color-theme-inverted-control-inactive-disabled: #ffffff33;
|
|
478
|
+
--mds-color-theme-inverted-control-indicator-inactive-normal: #8f8f8f;
|
|
475
479
|
--mds-color-theme-background-primary-ghost: #00000000;
|
|
476
480
|
--mds-color-theme-background-primary-hover: #00000012;
|
|
477
481
|
--mds-color-theme-background-primary-active: #0000001c;
|
|
@@ -984,7 +988,7 @@
|
|
|
984
988
|
--mds-font-apps-headline-small-regular-text-case: none;
|
|
985
989
|
}
|
|
986
990
|
.mds-effect {
|
|
987
|
-
--mds-backdrop-filter: blur(10px);
|
|
991
|
+
--mds-effect-backdrop-filter: blur(10px);
|
|
988
992
|
}
|
|
989
993
|
.mds-elevation {
|
|
990
994
|
--mds-elevation-1: drop-shadow(0px 2px 8px rgba(0,0,0,0.2));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 06 Mar 2025 10:12:34 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
.mds-theme-stable-darkWebex {
|
|
@@ -78,15 +78,17 @@
|
|
|
78
78
|
--mds-color-theme-inverted-outline-primary-normal: #00000075;
|
|
79
79
|
--mds-color-theme-inverted-outline-disabled-normal: #00000033;
|
|
80
80
|
--mds-color-theme-inverted-outline-theme-normal: #1170cf;
|
|
81
|
+
--mds-color-theme-inverted-outline-input-normal: #00000080;
|
|
81
82
|
--mds-color-theme-inverted-control-active-normal: #1170cf;
|
|
82
83
|
--mds-color-theme-inverted-control-active-hover: #0353a8;
|
|
83
84
|
--mds-color-theme-inverted-control-active-pressed: #063a75;
|
|
84
85
|
--mds-color-theme-inverted-control-active-active: #063a75;
|
|
85
86
|
--mds-color-theme-inverted-control-active-disabled: #00000033;
|
|
86
|
-
--mds-color-theme-inverted-control-inactive-normal: #
|
|
87
|
+
--mds-color-theme-inverted-control-inactive-normal: #0000001c;
|
|
87
88
|
--mds-color-theme-inverted-control-inactive-hover: #0000004d;
|
|
88
89
|
--mds-color-theme-inverted-control-inactive-pressed: #00000066;
|
|
89
90
|
--mds-color-theme-inverted-control-inactive-disabled: #00000033;
|
|
91
|
+
--mds-color-theme-inverted-control-indicator-inactive-normal: #8f8f8f;
|
|
90
92
|
--mds-color-theme-background-primary-ghost: #ffffff00;
|
|
91
93
|
--mds-color-theme-background-primary-hover: #ffffff12;
|
|
92
94
|
--mds-color-theme-background-primary-active: #ffffff1c;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 06 Mar 2025 10:12:35 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
.mds-theme-stable-hcDarkWebex {
|
|
@@ -78,6 +78,7 @@
|
|
|
78
78
|
--mds-color-theme-inverted-outline-primary-normal: #ffffff;
|
|
79
79
|
--mds-color-theme-inverted-outline-disabled-normal: #3ff23f;
|
|
80
80
|
--mds-color-theme-inverted-outline-theme: #ffffff;
|
|
81
|
+
--mds-color-theme-inverted-outline-input-normal: #ffffff;
|
|
81
82
|
--mds-color-theme-inverted-control-active-normal: #1aebff;
|
|
82
83
|
--mds-color-theme-inverted-control-active-hover: #1aebff;
|
|
83
84
|
--mds-color-theme-inverted-control-active-pressed: #1aebff;
|
|
@@ -87,6 +88,7 @@
|
|
|
87
88
|
--mds-color-theme-inverted-control-inactive-hover: #000000;
|
|
88
89
|
--mds-color-theme-inverted-control-inactive-pressed: #000000;
|
|
89
90
|
--mds-color-theme-inverted-control-inactive-disabled: #3ff23f;
|
|
91
|
+
--mds-color-theme-inverted-control-indicator-inactive: #000000;
|
|
90
92
|
--mds-color-theme-background-primary-ghost: #000000;
|
|
91
93
|
--mds-color-theme-background-primary-hover: #000000;
|
|
92
94
|
--mds-color-theme-background-primary-active: #1aebff;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 06 Mar 2025 10:12:35 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
.mds-theme-stable-hcLightWebex {
|
|
@@ -78,6 +78,7 @@
|
|
|
78
78
|
--mds-color-theme-inverted-outline-primary-normal: #000000;
|
|
79
79
|
--mds-color-theme-inverted-outline-disabled-normal: #600000;
|
|
80
80
|
--mds-color-theme-inverted-outline-theme: #000000;
|
|
81
|
+
--mds-color-theme-inverted-outline-input-normal: #000000;
|
|
81
82
|
--mds-color-theme-inverted-control-active-normal: #37006e;
|
|
82
83
|
--mds-color-theme-inverted-control-active-hover: #37006e;
|
|
83
84
|
--mds-color-theme-inverted-control-active-pressed: #37006e;
|
|
@@ -87,6 +88,7 @@
|
|
|
87
88
|
--mds-color-theme-inverted-control-inactive-hover: #ffffff;
|
|
88
89
|
--mds-color-theme-inverted-control-inactive-pressed: #ffffff;
|
|
89
90
|
--mds-color-theme-inverted-control-inactive-disabled: #600000;
|
|
91
|
+
--mds-color-theme-inverted-control-indicator-inactive-normal: #ffffff;
|
|
90
92
|
--mds-color-theme-background-primary-ghost: #ffffff;
|
|
91
93
|
--mds-color-theme-background-primary-hover: #ffffff;
|
|
92
94
|
--mds-color-theme-background-primary-active: #37006e;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 06 Mar 2025 10:12:35 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
.mds-theme-stable-lightWebex {
|
|
@@ -78,15 +78,17 @@
|
|
|
78
78
|
--mds-color-theme-inverted-outline-primary-normal: #ffffff66;
|
|
79
79
|
--mds-color-theme-inverted-outline-disabled-normal: #ffffff33;
|
|
80
80
|
--mds-color-theme-inverted-outline-theme-normal: #64b4fa;
|
|
81
|
+
--mds-color-theme-inverted-outline-input-normal: #ffffff80;
|
|
81
82
|
--mds-color-theme-inverted-control-active-normal: #64b4fa;
|
|
82
83
|
--mds-color-theme-inverted-control-active-hover: #3492eb;
|
|
83
84
|
--mds-color-theme-inverted-control-active-pressed: #1170cf;
|
|
84
85
|
--mds-color-theme-inverted-control-active-active: #1170cf;
|
|
85
86
|
--mds-color-theme-inverted-control-active-disabled: #ffffff33;
|
|
86
|
-
--mds-color-theme-inverted-control-inactive-normal: #
|
|
87
|
+
--mds-color-theme-inverted-control-inactive-normal: #ffffff1c;
|
|
87
88
|
--mds-color-theme-inverted-control-inactive-hover: #ffffff4d;
|
|
88
89
|
--mds-color-theme-inverted-control-inactive-pressed: #ffffff66;
|
|
89
90
|
--mds-color-theme-inverted-control-inactive-disabled: #ffffff33;
|
|
91
|
+
--mds-color-theme-inverted-control-indicator-inactive-normal: #8f8f8f;
|
|
90
92
|
--mds-color-theme-background-primary-ghost: #00000000;
|
|
91
93
|
--mds-color-theme-background-primary-hover: #00000012;
|
|
92
94
|
--mds-color-theme-background-primary-active: #0000001c;
|
|
@@ -4,11 +4,11 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Thu, 06 Mar 2025 10:12:34 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
import UIKit
|
|
11
11
|
|
|
12
12
|
public class {
|
|
13
|
-
public static let
|
|
13
|
+
public static let mdsEffectBackdropFilter = blur(10px)
|
|
14
14
|
}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Thu, 06 Mar 2025 10:12:35 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
import UIKit
|
|
@@ -292,10 +292,12 @@ public class {
|
|
|
292
292
|
public static let mdsColorThemeInvertedControlActivePressed = #063a75
|
|
293
293
|
public static let mdsColorThemeInvertedControlInactiveDisabled = #00000033
|
|
294
294
|
public static let mdsColorThemeInvertedControlInactiveHover = #0000004d
|
|
295
|
-
public static let mdsColorThemeInvertedControlInactiveNormal = #
|
|
295
|
+
public static let mdsColorThemeInvertedControlInactiveNormal = #0000001c
|
|
296
296
|
public static let mdsColorThemeInvertedControlInactivePressed = #00000066
|
|
297
|
+
public static let mdsColorThemeInvertedControlIndicatorInactiveNormal = #8f8f8f
|
|
297
298
|
public static let mdsColorThemeInvertedOutlineButtonNormal = #00000080
|
|
298
299
|
public static let mdsColorThemeInvertedOutlineDisabledNormal = #00000033
|
|
300
|
+
public static let mdsColorThemeInvertedOutlineInputNormal = #00000080
|
|
299
301
|
public static let mdsColorThemeInvertedOutlinePrimaryNormal = #00000075
|
|
300
302
|
public static let mdsColorThemeInvertedOutlineThemeNormal = #1170cf
|
|
301
303
|
public static let mdsColorThemeInvertedTextAccentActive = #0a274a
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Thu, 06 Mar 2025 10:12:35 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
import UIKit
|
|
@@ -281,8 +281,10 @@ public class {
|
|
|
281
281
|
public static let mdsColorThemeInvertedControlInactiveHover = #000000
|
|
282
282
|
public static let mdsColorThemeInvertedControlInactiveNormal = #000000
|
|
283
283
|
public static let mdsColorThemeInvertedControlInactivePressed = #000000
|
|
284
|
+
public static let mdsColorThemeInvertedControlIndicatorInactive = #000000
|
|
284
285
|
public static let mdsColorThemeInvertedOutlineButtonNormal = #ffffff
|
|
285
286
|
public static let mdsColorThemeInvertedOutlineDisabledNormal = #3ff23f
|
|
287
|
+
public static let mdsColorThemeInvertedOutlineInputNormal = #ffffff
|
|
286
288
|
public static let mdsColorThemeInvertedOutlinePrimaryNormal = #ffffff
|
|
287
289
|
public static let mdsColorThemeInvertedOutlineTheme = #ffffff
|
|
288
290
|
public static let mdsColorThemeInvertedTextAccentActive = #1aebff
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Thu, 06 Mar 2025 10:12:36 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
import UIKit
|
|
@@ -281,8 +281,10 @@ public class {
|
|
|
281
281
|
public static let mdsColorThemeInvertedControlInactiveHover = #ffffff
|
|
282
282
|
public static let mdsColorThemeInvertedControlInactiveNormal = #ffffff
|
|
283
283
|
public static let mdsColorThemeInvertedControlInactivePressed = #ffffff
|
|
284
|
+
public static let mdsColorThemeInvertedControlIndicatorInactiveNormal = #ffffff
|
|
284
285
|
public static let mdsColorThemeInvertedOutlineButtonNormal = #000000
|
|
285
286
|
public static let mdsColorThemeInvertedOutlineDisabledNormal = #600000
|
|
287
|
+
public static let mdsColorThemeInvertedOutlineInputNormal = #000000
|
|
286
288
|
public static let mdsColorThemeInvertedOutlinePrimaryNormal = #000000
|
|
287
289
|
public static let mdsColorThemeInvertedOutlineTheme = #000000
|
|
288
290
|
public static let mdsColorThemeInvertedTextAccentActive = #37006e
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Thu, 06 Mar 2025 10:12:35 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
import UIKit
|
|
@@ -292,10 +292,12 @@ public class {
|
|
|
292
292
|
public static let mdsColorThemeInvertedControlActivePressed = #1170cf
|
|
293
293
|
public static let mdsColorThemeInvertedControlInactiveDisabled = #ffffff33
|
|
294
294
|
public static let mdsColorThemeInvertedControlInactiveHover = #ffffff4d
|
|
295
|
-
public static let mdsColorThemeInvertedControlInactiveNormal = #
|
|
295
|
+
public static let mdsColorThemeInvertedControlInactiveNormal = #ffffff1c
|
|
296
296
|
public static let mdsColorThemeInvertedControlInactivePressed = #ffffff66
|
|
297
|
+
public static let mdsColorThemeInvertedControlIndicatorInactiveNormal = #8f8f8f
|
|
297
298
|
public static let mdsColorThemeInvertedOutlineButtonNormal = #ffffff80
|
|
298
299
|
public static let mdsColorThemeInvertedOutlineDisabledNormal = #ffffff33
|
|
300
|
+
public static let mdsColorThemeInvertedOutlineInputNormal = #ffffff80
|
|
299
301
|
public static let mdsColorThemeInvertedOutlinePrimaryNormal = #ffffff66
|
|
300
302
|
public static let mdsColorThemeInvertedOutlineThemeNormal = #64b4fa
|
|
301
303
|
public static let mdsColorThemeInvertedTextAccentActive = #bfe3ff
|
|
@@ -79,15 +79,17 @@ open class DarkMomentumThemeInvertedColorPalette: MomentumThemeInvertedColorPale
|
|
|
79
79
|
open var outlinePrimaryNormal: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.46) }
|
|
80
80
|
open var outlineDisabledNormal: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.20) }
|
|
81
81
|
open var outlineThemeNormal: UIColor { return UIColor(hex: 0x1170CF) }
|
|
82
|
+
open var outlineInputNormal: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.50) }
|
|
82
83
|
open var controlActiveNormal: UIColor { return UIColor(hex: 0x1170CF) }
|
|
83
84
|
open var controlActiveHover: UIColor { return UIColor(hex: 0x0353A8) }
|
|
84
85
|
open var controlActivePressed: UIColor { return UIColor(hex: 0x063A75) }
|
|
85
86
|
open var controlActiveActive: UIColor { return UIColor(hex: 0x063A75) }
|
|
86
87
|
open var controlActiveDisabled: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.20) }
|
|
87
|
-
open var controlInactiveNormal: UIColor { return UIColor(hex:
|
|
88
|
+
open var controlInactiveNormal: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.11) }
|
|
88
89
|
open var controlInactiveHover: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.30) }
|
|
89
90
|
open var controlInactivePressed: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.40) }
|
|
90
91
|
open var controlInactiveDisabled: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.20) }
|
|
92
|
+
open var controlIndicatorInactiveNormal: UIColor { return UIColor(hex: 0x8F8F8F) }
|
|
91
93
|
public init() {}
|
|
92
94
|
}
|
|
93
95
|
open class DarkMomentumThemeBackgroundColorPalette: MomentumThemeBackgroundColorPaletteProtocol {
|
|
@@ -79,6 +79,7 @@ open class HcDarkMomentumThemeInvertedColorPalette: MomentumThemeInvertedColorPa
|
|
|
79
79
|
open var outlinePrimaryNormal: UIColor { return UIColor(hex: 0xFFFFFF) }
|
|
80
80
|
open var outlineDisabledNormal: UIColor { return UIColor(hex: 0x3FF23F) }
|
|
81
81
|
open var outlineTheme: UIColor { return UIColor(hex: 0xFFFFFF) }
|
|
82
|
+
open var outlineInputNormal: UIColor { return UIColor(hex: 0xFFFFFF) }
|
|
82
83
|
open var controlActiveNormal: UIColor { return UIColor(hex: 0x1AEBFF) }
|
|
83
84
|
open var controlActiveHover: UIColor { return UIColor(hex: 0x1AEBFF) }
|
|
84
85
|
open var controlActivePressed: UIColor { return UIColor(hex: 0x1AEBFF) }
|
|
@@ -88,6 +89,7 @@ open class HcDarkMomentumThemeInvertedColorPalette: MomentumThemeInvertedColorPa
|
|
|
88
89
|
open var controlInactiveHover: UIColor { return UIColor(hex: 0x000000) }
|
|
89
90
|
open var controlInactivePressed: UIColor { return UIColor(hex: 0x000000) }
|
|
90
91
|
open var controlInactiveDisabled: UIColor { return UIColor(hex: 0x3FF23F) }
|
|
92
|
+
open var controlIndicatorInactive: UIColor { return UIColor(hex: 0x000000) }
|
|
91
93
|
public init() {}
|
|
92
94
|
}
|
|
93
95
|
open class HcDarkMomentumThemeBackgroundColorPalette: MomentumThemeBackgroundColorPaletteProtocol {
|
|
@@ -78,6 +78,7 @@ import UIKit
|
|
|
78
78
|
var outlinePrimaryNormal: UIColor { get }
|
|
79
79
|
var outlineDisabledNormal: UIColor { get }
|
|
80
80
|
var outlineTheme: UIColor { get }
|
|
81
|
+
var outlineInputNormal: UIColor { get }
|
|
81
82
|
var controlActiveNormal: UIColor { get }
|
|
82
83
|
var controlActiveHover: UIColor { get }
|
|
83
84
|
var controlActivePressed: UIColor { get }
|
|
@@ -87,6 +88,7 @@ import UIKit
|
|
|
87
88
|
var controlInactiveHover: UIColor { get }
|
|
88
89
|
var controlInactivePressed: UIColor { get }
|
|
89
90
|
var controlInactiveDisabled: UIColor { get }
|
|
91
|
+
var controlIndicatorInactiveNormal: UIColor { get }
|
|
90
92
|
}
|
|
91
93
|
@objc public protocol MomentumThemeBackgroundColorPaletteProtocol: AnyObject {
|
|
92
94
|
var primaryGhost: UIColor { get }
|
|
@@ -513,6 +515,7 @@ open class HcLightMomentumThemeInvertedColorPalette: MomentumThemeInvertedColorP
|
|
|
513
515
|
open var outlinePrimaryNormal: UIColor { return UIColor(hex: 0x000000) }
|
|
514
516
|
open var outlineDisabledNormal: UIColor { return UIColor(hex: 0x600000) }
|
|
515
517
|
open var outlineTheme: UIColor { return UIColor(hex: 0x000000) }
|
|
518
|
+
open var outlineInputNormal: UIColor { return UIColor(hex: 0x000000) }
|
|
516
519
|
open var controlActiveNormal: UIColor { return UIColor(hex: 0x37006E) }
|
|
517
520
|
open var controlActiveHover: UIColor { return UIColor(hex: 0x37006E) }
|
|
518
521
|
open var controlActivePressed: UIColor { return UIColor(hex: 0x37006E) }
|
|
@@ -522,6 +525,7 @@ open class HcLightMomentumThemeInvertedColorPalette: MomentumThemeInvertedColorP
|
|
|
522
525
|
open var controlInactiveHover: UIColor { return UIColor(hex: 0xFFFFFF) }
|
|
523
526
|
open var controlInactivePressed: UIColor { return UIColor(hex: 0xFFFFFF) }
|
|
524
527
|
open var controlInactiveDisabled: UIColor { return UIColor(hex: 0x600000) }
|
|
528
|
+
open var controlIndicatorInactiveNormal: UIColor { return UIColor(hex: 0xFFFFFF) }
|
|
525
529
|
public init() {}
|
|
526
530
|
}
|
|
527
531
|
open class HcLightMomentumThemeBackgroundColorPalette: MomentumThemeBackgroundColorPaletteProtocol {
|
|
@@ -1028,6 +1032,7 @@ open class SystemMomentumThemeInvertedColorPalette: MomentumThemeInvertedColorPa
|
|
|
1028
1032
|
open var outlinePrimaryNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.outlinePrimaryNormal) }
|
|
1029
1033
|
open var outlineDisabledNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.outlineDisabledNormal) }
|
|
1030
1034
|
open var outlineTheme: UIColor { return systemColor(light: light, dark: dark, keyPath: \.outlineTheme) }
|
|
1035
|
+
open var outlineInputNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.outlineInputNormal) }
|
|
1031
1036
|
open var controlActiveNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.controlActiveNormal) }
|
|
1032
1037
|
open var controlActiveHover: UIColor { return systemColor(light: light, dark: dark, keyPath: \.controlActiveHover) }
|
|
1033
1038
|
open var controlActivePressed: UIColor { return systemColor(light: light, dark: dark, keyPath: \.controlActivePressed) }
|
|
@@ -1037,6 +1042,7 @@ open class SystemMomentumThemeInvertedColorPalette: MomentumThemeInvertedColorPa
|
|
|
1037
1042
|
open var controlInactiveHover: UIColor { return systemColor(light: light, dark: dark, keyPath: \.controlInactiveHover) }
|
|
1038
1043
|
open var controlInactivePressed: UIColor { return systemColor(light: light, dark: dark, keyPath: \.controlInactivePressed) }
|
|
1039
1044
|
open var controlInactiveDisabled: UIColor { return systemColor(light: light, dark: dark, keyPath: \.controlInactiveDisabled) }
|
|
1045
|
+
open var controlIndicatorInactiveNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.controlIndicatorInactiveNormal) }
|
|
1040
1046
|
public init() {}
|
|
1041
1047
|
}
|
|
1042
1048
|
open class SystemMomentumThemeBackgroundColorPalette: MomentumThemeBackgroundColorPaletteProtocol {
|
|
@@ -78,6 +78,7 @@ import UIKit
|
|
|
78
78
|
var outlinePrimaryNormal: UIColor { get }
|
|
79
79
|
var outlineDisabledNormal: UIColor { get }
|
|
80
80
|
var outlineThemeNormal: UIColor { get }
|
|
81
|
+
var outlineInputNormal: UIColor { get }
|
|
81
82
|
var controlActiveNormal: UIColor { get }
|
|
82
83
|
var controlActiveHover: UIColor { get }
|
|
83
84
|
var controlActivePressed: UIColor { get }
|
|
@@ -87,6 +88,7 @@ import UIKit
|
|
|
87
88
|
var controlInactiveHover: UIColor { get }
|
|
88
89
|
var controlInactivePressed: UIColor { get }
|
|
89
90
|
var controlInactiveDisabled: UIColor { get }
|
|
91
|
+
var controlIndicatorInactiveNormal: UIColor { get }
|
|
90
92
|
}
|
|
91
93
|
@objc public protocol MomentumThemeBackgroundColorPaletteProtocol: AnyObject {
|
|
92
94
|
var primaryGhost: UIColor { get }
|
|
@@ -578,15 +580,17 @@ open class LightMomentumThemeInvertedColorPalette: MomentumThemeInvertedColorPal
|
|
|
578
580
|
open var outlinePrimaryNormal: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.40) }
|
|
579
581
|
open var outlineDisabledNormal: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.20) }
|
|
580
582
|
open var outlineThemeNormal: UIColor { return UIColor(hex: 0x64B4FA) }
|
|
583
|
+
open var outlineInputNormal: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.50) }
|
|
581
584
|
open var controlActiveNormal: UIColor { return UIColor(hex: 0x64B4FA) }
|
|
582
585
|
open var controlActiveHover: UIColor { return UIColor(hex: 0x3492EB) }
|
|
583
586
|
open var controlActivePressed: UIColor { return UIColor(hex: 0x1170CF) }
|
|
584
587
|
open var controlActiveActive: UIColor { return UIColor(hex: 0x1170CF) }
|
|
585
588
|
open var controlActiveDisabled: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.20) }
|
|
586
|
-
open var controlInactiveNormal: UIColor { return UIColor(hex:
|
|
589
|
+
open var controlInactiveNormal: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.11) }
|
|
587
590
|
open var controlInactiveHover: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.30) }
|
|
588
591
|
open var controlInactivePressed: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.40) }
|
|
589
592
|
open var controlInactiveDisabled: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.20) }
|
|
593
|
+
open var controlIndicatorInactiveNormal: UIColor { return UIColor(hex: 0x8F8F8F) }
|
|
590
594
|
public init() {}
|
|
591
595
|
}
|
|
592
596
|
open class LightMomentumThemeBackgroundColorPalette: MomentumThemeBackgroundColorPaletteProtocol {
|
|
@@ -1154,6 +1158,7 @@ open class SystemMomentumThemeInvertedColorPalette: MomentumThemeInvertedColorPa
|
|
|
1154
1158
|
open var outlinePrimaryNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.outlinePrimaryNormal) }
|
|
1155
1159
|
open var outlineDisabledNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.outlineDisabledNormal) }
|
|
1156
1160
|
open var outlineThemeNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.outlineThemeNormal) }
|
|
1161
|
+
open var outlineInputNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.outlineInputNormal) }
|
|
1157
1162
|
open var controlActiveNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.controlActiveNormal) }
|
|
1158
1163
|
open var controlActiveHover: UIColor { return systemColor(light: light, dark: dark, keyPath: \.controlActiveHover) }
|
|
1159
1164
|
open var controlActivePressed: UIColor { return systemColor(light: light, dark: dark, keyPath: \.controlActivePressed) }
|
|
@@ -1163,6 +1168,7 @@ open class SystemMomentumThemeInvertedColorPalette: MomentumThemeInvertedColorPa
|
|
|
1163
1168
|
open var controlInactiveHover: UIColor { return systemColor(light: light, dark: dark, keyPath: \.controlInactiveHover) }
|
|
1164
1169
|
open var controlInactivePressed: UIColor { return systemColor(light: light, dark: dark, keyPath: \.controlInactivePressed) }
|
|
1165
1170
|
open var controlInactiveDisabled: UIColor { return systemColor(light: light, dark: dark, keyPath: \.controlInactiveDisabled) }
|
|
1171
|
+
open var controlIndicatorInactiveNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.controlIndicatorInactiveNormal) }
|
|
1166
1172
|
public init() {}
|
|
1167
1173
|
}
|
|
1168
1174
|
open class SystemMomentumThemeBackgroundColorPalette: MomentumThemeBackgroundColorPaletteProtocol {
|
|
@@ -1,21 +1,25 @@
|
|
|
1
1
|
{
|
|
2
|
-
"
|
|
3
|
-
"
|
|
4
|
-
"type": "other",
|
|
5
|
-
"description": "Used for background blur effect glass effect",
|
|
6
|
-
"filePath": "src/core/effect.json",
|
|
7
|
-
"isSource": true,
|
|
8
|
-
"original": {
|
|
2
|
+
"effect": {
|
|
3
|
+
"backdrop-filter": {
|
|
9
4
|
"value": "blur(10px)",
|
|
10
5
|
"type": "other",
|
|
11
|
-
"description": "Used for background blur effect glass effect"
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
6
|
+
"description": "Used for background blur effect glass effect",
|
|
7
|
+
"filePath": "src/core/effect.json",
|
|
8
|
+
"isSource": true,
|
|
9
|
+
"original": {
|
|
10
|
+
"value": "blur(10px)",
|
|
11
|
+
"type": "other",
|
|
12
|
+
"description": "Used for background blur effect glass effect"
|
|
13
|
+
},
|
|
14
|
+
"name": "mds-effect-backdrop-filter",
|
|
15
|
+
"attributes": {
|
|
16
|
+
"category": "effect",
|
|
17
|
+
"type": "backdrop-filter"
|
|
18
|
+
},
|
|
19
|
+
"path": [
|
|
20
|
+
"effect",
|
|
21
|
+
"backdrop-filter"
|
|
22
|
+
]
|
|
23
|
+
}
|
|
20
24
|
}
|
|
21
25
|
}
|
|
@@ -2266,6 +2266,36 @@
|
|
|
2266
2266
|
"normal"
|
|
2267
2267
|
]
|
|
2268
2268
|
}
|
|
2269
|
+
},
|
|
2270
|
+
"input": {
|
|
2271
|
+
"normal": {
|
|
2272
|
+
"value": "#00000080",
|
|
2273
|
+
"type": "color",
|
|
2274
|
+
"description": "Used for inverted control components outline (checkbox, toggles)",
|
|
2275
|
+
"filePath": "src/theme/stable/dark.json",
|
|
2276
|
+
"isSource": true,
|
|
2277
|
+
"original": {
|
|
2278
|
+
"value": "{color.core.black-alpha.50}",
|
|
2279
|
+
"type": "color",
|
|
2280
|
+
"description": "Used for inverted control components outline (checkbox, toggles)"
|
|
2281
|
+
},
|
|
2282
|
+
"name": "mds-color-theme-inverted-outline-input-normal",
|
|
2283
|
+
"attributes": {
|
|
2284
|
+
"category": "color",
|
|
2285
|
+
"type": "theme",
|
|
2286
|
+
"item": "inverted",
|
|
2287
|
+
"subitem": "outline",
|
|
2288
|
+
"state": "input"
|
|
2289
|
+
},
|
|
2290
|
+
"path": [
|
|
2291
|
+
"color",
|
|
2292
|
+
"theme",
|
|
2293
|
+
"inverted",
|
|
2294
|
+
"outline",
|
|
2295
|
+
"input",
|
|
2296
|
+
"normal"
|
|
2297
|
+
]
|
|
2298
|
+
}
|
|
2269
2299
|
}
|
|
2270
2300
|
},
|
|
2271
2301
|
"control": {
|
|
@@ -2425,15 +2455,15 @@
|
|
|
2425
2455
|
"normal": {
|
|
2426
2456
|
"parent": "theme/stable/dark",
|
|
2427
2457
|
"type": "color",
|
|
2428
|
-
"value": "#
|
|
2429
|
-
"description": "",
|
|
2458
|
+
"value": "#0000001c",
|
|
2459
|
+
"description": "Used for inverted control component (checkbox, radio, toggle)",
|
|
2430
2460
|
"filePath": "src/theme/stable/dark.json",
|
|
2431
2461
|
"isSource": true,
|
|
2432
2462
|
"original": {
|
|
2433
2463
|
"parent": "theme/stable/dark",
|
|
2434
2464
|
"type": "color",
|
|
2435
|
-
"value": "{color.core.
|
|
2436
|
-
"description": ""
|
|
2465
|
+
"value": "{color.core.black-alpha.11}",
|
|
2466
|
+
"description": "Used for inverted control component (checkbox, radio, toggle)"
|
|
2437
2467
|
},
|
|
2438
2468
|
"name": "mds-color-theme-inverted-control-inactive-normal",
|
|
2439
2469
|
"attributes": {
|
|
@@ -2542,6 +2572,39 @@
|
|
|
2542
2572
|
"disabled"
|
|
2543
2573
|
]
|
|
2544
2574
|
}
|
|
2575
|
+
},
|
|
2576
|
+
"indicator": {
|
|
2577
|
+
"inactive": {
|
|
2578
|
+
"normal": {
|
|
2579
|
+
"value": "#8f8f8f",
|
|
2580
|
+
"type": "color",
|
|
2581
|
+
"description": "Used for inverted controls (checkbox, toggle, radio, progress bar, spinner)",
|
|
2582
|
+
"filePath": "src/theme/stable/dark.json",
|
|
2583
|
+
"isSource": true,
|
|
2584
|
+
"original": {
|
|
2585
|
+
"value": "{color.core.gray.50}",
|
|
2586
|
+
"type": "color",
|
|
2587
|
+
"description": "Used for inverted controls (checkbox, toggle, radio, progress bar, spinner)"
|
|
2588
|
+
},
|
|
2589
|
+
"name": "mds-color-theme-inverted-control-indicator-inactive-normal",
|
|
2590
|
+
"attributes": {
|
|
2591
|
+
"category": "color",
|
|
2592
|
+
"type": "theme",
|
|
2593
|
+
"item": "inverted",
|
|
2594
|
+
"subitem": "control",
|
|
2595
|
+
"state": "indicator"
|
|
2596
|
+
},
|
|
2597
|
+
"path": [
|
|
2598
|
+
"color",
|
|
2599
|
+
"theme",
|
|
2600
|
+
"inverted",
|
|
2601
|
+
"control",
|
|
2602
|
+
"indicator",
|
|
2603
|
+
"inactive",
|
|
2604
|
+
"normal"
|
|
2605
|
+
]
|
|
2606
|
+
}
|
|
2607
|
+
}
|
|
2545
2608
|
}
|
|
2546
2609
|
}
|
|
2547
2610
|
},
|