@momentum-design/tokens 0.7.1 → 0.7.3

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

@@ -168,11 +168,10 @@ import UIKit
     var reactionNormal1: UIColor { get }
     var skeletonNormal: UIColor { get }
     var glassNormal: UIColor { get }
+    var glassActive: 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 }
     var glassRadial1: UIColor { get }
     var inputDisabled: UIColor { get }
@@ -234,6 +233,9 @@ import UIKit
     var warningNormal: UIColor { get }
     var glassNormal0: UIColor { get }
     var glassNormal1: UIColor { get }
+    var aiNormal0: UIColor { get }
+    var aiNormal1: UIColor { get }
+    var aiNormal2: UIColor { get }
 }
 @objc public protocol MomentumThemeControlColorPaletteProtocol: AnyObject {
     var activeNormal: UIColor { get }
@@ -678,11 +680,10 @@ 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 glassActive: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.60) }
     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) }
     open var glassRadial1: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.40) }
     open var inputDisabled: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.11) }
@@ -744,8 +745,11 @@ 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: 0x000000, withAlpha: 0.04) }
-    open var glassNormal1: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.11) }
+    open var glassNormal0: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.07) }
+    open var glassNormal1: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.20) }
+    open var aiNormal0: UIColor { return UIColor(hex: 0x0087EA) }
+    open var aiNormal1: UIColor { return UIColor(hex: 0x00BCEB) }
+    open var aiNormal2: UIColor { return UIColor(hex: 0x63FFF7) }
     public init() {}
 }
 open class LightMomentumThemeControlColorPalette: MomentumThemeControlColorPaletteProtocol {
@@ -1265,11 +1269,10 @@ 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 glassActive: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassActive) }
     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) }
     open var glassRadial1: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassRadial1) }
     open var inputDisabled: UIColor { return systemColor(light: light, dark: dark, keyPath: \.inputDisabled) }
@@ -1337,6 +1340,9 @@ open class SystemMomentumThemeOutlineColorPalette: MomentumThemeOutlineColorPale
     open var warningNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.warningNormal) }
     open var glassNormal0: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassNormal0) }
     open var glassNormal1: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassNormal1) }
+    open var aiNormal0: UIColor { return systemColor(light: light, dark: dark, keyPath: \.aiNormal0) }
+    open var aiNormal1: UIColor { return systemColor(light: light, dark: dark, keyPath: \.aiNormal1) }
+    open var aiNormal2: UIColor { return systemColor(light: light, dark: dark, keyPath: \.aiNormal2) }
     public init() {}
 }
 open class SystemMomentumThemeControlColorPalette: MomentumThemeControlColorPaletteProtocol {

package/dist/json/core/complete.json

@@ -8848,6 +8848,113 @@
           }
         }
       }
+    },
+    "ai": {
+      "mediumblue": {
+        "value": "#0051AF",
+        "type": "color",
+        "filePath": "src/core/value.json",
+        "isSource": true,
+        "original": {
+          "value": "#0051AF",
+          "type": "color"
+        },
+        "name": "mds-color-ai-mediumblue",
+        "attributes": {
+          "category": "color",
+          "type": "ai",
+          "item": "mediumblue"
+        },
+        "path": [
+          "color",
+          "ai",
+          "mediumblue"
+        ]
+      },
+      "skyblue": {
+        "value": "#00BCEB",
+        "type": "color",
+        "filePath": "src/core/value.json",
+        "isSource": true,
+        "original": {
+          "value": "#00BCEB",
+          "type": "color"
+        },
+        "name": "mds-color-ai-skyblue",
+        "attributes": {
+          "category": "color",
+          "type": "ai",
+          "item": "skyblue"
+        },
+        "path": [
+          "color",
+          "ai",
+          "skyblue"
+        ]
+      },
+      "green": {
+        "value": "#74BF4B",
+        "type": "color",
+        "filePath": "src/core/value.json",
+        "isSource": true,
+        "original": {
+          "value": "#74BF4B",
+          "type": "color"
+        },
+        "name": "mds-color-ai-green",
+        "attributes": {
+          "category": "color",
+          "type": "ai",
+          "item": "green"
+        },
+        "path": [
+          "color",
+          "ai",
+          "green"
+        ]
+      },
+      "steelblue": {
+        "value": "#0087EA",
+        "type": "color",
+        "filePath": "src/core/value.json",
+        "isSource": true,
+        "original": {
+          "value": "#0087EA",
+          "type": "color"
+        },
+        "name": "mds-color-ai-steelblue",
+        "attributes": {
+          "category": "color",
+          "type": "ai",
+          "item": "steelblue"
+        },
+        "path": [
+          "color",
+          "ai",
+          "steelblue"
+        ]
+      },
+      "aquablue": {
+        "value": "#63FFF7",
+        "type": "color",
+        "filePath": "src/core/value.json",
+        "isSource": true,
+        "original": {
+          "value": "#63FFF7",
+          "type": "color"
+        },
+        "name": "mds-color-ai-aquablue",
+        "attributes": {
+          "category": "color",
+          "type": "ai",
+          "item": "aquablue"
+        },
+        "path": [
+          "color",
+          "ai",
+          "aquablue"
+        ]
+      }
     }
   }
 }

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

@@ -4856,6 +4856,33 @@
               "normal"
             ]
           },
