@momentum-design/tokens 0.2.4 → 0.2.6

package/dist/css/core/complete.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 04 Nov 2024 17:01:40 GMT
+ * Generated on Mon, 11 Nov 2024 10:56:23 GMT
  */
 
 .mds-core {

package/dist/css/theme/aaos/day-complete.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 04 Nov 2024 17:01:41 GMT
+ * Generated on Mon, 11 Nov 2024 10:56:25 GMT
  */
 
 .mds-theme-aaos-day {

package/dist/css/theme/aaos/night-complete.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 04 Nov 2024 17:01:41 GMT
+ * Generated on Mon, 11 Nov 2024 10:56:25 GMT
  */
 
 .mds-theme-aaos-night {

package/dist/css/theme/webex/dark-stable.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 04 Nov 2024 17:01:40 GMT
+ * Generated on Mon, 11 Nov 2024 10:56:24 GMT
  */
 
 .mds-theme-stable-darkWebex {
@@ -204,7 +204,7 @@
   --mds-color-theme-outline-label-purple: #f294f1;
   --mds-color-theme-outline-label-slate: #b0b4d9;
   --mds-color-theme-outline-label-violet: #c7a5fa;
-  --mds-color-theme-outline-promotion-normal: linear-gradient(46deg, #c233c4 0%, #d43b52 100%);
+  --mds-color-theme-outline-promotion-normal: #c233c4;
   --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%);
   --mds-color-theme-outline-warning-normal: #f2990a;
   --mds-color-theme-control-active-normal: #64b4fa;
@@ -379,7 +379,7 @@
   --mds-color-theme-avatar-slate: #535573;
   --mds-color-theme-avatar-violet: #643abd;
   --mds-color-theme-avatar-yellow: #7d4705;
-  --mds-color-theme-focus-0: #000000;
-  --mds-color-theme-focus-1: #64b4fa;
-  --mds-color-theme-focus-2: #64b4fa59;
+  --mds-color-theme-focus-default-0: #000000;
+  --mds-color-theme-focus-default-1: #64b4fa;
+  --mds-color-theme-focus-default-2: #64b4fa59;
 }

package/dist/css/theme/webex/hc-dark-stable.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 04 Nov 2024 17:01:41 GMT
+ * Generated on Mon, 11 Nov 2024 10:56:24 GMT
  */
 
 .mds-theme-stable-hcDarkWebex {
@@ -371,7 +371,7 @@
   --mds-color-theme-common-touchbar-icon-attention: #000000;
   --mds-color-theme-common-touchbar-icon-stable: #000000;
   --mds-color-theme-common-touchbar-icon-secure: #000000;
-  --mds-color-theme-focus-0: #000000;
-  --mds-color-theme-focus-1: #ffffff;
-  --mds-color-theme-focus-2: #ffffff;
+  --mds-color-theme-focus-default-0: #000000;
+  --mds-color-theme-focus-default-1: #ffffff;
+  --mds-color-theme-focus-default-2: #ffffff;
 }

package/dist/css/theme/webex/hc-light-stable.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 04 Nov 2024 17:01:41 GMT
+ * Generated on Mon, 11 Nov 2024 10:56:25 GMT
  */
 
 .mds-theme-stable-hcLightWebex {
@@ -371,7 +371,7 @@
   --mds-color-theme-gradientdivider-orange-hover: #000000;
   --mds-color-theme-gradientdivider-purple-normal: #000000;
   --mds-color-theme-gradientdivider-purple-hover: #000000;
-  --mds-color-theme-focus-0: #ffffff;
-  --mds-color-theme-focus-1: #000000;
-  --mds-color-theme-focus-2: #000000;
+  --mds-color-theme-focus-default-0: #ffffff;
+  --mds-color-theme-focus-default-1: #000000;
+  --mds-color-theme-focus-default-2: #000000;
 }

package/dist/css/theme/webex/light-stable.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 04 Nov 2024 17:01:41 GMT
+ * Generated on Mon, 11 Nov 2024 10:56:24 GMT
  */
 
 .mds-theme-stable-lightWebex {
@@ -204,7 +204,7 @@
   --mds-color-theme-outline-label-purple: #f294f1;
   --mds-color-theme-outline-label-slate: #b0b4d9;
   --mds-color-theme-outline-label-violet: #c7a5fa;
-  --mds-color-theme-outline-promotion-normal: linear-gradient(46deg, #251329 0%, #a12a3a 100%);
+  --mds-color-theme-outline-promotion-normal: #c233c4;
   --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #00a3b5 51.1%, #3cc29a 85.36%);
   --mds-color-theme-outline-warning-normal: #7d4705;
   --mds-color-theme-control-active-normal: #1170cf;
@@ -378,7 +378,7 @@
   --mds-color-theme-gradientdivider-orange-hover: linear-gradient(90deg, #9c320200 0%, #9c3202e6 22.4%, #9c3202e6 76.04%, #9c320200 100%);
   --mds-color-theme-gradientdivider-purple-normal: linear-gradient(90deg, #93209900 0%, #93209999 22.4%, #93209999 76.04%, #93209900 100%);
   --mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #93209900 0%,#932099E6 22.4%, #932099E6 76.04%, #93209900 100%);
-  --mds-color-theme-focus-0: #ffffff;
-  --mds-color-theme-focus-1: #1170cf;
-  --mds-color-theme-focus-2: #1170cf59;
+  --mds-color-theme-focus-default-0: #ffffff;
+  --mds-color-theme-focus-default-1: #1170cf;
+  --mds-color-theme-focus-default-2: #1170cf59;
 }

package/dist/css/typography/complete.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 04 Nov 2024 17:01:43 GMT
+ * Generated on Mon, 11 Nov 2024 10:56:27 GMT
  */
 
 .mds-typography {

package/dist/ios/core/complete.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 04 Nov 2024 17:01:40 GMT
+// Generated on Mon, 11 Nov 2024 10:56:23 GMT
 
 
 import UIKit

package/dist/ios/theme/aaos/day-complete.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 04 Nov 2024 17:01:41 GMT
+// Generated on Mon, 11 Nov 2024 10:56:25 GMT
 
 
 import UIKit

package/dist/ios/theme/aaos/night-complete.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 04 Nov 2024 17:01:41 GMT
+// Generated on Mon, 11 Nov 2024 10:56:25 GMT
 
 
 import UIKit

package/dist/ios/theme/webex/dark-stable.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 04 Nov 2024 17:01:40 GMT
+// Generated on Mon, 11 Nov 2024 10:56:24 GMT
 
 
 import UIKit
@@ -218,9 +218,9 @@ public class  {
     public static let mdsColorThemeControlInactiveNormal = #ffffff00
     public static let mdsColorThemeControlInactivePressed = #ffffff66
     public static let mdsColorThemeControlIndicatorInactiveNormal = #8f8f8f
-    public static let mdsColorThemeFocus0 = #000000
-    public static let mdsColorThemeFocus1 = #64b4fa
-    public static let mdsColorThemeFocus2 = #64b4fa59
+    public static let mdsColorThemeFocusDefault0 = #000000
+    public static let mdsColorThemeFocusDefault1 = #64b4fa
+    public static let mdsColorThemeFocusDefault2 = #64b4fa59
     public static let mdsColorThemeGlobaltintNormal = #3492eb
     public static let mdsColorThemeGlobaltintSelected = #1170cf
     public static let mdsColorThemeGradientdividerAnnounceHover = linear-gradient(90deg, #64b4fa00 0%,#64b4faE6 22.4%, #64b4faE6 76.04%, #64b4fa00 100%)
@@ -313,7 +313,7 @@ public class  {
     public static let mdsColorThemeOutlineOverlayNormal = #adadad
     public static let mdsColorThemeOutlinePrimaryDisabled = #ffffff33
     public static let mdsColorThemeOutlinePrimaryNormal = #ffffff66
-    public static let mdsColorThemeOutlinePromotionNormal = linear-gradient(46deg, #c233c4 0%, #d43b52 100%)
+    public static let mdsColorThemeOutlinePromotionNormal = #c233c4
     public static let mdsColorThemeOutlineSecondaryNormal = #ffffff33
     public static let mdsColorThemeOutlineShareActive = #ec6400
     public static let mdsColorThemeOutlineShareInactive = #8f8f8f

package/dist/ios/theme/webex/hc-dark-stable.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 04 Nov 2024 17:01:41 GMT
+// Generated on Mon, 11 Nov 2024 10:56:25 GMT
 
 
 import UIKit
@@ -204,9 +204,9 @@ public class  {
     public static let mdsColorThemeControlInactiveNormal = #000000
     public static let mdsColorThemeControlInactivePressed = #000000
     public static let mdsColorThemeControlIndicatorInactiveNormal = #000000
-    public static let mdsColorThemeFocus0 = #000000
-    public static let mdsColorThemeFocus1 = #ffffff
-    public static let mdsColorThemeFocus2 = #ffffff
+    public static let mdsColorThemeFocusDefault0 = #000000
+    public static let mdsColorThemeFocusDefault1 = #ffffff
+    public static let mdsColorThemeFocusDefault2 = #ffffff
     public static let mdsColorThemeGlobaltintNormal = #ffffff
     public static let mdsColorThemeGlobaltintSelected = #ffff00
     public static let mdsColorThemeGradientdividerAnnounceHover = #ffffff

package/dist/ios/theme/webex/hc-light-stable.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 04 Nov 2024 17:01:41 GMT
+// Generated on Mon, 11 Nov 2024 10:56:25 GMT
 
 
 import UIKit
@@ -204,9 +204,9 @@ public class  {
     public static let mdsColorThemeControlInactiveNormal = #ffffff
     public static let mdsColorThemeControlInactivePressed = #ffffff
     public static let mdsColorThemeControlIndicatorInactiveNormal = #ffffff
-    public static let mdsColorThemeFocus0 = #ffffff
-    public static let mdsColorThemeFocus1 = #000000
-    public static let mdsColorThemeFocus2 = #000000
+    public static let mdsColorThemeFocusDefault0 = #ffffff
+    public static let mdsColorThemeFocusDefault1 = #000000
+    public static let mdsColorThemeFocusDefault2 = #000000
     public static let mdsColorThemeGlobaltintNormal = #000000
     public static let mdsColorThemeGlobaltintSelected = #00009f
     public static let mdsColorThemeGradientdividerAnnounceHover = #000000

package/dist/ios/theme/webex/light-stable.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 04 Nov 2024 17:01:41 GMT
+// Generated on Mon, 11 Nov 2024 10:56:24 GMT
 
 
 import UIKit
@@ -217,9 +217,9 @@ public class  {
     public static let mdsColorThemeControlInactiveNormal = #00000000
     public static let mdsColorThemeControlInactivePressed = #00000066
     public static let mdsColorThemeControlIndicatorInactiveNormal = #8f8f8f
-    public static let mdsColorThemeFocus0 = #ffffff
-    public static let mdsColorThemeFocus1 = #1170cf
-    public static let mdsColorThemeFocus2 = #1170cf59
+    public static let mdsColorThemeFocusDefault0 = #ffffff
+    public static let mdsColorThemeFocusDefault1 = #1170cf
+    public static let mdsColorThemeFocusDefault2 = #1170cf59
     public static let mdsColorThemeGlobaltintNormal = #1170cf
     public static let mdsColorThemeGlobaltintSelected = #1170cf
     public static let mdsColorThemeGradientdividerAnnounceHover = linear-gradient(90deg, #0353a800 0%, #0353a8E6 76.04%, #0353a8E6 76.04%, #0353a800 100%)
@@ -312,7 +312,7 @@ public class  {
     public static let mdsColorThemeOutlineOverlayNormal = #707070
     public static let mdsColorThemeOutlinePrimaryDisabled = #00000033
     public static let mdsColorThemeOutlinePrimaryNormal = #00000075
-    public static let mdsColorThemeOutlinePromotionNormal = linear-gradient(46deg, #251329 0%, #a12a3a 100%)
+    public static let mdsColorThemeOutlinePromotionNormal = #c233c4
     public static let mdsColorThemeOutlineSecondaryNormal = #00000033
     public static let mdsColorThemeOutlineShareActive = #ec6400
     public static let mdsColorThemeOutlineShareInactive = #8f8f8f

package/dist/ios/typography/complete.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 04 Nov 2024 17:01:43 GMT
+// Generated on Mon, 11 Nov 2024 10:56:27 GMT
 
 
 import UIKit

package/dist/ios-webex/theme/webex/dark-stable.swift

@@ -220,8 +220,7 @@ open class DarkMomentumThemeOutlineColorPalette: MomentumThemeOutlineColorPalett
     open var labelPurple: UIColor { return UIColor(hex: 0xF294F1) }
     open var labelSlate: UIColor { return UIColor(hex: 0xB0B4D9) }
     open var labelViolet: UIColor { return UIColor(hex: 0xC7A5FA) }
-    open var promotionNormal0: UIColor { return UIColor(hex: 0xC233C4) }
-    open var promotionNormal1: UIColor { return UIColor(hex: 0xD43B52) }
+    open var promotionNormal: UIColor { return UIColor(hex: 0xC233C4) }
     open var gradientActive0: UIColor { return UIColor(hex: 0x3492EB) }
     open var gradientActive1: UIColor { return UIColor(hex: 0x22C7D6) }
     open var gradientActive2: UIColor { return UIColor(hex: 0x68DEBD) }
@@ -478,9 +477,9 @@ open class DarkMomentumThemeAvatarColorPalette: MomentumThemeAvatarColorPaletteP
     public init() {}
 }
 open class DarkMomentumThemeFocusColorPalette: MomentumThemeFocusColorPaletteProtocol {
-    open var level0: UIColor { return UIColor(hex: 0x000000) }
-    open var level1: UIColor { return UIColor(hex: 0x64B4FA) }
-    open var level2: UIColor { return UIColor(hex: 0x64B4FA, withAlpha: 0.35) }
+    open var default0: UIColor { return UIColor(hex: 0x000000) }
+    open var default1: UIColor { return UIColor(hex: 0x64B4FA) }
+    open var default2: UIColor { return UIColor(hex: 0x64B4FA, withAlpha: 0.35) }
     public init() {}
 }
 open class DarkMomentumTheme: MomentumThemeTokensProtocol {

package/dist/ios-webex/theme/webex/hc-dark-stable.swift

@@ -417,9 +417,9 @@ open class HcDarkMomentumThemeCommonColorPalette: MomentumThemeCommonColorPalett
     public init() {}
 }
 open class HcDarkMomentumThemeFocusColorPalette: MomentumThemeFocusColorPaletteProtocol {
-    open var level0: UIColor { return UIColor(hex: 0x000000) }
-    open var level1: UIColor { return UIColor(hex: 0xFFFFFF) }
-    open var level2: UIColor { return UIColor(hex: 0xFFFFFF) }
+    open var default0: UIColor { return UIColor(hex: 0x000000) }
+    open var default1: UIColor { return UIColor(hex: 0xFFFFFF) }
+    open var default2: UIColor { return UIColor(hex: 0xFFFFFF) }
     public init() {}
 }
 open class HcDarkMomentumTheme: MomentumThemeTokensProtocol {

package/dist/ios-webex/theme/webex/hc-light-stable.swift

@@ -401,9 +401,9 @@ import UIKit
     var purpleHover: UIColor { get }
 }
 @objc public protocol MomentumThemeFocusColorPaletteProtocol: AnyObject {
-    var level0: UIColor { get }
-    var level1: UIColor { get }
-    var level2: UIColor { get }
+    var default0: UIColor { get }
+    var default1: UIColor { get }
+    var default2: UIColor { get }
 }
 @objc public protocol MomentumThemeTokensProtocol: AnyObject {
     var text: any MomentumThemeTextColorPaletteProtocol { get }
@@ -840,9 +840,9 @@ open class HcLightMomentumThemeGradientDividerColorPalette: MomentumThemeGradien
     public init() {}
 }
 open class HcLightMomentumThemeFocusColorPalette: MomentumThemeFocusColorPaletteProtocol {
-    open var level0: UIColor { return UIColor(hex: 0xFFFFFF) }
-    open var level1: UIColor { return UIColor(hex: 0x000000) }
-    open var level2: UIColor { return UIColor(hex: 0x000000) }
+    open var default0: UIColor { return UIColor(hex: 0xFFFFFF) }
+    open var default1: UIColor { return UIColor(hex: 0x000000) }
+    open var default2: UIColor { return UIColor(hex: 0x000000) }
     public init() {}
 }
 open class HcLightMomentumTheme: MomentumThemeTokensProtocol {
@@ -1374,9 +1374,9 @@ open class SystemMomentumThemeGradientDividerColorPalette: MomentumThemeGradient
 open class SystemMomentumThemeFocusColorPalette: MomentumThemeFocusColorPaletteProtocol {
     private let light: any MomentumThemeFocusColorPaletteProtocol = LightMomentumThemeFocusColorPalette()
     private let dark: any MomentumThemeFocusColorPaletteProtocol = DarkMomentumThemeFocusColorPalette()
-    open var level0: UIColor { return systemColor(light: light, dark: dark, keyPath: \.level0) }
-    open var level1: UIColor { return systemColor(light: light, dark: dark, keyPath: \.level1) }
-    open var level2: UIColor { return systemColor(light: light, dark: dark, keyPath: \.level2) }
+    open var default0: UIColor { return systemColor(light: light, dark: dark, keyPath: \.default0) }
+    open var default1: UIColor { return systemColor(light: light, dark: dark, keyPath: \.default1) }
+    open var default2: UIColor { return systemColor(light: light, dark: dark, keyPath: \.default2) }
     public init() {}
 }
 

package/dist/ios-webex/theme/webex/light-stable.swift

@@ -216,8 +216,7 @@ import UIKit
     var labelPurple: UIColor { get }
     var labelSlate: UIColor { get }
     var labelViolet: UIColor { get }
-    var promotionNormal0: UIColor { get }
-    var promotionNormal1: UIColor { get }
+    var promotionNormal: UIColor { get }
     var gradientActive0: UIColor { get }
     var gradientActive1: UIColor { get }
     var gradientActive2: UIColor { get }
@@ -462,9 +461,9 @@ import UIKit
     var purpleHover3: UIColor { get }
 }
 @objc public protocol MomentumThemeFocusColorPaletteProtocol: AnyObject {
-    var level0: UIColor { get }
-    var level1: UIColor { get }
-    var level2: UIColor { get }
+    var default0: UIColor { get }
+    var default1: UIColor { get }
+    var default2: UIColor { get }
 }
 @objc public protocol MomentumThemeTokensProtocol: AnyObject {
     var text: any MomentumThemeTextColorPaletteProtocol { get }
@@ -703,8 +702,7 @@ open class LightMomentumThemeOutlineColorPalette: MomentumThemeOutlineColorPalet
     open var labelPurple: UIColor { return UIColor(hex: 0xF294F1) }
     open var labelSlate: UIColor { return UIColor(hex: 0xB0B4D9) }
     open var labelViolet: UIColor { return UIColor(hex: 0xC7A5FA) }
-    open var promotionNormal0: UIColor { return UIColor(hex: 0x251329) }
-    open var promotionNormal1: UIColor { return UIColor(hex: 0xA12A3A) }
+    open var promotionNormal: UIColor { return UIColor(hex: 0xC233C4) }
     open var gradientActive0: UIColor { return UIColor(hex: 0x3492EB) }
     open var gradientActive1: UIColor { return UIColor(hex: 0x00A3B5) }
     open var gradientActive2: UIColor { return UIColor(hex: 0x3CC29A) }
@@ -960,9 +958,9 @@ open class LightMomentumThemeGradientDividerColorPalette: MomentumThemeGradientD
     public init() {}
 }
 open class LightMomentumThemeFocusColorPalette: MomentumThemeFocusColorPaletteProtocol {
-    open var level0: UIColor { return UIColor(hex: 0xFFFFFF) }
-    open var level1: UIColor { return UIColor(hex: 0x1170CF) }
-    open var level2: UIColor { return UIColor(hex: 0x1170CF, withAlpha: 0.35) }
+    open var default0: UIColor { return UIColor(hex: 0xFFFFFF) }
+    open var default1: UIColor { return UIColor(hex: 0x1170CF) }
+    open var default2: UIColor { return UIColor(hex: 0x1170CF, withAlpha: 0.35) }
     public init() {}
 }
 open class LightMomentumTheme: MomentumThemeTokensProtocol {
@@ -1269,8 +1267,7 @@ open class SystemMomentumThemeOutlineColorPalette: MomentumThemeOutlineColorPale
     open var labelPurple: UIColor { return systemColor(light: light, dark: dark, keyPath: \.labelPurple) }
     open var labelSlate: UIColor { return systemColor(light: light, dark: dark, keyPath: \.labelSlate) }
     open var labelViolet: UIColor { return systemColor(light: light, dark: dark, keyPath: \.labelViolet) }
-    open var promotionNormal0: UIColor { return systemColor(light: light, dark: dark, keyPath: \.promotionNormal0) }
-    open var promotionNormal1: UIColor { return systemColor(light: light, dark: dark, keyPath: \.promotionNormal1) }
+    open var promotionNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.promotionNormal) }
     open var gradientActive0: UIColor { return systemColor(light: light, dark: dark, keyPath: \.gradientActive0) }
     open var gradientActive1: UIColor { return systemColor(light: light, dark: dark, keyPath: \.gradientActive1) }
     open var gradientActive2: UIColor { return systemColor(light: light, dark: dark, keyPath: \.gradientActive2) }
@@ -1548,9 +1545,9 @@ open class SystemMomentumThemeGradientDividerColorPalette: MomentumThemeGradient
 open class SystemMomentumThemeFocusColorPalette: MomentumThemeFocusColorPaletteProtocol {
     private let light: any MomentumThemeFocusColorPaletteProtocol = LightMomentumThemeFocusColorPalette()
     private let dark: any MomentumThemeFocusColorPaletteProtocol = DarkMomentumThemeFocusColorPalette()
-    open var level0: UIColor { return systemColor(light: light, dark: dark, keyPath: \.level0) }
-    open var level1: UIColor { return systemColor(light: light, dark: dark, keyPath: \.level1) }
-    open var level2: UIColor { return systemColor(light: light, dark: dark, keyPath: \.level2) }
+    open var default0: UIColor { return systemColor(light: light, dark: dark, keyPath: \.default0) }
+    open var default1: UIColor { return systemColor(light: light, dark: dark, keyPath: \.default1) }
+    open var default2: UIColor { return systemColor(light: light, dark: dark, keyPath: \.default2) }
     public init() {}
 }
 

package/dist/json/theme/webex/dark-stable.json

@@ -6086,13 +6086,13 @@
         "promotion": {
           "normal": {
             "type": "color",
-            "value": "linear-gradient(46deg, #c233c4 0%, #d43b52 100%)",
+            "value": "#c233c4",
             "description": "Used for border of promotional banner",
             "filePath": "src/theme/stable/dark.json",
             "isSource": true,
             "original": {
               "type": "color",
-              "value": "linear-gradient(46deg, {color.decorative.purple.60} 0%, {color.decorative.pink.60} 100%)",
+              "value": "{color.decorative.purple.60}",
               "description": "Used for border of promotional banner"
             },
             "name": "mds-color-theme-outline-promotion-normal",
@@ -11393,76 +11393,63 @@
         }
       },
       "focus": {
-        "0": {
-          "value": "#000000",
-          "type": "color",
-          "description": "Used for focus ring effect",
-          "filePath": "src/theme/stable/dark.json",
-          "isSource": true,
-          "original": {
-            "value": "{color.core.black-alpha.100}",
+        "default": {
+          "0": {
+            "value": "#000000",
             "type": "color",
-            "description": "Used for focus ring effect"
-          },
-          "name": "mds-color-theme-focus-0",
-          "attributes": {
-            "category": "color",
-            "type": "theme",
-            "item": "focus",
-            "subitem": "0"
+            "description": "Used for focus ring effect",
+            "filePath": "src/theme/stable/dark.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.core.black-alpha.100}",
+              "type": "color",
+              "description": "Used for focus ring effect"
+            },
+            "name": "mds-color-theme-focus-default-0",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "focus",
+              "subitem": "default",
+              "state": "0"
+            },
+            "path": [
+              "color",
+              "theme",
+              "focus",
+              "default",
+              "0"
+            ]
           },
-          "path": [
-            "color",
-            "theme",
-            "focus",
-            "0"
-          ]
-        },
-        "1": {
-          "value": "#64b4fa",
-          "type": "color",
-          "description": "Used for focus ring effect",
-          "filePath": "src/theme/stable/dark.json",
-          "isSource": true,
-          "original": {
-            "value": "{color.core.blue.40}",
+          "1": {
+            "value": "#64b4fa",
             "type": "color",
-            "description": "Used for focus ring effect"
-          },
-          "name": "mds-color-theme-focus-1",
-          "attributes": {
-            "category": "color",
-            "type": "theme",
-            "item": "focus",
-            "subitem": "1"
-          },
-          "path": [
-            "color",
-            "theme",
-            "focus",
-            "1"
-          ]
-        },
-        "2": {
-          "value": "#64b4fa59",
-          "type": "color",
-          "$extensions": {
-            "studio.tokens": {
-              "modify": {
-                "type": "alpha",
-                "value": "0.35",
-                "space": "lch",
-                "filePath": "src/theme/stable/dark.json",
-                "isSource": true,
-                "format": "hex"
-              }
-            }
+            "description": "Used for focus ring effect",
+            "filePath": "src/theme/stable/dark.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.core.blue.40}",
+              "type": "color",
+              "description": "Used for focus ring effect"
+            },
+            "name": "mds-color-theme-focus-default-1",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "focus",
+              "subitem": "default",
+              "state": "1"
+            },
+            "path": [
+              "color",
+              "theme",
+              "focus",
+              "default",
+              "1"
+            ]
           },
-          "description": "Used for focus ring effect",
-          "filePath": "src/theme/stable/dark.json",
-          "isSource": true,
-          "original": {
-            "value": "{color.core.blue.40}",
+          "2": {
+            "value": "#64b4fa59",
             "type": "color",
             "$extensions": {
               "studio.tokens": {
@@ -11471,25 +11458,46 @@
                   "value": "0.35",
                   "space": "lch",
                   "filePath": "src/theme/stable/dark.json",
-                  "isSource": true
+                  "isSource": true,
+                  "format": "hex"
                 }
               }
             },
-            "description": "Used for focus ring effect"
-          },
-          "name": "mds-color-theme-focus-2",
-          "attributes": {
-            "category": "color",
-            "type": "theme",
-            "item": "focus",
-            "subitem": "2"
-          },
-          "path": [
-            "color",
-            "theme",
-            "focus",
-            "2"
-          ]
+            "description": "Used for focus ring effect",
+            "filePath": "src/theme/stable/dark.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.core.blue.40}",
+              "type": "color",
+              "$extensions": {
+                "studio.tokens": {
+                  "modify": {
+                    "type": "alpha",
+                    "value": "0.35",
+                    "space": "lch",
+                    "filePath": "src/theme/stable/dark.json",
+                    "isSource": true
+                  }
+                }
+              },
+              "description": "Used for focus ring effect"
+            },
+            "name": "mds-color-theme-focus-default-2",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "focus",
+              "subitem": "default",
+              "state": "2"
+            },
+            "path": [
+              "color",
+              "theme",
+              "focus",
+              "default",
+              "2"
+            ]
+          }
         }
       }
     }