@momentum-design/tokens 0.6.0 → 0.6.1

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

@@ -4804,14 +4804,14 @@
         "skeleton": {
           "normal": {
             "type": "color",
-            "value": "linear-gradient(123deg, #00000033 0%, #0000004d 27.6%, #00000066 58.85%, #00000080 100%)",
-            "description": "linear-gradient(123deg, #00000033 0%, #0000004d 27.6%, #00000066 58.85%, #00000080 100%)",
+            "value": "#8f8f8f",
+            "description": "Used for skeleton component",
             "filePath": "src/theme/stable/light.json",
             "isSource": true,
             "original": {
               "type": "color",
-              "value": "linear-gradient(123deg, {color.core.black-alpha.20} 0%, {color.core.black-alpha.30} 27.6%, {color.core.black-alpha.40} 58.85%, {color.core.black-alpha.50} 100%)",
-              "description": "linear-gradient(123deg, #00000033 0%, #0000004d 27.6%, #00000066 58.85%, #00000080 100%)"
+              "value": "{color.core.gray.50}",
+              "description": "Used for skeleton component"
             },
             "name": "mds-color-theme-background-skeleton-normal",
             "attributes": {
@@ -4832,13 +4832,13 @@
         },
         "glass": {
           "normal": {
-            "value": "#ffffff99",
+            "value": "#ffffff66",
             "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}",
+              "value": "{color.core.white-alpha.40}",
               "type": "color",
               "description": "Used for glass effect background for operation pop. "
             },
@@ -4915,6 +4915,64 @@
                 "inactive"
               ]
             }
+          },
+          "radial": {
+            "0": {
+              "value": "#ffffffe6",
+              "type": "color",
+              "description": "Used for operation pop background. ",
+              "filePath": "src/theme/stable/light.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.core.white-alpha.90}",
+                "type": "color",
+                "description": "Used for operation pop background. "
+              },
+              "name": "mds-color-theme-background-glass-radial-0",
+              "attributes": {
+                "category": "color",
+                "type": "theme",
+                "item": "background",
+                "subitem": "glass",
+                "state": "radial"
+              },
+              "path": [
+                "color",
+                "theme",
+                "background",
+                "glass",
+                "radial",
+                "0"
+              ]
+            },
+            "1": {
+              "value": "#ffffff66",
+              "type": "color",
+              "description": "Used for operation pop background. ",
+              "filePath": "src/theme/stable/light.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.core.white-alpha.40}",
+                "type": "color",
+                "description": "Used for operation pop background. "
+              },
+              "name": "mds-color-theme-background-glass-radial-1",
+              "attributes": {
+                "category": "color",
+                "type": "theme",
+                "item": "background",
+                "subitem": "glass",
+                "state": "radial"
+              },
+              "path": [
+                "color",
+                "theme",
+                "background",
+                "glass",
+                "radial",
+                "1"
+              ]
+            }
           }
         },
         "input": {
@@ -6432,6 +6490,35 @@
               "normal"
             ]
           }
