@momentum-design/tokens 0.2.6 → 0.2.8

package/dist/json/effect/complete.json

@@ -0,0 +1,21 @@
+{
+  "backdrop-filter": {
+    "value": "blur(10px)",
+    "type": "other",
+    "description": "Used for background blur effect glass effect",
+    "filePath": "src/core/effect.json",
+    "isSource": true,
+    "original": {
+      "value": "blur(10px)",
+      "type": "other",
+      "description": "Used for background blur effect glass effect"
+    },
+    "name": "mds-backdrop-filter",
+    "attributes": {
+      "category": "backdrop-filter"
+    },
+    "path": [
+      "backdrop-filter"
+    ]
+  }
+}

package/dist/json/elevation/complete.json

@@ -0,0 +1,108 @@
+{
+  "elevation": {
+    "1": {
+      "value": "drop-shadow(0px 2px 8px rgba(0,0,0,0.2))",
+      "type": "boxShadow",
+      "filePath": "src/core/elevation.json",
+      "isSource": true,
+      "original": {
+        "value": {
+          "x": "0",
+          "y": "2",
+          "blur": "8",
+          "spread": "0",
+          "color": "rgba(0,0,0,0.2)",
+          "type": "dropShadow"
+        },
+        "type": "boxShadow"
+      },
+      "name": "mds-elevation-1",
+      "attributes": {
+        "category": "elevation",
+        "type": "1"
+      },
+      "path": [
+        "elevation",
+        "1"
+      ]
+    },
+    "2": {
+      "value": "drop-shadow(0px 4px 16px rgba(0,0,0,0.2))",
+      "type": "boxShadow",
+      "filePath": "src/core/elevation.json",
+      "isSource": true,
+      "original": {
+        "value": {
+          "x": "0",
+          "y": "4",
+          "blur": "16",
+          "spread": "0",
+          "color": "rgba(0,0,0,0.2)",
+          "type": "dropShadow"
+        },
+        "type": "boxShadow"
+      },
+      "name": "mds-elevation-2",
+      "attributes": {
+        "category": "elevation",
+        "type": "2"
+      },
+      "path": [
+        "elevation",
+        "2"
+      ]
+    },
+    "3": {
+      "value": "drop-shadow(0px 6px 24px rgba(0,0,0,0.25))",
+      "type": "boxShadow",
+      "filePath": "src/core/elevation.json",
+      "isSource": true,
+      "original": {
+        "value": {
+          "x": "0",
+          "y": "6",
+          "blur": "24",
+          "spread": "0",
+          "color": "rgba(0,0,0,0.25)",
+          "type": "dropShadow"
+        },
+        "type": "boxShadow"
+      },
+      "name": "mds-elevation-3",
+      "attributes": {
+        "category": "elevation",
+        "type": "3"
+      },
+      "path": [
+        "elevation",
+        "3"
+      ]
+    },
+    "4": {
+      "value": "drop-shadow(0px 12px 48px rgba(0,0,0,0.25))",
+      "type": "boxShadow",
+      "filePath": "src/core/elevation.json",
+      "isSource": true,
+      "original": {
+        "value": {
+          "x": "0",
+          "y": "12",
+          "blur": "48",
+          "spread": "0",
+          "color": "rgba(0,0,0,0.25)",
+          "type": "dropShadow"
+        },
+        "type": "boxShadow"
+      },
+      "name": "mds-elevation-4",
+      "attributes": {
+        "category": "elevation",
+        "type": "4"
+      },
+      "path": [
+        "elevation",
+        "4"
+      ]
+    }
+  }
+}

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

@@ -4766,6 +4766,35 @@
               "normal"
             ]
           }
+        },
+        "glass": {
+          "normal": {
+            "value": "#00000080",
+            "type": "color",
+            "description": "Used for glass effect background for operation pop. ",
+            "filePath": "src/theme/stable/dark.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.core.black-alpha.50}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-normal",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "normal"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "normal"
+            ]
+          }
         }
       },
       "button": {
@@ -11014,6 +11043,66 @@
               "hover"
             ]
           }