+          "active": {
+            "value": "#ffffff1c",
+            "type": "color",
+            "description": "Used for glass effect background for operation pop. ",
+            "filePath": "src/theme/stable/dark.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.core.white-alpha.11}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-active",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "active"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "active"
+            ]
+          },
           "light": {
             "value": "#00000066",
             "type": "color",
@@ -4937,64 +4964,6 @@
               "heavy"
             ]
           },
-          "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"
-              ]
-            }
-          },
           "radial": {
             "0": {
               "value": "#ffffff66",
@@ -6600,6 +6569,35 @@
               "normal"
             ]
           }
+        },
+        "ai": {
+          "normal": {
+            "type": "color",
+            "value": "linear-gradient(27deg, #0087EA 10.22%, #00BCEB 88.93%, #63FFF7 162.86%);",
+            "description": "linear-gradient(27deg, #3B76EA 10.22%, #00BCEB 88.93%, #63FFF7 162.86%);\nUsed for AI assistant feature",
+            "filePath": "src/theme/stable/dark.json",
+            "isSource": true,
+            "original": {
+              "type": "color",
+              "value": "linear-gradient(27deg, {color.ai.steelblue} 10.22%, {color.ai.skyblue} 88.93%, {color.ai.aquablue} 162.86%);",
+              "description": "linear-gradient(27deg, #3B76EA 10.22%, #00BCEB 88.93%, #63FFF7 162.86%);\nUsed for AI assistant feature"
+            },
+            "name": "mds-color-theme-outline-ai-normal",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "outline",
+              "subitem": "ai",
+              "state": "normal"
+            },
+            "path": [
+              "color",
+              "theme",
+              "outline",
+              "ai",
+              "normal"
+            ]
+          }
         }
       },
       "control": {

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

@@ -4856,6 +4856,33 @@
               "normal"
             ]
           },
+          "active": {
+            "value": "#ffffff1c",
+            "type": "color",
+            "description": "Used for glass effect background for operation pop. ",
+            "filePath": "src/theme/stable/dark.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.core.white-alpha.11}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-active",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "active"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "active"
+            ]
+          },
           "light": {
             "value": "#00000066",
             "type": "color",
@@ -4937,64 +4964,6 @@
               "heavy"
             ]
           },
-          "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"
-              ]
-            }
-          },
           "radial": {
             "0": {
               "value": "#ffffff66",
@@ -6600,6 +6569,35 @@
               "normal"
             ]
           }
+        },
+        "ai": {
+          "normal": {
+            "type": "color",
+            "value": "linear-gradient(27deg, #0087EA 10.22%, #00BCEB 88.93%, #63FFF7 162.86%);",
+            "description": "linear-gradient(27deg, #3B76EA 10.22%, #00BCEB 88.93%, #63FFF7 162.86%);\nUsed for AI assistant feature",
+            "filePath": "src/theme/stable/dark.json",
+            "isSource": true,
+            "original": {
+              "type": "color",
+              "value": "linear-gradient(27deg, {color.ai.steelblue} 10.22%, {color.ai.skyblue} 88.93%, {color.ai.aquablue} 162.86%);",
+              "description": "linear-gradient(27deg, #3B76EA 10.22%, #00BCEB 88.93%, #63FFF7 162.86%);\nUsed for AI assistant feature"
+            },
+            "name": "mds-color-theme-outline-ai-normal",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "outline",
+              "subitem": "ai",
+              "state": "normal"
+            },
+            "path": [
+              "color",
+              "theme",
+              "outline",
+              "ai",
+              "normal"
+            ]
+          }
         }
       },
       "control": {

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

@@ -4856,6 +4856,33 @@
               "normal"
             ]
           },
+          "active": {
+            "value": "#ffffff1c",
+            "type": "color",
+            "description": "Used for glass effect background for operation pop. ",
+            "filePath": "src/theme/stable/dark.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.core.white-alpha.11}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-active",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "active"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "active"
+            ]
+          },
           "light": {
             "value": "#00000066",
             "type": "color",
@@ -4937,64 +4964,6 @@
               "heavy"
             ]
           },
-          "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"
-              ]
-            }
-          },
           "radial": {
             "0": {
               "value": "#ffffff66",
@@ -6600,6 +6569,35 @@
               "normal"
             ]
           }
+        },
+        "ai": {
+          "normal": {
+            "type": "color",
+            "value": "linear-gradient(27deg, #0087EA 10.22%, #00BCEB 88.93%, #63FFF7 162.86%);",
+            "description": "linear-gradient(27deg, #3B76EA 10.22%, #00BCEB 88.93%, #63FFF7 162.86%);\nUsed for AI assistant feature",
+            "filePath": "src/theme/stable/dark.json",
+            "isSource": true,
+            "original": {
+              "type": "color",
+              "value": "linear-gradient(27deg, {color.ai.steelblue} 10.22%, {color.ai.skyblue} 88.93%, {color.ai.aquablue} 162.86%);",
+              "description": "linear-gradient(27deg, #3B76EA 10.22%, #00BCEB 88.93%, #63FFF7 162.86%);\nUsed for AI assistant feature"
+            },
+            "name": "mds-color-theme-outline-ai-normal",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "outline",
+              "subitem": "ai",
+              "state": "normal"
+            },
+            "path": [
+              "color",
+              "theme",
+              "outline",
+              "ai",
+              "normal"
+            ]
+          }
         }
       },
       "control": {