@momentum-design/tokens 0.2.8 → 0.3.1

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

@@ -169,6 +169,8 @@ import UIKit
     var skeletonNormal2: UIColor { get }
     var skeletonNormal3: UIColor { get }
     var glassNormal: UIColor { get }
+    var glassOverlayNormal: UIColor { get }
+    var glassOverlayInactive: UIColor { get }
 }
 @objc public protocol MomentumThemeButtonColorPaletteProtocol: AnyObject {
     var primaryNormal: UIColor { get }
@@ -192,6 +194,9 @@ import UIKit
     var accentNormal: UIColor { get }
     var accentHover: UIColor { get }
     var accentPressed: UIColor { get }
+    var glassPrimaryNormal: UIColor { get }
+    var glassPrimaryHover: UIColor { get }
+    var glassPrimaryPressed: UIColor { get }
 }
 @objc public protocol MomentumThemeOutlineColorPaletteProtocol: AnyObject {
     var primaryNormal: UIColor { get }
@@ -403,6 +408,8 @@ import UIKit
     var yellow: UIColor { get }
     var hover: UIColor { get }
     var pressed: UIColor { get }
+    var glassNormal: UIColor { get }
+    var glassActive: UIColor { get }
 }
 @objc public protocol MomentumThemeGradientDividerColorPaletteProtocol: AnyObject {
     var defaultNormal0: UIColor { get }
@@ -662,7 +669,9 @@ open class LightMomentumThemeBackgroundColorPalette: MomentumThemeBackgroundColo
     open var skeletonNormal1: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.30) }
     open var skeletonNormal2: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.40) }
     open var skeletonNormal3: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.50) }
-    open var glassNormal: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.50) }
+    open var glassNormal: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.60) }
+    open var glassOverlayNormal: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.80) }
+    open var glassOverlayInactive: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.40) }
     public init() {}
 }
 open class LightMomentumThemeButtonColorPalette: MomentumThemeButtonColorPaletteProtocol {
@@ -687,6 +696,9 @@ open class LightMomentumThemeButtonColorPalette: MomentumThemeButtonColorPalette
     open var accentNormal: UIColor { return UIColor(hex: 0x1170CF) }
     open var accentHover: UIColor { return UIColor(hex: 0x0353A8) }
     open var accentPressed: UIColor { return UIColor(hex: 0x063A75) }
+    open var glassPrimaryNormal: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.80) }
+    open var glassPrimaryHover: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.70) }
+    open var glassPrimaryPressed: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.60) }
     public init() {}
 }
 open class LightMomentumThemeOutlineColorPalette: MomentumThemeOutlineColorPaletteProtocol {
@@ -908,6 +920,8 @@ open class LightMomentumThemeAvatarColorPalette: MomentumThemeAvatarColorPalette
     open var yellow: UIColor { return UIColor(hex: 0x7D4705) }
     open var hover: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.07) }
     open var pressed: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.20) }
+    open var glassNormal: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.07) }
+    open var glassActive: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.80) }
     public init() {}
 }
 open class LightMomentumThemeGradientDividerColorPalette: MomentumThemeGradientDividerColorPaletteProtocol {
@@ -1234,6 +1248,8 @@ open class SystemMomentumThemeBackgroundColorPalette: MomentumThemeBackgroundCol
     open var skeletonNormal2: UIColor { return systemColor(light: light, dark: dark, keyPath: \.skeletonNormal2) }
     open var skeletonNormal3: UIColor { return systemColor(light: light, dark: dark, keyPath: \.skeletonNormal3) }
     open var glassNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassNormal) }
+    open var glassOverlayNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassOverlayNormal) }
+    open var glassOverlayInactive: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassOverlayInactive) }
     public init() {}
 }
 open class SystemMomentumThemeButtonColorPalette: MomentumThemeButtonColorPaletteProtocol {
@@ -1260,6 +1276,9 @@ open class SystemMomentumThemeButtonColorPalette: MomentumThemeButtonColorPalett
     open var accentNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.accentNormal) }
     open var accentHover: UIColor { return systemColor(light: light, dark: dark, keyPath: \.accentHover) }
     open var accentPressed: UIColor { return systemColor(light: light, dark: dark, keyPath: \.accentPressed) }
