@momentum-design/tokens 0.0.56 → 0.0.58

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

@@ -1,162 +1,6 @@
 {
   "color": {
     "theme": {
-      "common": {
-        "text": {
-          "white": "#fffffff2",
-          "gray": "#ffffffb3",
-          "black": "#000000f2",
-          "disabled": "#ffffff66",
-          "success": {
-            "normal": "#3cc29a",
-            "hover": "#9fedd8"
-          },
-          "error": {
-            "normal": "#fc8b98",
-            "hover": "#ffd4da"
-          },
-          "warning": {
-            "normal": "#f2990a"
-          },
-          "secondary-light": "#ffffffb3",
-          "secondary-dark": "#00000099"
-        },
-        "overlay": {
-          "primary": {
-            "normal": "#000000e6"
-          },
-          "secondary": {
-            "normal": "#00000066"
-          },
-          "meeting": {
-            "normal": "linear-gradient(180deg, #000000cc 0%, #0000004d 50.23%, #00000000 100%)"
-          }
-        },
-        "button": {
-          "primary": {
-            "normal": "#fffffff2",
-            "hover": "#ffffffcc",
-            "pressed": "#ffffffb3",
-            "disabled": "#ffffff33"
-          },
-          "secondary": {
-            "normal": "#ffffff00",
-            "hover": "#ffffff12",
-            "disabled": "#ffffff00",
-            "active": {
-              "normal": "#ffffff33",
-              "hover": "#ffffff4d",
-              "pressed": "#ffffff66"
-            }
-          },
-          "secondary-dark": {
-            "normal": "#00000000",
-            "hover": "#00000012",
-            "pressed": "#00000033",
-            "disabled": "#00000000"
-          },
-          "join-animated-gradient": {
-            "normal": {
-              "0": "#30c9b0",
-              "1": "#64b4fa"
-            }
-          },
-          "promotion": {
-            "normal": "linear-gradient(46deg, #932099 -0.03%, #a12a3a 99.99%)",
-            "hover": "linear-gradient(46deg, #601e66 -0.04%, #66262d 99.97%)",
-            "active": "linear-gradient(46deg, #3b1840 -0.05%, #3b1e21 99.96%)"
-          }
-        },
-        "outline": {
-          "button": {
-            "normal": "#ffffff4d"
-          },
-          "primary": {
-            "normal": "#ffffff66"
-          },
-          "input": {
-            "normal": "#ffffff80"
-          },
-          "disabled": {
-            "normal": "#ffffff33"
-          },
-          "closed-caption": {
-            "secondary": {
-              "light": "#ffffff33",
-              "dark": "#00000033"
-            }
-          }
-        },
-        "control": {
-          "inactive": {
-            "normal": "#00000033"
-          },
-          "shareContent": {
-            "active": "#C94403",
-            "inactive": "#707070",
-            "selected": "#3cc29a"
-          }
-        },
-        "background": {
-          "solid": {
-            "secondary-dark": "#1a1a1a",
-            "primary-light": "#ffffff"
-          }
-        },
-        "touchbar": {
-          "background": {
-            "blue": {
-              "normal": "#1170cf",
-              "pressed": "#063a75"
-            },
-            "pink": {
-              "normal": "#d43b52",
-              "pressed": "#66262d"
-            },
-            "mint": {
-              "normal": "#148579",
-              "pressed": "#12423f"
-            },
-            "purple": {
-              "normal": "#c233c4",
-              "pressed": "#601e66"
-            },
-            "violet": {
-              "normal": "#875ae0",
-              "pressed": "#432c78"
-            },
-            "orange": {
-              "normal": "#C94403",
-              "pressed": "#682601"
-            },
-            "green": {
-              "normal": "#1d805f",
-              "pressed": "#134231"
-            },
-            "red": {
-              "normal": "#db1f2e",
-              "pressed": "#780d13"
-            },
-            "transparent": "#00000000"
-          },
-          "icon": {
-            "stable": "#27a17a",
-            "attention": "#fc8b98",
-            "secure": "#64b4fa"
-          }
-        },
-        "content": {
-          "doc": "#4285f4",
-          "excel": "#00893E",
-          "keynote": "#029CFB",
-          "onenote": "#B839DB",
-          "pdf": "#EE0507",
-          "powerpoint": "#D93E17",
-          "sheets": "#F4B400",
-          "slides": "#0F9D58",
-          "word": "#0078D6"
-        }
-      },
       "text": {
         "primary": {
           "normal": "#000000f2",
@@ -198,9 +42,9 @@
             "active": "#3b1840"
           },
           "orange": {
-            "normal": "#9C3202",
-            "hover": "#411B04",
-            "active": "#411B04"
+            "normal": "#9c3202",
+            "hover": "#411b04",
+            "active": "#411b04"
           }
         },
         "team": {
@@ -211,12 +55,12 @@
           },
           "cyan": {
             "normal": "#066070",
-            "hover": "#066070",
+            "hover": "#0b2a30",
             "active": "#0b2a30"
           },
           "mint": {
             "normal": "#12615a",
-            "hover": "#12615a",
+            "hover": "#102b2a",
             "active": "#102b2a"
           },
           "lime": {
@@ -230,9 +74,9 @@
             "active": "#30240d"
           },
           "orange": {
-            "normal": "#9C3202",
-            "hover": "#9C3202",
-            "active": "#411B04"
+            "normal": "#9c3202",
+            "hover": "#9c3202",
+            "active": "#411b04"
           },
           "pink": {
             "normal": "#a12a3a",
@@ -292,10 +136,14 @@
             "normal": "#ffffff80"
           },
           "primary": {
-            "normal": "#ffffff66",
-            "disabled": "#ffffff33"
+            "normal": "#ffffff66"
+          },
+          "disabled": {
+            "normal": "#ffffff33"
           },
-          "theme": "#64b4fa"
+          "theme": {
+            "normal": "#64b4fa"
+          }
         },
         "control": {
           "active": {
@@ -306,16 +154,16 @@
             "disabled": "#ffffff33"
           },
           "inactive": {
-            "normal": "#00000033",
-            "hover": "#0000004d",
-            "pressed": "#00000066",
-            "disabled": "#00000033"
+            "normal": "#8f8f8f",
+            "hover": "#ffffff4d",
+            "pressed": "#ffffff66",
+            "disabled": "#ffffff33"
           }
         }
       },
       "background": {
         "primary": {
-          "ghost": "#ffffff00",
+          "ghost": "#00000000",
           "hover": "#00000012",
           "active": "#0000001c",
           "disabled": "#0000001c"
@@ -325,10 +173,10 @@
             "normal": "#ffffff"
           },
           "secondary": {
-            "normal": "#ededed"
+            "normal": "#f7f7f7"
           },
           "tertiary": {
-            "normal": "#f7f7f7"
+            "normal": "#ededed"
           },
           "quaternary": {
             "normal": "#ffffff"
@@ -343,15 +191,11 @@
         "accent": {
           "normal": "#1170cf"
         },
-        "gradient": {
-          "primary": "linear-gradient(180deg, #f0f0f0 0%, #ffffff 100%)",
-          "secondary": "linear-gradient(180deg, #fafafa 0%, #ffffff 100%)"
-        },
         "alert": {
           "default": {
-            "normal": "#f7f7f7",
-            "hover": "#f7f7f7",
-            "active": "#dedede"
+            "normal": "#dedede",
+            "hover": "#dedede",
+            "active": "#c9c9c9"
           },
           "success": {
             "normal": "#cef5eb",
@@ -379,9 +223,9 @@
             "active": "#fce1fc"
           },
           "orange": {
-            "normal": "#FEEBD7",
-            "hover": "#FEEBD7",
-            "active": "#FED5AC"
+            "normal": "#feebd7",
+            "hover": "#feebd7",
+            "active": "#fed5ac"
           }
         },
         "label": {
@@ -406,9 +250,9 @@
             "active": "#74e8d1"
           },
           "orange": {
-            "normal": "#FEEBD7",
-            "hover": "#FED5AC",
-            "active": "#FEBA7F"
+            "normal": "#feebd7",
+            "hover": "#fed5ac",
+            "active": "#feba7f"
           },
           "pink": {
             "normal": "#fff2f5",
@@ -432,44 +276,45 @@
           }
         },
         "common": {
-          "normal": "#ffffff"
+          "normal": "#000000"
         },
         "namelabel": {
-          "normal": "#00000080"
+          "normal": "#ffffff80"
         },
-        "skeleton": {
-          "normal": "linear-gradient(123deg, #00000033 14.98%, #0000004d  38.98%, #00000066 64.82%, #00000080);"
-        },
-        "reaction": {
-          "normal": "linear-gradient(180deg, #ffffff 90%, #ffffff 0%)"
+        "gradient": {
+          "primary": {
+            "normal": {
+              "0": "#f0f0f0",
+              "1": "#ffffff"
+            }
+          },
+          "secondary": {
+            "normal": {
+              "0": "#fafafa",
+              "1": "#ffffff"
+            }
+          }
         }
       },
       "button": {
-        "border": {
-          "normal": "none"
-        },
         "primary": {
           "normal": "#000000f2",
           "hover": "#000000cc",
           "pressed": "#000000b3",
-          "disabled": "#00000033"
+          "disabled": "#00000000"
         },
         "secondary": {
           "normal": "#00000000",
           "hover": "#00000012",
           "pressed": "#00000033",
-          "disabled": "#ffffff00",
+          "disabled": "#00000000",
           "active": {
             "normal": "#00000033",
             "hover": "#0000004d",
-            "pressed": "#00000066"
+            "pressed": "#00000066",
+            "disabled": "#0000001c"
           }
         },
-        "inverted": {
-          "normal": "#ffffff",
-          "hover": "#ededed",
-          "pressed": "#dedede"
-        },
         "join": {
           "normal": "#1d805f",
           "hover": "#185e46",
@@ -488,7 +333,8 @@
       },
       "outline": {
         "primary": {
-          "normal": "#00000075"
+          "normal": "#00000075",
+          "disabled": "#00000033"
         },
         "theme": {
           "normal": "#1170cf"
@@ -509,12 +355,9 @@
         "cancel": {
           "normal": "#ab0a15"
         },
-        "disabled": {
-          "normal": "#00000033"
-        },
         "share": {
           "selected": "#27a17a",
-          "active": "#EC6400",
+          "active": "#ec6400",
           "inactive": "#8f8f8f"
         },
         "overlay": {
@@ -528,17 +371,11 @@
           "gold": "#d6b220",
           "lime": "#93c437",
           "mint": "#30c9b0",
-          "orange": "#FD884E",
+          "orange": "#fd884e",
           "pink": "#fc97aa",
           "purple": "#f294f1",
           "slate": "#b0b4d9",
           "violet": "#c7a5fa"
-        },
-        "promotion": {
-          "normal": "linear-gradient(46deg, #251329 -0.03%, #a12a3a 99.99%)"
-        },
-        "gradient": {
-          "active": "linear-gradient(44deg, #3492eb 14.64%, #00a3b5 51.1%, #3cc29a 85.36%);"
         }
       },
       "control": {
@@ -547,13 +384,18 @@
           "hover": "#0353a8",
           "pressed": "#063a75",
           "active": "#063a75",
-          "disabled": "#bfe3ff"
+          "disabled": "#00000033"
+        },
+        "indicator": {
+          "inactive": {
+            "normal": "#8f8f8f"
+          }
         },
         "inactive": {
-          "normal": "#8f8f8f",
-          "hover": "#ffffff4d",
-          "pressed": "#ffffff66",
-          "disabled": "#ffffff33"
+          "normal": "#00000000",
+          "hover": "#0000004d",
+          "pressed": "#00000066",
+          "disabled": "#00000033"
         }
       },
       "overlay": {
@@ -569,25 +411,206 @@
         }
       },
       "indicator": {
-        "unstable": "#C94403",
+        "unstable": "#c94403",
         "attention": "#db1f2e",
         "stable": "#1d805f",
         "locked": "#707070",
-        "caution": "#cf7900",
+        "caution": "#a65e00",
         "secure": "#1170cf"
       },
-      "whiteboard": {
-        "stickyNote": {
-          "yellow": "#ffbe4f",
-          "red": "#fc8b98",
-          "purple": "#f294f1",
-          "cyan": "#22c7d6",
-          "mint": "#30c9b0"
+      "common": {
+        "whiteboard": {
+          "stickyNote": {
+            "yellow": "#ffbe4f",
+            "red": "#fc8b98",
+            "purple": "#f294f1",
+            "cyan": "#22c7d6",
+            "mint": "#30c9b0"
+          },
+          "Pen": {
+            "black": "#0f0f0f",
+            "red": "#f55868",
+            "purple": "#c233c4",
+            "blue": "#64b4fa",
+            "green": "#3cc29a",
+            "yellow": "#f2990a",
+            "white": "#ffffff"
+          }
+        },
+        "text": {
+          "primary": {
+            "normal": "#fffffff2",
+            "disabled": "#ffffff66"
+          },
+          "secondary": {
+            "normal": "#ffffffb3"
+          },
+          "success": {
+            "normal": "#3cc29a",
+            "hover": "#9fedd8"
+          },
+          "error": {
+            "normal": "#fc8b98",
+            "hover": "#ffd4da"
+          },
+          "warning": {
+            "normal": "#f2990a",
+            "hover": "#ffda94"
+          }
+        },
+        "inverted": {
+          "text": {
+            "primary": {
+              "normal": "#000000f2"
+            }
+          }
+        },
+        "overlays": {
+          "primary": {
+            "normal": "#000000e6"
+          },
+          "secondary": {
+            "normal": "#00000066"
+          },
+          "meeting": {
+            "normal": {
+              "0": "#00000000",
+              "1": "#0000004d",
+              "2": "#000000cc"
+            }
+          }
+        },
+        "button": {
+          "primary": {
+            "normal": "#fffffff2",
+            "hover": "#ffffffcc",
+            "pressed": "#ffffffb3",
+            "disabled": "#ffffff33"
+          },
+          "secondary": {
+            "normal": "#ffffff00",
+            "hover": "#ffffff12",
+            "active": {
+              "normal": "#ffffffb3",
+              "hover": "#ffffff4d",
+              "pressed": "#ffffff66",
+              "disabled": "#ffffff1c"
+            },
+            "disabled": "#ffffff00"
+          },
+          "promotion": {
+            "normal": {
+              "0": "#932099",
+              "1": "#a12a3a"
+            },
+            "hover": {
+              "0": "#601e66",
+              "1": "#66262d"
+            },
+            "active": {
+              "0": "#601e66",
+              "1": "#3b1e21"
+            }
+          },
+          "join": {
+            "animated": {
+              "gradient": {
+                "normal": {
+                  "0": "#30c9b0",
+                  "1": "#64b4fa",
+                  "2": "#30c9b0"
+                }
+              }
+            }
+          }
+        },
+        "outline": {
+          "button": {
+            "normal": "#ffffff4d"
+          },
+          "primary": {
+            "normal": "#ffffff66",
+            "disabled": "#ffffff33"
+          },
+          "input": {
+            "normal": "#ffffff80"
+          }
+        },
+        "control": {
+          "share": {
+            "content": {
+              "selected": "#3cc29a",
+              "active": "#c94403",
+              "inactive": "#707070"
+            }
+          },
+          "inactive": {
+            "normal": "#00000033"
+          }
+        },
+        "background": {
+          "alert": {
+            "share": {
+              "normal": "#c94403"
+            }
+          }
+        },
+        "partner": {
+          "pdf": "#ee0507",
+          "word": "#0078d6",
+          "powerpoint": "#d93e17",
+          "excel": "#00893e",
+          "onenote": "#b839db",
+          "sheets": "#f4b400",
+          "slides": "#0f9d58",
+          "keynote": "#029cfb",
+          "doc": "#4285f4"
+        },
+        "touchbar": {
+          "background": {
+            "blue": {
+              "normal": "#1170cf",
+              "pressed": "#063a75"
+            },
+            "pink": {
+              "normal": "#d43b52",
+              "pressed": "#66262d"
+            },
+            "mint": {
+              "normal": "#148579",
+              "pressed": "#12423f"
+            },
+            "purple": {
+              "normal": "#c233c4",
+              "pressed": "#601e66"
+            },
+            "violet": {
+              "normal": "#875ae0",
+              "pressed": "#432c78"
+            },
+            "orange": {
+              "normal": "#c94403",
+              "pressed": "#682601"
+            },
+            "green": {
+              "normal": "#1d805f",
+              "pressed": "#134231"
+            },
+            "red": {
+              "normal": "#db1f2e",
+              "pressed": "#780d13"
+            }
+          },
+          "icon": {
+            "attention": "#fc8b98",
+            "stable": "#27a17a",
+            "secure": "#64b4fa"
+          }
         }
       },
       "scrollbar": {
         "button": {
-          "normal": "#00000066",
+          "normal": "#00000075",
           "hover": "#00000080",
           "pressed": "#00000099"
         },
@@ -628,7 +651,7 @@
           },
           "tertiary": {
             "0": "#ffbe4f",
-            "1": "#EC6400"
+            "1": "#ec6400"
           },
           "quartenary": {
             "0": "#93c437",
@@ -647,7 +670,7 @@
           "0": "#f0677e",
           "1": "#db1f2e"
         },
-        "default": "#0f0f0f"
+        "default": "#000000"
       },
       "globaltint": {
         "normal": "#1170cf",
@@ -678,32 +701,32 @@
         },
         "error": {
           "normal": {
-            "0": "#ab0a1500",
-            "1": "#ab0a1599"
+            "0": "#ab0a15",
+            "1": "#ab0a15"
           },
           "hover": {
-            "0": "#ab0a1500",
-            "1": "#ab0a15E6"
+            "0": "#ab0a15",
+            "1": "#ab0a15"
           }
         },
         "warning": {
           "normal": {
-            "0": "#7d470500",
-            "1": "#7d470599"
+            "0": "#7d4705",
+            "1": "#7d4705"
           },
           "hover": {
-            "0": "#7d470500",
-            "1": "#7d4705E6"
+            "0": "#7d4705",
+            "1": "#7d4705"
           }
         },
         "announce": {
           "normal": {
-            "0": "#0353a800",
-            "1": "#0353a899"
+            "0": "#0353a8",
+            "1": "#0353a8"
           },
           "hover": {
-            "0": "#0353a800",
-            "1": "#0353a8E6"
+            "0": "#0353a8",
+            "1": "#0353a8"
           }
         }
       },
@@ -714,16 +737,12 @@
         "gold": "#735107",
         "lime": "#416116",
         "mint": "#12615a",
-        "orange": "#9C3202",
+        "orange": "#9c3202",
         "pink": "#a12a3a",
         "purple": "#932099",
         "slate": "#535573",
         "violet": "#643abd",
         "yellow": "#7d4705"
-      },
-      "gradation": {
-        "primary": "linear-gradient(180deg, #f0f0f0 0%, #ffffff 100%)",
-        "secondary": "linear-gradient(180deg, #fafafa 0%, #ffffff 100%)"
       }
     }
   }