@momentum-design/tokens 0.1.1 → 0.2.0

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

@@ -400,6 +400,11 @@ import UIKit
     var purpleNormal: UIColor { get }
     var purpleHover: UIColor { get }
 }
+@objc public protocol MomentumThemeFocusColorPaletteProtocol: AnyObject {
+    var 0: UIColor { get }
+    var 1: UIColor { get }
+    var 2: UIColor { get }
+}
 @objc public protocol MomentumThemeTokensProtocol: AnyObject {
     var text: any MomentumThemeTextColorPaletteProtocol { get }
     var inverted: any MomentumThemeInvertedColorPaletteProtocol { get }
@@ -417,6 +422,7 @@ import UIKit
     var avatar: any MomentumThemeAvatarColorPaletteProtocol { get }
     var common: any MomentumThemeCommonColorPaletteProtocol { get }
     var gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol { get }
+    var focus: any MomentumThemeFocusColorPaletteProtocol { get }
 }
 open class HcLightMomentumThemeTextColorPalette: MomentumThemeTextColorPaletteProtocol {
     open var primaryNormal: UIColor { return UIColor(hex: 0x000000) }
@@ -833,6 +839,12 @@ open class HcLightMomentumThemeGradientDividerColorPalette: MomentumThemeGradien
     open var purpleHover: UIColor { return UIColor(hex: 0x000000) }
     public init() {}
 }