+    open var glassPrimaryNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassPrimaryNormal) }
+    open var glassPrimaryHover: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassPrimaryHover) }
+    open var glassPrimaryPressed: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassPrimaryPressed) }
     public init() {}
 }
 open class SystemMomentumThemeOutlineColorPalette: MomentumThemeOutlineColorPaletteProtocol {
@@ -1501,6 +1520,8 @@ open class SystemMomentumThemeAvatarColorPalette: MomentumThemeAvatarColorPalett
     open var yellow: UIColor { return systemColor(light: light, dark: dark, keyPath: \.yellow) }
     open var hover: UIColor { return systemColor(light: light, dark: dark, keyPath: \.hover) }
     open var pressed: UIColor { return systemColor(light: light, dark: dark, keyPath: \.pressed) }
+    open var glassNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassNormal) }
+    open var glassActive: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassActive) }
     public init() {}
 }
 open class SystemMomentumThemeGradientDividerColorPalette: MomentumThemeGradientDividerColorPaletteProtocol {

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

@@ -4769,13 +4769,13 @@
         },
         "glass": {
           "normal": {
-            "value": "#00000080",
+            "value": "#00000099",
             "type": "color",
             "description": "Used for glass effect background for operation pop. ",
             "filePath": "src/theme/stable/dark.json",
             "isSource": true,
             "original": {
-              "value": "{color.core.black-alpha.50}",
+              "value": "{color.core.black-alpha.60}",
               "type": "color",
               "description": "Used for glass effect background for operation pop. "
             },
@@ -4794,6 +4794,64 @@
               "glass",
               "normal"
             ]
+          },
+          "overlay": {
+            "normal": {
+              "value": "#000000cc",
+              "type": "color",
+              "description": "Used for operation pop: knocked-back effect when signle card is selected",
+              "filePath": "src/theme/stable/dark.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.core.black-alpha.80}",
+                "type": "color",
+                "description": "Used for operation pop: knocked-back effect when signle card is selected"
+              },
+              "name": "mds-color-theme-background-glass-overlay-normal",
+              "attributes": {
+                "category": "color",
+                "type": "theme",
+                "item": "background",
+                "subitem": "glass",
+                "state": "overlay"
+              },
+              "path": [
+                "color",
+                "theme",
+                "background",
+                "glass",
+                "overlay",
+                "normal"
+              ]
+            },
+            "inactive": {
+              "value": "#00000066",
+              "type": "color",
+              "description": "Used for operation pop: knocked-back effect when signle card is selected",
+              "filePath": "src/theme/stable/dark.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.core.black-alpha.40}",
+                "type": "color",
+                "description": "Used for operation pop: knocked-back effect when signle card is selected"
+              },
+              "name": "mds-color-theme-background-glass-overlay-inactive",
+              "attributes": {
+                "category": "color",
+                "type": "theme",
+                "item": "background",
+                "subitem": "glass",
+                "state": "overlay"
+              },
+              "path": [
+                "color",
+                "theme",
+                "background",
+                "glass",
+                "overlay",
+                "inactive"
+              ]
+            }
           }
         }
       },
@@ -5420,6 +5478,94 @@
               "pressed"
             ]
           }
