@wireapp/react-ui-kit 8.14.9 → 8.15.0

package/package.json

@@ -1,6 +1,5 @@
 {
   "dependencies": {
-    "@emotion/react": "11.9.0",
     "@types/color": "3.0.2",
     "bazinga64": "5.11.6",
     "color": "3.1.3",
@@ -16,12 +15,13 @@
     "@babel/preset-env": "7.14.9",
     "@babel/preset-react": "7.14.5",
     "@babel/preset-typescript": "7.14.5",
-    "@emotion/babel-plugin": "11.9.2",
-    "@emotion/jest": "11.9.1",
+    "@emotion/babel-plugin": "11.10.2",
+    "@emotion/jest": "11.10.0",
+    "@emotion/react": "^11.10.4",
     "@hot-loader/react-dom": "17.0.1",
     "@testing-library/jest-dom": "5.16.4",
     "@testing-library/react": "13.3.0",
-    "@types/jest": "29.0.3",
+    "@types/jest": "^29.1.1",
     "@types/react": "18.0.9",
     "@types/webpack-env": "1.16.2",
     "babel-jest": "27.0.6",
@@ -40,6 +40,7 @@
   },
   "homepage": "https://wire-react-ui-kit.netlify.app/",
   "peerDependencies": {
+    "@emotion/react": "11.10.4",
     "@types/react": "^18.0.9",
     "react": "^18.1.0",
     "react-dom": "^18.1.0"
@@ -72,6 +73,6 @@
     "test:update": "yarn test --updateSnapshot",
     "test:project": "yarn dist && yarn test"
   },
-  "version": "8.14.9",
-  "gitHead": "5fa7b30429e5e5a48af9724413c79ae7e85db79f"
+  "version": "8.15.0",
+  "gitHead": "e7dd80a8798455a49cfa03a9ae7f9c0257e3eee4"
 }

package/src/Layout/Theme.d.ts

@@ -1,12 +1,12 @@
 /** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { jsx, Theme as ETheme } from '@emotion/react';
 import React from 'react';
 export declare enum THEME_ID {
     DARK = "THEME_DARK",
     LIGHT = "THEME_LIGHT",
     DEFAULT = "THEME_DEFAULT"
 }
-export interface Theme {
+export interface Theme extends ETheme {
     Button?: {
         primaryBg: String;
         primaryHoverBg: String;
@@ -73,5 +73,6 @@ export declare const themes: {
 };
 export interface ThemeProps<T = HTMLDivElement> extends React.HTMLProps<T> {
     theme?: Theme;
+    children: React.ReactNode;
 }
 export declare const ThemeProvider: (props: ThemeProps) => jsx.JSX.Element;

package/src/Layout/Theme.js

@@ -19,8 +19,6 @@ var _colors = require("../Identity/colors");
 
 var _colorsV = require("../Identity/colors-v2");
 
-var _util = require("../util");
-
 var _themes;
 
 var THEME_ID;
@@ -218,14 +216,10 @@ var themes = (_themes = {}, (0, _defineProperty2["default"])(_themes, THEME_ID.D
 }), _themes);
 exports.themes = themes;
 
-var filterThemeProps = function filterThemeProps(props) {
-  return (0, _util.filterProps)(props, ['theme']);
-};
-
 var ThemeProvider = function ThemeProvider(props) {
-  return (0, _react.jsx)(_react.ThemeProvider, (0, _extends2["default"])({
+  return (0, _react.jsx)(_react.ThemeProvider, (0, _extends2["default"])({}, props, {
     theme: props.theme
-  }, filterThemeProps(props)));
+  }));
 };
 
 exports.ThemeProvider = ThemeProvider;

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,"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","ThemeProvider","props","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, Theme as ETheme} 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';\n\nexport enum THEME_ID {\n  DARK = 'THEME_DARK',\n  LIGHT = 'THEME_LIGHT',\n  DEFAULT = 'THEME_DEFAULT',\n}\n\nexport interface Theme extends ETheme {\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  children: React.ReactNode;\n}\n\nexport const ThemeProvider = (props: ThemeProps) => <EmotionThemeProvider {...props} theme={props.theme} />;\n"],"file":"Theme.js"}