@momentum-design/tokens 0.6.1 → 0.6.2

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

@@ -168,6 +168,9 @@ import UIKit
     var reactionNormal1: UIColor { get }
     var skeletonNormal: UIColor { get }
     var glassNormal: UIColor { get }
+    var glassLight: UIColor { get }
+    var glassMedium: UIColor { get }
+    var glassHeavy: UIColor { get }
     var glassOverlayNormal: UIColor { get }
     var glassOverlayInactive: UIColor { get }
     var glassRadial0: UIColor { get }
@@ -675,6 +678,9 @@ open class LightMomentumThemeBackgroundColorPalette: MomentumThemeBackgroundColo
     open var reactionNormal1: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.00) }
     open var skeletonNormal: UIColor { return UIColor(hex: 0x8F8F8F) }
     open var glassNormal: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.40) }
+    open var glassLight: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.40) }
+    open var glassMedium: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.60) }
+    open var glassHeavy: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.80) }
     open var glassOverlayNormal: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.80) }
     open var glassOverlayInactive: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.40) }
     open var glassRadial0: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.90) }
@@ -738,8 +744,8 @@ open class LightMomentumThemeOutlineColorPalette: MomentumThemeOutlineColorPalet
     open var gradientActive1: UIColor { return UIColor(hex: 0x00A3B5) }
     open var gradientActive2: UIColor { return UIColor(hex: 0x3CC29A) }
     open var warningNormal: UIColor { return UIColor(hex: 0x7D4705) }
-    open var glassNormal0: UIColor { return UIColor(hex: 0xFFFFFF) }
-    open var glassNormal1: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.60) }
+    open var glassNormal0: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.04) }
+    open var glassNormal1: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.11) }
     public init() {}
 }
 open class LightMomentumThemeControlColorPalette: MomentumThemeControlColorPaletteProtocol {
@@ -1259,6 +1265,9 @@ open class SystemMomentumThemeBackgroundColorPalette: MomentumThemeBackgroundCol
     open var reactionNormal1: UIColor { return systemColor(light: light, dark: dark, keyPath: \.reactionNormal1) }
     open var skeletonNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.skeletonNormal) }
     open var glassNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassNormal) }
+    open var glassLight: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassLight) }
+    open var glassMedium: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassMedium) }
+    open var glassHeavy: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassHeavy) }
     open var glassOverlayNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassOverlayNormal) }
     open var glassOverlayInactive: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassOverlayInactive) }
     open var glassRadial0: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassRadial0) }

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

@@ -4856,6 +4856,87 @@
               "normal"
             ]
           },
+          "light": {
+            "value": "#00000066",
+            "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.40}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-light",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "light"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "light"
+            ]
+          },
+          "medium": {
+            "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.60}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-medium",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "medium"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "medium"
+            ]
+          },
+          "heavy": {
+            "value": "#000000cc",
+            "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.80}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-heavy",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "heavy"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "heavy"
+            ]
+          },
           "overlay": {
             "normal": {
               "value": "#000000cc",

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

@@ -4856,6 +4856,87 @@
               "normal"
             ]
           },
+          "light": {
+            "value": "#00000066",
+            "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.40}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-light",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "light"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "light"
+            ]
+          },
+          "medium": {
+            "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.60}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-medium",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "medium"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "medium"
+            ]
+          },
+          "heavy": {
+            "value": "#000000cc",
+            "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.80}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-heavy",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "heavy"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "heavy"
+            ]
+          },
           "overlay": {
             "normal": {
               "value": "#000000cc",

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

@@ -4856,6 +4856,87 @@
               "normal"
             ]
           },
+          "light": {
+            "value": "#00000066",
+            "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.40}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-light",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "light"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "light"
+            ]
+          },
+          "medium": {
+            "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.60}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-medium",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "medium"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "medium"
+            ]
+          },
+          "heavy": {
+            "value": "#000000cc",
+            "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.80}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-heavy",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "heavy"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "heavy"
+            ]
+          },
           "overlay": {
             "normal": {
               "value": "#000000cc",

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

@@ -4856,6 +4856,87 @@
               "normal"
             ]
           },
+          "light": {
+            "value": "#00000066",
+            "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.40}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-light",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "light"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "light"
+            ]
+          },
+          "medium": {
+            "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.60}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-medium",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "medium"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "medium"
+            ]
+          },
+          "heavy": {
+            "value": "#000000cc",
+            "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.80}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-heavy",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "heavy"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "heavy"
+            ]
+          },
           "overlay": {
             "normal": {
               "value": "#000000cc",

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

@@ -4856,6 +4856,87 @@
               "normal"
             ]
           },
+          "light": {
+            "value": "#00000066",
+            "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.40}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-light",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "light"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "light"
+            ]
+          },
+          "medium": {
+            "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.60}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-medium",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "medium"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "medium"
+            ]
+          },
+          "heavy": {
+            "value": "#000000cc",
+            "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.80}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-heavy",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "heavy"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "heavy"
+            ]
+          },
           "overlay": {
             "normal": {
               "value": "#000000cc",

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

@@ -4856,6 +4856,87 @@
               "normal"
             ]
           },
+          "light": {
+            "value": "#00000066",
+            "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.40}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-light",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "light"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "light"
+            ]
+          },
+          "medium": {
+            "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.60}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-medium",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "medium"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "medium"
+            ]
+          },
+          "heavy": {
+            "value": "#000000cc",
+            "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.80}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-heavy",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "heavy"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "heavy"
+            ]
+          },
           "overlay": {
             "normal": {
               "value": "#000000cc",

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

@@ -4772,6 +4772,87 @@
               "normal"
             ]
           },
+          "light": {
+            "value": "#000000",
+            "type": "color",
+            "description": "Used for glass effect background for operation pop. ",
+            "filePath": "src/theme/stable/highcontrast/hc_dark.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.highcontrast.black.WindowColor}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-light",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "light"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "light"
+            ]
+          },
+          "medium": {
+            "value": "#000000",
+            "type": "color",
+            "description": "Used for glass effect background for operation pop. ",
+            "filePath": "src/theme/stable/highcontrast/hc_dark.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.highcontrast.black.WindowColor}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-medium",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "medium"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "medium"
+            ]
+          },
+          "heavy": {
+            "value": "#000000",
+            "type": "color",
+            "description": "Used for glass effect background for operation pop. ",
+            "filePath": "src/theme/stable/highcontrast/hc_dark.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.highcontrast.black.WindowColor}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-heavy",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "heavy"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "heavy"
+            ]
+          },
           "overlay": {
             "normal": {
               "value": "#ffff00",