+        },
+        "glass": {
+          "primary": {
+            "normal": {
+              "value": "#ffffffcc",
+              "type": "color",
+              "description": "Used for Operation pop button",
+              "filePath": "src/theme/stable/dark.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.core.white-alpha.80}",
+                "type": "color",
+                "description": "Used for Operation pop button"
+              },
+              "name": "mds-color-theme-button-glass-primary-normal",
+              "attributes": {
+                "category": "color",
+                "type": "theme",
+                "item": "button",
+                "subitem": "glass",
+                "state": "primary"
+              },
+              "path": [
+                "color",
+                "theme",
+                "button",
+                "glass",
+                "primary",
+                "normal"
+              ]
+            },
+            "hover": {
+              "value": "#ffffffb3",
+              "type": "color",
+              "description": "Used for Operation pop button",
+              "filePath": "src/theme/stable/dark.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.core.white-alpha.70}",
+                "type": "color",
+                "description": "Used for Operation pop button"
+              },
+              "name": "mds-color-theme-button-glass-primary-hover",
+              "attributes": {
+                "category": "color",
+                "type": "theme",
+                "item": "button",
+                "subitem": "glass",
+                "state": "primary"
+              },
+              "path": [
+                "color",
+                "theme",
+                "button",
+                "glass",
+                "primary",
+                "hover"
+              ]
+            },
+            "pressed": {
+              "value": "#ffffff99",
+              "type": "color",
+              "description": "Used for Operation pop button",
+              "filePath": "src/theme/stable/dark.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.core.white-alpha.60}",
+                "type": "color",
+                "description": "Used for Operation pop button"
+              },
+              "name": "mds-color-theme-button-glass-primary-pressed",
+              "attributes": {
+                "category": "color",
+                "type": "theme",
+                "item": "button",
+                "subitem": "glass",
+                "state": "primary"
+              },
+              "path": [
+                "color",
+                "theme",
+                "button",
+                "glass",
+                "primary",
+                "pressed"
+              ]
+            }
+          }
         }
       },
       "outline": {
@@ -11479,6 +11625,62 @@
             "avatar",
             "yellow"
           ]
+        },
+        "glass": {
+          "normal": {
+            "value": "#ffffff12",
+            "type": "color",
+            "description": "Used for Operation pop",
+            "filePath": "src/theme/stable/dark.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.core.white-alpha.7}",
+              "type": "color",
+              "description": "Used for Operation pop"
+            },
+            "name": "mds-color-theme-avatar-glass-normal",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "avatar",
+              "subitem": "glass",
+              "state": "normal"
+            },
+            "path": [
+              "color",
+              "theme",
+              "avatar",
+              "glass",
+              "normal"
+            ]
+          },
+          "active": {
+            "value": "#ffffffcc",
+            "type": "color",
+            "description": "Used for Operation pop",
+            "filePath": "src/theme/stable/dark.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.core.white-alpha.80}",
+              "type": "color",
+              "description": "Used for Operation pop"
+            },
+            "name": "mds-color-theme-avatar-glass-active",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "avatar",
+              "subitem": "glass",
+              "state": "active"
+            },
+            "path": [
+              "color",
+              "theme",
+              "avatar",
+              "glass",
+              "active"
+            ]
+          }
         }
       },
       "focus": {

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

@@ -4711,6 +4711,64 @@
               "glass",
               "normal"
             ]
+          },
+          "overlay": {
+            "normal": {
+              "value": "#ffff00",
+              "type": "color",
+              "description": "Used for operation pop: knocked-back effect when signle card is selected",
+              "filePath": "src/theme/stable/highcontrast/hc_dark.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.highcontrast.black.HotlightColor}",
+                "type": "color",
+                "description": "Used for operation pop: knocked-back effect when signle card is selected"
+              },
+              "name": "mds-color-theme-background-glass-overlay-normal",
+              "attributes": {
+                "category": "color",
+                "type": "theme",
+                "item": "background",
+                "subitem": "glass",
+                "state": "overlay"
+              },
+              "path": [
+                "color",
+                "theme",
+                "background",
+                "glass",
+                "overlay",
+                "normal"
+              ]
+            },
+            "inactive": {
+              "value": "#000000",
+              "type": "color",
+              "description": "Used for operation pop: knocked-back effect when signle card is selected",
+              "filePath": "src/theme/stable/highcontrast/hc_dark.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.highcontrast.black.WindowColor}",
+                "type": "color",
+                "description": "Used for operation pop: knocked-back effect when signle card is selected"
+              },
+              "name": "mds-color-theme-background-glass-overlay-inactive",
+              "attributes": {
+                "category": "color",
+                "type": "theme",
+                "item": "background",
+                "subitem": "glass",
+                "state": "overlay"
+              },
+              "path": [
+                "color",
+                "theme",
+                "background",
+                "glass",
+                "overlay",
+                "inactive"
+              ]
+            }
           }
         }
       },
