npm - @momentum-design/tokens - Versions diffs - 0.2.7 → 0.3.0 - Mend

@momentum-design/tokens 0.2.7 → 0.3.0

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 (59) hide show

package/dist/css/components/complete.css +994 -0
package/dist/css/core/complete.css +1 -1
package/dist/css/effect/complete.css +8 -0
package/dist/css/elevation/complete.css +11 -0
package/dist/css/theme/aaos/day-complete.css +1 -1
package/dist/css/theme/aaos/night-complete.css +1 -1
package/dist/css/theme/webex/dark-stable.css +11 -1
package/dist/css/theme/webex/hc-dark-stable.css +12 -1
package/dist/css/theme/webex/hc-light-stable.css +12 -1
package/dist/css/theme/webex/light-stable.css +12 -1
package/dist/css/typography/complete.css +1 -1
package/dist/ios/core/complete.swift +1 -1
package/dist/ios/effect/complete.swift +14 -0
package/dist/ios/elevation/complete.swift +17 -0
package/dist/ios/theme/aaos/day-complete.swift +1 -1
package/dist/ios/theme/aaos/night-complete.swift +1 -1
package/dist/ios/theme/webex/dark-stable.swift +11 -1
package/dist/ios/theme/webex/hc-dark-stable.swift +12 -1
package/dist/ios/theme/webex/hc-light-stable.swift +12 -1
package/dist/ios/theme/webex/light-stable.swift +12 -1
package/dist/ios/typography/complete.swift +1 -1
package/dist/ios-webex/effect/complete.swift +11 -0
package/dist/ios-webex/theme/webex/dark-stable.swift +16 -0
package/dist/ios-webex/theme/webex/hc-dark-stable.swift +11 -0
package/dist/ios-webex/theme/webex/hc-light-stable.swift +33 -0
package/dist/ios-webex/theme/webex/light-stable.swift +51 -0
package/dist/json/effect/complete.json +21 -0
package/dist/json/elevation/complete.json +108 -0
package/dist/json/theme/webex/dark-stable.json +291 -0
package/dist/json/theme/webex/hc-dark-stable.json +315 -0
package/dist/json/theme/webex/hc-light-stable.json +319 -0
package/dist/json/theme/webex/light-stable.json +319 -0
package/dist/json-minimal/effect/complete.json +3 -0
package/dist/json-minimal/elevation/complete.json +8 -0
package/dist/json-minimal/theme/webex/dark-stable.json +23 -1
package/dist/json-minimal/theme/webex/hc-dark-stable.json +26 -1
package/dist/json-minimal/theme/webex/hc-light-stable.json +26 -1
package/dist/json-minimal/theme/webex/light-stable.json +26 -1
package/dist/resources/core/complete.xml +1 -1
package/dist/resources/effect/complete.xml +10 -0
package/dist/resources/elevation/complete.xml +13 -0
package/dist/resources/theme/aaos/day-complete.xml +1 -1
package/dist/resources/theme/aaos/night-complete.xml +1 -1
package/dist/resources/theme/webex/dark-stable.xml +11 -1
package/dist/resources/theme/webex/hc-dark-stable.xml +12 -1
package/dist/resources/theme/webex/hc-light-stable.xml +12 -1
package/dist/resources/theme/webex/light-stable.xml +12 -1
package/dist/resources/typography/complete.xml +1 -1
package/dist/scss/core/complete.scss +1 -1
package/dist/scss/effect/complete.scss +5 -0
package/dist/scss/elevation/complete.scss +8 -0
package/dist/scss/theme/aaos/day-complete.scss +1 -1
package/dist/scss/theme/aaos/night-complete.scss +1 -1
package/dist/scss/theme/webex/dark-stable.scss +11 -1
package/dist/scss/theme/webex/hc-dark-stable.scss +12 -1
package/dist/scss/theme/webex/hc-light-stable.scss +12 -1
package/dist/scss/theme/webex/light-stable.scss +12 -1
package/dist/scss/typography/complete.scss +1 -1
package/package.json +8 -5

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

