@momentum-design/tokens 0.2.7 → 0.3.0

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

@@ -4766,6 +4766,93 @@
               "normal"
             ]
           }
+        },
+        "glass": {
+          "normal": {
+            "value": "#ffffff99",
+            "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.60}",
+              "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"
+            ]
+          },
+          "overlay": {
+            "normal": {
+              "value": "#ffffffcc",
+              "type": "color",
+              "description": "Used for operation pop: knocked-back effect when signle card is selected",
+              "filePath": "src/theme/stable/light.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.core.white-alpha.80}",
+                "type": "color",
+                "description": "Used for operation pop: knocked-back effect when signle card is selected"
+              },
+              "name": "mds-color-theme-background-glass-overlay-normal",
+              "attributes": {
+                "category": "color",
+                "type": "theme",
+                "item": "background",
+                "subitem": "glass",
+                "state": "overlay"
+              },
+              "path": [
+                "color",
+                "theme",
+                "background",
+                "glass",
+                "overlay",
+                "normal"
+              ]
+            },
+            "inactive": {
+              "value": "#ffffff66",
+              "type": "color",
+              "description": "Used for operation pop: knocked-back effect when signle card is selected",
+              "filePath": "src/theme/stable/light.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.core.white-alpha.40}",
+                "type": "color",
+                "description": "Used for operation pop: knocked-back effect when signle card is selected"
+              },
+              "name": "mds-color-theme-background-glass-overlay-inactive",
+              "attributes": {
+                "category": "color",
+                "type": "theme",
+                "item": "background",
+                "subitem": "glass",
+                "state": "overlay"
+              },
+              "path": [
+                "color",
+                "theme",
+                "background",
+                "glass",
+                "overlay",
+                "inactive"
+              ]
+            }
+          }
         }
       },
       "button": {
@@ -5391,6 +5478,94 @@
               "pressed"
             ]
           }
+        },
+        "glass": {
+          "primary": {
+            "normal": {
+              "value": "#000000cc",
+              "type": "color",
+              "description": "Used for Operation pop button",
+              "filePath": "src/theme/stable/light.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.core.black-alpha.80}",
+                "type": "color",
+                "description": "Used for Operation pop button"
+              },
+              "name": "mds-color-theme-button-glass-primary-normal",
+              "attributes": {
+                "category": "color",
+                "type": "theme",
+                "item": "button",
+                "subitem": "glass",
+                "state": "primary"
+              },
+              "path": [
+                "color",
+                "theme",
+                "button",
+                "glass",
+                "primary",
+                "normal"
+              ]
+            },
+            "hover": {
+              "value": "#000000b3",
+              "type": "color",
+              "description": "Used for Operation pop button",
+              "filePath": "src/theme/stable/light.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.core.black-alpha.70}",
+                "type": "color",
+                "description": "Used for Operation pop button"
+              },
+              "name": "mds-color-theme-button-glass-primary-hover",
+              "attributes": {
+                "category": "color",
+                "type": "theme",
+                "item": "button",
+                "subitem": "glass",
+                "state": "primary"
+              },
+              "path": [
+                "color",
+                "theme",
+                "button",
+                "glass",
+                "primary",
+                "hover"
+              ]
+            },
+            "pressed": {
+              "value": "#00000099",
+              "type": "color",
+              "description": "Used for Operation pop button",
+              "filePath": "src/theme/stable/light.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.core.black-alpha.60}",
+                "type": "color",
+                "description": "Used for Operation pop button"
+              },
+              "name": "mds-color-theme-button-glass-primary-pressed",
+              "attributes": {
+                "category": "color",
+                "type": "theme",
+                "item": "button",
+                "subitem": "glass",
+                "state": "primary"
+              },
+              "path": [
+                "color",
+                "theme",
+                "button",
+                "glass",
+                "primary",
+                "pressed"
+              ]
+            }
+          }
         }
       },
       "outline": {
@@ -8467,6 +8642,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": {
@@ -11006,6 +11209,62 @@
             "avatar",
             "pressed"
           ]
