@momentum-design/tokens 0.0.29 → 0.0.31

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

@@ -0,0 +1,666 @@
+{
+  "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"
+          }
+        },
+        "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"
+          }
+        },
+        "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": "#C74F0E",
+            "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": "#C74F0E",
+              "pressed": "#59311E"
+            },
+            "green": {
+              "normal": "#1d805f",
+              "pressed": "#134231"
+            },
+            "red": {
+              "normal": "#db1f2e",
+              "pressed": "#780d13"
+            },
+            "transparent": "#00000000"
+          },
+          "icon": {
+            "stable": "#27a17a",
+            "attention": "#fc8b98",
+            "secure": "#64b4fa"
+          }
+        }
+      },
+      "text": {
+        "primary": {
+          "normal": "#fffffff2",
+          "disabled": "#ffffff66"
+        },
+        "inverted": {
+          "normal": "#000000f2",
+          "disabled": "#00000080"
+        },
+        "secondary": {
+          "normal": "#ffffffb3",
+          "inverted": {
+            "normal": "#00000099"
+          }
+        },
+        "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": "#FFCA99",
+            "hover": "#FEEBD7",
+            "active": "#FEEBD7"
+          }
+        },
+        "team": {
+          "cobalt": {
+            "normal": "#5ebff7",
+            "hover": "#5ebff7",
+            "active": "#c7eeff"
+          },
+          "cyan": {
+            "normal": "#22c7d6",
+            "hover": "#22c7d6",
+            "active": "#b2f4f7"
+          },
+          "mint": {
+            "normal": "#30c9b0",
+            "hover": "#30c9b0",
+            "active": "#baf5e7"
+          },
+          "lime": {
+            "normal": "#93c437",
+            "hover": "#93c437",
+            "active": "#ddf2ae"
+          },
+          "gold": {
+            "normal": "#d6b220",
+            "hover": "#d6b220",
+            "active": "#f5eaa2"
+          },
+          "orange": {
+            "normal": "#FF9D52",
+            "hover": "#FF9D52",
+            "active": "#FAF4EB"
+          },
+          "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"
+          }
+        }
+      },
+      "background": {
+        "primary": {
+          "ghost": "#ffffff00",
+          "hover": "#ffffff12",
+          "active": "#ffffff1c",
+          "disabled": "#ffffff1c"
+        },
+        "solid": {
+          "primary": {
+            "normal": "#000000"
+          },
+          "secondary": {
+            "normal": "#1a1a1a"
+          },
+          "tertiary": {
+            "normal": "#262626"
+          },
+          "quaternary": {
+            "normal": "#3b3b3b"
+          }
+        },
+        "secondary": {
+          "normal": "#ffffff1c",
+          "hover": "#ffffff33",
+          "active": "#ffffff4d",
+          "disabled": "#ffffff00"
+        },
+        "accent": {
+          "normal": "#1170cf"
+        },
+        "gradient": {
+          "primary": "linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%)",
+          "secondary": "linear-gradient(180deg, #262626 0%, #0f0f0f 100%)"
+        },
+        "alert": {
+          "default": {
+            "normal": "#262626",
+            "hover": "#262626",
+            "active": "#3b3b3b"
+          },
+          "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": "#33221B",
+            "hover": "#33221B",
+            "active": "#59311E"
+          }
+        },
+        "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": "#33221B",
+            "hover": "#59311E",
+            "active": "#914017"
+          },
+          "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"
+          }
+        },
+        "common": {
+          "normal": "#ffffff"
+        },
+        "namelabel": {
+          "normal": "#00000080"
+        }
+      },
+      "button": {
+        "border": {
+          "normal": "none"
+        },
+        "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"
+          }
+        },
+        "inverted": {
+          "normal": "#0f0f0f",
+          "hover": "#262626",
+          "pressed": "#3b3b3b"
+        },
+        "join": {
+          "normal": "#1d805f",
+          "hover": "#185e46",
+          "pressed": "#134231"
+        },
+        "cancel": {
+          "normal": "#db1f2e",
+          "hover": "#ab0a15",
+          "pressed": "#780d13"
+        },
+        "accent": {
+          "normal": "#1170cf",
+          "hover": "#0353a8",
+          "pressed": "#063a75"
+        }
+      },
+      "outline": {
+        "primary": {
+          "normal": "#ffffff66"
+        },
+        "theme": {
+          "normal": "#64b4fa"
+        },
+        "secondary": {
+          "normal": "#ffffff33"
+        },
+        "input": {
+          "normal": "#ffffff80",
+          "active": "#ffffffe6"
+        },
+        "button": {
+          "normal": "#ffffff4d"
+        },
+        "join": {
+          "normal": "#3cc29a"
+        },
+        "cancel": {
+          "normal": "#fc8b98"
+        },
+        "disabled": {
+          "normal": "#ffffff33"
+        },
+        "share": {
+          "selected": "#27a17a",
+          "active": "#F26B1D",
+          "inactive": "#8f8f8f"
+        },
+        "overlay": {
+          "normal": "#adadad"
+        },
+        "high-contrast": {
+          "focus": "#ffffff"
+        },
+        "label": {
+          "cobalt": "#5ebff7",
+          "gold": "#d6b220",
+          "lime": "#93c437",
+          "mint": "#30c9b0",
+          "orange": "#FF9D52",
+          "pink": "#fc97aa",
+          "purple": "#f294f1",
+          "slate": "#b0b4d9",
+          "violet": "#c7a5fa"
+        }
+      },
+      "control": {
+        "active": {
+          "normal": "#64b4fa",
+          "hover": "#3492eb",
+          "pressed": "#1170cf",
+          "active": "#1170cf",
+          "disabled": "#063a75"
+        },
+        "inactive": {
+          "normal": "#ffffff33",
+          "hover": "#ffffff4d",
+          "pressed": "#ffffff66",
+          "disabled": "#ffffff1c"
+        }
+      },
+      "overlay": {
+        "meetings": {
+          "normal": "#000000b3"
+        }
+      },
+      "indicator": {
+        "unstable": "#F26B1D",
+        "attention": "#f55868",
+        "stable": "#27a17a",
+        "locked": "#8f8f8f",
+        "caution": "#cf7900",
+        "secure": "#3492eb"
+      },
+      "whiteboard": {
+        "stickyNote": {
+          "yellow": "#ffbe4f",
+          "red": "#fc8b98",
+          "purple": "#f294f1",
+          "cyan": "#22c7d6",
+          "mint": "#30c9b0"
+        }
+      },
+      "scrollbar": {
+        "button": {
+          "normal": "#ffffff33",
+          "hover": "#ffffff4d",
+          "pressed": "#ffffff66"
+        },
+        "arrow": {
+          "normal": "#ffffffb3",
+          "background": {
+            "normal": "#ffffff00",
+            "hover": "#ffffff1c",
+            "pressed": "#ffffff33"
+          }
+        },
+        "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": "#F26B1D"
+          },
+          "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"
+        }
+      },
+      "teaching": {
+        "background": {
+          "normal": "#ffffff"
+        },
+        "button": {
+          "primary": {
+            "normal": "#000000f2",
+            "hover": "#000000cc",
+            "pressed": "#000000b3",
+            "disabled": "#00000033"
+          },
+          "secondary": {
+            "normal": "#00000000",
+            "hover": "#00000012",
+            "pressed": "#00000033"
+          }
+        },
+        "outline": {
+          "button": {
+            "normal": "#0000004d"
+          },
+          "normal": "#00000033",
+          "disabled": {
+            "normal": "#00000033"
+          },
+          "theme": "#1170cf"
+        },
+        "text": {
+          "accent": {
+            "normal": "#0353a8",
+            "hover": "#0a274a",
+            "disabled": "#00000066"
+          },
+          "primary": {
+            "disabled": "#00000066"
+          }
+        }
+      },
+      "gradientdivider": {
+        "error": {
+          "normal": {
+            "0": "#fc8b9800",
+            "1": "#fc8b9899"
+          },
+          "hover": {
+            "0": "#fc8b9800",
+            "1": "#fc8b98E6"
+          }
+        },
+        "warning": {
+          "normal": {
+            "0": "#f2990a00",
+            "1": "#f2990a99"
+          },
+          "hover": {
+            "0": "#f2990a00",
+            "1": "#f2990aE6"
+          }
+        },
+        "announce": {
+          "normal": {
+            "0": "#64b4fa00",
+            "1": "#64b4faE6"
+          },
+          "hover": {
+            "0": "#64b4fa00",
+            "1": "#64b4faE6"
+          }
+        }
+      },
+      "avatar": {
+        "default": "#545454",
+        "cobalt": "#08599c",
+        "cyan": "#066070",
+        "gold": "#735107",
+        "lime": "#416116",
+        "mint": "#12615a",
+        "orange": "#914017",
+        "pink": "#a12a3a",
+        "purple": "#932099",
+        "slate": "#535573",
+        "violet": "#643abd",
+        "yellow": "#7d4705"
+      },
+      "gradation": {
+        "primary": "linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%)",
+        "secondary": "linear-gradient(180deg, #262626 0%, #0f0f0f 100%)"
+      }
+    }
+  }
+}