@momentum-design/tokens 0.0.49 → 0.0.51

package/dist/json/core/complete.json

@@ -7256,6 +7256,412 @@
           "doc"
         ]
       }
+    },
+    "highcontrast": {
+      "black": {
+        "SystemColorWindowTextColor": {
+          "description": "Text main color",
+          "value": "#ffffff",
+          "type": "color",
+          "filePath": "src/core/color.json",
+          "isSource": true,
+          "original": {
+            "description": "Text main color",
+            "value": "#ffffff",
+            "type": "color"
+          },
+          "name": "mds-color-highcontrast-black-system-color-window-text-color",
+          "attributes": {
+            "category": "color",
+            "type": "highcontrast",
+            "item": "black",
+            "subitem": "SystemColorWindowTextColor"
+          },
+          "path": [
+            "color",
+            "highcontrast",
+            "black",
+            "SystemColorWindowTextColor"
+          ]
+        },
+        "SystemColorHotlightColor": {
+          "description": "SystemColorHighlightColor. Used for Hyperlink + Actionable Text/Icons",
+          "value": "#ffff00",
+          "type": "color",
+          "filePath": "src/core/color.json",
+          "isSource": true,
+          "original": {
+            "description": "SystemColorHighlightColor. Used for Hyperlink + Actionable Text/Icons",
+            "value": "#ffff00",
+            "type": "color"
+          },
+          "name": "mds-color-highcontrast-black-system-color-hotlight-color",
+          "attributes": {
+            "category": "color",
+            "type": "highcontrast",
+            "item": "black",
+            "subitem": "SystemColorHotlightColor"
+          },
+          "path": [
+            "color",
+            "highcontrast",
+            "black",
+            "SystemColorHotlightColor"
+          ]
+        },
+        "SystemColorGrayTextColor": {
+          "description": "SystemColorGrayTextColor. Used for disabled state",
+          "value": "#3ff23f",
+          "type": "color",
+          "filePath": "src/core/color.json",
+          "isSource": true,
+          "original": {
+            "description": "SystemColorGrayTextColor. Used for disabled state",
+            "value": "#3ff23f",
+            "type": "color"
+          },
+          "name": "mds-color-highcontrast-black-system-color-gray-text-color",
+          "attributes": {
+            "category": "color",
+            "type": "highcontrast",
+            "item": "black",
+            "subitem": "SystemColorGrayTextColor"
+          },
+          "path": [
+            "color",
+            "highcontrast",
+            "black",
+            "SystemColorGrayTextColor"
+          ]
+        },
+        "SystemColorHighlightTextColor": {
+          "description": "SystemColorHighlightTextColor. Used for Inverted text color for active/highlighted items",
+          "value": "#000000",
+          "type": "color",
+          "filePath": "src/core/color.json",
+          "isSource": true,
+          "original": {
+            "description": "SystemColorHighlightTextColor. Used for Inverted text color for active/highlighted items",
+            "value": "#000000",
+            "type": "color"
+          },
+          "name": "mds-color-highcontrast-black-system-color-highlight-text-color",
+          "attributes": {
+            "category": "color",
+            "type": "highcontrast",
+            "item": "black",
+            "subitem": "SystemColorHighlightTextColor"
+          },
+          "path": [
+            "color",
+            "highcontrast",
+            "black",
+            "SystemColorHighlightTextColor"
+          ]
+        },
+        "SystemColorHighlightColor": {
+          "description": "SystemColorHighlightColor. Used for Highlight/Hover/Press/Active/Enabled",
+          "value": "#1aebff",
+          "type": "color",
+          "filePath": "src/core/color.json",
+          "isSource": true,
+          "original": {
+            "description": "SystemColorHighlightColor. Used for Highlight/Hover/Press/Active/Enabled",
+            "value": "#1aebff",
+            "type": "color"
+          },
+          "name": "mds-color-highcontrast-black-system-color-highlight-color",
+          "attributes": {
+            "category": "color",
+            "type": "highcontrast",
+            "item": "black",
+            "subitem": "SystemColorHighlightColor"
+          },
+          "path": [
+            "color",
+            "highcontrast",
+            "black",
+            "SystemColorHighlightColor"
+          ]
+        },
+        "SystemColorButtonTextColor": {
+          "description": "SystemColorButtonTextColor",
+          "value": "#ffffff",
+          "type": "color",
+          "filePath": "src/core/color.json",
+          "isSource": true,
+          "original": {
+            "description": "SystemColorButtonTextColor",
+            "value": "#ffffff",
+            "type": "color"
+          },
+          "name": "mds-color-highcontrast-black-system-color-button-text-color",
+          "attributes": {
+            "category": "color",
+            "type": "highcontrast",
+            "item": "black",
+            "subitem": "SystemColorButtonTextColor"
+          },
+          "path": [
+            "color",
+            "highcontrast",
+            "black",
+            "SystemColorButtonTextColor"
+          ]
+        },
+        "SystemColorButtonFaceColor": {
+          "description": "SystemColorButtonFaceColor. Used for button background",
+          "value": "#000000",
+          "type": "color",
+          "filePath": "src/core/color.json",
+          "isSource": true,
+          "original": {
+            "description": "SystemColorButtonFaceColor. Used for button background",
+            "value": "#000000",
+            "type": "color"
+          },
+          "name": "mds-color-highcontrast-black-system-color-button-face-color",
+          "attributes": {
+            "category": "color",
+            "type": "highcontrast",
+            "item": "black",
+            "subitem": "SystemColorButtonFaceColor"
+          },
+          "path": [
+            "color",
+            "highcontrast",
+            "black",
+            "SystemColorButtonFaceColor"
+          ]
+        },
+        "SystemColorWindowColor": {
+          "description": "SystemColorWindowColor. Used for Primary BG",
+          "value": "#000000",
+          "type": "color",
+          "filePath": "src/core/color.json",
+          "isSource": true,
+          "original": {
+            "description": "SystemColorWindowColor. Used for Primary BG",
+            "value": "#000000",
+            "type": "color"
+          },
+          "name": "mds-color-highcontrast-black-system-color-window-color",
+          "attributes": {
+            "category": "color",
+            "type": "highcontrast",
+            "item": "black",
+            "subitem": "SystemColorWindowColor"
+          },
+          "path": [
+            "color",
+            "highcontrast",
+            "black",
+            "SystemColorWindowColor"
+          ]
+        }
+      },
+      "white": {
+        "SystemColorWindowTextColor": {
+          "description": "Text main color",
+          "value": "#000000",
+          "type": "color",
+          "filePath": "src/core/color.json",
+          "isSource": true,
+          "original": {
+            "description": "Text main color",
+            "value": "#000000",
+            "type": "color"
+          },
+          "name": "mds-color-highcontrast-white-system-color-window-text-color",
+          "attributes": {
+            "category": "color",
+            "type": "highcontrast",
+            "item": "white",
+            "subitem": "SystemColorWindowTextColor"
+          },
+          "path": [
+            "color",
+            "highcontrast",
+            "white",
+            "SystemColorWindowTextColor"
+          ]
+        },
+        "SystemColorHotlightColor": {
+          "description": "SystemColorHighlightColor. Used for Hyperlink + Actionable Text/Icons",
+          "value": "#00009f",
+          "type": "color",
+          "filePath": "src/core/color.json",
+          "isSource": true,
+          "original": {
+            "description": "SystemColorHighlightColor. Used for Hyperlink + Actionable Text/Icons",
+            "value": "#00009f",
+            "type": "color"
+          },
+          "name": "mds-color-highcontrast-white-system-color-hotlight-color",
+          "attributes": {
+            "category": "color",
+            "type": "highcontrast",
+            "item": "white",
+            "subitem": "SystemColorHotlightColor"
+          },
+          "path": [
+            "color",
+            "highcontrast",
+            "white",
+            "SystemColorHotlightColor"
+          ]
+        },
+        "SystemColorGrayTextColor": {
+          "description": "SystemColorGrayTextColor. Used for disabled state",
+          "value": "#600000",
+          "type": "color",
+          "filePath": "src/core/color.json",
+          "isSource": true,
+          "original": {
+            "description": "SystemColorGrayTextColor. Used for disabled state",
+            "value": "#600000",
+            "type": "color"
+          },
+          "name": "mds-color-highcontrast-white-system-color-gray-text-color",
+          "attributes": {
+            "category": "color",
+            "type": "highcontrast",
+            "item": "white",
+            "subitem": "SystemColorGrayTextColor"
+          },
+          "path": [
+            "color",
+            "highcontrast",
+            "white",
+            "SystemColorGrayTextColor"
+          ]
+        },
+        "SystemColorHighlightTextColor": {
+          "description": "SystemColorHighlightTextColor. Used for Inverted text color for active/highlighted items",
+          "value": "#ffffff",
+          "type": "color",
+          "filePath": "src/core/color.json",
+          "isSource": true,
+          "original": {
+            "description": "SystemColorHighlightTextColor. Used for Inverted text color for active/highlighted items",
+            "value": "#ffffff",
+            "type": "color"
+          },
+          "name": "mds-color-highcontrast-white-system-color-highlight-text-color",
+          "attributes": {
+            "category": "color",
+            "type": "highcontrast",
+            "item": "white",
+            "subitem": "SystemColorHighlightTextColor"
+          },
+          "path": [
+            "color",
+            "highcontrast",
+            "white",
+            "SystemColorHighlightTextColor"
+          ]
+        },
+        "SystemColorHighlightColor": {
+          "description": "SystemColorHighlightColor. Used for Highlight/Hover/Press/Active/Enabled",
+          "value": "#37006e",
+          "type": "color",
+          "filePath": "src/core/color.json",
+          "isSource": true,
+          "original": {
+            "description": "SystemColorHighlightColor. Used for Highlight/Hover/Press/Active/Enabled",
+            "value": "#37006e",
+            "type": "color"
+          },
+          "name": "mds-color-highcontrast-white-system-color-highlight-color",
+          "attributes": {
+            "category": "color",
+            "type": "highcontrast",
+            "item": "white",
+            "subitem": "SystemColorHighlightColor"
+          },
+          "path": [
+            "color",
+            "highcontrast",
+            "white",
+            "SystemColorHighlightColor"
+          ]
+        },
+        "SystemColorButtonTextColor": {
+          "description": "SystemColorButtonTextColor",
+          "value": "#000000",
+          "type": "color",
+          "filePath": "src/core/color.json",
+          "isSource": true,
+          "original": {
+            "description": "SystemColorButtonTextColor",
+            "value": "#000000",
+            "type": "color"
+          },
+          "name": "mds-color-highcontrast-white-system-color-button-text-color",
+          "attributes": {
+            "category": "color",
+            "type": "highcontrast",
+            "item": "white",
+            "subitem": "SystemColorButtonTextColor"
+          },
+          "path": [
+            "color",
+            "highcontrast",
+            "white",
+            "SystemColorButtonTextColor"
+          ]
+        },
+        "SystemColorButtonFaceColor": {
+          "description": "SystemColorButtonFaceColor. Used for button background",
+          "value": "#ffffff",
+          "type": "color",
+          "filePath": "src/core/color.json",
+          "isSource": true,
+          "original": {
+            "description": "SystemColorButtonFaceColor. Used for button background",
+            "value": "#ffffff",
+            "type": "color"
+          },
+          "name": "mds-color-highcontrast-white-system-color-button-face-color",
+          "attributes": {
+            "category": "color",
+            "type": "highcontrast",
+            "item": "white",
+            "subitem": "SystemColorButtonFaceColor"
+          },
+          "path": [
+            "color",
+            "highcontrast",
+            "white",
+            "SystemColorButtonFaceColor"
+          ]
+        },
+        "SystemColorWindowColor": {
+          "description": "SystemColorWindowColor. Used for Primary BG",
+          "value": "#ffffff",
+          "type": "color",
+          "filePath": "src/core/color.json",
+          "isSource": true,
+          "original": {
+            "description": "SystemColorWindowColor. Used for Primary BG",
+            "value": "#ffffff",
+            "type": "color"
+          },
+          "name": "mds-color-highcontrast-white-system-color-window-color",
+          "attributes": {
+            "category": "color",
+            "type": "highcontrast",
+            "item": "white",
+            "subitem": "SystemColorWindowColor"
+          },
+          "path": [
+            "color",
+            "highcontrast",
+            "white",
+            "SystemColorWindowColor"
+          ]
+        }
+      }
     }
   },
   "elevation": {

package/dist/json/theme/webex/common-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": {

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

@@ -8375,6 +8375,125 @@
             ]
           }
         }
