@momentum-design/tokens 0.4.0 → 0.5.0

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

@@ -0,0 +1,806 @@
+{
+  "color": {
+    "theme": {
+      "text": {
+        "primary": {
+          "normal": "#000000f2",
+          "disabled": "#00000066"
+        },
+        "secondary": {
+          "normal": "#000000b3"
+        },
+        "error": {
+          "normal": "#ab0a15",
+          "hover": "#4f0e10",
+          "active": "#4f0e10"
+        },
+        "success": {
+          "normal": "#185e46",
+          "hover": "#0e2b20",
+          "active": "#0e2b20"
+        },
+        "warning": {
+          "normal": "#7d4705",
+          "hover": "#36220c",
+          "active": "#36220c"
+        },
+        "highlight": "#bfe3ff",
+        "accent": {
+          "normal": "#0353a8",
+          "hover": "#0a274a",
+          "active": "#0a274a"
+        },
+        "teamdefault": {
+          "normal": "#000000b3",
+          "hover": "#000000b3",
+          "active": "#000000f2"
+        },
+        "alert": {
+          "purple": {
+            "normal": "#932099",
+            "hover": "#3b1840",
+            "active": "#3b1840"
+          },
+          "orange": {
+            "normal": "#9c3202",
+            "hover": "#411b04",
+            "active": "#411b04"
+          }
+        },
+        "team": {
+          "cobalt": {
+            "normal": "#08599c",
+            "hover": "#08599c",
+            "active": "#12283d"
+          },
+          "cyan": {
+            "normal": "#066070",
+            "hover": "#0b2a30",
+            "active": "#0b2a30"
+          },
+          "mint": {
+            "normal": "#12615a",
+            "hover": "#102b2a",
+            "active": "#102b2a"
+          },
+          "lime": {
+            "normal": "#416116",
+            "hover": "#416116",
+            "active": "#1e2b10"
+          },
+          "gold": {
+            "normal": "#735107",
+            "hover": "#735107",
+            "active": "#30240d"
+          },
+          "orange": {
+            "normal": "#9c3202",
+            "hover": "#9c3202",
+            "active": "#411b04"
+          },
+          "pink": {
+            "normal": "#a12a3a",
+            "hover": "#a12a3a",
+            "active": "#3b1e21"
+          },
+          "purple": {
+            "normal": "#932099",
+            "hover": "#932099",
+            "active": "#3b1840"
+          },
+          "violet": {
+            "normal": "#643abd",
+            "hover": "#643abd",
+            "active": "#29223d"
+          },
+          "slate": {
+            "normal": "#535573",
+            "hover": "#535573",
+            "active": "#26262b"
+          }
+        }
+      },
+      "inverted": {
+        "text": {
+          "primary": {
+            "normal": "#fffffff2",
+            "disabled": "#ffffff66"
+          },
+          "secondary": {
+            "normal": "#ffffffb3"
+          },
+          "accent": {
+            "normal": "#64b4fa",
+            "hover": "#bfe3ff",
+            "active": "#bfe3ff"
+          }
+        },
+        "background": {
+          "normal": "#000000"
+        },
+        "button": {
+          "primary": {
+            "normal": "#fffffff2",
+            "hover": "#ffffffcc",
+            "pressed": "#ffffffb3",
+            "disabled": "#ffffff33"
+          },
+          "secondary": {
+            "normal": "#ffffff00",
+            "hover": "#ffffff12",
+            "pressed": "#ffffff33",
+            "disabled": "#ffffff00"
+          }
+        },
+        "outline": {
+          "button": {
+            "normal": "#ffffff80"
+          },
+          "primary": {
+            "normal": "#ffffff66"
+          },
+          "disabled": {
+            "normal": "#ffffff33"
+          },
+          "theme": {
+            "normal": "#64b4fa"
+          },
+          "input": {
+            "normal": "#ffffff80"
+          }
+        },
+        "control": {
+          "active": {
+            "normal": "#64b4fa",
+            "hover": "#3492eb",
+            "pressed": "#1170cf",
+            "active": "#1170cf",
+            "disabled": "#ffffff33"
+          },
+          "inactive": {
+            "normal": "#ffffff1c",
+            "hover": "#ffffff4d",
+            "pressed": "#ffffff66",
+            "disabled": "#ffffff33"
+          },
+          "indicator": {
+            "inactive": {
+              "normal": "#8f8f8f"
+            }
+          }
+        }
+      },
+      "background": {
+        "primary": {
+          "ghost": "#00000000",
+          "hover": "#00000012",
+          "active": "#0000001c",
+          "disabled": "#00000000"
+        },
+        "solid": {
+          "primary": {
+            "normal": "#ffffff"
+          },
+          "secondary": {
+            "normal": "#f7f7f7"
+          },
+          "tertiary": {
+            "normal": "#ededed"
+          },
+          "quaternary": {
+            "normal": "#ffffff"
+          }
+        },
+        "secondary": {
+          "normal": "#0000001c",
+          "hover": "#00000033",
+          "active": "#0000004d",
+          "disabled": "#00000000"
+        },
+        "accent": {
+          "normal": "#1170cf",
+          "active": "#0353a8"
+        },
+        "alert": {
+          "default": {
+            "normal": "#dedede",
+            "hover": "#dedede",
+            "active": "#c9c9c9"
+          },
+          "success": {
+            "normal": "#cef5eb",
+            "hover": "#cef5eb",
+            "active": "#9fedd8"
+          },
+          "warning": {
+            "normal": "#ffebc2",
+            "hover": "#ffebc2",
+            "active": "#ffda94"
+          },
+          "error": {
+            "normal": "#ffe8ea",
+            "hover": "#ffe8ea",
+            "active": "#ffd4da"
+          },
+          "theme": {
+            "normal": "#dbf0ff",
+            "hover": "#dbf0ff",
+            "active": "#bfe3ff"
+          },
+          "purple": {
+            "normal": "#fcf2fc",
+            "hover": "#fcf2fc",
+            "active": "#fce1fc"
+          },
+          "orange": {
+            "normal": "#feebd7",
+            "hover": "#feebd7",
+            "active": "#fed5ac"
+          }
+        },
+        "label": {
+          "cobalt": {
+            "normal": "#e5f8ff",
+            "hover": "#c7eeff",
+            "active": "#99ddff"
+          },
+          "gold": {
+            "normal": "#f7f6dc",
+            "hover": "#f5eaa2",
+            "active": "#ebd460"
+          },
+          "lime": {
+            "normal": "#f3f7e9",
+            "hover": "#ddf2ae",
+            "active": "#bce36f"
+          },
+          "mint": {
+            "normal": "#e9f7f3",
+            "hover": "#baf5e7",
+            "active": "#74e8d1"
+          },
+          "orange": {
+            "normal": "#feebd7",
+            "hover": "#fed5ac",
+            "active": "#feba7f"
+          },
+          "pink": {
+            "normal": "#fff2f5",
+            "hover": "#ffe0e7",
+            "active": "#ffc7d2"
+          },
+          "purple": {
+            "normal": "#fcf2fc",
+            "hover": "#fce1fc",
+            "active": "#fac3f8"
+          },
+          "slate": {
+            "normal": "#f2f4ff",
+            "hover": "#e3e7fa",
+            "active": "#ced2ed"
+          },
+          "violet": {
+            "normal": "#f8f2fc",
+            "hover": "#f0e3fc",
+            "active": "#e2cafc"
+          },
+          "default": {
+            "normal": "#ededed",
+            "hover": "#dedede",
+            "active": "#c9c9c9"
+          },
+          "error": {
+            "normal": "#ffe8ea",
+            "hover": "#ffd4da",
+            "active": "#ffb8c1"
+          }
+        },
+        "namelabel": {
+          "normal": "#00000099"
+        },
+        "gradient": {
+          "primary": {
+            "normal": "linear-gradient(180deg, #ebeffc 0%, #ffffff 100%)"
+          },
+          "secondary": {
+            "normal": "linear-gradient(180deg, #f7f9ff 0%, #ffffff 100%)"
+          }
+        },
+        "reaction": {
+          "normal": "linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%)"
+        },
+        "skeleton": {
+          "normal": "linear-gradient(123deg, #00000033 0%, #0000004d 27.6%, #00000066 58.85%, #00000080 100%)"
+        },
+        "glass": {
+          "normal": "#ffffff99",
+          "overlay": {
+            "normal": "#ffffffcc",
+            "inactive": "#ffffff66"
+          }
+        }
+      },
+      "button": {
+        "primary": {
+          "normal": "#000000f2",
+          "hover": "#000000cc",
+          "pressed": "#000000b3",
+          "disabled": "#00000033"
+        },
+        "secondary": {
+          "normal": "#00000000",
+          "hover": "#00000012",
+          "pressed": "#00000033",
+          "disabled": "#00000000",
+          "active": {
+            "normal": "#00000033",
+            "hover": "#0000004d",
+            "pressed": "#00000066",
+            "disabled": "#0000001c"
+          }
+        },
+        "join": {
+          "normal": "#1d805f",
+          "hover": "#185e46",
+          "pressed": "#134231"
+        },
+        "cancel": {
+          "normal": "#db1f2e",
+          "hover": "#ab0a15",
+          "pressed": "#780d13"
+        },
+        "accent": {
+          "normal": "#1170cf",
+          "hover": "#0353a8",
+          "pressed": "#063a75"
+        },
+        "glass": {
+          "primary": {
+            "normal": "#000000cc",
+            "hover": "#000000b3",
+            "pressed": "#00000099"
+          }
+        }
+      },
+      "outline": {
+        "primary": {
+          "normal": "#00000075",
+          "disabled": "#00000033"
+        },
+        "theme": {
+          "normal": "#1170cf"
+        },
+        "secondary": {
+          "normal": "#00000033"
+        },
+        "input": {
+          "normal": "#00000080",
+          "active": "#000000e6"
+        },
+        "button": {
+          "normal": "#00000080"
+        },
+        "join": {
+          "normal": "#185e46"
+        },
+        "cancel": {
+          "normal": "#ab0a15"
+        },
+        "share": {
+          "selected": "#27a17a",
+          "active": "#ec6400",
+          "inactive": "#8f8f8f"
+        },
+        "overlay": {
+          "normal": "#707070"
+        },
+        "high-contrast": {
+          "focus": "#000000"
+        },
+        "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%, #00a3b5 51.1%, #3cc29a 85.36%)"
+        },
+        "warning": {
+          "normal": "#7d4705"
+        }
+      },
+      "control": {
+        "active": {
+          "normal": "#1170cf",
+          "hover": "#0353a8",
+          "pressed": "#063a75",
+          "active": "#063a75",
+          "disabled": "#00000033"
+        },
+        "indicator": {
+          "inactive": {
+            "normal": "#707070"
+          }
+        },
+        "inactive": {
+          "normal": "#0000001c",
+          "hover": "#00000033",
+          "pressed": "#0000004d",
+          "disabled": "#00000012"
+        }
+      },
+      "overlay": {
+        "meetings": {
+          "normal": "#ffffffcc"
+        },
+        "button": {
+          "secondary": {
+            "normal": "#ffffff",
+            "hover": "#ededed",
+            "pressed": "#dedede"
+          }
+        }
+      },
+      "indicator": {
+        "unstable": "#c94403",
+        "attention": "#db1f2e",
+        "stable": "#1d805f",
+        "locked": "#707070",
+        "caution": "#a65e00",
+        "secure": "#1170cf"
+      },
+      "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"
+            },
+            "secondary": {
+              "normal": "#00000099"
+            }
+          },
+          "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"
+          },
+          "promotion": {
+            "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": "linear-gradient(90deg, #30c9b0 0%, #64b4fa 51%, #30c9b0 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": "#00000075",
+          "hover": "#00000080",
+          "pressed": "#00000099"
+        },
+        "arrow": {
+          "normal": "#00000099",
+          "background": {
+            "normal": "#00000000",
+            "hover": "#00000033",
+            "pressed": "#0000004d"
+          }
+        },
+        "background": {
+          "secondary": {
+            "ghost": "#00000000",
+            "normal": "#0000001c"
+          }
+        }
+      },
+      "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": "#000000"
+      },
+      "globaltint": {
+        "normal": "#1170cf",
+        "selected": "#1170cf"
+      },
+      "groupedbackground": {
+        "primary": {
+          "normal": "#f7f7f7"
+        },
+        "secondary": {
+          "normal": "#ffffff"
+        },
+        "tertiary": {
+          "normal": "#f7f7f7"
+        },
+        "quaternary": {
+          "normal": "#ffffff"
+        }
+      },
+      "avatar": {
+        "default": "#545454",
+        "cobalt": "#08599c",
+        "cyan": "#066070",
+        "gold": "#735107",
+        "lime": "#416116",
+        "mint": "#12615a",
+        "orange": "#9c3202",
+        "pink": "#a12a3a",
+        "purple": "#932099",
+        "slate": "#535573",
+        "violet": "#643abd",
+        "yellow": "#7d4705",
+        "hover": "#00000012",
+        "pressed": "#00000033",
+        "glass": {
+          "normal": "#00000012",
+          "active": "#ffffffcc"
+        }
+      },
+      "gradientdivider": {
+        "default": {
+          "normal": "linear-gradient(90deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%)",
+          "hover": "linear-gradient(90deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%)"
+        },
+        "error": {
+          "normal": "linear-gradient(90deg, #ab0a1500 0%, #ab0a1599 22.4%, #ab0a1599 22.4%, #ab0a1500 100%)",
+          "hover": "linear-gradient(90deg, #ab0a1500 0%, #ab0a15e6 22.4%, #ab0a15e6 76.04%, #ab0a1500 100%)"
+        },
+        "warning": {
+          "normal": "linear-gradient(90deg, #7d470500 0%, #7d470599 22.4%, #7d470599 76.04%, #7d470500 100%)",
+          "hover": "linear-gradient(90deg, #7d470500 0%, #7d4705e6 22.4%, #7d4705e6 76.04%, #7d470500 100%)"
+        },
+        "announce": {
+          "normal": "linear-gradient(90deg, #0353a800 0%, #0353a899 22.4%, #0353a899 22.4%, #0353a800 100%)",
+          "hover": "linear-gradient(90deg, #0353a800 0%, #0353a8E6 76.04%, #0353a8E6 76.04%, #0353a800 100%)"
+        },
+        "success": {
+          "normal": "linear-gradient(90deg, #185e4600 0%, #185e4699 22.4%, #185e4699 76.04%, #185e4600 100%)",
+          "hover": "linear-gradient(90deg, #185e4600 0%, #185e46E6 22.4%, #185e46E6 76.04%, #185e4600 100%)"
+        },
+        "orange": {
+          "normal": "linear-gradient(90deg, #9c320200 0%, #9c320299 22.4%, #9c320299 76.04%, #9c320200 100%)",
+          "hover": "linear-gradient(90deg, #9c320200 0%, #9c3202e6 22.4%, #9c3202e6 76.04%, #9c320200 100%)"
+        },
+        "purple": {
+          "normal": "linear-gradient(90deg, #93209900 0%, #93209999 22.4%, #93209999 76.04%, #93209900 100%)",
+          "hover": "linear-gradient(90deg, #93209900 0%,#932099E6 22.4%, #932099E6 76.04%, #93209900 100%)"
+        },
+        "vertical": {
+          "normal": "linear-gradient(0deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%)",
+          "hover": "linear-gradient(0deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%)"
+        }
+      },
+      "focus": {
+        "default": {
+          "0": "#ffffff",
+          "1": "#1170cf",
+          "2": "#1170cf59"
+        }
+      }
+    }
+  }
+}