@momentum-design/tokens 0.0.50 → 0.0.52

package/dist/json/theme/webex/light-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": {
@@ -6049,15 +6135,15 @@
       "outline": {
         "primary": {
           "normal": {
-            "value": "#00000066",
+            "value": "#00000080",
             "type": "color",
-            "description": "",
+            "description": "Theme Token: OutlinePrimary-normal\nCore Token: black-alpha-50",
             "filePath": "src/theme/stable/light.json",
             "isSource": true,
             "original": {
-              "value": "{color.core.black-alpha.40}",
+              "value": "{color.core.black-alpha.50}",
               "type": "color",
-              "description": ""
+              "description": "Theme Token: OutlinePrimary-normal\nCore Token: black-alpha-50"
             },
             "name": "mds-color-theme-outline-primary-normal",
             "attributes": {
@@ -6192,15 +6278,15 @@
         },
         "button": {
           "normal": {
-            "value": "#0000004d",
+            "value": "#00000080",
             "type": "color",
-            "description": "",
+            "description": "Theme Token: OutlineButton-normal\nCore Token: black-alpha-50",
             "filePath": "src/theme/stable/light.json",
             "isSource": true,
             "original": {
-              "value": "{color.core.black-alpha.30}",
+              "value": "{color.core.black-alpha.50}",
               "type": "color",
-              "description": ""
+              "description": "Theme Token: OutlineButton-normal\nCore Token: black-alpha-50"
             },
             "name": "mds-color-theme-outline-button-normal",
             "attributes": {
@@ -6306,94 +6392,6 @@
             ]
           }
         },
-        "gradient": {
-          "active": {
-            "0": {
-              "value": "#08599c",
-              "type": "color",
-              "description": "",
-              "filePath": "src/theme/stable/light.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/light.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/light.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 +6777,64 @@
               "violet"
             ]
           }
+        },
+        "promotion": {
+          "normal": {
+            "value": "linear-gradient(46deg, #251329 -0.03%, #a12a3a 99.99%)",
+            "type": "color",
+            "description": "Used for border of Promootion Banner",
+            "filePath": "src/theme/stable/light.json",
+            "isSource": true,
+            "original": {
+              "value": "linear-gradient(46deg, {color.decorative.purple.100} -0.03%, {color.decorative.pink.70} 99.99%)",
+              "type": "color",
+              "description": "Used for border of Promootion 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/light.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 +7411,15 @@
       "scrollbar": {
         "button": {
           "normal": {
-            "value": "#00000033",
+            "value": "#00000066",
             "type": "color",
-            "description": "",
+            "description": "Theme Token:ScrollbarButton-normal\nCore Token: black-alpha-40",
             "filePath": "src/theme/stable/light.json",
             "isSource": true,
             "original": {
-              "value": "{color.core.black-alpha.20}",
+              "value": "{color.core.black-alpha.40}",
               "type": "color",
-              "description": ""
+              "description": "Theme Token:ScrollbarButton-normal\nCore Token: black-alpha-40"
             },
             "name": "mds-color-theme-scrollbar-button-normal",
             "attributes": {
@@ -7382,15 +7438,15 @@
             ]
           },
           "hover": {
-            "value": "#0000004d",
+            "value": "#00000080",
             "type": "color",
-            "description": "",
+            "description": "Theme Token: ScrollbarButton-hover\nCore Token: black-alpha-50",
             "filePath": "src/theme/stable/light.json",
             "isSource": true,
             "original": {
-              "value": "{color.core.black-alpha.30}",
+              "value": "{color.core.black-alpha.50}",
               "type": "color",
-              "description": ""
+              "description": "Theme Token: ScrollbarButton-hover\nCore Token: black-alpha-50"
             },
             "name": "mds-color-theme-scrollbar-button-hover",
             "attributes": {
@@ -7409,15 +7465,15 @@
             ]
           },
           "pressed": {
-            "value": "#00000066",
+            "value": "#00000099",
             "type": "color",
-            "description": "",
+            "description": "Theme Token: ScrollbarButton-pressed\nCore Token: black-alpha-60",
             "filePath": "src/theme/stable/light.json",
             "isSource": true,
             "original": {
-              "value": "{color.core.black-alpha.40}",
+              "value": "{color.core.black-alpha.60}",
               "type": "color",
-              "description": ""
+              "description": "Theme Token: ScrollbarButton-pressed\nCore Token: black-alpha-60"
             },
             "name": "mds-color-theme-scrollbar-button-pressed",
             "attributes": {
@@ -7494,15 +7550,15 @@
               ]
             },
             "hover": {
-              "value": "#0000001c",
+              "value": "#00000033",
               "type": "color",
-              "description": "",
+              "description": "Theme Token: ScrollbarArrowBackground-hover\nCore Token: black-alpha-20",
               "filePath": "src/theme/stable/light.json",
               "isSource": true,
               "original": {
-                "value": "{color.core.black-alpha.11}",
+                "value": "{color.core.black-alpha.20}",
                 "type": "color",
-                "description": ""
+                "description": "Theme Token: ScrollbarArrowBackground-hover\nCore Token: black-alpha-20"
               },
               "name": "mds-color-theme-scrollbar-arrow-background-hover",
               "attributes": {
@@ -7522,15 +7578,15 @@
               ]
             },
             "pressed": {
-              "value": "#00000033",
+              "value": "#0000004d",
               "type": "color",
-              "description": "",
+              "description": "Theme Token: ScrollbarArrowBackground-press\nCore Token: black-alpha-30",
               "filePath": "src/theme/stable/light.json",
               "isSource": true,
               "original": {
-                "value": "{color.core.black-alpha.20}",
+                "value": "{color.core.black-alpha.30}",
                 "type": "color",
-                "description": ""
+                "description": "Theme Token: ScrollbarArrowBackground-press\nCore Token: black-alpha-30"
               },
               "name": "mds-color-theme-scrollbar-arrow-background-pressed",
               "attributes": {

package/dist/json-minimal/core/complete.json

@@ -408,6 +408,28 @@
       "slides": "#0F9D58",
       "keynote": "#029CFB",
       "doc": "#4285f4"
+    },
+    "highcontrast": {
+      "black": {
+        "SystemColorWindowTextColor": "#ffffff",
+        "SystemColorHotlightColor": "#ffff00",
+        "SystemColorGrayTextColor": "#3ff23f",
+        "SystemColorHighlightTextColor": "#000000",
+        "SystemColorHighlightColor": "#1aebff",
+        "SystemColorButtonTextColor": "#ffffff",
+        "SystemColorButtonFaceColor": "#000000",
+        "SystemColorWindowColor": "#000000"
+      },
+      "white": {
+        "SystemColorWindowTextColor": "#000000",
+        "SystemColorHotlightColor": "#00009f",
+        "SystemColorGrayTextColor": "#600000",
+        "SystemColorHighlightTextColor": "#ffffff",
+        "SystemColorHighlightColor": "#37006e",
+        "SystemColorButtonTextColor": "#000000",
+        "SystemColorButtonFaceColor": "#ffffff",
+        "SystemColorWindowColor": "#ffffff"
+      }
     }
   },
   "elevation": {

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

@@ -60,6 +60,11 @@
               "0": "#30c9b0",
               "1": "#64b4fa"
             }
+          },
+          "promotion": {
+            "normal": "linear-gradient(46deg, #932099 -0.03%, #a12a3a 99.99%)",
+            "hover": "linear-gradient(46deg, #601e66 -0.04%, #66262d 99.97%)",
+            "active": "linear-gradient(46deg, #3b1840 -0.05%, #3b1e21 99.96%)"
           }
         },
         "outline": {

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

@@ -617,6 +617,18 @@
           "slides": "#0F9D58",
           "keynotes": "#029CFB"
         }
+      },
+      "promotion": {
+        "button": {
+          "fixed": {
+            "default": "linear-gradient(46deg, #932099 -0.03%, #a12a3a 99.99%)",
+            "hover": "linear-gradient(46deg, #601e66 -0.04%, #66262d 99.97%)",
+            "active": "linear-gradient(46deg, #3b1840 -0.05%, #3b1e21 99.96%)"
+          }
+        },
+        "border": {
+          "default": "linear-gradient(46deg, #c233c4 -0.03%, #d43b52 99.99%)"
+        }
       }
     }
   }

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

@@ -60,6 +60,11 @@
               "0": "#30c9b0",
               "1": "#64b4fa"
             }
+          },
+          "promotion": {
+            "normal": "linear-gradient(46deg, #932099 -0.03%, #a12a3a 99.99%)",
+            "hover": "linear-gradient(46deg, #601e66 -0.04%, #66262d 99.97%)",
+            "active": "linear-gradient(46deg, #3b1840 -0.05%, #3b1e21 99.96%)"
           }
         },
         "outline": {
@@ -153,7 +158,7 @@
         "secondary": {
           "normal": "#ffffffb3",
           "inverted": {
-            "normal": "#00000099"
+            "normal": "#000000b3"
           }
         },
         "error": {
@@ -189,9 +194,9 @@
             "active": "#fce1fc"
           },
           "orange": {
-            "normal": "#FEBA7F",
-            "hover": "#FEEBD7",
-            "active": "#FEEBD7"
+            "normal": "#FD884E",
+            "hover": "#FED5AC",
+            "active": "#FED5AC"
           }
         },
         "team": {
@@ -419,7 +424,7 @@
       },
       "outline": {
         "primary": {
-          "normal": "#ffffff66"
+          "normal": "#ffffff80"
         },
         "theme": {
           "normal": "#64b4fa"
@@ -432,7 +437,7 @@
           "active": "#ffffffe6"
         },
         "button": {
-          "normal": "#ffffff4d"
+          "normal": "#ffffff80"
         },
         "join": {
           "normal": "#3cc29a"
@@ -443,13 +448,6 @@
         "disabled": {
           "normal": "#ffffff33"
         },
-        "gradient": {
-          "active": {
-            "0": "#08599c",
-            "1": "#22c7d6",
-            "2": "#27a17a"
-          }
-        },
         "share": {
           "selected": "#27a17a",
           "active": "#EC6400",
@@ -471,6 +469,12 @@
           "purple": "#f294f1",
           "slate": "#b0b4d9",
           "violet": "#c7a5fa"
+        },
+        "promotion": {
+          "normal": "linear-gradient(46deg, #c233c4 -0.03%, #d43b52 99.99%)"
+        },
+        "gradient": {
+          "active": "linear-gradient(44deg, #3492eb 14.64%, #00a3b5 51.1%, #3cc29a 85.36%);"
         }
       },
       "control": {
@@ -512,16 +516,16 @@
       },
       "scrollbar": {
         "button": {
-          "normal": "#ffffff33",
-          "hover": "#ffffff4d",
-          "pressed": "#ffffff66"
+          "normal": "#ffffff66",
+          "hover": "#ffffff80",
+          "pressed": "#ffffff99"
         },
         "arrow": {
           "normal": "#ffffffb3",
           "background": {
             "normal": "#ffffff00",
-            "hover": "#ffffff1c",
-            "pressed": "#ffffff33"
+            "hover": "#ffffff33",
+            "pressed": "#ffffff4d"
           }
         },
         "background": {

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

@@ -614,6 +614,18 @@
           "slides": "#0F9D58",
           "keynotes": "#029CFB"
         }
+      },
+      "promotion": {
+        "button": {
+          "fixed": {
+            "default": "linear-gradient(46deg, #932099 -0.03%, #a12a3a 99.99%)",
+            "hover": "linear-gradient(46deg, #601e66 -0.04%, #66262d 99.97%)",
+            "active": "linear-gradient(46deg, #3b1840 -0.05%, #3b1e21 99.96%)"
+          }
+        },
+        "border": {
+          "default": "linear-gradient(46deg, #251329 -0.03%, #a12a3a 99.99%)"
+        }
       }
     }
   }

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