+open class HcLightMomentumThemeFocusColorPalette: MomentumThemeFocusColorPaletteProtocol {
+    open var 0: UIColor { return UIColor(hex: 0xFFFFFF) }
+    open var 1: UIColor { return UIColor(hex: 0x000000) }
+    open var 2: UIColor { return UIColor(hex: 0x000000) }
+    public init() {}
+}
 open class HcLightMomentumTheme: MomentumThemeTokensProtocol {
     open var text: any MomentumThemeTextColorPaletteProtocol
     open var inverted: any MomentumThemeInvertedColorPaletteProtocol
@@ -850,6 +862,7 @@ open class HcLightMomentumTheme: MomentumThemeTokensProtocol {
     open var avatar: any MomentumThemeAvatarColorPaletteProtocol
     open var common: any MomentumThemeCommonColorPaletteProtocol
     open var gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol
+    open var focus: any MomentumThemeFocusColorPaletteProtocol
 
     public init(
         text: any MomentumThemeTextColorPaletteProtocol = HcLightMomentumThemeTextColorPalette(),
@@ -867,7 +880,8 @@ open class HcLightMomentumTheme: MomentumThemeTokensProtocol {
         groupedBackground: any MomentumThemeGroupedBackgroundColorPaletteProtocol = HcLightMomentumThemeGroupedBackgroundColorPalette(),
         avatar: any MomentumThemeAvatarColorPaletteProtocol = HcLightMomentumThemeAvatarColorPalette(),
         common: any MomentumThemeCommonColorPaletteProtocol = HcLightMomentumThemeCommonColorPalette(),
-        gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol = HcLightMomentumThemeGradientDividerColorPalette()
+        gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol = HcLightMomentumThemeGradientDividerColorPalette(),
+        focus: any MomentumThemeFocusColorPaletteProtocol = HcLightMomentumThemeFocusColorPalette()
     ) {
         self.text = text
         self.inverted = inverted
@@ -885,6 +899,7 @@ open class HcLightMomentumTheme: MomentumThemeTokensProtocol {
         self.avatar = avatar
         self.common = common
         self.gradientDivider = gradientDivider
+        self.focus = focus
     }
 }
 
@@ -905,6 +920,7 @@ public class SystemMomentumTheme: MomentumThemeTokensProtocol {
     public let avatar: any MomentumThemeAvatarColorPaletteProtocol = SystemMomentumThemeAvatarColorPalette()
     public let common: any MomentumThemeCommonColorPaletteProtocol = SystemMomentumThemeCommonColorPalette()
     public let gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol = SystemMomentumThemeGradientDividerColorPalette()
+    public let focus: any MomentumThemeFocusColorPaletteProtocol = SystemMomentumThemeFocusColorPalette()
     public init() {}
 }
 
@@ -1355,6 +1371,14 @@ open class SystemMomentumThemeGradientDividerColorPalette: MomentumThemeGradient
     open var purpleHover: UIColor { return systemColor(light: light, dark: dark, keyPath: \.purpleHover) }
     public init() {}
 }
+open class SystemMomentumThemeFocusColorPalette: MomentumThemeFocusColorPaletteProtocol {
+    private let light: any MomentumThemeFocusColorPaletteProtocol = LightMomentumThemeFocusColorPalette()
+    private let dark: any MomentumThemeFocusColorPaletteProtocol = DarkMomentumThemeFocusColorPalette()
+    open var 0: UIColor { return systemColor(light: light, dark: dark, keyPath: \.0) }
+    open var 1: UIColor { return systemColor(light: light, dark: dark, keyPath: \.1) }
+    open var 2: UIColor { return systemColor(light: light, dark: dark, keyPath: \.2) }
+    public init() {}
+}
 
 private func systemColor<Palette>(light: Palette, dark: Palette, keyPath: KeyPath<Palette, UIColor>) -> UIColor {
     return UIColor { traitCollection in

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

@@ -381,6 +381,11 @@ import UIKit
 }
 @objc public protocol MomentumThemeGradientDividerColorPaletteProtocol: AnyObject {
 }
+@objc public protocol MomentumThemeFocusColorPaletteProtocol: AnyObject {
+    var 0: UIColor { get }
+    var 1: UIColor { get }
+    var 2: UIColor { get }
+}
 @objc public protocol MomentumThemeTokensProtocol: AnyObject {
     var text: any MomentumThemeTextColorPaletteProtocol { get }
     var inverted: any MomentumThemeInvertedColorPaletteProtocol { get }
@@ -397,6 +402,7 @@ import UIKit
     var groupedBackground: any MomentumThemeGroupedBackgroundColorPaletteProtocol { get }
     var avatar: any MomentumThemeAvatarColorPaletteProtocol { get }
     var gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol { get }
+    var focus: any MomentumThemeFocusColorPaletteProtocol { get }
 }
 open class LightMomentumThemeTextColorPalette: MomentumThemeTextColorPaletteProtocol {
     open var primaryNormal: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.95) }
@@ -793,6 +799,12 @@ open class LightMomentumThemeAvatarColorPalette: MomentumThemeAvatarColorPalette
 open class LightMomentumThemeGradientDividerColorPalette: MomentumThemeGradientDividerColorPaletteProtocol {
     public init() {}
 }
+open class LightMomentumThemeFocusColorPalette: MomentumThemeFocusColorPaletteProtocol {
+    open var 0: UIColor { return UIColor(hex: 0xFFFFFF) }
+    open var 1: UIColor { return UIColor(hex: 0x1170CF) }
+    open var 2: UIColor { return UIColor(hex: 0x1170CF) }
+    public init() {}
+}
 open class LightMomentumTheme: MomentumThemeTokensProtocol {
     open var text: any MomentumThemeTextColorPaletteProtocol
     open var inverted: any MomentumThemeInvertedColorPaletteProtocol
@@ -809,6 +821,7 @@ open class LightMomentumTheme: MomentumThemeTokensProtocol {
     open var groupedBackground: any MomentumThemeGroupedBackgroundColorPaletteProtocol
     open var avatar: any MomentumThemeAvatarColorPaletteProtocol
     open var gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol
+    open var focus: any MomentumThemeFocusColorPaletteProtocol
 
     public init(
         text: any MomentumThemeTextColorPaletteProtocol = LightMomentumThemeTextColorPalette(),
@@ -825,7 +838,8 @@ open class LightMomentumTheme: MomentumThemeTokensProtocol {
         globalTint: any MomentumThemeGlobalTintColorPaletteProtocol = LightMomentumThemeGlobalTintColorPalette(),
         groupedBackground: any MomentumThemeGroupedBackgroundColorPaletteProtocol = LightMomentumThemeGroupedBackgroundColorPalette(),
         avatar: any MomentumThemeAvatarColorPaletteProtocol = LightMomentumThemeAvatarColorPalette(),
-        gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol = LightMomentumThemeGradientDividerColorPalette()
+        gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol = LightMomentumThemeGradientDividerColorPalette(),
+        focus: any MomentumThemeFocusColorPaletteProtocol = LightMomentumThemeFocusColorPalette()
     ) {
         self.text = text
         self.inverted = inverted
@@ -842,6 +856,7 @@ open class LightMomentumTheme: MomentumThemeTokensProtocol {
         self.groupedBackground = groupedBackground
         self.avatar = avatar
         self.gradientDivider = gradientDivider
+        self.focus = focus
     }
 }
 
@@ -861,6 +876,7 @@ public class SystemMomentumTheme: MomentumThemeTokensProtocol {
     public let groupedBackground: any MomentumThemeGroupedBackgroundColorPaletteProtocol = SystemMomentumThemeGroupedBackgroundColorPalette()
     public let avatar: any MomentumThemeAvatarColorPaletteProtocol = SystemMomentumThemeAvatarColorPalette()
     public let gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol = SystemMomentumThemeGradientDividerColorPalette()
+    public let focus: any MomentumThemeFocusColorPaletteProtocol = SystemMomentumThemeFocusColorPalette()
     public init() {}
 }
 
@@ -1289,6 +1305,14 @@ open class SystemMomentumThemeGradientDividerColorPalette: MomentumThemeGradient
     private let dark: any MomentumThemeGradientDividerColorPaletteProtocol = DarkMomentumThemeGradientDividerColorPalette()
     public init() {}
 }
+open class SystemMomentumThemeFocusColorPalette: MomentumThemeFocusColorPaletteProtocol {
+    private let light: any MomentumThemeFocusColorPaletteProtocol = LightMomentumThemeFocusColorPalette()
+    private let dark: any MomentumThemeFocusColorPaletteProtocol = DarkMomentumThemeFocusColorPalette()
+    open var 0: UIColor { return systemColor(light: light, dark: dark, keyPath: \.0) }
+    open var 1: UIColor { return systemColor(light: light, dark: dark, keyPath: \.1) }
+    open var 2: UIColor { return systemColor(light: light, dark: dark, keyPath: \.2) }
+    public init() {}
+}
 
 private func systemColor<Palette>(light: Palette, dark: Palette, keyPath: KeyPath<Palette, UIColor>) -> UIColor {
     return UIColor { traitCollection in

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

@@ -11393,6 +11393,105 @@
             "yellow"
           ]
         }
+      },
+      "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}",
+            "type": "color",
+            "description": "Used for focus ring effect"
+          },
+          "name": "mds-color-theme-focus-0",
+          "attributes": {
+            "category": "color",
+            "type": "theme",
+            "item": "focus",
+            "subitem": "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}",
+            "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": "#64b4fa",
+          "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",
+          "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-2",
+          "attributes": {
+            "category": "color",
+            "type": "theme",
+            "item": "focus",
+            "subitem": "2"
+          },
+          "path": [
+            "color",
+            "theme",
+            "focus",
+            "2"
+          ]
+        }
       }
     }
   }

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