+        },
+        "glass": {
+          "normal": {
+            "value": "linear-gradient(180deg, #ffffff 0%, #ffffff99 100%)",
+            "type": "color",
+            "description": "Used for operation pop",
+            "filePath": "src/theme/stable/light.json",
+            "isSource": true,
+            "original": {
+              "value": "linear-gradient(180deg, {color.core.white-alpha.100} 0%, {color.core.white-alpha.60} 100%)",
+              "type": "color",
+              "description": "Used for operation pop"
+            },
+            "name": "mds-color-theme-outline-glass-normal",
+            "attributes": {
+              "category": "color",
+              "type": "theme",
+              "item": "outline",
+              "subitem": "glass",
+              "state": "normal"
+            },
+            "path": [
+              "color",
+              "theme",
+              "outline",
+              "glass",
+              "normal"
+            ]
+          }
         }
       },
       "control": {

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

@@ -310,13 +310,17 @@
           "normal": "linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%)"
         },
         "skeleton": {
-          "normal": "linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%)"
+          "normal": "#707070"
         },
         "glass": {
-          "normal": "#00000066",
+          "normal": "#ffffff0d",
           "overlay": {
             "normal": "#000000cc",
             "inactive": "#00000066"
+          },
+          "radial": {
+            "0": "#ffffff66",
+            "1": "#ffffff0d"
           }
         },
         "input": {
@@ -419,6 +423,9 @@
         },
         "warning": {
           "normal": "#f2990a"
+        },
+        "glass": {
+          "normal": "linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%)"
         }
       },
       "control": {

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

@@ -310,13 +310,17 @@
           "normal": "linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%)"
         },
         "skeleton": {
-          "normal": "linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%)"
+          "normal": "#707070"
         },
         "glass": {
-          "normal": "#00000066",
+          "normal": "#ffffff0d",
           "overlay": {
             "normal": "#000000cc",
             "inactive": "#00000066"
+          },
+          "radial": {
+            "0": "#ffffff66",
+            "1": "#ffffff0d"
           }
         },
         "input": {
@@ -419,6 +423,9 @@
         },
         "warning": {
           "normal": "#f2990a"
+        },
+        "glass": {
+          "normal": "linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%)"
         }
       },
       "control": {

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

@@ -310,13 +310,17 @@
           "normal": "linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%)"
         },
         "skeleton": {
-          "normal": "linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%)"
+          "normal": "#707070"
         },
         "glass": {
-          "normal": "#00000066",
+          "normal": "#ffffff0d",
           "overlay": {
             "normal": "#000000cc",
             "inactive": "#00000066"
+          },
+          "radial": {
+            "0": "#ffffff66",
+            "1": "#ffffff0d"
           }
         },
         "input": {
@@ -419,6 +423,9 @@
         },
         "warning": {
           "normal": "#f2990a"
+        },
+        "glass": {
+          "normal": "linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%)"
         }
       },
       "control": {

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

@@ -310,13 +310,17 @@
           "normal": "linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%)"
         },
         "skeleton": {
-          "normal": "linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%)"
+          "normal": "#707070"
         },
         "glass": {
-          "normal": "#00000066",
+          "normal": "#ffffff0d",
           "overlay": {
             "normal": "#000000cc",
             "inactive": "#00000066"
+          },
+          "radial": {
+            "0": "#ffffff66",
+            "1": "#ffffff0d"
           }
         },
         "input": {
@@ -419,6 +423,9 @@
         },
         "warning": {
           "normal": "#f2990a"
+        },
+        "glass": {
+          "normal": "linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%)"
         }
       },
       "control": {

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

@@ -310,13 +310,17 @@
           "normal": "linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%)"
         },
         "skeleton": {
-          "normal": "linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%)"
+          "normal": "#707070"
         },
         "glass": {
-          "normal": "#00000066",
+          "normal": "#ffffff0d",
           "overlay": {
             "normal": "#000000cc",
             "inactive": "#00000066"
+          },
+          "radial": {
+            "0": "#ffffff66",
+            "1": "#ffffff0d"
           }
         },
         "input": {
@@ -419,6 +423,9 @@
         },
         "warning": {
           "normal": "#f2990a"
+        },
+        "glass": {
+          "normal": "linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%)"
         }
       },
       "control": {

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

@@ -310,13 +310,17 @@
           "normal": "linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%)"
         },
         "skeleton": {
-          "normal": "linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%)"
+          "normal": "#707070"
         },
         "glass": {
-          "normal": "#00000066",
+          "normal": "#ffffff0d",
           "overlay": {
             "normal": "#000000cc",
             "inactive": "#00000066"
+          },
+          "radial": {
+            "0": "#ffffff66",
+            "1": "#ffffff0d"
           }
         },
         "input": {
@@ -419,6 +423,9 @@
         },
         "warning": {
           "normal": "#f2990a"
+        },
+        "glass": {
+          "normal": "linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%)"
         }
       },
       "control": {

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

@@ -313,6 +313,10 @@
           "overlay": {
             "normal": "#ffff00",
             "inactive": "#000000"
+          },
+          "radial": {
+            "0": "#000000",
+            "1": "#000000"
           }
         },
         "input": {
@@ -417,6 +421,9 @@
         },
         "warning": {
           "normal": "#ffffff"
+        },
+        "glass": {
+          "normal": "#ffffff"
         }
       },
       "control": {

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

@@ -315,6 +315,10 @@
           "overlay": {
             "normal": "#00009f",
             "inactive": "#ffffff"
+          },
+          "radial": {
+            "0": "#ffffff",
+            "1": "#ffffff"
           }
         },
         "input": {
@@ -419,6 +423,9 @@
         },
         "warning": {
           "normal": "#000000"
+        },
+        "glass": {
+          "normal": "#000000"
         }
       },
       "control": {

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

@@ -310,13 +310,17 @@
           "normal": "linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%)"
         },
         "skeleton": {
-          "normal": "linear-gradient(123deg, #00000033 0%, #0000004d 27.6%, #00000066 58.85%, #00000080 100%)"
+          "normal": "#8f8f8f"
         },
         "glass": {
-          "normal": "#ffffff99",
+          "normal": "#ffffff66",
           "overlay": {
             "normal": "#ffffffcc",
             "inactive": "#ffffff66"
+          },
+          "radial": {
+            "0": "#ffffffe6",
+            "1": "#ffffff66"
           }
         },
         "input": {
@@ -419,6 +423,9 @@
         },
         "warning": {
           "normal": "#7d4705"
+        },
+        "glass": {
+          "normal": "linear-gradient(180deg, #ffffff 0%, #ffffff99 100%)"
         }
       },
       "control": {

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

@@ -310,13 +310,17 @@
           "normal": "linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%)"
         },
         "skeleton": {
-          "normal": "linear-gradient(123deg, #00000033 0%, #0000004d 27.6%, #00000066 58.85%, #00000080 100%)"
+          "normal": "#8f8f8f"
         },
         "glass": {
-          "normal": "#ffffff99",
+          "normal": "#ffffff66",
           "overlay": {
             "normal": "#ffffffcc",
             "inactive": "#ffffff66"
+          },
+          "radial": {
+            "0": "#ffffffe6",
+            "1": "#ffffff66"
           }
         },
         "input": {
@@ -419,6 +423,9 @@
         },
         "warning": {
           "normal": "#7d4705"
+        },
+        "glass": {
+          "normal": "linear-gradient(180deg, #ffffff 0%, #ffffff99 100%)"
         }
       },
       "control": {

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

@@ -310,13 +310,17 @@
           "normal": "linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%)"
         },
         "skeleton": {
-          "normal": "linear-gradient(123deg, #00000033 0%, #0000004d 27.6%, #00000066 58.85%, #00000080 100%)"
+          "normal": "#8f8f8f"
         },
         "glass": {
-          "normal": "#ffffff99",
+          "normal": "#ffffff66",
           "overlay": {
             "normal": "#ffffffcc",
             "inactive": "#ffffff66"
+          },
+          "radial": {
+            "0": "#ffffffe6",
+            "1": "#ffffff66"
           }
         },
         "input": {
@@ -419,6 +423,9 @@
         },
         "warning": {
           "normal": "#7d4705"
+        },
+        "glass": {
+          "normal": "linear-gradient(180deg, #ffffff 0%, #ffffff99 100%)"
         }
       },
       "control": {

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

@@ -310,13 +310,17 @@
           "normal": "linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%)"
         },
         "skeleton": {
-          "normal": "linear-gradient(123deg, #00000033 0%, #0000004d 27.6%, #00000066 58.85%, #00000080 100%)"
+          "normal": "#8f8f8f"
         },
         "glass": {
-          "normal": "#ffffff99",
+          "normal": "#ffffff66",
           "overlay": {
             "normal": "#ffffffcc",
             "inactive": "#ffffff66"
+          },
+          "radial": {
+            "0": "#ffffffe6",
+            "1": "#ffffff66"
           }
         },
         "input": {
@@ -419,6 +423,9 @@
         },
         "warning": {
           "normal": "#7d4705"
+        },
+        "glass": {
+          "normal": "linear-gradient(180deg, #ffffff 0%, #ffffff99 100%)"
         }
       },
       "control": {

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

@@ -310,13 +310,17 @@
           "normal": "linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%)"
         },
         "skeleton": {
-          "normal": "linear-gradient(123deg, #00000033 0%, #0000004d 27.6%, #00000066 58.85%, #00000080 100%)"
+          "normal": "#8f8f8f"
         },
         "glass": {
-          "normal": "#ffffff99",
+          "normal": "#ffffff66",
           "overlay": {
             "normal": "#ffffffcc",
             "inactive": "#ffffff66"
+          },
+          "radial": {
+            "0": "#ffffffe6",
+            "1": "#ffffff66"
           }
         },
         "input": {
@@ -419,6 +423,9 @@
         },
         "warning": {
           "normal": "#7d4705"
+        },
+        "glass": {
+          "normal": "linear-gradient(180deg, #ffffff 0%, #ffffff99 100%)"
         }
       },
       "control": {

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

@@ -310,13 +310,17 @@
           "normal": "linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%)"
         },
         "skeleton": {
-          "normal": "linear-gradient(123deg, #00000033 0%, #0000004d 27.6%, #00000066 58.85%, #00000080 100%)"
+          "normal": "#8f8f8f"
         },
         "glass": {
-          "normal": "#ffffff99",
+          "normal": "#ffffff66",
           "overlay": {
             "normal": "#ffffffcc",
             "inactive": "#ffffff66"
+          },
+          "radial": {
+            "0": "#ffffffe6",
+            "1": "#ffffff66"
           }
         },
         "input": {
@@ -419,6 +423,9 @@
         },
         "warning": {
           "normal": "#7d4705"
+        },
+        "glass": {
+          "normal": "linear-gradient(180deg, #ffffff 0%, #ffffff99 100%)"
         }
       },
       "control": {

package/dist/resources/core/complete.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Tue, 08 Apr 2025 06:59:15 GMT
+  Generated on Wed, 30 Apr 2025 07:16:12 GMT
 -->
 <resources>
   <color name="mds-color-core-white-alpha-0">#ffffff00</color>

package/dist/resources/effect/complete.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Tue, 08 Apr 2025 06:59:15 GMT
+  Generated on Wed, 30 Apr 2025 07:16:12 GMT
 -->
 <resources>
   <string name="mds-effect-backdrop-filter">blur(10px)</string>

package/dist/resources/elevation/complete.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Tue, 08 Apr 2025 06:59:25 GMT
+  Generated on Wed, 30 Apr 2025 07:16:23 GMT
 -->
 <resources>
   <string name="mds-elevation-1">drop-shadow(0px 2px 8px rgba(0,0,0,0.2))</string>

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

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Tue, 08 Apr 2025 06:59:17 GMT
+  Generated on Wed, 30 Apr 2025 07:16:14 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 Tue, 08 Apr 2025 06:59:17 GMT
+  Generated on Wed, 30 Apr 2025 07:16:14 GMT
 -->
 <resources>
   <color name="mds-color-theme-surface-neutral-0-default">#0e1013</color>

package/dist/resources/theme/webex/dark-bronze-stable.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Tue, 08 Apr 2025 06:59:20 GMT
+  Generated on Wed, 30 Apr 2025 07:16:17 GMT
 -->
 <resources>
   <color name="mds-color-theme-text-primary-normal">#fffffff2</color>
@@ -162,10 +162,12 @@
   <color name="mds-color-theme-background-gradient-primary-normal">linear-gradient(180deg, #1f1402 0%, #171002 100%)</color>
   <color name="mds-color-theme-background-gradient-secondary-normal">linear-gradient(180deg, #2e2515 0%, #171002 100%)</color>
   <color name="mds-color-theme-background-reaction-normal">linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%)</color>
-  <color name="mds-color-theme-background-skeleton-normal">linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%)</color>
-  <color name="mds-color-theme-background-glass-normal">#00000066</color>
+  <color name="mds-color-theme-background-skeleton-normal">#707070</color>
+  <color name="mds-color-theme-background-glass-normal">#ffffff0d</color>
   <color name="mds-color-theme-background-glass-overlay-normal">#000000cc</color>
   <color name="mds-color-theme-background-glass-overlay-inactive">#00000066</color>
+  <color name="mds-color-theme-background-glass-radial-0">#ffffff66</color>
+  <color name="mds-color-theme-background-glass-radial-1">#ffffff0d</color>
   <color name="mds-color-theme-background-input-disabled">#ffffff1c</color>
   <color name="mds-color-theme-button-primary-normal">#fffffff2</color>
   <color name="mds-color-theme-button-primary-hover">#ffffffcc</color>
@@ -217,6 +219,7 @@
   <color name="mds-color-theme-outline-promotion-normal">#c233c4</color>
   <color name="mds-color-theme-outline-gradient-active">linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%)</color>
   <color name="mds-color-theme-outline-warning-normal">#f2990a</color>