+        },
+        "glass": {
+          "normal": {
+            "value": "#00000012",
+            "type": "color",
+            "description": "Used for Operation pop",
+            "filePath": "src/theme/stable/light.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.core.black-alpha.7}",
+              "type": "color",
+              "description": "Used for Operation pop"
+            },
+            "name": "mds-color-theme-avatar-glass-normal",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "avatar",
+              "subitem": "glass",
+              "state": "normal"
+            },
+            "path": [
+              "color",
+              "theme",
+              "avatar",
+              "glass",
+              "normal"
+            ]
+          },
+          "active": {
+            "value": "#ffffffcc",
+            "type": "color",
+            "description": "Used for Operation pop",
+            "filePath": "src/theme/stable/light.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.core.white-alpha.80}",
+              "type": "color",
+              "description": "Used for Operation pop"
+            },
+            "name": "mds-color-theme-avatar-glass-active",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "avatar",
+              "subitem": "glass",
+              "state": "active"
+            },
+            "path": [
+              "color",
+              "theme",
+              "avatar",
+              "glass",
+              "active"
+            ]
+          }
         }
       },
       "gradientdivider": {
@@ -11428,6 +11687,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))"
+  }
+}

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

@@ -303,6 +303,13 @@
         },
         "skeleton": {
           "normal": "linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%)"
+        },
+        "glass": {
+          "normal": "#00000099",
+          "overlay": {
+            "normal": "#00000099",
+            "inactive": "#00000066"
+          }
         }
       },
       "button": {
@@ -338,6 +345,13 @@
           "normal": "#1170cf",
           "hover": "#0353a8",
           "pressed": "#063a75"
+        },
+        "glass": {
+          "primary": {
+            "normal": "#ffffffcc",
+            "hover": "#ffffffb3",
+            "pressed": "#ffffff99"
+          }
         }
       },
       "outline": {
@@ -746,6 +760,10 @@
         "purple": {
           "normal": "linear-gradient(90deg, #f294f100 0%, #f294f199 22.4%, #f294f199 76.04%, #f294f100 100%)",
           "hover": "linear-gradient(90deg, #f294f100 0%, #f294f1E6 22.4%, #f294f1E6 76.04%, #f294f100 100%)"
+        },
+        "vertical": {
+          "normal": "linear-gradient(0deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%)",
+          "hover": "linear-gradient(0deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%)"
         }
       },
       "avatar": {
@@ -762,7 +780,11 @@
         "purple": "#932099",
         "slate": "#535573",
         "violet": "#643abd",
-        "yellow": "#7d4705"
+        "yellow": "#7d4705",
+        "glass": {
+          "normal": "#ffffff12",
+          "active": "#ffffffcc"
+        }
       },
       "focus": {
         "default": {

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

@@ -301,6 +301,13 @@
         },
         "skeleton": {
           "normal": "#000000"
+        },
+        "glass": {
+          "normal": "#000000",
+          "overlay": {
+            "normal": "#ffff00",
+            "inactive": "#000000"
+          }
         }
       },
       "button": {
@@ -335,6 +342,13 @@
           "normal": "#000000",
           "hover": "#1aebff",
           "pressed": "#1aebff"
+        },
+        "glass": {
+          "primary": {
+            "normal": "#000000",
+            "hover": "#1aebff",
+            "pressed": "#1aebff"
+          }
         }
       },
       "outline": {
@@ -555,6 +569,10 @@
         "purple": {
           "normal": "#ffffff",
           "hover": "#ffffff"
+        },
+        "vertical": {
+          "normal": "#ffffff",
+          "hover": "#ffffff"
         }
       },
       "avatar": {
@@ -571,7 +589,11 @@
         "violet": "#ffffff",
         "yellow": "#ffffff",
         "hover": "#ffffff",
-        "pressed": "#ffffff"
+        "pressed": "#ffffff",
+        "glass": {
+          "normal": "#ffffff",
+          "active": "#ffffff"
+        }
       },
       "common": {
         "text": {
@@ -673,6 +695,9 @@
           "secondary": {
             "primary": "#ffffff",
             "disabled": "#3ff23f"
+          },
+          "warning": {
+            "normal": "#ffffff"
           }
         },
         "control": {

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

@@ -301,6 +301,13 @@
         },
         "skeleton": {
           "normal": "#ffffff"
+        },
+        "glass": {
+          "normal": "#ffffff",
+          "overlay": {
+            "normal": "#00009f",
+            "inactive": "#ffffff"
+          }
         }
       },
       "button": {
@@ -335,6 +342,13 @@
           "normal": "#ffffff",
           "hover": "#37006e",
           "pressed": "#37006e"
+        },
+        "glass": {
+          "primary": {
+            "normal": "#ffffff",
+            "hover": "#37006e",
+            "pressed": "#37006e"
+          }
         }
       },
       "outline": {
@@ -541,7 +555,11 @@
         "violet": "#000000",
         "yellow": "#000000",
         "hover": "#000000",
-        "pressed": "#000000"
+        "pressed": "#000000",
+        "glass": {
+          "normal": "#000000",
+          "active": "#000000"
+        }
       },
       "common": {
         "text": {
@@ -643,6 +661,9 @@
           "secondary": {
             "primary": "#000000",
             "disabled": "#600000"
+          },
+          "warning": {
+            "normal": "#000000"
           }
         },
         "control": {
@@ -750,6 +771,10 @@
         "purple": {
           "normal": "#000000",
           "hover": "#000000"
+        },
+        "vertical": {
+          "normal": "#000000",
+          "hover": "#000000"
         }
       },
       "focus": {

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

@@ -303,6 +303,13 @@
         },
         "skeleton": {
           "normal": "linear-gradient(123deg, #00000033 0%, #0000004d 27.6%, #00000066 58.85%, #00000080 100%)"
+        },
+        "glass": {
+          "normal": "#ffffff99",
+          "overlay": {
+            "normal": "#ffffffcc",
+            "inactive": "#ffffff66"
+          }
         }
       },
       "button": {
@@ -338,6 +345,13 @@
           "normal": "#1170cf",
           "hover": "#0353a8",
           "pressed": "#063a75"
+        },
+        "glass": {
+          "primary": {
+            "normal": "#000000cc",
+            "hover": "#000000b3",
+            "pressed": "#00000099"
+          }
         }
       },
       "outline": {
@@ -554,6 +568,9 @@
           "secondary": {
             "normal": "#00000033",
             "disabled": "#00000033"
+          },
+          "warning": {
+            "normal": "#f2990a"
           }
         },
         "control": {
@@ -729,7 +746,11 @@
         "violet": "#643abd",
         "yellow": "#7d4705",
         "hover": "#00000012",
-        "pressed": "#00000033"
+        "pressed": "#00000033",
+        "glass": {
+          "normal": "#00000012",
+          "active": "#ffffffcc"
+        }
       },
       "gradientdivider": {
         "default": {
@@ -759,6 +780,10 @@
         "purple": {
           "normal": "linear-gradient(90deg, #93209900 0%, #93209999 22.4%, #93209999 76.04%, #93209900 100%)",
           "hover": "linear-gradient(90deg, #93209900 0%,#932099E6 22.4%, #932099E6 76.04%, #93209900 100%)"
+        },
+        "vertical": {
+          "normal": "linear-gradient(0deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%)",
+          "hover": "linear-gradient(0deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%)"
         }
       },
       "focus": {

package/dist/resources/core/complete.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Mon, 02 Dec 2024 20:02:24 GMT
+  Generated on Thu, 12 Dec 2024 13:30:38 GMT
 -->
 <resources>
   <color name="mds-color-core-white-alpha-0">#ffffff00</color>

package/dist/resources/effect/complete.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+  Do not edit directly
+  Generated on Thu, 12 Dec 2024 13:30:38 GMT
+-->
+<resources>
+  <string name="mds-backdrop-filter">blur(10px)</string>
+  
+</resources>

package/dist/resources/elevation/complete.xml

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+  Do not edit directly
+  Generated on Thu, 12 Dec 2024 13:30:43 GMT
+-->
+<resources>
+  <string name="mds-elevation-1">drop-shadow(0px 2px 8px rgba(0,0,0,0.2))</string>
+  <string name="mds-elevation-2">drop-shadow(0px 4px 16px rgba(0,0,0,0.2))</string>
+  <string name="mds-elevation-3">drop-shadow(0px 6px 24px rgba(0,0,0,0.25))</string>
+  <string name="mds-elevation-4">drop-shadow(0px 12px 48px rgba(0,0,0,0.25))</string>
+  
+</resources>

package/dist/resources/theme/aaos/day-complete.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Mon, 02 Dec 2024 20:02:26 GMT
+  Generated on Thu, 12 Dec 2024 13:30:40 GMT
 -->
 <resources>
   <color name="mds-color-theme-surface-neutral-0-default">#17181b</color>

package/dist/resources/theme/aaos/night-complete.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Mon, 02 Dec 2024 20:02:26 GMT
+  Generated on Thu, 12 Dec 2024 13:30:40 GMT
 -->
 <resources>
   <color name="mds-color-theme-surface-neutral-0-default">#0e1013</color>