@@ -10992,6 +10992,83 @@
             }
           }
         }
+      },
+      "focus": {
+        "0": {
+          "value": "#000000",
+          "type": "color",
+          "description": "Used for focus ring effect",
+          "filePath": "src/theme/stable/highcontrast/hc_dark.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.highcontrast.black.ButtonFaceColor}",
+            "type": "color",
+            "description": "Used for focus ring effect"
+          },
+          "name": "mds-color-theme-focus-0",
+          "attributes": {
+            "category": "color",
+            "type": "theme",
+            "item": "focus",
+            "subitem": "0"
+          },
+          "path": [
+            "color",
+            "theme",
+            "focus",
+            "0"
+          ]
+        },
+        "1": {
+          "value": "#ffffff",
+          "type": "color",
+          "description": "Used for focus ring effect",
+          "filePath": "src/theme/stable/highcontrast/hc_dark.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.highcontrast.black.ButtonTextColor}",
+            "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": "#ffffff",
+          "type": "color",
+          "description": "Used for focus ring effect",
+          "filePath": "src/theme/stable/highcontrast/hc_dark.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.highcontrast.black.ButtonTextColor}",
+            "type": "color",
+            "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"
+          ]
+        }
       }
     }
   }

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

@@ -10936,6 +10936,83 @@
             ]
           }
         }
+      },
+      "focus": {
+        "0": {
+          "value": "#ffffff",
+          "type": "color",
+          "description": "Used for focus ring effect",
+          "filePath": "src/theme/stable/highcontrast/hc_light.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.highcontrast.white.ButtonFaceColor}",
+            "type": "color",
+            "description": "Used for focus ring effect"
+          },
+          "name": "mds-color-theme-focus-0",
+          "attributes": {
+            "category": "color",
+            "type": "theme",
+            "item": "focus",
+            "subitem": "0"
+          },
+          "path": [
+            "color",
+            "theme",
+            "focus",
+            "0"
+          ]
+        },
+        "1": {
+          "value": "#000000",
+          "type": "color",
+          "description": "Used for focus ring effect",
+          "filePath": "src/theme/stable/highcontrast/hc_light.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.highcontrast.white.ButtonTextColor}",
+            "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": "#000000",
+          "type": "color",
+          "description": "Used for focus ring effect",
+          "filePath": "src/theme/stable/highcontrast/hc_light.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.highcontrast.white.ButtonTextColor}",
+            "type": "color",
+            "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"
+          ]
+        }
       }
     }
   }

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

@@ -11431,6 +11431,105 @@
             ]
           }
         }