+        },
+        "vertical": {
+          "normal": {
+            "parent": "theme/stable/dark",
+            "type": "color",
+            "value": "linear-gradient(0deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%)",
+            "description": "linear-gradient(0deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%)\nUsed for default default on compose area in space",
+            "filePath": "src/theme/stable/dark.json",
+            "isSource": true,
+            "original": {
+              "parent": "theme/stable/dark",
+              "type": "color",
+              "value": "linear-gradient(0deg, {color.core.white-alpha.0} 0%, {color.core.white-alpha.20} 22.4%, {color.core.white-alpha.20} 72.4%, {color.core.white-alpha.0} 100%)",
+              "description": "linear-gradient(0deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%)\nUsed for default default on compose area in space"
+            },
+            "name": "mds-color-theme-gradientdivider-vertical-normal",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "gradientdivider",
+              "subitem": "vertical",
+              "state": "normal"
+            },
+            "path": [
+              "color",
+              "theme",
+              "gradientdivider",
+              "vertical",
+              "normal"
+            ]
+          },
+          "hover": {
+            "parent": "theme/stable/dark",
+            "type": "color",
+            "value": "linear-gradient(0deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%)",
+            "description": "linear-gradient(0deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%)\nUsed for hover state of gradient divider for spaces",
+            "filePath": "src/theme/stable/dark.json",
+            "isSource": true,
+            "original": {
+              "parent": "theme/stable/dark",
+              "type": "color",
+              "value": "linear-gradient(0deg, {color.core.white-alpha.0} 0%, {color.core.white-alpha.60} 22.4%, {color.core.white-alpha.60} 72.4%, {color.core.white-alpha.0} 100%)",
+              "description": "linear-gradient(0deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%)\nUsed for hover state of gradient divider for spaces"
+            },
+            "name": "mds-color-theme-gradientdivider-vertical-hover",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "gradientdivider",
+              "subitem": "vertical",
+              "state": "hover"
+            },
+            "path": [
+              "color",
+              "theme",
+              "gradientdivider",
+              "vertical",
+              "hover"
+            ]
+          }
         }
       },
       "avatar": {

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

@@ -4683,6 +4683,35 @@
               "normal"
             ]
           }
+        },
+        "glass": {
+          "normal": {
+            "value": "#000000",
+            "type": "color",
+            "description": "Used for glass effect background for operation pop. ",
+            "filePath": "src/theme/stable/highcontrast/hc_dark.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.highcontrast.black.WindowColor}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-normal",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "normal"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "normal"
+            ]
+          }
         }
       },
       "button": {
@@ -8263,6 +8292,62 @@
               "hover"
             ]
           }
+        },
+        "vertical": {
+          "normal": {
+            "parent": "theme/stable/highcontrast/hc_dark",
+            "type": "color",
+            "value": "#ffffff",
+            "filePath": "src/theme/stable/highcontrast/hc_dark.json",
+            "isSource": true,
+            "original": {
+              "parent": "theme/stable/highcontrast/hc_dark",
+              "type": "color",
+              "value": "{color.highcontrast.black.WindowTextColor}"
+            },
+            "name": "mds-color-theme-gradientdivider-vertical-normal",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "gradientdivider",
+              "subitem": "vertical",
+              "state": "normal"
+            },
+            "path": [
+              "color",
+              "theme",
+              "gradientdivider",
+              "vertical",
+              "normal"
+            ]
+          },
+          "hover": {
+            "parent": "theme/stable/highcontrast/hc_dark",
+            "type": "color",
+            "value": "#ffffff",
+            "filePath": "src/theme/stable/highcontrast/hc_dark.json",
+            "isSource": true,
+            "original": {
+              "parent": "theme/stable/highcontrast/hc_dark",
+              "type": "color",
+              "value": "{color.highcontrast.black.WindowTextColor}"
+            },
+            "name": "mds-color-theme-gradientdivider-vertical-hover",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "gradientdivider",
+              "subitem": "vertical",
+              "state": "hover"
+            },
+            "path": [
+              "color",
+              "theme",
+              "gradientdivider",
+              "vertical",
+              "hover"
+            ]
+          }
         }
       },
       "avatar": {
@@ -9913,6 +9998,34 @@
                 "disabled"
               ]
             }
