@momentum-design/tokens 0.3.3 → 0.5.0

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

@@ -0,0 +1,806 @@
+{
+  "color": {
+    "theme": {
+      "text": {
+        "primary": {
+          "normal": "#fffffff2",
+          "disabled": "#ffffff66"
+        },
+        "secondary": {
+          "normal": "#ffffffb3"
+        },
+        "error": {
+          "normal": "#fc8b98",
+          "hover": "#ffd4da",
+          "active": "#ffd4da"
+        },
+        "success": {
+          "normal": "#3cc29a",
+          "hover": "#9fedd8",
+          "active": "#9fedd8"
+        },
+        "warning": {
+          "normal": "#f2990a",
+          "hover": "#ffda94",
+          "active": "#ffda94"
+        },
+        "highlight": "#063a75",
+        "accent": {
+          "normal": "#64b4fa",
+          "hover": "#bfe3ff",
+          "active": "#bfe3ff"
+        },
+        "teamdefault": {
+          "normal": "#ffffffb3",
+          "hover": "#ffffffb3",
+          "active": "#fffffff2"
+        },
+        "alert": {
+          "purple": {
+            "normal": "#f294f1",
+            "hover": "#fce1fc",
+            "active": "#fce1fc"
+          },
+          "orange": {
+            "normal": "#fd884e",
+            "hover": "#fed5ac",
+            "active": "#fed5ac"
+          }
+        },
+        "team": {
+          "cobalt": {
+            "normal": "#5ebff7",
+            "hover": "#5ebff7",
+            "active": "#c7eeff"
+          },
+          "cyan": {
+            "normal": "#22c7d6",
+            "hover": "#22c7d6",
+            "active": "#b2f4f7"
+          },
+          "mint": {
+            "normal": "#30c9b0",
+            "hover": "#baf5e7",
+            "active": "#baf5e7"
+          },
+          "lime": {
+            "normal": "#93c437",
+            "hover": "#93c437",
+            "active": "#ddf2ae"
+          },
+          "gold": {
+            "normal": "#d6b220",
+            "hover": "#d6b220",
+            "active": "#f5eaa2"
+          },
+          "orange": {
+            "normal": "#fd884e",
+            "hover": "#fd884e",
+            "active": "#fed5ac"
+          },
+          "pink": {
+            "normal": "#fc97aa",
+            "hover": "#fc97aa",
+            "active": "#ffe0e7"
+          },
+          "purple": {
+            "normal": "#f294f1",
+            "hover": "#f294f1",
+            "active": "#fce1fc"
+          },
+          "violet": {
+            "normal": "#c7a5fa",
+            "hover": "#c7a5fa",
+            "active": "#f0e3fc"
+          },
+          "slate": {
+            "normal": "#b0b4d9",
+            "hover": "#b0b4d9",
+            "active": "#e3e7fa"
+          }
+        }
+      },
+      "inverted": {
+        "text": {
+          "primary": {
+            "normal": "#000000f2",
+            "disabled": "#00000066"
+          },
+          "secondary": {
+            "normal": "#000000b3"
+          },
+          "accent": {
+            "normal": "#0353a8",
+            "hover": "#0a274a",
+            "active": "#0a274a"
+          }
+        },
+        "background": {
+          "normal": "#ffffff"
+        },
+        "button": {
+          "primary": {
+            "normal": "#000000f2",
+            "hover": "#000000cc",
+            "pressed": "#000000b3",
+            "disabled": "#00000033"
+          },
+          "secondary": {
+            "normal": "#00000000",
+            "hover": "#00000012",
+            "pressed": "#00000033",
+            "disabled": "#00000000"
+          }
+        },
+        "outline": {
+          "button": {
+            "normal": "#00000080"
+          },
+          "primary": {
+            "normal": "#00000075"
+          },
+          "disabled": {
+            "normal": "#00000033"
+          },
+          "theme": {
+            "normal": "#1170cf"
+          },
+          "input": {
+            "normal": "#00000080"
+          }
+        },
+        "control": {
+          "active": {
+            "normal": "#1170cf",
+            "hover": "#0353a8",
+            "pressed": "#063a75",
+            "active": "#063a75",
+            "disabled": "#00000033"
+          },
+          "inactive": {
+            "normal": "#0000001c",
+            "hover": "#0000004d",
+            "pressed": "#00000066",
+            "disabled": "#00000033"
+          },
+          "indicator": {
+            "inactive": {
+              "normal": "#8f8f8f"
+            }
+          }
+        }
+      },
+      "background": {
+        "primary": {
+          "ghost": "#ffffff00",
+          "hover": "#ffffff12",
+          "active": "#ffffff1c",
+          "disabled": "#ffffff00"
+        },
+        "solid": {
+          "primary": {
+            "normal": "#000000"
+          },
+          "secondary": {
+            "normal": "#1a1a1a"
+          },
+          "tertiary": {
+            "normal": "#262626"
+          },
+          "quaternary": {
+            "normal": "#3b3b3b"
+          }
+        },
+        "secondary": {
+          "normal": "#ffffff1c",
+          "hover": "#ffffff33",
+          "active": "#ffffff33",
+          "disabled": "#ffffff00"
+        },
+        "accent": {
+          "normal": "#1170cf",
+          "active": "#64b4fa"
+        },
+        "alert": {
+          "default": {
+            "normal": "#3b3b3b",
+            "hover": "#3b3b3b",
+            "active": "#545454"
+          },
+          "success": {
+            "normal": "#0e2b20",
+            "hover": "#0e2b20",
+            "active": "#134231"
+          },
+          "warning": {
+            "normal": "#36220c",
+            "hover": "#36220c",
+            "active": "#57330a"
+          },
+          "error": {
+            "normal": "#4f0e10",
+            "hover": "#4f0e10",
+            "active": "#780d13"
+          },
+          "theme": {
+            "normal": "#0a274a",
+            "hover": "#0a274a",
+            "active": "#063a75"
+          },
+          "purple": {
+            "normal": "#3b1840",
+            "hover": "#3b1840",
+            "active": "#601e66"
+          },
+          "orange": {
+            "normal": "#411b04",
+            "hover": "#411b04",
+            "active": "#682601"
+          }
+        },
+        "label": {
+          "cobalt": {
+            "normal": "#12283d",
+            "hover": "#103c63",
+            "active": "#08599c"
+          },
+          "gold": {
+            "normal": "#30240d",
+            "hover": "#4d370c",
+            "active": "#735107"
+          },
+          "lime": {
+            "normal": "#1e2b10",
+            "hover": "#2d4214",
+            "active": "#416116"
+          },
+          "mint": {
+            "normal": "#102b2a",
+            "hover": "#12423f",
+            "active": "#12615a"
+          },
+          "orange": {
+            "normal": "#411b04",
+            "hover": "#682601",
+            "active": "#9c3202"
+          },
+          "pink": {
+            "normal": "#3b1e21",
+            "hover": "#66262d",
+            "active": "#a12a3a"
+          },
+          "purple": {
+            "normal": "#3b1840",
+            "hover": "#601e66",
+            "active": "#932099"
+          },
+          "slate": {
+            "normal": "#26262b",
+            "hover": "#393a47",
+            "active": "#535573"
+          },
+          "violet": {
+            "normal": "#29223d",
+            "hover": "#432c78",
+            "active": "#643abd"
+          },
+          "default": {
+            "normal": "#262626",
+            "hover": "#3b3b3b",
+            "active": "#545454"
+          },
+          "error": {
+            "normal": "#4f0e10",
+            "hover": "#780d13",
+            "active": "#ab0a15"
+          }
+        },
+        "namelabel": {
+          "normal": "#00000099"
+        },
+        "gradient": {
+          "primary": {
+            "normal": "linear-gradient(180deg, #13182b 0%, #0e111a 100%)"
+          },
+          "secondary": {
+            "normal": "linear-gradient(180deg, #212536 0%, #0e111a 100%)"
+          }
+        },
+        "reaction": {
+          "normal": "linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%)"
+        },
+        "skeleton": {
+          "normal": "linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%)"
+        },
+        "glass": {
+          "normal": "#00000066",
+          "overlay": {
+            "normal": "#000000cc",
+            "inactive": "#00000066"
+          }
+        }
+      },
+      "button": {
+        "primary": {
+          "normal": "#fffffff2",
+          "hover": "#ffffffcc",
+          "pressed": "#ffffffb3",
+          "disabled": "#ffffff33"
+        },
+        "secondary": {
+          "normal": "#ffffff00",
+          "hover": "#ffffff12",
+          "pressed": "#ffffff33",
+          "disabled": "#ffffff00",
+          "active": {
+            "normal": "#ffffff33",
+            "hover": "#ffffff4d",
+            "pressed": "#ffffff66",
+            "disabled": "#ffffff1c"
+          }
+        },
+        "join": {
+          "normal": "#1d805f",
+          "hover": "#185e46",
+          "pressed": "#134231"
+        },
+        "cancel": {
+          "normal": "#db1f2e",
+          "hover": "#ab0a15",
+          "pressed": "#780d13"
+        },
+        "accent": {
+          "normal": "#1170cf",
+          "hover": "#0353a8",
+          "pressed": "#063a75"
+        },
+        "glass": {
+          "primary": {
+            "normal": "#ffffffcc",
+            "hover": "#ffffffb3",
+            "pressed": "#ffffff99"
+          }
+        }
+      },
+      "outline": {
+        "primary": {
+          "normal": "#ffffff66",
+          "disabled": "#ffffff33"
+        },
+        "theme": {
+          "normal": "#64b4fa"
+        },
+        "secondary": {
+          "normal": "#ffffff33"
+        },
+        "input": {
+          "normal": "#ffffff80",
+          "active": "#ffffffe6"
+        },
+        "button": {
+          "normal": "#ffffff80"
+        },
+        "join": {
+          "normal": "#3cc29a"
+        },
+        "cancel": {
+          "normal": "#fc8b98"
+        },
+        "share": {
+          "selected": "#27a17a",
+          "active": "#ec6400",
+          "inactive": "#8f8f8f"
+        },
+        "overlay": {
+          "normal": "#adadad"
+        },
+        "high-contrast": {
+          "focus": "#ffffff"
+        },
+        "label": {
+          "cobalt": "#5ebff7",
+          "gold": "#d6b220",
+          "lime": "#93c437",
+          "mint": "#30c9b0",
+          "orange": "#fd884e",
+          "pink": "#fc97aa",
+          "purple": "#f294f1",
+          "slate": "#b0b4d9",
+          "violet": "#c7a5fa"
+        },
+        "promotion": {
+          "normal": "#c233c4"
+        },
+        "gradient": {
+          "active": "linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%)"
+        },
+        "warning": {
+          "normal": "#f2990a"
+        }
+      },
+      "control": {
+        "active": {
+          "normal": "#64b4fa",
+          "hover": "#3492eb",
+          "pressed": "#1170cf",
+          "active": "#1170cf",
+          "disabled": "#ffffff33"
+        },
+        "indicator": {
+          "inactive": {
+            "normal": "#8f8f8f"
+          }
+        },
+        "inactive": {
+          "normal": "#ffffff1c",
+          "hover": "#ffffff33",
+          "pressed": "#ffffff4d",
+          "disabled": "#ffffff12"
+        }
+      },
+      "overlay": {
+        "meetings": {
+          "normal": "#000000b3"
+        },
+        "button": {
+          "secondary": {
+            "normal": "#0f0f0f",
+            "hover": "#262626",
+            "pressed": "#3b3b3b"
+          }
+        }
+      },
+      "indicator": {
+        "unstable": "#ec6400",
+        "attention": "#f55868",
+        "stable": "#27a17a",
+        "locked": "#8f8f8f",
+        "caution": "#cf7900",
+        "secure": "#3492eb"
+      },
+      "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": {
+            "secondary": {
+              "normal": "#00000099"
+            },
+            "primary": {
+              "normal": "#000000f2"
+            }
+          },
+          "button": {
+            "secondary": {
+              "normal": "#00000000",
+              "hover": "#00000012",
+              "pressed": "#00000033",
+              "disabled": "#00000000"
+            }
+          }
+        },
+        "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": "#ffffff33",
+              "hover": "#ffffff4d",
+              "pressed": "#ffffff66",
+              "disabled": "#ffffff1c"
+            },
+            "disabled": "#ffffff00"
+          },
+          "join": {
+            "animated": {
+              "gradient": {
+                "normal": "linear-gradient(90deg, #30c9b0 0%, #64b4fa 51%, #30c9b0 100%)"
+              }
+            }
+          },
+          "promotion": {
+            "normal": "linear-gradient(45deg, #932099 0%, #a12a3a 100%)",
+            "hover": "linear-gradient(45deg, #601e66 0%, #66262d 100%)",
+            "active": "linear-gradient(45deg, #3b1840 0%, #3b1e21 100%)"
+          }
+        },
+        "outline": {
+          "button": {
+            "normal": "#ffffff4d"
+          },
+          "primary": {
+            "normal": "#ffffff66",
+            "disabled": "#ffffff33"
+          },
+          "input": {
+            "normal": "#ffffff80"
+          },
+          "secondary": {
+            "normal": "#00000033",
+            "disabled": "#00000033"
+          },
+          "warning": {
+            "normal": "#f2990a"
+          }
+        },
+        "control": {
+          "share": {
+            "content": {
+              "selected": "#3cc29a",
+              "active": "#c94403",
+              "inactive": "#707070"
+            }
+          },
+          "inactive": {
+            "normal": "#00000033"
+          }
+        },
+        "background": {
+          "alert": {
+            "share": {
+              "normal": "#c94403"
+            }
+          },
+          "solid": {
+            "dark": "#1a1a1a",
+            "light": "#ffffff"
+          }
+        },
+        "content": {
+          "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"
+            },
+            "transparent": "#00000000"
+          },
+          "icon": {
+            "attention": "#fc8b98",
+            "stable": "#27a17a",
+            "secure": "#64b4fa"
+          }
+        }
+      },
+      "scrollbar": {
+        "button": {
+          "normal": "#ffffff66",
+          "hover": "#ffffff80",
+          "pressed": "#ffffff99"
+        },
+        "arrow": {
+          "normal": "#ffffffb3",
+          "background": {
+            "normal": "#ffffff00",
+            "hover": "#ffffff33",
+            "pressed": "#ffffff4d"
+          }
+        },
+        "background": {
+          "secondary": {
+            "ghost": "#ffffff00",
+            "normal": "#ffffff1c"
+          }
+        }
+      },
+      "illustrations": {
+        "empty": {
+          "primary": {
+            "0": "#93c437",
+            "1": "#279be8"
+          },
+          "secondary": {
+            "0": "#279be8",
+            "1": "#875ae0"
+          }
+        },
+        "onboarding": {
+          "primary": {
+            "0": "#ffbe4f",
+            "1": "#93c437"
+          },
+          "secondary": {
+            "0": "#f55868",
+            "1": "#875ae0"
+          },
+          "tertiary": {
+            "0": "#ffbe4f",
+            "1": "#ec6400"
+          },
+          "quartenary": {
+            "0": "#93c437",
+            "1": "#279be8"
+          },
+          "quinary": {
+            "0": "#279be8",
+            "1": "#875ae0"
+          }
+        },
+        "success": {
+          "0": "#3cc29a",
+          "1": "#93c437"
+        },
+        "error": {
+          "0": "#f0677e",
+          "1": "#db1f2e"
+        },
+        "default": "#ffffff"
+      },
+      "globaltint": {
+        "normal": "#3492eb",
+        "selected": "#1170cf"
+      },
+      "groupedbackground": {
+        "primary": {
+          "normal": "#000000"
+        },
+        "secondary": {
+          "normal": "#1a1a1a"
+        },
+        "tertiary": {
+          "normal": "#262626"
+        },
+        "quaternary": {
+          "normal": "#3b3b3b"
+        }
+      },
+      "gradientdivider": {
+        "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": "linear-gradient(90deg, #fc8b9800 0%, #fc8b9899 22.4%, #fc8b9899 76.04%, #fc8b9800 100%)",
+          "hover": "linear-gradient(90deg, #fc8b9800 0%, #fc8b98e6 22.4%, #fc8b98e6 76.04%, #fc8b9800 100%)"
+        },
+        "warning": {
+          "normal": "linear-gradient(90deg, #f2990a00 0%, #f2990a99 22.4%, #f2990a99 76.04%, #f2990a00 100%)",
+          "hover": "linear-gradient(90deg, #f2990a00 0%, #f2990ae6 22.4%, #f2990ae6 76.04%, #f2990a00 100%)"
+        },
+        "announce": {
+          "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%, #f294f199 76.04%, #f294f100 100%)",
+          "hover": "linear-gradient(90deg, #f294f100 0%, #f294f1E6 22.4%, #f294f1E6 76.04%, #f294f100 100%)"
+        },
+        "vertical": {
+          "normal": "linear-gradient(0deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%)",
+          "hover": "linear-gradient(0deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%)"
+        }
+      },
+      "avatar": {
+        "default": "#545454",
+        "hover": "#ffffff12",
+        "pressed": "#ffffff33",
+        "cobalt": "#08599c",
+        "cyan": "#066070",
+        "gold": "#735107",
+        "lime": "#416116",
+        "mint": "#12615a",
+        "orange": "#9c3202",
+        "pink": "#a12a3a",
+        "purple": "#932099",
+        "slate": "#535573",
+        "violet": "#643abd",
+        "yellow": "#7d4705",
+        "glass": {
+          "normal": "#ffffff12",
+          "active": "#ffffffcc"
+        }
+      },
+      "focus": {
+        "default": {
+          "0": "#000000",
+          "1": "#64b4fa",
+          "2": "#64b4fa59"
+        }
+      }
+    }
+  }
+}