+  <color name="mds-color-theme-outline-glass-normal">linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%)</color>
   <color name="mds-color-theme-control-active-normal">#64b4fa</color>
   <color name="mds-color-theme-control-active-hover">#3492eb</color>
   <color name="mds-color-theme-control-active-pressed">#1170cf</color>

package/dist/resources/theme/webex/dark-indigo-stable.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Tue, 08 Apr 2025 06:59:19 GMT
+  Generated on Wed, 30 Apr 2025 07:16:16 GMT
 -->
 <resources>
   <color name="mds-color-theme-text-primary-normal">#fffffff2</color>
@@ -162,10 +162,12 @@
   <color name="mds-color-theme-background-gradient-primary-normal">linear-gradient(180deg, #13182b 0%, #0e111a 100%)</color>
   <color name="mds-color-theme-background-gradient-secondary-normal">linear-gradient(180deg, #212536 0%, #0e111a 100%)</color>
   <color name="mds-color-theme-background-reaction-normal">linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%)</color>
-  <color name="mds-color-theme-background-skeleton-normal">linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%)</color>
-  <color name="mds-color-theme-background-glass-normal">#00000066</color>
+  <color name="mds-color-theme-background-skeleton-normal">#707070</color>
+  <color name="mds-color-theme-background-glass-normal">#ffffff0d</color>
   <color name="mds-color-theme-background-glass-overlay-normal">#000000cc</color>
   <color name="mds-color-theme-background-glass-overlay-inactive">#00000066</color>
+  <color name="mds-color-theme-background-glass-radial-0">#ffffff66</color>
+  <color name="mds-color-theme-background-glass-radial-1">#ffffff0d</color>
   <color name="mds-color-theme-background-input-disabled">#ffffff1c</color>
   <color name="mds-color-theme-button-primary-normal">#fffffff2</color>
   <color name="mds-color-theme-button-primary-hover">#ffffffcc</color>
@@ -217,6 +219,7 @@
   <color name="mds-color-theme-outline-promotion-normal">#c233c4</color>
   <color name="mds-color-theme-outline-gradient-active">linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%)</color>
   <color name="mds-color-theme-outline-warning-normal">#f2990a</color>
+  <color name="mds-color-theme-outline-glass-normal">linear-gradient(180deg, #ffffff1c 0%, #ffffff0d 100%)</color>
   <color name="mds-color-theme-control-active-normal">#64b4fa</color>
   <color name="mds-color-theme-control-active-hover">#3492eb</color>
   <color name="mds-color-theme-control-active-pressed">#1170cf</color>