@@ -5309,6 +5367,94 @@
               "pressed"
             ]
           }
+        },
+        "glass": {
+          "primary": {
+            "normal": {
+              "value": "#000000",
+              "type": "color",
+              "description": "Used for Operation pop button",
+              "filePath": "src/theme/stable/highcontrast/hc_dark.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.highcontrast.black.ButtonFaceColor}",
+                "type": "color",
+                "description": "Used for Operation pop button"
+              },
+              "name": "mds-color-theme-button-glass-primary-normal",
+              "attributes": {
+                "category": "color",
+                "type": "theme",
+                "item": "button",
+                "subitem": "glass",
+                "state": "primary"
+              },
+              "path": [
+                "color",
+                "theme",
+                "button",
+                "glass",
+                "primary",
+                "normal"
+              ]
+            },
+            "hover": {
+              "value": "#1aebff",
+              "type": "color",
+              "description": "Used for Operation pop button",
+              "filePath": "src/theme/stable/highcontrast/hc_dark.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.highcontrast.black.HighlightColor}",
+                "type": "color",
+                "description": "Used for Operation pop button"
+              },
+              "name": "mds-color-theme-button-glass-primary-hover",
+              "attributes": {
+                "category": "color",
+                "type": "theme",
+                "item": "button",
+                "subitem": "glass",
+                "state": "primary"
+              },
+              "path": [
+                "color",
+                "theme",
+                "button",
+                "glass",
+                "primary",
+                "hover"
+              ]
+            },
+            "pressed": {
+              "value": "#1aebff",
+              "type": "color",
+              "description": "Used for Operation pop button",
+              "filePath": "src/theme/stable/highcontrast/hc_dark.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.highcontrast.black.HighlightColor}",
+                "type": "color",
+                "description": "Used for Operation pop button"
+              },
+              "name": "mds-color-theme-button-glass-primary-pressed",
+              "attributes": {
+                "category": "color",
+                "type": "theme",
+                "item": "button",
+                "subitem": "glass",
+                "state": "primary"
+              },
+              "path": [
+                "color",
+                "theme",
+                "button",
+                "glass",
+                "primary",
+                "pressed"
+              ]
+            }
+          }
         }
       },
       "outline": {
@@ -8720,6 +8866,62 @@
             "avatar",
             "pressed"
           ]
+        },
+        "glass": {
+          "normal": {
+            "value": "#ffffff",
+            "type": "color",
+            "description": "Used for Operation pop",
+            "filePath": "src/theme/stable/highcontrast/hc_dark.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.highcontrast.black.WindowTextColor}",
+              "type": "color",
+              "description": "Used for Operation pop"
+            },
+            "name": "mds-color-theme-avatar-glass-normal",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "avatar",
+              "subitem": "glass",
+              "state": "normal"
+            },
+            "path": [
+              "color",
+              "theme",
+              "avatar",
+              "glass",
+              "normal"
+            ]
+          },
+          "active": {
+            "value": "#ffffff",
+            "type": "color",
+            "description": "Used for Operation pop",
+            "filePath": "src/theme/stable/highcontrast/hc_dark.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.highcontrast.black.WindowTextColor}",
+              "type": "color",
+              "description": "Used for Operation pop"
+            },
+            "name": "mds-color-theme-avatar-glass-active",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "avatar",
+              "subitem": "glass",
+              "state": "active"
+            },
+            "path": [
+              "color",
+              "theme",
+              "avatar",
+              "glass",
+              "active"
+            ]
+          }
         }
       },
       "common": {