@wireapp/react-ui-kit 8.14.1 → 8.14.4

package/src/Layout/Theme.js

@@ -1,224 +1,232 @@
 "use strict";
-/*
- * Wire
- * Copyright (C) 2019 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-Object.defineProperty(exports, "__esModule", { value: true });
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.ThemeProvider = exports.themes = exports.THEME_ID = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const colors_1 = require("../Identity/colors");
-const colors_v2_1 = require("../Identity/colors-v2");
-const util_1 = require("../util");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _colors = require("../Identity/colors");
+
+var _colorsV = require("../Identity/colors-v2");
+
+var _util = require("../util");
+
+var _themes;
+
 var THEME_ID;
+exports.THEME_ID = THEME_ID;
+
 (function (THEME_ID) {
-    THEME_ID["DARK"] = "THEME_DARK";
-    THEME_ID["LIGHT"] = "THEME_LIGHT";
-    THEME_ID["DEFAULT"] = "THEME_DEFAULT";
-})(THEME_ID = exports.THEME_ID || (exports.THEME_ID = {}));
-exports.themes = {
-    [THEME_ID.DEFAULT]: {
-        Button: {
-            primaryBg: 'var(--accent-color)',
-            primaryHoverBg: 'var(--button-primary-hover)',
-            primaryActiveBg: 'var(--button-primary-active)',
-            primaryActiveBorder: 'var(--button-primary-active-border)',
-            primaryFocusBorder: 'var(--button-primary-focus-border)',
-            primaryDisabledBg: 'var(--button-primary-disabled-bg)',
-            primaryDisabledText: 'var(--button-primary-disabled-text)',
-            tertiaryBg: 'var(--button-tertiary-bg)',
-            tertiaryBorder: 'var(--button-tertiary-border)',
-            tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',
-            tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',
-            tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',
-            tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',
-            tertiaryActiveBg: 'var(--accent-color-highlight)',
-        },
-        Checkbox: {
-            background: 'var(--checkbox-background)',
-            border: 'var(--checkbox-border)',
-            borderFocused: 'var(--accent-color)',
-            disableBgColor: 'var(--checkbox-background-disabled)',
-            disableBorderColor: 'var(--checkbox-border-disabled)',
-            disablecheckedBgColor: 'var(--checkbox-background-disabled-selected)',
-            invalidBorderColor: 'var(--danger-color)',
-        },
-        IconButton: {
-            activePrimaryBgColor: 'var(--accent-color-highlight)',
-            focusBorderColor: 'var(--accent-color-border)',
-            hoverPrimaryBgColor: 'var(--icon-button-primary-hover-bg)',
-            primaryActiveFillColor: 'var(--icon-primary-active-fill)',
-            primaryBgColor: 'var(--icon-button-primary-enabled-bg)',
-            primaryBorderColor: 'var(--icon-button-primary-border)',
-            primaryDisabledBgColor: 'var(--icon-button-primary-disabled-bg)',
-            primaryDisabledBorderColor: 'var(--icon-button-primary-disabled-border)',
-            primaryHoverBorderColor: 'var(--icon-button-primary-hover-border)',
-            secondaryActiveBorderColor: 'var(--icon-secondary-active-border)',
-        },
-        Input: {
-            backgroundColor: 'var(--text-input-background)',
-            backgroundColorDisabled: 'var(--text-input-disabled)',
-            labelColor: 'var(--text-input-label)',
-            placeholderColor: 'var(--text-input-placeholder)',
-            borderHover: 'var(--text-input-border-hover)',
-        },
-        Select: {
-            borderColor: 'var(--text-input-border)',
-            contrastTextColor: 'var(--text-input-background)',
-            disabledColor: 'var(--text-input-placeholder)',
-            focusedDescriptionColor: 'var(--select-focused-description)',
-            optionHoverBg: 'var(--accent-color-highlight)',
-            selectedActiveBg: 'var(--button-primary-hover)',
-        },
-        general: {
-            backgroundColor: 'var(--app-bg)',
-            color: 'var(--main-color)',
-            dangerColor: 'var(--danger-color)',
-            primaryColor: 'var(--accent-color)',
-            contrastColor: 'var(--text-input-background)',
-            focusColor: 'var(--accent-color-focus)',
-        },
-    },
-    [THEME_ID.LIGHT]: {
-        Button: {
-            primaryBg: 'var(--accent-color)',
-            primaryHoverBg: 'var(--button-primary-hover)',
-            primaryActiveBg: 'var(--button-primary-active)',
-            primaryActiveBorder: 'var(--button-primary-active-border)',
-            primaryFocusBorder: 'var(--button-primary-focus-border)',
-            primaryDisabledBg: 'var(--button-primary-disabled-bg)',
-            primaryDisabledText: 'var(--button-primary-disabled-text)',
-            tertiaryBg: 'var(--button-tertiary-bg)',
-            tertiaryBorder: 'var(--button-tertiary-border)',
-            tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',
-            tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',
-            tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',
-            tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',
-            tertiaryActiveBg: 'var(--accent-color-highlight)',
-        },
-        IconButton: {
-            activePrimaryBgColor: colors_v2_1.COLOR_V2.BLUE_LIGHT_50,
-            focusBorderColor: colors_v2_1.COLOR_V2.BLUE_LIGHT_500,
-            hoverPrimaryBgColor: colors_v2_1.COLOR_V2.GRAY_20,
-            primaryActiveFillColor: colors_v2_1.COLOR_V2.BLUE,
-            primaryBgColor: colors_v2_1.COLOR_V2.WHITE,
-            primaryBorderColor: colors_v2_1.COLOR_V2.GRAY_40,
-            primaryDisabledBgColor: colors_v2_1.COLOR_V2.GRAY_20,
-            primaryDisabledBorderColor: colors_v2_1.COLOR_V2.GRAY_40,
-            primaryHoverBorderColor: colors_v2_1.COLOR_V2.GRAY_50,
-            secondaryActiveBorderColor: 'transparent',
-        },
-        Input: {
-            backgroundColor: colors_1.COLOR.WHITE,
-            backgroundColorDisabled: colors_v2_1.COLOR_V2.GRAY_20,
-            placeholderColor: colors_1.COLOR.GRAY_DARKEN_24,
-            labelColor: colors_v2_1.COLOR_V2.GRAY_80,
-            borderHover: 'var(--text-input-border-hover)',
-        },
-        general: {
-            backgroundColor: colors_v2_1.COLOR_V2.GRAY_20,
-            color: colors_1.COLOR.TEXT,
-            primaryColor: colors_v2_1.COLOR_V2.BLUE,
-            dangerColor: colors_v2_1.COLOR_V2.RED,
-            contrastColor: 'var(--text-input-background)',
-            focusColor: 'var(--accent-color-focus)',
-        },
-        Select: {
-            disabledColor: colors_v2_1.COLOR_V2.GRAY_70,
-            contrastTextColor: colors_1.COLOR.WHITE,
-            borderColor: colors_v2_1.COLOR_V2.GRAY_40,
-            focusedDescriptionColor: colors_v2_1.COLOR_V2.WHITE,
-            optionHoverBg: 'var(--accent-color-highlight)',
-            selectedActiveBg: 'var(--button-primary-hover)',
-        },
-        Checkbox: {
-            background: colors_v2_1.COLOR_V2.GRAY_20,
-            border: colors_v2_1.COLOR_V2.GRAY_80,
-            borderFocused: colors_v2_1.BASE_LIGHT_COLOR.BLUE,
-            disableBgColor: colors_v2_1.COLOR_V2.GRAY_20,
-            disableBorderColor: colors_v2_1.COLOR_V2.GRAY_60,
-            disablecheckedBgColor: colors_v2_1.COLOR_V2.GRAY_20,
-            invalidBorderColor: colors_v2_1.BASE_LIGHT_COLOR.RED,
-        },
-    },
-    [THEME_ID.DARK]: {
-        Button: {
-            primaryBg: 'var(--accent-color)',
-            primaryHoverBg: 'var(--button-primary-hover)',
-            primaryActiveBg: 'var(--button-primary-active)',
-            primaryActiveBorder: 'var(--button-primary-active-border)',
-            primaryFocusBorder: 'var(--button-primary-focus-border)',
-            primaryDisabledBg: 'var(--button-primary-disabled-bg)',
-            primaryDisabledText: 'var(--button-primary-disabled-text)',
-            tertiaryBg: 'var(--button-tertiary-bg)',
-            tertiaryBorder: 'var(--button-tertiary-border)',
-            tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',
-            tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',
-            tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',
-            tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',
-            tertiaryActiveBg: 'var(--accent-color-highlight)',
-        },
-        IconButton: {
-            activePrimaryBgColor: colors_v2_1.COLOR_V2.BLUE_DARK_800,
-            focusBorderColor: colors_v2_1.COLOR_V2.BLUE_DARK_600,
-            hoverPrimaryBgColor: colors_v2_1.COLOR_V2.GRAY_80,
-            primaryActiveFillColor: colors_1.COLOR.WHITE,
-            primaryBgColor: colors_v2_1.COLOR_V2.GRAY_90,
-            primaryBorderColor: colors_v2_1.COLOR_V2.GRAY_100,
-            primaryDisabledBgColor: colors_v2_1.COLOR_V2.GRAY_95,
-            primaryDisabledBorderColor: colors_v2_1.COLOR_V2.GRAY_90,
-            primaryHoverBorderColor: colors_v2_1.COLOR_V2.GRAY_70,
-            secondaryActiveBorderColor: colors_v2_1.COLOR_V2.BLUE_DARK_800,
-        },
-        Input: {
-            backgroundColor: colors_1.COLOR.BLACK_LIGHTEN_24,
-            backgroundColorDisabled: colors_1.COLOR.GRAY_100,
-            placeholderColor: colors_1.COLOR.GRAY_LIGHTEN_88,
-            labelColor: colors_v2_1.COLOR_V2.GRAY_40,
-            borderHover: 'var(--text-input-border-hover)',
-        },
-        general: {
-            backgroundColor: colors_1.COLOR.BLACK,
-            color: colors_1.COLOR.WHITE,
-            primaryColor: colors_v2_1.COLOR_V2.BLUE,
-            dangerColor: colors_v2_1.COLOR_V2.RED,
-            contrastColor: 'var(--text-input-background)',
-            focusColor: 'var(--accent-color-focus)',
-        },
-        Select: {
-            disabledColor: colors_v2_1.COLOR_V2.GRAY_60,
-            contrastTextColor: colors_1.COLOR.BLACK,
-            borderColor: colors_v2_1.COLOR_V2.GRAY_90,
-            focusedDescriptionColor: colors_v2_1.COLOR_V2.GRAY_40,
-            optionHoverBg: 'var(--accent-color-highlight)',
-            selectedActiveBg: 'var(--button-primary-active)',
-        },
-        Checkbox: {
-            background: colors_v2_1.COLOR_V2.GRAY_20,
-            border: colors_v2_1.COLOR_V2.GRAY_60,
-            borderFocused: colors_v2_1.BASE_DARK_COLOR.BLUE,
-            disableBgColor: colors_v2_1.COLOR_V2.GRAY_10,
-            disableBorderColor: colors_v2_1.COLOR_V2.GRAY_70,
-            disablecheckedBgColor: colors_v2_1.COLOR_V2.GRAY_60,
-            invalidBorderColor: colors_v2_1.BASE_DARK_COLOR.RED,
-        },
-    },
+  THEME_ID["DARK"] = "THEME_DARK";
+  THEME_ID["LIGHT"] = "THEME_LIGHT";
+  THEME_ID["DEFAULT"] = "THEME_DEFAULT";
+})(THEME_ID || (exports.THEME_ID = THEME_ID = {}));
+
+var themes = (_themes = {}, (0, _defineProperty2["default"])(_themes, THEME_ID.DEFAULT, {
+  Button: {
+    primaryBg: 'var(--accent-color)',
+    primaryHoverBg: 'var(--button-primary-hover)',
+    primaryActiveBg: 'var(--button-primary-active)',
+    primaryActiveBorder: 'var(--button-primary-active-border)',
+    primaryFocusBorder: 'var(--button-primary-focus-border)',
+    primaryDisabledBg: 'var(--button-primary-disabled-bg)',
+    primaryDisabledText: 'var(--button-primary-disabled-text)',
+    tertiaryBg: 'var(--button-tertiary-bg)',
+    tertiaryBorder: 'var(--button-tertiary-border)',
+    tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',
+    tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',
+    tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',
+    tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',
+    tertiaryActiveBg: 'var(--accent-color-highlight)'
+  },
+  Checkbox: {
+    background: 'var(--checkbox-background)',
+    border: 'var(--checkbox-border)',
+    borderFocused: 'var(--accent-color)',
+    disableBgColor: 'var(--checkbox-background-disabled)',
+    disableBorderColor: 'var(--checkbox-border-disabled)',
+    disablecheckedBgColor: 'var(--checkbox-background-disabled-selected)',
+    invalidBorderColor: 'var(--danger-color)'
+  },
+  IconButton: {
+    activePrimaryBgColor: 'var(--accent-color-highlight)',
+    focusBorderColor: 'var(--accent-color-border)',
+    hoverPrimaryBgColor: 'var(--icon-button-primary-hover-bg)',
+    primaryActiveFillColor: 'var(--icon-primary-active-fill)',
+    primaryBgColor: 'var(--icon-button-primary-enabled-bg)',
+    primaryBorderColor: 'var(--icon-button-primary-border)',
+    primaryDisabledBgColor: 'var(--icon-button-primary-disabled-bg)',
+    primaryDisabledBorderColor: 'var(--icon-button-primary-disabled-border)',
+    primaryHoverBorderColor: 'var(--icon-button-primary-hover-border)',
+    secondaryActiveBorderColor: 'var(--icon-secondary-active-border)'
+  },
+  Input: {
+    backgroundColor: 'var(--text-input-background)',
+    backgroundColorDisabled: 'var(--text-input-disabled)',
+    labelColor: 'var(--text-input-label)',
+    placeholderColor: 'var(--text-input-placeholder)',
+    borderHover: 'var(--text-input-border-hover)'
+  },
+  Select: {
+    borderColor: 'var(--text-input-border)',
+    contrastTextColor: 'var(--text-input-background)',
+    disabledColor: 'var(--text-input-placeholder)',
+    focusedDescriptionColor: 'var(--select-focused-description)',
+    optionHoverBg: 'var(--accent-color-highlight)',
+    selectedActiveBg: 'var(--button-primary-hover)'
+  },
+  general: {
+    backgroundColor: 'var(--app-bg)',
+    color: 'var(--main-color)',
+    dangerColor: 'var(--danger-color)',
+    primaryColor: 'var(--accent-color)',
+    contrastColor: 'var(--text-input-background)',
+    focusColor: 'var(--accent-color-focus)'
+  }
+}), (0, _defineProperty2["default"])(_themes, THEME_ID.LIGHT, {
+  Button: {
+    primaryBg: 'var(--accent-color)',
+    primaryHoverBg: 'var(--button-primary-hover)',
+    primaryActiveBg: 'var(--button-primary-active)',
+    primaryActiveBorder: 'var(--button-primary-active-border)',
+    primaryFocusBorder: 'var(--button-primary-focus-border)',
+    primaryDisabledBg: 'var(--button-primary-disabled-bg)',
+    primaryDisabledText: 'var(--button-primary-disabled-text)',
+    tertiaryBg: 'var(--button-tertiary-bg)',
+    tertiaryBorder: 'var(--button-tertiary-border)',
+    tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',
+    tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',
+    tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',
+    tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',
+    tertiaryActiveBg: 'var(--accent-color-highlight)'
+  },
+  IconButton: {
+    activePrimaryBgColor: _colorsV.COLOR_V2.BLUE_LIGHT_50,
+    focusBorderColor: _colorsV.COLOR_V2.BLUE_LIGHT_500,
+    hoverPrimaryBgColor: _colorsV.COLOR_V2.GRAY_20,
+    primaryActiveFillColor: _colorsV.COLOR_V2.BLUE,
+    primaryBgColor: _colorsV.COLOR_V2.WHITE,
+    primaryBorderColor: _colorsV.COLOR_V2.GRAY_40,
+    primaryDisabledBgColor: _colorsV.COLOR_V2.GRAY_20,
+    primaryDisabledBorderColor: _colorsV.COLOR_V2.GRAY_40,
+    primaryHoverBorderColor: _colorsV.COLOR_V2.GRAY_50,
+    secondaryActiveBorderColor: 'transparent'
+  },
+  Input: {
+    backgroundColor: _colors.COLOR.WHITE,
+    backgroundColorDisabled: _colorsV.COLOR_V2.GRAY_20,
+    placeholderColor: _colors.COLOR.GRAY_DARKEN_24,
+    labelColor: _colorsV.COLOR_V2.GRAY_80,
+    borderHover: 'var(--text-input-border-hover)'
+  },
+  general: {
+    backgroundColor: _colorsV.COLOR_V2.GRAY_20,
+    color: _colors.COLOR.TEXT,
+    primaryColor: _colorsV.COLOR_V2.BLUE,
+    dangerColor: _colorsV.COLOR_V2.RED,
+    contrastColor: 'var(--text-input-background)',
+    focusColor: 'var(--accent-color-focus)'
+  },
+  Select: {
+    disabledColor: _colorsV.COLOR_V2.GRAY_70,
+    contrastTextColor: _colors.COLOR.WHITE,
+    borderColor: _colorsV.COLOR_V2.GRAY_40,
+    focusedDescriptionColor: _colorsV.COLOR_V2.WHITE,
+    optionHoverBg: 'var(--accent-color-highlight)',
+    selectedActiveBg: 'var(--button-primary-hover)'
+  },
+  Checkbox: {
+    background: _colorsV.COLOR_V2.GRAY_20,
+    border: _colorsV.COLOR_V2.GRAY_80,
+    borderFocused: _colorsV.BASE_LIGHT_COLOR.BLUE,
+    disableBgColor: _colorsV.COLOR_V2.GRAY_20,
+    disableBorderColor: _colorsV.COLOR_V2.GRAY_60,
+    disablecheckedBgColor: _colorsV.COLOR_V2.GRAY_20,
+    invalidBorderColor: _colorsV.BASE_LIGHT_COLOR.RED
+  }
+}), (0, _defineProperty2["default"])(_themes, THEME_ID.DARK, {
+  Button: {
+    primaryBg: 'var(--accent-color)',
+    primaryHoverBg: 'var(--button-primary-hover)',
+    primaryActiveBg: 'var(--button-primary-active)',
+    primaryActiveBorder: 'var(--button-primary-active-border)',
+    primaryFocusBorder: 'var(--button-primary-focus-border)',
+    primaryDisabledBg: 'var(--button-primary-disabled-bg)',
+    primaryDisabledText: 'var(--button-primary-disabled-text)',
+    tertiaryBg: 'var(--button-tertiary-bg)',
+    tertiaryBorder: 'var(--button-tertiary-border)',
+    tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',
+    tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',
+    tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',
+    tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',
+    tertiaryActiveBg: 'var(--accent-color-highlight)'
+  },
+  IconButton: {
+    activePrimaryBgColor: _colorsV.COLOR_V2.BLUE_DARK_800,
+    focusBorderColor: _colorsV.COLOR_V2.BLUE_DARK_600,
+    hoverPrimaryBgColor: _colorsV.COLOR_V2.GRAY_80,
+    primaryActiveFillColor: _colors.COLOR.WHITE,
+    primaryBgColor: _colorsV.COLOR_V2.GRAY_90,
+    primaryBorderColor: _colorsV.COLOR_V2.GRAY_100,
+    primaryDisabledBgColor: _colorsV.COLOR_V2.GRAY_95,
+    primaryDisabledBorderColor: _colorsV.COLOR_V2.GRAY_90,
+    primaryHoverBorderColor: _colorsV.COLOR_V2.GRAY_70,
+    secondaryActiveBorderColor: _colorsV.COLOR_V2.BLUE_DARK_800
+  },
+  Input: {
+    backgroundColor: _colors.COLOR.BLACK_LIGHTEN_24,
+    backgroundColorDisabled: _colors.COLOR.GRAY_100,
+    placeholderColor: _colors.COLOR.GRAY_LIGHTEN_88,
+    labelColor: _colorsV.COLOR_V2.GRAY_40,
+    borderHover: 'var(--text-input-border-hover)'
+  },
+  general: {
+    backgroundColor: _colors.COLOR.BLACK,
+    color: _colors.COLOR.WHITE,
+    primaryColor: _colorsV.COLOR_V2.BLUE,
+    dangerColor: _colorsV.COLOR_V2.RED,
+    contrastColor: 'var(--text-input-background)',
+    focusColor: 'var(--accent-color-focus)'
+  },
+  Select: {
+    disabledColor: _colorsV.COLOR_V2.GRAY_60,
+    contrastTextColor: _colors.COLOR.BLACK,
+    borderColor: _colorsV.COLOR_V2.GRAY_90,
+    focusedDescriptionColor: _colorsV.COLOR_V2.GRAY_40,
+    optionHoverBg: 'var(--accent-color-highlight)',
+    selectedActiveBg: 'var(--button-primary-active)'
+  },
+  Checkbox: {
+    background: _colorsV.COLOR_V2.GRAY_20,
+    border: _colorsV.COLOR_V2.GRAY_60,
+    borderFocused: _colorsV.BASE_DARK_COLOR.BLUE,
+    disableBgColor: _colorsV.COLOR_V2.GRAY_10,
+    disableBorderColor: _colorsV.COLOR_V2.GRAY_70,
+    disablecheckedBgColor: _colorsV.COLOR_V2.GRAY_60,
+    invalidBorderColor: _colorsV.BASE_DARK_COLOR.RED
+  }
+}), _themes);
+exports.themes = themes;
+
+var filterThemeProps = function filterThemeProps(props) {
+  return (0, _util.filterProps)(props, ['theme']);
 };
-const filterThemeProps = (props) => (0, util_1.filterProps)(props, ['theme']);
-const ThemeProvider = (props) => ((0, react_1.jsx)(react_1.ThemeProvider, Object.assign({ theme: props.theme }, filterThemeProps(props))));
+
+var ThemeProvider = function ThemeProvider(props) {
+  return (0, _react.jsx)(_react.ThemeProvider, (0, _extends2["default"])({
+    theme: props.theme
+  }, filterThemeProps(props)));
+};
+
 exports.ThemeProvider = ThemeProvider;
 //# sourceMappingURL=Theme.js.map

package/src/Layout/Theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.js","sourceRoot":"","sources":["Theme.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["Theme.tsx"],"names":["THEME_ID","themes","DEFAULT","Button","primaryBg","primaryHoverBg","primaryActiveBg","primaryActiveBorder","primaryFocusBorder","primaryDisabledBg","primaryDisabledText","tertiaryBg","tertiaryBorder","tertiaryHoverBg","tertiaryHoverBorder","tertiarydisabledBg","tertiaryDisabledBorder","tertiaryActiveBg","Checkbox","background","border","borderFocused","disableBgColor","disableBorderColor","disablecheckedBgColor","invalidBorderColor","IconButton","activePrimaryBgColor","focusBorderColor","hoverPrimaryBgColor","primaryActiveFillColor","primaryBgColor","primaryBorderColor","primaryDisabledBgColor","primaryDisabledBorderColor","primaryHoverBorderColor","secondaryActiveBorderColor","Input","backgroundColor","backgroundColorDisabled","labelColor","placeholderColor","borderHover","Select","borderColor","contrastTextColor","disabledColor","focusedDescriptionColor","optionHoverBg","selectedActiveBg","general","color","dangerColor","primaryColor","contrastColor","focusColor","LIGHT","COLOR_V2","BLUE_LIGHT_50","BLUE_LIGHT_500","GRAY_20","BLUE","WHITE","GRAY_40","GRAY_50","COLOR","GRAY_DARKEN_24","GRAY_80","TEXT","RED","GRAY_70","BASE_LIGHT_COLOR","GRAY_60","DARK","BLUE_DARK_800","BLUE_DARK_600","GRAY_90","GRAY_100","GRAY_95","BLACK_LIGHTEN_24","GRAY_LIGHTEN_88","BLACK","BASE_DARK_COLOR","GRAY_10","filterThemeProps","props","ThemeProvider","theme"],"mappings":";;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;AACA;;;;IAEYA,Q;;;WAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;GAAAA,Q,wBAAAA,Q;;AAqEL,IAAMC,MAAsC,4DAChDD,QAAQ,CAACE,OADuC,EAC7B;AAClBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE,qBADL;AAENC,IAAAA,cAAc,EAAE,6BAFV;AAGNC,IAAAA,eAAe,EAAE,8BAHX;AAINC,IAAAA,mBAAmB,EAAE,qCAJf;AAKNC,IAAAA,kBAAkB,EAAE,oCALd;AAMNC,IAAAA,iBAAiB,EAAE,mCANb;AAONC,IAAAA,mBAAmB,EAAE,qCAPf;AAQNC,IAAAA,UAAU,EAAE,2BARN;AASNC,IAAAA,cAAc,EAAE,+BATV;AAUNC,IAAAA,eAAe,EAAE,iCAVX;AAWNC,IAAAA,mBAAmB,EAAE,qCAXf;AAYNC,IAAAA,kBAAkB,EAAE,oCAZd;AAaNC,IAAAA,sBAAsB,EAAE,wCAblB;AAcNC,IAAAA,gBAAgB,EAAE;AAdZ,GADU;AAiBlBC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,UAAU,EAAE,4BADJ;AAERC,IAAAA,MAAM,EAAE,wBAFA;AAGRC,IAAAA,aAAa,EAAE,qBAHP;AAIRC,IAAAA,cAAc,EAAE,qCAJR;AAKRC,IAAAA,kBAAkB,EAAE,iCALZ;AAMRC,IAAAA,qBAAqB,EAAE,8CANf;AAORC,IAAAA,kBAAkB,EAAE;AAPZ,GAjBQ;AA0BlBC,EAAAA,UAAU,EAAE;AACVC,IAAAA,oBAAoB,EAAE,+BADZ;AAEVC,IAAAA,gBAAgB,EAAE,4BAFR;AAGVC,IAAAA,mBAAmB,EAAE,qCAHX;AAIVC,IAAAA,sBAAsB,EAAE,iCAJd;AAKVC,IAAAA,cAAc,EAAE,uCALN;AAMVC,IAAAA,kBAAkB,EAAE,mCANV;AAOVC,IAAAA,sBAAsB,EAAE,wCAPd;AAQVC,IAAAA,0BAA0B,EAAE,4CARlB;AASVC,IAAAA,uBAAuB,EAAE,yCATf;AAUVC,IAAAA,0BAA0B,EAAE;AAVlB,GA1BM;AAsClBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,eAAe,EAAE,8BADZ;AAELC,IAAAA,uBAAuB,EAAE,4BAFpB;AAGLC,IAAAA,UAAU,EAAE,yBAHP;AAILC,IAAAA,gBAAgB,EAAE,+BAJb;AAKLC,IAAAA,WAAW,EAAE;AALR,GAtCW;AA6ClBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,WAAW,EAAE,0BADP;AAENC,IAAAA,iBAAiB,EAAE,8BAFb;AAGNC,IAAAA,aAAa,EAAE,+BAHT;AAINC,IAAAA,uBAAuB,EAAE,mCAJnB;AAKNC,IAAAA,aAAa,EAAE,+BALT;AAMNC,IAAAA,gBAAgB,EAAE;AANZ,GA7CU;AAqDlBC,EAAAA,OAAO,EAAE;AACPZ,IAAAA,eAAe,EAAE,eADV;AAEPa,IAAAA,KAAK,EAAE,mBAFA;AAGPC,IAAAA,WAAW,EAAE,qBAHN;AAIPC,IAAAA,YAAY,EAAE,qBAJP;AAKPC,IAAAA,aAAa,EAAE,8BALR;AAMPC,IAAAA,UAAU,EAAE;AANL;AArDS,CAD6B,6CA+DhDvD,QAAQ,CAACwD,KA/DuC,EA+D/B;AAChBrD,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE,qBADL;AAENC,IAAAA,cAAc,EAAE,6BAFV;AAGNC,IAAAA,eAAe,EAAE,8BAHX;AAINC,IAAAA,mBAAmB,EAAE,qCAJf;AAKNC,IAAAA,kBAAkB,EAAE,oCALd;AAMNC,IAAAA,iBAAiB,EAAE,mCANb;AAONC,IAAAA,mBAAmB,EAAE,qCAPf;AAQNC,IAAAA,UAAU,EAAE,2BARN;AASNC,IAAAA,cAAc,EAAE,+BATV;AAUNC,IAAAA,eAAe,EAAE,iCAVX;AAWNC,IAAAA,mBAAmB,EAAE,qCAXf;AAYNC,IAAAA,kBAAkB,EAAE,oCAZd;AAaNC,IAAAA,sBAAsB,EAAE,wCAblB;AAcNC,IAAAA,gBAAgB,EAAE;AAdZ,GADQ;AAiBhBS,EAAAA,UAAU,EAAE;AACVC,IAAAA,oBAAoB,EAAE8B,kBAASC,aADrB;AAEV9B,IAAAA,gBAAgB,EAAE6B,kBAASE,cAFjB;AAGV9B,IAAAA,mBAAmB,EAAE4B,kBAASG,OAHpB;AAIV9B,IAAAA,sBAAsB,EAAE2B,kBAASI,IAJvB;AAKV9B,IAAAA,cAAc,EAAE0B,kBAASK,KALf;AAMV9B,IAAAA,kBAAkB,EAAEyB,kBAASM,OANnB;AAOV9B,IAAAA,sBAAsB,EAAEwB,kBAASG,OAPvB;AAQV1B,IAAAA,0BAA0B,EAAEuB,kBAASM,OAR3B;AASV5B,IAAAA,uBAAuB,EAAEsB,kBAASO,OATxB;AAUV5B,IAAAA,0BAA0B,EAAE;AAVlB,GAjBI;AA6BhBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,eAAe,EAAE2B,cAAMH,KADlB;AAELvB,IAAAA,uBAAuB,EAAEkB,kBAASG,OAF7B;AAGLnB,IAAAA,gBAAgB,EAAEwB,cAAMC,cAHnB;AAIL1B,IAAAA,UAAU,EAAEiB,kBAASU,OAJhB;AAKLzB,IAAAA,WAAW,EAAE;AALR,GA7BS;AAoChBQ,EAAAA,OAAO,EAAE;AACPZ,IAAAA,eAAe,EAAEmB,kBAASG,OADnB;AAEPT,IAAAA,KAAK,EAAEc,cAAMG,IAFN;AAGPf,IAAAA,YAAY,EAAEI,kBAASI,IAHhB;AAIPT,IAAAA,WAAW,EAAEK,kBAASY,GAJf;AAKPf,IAAAA,aAAa,EAAE,8BALR;AAMPC,IAAAA,UAAU,EAAE;AANL,GApCO;AA4ChBZ,EAAAA,MAAM,EAAE;AACNG,IAAAA,aAAa,EAAEW,kBAASa,OADlB;AAENzB,IAAAA,iBAAiB,EAAEoB,cAAMH,KAFnB;AAGNlB,IAAAA,WAAW,EAAEa,kBAASM,OAHhB;AAINhB,IAAAA,uBAAuB,EAAEU,kBAASK,KAJ5B;AAKNd,IAAAA,aAAa,EAAE,+BALT;AAMNC,IAAAA,gBAAgB,EAAE;AANZ,GA5CQ;AAoDhB/B,EAAAA,QAAQ,EAAE;AACRC,IAAAA,UAAU,EAAEsC,kBAASG,OADb;AAERxC,IAAAA,MAAM,EAAEqC,kBAASU,OAFT;AAGR9C,IAAAA,aAAa,EAAEkD,0BAAiBV,IAHxB;AAIRvC,IAAAA,cAAc,EAAEmC,kBAASG,OAJjB;AAKRrC,IAAAA,kBAAkB,EAAEkC,kBAASe,OALrB;AAMRhD,IAAAA,qBAAqB,EAAEiC,kBAASG,OANxB;AAORnC,IAAAA,kBAAkB,EAAE8C,0BAAiBF;AAP7B;AApDM,CA/D+B,6CA6HhDrE,QAAQ,CAACyE,IA7HuC,EA6HhC;AACftE,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE,qBADL;AAENC,IAAAA,cAAc,EAAE,6BAFV;AAGNC,IAAAA,eAAe,EAAE,8BAHX;AAINC,IAAAA,mBAAmB,EAAE,qCAJf;AAKNC,IAAAA,kBAAkB,EAAE,oCALd;AAMNC,IAAAA,iBAAiB,EAAE,mCANb;AAONC,IAAAA,mBAAmB,EAAE,qCAPf;AAQNC,IAAAA,UAAU,EAAE,2BARN;AASNC,IAAAA,cAAc,EAAE,+BATV;AAUNC,IAAAA,eAAe,EAAE,iCAVX;AAWNC,IAAAA,mBAAmB,EAAE,qCAXf;AAYNC,IAAAA,kBAAkB,EAAE,oCAZd;AAaNC,IAAAA,sBAAsB,EAAE,wCAblB;AAcNC,IAAAA,gBAAgB,EAAE;AAdZ,GADO;AAiBfS,EAAAA,UAAU,EAAE;AACVC,IAAAA,oBAAoB,EAAE8B,kBAASiB,aADrB;AAEV9C,IAAAA,gBAAgB,EAAE6B,kBAASkB,aAFjB;AAGV9C,IAAAA,mBAAmB,EAAE4B,kBAASU,OAHpB;AAIVrC,IAAAA,sBAAsB,EAAEmC,cAAMH,KAJpB;AAKV/B,IAAAA,cAAc,EAAE0B,kBAASmB,OALf;AAMV5C,IAAAA,kBAAkB,EAAEyB,kBAASoB,QANnB;AAOV5C,IAAAA,sBAAsB,EAAEwB,kBAASqB,OAPvB;AAQV5C,IAAAA,0BAA0B,EAAEuB,kBAASmB,OAR3B;AASVzC,IAAAA,uBAAuB,EAAEsB,kBAASa,OATxB;AAUVlC,IAAAA,0BAA0B,EAAEqB,kBAASiB;AAV3B,GAjBG;AA6BfrC,EAAAA,KAAK,EAAE;AACLC,IAAAA,eAAe,EAAE2B,cAAMc,gBADlB;AAELxC,IAAAA,uBAAuB,EAAE0B,cAAMY,QAF1B;AAGLpC,IAAAA,gBAAgB,EAAEwB,cAAMe,eAHnB;AAILxC,IAAAA,UAAU,EAAEiB,kBAASM,OAJhB;AAKLrB,IAAAA,WAAW,EAAE;AALR,GA7BQ;AAoCfQ,EAAAA,OAAO,EAAE;AACPZ,IAAAA,eAAe,EAAE2B,cAAMgB,KADhB;AAEP9B,IAAAA,KAAK,EAAEc,cAAMH,KAFN;AAGPT,IAAAA,YAAY,EAAEI,kBAASI,IAHhB;AAIPT,IAAAA,WAAW,EAAEK,kBAASY,GAJf;AAKPf,IAAAA,aAAa,EAAE,8BALR;AAMPC,IAAAA,UAAU,EAAE;AANL,GApCM;AA4CfZ,EAAAA,MAAM,EAAE;AACNG,IAAAA,aAAa,EAAEW,kBAASe,OADlB;AAEN3B,IAAAA,iBAAiB,EAAEoB,cAAMgB,KAFnB;AAGNrC,IAAAA,WAAW,EAAEa,kBAASmB,OAHhB;AAIN7B,IAAAA,uBAAuB,EAAEU,kBAASM,OAJ5B;AAKNf,IAAAA,aAAa,EAAE,+BALT;AAMNC,IAAAA,gBAAgB,EAAE;AANZ,GA5CO;AAoDf/B,EAAAA,QAAQ,EAAE;AACRC,IAAAA,UAAU,EAAEsC,kBAASG,OADb;AAERxC,IAAAA,MAAM,EAAEqC,kBAASe,OAFT;AAGRnD,IAAAA,aAAa,EAAE6D,yBAAgBrB,IAHvB;AAIRvC,IAAAA,cAAc,EAAEmC,kBAAS0B,OAJjB;AAKR5D,IAAAA,kBAAkB,EAAEkC,kBAASa,OALrB;AAMR9C,IAAAA,qBAAqB,EAAEiC,kBAASe,OANxB;AAOR/C,IAAAA,kBAAkB,EAAEyD,yBAAgBb;AAP5B;AApDK,CA7HgC,WAA5C;;;AAiMP,IAAMe,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD;AAAA,SAAuB,uBAAYA,KAAZ,EAAmB,CAAC,OAAD,CAAnB,CAAvB;AAAA,CAAzB;;AAEO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACD,KAAD;AAAA,SAC3B,gBAAC,oBAAD;AAAsB,IAAA,KAAK,EAAEA,KAAK,CAACE;AAAnC,KAA8CH,gBAAgB,CAACC,KAAD,CAA9D,EAD2B;AAAA,CAAtB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx, ThemeProvider as EmotionThemeProvider} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity/colors';\nimport {COLOR_V2, BASE_DARK_COLOR, BASE_LIGHT_COLOR} from '../Identity/colors-v2';\nimport {filterProps} from '../util';\n\nexport enum THEME_ID {\n  DARK = 'THEME_DARK',\n  LIGHT = 'THEME_LIGHT',\n  DEFAULT = 'THEME_DEFAULT',\n}\n\nexport interface Theme {\n  Button?: {\n    primaryBg: String;\n    primaryHoverBg: String;\n    primaryActiveBg: String;\n    primaryActiveBorder: String;\n    primaryFocusBorder: String;\n    primaryDisabledBg: String;\n    primaryDisabledText: String;\n    tertiaryBg: String;\n    tertiaryBorder: String;\n    tertiaryHoverBg: String;\n    tertiaryHoverBorder: String;\n    tertiarydisabledBg: String;\n    tertiaryDisabledBorder: String;\n    tertiaryActiveBg: String;\n  };\n  IconButton: {\n    activePrimaryBgColor: string;\n    focusBorderColor: string;\n    hoverPrimaryBgColor: string;\n    primaryActiveFillColor: string;\n    primaryBgColor: string;\n    primaryBorderColor: string;\n    primaryDisabledBgColor: string;\n    primaryDisabledBorderColor: string;\n    primaryHoverBorderColor: string;\n    secondaryActiveBorderColor: string;\n  };\n  Checkbox: {\n    background: string;\n    border: string;\n    borderFocused: string;\n    disableBgColor: string;\n    disableBorderColor: string;\n    disablecheckedBgColor: string;\n    invalidBorderColor: string;\n  };\n  general: {\n    backgroundColor: string;\n    color: string;\n    contrastColor: String;\n    dangerColor: string;\n    focusColor: String;\n    primaryColor: string;\n  };\n  Input: {\n    backgroundColor: string;\n    backgroundColorDisabled: string;\n    placeholderColor: string;\n    labelColor: string;\n    borderHover: string;\n  };\n  Select: {\n    disabledColor: string;\n    contrastTextColor: string;\n    borderColor: string;\n    focusedDescriptionColor: string;\n    optionHoverBg: string;\n    selectedActiveBg: String;\n  };\n}\n\nexport const themes: {[themeId in THEME_ID]: Theme} = {\n  [THEME_ID.DEFAULT]: {\n    Button: {\n      primaryBg: 'var(--accent-color)',\n      primaryHoverBg: 'var(--button-primary-hover)',\n      primaryActiveBg: 'var(--button-primary-active)',\n      primaryActiveBorder: 'var(--button-primary-active-border)',\n      primaryFocusBorder: 'var(--button-primary-focus-border)',\n      primaryDisabledBg: 'var(--button-primary-disabled-bg)',\n      primaryDisabledText: 'var(--button-primary-disabled-text)',\n      tertiaryBg: 'var(--button-tertiary-bg)',\n      tertiaryBorder: 'var(--button-tertiary-border)',\n      tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',\n      tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',\n      tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',\n      tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',\n      tertiaryActiveBg: 'var(--accent-color-highlight)',\n    },\n    Checkbox: {\n      background: 'var(--checkbox-background)',\n      border: 'var(--checkbox-border)',\n      borderFocused: 'var(--accent-color)',\n      disableBgColor: 'var(--checkbox-background-disabled)',\n      disableBorderColor: 'var(--checkbox-border-disabled)',\n      disablecheckedBgColor: 'var(--checkbox-background-disabled-selected)',\n      invalidBorderColor: 'var(--danger-color)',\n    },\n    IconButton: {\n      activePrimaryBgColor: 'var(--accent-color-highlight)',\n      focusBorderColor: 'var(--accent-color-border)',\n      hoverPrimaryBgColor: 'var(--icon-button-primary-hover-bg)',\n      primaryActiveFillColor: 'var(--icon-primary-active-fill)',\n      primaryBgColor: 'var(--icon-button-primary-enabled-bg)',\n      primaryBorderColor: 'var(--icon-button-primary-border)',\n      primaryDisabledBgColor: 'var(--icon-button-primary-disabled-bg)',\n      primaryDisabledBorderColor: 'var(--icon-button-primary-disabled-border)',\n      primaryHoverBorderColor: 'var(--icon-button-primary-hover-border)',\n      secondaryActiveBorderColor: 'var(--icon-secondary-active-border)',\n    },\n    Input: {\n      backgroundColor: 'var(--text-input-background)',\n      backgroundColorDisabled: 'var(--text-input-disabled)',\n      labelColor: 'var(--text-input-label)',\n      placeholderColor: 'var(--text-input-placeholder)',\n      borderHover: 'var(--text-input-border-hover)',\n    },\n    Select: {\n      borderColor: 'var(--text-input-border)',\n      contrastTextColor: 'var(--text-input-background)',\n      disabledColor: 'var(--text-input-placeholder)',\n      focusedDescriptionColor: 'var(--select-focused-description)',\n      optionHoverBg: 'var(--accent-color-highlight)',\n      selectedActiveBg: 'var(--button-primary-hover)',\n    },\n    general: {\n      backgroundColor: 'var(--app-bg)',\n      color: 'var(--main-color)',\n      dangerColor: 'var(--danger-color)',\n      primaryColor: 'var(--accent-color)',\n      contrastColor: 'var(--text-input-background)',\n      focusColor: 'var(--accent-color-focus)',\n    },\n  },\n  [THEME_ID.LIGHT]: {\n    Button: {\n      primaryBg: 'var(--accent-color)',\n      primaryHoverBg: 'var(--button-primary-hover)',\n      primaryActiveBg: 'var(--button-primary-active)',\n      primaryActiveBorder: 'var(--button-primary-active-border)',\n      primaryFocusBorder: 'var(--button-primary-focus-border)',\n      primaryDisabledBg: 'var(--button-primary-disabled-bg)',\n      primaryDisabledText: 'var(--button-primary-disabled-text)',\n      tertiaryBg: 'var(--button-tertiary-bg)',\n      tertiaryBorder: 'var(--button-tertiary-border)',\n      tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',\n      tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',\n      tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',\n      tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',\n      tertiaryActiveBg: 'var(--accent-color-highlight)',\n    },\n    IconButton: {\n      activePrimaryBgColor: COLOR_V2.BLUE_LIGHT_50,\n      focusBorderColor: COLOR_V2.BLUE_LIGHT_500,\n      hoverPrimaryBgColor: COLOR_V2.GRAY_20,\n      primaryActiveFillColor: COLOR_V2.BLUE,\n      primaryBgColor: COLOR_V2.WHITE,\n      primaryBorderColor: COLOR_V2.GRAY_40,\n      primaryDisabledBgColor: COLOR_V2.GRAY_20,\n      primaryDisabledBorderColor: COLOR_V2.GRAY_40,\n      primaryHoverBorderColor: COLOR_V2.GRAY_50,\n      secondaryActiveBorderColor: 'transparent',\n    },\n    Input: {\n      backgroundColor: COLOR.WHITE,\n      backgroundColorDisabled: COLOR_V2.GRAY_20,\n      placeholderColor: COLOR.GRAY_DARKEN_24,\n      labelColor: COLOR_V2.GRAY_80,\n      borderHover: 'var(--text-input-border-hover)',\n    },\n    general: {\n      backgroundColor: COLOR_V2.GRAY_20,\n      color: COLOR.TEXT,\n      primaryColor: COLOR_V2.BLUE,\n      dangerColor: COLOR_V2.RED,\n      contrastColor: 'var(--text-input-background)',\n      focusColor: 'var(--accent-color-focus)',\n    },\n    Select: {\n      disabledColor: COLOR_V2.GRAY_70,\n      contrastTextColor: COLOR.WHITE,\n      borderColor: COLOR_V2.GRAY_40,\n      focusedDescriptionColor: COLOR_V2.WHITE,\n      optionHoverBg: 'var(--accent-color-highlight)',\n      selectedActiveBg: 'var(--button-primary-hover)',\n    },\n    Checkbox: {\n      background: COLOR_V2.GRAY_20,\n      border: COLOR_V2.GRAY_80,\n      borderFocused: BASE_LIGHT_COLOR.BLUE,\n      disableBgColor: COLOR_V2.GRAY_20,\n      disableBorderColor: COLOR_V2.GRAY_60,\n      disablecheckedBgColor: COLOR_V2.GRAY_20,\n      invalidBorderColor: BASE_LIGHT_COLOR.RED,\n    },\n  },\n  [THEME_ID.DARK]: {\n    Button: {\n      primaryBg: 'var(--accent-color)',\n      primaryHoverBg: 'var(--button-primary-hover)',\n      primaryActiveBg: 'var(--button-primary-active)',\n      primaryActiveBorder: 'var(--button-primary-active-border)',\n      primaryFocusBorder: 'var(--button-primary-focus-border)',\n      primaryDisabledBg: 'var(--button-primary-disabled-bg)',\n      primaryDisabledText: 'var(--button-primary-disabled-text)',\n      tertiaryBg: 'var(--button-tertiary-bg)',\n      tertiaryBorder: 'var(--button-tertiary-border)',\n      tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',\n      tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',\n      tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',\n      tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',\n      tertiaryActiveBg: 'var(--accent-color-highlight)',\n    },\n    IconButton: {\n      activePrimaryBgColor: COLOR_V2.BLUE_DARK_800,\n      focusBorderColor: COLOR_V2.BLUE_DARK_600,\n      hoverPrimaryBgColor: COLOR_V2.GRAY_80,\n      primaryActiveFillColor: COLOR.WHITE,\n      primaryBgColor: COLOR_V2.GRAY_90,\n      primaryBorderColor: COLOR_V2.GRAY_100,\n      primaryDisabledBgColor: COLOR_V2.GRAY_95,\n      primaryDisabledBorderColor: COLOR_V2.GRAY_90,\n      primaryHoverBorderColor: COLOR_V2.GRAY_70,\n      secondaryActiveBorderColor: COLOR_V2.BLUE_DARK_800,\n    },\n    Input: {\n      backgroundColor: COLOR.BLACK_LIGHTEN_24,\n      backgroundColorDisabled: COLOR.GRAY_100,\n      placeholderColor: COLOR.GRAY_LIGHTEN_88,\n      labelColor: COLOR_V2.GRAY_40,\n      borderHover: 'var(--text-input-border-hover)',\n    },\n    general: {\n      backgroundColor: COLOR.BLACK,\n      color: COLOR.WHITE,\n      primaryColor: COLOR_V2.BLUE,\n      dangerColor: COLOR_V2.RED,\n      contrastColor: 'var(--text-input-background)',\n      focusColor: 'var(--accent-color-focus)',\n    },\n    Select: {\n      disabledColor: COLOR_V2.GRAY_60,\n      contrastTextColor: COLOR.BLACK,\n      borderColor: COLOR_V2.GRAY_90,\n      focusedDescriptionColor: COLOR_V2.GRAY_40,\n      optionHoverBg: 'var(--accent-color-highlight)',\n      selectedActiveBg: 'var(--button-primary-active)',\n    },\n    Checkbox: {\n      background: COLOR_V2.GRAY_20,\n      border: COLOR_V2.GRAY_60,\n      borderFocused: BASE_DARK_COLOR.BLUE,\n      disableBgColor: COLOR_V2.GRAY_10,\n      disableBorderColor: COLOR_V2.GRAY_70,\n      disablecheckedBgColor: COLOR_V2.GRAY_60,\n      invalidBorderColor: BASE_DARK_COLOR.RED,\n    },\n  },\n};\n\nexport interface ThemeProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  theme?: Theme;\n}\n\nconst filterThemeProps = (props: ThemeProps) => filterProps(props, ['theme']);\n\nexport const ThemeProvider = (props: ThemeProps) => (\n  <EmotionThemeProvider theme={props.theme} {...filterThemeProps(props)} />\n);\n"],"file":"Theme.js"}