@momentum-design/tokens 0.1.2 → 0.2.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/core/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 -1
- package/dist/css/theme/webex/hc-dark-stable.css +4 -1
- package/dist/css/theme/webex/hc-light-stable.css +4 -1
- package/dist/css/theme/webex/light-stable.css +4 -1
- package/dist/css/typography/complete.css +1 -1
- package/dist/ios/core/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 -1
- package/dist/ios/theme/webex/hc-dark-stable.swift +4 -1
- package/dist/ios/theme/webex/hc-light-stable.swift +4 -1
- package/dist/ios/theme/webex/light-stable.swift +4 -1
- package/dist/ios/typography/complete.swift +1 -1
- package/dist/ios-webex/theme/webex/dark-stable.swift +10 -1
- package/dist/ios-webex/theme/webex/hc-dark-stable.swift +10 -1
- package/dist/ios-webex/theme/webex/hc-light-stable.swift +25 -1
- package/dist/ios-webex/theme/webex/light-stable.swift +25 -1
- package/dist/json/theme/webex/dark-stable.json +99 -0
- package/dist/json/theme/webex/hc-dark-stable.json +77 -0
- package/dist/json/theme/webex/hc-light-stable.json +77 -0
- package/dist/json/theme/webex/light-stable.json +99 -0
- package/dist/json-minimal/theme/webex/dark-stable.json +5 -0
- package/dist/json-minimal/theme/webex/hc-dark-stable.json +5 -0
- package/dist/json-minimal/theme/webex/hc-light-stable.json +5 -0
- package/dist/json-minimal/theme/webex/light-stable.json +5 -0
- package/dist/resources/core/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 -1
- package/dist/resources/theme/webex/hc-dark-stable.xml +4 -1
- package/dist/resources/theme/webex/hc-light-stable.xml +4 -1
- package/dist/resources/theme/webex/light-stable.xml +4 -1
- package/dist/resources/typography/complete.xml +1 -1
- package/dist/scss/core/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 -1
- package/dist/scss/theme/webex/hc-dark-stable.scss +4 -1
- package/dist/scss/theme/webex/hc-light-stable.scss +4 -1
- package/dist/scss/theme/webex/light-stable.scss +4 -1
- package/dist/scss/typography/complete.scss +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 21 Oct 2024 17:31:45 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
.mds-theme-stable-darkWebex {
|
|
@@ -379,4 +379,7 @@
|
|
|
379
379
|
--mds-color-theme-avatar-slate: #535573;
|
|
380
380
|
--mds-color-theme-avatar-violet: #643abd;
|
|
381
381
|
--mds-color-theme-avatar-yellow: #7d4705;
|
|
382
|
+
--mds-color-theme-focus-0: #000000;
|
|
383
|
+
--mds-color-theme-focus-1: #64b4fa;
|
|
384
|
+
--mds-color-theme-focus-2: #64b4fa;
|
|
382
385
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 21 Oct 2024 17:31:46 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
.mds-theme-stable-hcDarkWebex {
|
|
@@ -371,4 +371,7 @@
|
|
|
371
371
|
--mds-color-theme-common-touchbar-icon-attention: #000000;
|
|
372
372
|
--mds-color-theme-common-touchbar-icon-stable: #000000;
|
|
373
373
|
--mds-color-theme-common-touchbar-icon-secure: #000000;
|
|
374
|
+
--mds-color-theme-focus-0: #000000;
|
|
375
|
+
--mds-color-theme-focus-1: #ffffff;
|
|
376
|
+
--mds-color-theme-focus-2: #ffffff;
|
|
374
377
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 21 Oct 2024 17:31:46 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
.mds-theme-stable-hcLightWebex {
|
|
@@ -371,4 +371,7 @@
|
|
|
371
371
|
--mds-color-theme-gradientdivider-orange-hover: #000000;
|
|
372
372
|
--mds-color-theme-gradientdivider-purple-normal: #000000;
|
|
373
373
|
--mds-color-theme-gradientdivider-purple-hover: #000000;
|
|
374
|
+
--mds-color-theme-focus-0: #ffffff;
|
|
375
|
+
--mds-color-theme-focus-1: #000000;
|
|
376
|
+
--mds-color-theme-focus-2: #000000;
|
|
374
377
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 21 Oct 2024 17:31:46 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
.mds-theme-stable-lightWebex {
|
|
@@ -378,4 +378,7 @@
|
|
|
378
378
|
--mds-color-theme-gradientdivider-orange-hover: linear-gradient(90deg, #9c320200 0%, #9c3202e6 22.4%, #9c3202e6 76.04%, #9c320200 100%);
|
|
379
379
|
--mds-color-theme-gradientdivider-purple-normal: linear-gradient(90deg, #93209900 0%, #93209999 22.4%, #93209999 76.04%, #93209900 100%);
|
|
380
380
|
--mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #93209900 0%,#932099E6 22.4%, #932099E6 76.04%, #93209900 100%);
|
|
381
|
+
--mds-color-theme-focus-0: #ffffff;
|
|
382
|
+
--mds-color-theme-focus-1: #1170cf;
|
|
383
|
+
--mds-color-theme-focus-2: #1170cf;
|
|
381
384
|
}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Mon, 21 Oct 2024 17:31:45 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
import UIKit
|
|
@@ -218,6 +218,9 @@ public class {
|
|
|
218
218
|
public static let mdsColorThemeControlInactiveNormal = #ffffff00
|
|
219
219
|
public static let mdsColorThemeControlInactivePressed = #ffffff66
|
|
220
220
|
public static let mdsColorThemeControlIndicatorInactiveNormal = #8f8f8f
|
|
221
|
+
public static let mdsColorThemeFocus0 = #000000
|
|
222
|
+
public static let mdsColorThemeFocus1 = #64b4fa
|
|
223
|
+
public static let mdsColorThemeFocus2 = #64b4fa
|
|
221
224
|
public static let mdsColorThemeGlobaltintNormal = #3492eb
|
|
222
225
|
public static let mdsColorThemeGlobaltintSelected = #1170cf
|
|
223
226
|
public static let mdsColorThemeGradientdividerAnnounceHover = linear-gradient(90deg, #64b4fa00 0%,#64b4faE6 22.4%, #64b4faE6 76.04%, #64b4fa00 100%)
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Mon, 21 Oct 2024 17:31:46 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
import UIKit
|
|
@@ -204,6 +204,9 @@ public class {
|
|
|
204
204
|
public static let mdsColorThemeControlInactiveNormal = #000000
|
|
205
205
|
public static let mdsColorThemeControlInactivePressed = #000000
|
|
206
206
|
public static let mdsColorThemeControlIndicatorInactiveNormal = #000000
|
|
207
|
+
public static let mdsColorThemeFocus0 = #000000
|
|
208
|
+
public static let mdsColorThemeFocus1 = #ffffff
|
|
209
|
+
public static let mdsColorThemeFocus2 = #ffffff
|
|
207
210
|
public static let mdsColorThemeGlobaltintNormal = #ffffff
|
|
208
211
|
public static let mdsColorThemeGlobaltintSelected = #ffff00
|
|
209
212
|
public static let mdsColorThemeGradientdividerAnnounceHover = #ffffff
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Mon, 21 Oct 2024 17:31:46 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
import UIKit
|
|
@@ -204,6 +204,9 @@ public class {
|
|
|
204
204
|
public static let mdsColorThemeControlInactiveNormal = #ffffff
|
|
205
205
|
public static let mdsColorThemeControlInactivePressed = #ffffff
|
|
206
206
|
public static let mdsColorThemeControlIndicatorInactiveNormal = #ffffff
|
|
207
|
+
public static let mdsColorThemeFocus0 = #ffffff
|
|
208
|
+
public static let mdsColorThemeFocus1 = #000000
|
|
209
|
+
public static let mdsColorThemeFocus2 = #000000
|
|
207
210
|
public static let mdsColorThemeGlobaltintNormal = #000000
|
|
208
211
|
public static let mdsColorThemeGlobaltintSelected = #00009f
|
|
209
212
|
public static let mdsColorThemeGradientdividerAnnounceHover = #000000
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Mon, 21 Oct 2024 17:31:46 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
import UIKit
|
|
@@ -217,6 +217,9 @@ public class {
|
|
|
217
217
|
public static let mdsColorThemeControlInactiveNormal = #00000000
|
|
218
218
|
public static let mdsColorThemeControlInactivePressed = #00000066
|
|
219
219
|
public static let mdsColorThemeControlIndicatorInactiveNormal = #8f8f8f
|
|
220
|
+
public static let mdsColorThemeFocus0 = #ffffff
|
|
221
|
+
public static let mdsColorThemeFocus1 = #1170cf
|
|
222
|
+
public static let mdsColorThemeFocus2 = #1170cf
|
|
220
223
|
public static let mdsColorThemeGlobaltintNormal = #1170cf
|
|
221
224
|
public static let mdsColorThemeGlobaltintSelected = #1170cf
|
|
222
225
|
public static let mdsColorThemeGradientdividerAnnounceHover = linear-gradient(90deg, #0353a800 0%, #0353a8E6 76.04%, #0353a8E6 76.04%, #0353a800 100%)
|
|
@@ -397,6 +397,12 @@ open class DarkMomentumThemeAvatarColorPalette: MomentumThemeAvatarColorPaletteP
|
|
|
397
397
|
open var yellow: UIColor { return UIColor(hex: 0x7D4705) }
|
|
398
398
|
public init() {}
|
|
399
399
|
}
|
|
400
|
+
open class DarkMomentumThemeFocusColorPalette: MomentumThemeFocusColorPaletteProtocol {
|
|
401
|
+
open var 0: UIColor { return UIColor(hex: 0x000000) }
|
|
402
|
+
open var 1: UIColor { return UIColor(hex: 0x64B4FA) }
|
|
403
|
+
open var 2: UIColor { return UIColor(hex: 0x64B4FA) }
|
|
404
|
+
public init() {}
|
|
405
|
+
}
|
|
400
406
|
open class DarkMomentumTheme: MomentumThemeTokensProtocol {
|
|
401
407
|
open var text: any MomentumThemeTextColorPaletteProtocol
|
|
402
408
|
open var inverted: any MomentumThemeInvertedColorPaletteProtocol
|
|
@@ -413,6 +419,7 @@ open class DarkMomentumTheme: MomentumThemeTokensProtocol {
|
|
|
413
419
|
open var groupedBackground: any MomentumThemeGroupedBackgroundColorPaletteProtocol
|
|
414
420
|
open var gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol
|
|
415
421
|
open var avatar: any MomentumThemeAvatarColorPaletteProtocol
|
|
422
|
+
open var focus: any MomentumThemeFocusColorPaletteProtocol
|
|
416
423
|
|
|
417
424
|
public init(
|
|
418
425
|
text: any MomentumThemeTextColorPaletteProtocol = DarkMomentumThemeTextColorPalette(),
|
|
@@ -429,7 +436,8 @@ open class DarkMomentumTheme: MomentumThemeTokensProtocol {
|
|
|
429
436
|
globalTint: any MomentumThemeGlobalTintColorPaletteProtocol = DarkMomentumThemeGlobalTintColorPalette(),
|
|
430
437
|
groupedBackground: any MomentumThemeGroupedBackgroundColorPaletteProtocol = DarkMomentumThemeGroupedBackgroundColorPalette(),
|
|
431
438
|
gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol = DarkMomentumThemeGradientDividerColorPalette(),
|
|
432
|
-
avatar: any MomentumThemeAvatarColorPaletteProtocol = DarkMomentumThemeAvatarColorPalette()
|
|
439
|
+
avatar: any MomentumThemeAvatarColorPaletteProtocol = DarkMomentumThemeAvatarColorPalette(),
|
|
440
|
+
focus: any MomentumThemeFocusColorPaletteProtocol = DarkMomentumThemeFocusColorPalette()
|
|
433
441
|
) {
|
|
434
442
|
self.text = text
|
|
435
443
|
self.inverted = inverted
|
|
@@ -446,6 +454,7 @@ open class DarkMomentumTheme: MomentumThemeTokensProtocol {
|
|
|
446
454
|
self.groupedBackground = groupedBackground
|
|
447
455
|
self.gradientDivider = gradientDivider
|
|
448
456
|
self.avatar = avatar
|
|
457
|
+
self.focus = focus
|
|
449
458
|
}
|
|
450
459
|
}
|
|
451
460
|
|
|
@@ -416,6 +416,12 @@ open class HcDarkMomentumThemeCommonColorPalette: MomentumThemeCommonColorPalett
|
|
|
416
416
|
open var touchbarIconSecure: UIColor { return UIColor(hex: 0x000000) }
|
|
417
417
|
public init() {}
|
|
418
418
|
}
|
|
419
|
+
open class HcDarkMomentumThemeFocusColorPalette: MomentumThemeFocusColorPaletteProtocol {
|
|
420
|
+
open var 0: UIColor { return UIColor(hex: 0x000000) }
|
|
421
|
+
open var 1: UIColor { return UIColor(hex: 0xFFFFFF) }
|
|
422
|
+
open var 2: UIColor { return UIColor(hex: 0xFFFFFF) }
|
|
423
|
+
public init() {}
|
|
424
|
+
}
|
|
419
425
|
open class HcDarkMomentumTheme: MomentumThemeTokensProtocol {
|
|
420
426
|
open var text: any MomentumThemeTextColorPaletteProtocol
|
|
421
427
|
open var inverted: any MomentumThemeInvertedColorPaletteProtocol
|
|
@@ -433,6 +439,7 @@ open class HcDarkMomentumTheme: MomentumThemeTokensProtocol {
|
|
|
433
439
|
open var gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol
|
|
434
440
|
open var avatar: any MomentumThemeAvatarColorPaletteProtocol
|
|
435
441
|
open var common: any MomentumThemeCommonColorPaletteProtocol
|
|
442
|
+
open var focus: any MomentumThemeFocusColorPaletteProtocol
|
|
436
443
|
|
|
437
444
|
public init(
|
|
438
445
|
text: any MomentumThemeTextColorPaletteProtocol = HcDarkMomentumThemeTextColorPalette(),
|
|
@@ -450,7 +457,8 @@ open class HcDarkMomentumTheme: MomentumThemeTokensProtocol {
|
|
|
450
457
|
groupedBackground: any MomentumThemeGroupedBackgroundColorPaletteProtocol = HcDarkMomentumThemeGroupedBackgroundColorPalette(),
|
|
451
458
|
gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol = HcDarkMomentumThemeGradientDividerColorPalette(),
|
|
452
459
|
avatar: any MomentumThemeAvatarColorPaletteProtocol = HcDarkMomentumThemeAvatarColorPalette(),
|
|
453
|
-
common: any MomentumThemeCommonColorPaletteProtocol = HcDarkMomentumThemeCommonColorPalette()
|
|
460
|
+
common: any MomentumThemeCommonColorPaletteProtocol = HcDarkMomentumThemeCommonColorPalette(),
|
|
461
|
+
focus: any MomentumThemeFocusColorPaletteProtocol = HcDarkMomentumThemeFocusColorPalette()
|
|
454
462
|
) {
|
|
455
463
|
self.text = text
|
|
456
464
|
self.inverted = inverted
|
|
@@ -468,6 +476,7 @@ open class HcDarkMomentumTheme: MomentumThemeTokensProtocol {
|
|
|
468
476
|
self.gradientDivider = gradientDivider
|
|
469
477
|
self.avatar = avatar
|
|
470
478
|
self.common = common
|
|
479
|
+
self.focus = focus
|
|
471
480
|
}
|
|
472
481
|
}
|
|
473
482
|
|
|
@@ -400,6 +400,11 @@ import UIKit
|
|
|
400
400
|
var purpleNormal: UIColor { get }
|
|
401
401
|
var purpleHover: UIColor { get }
|
|
402
402
|
}
|
|
403
|
+
@objc public protocol MomentumThemeFocusColorPaletteProtocol: AnyObject {
|
|
404
|
+
var 0: UIColor { get }
|
|
405
|
+
var 1: UIColor { get }
|
|
406
|
+
var 2: UIColor { get }
|
|
407
|
+
}
|
|
403
408
|
@objc public protocol MomentumThemeTokensProtocol: AnyObject {
|
|
404
409
|
var text: any MomentumThemeTextColorPaletteProtocol { get }
|
|
405
410
|
var inverted: any MomentumThemeInvertedColorPaletteProtocol { get }
|
|
@@ -417,6 +422,7 @@ import UIKit
|
|
|
417
422
|
var avatar: any MomentumThemeAvatarColorPaletteProtocol { get }
|
|
418
423
|
var common: any MomentumThemeCommonColorPaletteProtocol { get }
|
|
419
424
|
var gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol { get }
|
|
425
|
+
var focus: any MomentumThemeFocusColorPaletteProtocol { get }
|
|
420
426
|
}
|
|
421
427
|
open class HcLightMomentumThemeTextColorPalette: MomentumThemeTextColorPaletteProtocol {
|
|
422
428
|
open var primaryNormal: UIColor { return UIColor(hex: 0x000000) }
|
|
@@ -833,6 +839,12 @@ open class HcLightMomentumThemeGradientDividerColorPalette: MomentumThemeGradien
|
|
|
833
839
|
open var purpleHover: UIColor { return UIColor(hex: 0x000000) }
|
|
834
840
|
public init() {}
|
|
835
841
|
}
|
|
842
|
+
open class HcLightMomentumThemeFocusColorPalette: MomentumThemeFocusColorPaletteProtocol {
|
|
843
|
+
open var 0: UIColor { return UIColor(hex: 0xFFFFFF) }
|
|
844
|
+
open var 1: UIColor { return UIColor(hex: 0x000000) }
|
|
845
|
+
open var 2: UIColor { return UIColor(hex: 0x000000) }
|
|
846
|
+
public init() {}
|
|
847
|
+
}
|
|
836
848
|
open class HcLightMomentumTheme: MomentumThemeTokensProtocol {
|
|
837
849
|
open var text: any MomentumThemeTextColorPaletteProtocol
|
|
838
850
|
open var inverted: any MomentumThemeInvertedColorPaletteProtocol
|
|
@@ -850,6 +862,7 @@ open class HcLightMomentumTheme: MomentumThemeTokensProtocol {
|
|
|
850
862
|
open var avatar: any MomentumThemeAvatarColorPaletteProtocol
|
|
851
863
|
open var common: any MomentumThemeCommonColorPaletteProtocol
|
|
852
864
|
open var gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol
|
|
865
|
+
open var focus: any MomentumThemeFocusColorPaletteProtocol
|
|
853
866
|
|
|
854
867
|
public init(
|
|
855
868
|
text: any MomentumThemeTextColorPaletteProtocol = HcLightMomentumThemeTextColorPalette(),
|
|
@@ -867,7 +880,8 @@ open class HcLightMomentumTheme: MomentumThemeTokensProtocol {
|
|
|
867
880
|
groupedBackground: any MomentumThemeGroupedBackgroundColorPaletteProtocol = HcLightMomentumThemeGroupedBackgroundColorPalette(),
|
|
868
881
|
avatar: any MomentumThemeAvatarColorPaletteProtocol = HcLightMomentumThemeAvatarColorPalette(),
|
|
869
882
|
common: any MomentumThemeCommonColorPaletteProtocol = HcLightMomentumThemeCommonColorPalette(),
|
|
870
|
-
gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol = HcLightMomentumThemeGradientDividerColorPalette()
|
|
883
|
+
gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol = HcLightMomentumThemeGradientDividerColorPalette(),
|
|
884
|
+
focus: any MomentumThemeFocusColorPaletteProtocol = HcLightMomentumThemeFocusColorPalette()
|
|
871
885
|
) {
|
|
872
886
|
self.text = text
|
|
873
887
|
self.inverted = inverted
|
|
@@ -885,6 +899,7 @@ open class HcLightMomentumTheme: MomentumThemeTokensProtocol {
|
|
|
885
899
|
self.avatar = avatar
|
|
886
900
|
self.common = common
|
|
887
901
|
self.gradientDivider = gradientDivider
|
|
902
|
+
self.focus = focus
|
|
888
903
|
}
|
|
889
904
|
}
|
|
890
905
|
|
|
@@ -905,6 +920,7 @@ public class SystemMomentumTheme: MomentumThemeTokensProtocol {
|
|
|
905
920
|
public let avatar: any MomentumThemeAvatarColorPaletteProtocol = SystemMomentumThemeAvatarColorPalette()
|
|
906
921
|
public let common: any MomentumThemeCommonColorPaletteProtocol = SystemMomentumThemeCommonColorPalette()
|
|
907
922
|
public let gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol = SystemMomentumThemeGradientDividerColorPalette()
|
|
923
|
+
public let focus: any MomentumThemeFocusColorPaletteProtocol = SystemMomentumThemeFocusColorPalette()
|
|
908
924
|
public init() {}
|
|
909
925
|
}
|
|
910
926
|
|
|
@@ -1355,6 +1371,14 @@ open class SystemMomentumThemeGradientDividerColorPalette: MomentumThemeGradient
|
|
|
1355
1371
|
open var purpleHover: UIColor { return systemColor(light: light, dark: dark, keyPath: \.purpleHover) }
|
|
1356
1372
|
public init() {}
|
|
1357
1373
|
}
|
|
1374
|
+
open class SystemMomentumThemeFocusColorPalette: MomentumThemeFocusColorPaletteProtocol {
|
|
1375
|
+
private let light: any MomentumThemeFocusColorPaletteProtocol = LightMomentumThemeFocusColorPalette()
|
|
1376
|
+
private let dark: any MomentumThemeFocusColorPaletteProtocol = DarkMomentumThemeFocusColorPalette()
|
|
1377
|
+
open var 0: UIColor { return systemColor(light: light, dark: dark, keyPath: \.0) }
|
|
1378
|
+
open var 1: UIColor { return systemColor(light: light, dark: dark, keyPath: \.1) }
|
|
1379
|
+
open var 2: UIColor { return systemColor(light: light, dark: dark, keyPath: \.2) }
|
|
1380
|
+
public init() {}
|
|
1381
|
+
}
|
|
1358
1382
|
|
|
1359
1383
|
private func systemColor<Palette>(light: Palette, dark: Palette, keyPath: KeyPath<Palette, UIColor>) -> UIColor {
|
|
1360
1384
|
return UIColor { traitCollection in
|
|
@@ -381,6 +381,11 @@ import UIKit
|
|
|
381
381
|
}
|
|
382
382
|
@objc public protocol MomentumThemeGradientDividerColorPaletteProtocol: AnyObject {
|
|
383
383
|
}
|
|
384
|
+
@objc public protocol MomentumThemeFocusColorPaletteProtocol: AnyObject {
|
|
385
|
+
var 0: UIColor { get }
|
|
386
|
+
var 1: UIColor { get }
|
|
387
|
+
var 2: UIColor { get }
|
|
388
|
+
}
|
|
384
389
|
@objc public protocol MomentumThemeTokensProtocol: AnyObject {
|
|
385
390
|
var text: any MomentumThemeTextColorPaletteProtocol { get }
|
|
386
391
|
var inverted: any MomentumThemeInvertedColorPaletteProtocol { get }
|
|
@@ -397,6 +402,7 @@ import UIKit
|
|
|
397
402
|
var groupedBackground: any MomentumThemeGroupedBackgroundColorPaletteProtocol { get }
|
|
398
403
|
var avatar: any MomentumThemeAvatarColorPaletteProtocol { get }
|
|
399
404
|
var gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol { get }
|
|
405
|
+
var focus: any MomentumThemeFocusColorPaletteProtocol { get }
|
|
400
406
|
}
|
|
401
407
|
open class LightMomentumThemeTextColorPalette: MomentumThemeTextColorPaletteProtocol {
|
|
402
408
|
open var primaryNormal: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.95) }
|
|
@@ -793,6 +799,12 @@ open class LightMomentumThemeAvatarColorPalette: MomentumThemeAvatarColorPalette
|
|
|
793
799
|
open class LightMomentumThemeGradientDividerColorPalette: MomentumThemeGradientDividerColorPaletteProtocol {
|
|
794
800
|
public init() {}
|
|
795
801
|
}
|
|
802
|
+
open class LightMomentumThemeFocusColorPalette: MomentumThemeFocusColorPaletteProtocol {
|
|
803
|
+
open var 0: UIColor { return UIColor(hex: 0xFFFFFF) }
|
|
804
|
+
open var 1: UIColor { return UIColor(hex: 0x1170CF) }
|
|
805
|
+
open var 2: UIColor { return UIColor(hex: 0x1170CF) }
|
|
806
|
+
public init() {}
|
|
807
|
+
}
|
|
796
808
|
open class LightMomentumTheme: MomentumThemeTokensProtocol {
|
|
797
809
|
open var text: any MomentumThemeTextColorPaletteProtocol
|
|
798
810
|
open var inverted: any MomentumThemeInvertedColorPaletteProtocol
|
|
@@ -809,6 +821,7 @@ open class LightMomentumTheme: MomentumThemeTokensProtocol {
|
|
|
809
821
|
open var groupedBackground: any MomentumThemeGroupedBackgroundColorPaletteProtocol
|
|
810
822
|
open var avatar: any MomentumThemeAvatarColorPaletteProtocol
|
|
811
823
|
open var gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol
|
|
824
|
+
open var focus: any MomentumThemeFocusColorPaletteProtocol
|
|
812
825
|
|
|
813
826
|
public init(
|
|
814
827
|
text: any MomentumThemeTextColorPaletteProtocol = LightMomentumThemeTextColorPalette(),
|
|
@@ -825,7 +838,8 @@ open class LightMomentumTheme: MomentumThemeTokensProtocol {
|
|
|
825
838
|
globalTint: any MomentumThemeGlobalTintColorPaletteProtocol = LightMomentumThemeGlobalTintColorPalette(),
|
|
826
839
|
groupedBackground: any MomentumThemeGroupedBackgroundColorPaletteProtocol = LightMomentumThemeGroupedBackgroundColorPalette(),
|
|
827
840
|
avatar: any MomentumThemeAvatarColorPaletteProtocol = LightMomentumThemeAvatarColorPalette(),
|
|
828
|
-
gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol = LightMomentumThemeGradientDividerColorPalette()
|
|
841
|
+
gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol = LightMomentumThemeGradientDividerColorPalette(),
|
|
842
|
+
focus: any MomentumThemeFocusColorPaletteProtocol = LightMomentumThemeFocusColorPalette()
|
|
829
843
|
) {
|
|
830
844
|
self.text = text
|
|
831
845
|
self.inverted = inverted
|
|
@@ -842,6 +856,7 @@ open class LightMomentumTheme: MomentumThemeTokensProtocol {
|
|
|
842
856
|
self.groupedBackground = groupedBackground
|
|
843
857
|
self.avatar = avatar
|
|
844
858
|
self.gradientDivider = gradientDivider
|
|
859
|
+
self.focus = focus
|
|
845
860
|
}
|
|
846
861
|
}
|
|
847
862
|
|
|
@@ -861,6 +876,7 @@ public class SystemMomentumTheme: MomentumThemeTokensProtocol {
|
|
|
861
876
|
public let groupedBackground: any MomentumThemeGroupedBackgroundColorPaletteProtocol = SystemMomentumThemeGroupedBackgroundColorPalette()
|
|
862
877
|
public let avatar: any MomentumThemeAvatarColorPaletteProtocol = SystemMomentumThemeAvatarColorPalette()
|
|
863
878
|
public let gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol = SystemMomentumThemeGradientDividerColorPalette()
|
|
879
|
+
public let focus: any MomentumThemeFocusColorPaletteProtocol = SystemMomentumThemeFocusColorPalette()
|
|
864
880
|
public init() {}
|
|
865
881
|
}
|
|
866
882
|
|
|
@@ -1289,6 +1305,14 @@ open class SystemMomentumThemeGradientDividerColorPalette: MomentumThemeGradient
|
|
|
1289
1305
|
private let dark: any MomentumThemeGradientDividerColorPaletteProtocol = DarkMomentumThemeGradientDividerColorPalette()
|
|
1290
1306
|
public init() {}
|
|
1291
1307
|
}
|
|
1308
|
+
open class SystemMomentumThemeFocusColorPalette: MomentumThemeFocusColorPaletteProtocol {
|
|
1309
|
+
private let light: any MomentumThemeFocusColorPaletteProtocol = LightMomentumThemeFocusColorPalette()
|
|
1310
|
+
private let dark: any MomentumThemeFocusColorPaletteProtocol = DarkMomentumThemeFocusColorPalette()
|
|
1311
|
+
open var 0: UIColor { return systemColor(light: light, dark: dark, keyPath: \.0) }
|
|
1312
|
+
open var 1: UIColor { return systemColor(light: light, dark: dark, keyPath: \.1) }
|
|
1313
|
+
open var 2: UIColor { return systemColor(light: light, dark: dark, keyPath: \.2) }
|
|
1314
|
+
public init() {}
|
|
1315
|
+
}
|
|
1292
1316
|
|
|
1293
1317
|
private func systemColor<Palette>(light: Palette, dark: Palette, keyPath: KeyPath<Palette, UIColor>) -> UIColor {
|
|
1294
1318
|
return UIColor { traitCollection in
|
|
@@ -11393,6 +11393,105 @@
|
|
|
11393
11393
|
"yellow"
|
|
11394
11394
|
]
|
|
11395
11395
|
}
|
|
11396
|
+
},
|
|
11397
|
+
"focus": {
|
|
11398
|
+
"0": {
|
|
11399
|
+
"value": "#000000",
|
|
11400
|
+
"type": "color",
|
|
11401
|
+
"description": "Used for focus ring effect",
|
|
11402
|
+
"filePath": "src/theme/stable/dark.json",
|
|
11403
|
+
"isSource": true,
|
|
11404
|
+
"original": {
|
|
11405
|
+
"value": "{color.core.black-alpha.100}",
|
|
11406
|
+
"type": "color",
|
|
11407
|
+
"description": "Used for focus ring effect"
|
|
11408
|
+
},
|
|
11409
|
+
"name": "mds-color-theme-focus-0",
|
|
11410
|
+
"attributes": {
|
|
11411
|
+
"category": "color",
|
|
11412
|
+
"type": "theme",
|
|
11413
|
+
"item": "focus",
|
|
11414
|
+
"subitem": "0"
|
|
11415
|
+
},
|
|
11416
|
+
"path": [
|
|
11417
|
+
"color",
|
|
11418
|
+
"theme",
|
|
11419
|
+
"focus",
|
|
11420
|
+
"0"
|
|
11421
|
+
]
|
|
11422
|
+
},
|
|
11423
|
+
"1": {
|
|
11424
|
+
"value": "#64b4fa",
|
|
11425
|
+
"type": "color",
|
|
11426
|
+
"description": "Used for focus ring effect",
|
|
11427
|
+
"filePath": "src/theme/stable/dark.json",
|
|
11428
|
+
"isSource": true,
|
|
11429
|
+
"original": {
|
|
11430
|
+
"value": "{color.core.blue.40}",
|
|
11431
|
+
"type": "color",
|
|
11432
|
+
"description": "Used for focus ring effect"
|
|
11433
|
+
},
|
|
11434
|
+
"name": "mds-color-theme-focus-1",
|
|
11435
|
+
"attributes": {
|
|
11436
|
+
"category": "color",
|
|
11437
|
+
"type": "theme",
|
|
11438
|
+
"item": "focus",
|
|
11439
|
+
"subitem": "1"
|
|
11440
|
+
},
|
|
11441
|
+
"path": [
|
|
11442
|
+
"color",
|
|
11443
|
+
"theme",
|
|
11444
|
+
"focus",
|
|
11445
|
+
"1"
|
|
11446
|
+
]
|
|
11447
|
+
},
|
|
11448
|
+
"2": {
|
|
11449
|
+
"value": "#64b4fa",
|
|
11450
|
+
"type": "color",
|
|
11451
|
+
"$extensions": {
|
|
11452
|
+
"studio.tokens": {
|
|
11453
|
+
"modify": {
|
|
11454
|
+
"type": "alpha",
|
|
11455
|
+
"value": "0.35",
|
|
11456
|
+
"space": "lch",
|
|
11457
|
+
"filePath": "src/theme/stable/dark.json",
|
|
11458
|
+
"isSource": true
|
|
11459
|
+
}
|
|
11460
|
+
}
|
|
11461
|
+
},
|
|
11462
|
+
"description": "Used for focus ring effect",
|
|
11463
|
+
"filePath": "src/theme/stable/dark.json",
|
|
11464
|
+
"isSource": true,
|
|
11465
|
+
"original": {
|
|
11466
|
+
"value": "{color.core.blue.40}",
|
|
11467
|
+
"type": "color",
|
|
11468
|
+
"$extensions": {
|
|
11469
|
+
"studio.tokens": {
|
|
11470
|
+
"modify": {
|
|
11471
|
+
"type": "alpha",
|
|
11472
|
+
"value": "0.35",
|
|
11473
|
+
"space": "lch",
|
|
11474
|
+
"filePath": "src/theme/stable/dark.json",
|
|
11475
|
+
"isSource": true
|
|
11476
|
+
}
|
|
11477
|
+
}
|
|
11478
|
+
},
|
|
11479
|
+
"description": "Used for focus ring effect"
|
|
11480
|
+
},
|
|
11481
|
+
"name": "mds-color-theme-focus-2",
|
|
11482
|
+
"attributes": {
|
|
11483
|
+
"category": "color",
|
|
11484
|
+
"type": "theme",
|
|
11485
|
+
"item": "focus",
|
|
11486
|
+
"subitem": "2"
|
|
11487
|
+
},
|
|
11488
|
+
"path": [
|
|
11489
|
+
"color",
|
|
11490
|
+
"theme",
|
|
11491
|
+
"focus",
|
|
11492
|
+
"2"
|
|
11493
|
+
]
|
|
11494
|
+
}
|
|
11396
11495
|
}
|
|
11397
11496
|
}
|
|
11398
11497
|
}
|
|
@@ -10992,6 +10992,83 @@
|
|
|
10992
10992
|
}
|
|
10993
10993
|
}
|
|
10994
10994
|
}
|
|
10995
|
+
},
|
|
10996
|
+
"focus": {
|
|
10997
|
+
"0": {
|
|
10998
|
+
"value": "#000000",
|
|
10999
|
+
"type": "color",
|
|
11000
|
+
"description": "Used for focus ring effect",
|
|
11001
|
+
"filePath": "src/theme/stable/highcontrast/hc_dark.json",
|
|
11002
|
+
"isSource": true,
|
|
11003
|
+
"original": {
|
|
11004
|
+
"value": "{color.highcontrast.black.ButtonFaceColor}",
|
|
11005
|
+
"type": "color",
|
|
11006
|
+
"description": "Used for focus ring effect"
|
|
11007
|
+
},
|
|
11008
|
+
"name": "mds-color-theme-focus-0",
|
|
11009
|
+
"attributes": {
|
|
11010
|
+
"category": "color",
|
|
11011
|
+
"type": "theme",
|
|
11012
|
+
"item": "focus",
|
|
11013
|
+
"subitem": "0"
|
|
11014
|
+
},
|
|
11015
|
+
"path": [
|
|
11016
|
+
"color",
|
|
11017
|
+
"theme",
|
|
11018
|
+
"focus",
|
|
11019
|
+
"0"
|
|
11020
|
+
]
|
|
11021
|
+
},
|
|
11022
|
+
"1": {
|
|
11023
|
+
"value": "#ffffff",
|
|
11024
|
+
"type": "color",
|
|
11025
|
+
"description": "Used for focus ring effect",
|
|
11026
|
+
"filePath": "src/theme/stable/highcontrast/hc_dark.json",
|
|
11027
|
+
"isSource": true,
|
|
11028
|
+
"original": {
|
|
11029
|
+
"value": "{color.highcontrast.black.ButtonTextColor}",
|
|
11030
|
+
"type": "color",
|
|
11031
|
+
"description": "Used for focus ring effect"
|
|
11032
|
+
},
|
|
11033
|
+
"name": "mds-color-theme-focus-1",
|
|
11034
|
+
"attributes": {
|
|
11035
|
+
"category": "color",
|
|
11036
|
+
"type": "theme",
|
|
11037
|
+
"item": "focus",
|
|
11038
|
+
"subitem": "1"
|
|
11039
|
+
},
|
|
11040
|
+
"path": [
|
|
11041
|
+
"color",
|
|
11042
|
+
"theme",
|
|
11043
|
+
"focus",
|
|
11044
|
+
"1"
|
|
11045
|
+
]
|
|
11046
|
+
},
|
|
11047
|
+
"2": {
|
|
11048
|
+
"value": "#ffffff",
|
|
11049
|
+
"type": "color",
|
|
11050
|
+
"description": "Used for focus ring effect",
|
|
11051
|
+
"filePath": "src/theme/stable/highcontrast/hc_dark.json",
|
|
11052
|
+
"isSource": true,
|
|
11053
|
+
"original": {
|
|
11054
|
+
"value": "{color.highcontrast.black.ButtonTextColor}",
|
|
11055
|
+
"type": "color",
|
|
11056
|
+
"description": "Used for focus ring effect"
|
|
11057
|
+
},
|
|
11058
|
+
"name": "mds-color-theme-focus-2",
|
|
11059
|
+
"attributes": {
|
|
11060
|
+
"category": "color",
|
|
11061
|
+
"type": "theme",
|
|
11062
|
+
"item": "focus",
|
|
11063
|
+
"subitem": "2"
|
|
11064
|
+
},
|
|
11065
|
+
"path": [
|
|
11066
|
+
"color",
|
|
11067
|
+
"theme",
|
|
11068
|
+
"focus",
|
|
11069
|
+
"2"
|
|
11070
|
+
]
|
|
11071
|
+
}
|
|
10995
11072
|
}
|
|
10996
11073
|
}
|
|
10997
11074
|
}
|
|
@@ -10936,6 +10936,83 @@
|
|
|
10936
10936
|
]
|
|
10937
10937
|
}
|
|
10938
10938
|
}
|
|
10939
|
+
},
|
|
10940
|
+
"focus": {
|
|
10941
|
+
"0": {
|
|
10942
|
+
"value": "#ffffff",
|
|
10943
|
+
"type": "color",
|
|
10944
|
+
"description": "Used for focus ring effect",
|
|
10945
|
+
"filePath": "src/theme/stable/highcontrast/hc_light.json",
|
|
10946
|
+
"isSource": true,
|
|
10947
|
+
"original": {
|
|
10948
|
+
"value": "{color.highcontrast.white.ButtonFaceColor}",
|
|
10949
|
+
"type": "color",
|
|
10950
|
+
"description": "Used for focus ring effect"
|
|
10951
|
+
},
|
|
10952
|
+
"name": "mds-color-theme-focus-0",
|
|
10953
|
+
"attributes": {
|
|
10954
|
+
"category": "color",
|
|
10955
|
+
"type": "theme",
|
|
10956
|
+
"item": "focus",
|
|
10957
|
+
"subitem": "0"
|
|
10958
|
+
},
|
|
10959
|
+
"path": [
|
|
10960
|
+
"color",
|
|
10961
|
+
"theme",
|
|
10962
|
+
"focus",
|
|
10963
|
+
"0"
|
|
10964
|
+
]
|
|
10965
|
+
},
|
|
10966
|
+
"1": {
|
|
10967
|
+
"value": "#000000",
|
|
10968
|
+
"type": "color",
|
|
10969
|
+
"description": "Used for focus ring effect",
|
|
10970
|
+
"filePath": "src/theme/stable/highcontrast/hc_light.json",
|
|
10971
|
+
"isSource": true,
|
|
10972
|
+
"original": {
|
|
10973
|
+
"value": "{color.highcontrast.white.ButtonTextColor}",
|
|
10974
|
+
"type": "color",
|
|
10975
|
+
"description": "Used for focus ring effect"
|
|
10976
|
+
},
|
|
10977
|
+
"name": "mds-color-theme-focus-1",
|
|
10978
|
+
"attributes": {
|
|
10979
|
+
"category": "color",
|
|
10980
|
+
"type": "theme",
|
|
10981
|
+
"item": "focus",
|
|
10982
|
+
"subitem": "1"
|
|
10983
|
+
},
|
|
10984
|
+
"path": [
|
|
10985
|
+
"color",
|
|
10986
|
+
"theme",
|
|
10987
|
+
"focus",
|
|
10988
|
+
"1"
|
|
10989
|
+
]
|
|
10990
|
+
},
|
|
10991
|
+
"2": {
|
|
10992
|
+
"value": "#000000",
|
|
10993
|
+
"type": "color",
|
|
10994
|
+
"description": "Used for focus ring effect",
|
|
10995
|
+
"filePath": "src/theme/stable/highcontrast/hc_light.json",
|
|
10996
|
+
"isSource": true,
|
|
10997
|
+
"original": {
|
|
10998
|
+
"value": "{color.highcontrast.white.ButtonTextColor}",
|
|
10999
|
+
"type": "color",
|
|
11000
|
+
"description": "Used for focus ring effect"
|
|
11001
|
+
},
|
|
11002
|
+
"name": "mds-color-theme-focus-2",
|
|
11003
|
+
"attributes": {
|
|
11004
|
+
"category": "color",
|
|
11005
|
+
"type": "theme",
|
|
11006
|
+
"item": "focus",
|
|
11007
|
+
"subitem": "2"
|
|
11008
|
+
},
|
|
11009
|
+
"path": [
|
|
11010
|
+
"color",
|
|
11011
|
+
"theme",
|
|
11012
|
+
"focus",
|
|
11013
|
+
"2"
|
|
11014
|
+
]
|
|
11015
|
+
}
|
|
10939
11016
|
}
|
|
10940
11017
|
}
|
|
10941
11018
|
}
|
|
@@ -11431,6 +11431,105 @@
|
|
|
11431
11431
|
]
|
|
11432
11432
|
}
|
|
11433
11433
|
}
|
|
11434
|
+
},
|
|
11435
|
+
"focus": {
|
|
11436
|
+
"0": {
|
|
11437
|
+
"value": "#ffffff",
|
|
11438
|
+
"type": "color",
|
|
11439
|
+
"description": "Used for focus ring effect",
|
|
11440
|
+
"filePath": "src/theme/stable/light.json",
|
|
11441
|
+
"isSource": true,
|
|
11442
|
+
"original": {
|
|
11443
|
+
"value": "{color.core.white-alpha.100}",
|
|
11444
|
+
"type": "color",
|
|
11445
|
+
"description": "Used for focus ring effect"
|
|
11446
|
+
},
|
|
11447
|
+
"name": "mds-color-theme-focus-0",
|
|
11448
|
+
"attributes": {
|
|
11449
|
+
"category": "color",
|
|
11450
|
+
"type": "theme",
|
|
11451
|
+
"item": "focus",
|
|
11452
|
+
"subitem": "0"
|
|
11453
|
+
},
|
|
11454
|
+
"path": [
|
|
11455
|
+
"color",
|
|
11456
|
+
"theme",
|
|
11457
|
+
"focus",
|
|
11458
|
+
"0"
|
|
11459
|
+
]
|
|
11460
|
+
},
|
|
11461
|
+
"1": {
|
|
11462
|
+
"value": "#1170cf",
|
|
11463
|
+
"type": "color",
|
|
11464
|
+
"description": "Used for focus ring effect",
|
|
11465
|
+
"filePath": "src/theme/stable/light.json",
|
|
11466
|
+
"isSource": true,
|
|
11467
|
+
"original": {
|
|
11468
|
+
"value": "{color.core.blue.60}",
|
|
11469
|
+
"type": "color",
|
|
11470
|
+
"description": "Used for focus ring effect"
|
|
11471
|
+
},
|
|
11472
|
+
"name": "mds-color-theme-focus-1",
|
|
11473
|
+
"attributes": {
|
|
11474
|
+
"category": "color",
|
|
11475
|
+
"type": "theme",
|
|
11476
|
+
"item": "focus",
|
|
11477
|
+
"subitem": "1"
|
|
11478
|
+
},
|
|
11479
|
+
"path": [
|
|
11480
|
+
"color",
|
|
11481
|
+
"theme",
|
|
11482
|
+
"focus",
|
|
11483
|
+
"1"
|
|
11484
|
+
]
|
|
11485
|
+
},
|
|
11486
|
+
"2": {
|
|
11487
|
+
"value": "#1170cf",
|
|
11488
|
+
"type": "color",
|
|
11489
|
+
"$extensions": {
|
|
11490
|
+
"studio.tokens": {
|
|
11491
|
+
"modify": {
|
|
11492
|
+
"type": "alpha",
|
|
11493
|
+
"value": "0.35",
|
|
11494
|
+
"space": "lch",
|
|
11495
|
+
"filePath": "src/theme/stable/light.json",
|
|
11496
|
+
"isSource": true
|
|
11497
|
+
}
|
|
11498
|
+
}
|
|
11499
|
+
},
|
|
11500
|
+
"description": "Used for focus ring effect",
|
|
11501
|
+
"filePath": "src/theme/stable/light.json",
|
|
11502
|
+
"isSource": true,
|
|
11503
|
+
"original": {
|
|
11504
|
+
"value": "{color.core.blue.60}",
|
|
11505
|
+
"type": "color",
|
|
11506
|
+
"$extensions": {
|
|
11507
|
+
"studio.tokens": {
|
|
11508
|
+
"modify": {
|
|
11509
|
+
"type": "alpha",
|
|
11510
|
+
"value": "0.35",
|
|
11511
|
+
"space": "lch",
|
|
11512
|
+
"filePath": "src/theme/stable/light.json",
|
|
11513
|
+
"isSource": true
|
|
11514
|
+
}
|
|
11515
|
+
}
|
|
11516
|
+
},
|
|
11517
|
+
"description": "Used for focus ring effect"
|
|
11518
|
+
},
|
|
11519
|
+
"name": "mds-color-theme-focus-2",
|
|
11520
|
+
"attributes": {
|
|
11521
|
+
"category": "color",
|
|
11522
|
+
"type": "theme",
|
|
11523
|
+
"item": "focus",
|
|
11524
|
+
"subitem": "2"
|
|
11525
|
+
},
|
|
11526
|
+
"path": [
|
|
11527
|
+
"color",
|
|
11528
|
+
"theme",
|
|
11529
|
+
"focus",
|
|
11530
|
+
"2"
|
|
11531
|
+
]
|
|
11532
|
+
}
|
|
11434
11533
|
}
|
|
11435
11534
|
}
|
|
11436
11535
|
}
|
|
@@ -760,6 +760,11 @@
|
|
|
760
760
|
"normal": "linear-gradient(90deg, #93209900 0%, #93209999 22.4%, #93209999 76.04%, #93209900 100%)",
|
|
761
761
|
"hover": "linear-gradient(90deg, #93209900 0%,#932099E6 22.4%, #932099E6 76.04%, #93209900 100%)"
|
|
762
762
|
}
|
|
763
|
+
},
|
|
764
|
+
"focus": {
|
|
765
|
+
"0": "#ffffff",
|
|
766
|
+
"1": "#1170cf",
|
|
767
|
+
"2": "#1170cf"
|
|
763
768
|
}
|
|
764
769
|
}
|
|
765
770
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on
|
|
5
|
+
Generated on Mon, 21 Oct 2024 17:31:45 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<color name="mds-color-theme-text-primary-normal">#fffffff2</color>
|
|
@@ -380,5 +380,8 @@
|
|
|
380
380
|
<color name="mds-color-theme-avatar-slate">#535573</color>
|
|
381
381
|
<color name="mds-color-theme-avatar-violet">#643abd</color>
|
|
382
382
|
<color name="mds-color-theme-avatar-yellow">#7d4705</color>
|
|
383
|
+
<color name="mds-color-theme-focus-0">#000000</color>
|
|
384
|
+
<color name="mds-color-theme-focus-1">#64b4fa</color>
|
|
385
|
+
<color name="mds-color-theme-focus-2">#64b4fa</color>
|
|
383
386
|
|
|
384
387
|
</resources>
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on
|
|
5
|
+
Generated on Mon, 21 Oct 2024 17:31:46 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<color name="mds-color-theme-text-primary-normal">#ffffff</color>
|
|
@@ -372,5 +372,8 @@
|
|
|
372
372
|
<color name="mds-color-theme-common-touchbar-icon-attention">#000000</color>
|
|
373
373
|
<color name="mds-color-theme-common-touchbar-icon-stable">#000000</color>
|
|
374
374
|
<color name="mds-color-theme-common-touchbar-icon-secure">#000000</color>
|
|
375
|
+
<color name="mds-color-theme-focus-0">#000000</color>
|
|
376
|
+
<color name="mds-color-theme-focus-1">#ffffff</color>
|
|
377
|
+
<color name="mds-color-theme-focus-2">#ffffff</color>
|
|
375
378
|
|
|
376
379
|
</resources>
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on
|
|
5
|
+
Generated on Mon, 21 Oct 2024 17:31:46 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<color name="mds-color-theme-text-primary-normal">#000000</color>
|
|
@@ -372,5 +372,8 @@
|
|
|
372
372
|
<color name="mds-color-theme-gradientdivider-orange-hover">#000000</color>
|
|
373
373
|
<color name="mds-color-theme-gradientdivider-purple-normal">#000000</color>
|
|
374
374
|
<color name="mds-color-theme-gradientdivider-purple-hover">#000000</color>
|
|
375
|
+
<color name="mds-color-theme-focus-0">#ffffff</color>
|
|
376
|
+
<color name="mds-color-theme-focus-1">#000000</color>
|
|
377
|
+
<color name="mds-color-theme-focus-2">#000000</color>
|
|
375
378
|
|
|
376
379
|
</resources>
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on
|
|
5
|
+
Generated on Mon, 21 Oct 2024 17:31:46 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<color name="mds-color-theme-text-primary-normal">#000000f2</color>
|
|
@@ -379,5 +379,8 @@
|
|
|
379
379
|
<color name="mds-color-theme-gradientdivider-orange-hover">linear-gradient(90deg, #9c320200 0%, #9c3202e6 22.4%, #9c3202e6 76.04%, #9c320200 100%)</color>
|
|
380
380
|
<color name="mds-color-theme-gradientdivider-purple-normal">linear-gradient(90deg, #93209900 0%, #93209999 22.4%, #93209999 76.04%, #93209900 100%)</color>
|
|
381
381
|
<color name="mds-color-theme-gradientdivider-purple-hover">linear-gradient(90deg, #93209900 0%,#932099E6 22.4%, #932099E6 76.04%, #93209900 100%)</color>
|
|
382
|
+
<color name="mds-color-theme-focus-0">#ffffff</color>
|
|
383
|
+
<color name="mds-color-theme-focus-1">#1170cf</color>
|
|
384
|
+
<color name="mds-color-theme-focus-2">#1170cf</color>
|
|
382
385
|
|
|
383
386
|
</resources>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Mon, 21 Oct 2024 17:31:45 GMT
|
|
4
4
|
|
|
5
5
|
$mds-color-theme-text-primary-normal: #fffffff2;
|
|
6
6
|
$mds-color-theme-text-primary-disabled: #ffffff66;
|
|
@@ -377,3 +377,6 @@ $mds-color-theme-avatar-purple: #932099;
|
|
|
377
377
|
$mds-color-theme-avatar-slate: #535573;
|
|
378
378
|
$mds-color-theme-avatar-violet: #643abd;
|
|
379
379
|
$mds-color-theme-avatar-yellow: #7d4705;
|
|
380
|
+
$mds-color-theme-focus-0: #000000;
|
|
381
|
+
$mds-color-theme-focus-1: #64b4fa;
|
|
382
|
+
$mds-color-theme-focus-2: #64b4fa;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Mon, 21 Oct 2024 17:31:46 GMT
|
|
4
4
|
|
|
5
5
|
$mds-color-theme-text-primary-normal: #ffffff;
|
|
6
6
|
$mds-color-theme-text-primary-disabled: #3ff23f;
|
|
@@ -369,3 +369,6 @@ $mds-color-theme-common-touchbar-background-transparent: #000000;
|
|
|
369
369
|
$mds-color-theme-common-touchbar-icon-attention: #000000;
|
|
370
370
|
$mds-color-theme-common-touchbar-icon-stable: #000000;
|
|
371
371
|
$mds-color-theme-common-touchbar-icon-secure: #000000;
|
|
372
|
+
$mds-color-theme-focus-0: #000000;
|
|
373
|
+
$mds-color-theme-focus-1: #ffffff;
|
|
374
|
+
$mds-color-theme-focus-2: #ffffff;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Mon, 21 Oct 2024 17:31:46 GMT
|
|
4
4
|
|
|
5
5
|
$mds-color-theme-text-primary-normal: #000000;
|
|
6
6
|
$mds-color-theme-text-primary-disabled: #600000;
|
|
@@ -369,3 +369,6 @@ $mds-color-theme-gradientdivider-orange-normal: #000000;
|
|
|
369
369
|
$mds-color-theme-gradientdivider-orange-hover: #000000;
|
|
370
370
|
$mds-color-theme-gradientdivider-purple-normal: #000000;
|
|
371
371
|
$mds-color-theme-gradientdivider-purple-hover: #000000;
|
|
372
|
+
$mds-color-theme-focus-0: #ffffff;
|
|
373
|
+
$mds-color-theme-focus-1: #000000;
|
|
374
|
+
$mds-color-theme-focus-2: #000000;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Mon, 21 Oct 2024 17:31:46 GMT
|
|
4
4
|
|
|
5
5
|
$mds-color-theme-text-primary-normal: #000000f2;
|
|
6
6
|
$mds-color-theme-text-primary-disabled: #00000066;
|
|
@@ -376,3 +376,6 @@ $mds-color-theme-gradientdivider-orange-normal: linear-gradient(90deg, #9c320200
|
|
|
376
376
|
$mds-color-theme-gradientdivider-orange-hover: linear-gradient(90deg, #9c320200 0%, #9c3202e6 22.4%, #9c3202e6 76.04%, #9c320200 100%);
|
|
377
377
|
$mds-color-theme-gradientdivider-purple-normal: linear-gradient(90deg, #93209900 0%, #93209999 22.4%, #93209999 76.04%, #93209900 100%);
|
|
378
378
|
$mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #93209900 0%,#932099E6 22.4%, #932099E6 76.04%, #93209900 100%);
|
|
379
|
+
$mds-color-theme-focus-0: #ffffff;
|
|
380
|
+
$mds-color-theme-focus-1: #1170cf;
|
|
381
|
+
$mds-color-theme-focus-2: #1170cf;
|
package/package.json
CHANGED