@@ -4766,6 +4766,93 @@
               "normal"
             ]
           }
+        },
+        "glass": {
+          "normal": {
+            "value": "#00000099",
+            "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.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": "#00000099",
+              "type": "color",
+              "description": "Used for operation pop: knocked-back effect when signle card is selected",
+              "filePath": "src/theme/stable/dark.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.core.black-alpha.60}",
+                "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": "#00000066",
+              "type": "color",
+              "description": "Used for operation pop: knocked-back effect when signle card is selected",
+              "filePath": "src/theme/stable/dark.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.core.black-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": "#ffffffcc",
+              "type": "color",
+              "description": "Used for Operation pop button",
+              "filePath": "src/theme/stable/dark.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.core.white-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": "#ffffffb3",
+              "type": "color",
+              "description": "Used for Operation pop button",
+              "filePath": "src/theme/stable/dark.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.core.white-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": "#ffffff99",
+              "type": "color",
+              "description": "Used for Operation pop button",
+              "filePath": "src/theme/stable/dark.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.core.white-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": {
@@ -11014,6 +11189,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": {
@@ -11390,6 +11625,62 @@
             "avatar",
             "yellow"
           ]
+        },
+        "glass": {
+          "normal": {
+            "value": "#ffffff12",
+            "type": "color",
+            "description": "Used for Operation pop",
+            "filePath": "src/theme/stable/dark.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.core.white-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/dark.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"
+            ]
+          }
         }
       },
       "focus": {

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

@@ -4683,6 +4683,93 @@
               "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"
+            ]
+          },
+          "overlay": {
+            "normal": {
+              "value": "#ffff00",
+              "type": "color",
+              "description": "Used for operation pop: knocked-back effect when signle card is selected",
+              "filePath": "src/theme/stable/highcontrast/hc_dark.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.highcontrast.black.HotlightColor}",
+                "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": "#000000",
+              "type": "color",
+              "description": "Used for operation pop: knocked-back effect when signle card is selected",
+              "filePath": "src/theme/stable/highcontrast/hc_dark.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.highcontrast.black.WindowColor}",
+                "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": {
@@ -5280,6 +5367,94 @@
               "pressed"
             ]
           }
+        },
+        "glass": {
+          "primary": {
+            "normal": {
+              "value": "#000000",
+              "type": "color",
+              "description": "Used for Operation pop button",
+              "filePath": "src/theme/stable/highcontrast/hc_dark.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.highcontrast.black.ButtonFaceColor}",
+                "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": "#1aebff",
+              "type": "color",
+              "description": "Used for Operation pop button",
+              "filePath": "src/theme/stable/highcontrast/hc_dark.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.highcontrast.black.HighlightColor}",
+                "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": "#1aebff",
+              "type": "color",
+              "description": "Used for Operation pop button",
+              "filePath": "src/theme/stable/highcontrast/hc_dark.json",
+              "isSource": true,
+              "original": {
+                "value": "{color.highcontrast.black.HighlightColor}",
+                "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": {
@@ -8263,6 +8438,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": {
@@ -8635,6 +8866,62 @@
             "avatar",
             "pressed"
           ]
+        },
+        "glass": {
+          "normal": {
+            "value": "#ffffff",
+            "type": "color",
+            "description": "Used for Operation pop",
+            "filePath": "src/theme/stable/highcontrast/hc_dark.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.highcontrast.black.WindowTextColor}",
+              "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": "#ffffff",
+            "type": "color",
+            "description": "Used for Operation pop",
+            "filePath": "src/theme/stable/highcontrast/hc_dark.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.highcontrast.black.WindowTextColor}",
+              "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"
+            ]
+          }
         }
       },
       "common": {
@@ -9913,6 +10200,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": {