@momentum-design/tokens 0.0.61 → 0.0.63

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

@@ -275,39 +275,22 @@
             "active": "#643abd"
           }
         },
-        "common": {
-          "normal": "#ffffff"
-        },
         "namelabel": {
           "normal": "#00000099"
         },
         "gradient": {
           "primary": {
-            "normal": {
-              "0": "#1a1a1a",
-              "1": "#0f0f0f"
-            }
+            "normal": "linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%)"
           },
           "secondary": {
-            "normal": {
-              "0": "#262626",
-              "1": "#0f0f0f"
-            }
+            "normal": "linear-gradient(180deg, #262626 0%, #0f0f0f 100%)"
           }
         },
         "reaction": {
-          "normal": {
-            "0": "#1a1a1a",
-            "1": "#1a1a1a"
-          }
+          "normal": "linear-gradient(180deg, #1a1a1a 90%, #1a1a1a 0%)"
         },
         "skeleton": {
-          "normal": {
-            "0": "#00000033",
-            "1": "#0000004d",
-            "2": "#00000066",
-            "3": "#00000080"
-          }
+          "normal": "linear-gradient(123deg, #ffffff33 14.98%, #ffffff4d  38.98%, #ffffff66 64.82%, #ffffff80)"
         }
       },
       "button": {
@@ -390,6 +373,12 @@
           "purple": "#f294f1",
           "slate": "#b0b4d9",
           "violet": "#c7a5fa"
+        },
+        "promotion": {
+          "normal-copy": "linear-gradient(46deg, #c233c4 0%, #d43b52 100%)"
+        },
+        "gradient": {
+          "active": "linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%)"
         }
       },
       "control": {
@@ -513,7 +502,7 @@
             "disabled": "#ffffff33"
           },
           "secondary": {
-            "normal": "#ffffff12",
+            "normal": "#ffffff00",
             "hover": "#ffffff12",
             "active": {
               "normal": "#ffffffb3",
@@ -524,27 +513,14 @@
             "disabled": "#ffffff00"
           },
           "promotion": {
-            "normal": {
-              "0": "#932099",
-              "1": "#a12a3a"
-            },
-            "hover": {
-              "0": "#601e66",
-              "1": "#66262d"
-            },
-            "active": {
-              "0": "#601e66",
-              "1": "#3b1e21"
-            }
+            "normal": "linear-gradient(46deg, #932099 0%, #a12a3a 100%)",
+            "hover": "linear-gradient(46deg, #601e66 0%, #66262d 100%)",
+            "active": "linear-gradient(46deg, #3b1840 0%, #3b1e21 100%)"
           },
           "join": {
             "animated": {
               "gradient": {
-                "normal": {
-                  "0": "#30c9b0",
-                  "1": "#64b4fa",
-                  "2": "#30c9b0"
-                }
+                "normal": "linear-gradient(90deg, #30c9b0 0%, #64b4fa 51%, #30c9b0 100%)"
               }
             }
           }
@@ -725,43 +701,33 @@
         }
       },
       "gradientdivider": {
-        "normal": {
-          "0": "#ffffff00",
-          "1": "#ffffff33"
-        },
-        "hover": {
-          "0": "#ffffff00",
-          "1": "#ffffff99"
+        "default": {
+          "normal": "linear-gradient(90deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%)",
+          "hover": "linear-gradient(90deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%)"
         },
         "error": {
-          "normal": {
-            "0": "#fc8b98",
-            "1": "#fc8b98"
-          },
-          "hover": {
-            "0": "#fc8b98",
-            "1": "#fc8b98"
-          }
+          "normal": "linear-gradient(90deg, #fc8b9800 0%, #fc8b9822.4%, #fc8b9899 76.04%, #fc8b9800 100%)",
+          "hover": "linear-gradient(90deg, #fc8b9800 0%, #fc8b98e6 22.4%, #fc8b98e6 76.04%, #fc8b9800 100%)"
         },
         "warning": {
-          "normal": {
-            "0": "#f2990a",
-            "1": "#f2990a"
-          },
-          "hover": {
-            "0": "#f2990a",
-            "1": "#f2990a"
-          }
+          "normal": "linear-gradient(90deg, #f2990a00 0%, #f2990a22.4%, #f2990a99 76.04%, #f2990a00 100%)",
+          "hover": "linear-gradient(90deg, #f2990a00 0%, #f2990ae6 22.4%, #f2990ae6 76.04%, #f2990a00 100%)"
         },
         "announce": {
-          "normal": {
-            "0": "#64b4fa",
-            "1": "#64b4fa"
-          },
-          "hover": {
-            "0": "#64b4fa",
-            "1": "#64b4fa"
-          }
+          "normal": "linear-gradient(90deg, #64b4fa00 0%, #64b4fa99 22.4%, #64b4fa99 76.04%, #64b4fa00 100%)",
+          "hover": "linear-gradient(90deg, #64b4fa00 0%,#64b4faE6 22.4%, #64b4faE6 76.04%, #64b4fa00 100%)"
+        },
+        "success": {
+          "normal": "linear-gradient(90deg, #3cc29a00 0%, #3cc29a99 22.4%, #3cc29a99 76.04%, #3cc29a00 100%)",
+          "hover": "linear-gradient(90deg, #3cc29a00 0%,#3cc29aE6 22.4%, #3cc29aE6 76.04%, #3cc29a00 100%)"
+        },
+        "orange": {
+          "normal": "linear-gradient(90deg, #fd884e00 0%, #fd884e99 22.4%, #fd884e99 76.04%, #fd884e00 100%)",
+          "hover": "linear-gradient(90deg, #fd884e00 0%,#fd884eE6 22.4%, #fd884eE6 76.04%, #fd884e00 100%)"
+        },
+        "purple": {
+          "normal": "linear-gradient(90deg, #f294f100 0%, #f294f199 22.4%, #f294f100 100%)",
+          "hover": "linear-gradient(90deg, #f294f100 0%, #f294f1E6 22.4%, #f294f1E6 76.04%, #f294f100 100%)"
         }
       },
       "avatar": {

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

@@ -103,14 +103,14 @@
       "inverted": {
         "text": {
           "primary": {
-            "normal": "#ffffff",
+            "normal": "#000000",
             "disabled": "#3ff23f"
           },
           "secondary": {
-            "normal": "#ffffff"
+            "normal": "#000000"
           },
           "accent": {
-            "normal": "#ffffff",
+            "normal": "#000000",
             "hover": "#ffffff"
           }
         },
@@ -273,31 +273,22 @@
             "active": "#1aebff"
           }
         },
-        "common": {
-          "normal": "#000000"
-        },
         "namelabel": {
           "normal": "#000000"
         },
         "reaction": {
-          "normal": {
-            "0": "#000000",
-            "1": "#000000"
-          }
+          "normal": "#000000"
         },
         "gradient": {
           "secondary": {
-            "normal": {
-              "0": "#000000",
-              "1": "#000000"
-            }
+            "normal": "#000000"
           },
           "primary": {
-            "normal": {
-              "0": "#000000",
-              "1": "#000000"
-            }
+            "normal": "#000000"
           }
+        },
+        "skeleton": {
+          "normal": "#000000"
         }
       },
       "button": {
@@ -382,6 +373,12 @@
           "purple": "#ffffff",
           "slate": "#ffffff",
           "violet": "#ffffff"
+        },
+        "promotion": {
+          "normal": "#ffffff"
+        },
+        "gradient": {
+          "active": "#ffffff"
         }
       },
       "control": {
@@ -516,43 +513,33 @@
         }
       },
       "gradientdivider": {
-        "normal": {
-          "0": "#ffffff",
-          "1": "#ffffff"
-        },
-        "hover": {
-          "0": "#ffffff",
-          "1": "#ffffff"
+        "default": {
+          "normal": "#ffffff",
+          "hover": "#ffffff"
         },
         "error": {
-          "normal": {
-            "0": "#ffffff",
-            "1": "#ffffff"
-          },
-          "hover": {
-            "0": "#ffffff",
-            "1": "#ffffff"
-          }
+          "normal": "#ffffff",
+          "hover": "#ffffff"
         },
         "warning": {
-          "normal": {
-            "0": "#ffffff",
-            "1": "#ffffff"
-          },
-          "hover": {
-            "0": "#ffffff",
-            "1": "#ffffff"
-          }
+          "normal": "#ffffff",
+          "hover": "#ffffff"
         },
         "announce": {
-          "normal": {
-            "0": "#ffffff",
-            "1": "#ffffff"
-          },
-          "hover": {
-            "0": "#ffffff",
-            "1": "#ffffff"
-          }
+          "normal": "#ffffff",
+          "hover": "#ffffff"
+        },
+        "success": {
+          "normal": "#ffffff",
+          "hover": "#ffffff"
+        },
+        "orange": {
+          "normal": "#ffffff",
+          "hover": "#ffffff"
+        },
+        "purple": {
+          "normal": "#ffffff",
+          "hover": "#ffffff"
         }
       },
       "avatar": {
@@ -594,10 +581,10 @@
         "inverted": {
           "text": {
             "primary": {
-              "normal": "#ffffff"
+              "normal": "#000000"
             },
             "secondary": {
-              "normal": "#ffffff"
+              "normal": "#000000"
             }
           },
           "button": {
@@ -643,27 +630,14 @@
             "disabled": "#3ff23f"
           },
           "promotion": {
-            "normal": {
-              "0": "#000000",
-              "1": "#000000"
-            },
-            "hover": {
-              "0": "#1aebff",
-              "1": "#1aebff"
-            },
-            "active": {
-              "0": "#1aebff",
-              "1": "#1aebff"
-            }
+            "normal": "#000000",
+            "hover": "#1aebff",
+            "active": "#1aebff"
           },
           "join": {
             "animated": {
               "gradient": {
-                "normal": {
-                  "0": "#1aebff",
-                  "1": "#1aebff",
-                  "2": "#1aebff"
-                }
+                "normal": "#1aebff"
               }
             }
           }
@@ -687,8 +661,8 @@
         "control": {
           "share": {
             "content": {
-              "selected": "#ffffff",
-              "active": "#ffffff",
+              "selected": "#1aebff",
+              "active": "#1aebff",
               "inactive": "#3ff23f"
             }
           },

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

@@ -103,14 +103,14 @@
       "inverted": {
         "text": {
           "primary": {
-            "normal": "#000000",
+            "normal": "#ffffff",
             "disabled": "#600000"
           },
           "secondary": {
-            "normal": "#000000"
+            "normal": "#ffffff"
           },
           "accent": {
-            "normal": "#000000",
+            "normal": "#ffffff",
             "hover": "#000000"
           }
         },
@@ -273,31 +273,22 @@
             "active": "#37006e"
           }
         },
-        "common": {
-          "normal": "#ffffff"
-        },
         "namelabel": {
           "normal": "#ffffff"
         },
         "reaction": {
-          "normal": {
-            "0": "#ffffff",
-            "1": "#ffffff"
-          }
+          "normal": "#ffffff"
         },
         "gradient": {
           "secondary": {
-            "normal": {
-              "0": "#ffffff",
-              "1": "#ffffff"
-            }
+            "normal": "#ffffff"
           },
           "primary": {
-            "normal": {
-              "0": "#ffffff",
-              "1": "#ffffff"
-            }
+            "normal": "#ffffff"
           }
+        },
+        "skeleton": {
+          "normal": "#ffffff"
         }
       },
       "button": {
@@ -382,6 +373,12 @@
           "purple": "#000000",
           "slate": "#000000",
           "violet": "#000000"
+        },
+        "promotion": {
+          "normal": "#000000"
+        },
+        "gradient": {
+          "active": "#000000"
         }
       },
       "control": {
@@ -515,46 +512,6 @@
           "normal": "#ffffff"
         }
       },