+      },
+      "focus": {
+        "0": {
+          "value": "#ffffff",
+          "type": "color",
+          "description": "Used for focus ring effect",
+          "filePath": "src/theme/stable/light.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.core.white-alpha.100}",
+            "type": "color",
+            "description": "Used for focus ring effect"
+          },
+          "name": "mds-color-theme-focus-0",
+          "attributes": {
+            "category": "color",
+            "type": "theme",
+            "item": "focus",
+            "subitem": "0"
+          },
+          "path": [
+            "color",
+            "theme",
+            "focus",
+            "0"
+          ]
+        },
+        "1": {
+          "value": "#1170cf",
+          "type": "color",
+          "description": "Used for focus ring effect",
+          "filePath": "src/theme/stable/light.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.core.blue.60}",
+            "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": "#1170cf",
+          "type": "color",
+          "$extensions": {
+            "studio.tokens": {
+              "modify": {
+                "type": "alpha",
+                "value": "0.35",
+                "space": "lch",
+                "filePath": "src/theme/stable/light.json",
+                "isSource": true
+              }
+            }
+          },
+          "description": "Used for focus ring effect",
+          "filePath": "src/theme/stable/light.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.core.blue.60}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.35",
+                  "space": "lch",
+                  "filePath": "src/theme/stable/light.json",
+                  "isSource": true
+                }
+              }
+            },
+            "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"
+          ]
+        }
       }
     }
   }

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

@@ -763,6 +763,11 @@
         "slate": "#535573",
         "violet": "#643abd",
         "yellow": "#7d4705"
+      },
+      "focus": {
+        "0": "#000000",
+        "1": "#64b4fa",
+        "2": "#64b4fa"
       }
     }
   }

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

@@ -751,6 +751,11 @@
             "secure": "#000000"
           }
         }
+      },
+      "focus": {
+        "0": "#000000",
+        "1": "#ffffff",
+        "2": "#ffffff"
       }
     }
   }

package/dist/json-minimal/theme/webex/hc-light-stable.json

@@ -751,6 +751,11 @@
           "normal": "#000000",
           "hover": "#000000"
         }
+      },
+      "focus": {
+        "0": "#ffffff",
+        "1": "#000000",
+        "2": "#000000"
       }
     }
   }

package/dist/json-minimal/theme/webex/light-stable.json

@@ -760,6 +760,11 @@
           "normal": "linear-gradient(90deg, #93209900 0%, #93209999 22.4%, #93209999 76.04%, #93209900 100%)",
           "hover": "linear-gradient(90deg, #93209900 0%,#932099E6 22.4%, #932099E6 76.04%, #93209900 100%)"
         }
+      },
+      "focus": {
+        "0": "#ffffff",
+        "1": "#1170cf",
+        "2": "#1170cf"
       }
     }
   }

package/dist/resources/core/complete.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Wed, 09 Oct 2024 08:57:01 GMT
+  Generated on Mon, 21 Oct 2024 17:31:45 GMT
 -->
 <resources>
   <color name="mds-color-core-white-alpha-0">#ffffff00</color>

package/dist/resources/theme/aaos/day-complete.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Wed, 09 Oct 2024 08:57:02 GMT
+  Generated on Mon, 21 Oct 2024 17:31:46 GMT
 -->
 <resources>
   <color name="mds-color-theme-surface-neutral-0-default">#17181b</color>

package/dist/resources/theme/aaos/night-complete.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Wed, 09 Oct 2024 08:57:02 GMT
+  Generated on Mon, 21 Oct 2024 17:31:46 GMT
 -->
 <resources>
   <color name="mds-color-theme-surface-neutral-0-default">#0e1013</color>

package/dist/resources/theme/webex/dark-stable.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Wed, 09 Oct 2024 08:57:01 GMT
+  Generated on Mon, 21 Oct 2024 17:31:45 GMT
 -->
 <resources>
   <color name="mds-color-theme-text-primary-normal">#fffffff2</color>
@@ -380,5 +380,8 @@
   <color name="mds-color-theme-avatar-slate">#535573</color>
   <color name="mds-color-theme-avatar-violet">#643abd</color>
   <color name="mds-color-theme-avatar-yellow">#7d4705</color>
+  <color name="mds-color-theme-focus-0">#000000</color>
+  <color name="mds-color-theme-focus-1">#64b4fa</color>
+  <color name="mds-color-theme-focus-2">#64b4fa</color>
   
 </resources>

package/dist/resources/theme/webex/hc-dark-stable.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Wed, 09 Oct 2024 08:57:02 GMT
+  Generated on Mon, 21 Oct 2024 17:31:46 GMT
 -->
 <resources>
   <color name="mds-color-theme-text-primary-normal">#ffffff</color>
@@ -372,5 +372,8 @@
   <color name="mds-color-theme-common-touchbar-icon-attention">#000000</color>
   <color name="mds-color-theme-common-touchbar-icon-stable">#000000</color>
   <color name="mds-color-theme-common-touchbar-icon-secure">#000000</color>
+  <color name="mds-color-theme-focus-0">#000000</color>
+  <color name="mds-color-theme-focus-1">#ffffff</color>
+  <color name="mds-color-theme-focus-2">#ffffff</color>
   
 </resources>