+          },
+          "warning": {
+            "normal": {
+              "value": "#ffffff",
+              "type": "color",
+              "filePath": "src/theme/stable/highcontrast/hc_dark.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.highcontrast.black.WindowTextColor}",
+                "type": "color"
+              },
+              "name": "mds-color-theme-common-outline-warning-normal",
+              "attributes": {
+                "category": "color",
+                "type": "theme",
+                "item": "common",
+                "subitem": "outline",
+                "state": "warning"
+              },
+              "path": [
+                "color",
+                "theme",
+                "common",
+                "outline",
+                "warning",
+                "normal"
+              ]
+            }
           }
         },
         "control": {

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

@@ -4685,6 +4685,35 @@
               "normal"
             ]
           }
+        },
+        "glass": {
+          "normal": {
+            "value": "#ffffff",
+            "type": "color",
+            "description": "Used for glass effect background for operation pop. ",
+            "filePath": "src/theme/stable/highcontrast/hc_light.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.highcontrast.white.WindowColor}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-normal",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "normal"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "normal"
+            ]
+          }
         }
       },
       "button": {
@@ -9463,6 +9492,34 @@
                 "disabled"
               ]
             }
+          },
+          "warning": {
+            "normal": {
+              "value": "#000000",
+              "type": "color",
+              "filePath": "src/theme/stable/highcontrast/hc_light.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.highcontrast.white.WindowTextColor}",
+                "type": "color"
+              },
+              "name": "mds-color-theme-common-outline-warning-normal",
+              "attributes": {
+                "category": "color",
+                "type": "theme",
+                "item": "common",
+                "subitem": "outline",
+                "state": "warning"
+              },
+              "path": [
+                "color",
+                "theme",
+                "common",
+                "outline",
+                "warning",
+                "normal"
+              ]
+            }
           }
         },
         "control": {
@@ -10935,6 +10992,66 @@
               "hover"
             ]
           }
+        },
+        "vertical": {
+          "normal": {
+            "parent": "theme/stable/dark",
+            "type": "color",
+            "value": "#000000",
+            "description": "Used for default default on compose area in space",
+            "filePath": "src/theme/stable/highcontrast/hc_light.json",
+            "isSource": true,
+            "original": {
+              "parent": "theme/stable/dark",
+              "type": "color",
+              "value": "{color.highcontrast.white.WindowTextColor}",
+              "description": "Used for default default on compose area in space"
+            },
+            "name": "mds-color-theme-gradientdivider-vertical-normal",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "gradientdivider",
+              "subitem": "vertical",
+              "state": "normal"
+            },
+            "path": [
+              "color",
+              "theme",
+              "gradientdivider",
+              "vertical",
+              "normal"
+            ]
+          },
+          "hover": {
+            "parent": "theme/stable/dark",
+            "type": "color",
+            "value": "#000000",
+            "description": "linear-gradient(90deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%)\nUsed for hover state of gradient divider for spaces",
+            "filePath": "src/theme/stable/highcontrast/hc_light.json",
+            "isSource": true,
+            "original": {
+              "parent": "theme/stable/dark",
+              "type": "color",
+              "value": "{color.highcontrast.white.WindowTextColor}",
+              "description": "linear-gradient(90deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%)\nUsed for hover state of gradient divider for spaces"
+            },
+            "name": "mds-color-theme-gradientdivider-vertical-hover",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "gradientdivider",
+              "subitem": "vertical",
+              "state": "hover"
+            },
+            "path": [
+              "color",
+              "theme",
+              "gradientdivider",
+              "vertical",
+              "hover"
+            ]
+          }
         }
       },
       "focus": {

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

@@ -4766,6 +4766,35 @@
               "normal"
             ]
           }