+      },
+      "promotion": {
+        "button": {
+          "fixed": {
+            "default": {
+              "value": "linear-gradient(46deg, #932099 -0.03%, #a12a3a 99.99%)",
+              "type": "color",
+              "description": "[Dark 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/dark.json",
+              "isSource": true,
+              "original": {
+                "value": "linear-gradient(46deg, {color.decorative.purple.70} -0.03%, {color.decorative.pink.70} 99.99%)",
+                "type": "color",
+                "description": "[Dark 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": "[Dark 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/dark.json",
+              "isSource": true,
+              "original": {
+                "value": "linear-gradient(46deg, {color.decorative.purple.80} -0.04%, {color.decorative.pink.80} 99.97%)",
+                "type": "color",
+                "description": "[Dark 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": "[Dark 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/dark.json",
+              "isSource": true,
+              "original": {
+                "value": "linear-gradient(46deg, {color.decorative.purple.90} -0.05%, {color.decorative.pink.90} 99.96%)",
+                "type": "color",
+                "description": "[Dark 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, #c233c4 -0.03%, #d43b52 99.99%)",
+            "type": "color",
+            "description": "[Dark Theme]\nTheme Token: color.theme.promotion.border.default\nCore Token: color.core.decorative.purple.60, color.core.decorative.pink.60\nHEX:  linear-gradient(46deg, #C233C4 -0.03%, #D43B52 99.99%);\nUsed for outline border of Promotional Buttons",
+            "filePath": "src/theme/webex/dark.json",
+            "isSource": true,
+            "original": {
+              "value": "linear-gradient(46deg, {color.decorative.purple.60} -0.03%, {color.decorative.pink.60} 99.99%)",
+              "type": "color",
+              "description": "[Dark Theme]\nTheme Token: color.theme.promotion.border.default\nCore Token: color.core.decorative.purple.60, color.core.decorative.pink.60\nHEX:  linear-gradient(46deg, #C233C4 -0.03%, #D43B52 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"
+            ]
+          }
+        }
       }
     }
   }