@@ -60,6 +60,11 @@
               "0": "#30c9b0",
               "1": "#64b4fa"
             }
+          },
+          "promotion": {
+            "normal": "linear-gradient(46deg, #932099 -0.03%, #a12a3a 99.99%)",
+            "hover": "linear-gradient(46deg, #601e66 -0.04%, #66262d 99.97%)",
+            "active": "linear-gradient(46deg, #3b1840 -0.05%, #3b1e21 99.96%)"
           }
         },
         "outline": {
@@ -419,7 +424,7 @@
       },
       "outline": {
         "primary": {
-          "normal": "#00000066"
+          "normal": "#00000080"
         },
         "theme": {
           "normal": "#1170cf"
@@ -432,7 +437,7 @@
           "active": "#000000e6"
         },
         "button": {
-          "normal": "#0000004d"
+          "normal": "#00000080"
         },
         "join": {
           "normal": "#185e46"
@@ -443,13 +448,6 @@
         "disabled": {
           "normal": "#00000033"
         },
-        "gradient": {
-          "active": {
-            "0": "#08599c",
-            "1": "#22c7d6",
-            "2": "#27a17a"
-          }
-        },
         "share": {
           "selected": "#27a17a",
           "active": "#EC6400",
@@ -471,6 +469,12 @@
           "purple": "#f294f1",
           "slate": "#b0b4d9",
           "violet": "#c7a5fa"
+        },
+        "promotion": {
+          "normal": "linear-gradient(46deg, #251329 -0.03%, #a12a3a 99.99%)"
+        },
+        "gradient": {
+          "active": "linear-gradient(44deg, #3492eb 14.64%, #00a3b5 51.1%, #3cc29a 85.36%);"
         }
       },
       "control": {
@@ -512,16 +516,16 @@
       },
       "scrollbar": {
         "button": {
-          "normal": "#00000033",
-          "hover": "#0000004d",
-          "pressed": "#00000066"
+          "normal": "#00000066",
+          "hover": "#00000080",
+          "pressed": "#00000099"
         },
         "arrow": {
           "normal": "#00000099",
           "background": {
             "normal": "#00000000",
-            "hover": "#0000001c",
-            "pressed": "#00000033"
+            "hover": "#00000033",
+            "pressed": "#0000004d"
           }
         },
         "background": {