npm - @momentum-design/tokens - Versions diffs - 0.5.2 → 0.6.1 - Mend

@momentum-design/tokens 0.5.2 → 0.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (124) hide show

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

@@ -4834,6 +4834,64 @@
                 "inactive"
               ]
             }
+          },
+          "radial": {
+            "0": {
+              "value": "#ffffff",
+              "type": "color",
+              "description": "Used for operation pop background. ",
+              "filePath": "src/theme/stable/highcontrast/hc_light.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.highcontrast.white.WindowColor}",
+                "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": "#ffffff",
+              "type": "color",
+              "description": "Used for operation pop background. ",
+              "filePath": "src/theme/stable/highcontrast/hc_light.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.highcontrast.white.WindowColor}",
+                "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": {
@@ -6352,6 +6410,35 @@
               "normal"
             ]
           }
+        },
+        "glass": {
+          "normal": {
+            "value": "#000000",
+            "type": "color",
+            "description": "Used for operation pop",
+            "filePath": "src/theme/stable/highcontrast/hc_light.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.highcontrast.white.WindowTextColor}",
+              "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": {
@@ -8141,6 +8228,29 @@
         }
       },
       "avatar": {
+        "ghost": {
+          "value": "#ffffff",
+          "type": "color",
+          "filePath": "src/theme/stable/highcontrast/hc_light.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.highcontrast.white.WindowColor}",
+            "type": "color"
+          },
+          "name": "mds-color-theme-avatar-ghost",
+          "attributes": {
+            "category": "color",
+            "type": "theme",
+            "item": "avatar",
+            "subitem": "ghost"
+          },
+          "path": [
+            "color",
+            "theme",
+            "avatar",
+            "ghost"
+          ]
+        },
         "default": {
           "parent": "theme/stable/highcontrast/hc_light",
           "type": "color",

package/dist/json/theme/webex/light-bronze-stable.json CHANGED Viewed

@@ -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": {
@@ -10951,6 +11038,29 @@
         }
       },
       "avatar": {
+        "ghost": {
+          "value": "#00000000",
+          "type": "color",
+          "filePath": "src/theme/stable/light.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.core.black-alpha.0}",
+            "type": "color"
+          },
+          "name": "mds-color-theme-avatar-ghost",
+          "attributes": {
+            "category": "color",
+            "type": "theme",
+            "item": "avatar",
+            "subitem": "ghost"
+          },
+          "path": [
+            "color",
+            "theme",
+            "avatar",
+            "ghost"
+          ]
+        },
         "default": {
           "parent": "theme/stable/light",
           "type": "color",

package/dist/json/theme/webex/light-indigo-stable.json CHANGED Viewed

@@ -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": {
@@ -10951,6 +11038,29 @@
         }
       },
       "avatar": {
+        "ghost": {
+          "value": "#00000000",
+          "type": "color",
+          "filePath": "src/theme/stable/light.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.core.black-alpha.0}",
+            "type": "color"
+          },
+          "name": "mds-color-theme-avatar-ghost",
+          "attributes": {
+            "category": "color",
+            "type": "theme",
+            "item": "avatar",
+            "subitem": "ghost"
+          },
+          "path": [
+            "color",
+            "theme",
+            "avatar",
+            "ghost"
+          ]
+        },
         "default": {
           "parent": "theme/stable/light",
           "type": "color",

package/dist/json/theme/webex/light-jade-stable.json CHANGED Viewed

@@ -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": {
@@ -10951,6 +11038,29 @@
         }
       },
       "avatar": {
+        "ghost": {
+          "value": "#00000000",
+          "type": "color",
+          "filePath": "src/theme/stable/light.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.core.black-alpha.0}",
+            "type": "color"
+          },
+          "name": "mds-color-theme-avatar-ghost",
+          "attributes": {
+            "category": "color",
+            "type": "theme",
+            "item": "avatar",
+            "subitem": "ghost"
+          },
+          "path": [
+            "color",
+            "theme",
+            "avatar",
+            "ghost"
+          ]
+        },
         "default": {
           "parent": "theme/stable/light",
           "type": "color",