@momentum-design/tokens 0.0.50 → 0.0.52

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

@@ -869,6 +869,92 @@
                 ]
               }
             }
+          },
+          "promotion": {
+            "normal": {
+              "value": "linear-gradient(46deg, #932099 -0.03%, #a12a3a 99.99%)",
+              "type": "color",
+              "description": "Used for rest state of promotional button",
+              "filePath": "src/theme/stable/common.json",
+              "isSource": true,
+              "original": {
+                "value": "linear-gradient(46deg, {color.decorative.purple.70} -0.03%, {color.decorative.pink.70} 99.99%)",
+                "type": "color",
+                "description": "Used for rest state of promotional button"
+              },
+              "name": "mds-color-theme-common-button-promotion-normal",
+              "attributes": {
+                "category": "color",
+                "type": "theme",
+                "item": "common",
+                "subitem": "button",
+                "state": "promotion"
+              },
+              "path": [
+                "color",
+                "theme",
+                "common",
+                "button",
+                "promotion",
+                "normal"
+              ]
+            },
+            "hover": {
+              "value": "linear-gradient(46deg, #601e66 -0.04%, #66262d 99.97%)",
+              "type": "color",
+              "description": "Used for hover state of promotional button",
+              "filePath": "src/theme/stable/common.json",
+              "isSource": true,
+              "original": {
+                "value": "linear-gradient(46deg, {color.decorative.purple.80} -0.04%, {color.decorative.pink.80} 99.97%)",
+                "type": "color",
+                "description": "Used for hover state of promotional button"
+              },
+              "name": "mds-color-theme-common-button-promotion-hover",
+              "attributes": {
+                "category": "color",
+                "type": "theme",
+                "item": "common",
+                "subitem": "button",
+                "state": "promotion"
+              },
+              "path": [
+                "color",
+                "theme",
+                "common",
+                "button",
+                "promotion",
+                "hover"
+              ]
+            },
+            "active": {
+              "value": "linear-gradient(46deg, #3b1840 -0.05%, #3b1e21 99.96%)",
+              "type": "color",
+              "description": "Used for active state of promotional button",
+              "filePath": "src/theme/stable/common.json",
+              "isSource": true,
+              "original": {
+                "value": "linear-gradient(46deg, {color.decorative.purple.90} -0.05%, {color.decorative.pink.90} 99.96%)",
+                "type": "color",
+                "description": "Used for active state of promotional button"
+              },
+              "name": "mds-color-theme-common-button-promotion-active",
+              "attributes": {
+                "category": "color",
+                "type": "theme",
+                "item": "common",
+                "subitem": "button",
+                "state": "promotion"
+              },
+              "path": [
+                "color",
+                "theme",
+                "common",
+                "button",
+                "promotion",
+                "active"
+              ]
+            }
           }
         },
         "outline": {
@@ -1975,15 +2061,13 @@
           },
           "inverted": {
             "normal": {
-              "value": "#00000099",
+              "value": "#000000b3",
               "type": "color",
-              "description": "",
               "filePath": "src/theme/stable/dark.json",
               "isSource": true,
               "original": {
-                "value": "{color.core.black-alpha.60}",
-                "type": "color",
-                "description": ""
+                "value": "{color.core.black-alpha.70}",
+                "type": "color"
               },
               "name": "mds-color-theme-text-secondary-inverted-normal",
               "attributes": {
@@ -2533,15 +2617,13 @@
           },
           "orange": {
             "normal": {
-              "value": "#FEBA7F",
+              "value": "#FD884E",
               "type": "color",
-              "description": "",
               "filePath": "src/theme/stable/dark.json",
               "isSource": true,
               "original": {
-                "value": "{color.core.orange.30}",
-                "type": "color",
-                "description": ""
+                "value": "{color.core.orange.40}",
+                "type": "color"
               },
               "name": "mds-color-theme-text-alert-orange-normal",
               "attributes": {
@@ -2561,15 +2643,13 @@
               ]
             },
             "hover": {
-              "value": "#FEEBD7",
+              "value": "#FED5AC",
               "type": "color",
-              "description": "",
               "filePath": "src/theme/stable/dark.json",
               "isSource": true,
               "original": {
-                "value": "{color.core.orange.10}",
-                "type": "color",
-                "description": ""
+                "value": "{color.core.orange.20}",
+                "type": "color"
               },
               "name": "mds-color-theme-text-alert-orange-hover",
               "attributes": {
@@ -2589,15 +2669,13 @@
               ]
             },
             "active": {
-              "value": "#FEEBD7",
+              "value": "#FED5AC",
               "type": "color",
-              "description": "",
               "filePath": "src/theme/stable/dark.json",
               "isSource": true,
               "original": {
-                "value": "{color.core.orange.10}",
-                "type": "color",
-                "description": ""
+                "value": "{color.core.orange.20}",
+                "type": "color"
               },
               "name": "mds-color-theme-text-alert-orange-active",
               "attributes": {
@@ -6049,15 +6127,15 @@
       "outline": {
         "primary": {
           "normal": {
-            "value": "#ffffff66",
+            "value": "#ffffff80",
             "type": "color",
-            "description": "",
+            "description": "Theme Token: OutlinePrimary-normal\nCore Token: white-alpha-50",
             "filePath": "src/theme/stable/dark.json",
             "isSource": true,
             "original": {
-              "value": "{color.core.white-alpha.40}",
+              "value": "{color.core.white-alpha.50}",
               "type": "color",
-              "description": ""
+              "description": "Theme Token: OutlinePrimary-normal\nCore Token: white-alpha-50"
             },
             "name": "mds-color-theme-outline-primary-normal",
             "attributes": {
@@ -6192,15 +6270,15 @@
         },
         "button": {
           "normal": {
-            "value": "#ffffff4d",
+            "value": "#ffffff80",
             "type": "color",
-            "description": "",
+            "description": "Theme Token: OutlineButton-normal\nCore Token: white-alpha-50",
             "filePath": "src/theme/stable/dark.json",
             "isSource": true,
             "original": {
-              "value": "{color.core.white-alpha.30}",
+              "value": "{color.core.white-alpha.50}",
               "type": "color",
-              "description": ""
+              "description": "Theme Token: OutlineButton-normal\nCore Token: white-alpha-50"
             },
             "name": "mds-color-theme-outline-button-normal",
             "attributes": {
@@ -6306,94 +6384,6 @@
             ]
           }
         },
-        "gradient": {
-          "active": {
-            "0": {
-              "value": "#08599c",
-              "type": "color",
-              "description": "",
-              "filePath": "src/theme/stable/dark.json",
-              "isSource": true,
-              "original": {
-                "value": "{color.decorative.cobalt.70}",
-                "type": "color",
-                "description": ""
-              },
-              "name": "mds-color-theme-outline-gradient-active-0",
-              "attributes": {
-                "category": "color",
-                "type": "theme",
-                "item": "outline",
-                "subitem": "gradient",
-                "state": "active"
-              },
-              "path": [
-                "color",
-                "theme",
-                "outline",
-                "gradient",
-                "active",
-                "0"
-              ]
-            },
-            "1": {
-              "value": "#22c7d6",
-              "type": "color",
-              "description": "",
-              "filePath": "src/theme/stable/dark.json",
-              "isSource": true,
-              "original": {
-                "value": "{color.decorative.cyan.40}",
-                "type": "color",
-                "description": ""
-              },
-              "name": "mds-color-theme-outline-gradient-active-1",
-              "attributes": {
-                "category": "color",
-                "type": "theme",
-                "item": "outline",
-                "subitem": "gradient",
-                "state": "active"
-              },
-              "path": [
-                "color",
-                "theme",
-                "outline",
-                "gradient",
-                "active",
-                "1"
-              ]
-            },
-            "2": {
-              "value": "#27a17a",
-              "type": "color",
-              "description": "",
-              "filePath": "src/theme/stable/dark.json",
-              "isSource": true,
-              "original": {
-                "value": "{color.core.green.50}",
-                "type": "color",
-                "description": ""
-              },
-              "name": "mds-color-theme-outline-gradient-active-2",
-              "attributes": {
-                "category": "color",
-                "type": "theme",
-                "item": "outline",
-                "subitem": "gradient",
-                "state": "active"
-              },
-              "path": [
-                "color",
-                "theme",
-                "outline",
-                "gradient",
-                "active",
-                "2"
-              ]
-            }
-          }
-        },
         "share": {
           "selected": {
             "value": "#27a17a",
@@ -6779,6 +6769,64 @@
               "violet"
             ]
           }
+        },
+        "promotion": {
+          "normal": {
+            "value": "linear-gradient(46deg, #c233c4 -0.03%, #d43b52 99.99%)",
+            "type": "color",
+            "description": "Used for border of Promotional Banner",
+            "filePath": "src/theme/stable/dark.json",
+            "isSource": true,
+            "original": {
+              "value": "linear-gradient(46deg, {color.decorative.purple.60} -0.03%, {color.decorative.pink.60} 99.99%)",
+              "type": "color",
+              "description": "Used for border of Promotional Banner"
+            },
+            "name": "mds-color-theme-outline-promotion-normal",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "outline",
+              "subitem": "promotion",
+              "state": "normal"
+            },
+            "path": [
+              "color",
+              "theme",
+              "outline",
+              "promotion",
+              "normal"
+            ]
+          }
+        },
+        "gradient": {
+          "active": {
+            "value": "linear-gradient(44deg, #3492eb 14.64%, #00a3b5 51.1%, #3cc29a 85.36%);",
+            "type": "color",
+            "description": "Theme Token: OutlineGradient-active\nCore Token: blue-50, cyan-50, green-40\nUsed for Webex Assitant AI , Halo Effect",
+            "filePath": "src/theme/stable/dark.json",
+            "isSource": true,
+            "original": {
+              "value": "linear-gradient(44deg, {color.core.blue.50} 14.64%, {color.decorative.cyan.50} 51.1%, {color.core.green.40} 85.36%);",
+              "type": "color",
+              "description": "Theme Token: OutlineGradient-active\nCore Token: blue-50, cyan-50, green-40\nUsed for Webex Assitant AI , Halo Effect"
+            },
+            "name": "mds-color-theme-outline-gradient-active",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "outline",
+              "subitem": "gradient",
+              "state": "active"
+            },
+            "path": [
+              "color",
+              "theme",
+              "outline",
+              "gradient",
+              "active"
+            ]
+          }
         }
       },
       "control": {
@@ -7355,15 +7403,15 @@
       "scrollbar": {
         "button": {
           "normal": {
-            "value": "#ffffff33",
+            "value": "#ffffff66",
             "type": "color",
-            "description": "",
+            "description": "Theme Token: ScrollbarButton-normal\nCoreToken: white-alpha-40",
             "filePath": "src/theme/stable/dark.json",
             "isSource": true,
             "original": {
-              "value": "{color.core.white-alpha.20}",
+              "value": "{color.core.white-alpha.40}",
               "type": "color",
-              "description": ""
+              "description": "Theme Token: ScrollbarButton-normal\nCoreToken: white-alpha-40"
             },
             "name": "mds-color-theme-scrollbar-button-normal",
             "attributes": {
@@ -7382,15 +7430,15 @@
             ]
           },
           "hover": {
-            "value": "#ffffff4d",
+            "value": "#ffffff80",
             "type": "color",
-            "description": "",
+            "description": "Theme Token: ScrollbarButton-hover\nCoreToken: white-alpha-50",
             "filePath": "src/theme/stable/dark.json",
             "isSource": true,
             "original": {
-              "value": "{color.core.white-alpha.30}",
+              "value": "{color.core.white-alpha.50}",
               "type": "color",
-              "description": ""
+              "description": "Theme Token: ScrollbarButton-hover\nCoreToken: white-alpha-50"
             },
             "name": "mds-color-theme-scrollbar-button-hover",
             "attributes": {
@@ -7409,15 +7457,15 @@
             ]
           },
           "pressed": {
-            "value": "#ffffff66",
+            "value": "#ffffff99",
             "type": "color",
-            "description": "",
+            "description": "Theme Token: ScrollbarButton-pressed\nCoreToken: white-alpha-60",
             "filePath": "src/theme/stable/dark.json",
             "isSource": true,
             "original": {
-              "value": "{color.core.white-alpha.40}",
+              "value": "{color.core.white-alpha.60}",
               "type": "color",
-              "description": ""
+              "description": "Theme Token: ScrollbarButton-pressed\nCoreToken: white-alpha-60"
             },
             "name": "mds-color-theme-scrollbar-button-pressed",
             "attributes": {
@@ -7494,15 +7542,15 @@
               ]
             },
             "hover": {
-              "value": "#ffffff1c",
+              "value": "#ffffff33",
               "type": "color",
-              "description": "",
+              "description": "Theme Token: ScrollbarArrowBackground-hover\nCoreToken: white-alpha-20",
               "filePath": "src/theme/stable/dark.json",
               "isSource": true,
               "original": {
-                "value": "{color.core.white-alpha.11}",
+                "value": "{color.core.white-alpha.20}",
                 "type": "color",
-                "description": ""
+                "description": "Theme Token: ScrollbarArrowBackground-hover\nCoreToken: white-alpha-20"
               },
               "name": "mds-color-theme-scrollbar-arrow-background-hover",
               "attributes": {
@@ -7522,15 +7570,15 @@
               ]
             },
             "pressed": {
-              "value": "#ffffff33",
+              "value": "#ffffff4d",
               "type": "color",
-              "description": "",
+              "description": "Theme Token: ScrollbarArrowBackground-press\nCoreToken: white-alpha-30",
               "filePath": "src/theme/stable/dark.json",
               "isSource": true,
               "original": {
-                "value": "{color.core.white-alpha.20}",
+                "value": "{color.core.white-alpha.30}",
                 "type": "color",
-                "description": ""
+                "description": "Theme Token: ScrollbarArrowBackground-press\nCoreToken: white-alpha-30"
               },
               "name": "mds-color-theme-scrollbar-arrow-background-pressed",
               "attributes": {

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

@@ -8270,6 +8270,125 @@
             ]
           }
         }
+      },
+      "promotion": {
+        "button": {
+          "fixed": {
+            "default": {
+              "value": "linear-gradient(46deg, #932099 -0.03%, #a12a3a 99.99%)",
+              "type": "color",
+              "description": "[Light Theme]\nTheme Token: color.theme.promotion.button.fixed.default\nCore Token: color.core.decorative.purple.70, color.core.decorative.pink.70\nHEX:  linear-gradient(46deg, #932099 -0.03%, #A12A3A 99.99%);\nUsed for default button background of Promotional Buttons\n\n*This color retains the same color in the dark/light theme.",
+              "filePath": "src/theme/webex/light.json",
+              "isSource": true,
+              "original": {
+                "value": "linear-gradient(46deg, {color.decorative.purple.70} -0.03%, {color.decorative.pink.70} 99.99%)",
+                "type": "color",
+                "description": "[Light Theme]\nTheme Token: color.theme.promotion.button.fixed.default\nCore Token: color.core.decorative.purple.70, color.core.decorative.pink.70\nHEX:  linear-gradient(46deg, #932099 -0.03%, #A12A3A 99.99%);\nUsed for default button background of Promotional Buttons\n\n*This color retains the same color in the dark/light theme."
+              },
+              "name": "mds-color-theme-promotion-button-fixed-default",
+              "attributes": {
+                "category": "color",
+                "type": "theme",
+                "item": "promotion",
+                "subitem": "button",
+                "state": "fixed"
+              },
+              "path": [
+                "color",
+                "theme",
+                "promotion",
+                "button",
+                "fixed",
+                "default"
+              ]
+            },
+            "hover": {
+              "value": "linear-gradient(46deg, #601e66 -0.04%, #66262d 99.97%)",
+              "type": "color",
+              "description": "[Light Theme]\nTheme Token: color.theme.promotion.button.fixed.hover\nCore Token: color.core.decorative.purple.80, color.core.decorative.pink.80\nHEX: linear-gradient(46deg, #601E66 -0.04%, #66262D 99.97%);\nUsed for hover button background of Promotional Buttons\n\n*This color retains the same color in the dark/light theme.",
+              "filePath": "src/theme/webex/light.json",
+              "isSource": true,
+              "original": {
+                "value": "linear-gradient(46deg, {color.decorative.purple.80} -0.04%, {color.decorative.pink.80} 99.97%)",
+                "type": "color",
+                "description": "[Light Theme]\nTheme Token: color.theme.promotion.button.fixed.hover\nCore Token: color.core.decorative.purple.80, color.core.decorative.pink.80\nHEX: linear-gradient(46deg, #601E66 -0.04%, #66262D 99.97%);\nUsed for hover button background of Promotional Buttons\n\n*This color retains the same color in the dark/light theme."
+              },
+              "name": "mds-color-theme-promotion-button-fixed-hover",
+              "attributes": {
+                "category": "color",
+                "type": "theme",
+                "item": "promotion",
+                "subitem": "button",
+                "state": "fixed"
+              },
+              "path": [
+                "color",
+                "theme",
+                "promotion",
+                "button",
+                "fixed",
+                "hover"
+              ]
+            },
+            "active": {
+              "value": "linear-gradient(46deg, #3b1840 -0.05%, #3b1e21 99.96%)",
+              "type": "color",
+              "description": "[Light Theme]\nTheme Token: color.theme.promotion.button.fixed.active\nCore Token: color.core.decorative.purple.90, color.core.decorative.pink.90\nHEX:  linear-gradient(46deg, #3B1840 -0.05%, #3B1E21 99.96%);\nUsed for active button background of Promotional Buttons\n\n*This color retains the same color in the dark/light theme.",
+              "filePath": "src/theme/webex/light.json",
+              "isSource": true,
+              "original": {
+                "value": "linear-gradient(46deg, {color.decorative.purple.90} -0.05%, {color.decorative.pink.90} 99.96%)",
+                "type": "color",
+                "description": "[Light Theme]\nTheme Token: color.theme.promotion.button.fixed.active\nCore Token: color.core.decorative.purple.90, color.core.decorative.pink.90\nHEX:  linear-gradient(46deg, #3B1840 -0.05%, #3B1E21 99.96%);\nUsed for active button background of Promotional Buttons\n\n*This color retains the same color in the dark/light theme."
+              },
+              "name": "mds-color-theme-promotion-button-fixed-active",
+              "attributes": {
+                "category": "color",
+                "type": "theme",
+                "item": "promotion",
+                "subitem": "button",
+                "state": "fixed"
+              },
+              "path": [
+                "color",
+                "theme",
+                "promotion",
+                "button",
+                "fixed",
+                "active"
+              ]
+            }
+          }
+        },
+        "border": {
+          "default": {
+            "value": "linear-gradient(46deg, #251329 -0.03%, #a12a3a 99.99%)",
+            "type": "color",
+            "description": "[Light Theme]\nTheme Token: color.theme.promotion.border.default\nCore Token: color.core.decorative.purple.100, color.core.decorative.pink.70\nHEX:  linear-gradient(46deg, #251329 -0.03%, #A12A3A 99.99%);\nUsed for outline border of Promotional Buttons",
+            "filePath": "src/theme/webex/light.json",
+            "isSource": true,
+            "original": {
+              "value": "linear-gradient(46deg, {color.decorative.purple.100} -0.03%, {color.decorative.pink.70} 99.99%)",
+              "type": "color",
+              "description": "[Light Theme]\nTheme Token: color.theme.promotion.border.default\nCore Token: color.core.decorative.purple.100, color.core.decorative.pink.70\nHEX:  linear-gradient(46deg, #251329 -0.03%, #A12A3A 99.99%);\nUsed for outline border of Promotional Buttons"
+            },
+            "name": "mds-color-theme-promotion-border-default",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "promotion",
+              "subitem": "border",
+              "state": "default"
+            },
+            "path": [
+              "color",
+              "theme",
+              "promotion",
+              "border",
+              "default"
+            ]
+          }
+        }
       }
     }
   }