@wireapp/react-ui-kit 8.13.9 → 8.14.1

package/src/Layout/Theme.js

@@ -1,232 +1,224 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+/*
+ * 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 });
 exports.ThemeProvider = exports.themes = exports.THEME_ID = void 0;
-
-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;
-
+/** @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 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 = 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']);
+    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,
+        },
+    },
 };
-
-var ThemeProvider = function ThemeProvider(props) {
-  return (0, _react.jsx)(_react.ThemeProvider, (0, _extends2["default"])({
-    theme: props.theme
-  }, filterThemeProps(props)));
-};
-
+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))));
 exports.ThemeProvider = ThemeProvider;
 //# sourceMappingURL=Theme.js.map

package/src/Layout/Theme.js.map

@@ -1 +1 @@
-{"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":"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","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"}
+{"version":3,"file":"Theme.js","sourceRoot":"","sources":["Theme.tsx"],"names":[],"mappings":"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"}