-      "gradientdivider": {
-        "normal": {
-          "0": "#000000",
-          "1": "#000000"
-        },
-        "hover": {
-          "0": "#000000",
-          "1": "#000000"
-        },
-        "error": {
-          "normal": {
-            "0": "#000000",
-            "1": "#000000"
-          },
-          "hover": {
-            "0": "#000000",
-            "1": "#000000"
-          }
-        },
-        "warning": {
-          "normal": {
-            "0": "#000000",
-            "1": "#000000"
-          },
-          "hover": {
-            "0": "#000000",
-            "1": "#000000"
-          }
-        },
-        "announce": {
-          "normal": {
-            "0": "#000000",
-            "1": "#000000"
-          },
-          "hover": {
-            "0": "#000000",
-            "1": "#000000"
-          }
-        }
-      },
       "avatar": {
         "default": "#000000",
         "cobalt": "#000000",
@@ -594,10 +551,10 @@
         "inverted": {
           "text": {
             "primary": {
-              "normal": "#000000"
+              "normal": "#ffffff"
             },
             "secondary": {
-              "normal": "#000000"
+              "normal": "#ffffff"
             }
           },
           "button": {
@@ -643,27 +600,14 @@
             "disabled": "#600000"
           },
           "promotion": {
-            "normal": {
-              "0": "#ffffff",
-              "1": "#ffffff"
-            },
-            "hover": {
-              "0": "#37006e",
-              "1": "#37006e"
-            },
-            "active": {
-              "0": "#37006e",
-              "1": "#37006e"
-            }
+            "normal": "#ffffff",
+            "hover": "#37006e",
+            "active": "#37006e"
           },
           "join": {
             "animated": {
               "gradient": {
-                "normal": {
-                  "0": "#37006e",
-                  "1": "#37006e",
-                  "2": "#37006e"
-                }
+                "normal": "#37006e"
               }
             }
           }
@@ -687,8 +631,8 @@
         "control": {
           "share": {
             "content": {
-              "selected": "#ffffff",
-              "active": "#ffffff",
+              "selected": "#37006e",
+              "active": "#37006e",
               "inactive": "#600000"
             }
           },
@@ -760,6 +704,36 @@
             "secure": "#ffffff"
           }
         }
+      },
+      "gradientdivider": {
+        "default": {
+          "normal": "#000000",
+          "hover": "#000000"
+        },
+        "error": {
+          "normal": "#000000",
+          "hover": "#000000"
+        },
+        "warning": {
+          "normal": "#000000",
+          "hover": "#000000"
+        },
+        "announce": {
+          "normal": "#000000",
+          "hover": "#000000"
+        },
+        "success": {
+          "normal": "#000000",
+          "hover": "#000000"
+        },
+        "orange": {
+          "normal": "#000000",
+          "hover": "#000000"
+        },
+        "purple": {
+          "normal": "#000000",
+          "hover": "#000000"
+        }
       }
     }
   }