+        },
+        "glass": {
+          "normal": {
+            "value": "#ffffff80",
+            "type": "color",
+            "description": "Used for glass effect background for operation pop. ",
+            "filePath": "src/theme/stable/light.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.core.white-alpha.50}",
+              "type": "color",
+              "description": "Used for glass effect background for operation pop. "
+            },
+            "name": "mds-color-theme-background-glass-normal",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "background",
+              "subitem": "glass",
+              "state": "normal"
+            },
+            "path": [
+              "color",
+              "theme",
+              "background",
+              "glass",
+              "normal"
+            ]
+          }
         }
       },
       "button": {
@@ -6320,15 +6349,15 @@
             "normal": {
               "parent": "theme/stable/light",
               "type": "color",
-              "value": "#8f8f8f",
-              "description": "Core Token: #8f8f8f\nHEX: #8f8f8f\nUsed for progress indicator",
+              "value": "#707070",
+              "description": "Core Token: #707070\nHEX: #707070\nUsed for progress bar indicator",
               "filePath": "src/theme/stable/light.json",
               "isSource": true,
               "original": {
                 "parent": "theme/stable/light",
                 "type": "color",
-                "value": "{color.core.gray.50}",
-                "description": "Core Token: {color.core.gray.50}\nHEX: #8f8f8f\nUsed for progress indicator"
+                "value": "{color.core.gray.60}",
+                "description": "Core Token: {color.core.gray.60}\nHEX: #707070\nUsed for progress bar indicator"
               },
               "name": "mds-color-theme-control-indicator-inactive-normal",
               "attributes": {
@@ -8467,6 +8496,34 @@
                 "disabled"
               ]
             }
+          },
+          "warning": {
+            "normal": {
+              "value": "#f2990a",
+              "type": "color",
+              "filePath": "src/theme/stable/light.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.core.yellow.40}",
+                "type": "color"
+              },
+              "name": "mds-color-theme-common-outline-warning-normal",
+              "attributes": {
+                "category": "color",
+                "type": "theme",
+                "item": "common",
+                "subitem": "outline",
+                "state": "warning"
+              },
+              "path": [
+                "color",
+                "theme",
+                "common",
+                "outline",
+                "warning",
+                "normal"
+              ]
+            }
           }
         },
         "control": {
@@ -11428,6 +11485,66 @@
               "hover"
             ]
           }
+        },
+        "vertical": {
+          "normal": {
+            "parent": "theme/stable/dark",
+            "type": "color",
+            "value": "linear-gradient(0deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%)",
+            "description": "linear-gradient(0deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%)\nUsed for default default on compose area in space",
+            "filePath": "src/theme/stable/light.json",
+            "isSource": true,
+            "original": {
+              "parent": "theme/stable/dark",
+              "type": "color",
+              "value": "linear-gradient(0deg, {color.core.black-alpha.0} 0%, {color.core.black-alpha.20} 22.4%, {color.core.black-alpha.20} 72.4%, {color.core.black-alpha.0} 100%)",
+              "description": "linear-gradient(0deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%)\nUsed for default default on compose area in space"
+            },
+            "name": "mds-color-theme-gradientdivider-vertical-normal",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "gradientdivider",
+              "subitem": "vertical",
+              "state": "normal"
+            },
+            "path": [
+              "color",
+              "theme",
+              "gradientdivider",
+              "vertical",
+              "normal"
+            ]
+          },
+          "hover": {
+            "parent": "theme/stable/dark",
+            "type": "color",
+            "value": "linear-gradient(0deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%)",
+            "description": "linear-gradient(0deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%)\nUsed for hover state of gradient divider for spaces",
+            "filePath": "src/theme/stable/light.json",
+            "isSource": true,
+            "original": {
+              "parent": "theme/stable/dark",
+              "type": "color",
+              "value": "linear-gradient(0deg, {color.core.black-alpha.0} 0%, {color.core.black-alpha.60} 22.4%, {color.core.black-alpha.60} 72.4%, {color.core.black-alpha.0} 100%)",
+              "description": "linear-gradient(0deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%)\nUsed for hover state of gradient divider for spaces"
+            },
+            "name": "mds-color-theme-gradientdivider-vertical-hover",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "gradientdivider",
+              "subitem": "vertical",
+              "state": "hover"
+            },
+            "path": [
+              "color",
+              "theme",
+              "gradientdivider",
+              "vertical",
+              "hover"
+            ]
+          }
         }
       },
       "focus": {

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

@@ -0,0 +1,3 @@
+{
+  "backdrop-filter": "blur(10px)"
+}

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

@@ -0,0 +1,8 @@
+{
+  "elevation": {
+    "1": "drop-shadow(0px 2px 8px rgba(0,0,0,0.2))",
+    "2": "drop-shadow(0px 4px 16px rgba(0,0,0,0.2))",
+    "3": "drop-shadow(0px 6px 24px rgba(0,0,0,0.25))",
+    "4": "drop-shadow(0px 12px 48px rgba(0,0,0,0.25))"
+  }
+}