@wireapp/react-ui-kit 8.9.0 → 8.10.0

package/src/Form/SelectStyles.js

@@ -0,0 +1,133 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.customStyles = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _Input = require("./Input");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var customStyles = function customStyles(theme) {
+  var markInvalid = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  return {
+    indicatorSeparator: function indicatorSeparator() {
+      return {
+        display: 'none'
+      };
+    },
+    indicatorsContainer: function indicatorsContainer(provided) {
+      return _objectSpread({}, provided);
+    },
+    container: function container(provided, _ref) {
+      var isDisabled = _ref.isDisabled,
+          selectProps = _ref.selectProps;
+      var menuIsOpen = selectProps.menuIsOpen;
+      return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, (0, _Input.inputStyle)(theme, {
+        disabled: isDisabled,
+        markInvalid: markInvalid
+      })), {}, {
+        padding: 0,
+        height: 'auto',
+        minHeight: '48px',
+        '&:-moz-focusring': {
+          color: 'transparent',
+          textShadow: '0 0 0 #000'
+        },
+        position: 'relative'
+      }, isDisabled && {
+        backgroundColor: theme.Input.backgroundColorDisabled,
+        color: theme.Select.disabledColor,
+        cursor: 'default'
+      }), markInvalid && {
+        boxShadow: "0 0 0 1px ".concat(theme.general.dangerColor)
+      }), menuIsOpen && {
+        boxShadow: "0 0 0 1px ".concat(theme.general.primaryColor)
+      }), !menuIsOpen && {
+        '&:hover': {
+          boxShadow: "0 0 0 1px ".concat(theme.Select.borderColor)
+        },
+        '&:focus, &:active': {
+          boxShadow: "0 0 0 1px ".concat(theme.general.primaryColor)
+        }
+      }), {}, {
+        cursor: 'pointer'
+      });
+    },
+    control: function control() {
+      return {
+        display: 'flex',
+        alignItems: 'center',
+        appearance: 'none',
+        padding: '0 8px 0 16px',
+        height: 'auto',
+        minHeight: '48px'
+      };
+    },
+    menu: function menu(provided) {
+      return _objectSpread(_objectSpread({}, provided), {}, {
+        boxShadow: "0 0 0 1px ".concat(theme.general.primaryColor, ", 0 4px 11px hsl(0deg 0% 0% / 10%)"),
+        borderRadius: 12,
+        marginBottom: 0,
+        marginTop: 4
+      });
+    },
+    menuList: function menuList(provided) {
+      return _objectSpread(_objectSpread({}, provided), {}, {
+        paddingBottom: 0,
+        paddingTop: 0
+      });
+    },
+    option: function option(provided, _ref2) {
+      var isDisabled = _ref2.isDisabled,
+          isFocused = _ref2.isFocused,
+          isSelected = _ref2.isSelected;
+      return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, provided), {}, {
+        padding: '10px 18px',
+        cursor: isDisabled ? 'not-allowed' : 'pointer',
+        fontSize: '16px',
+        fontWeight: 300,
+        lineHeight: '24px'
+      }, isSelected && {
+        backgroundColor: 'inherit',
+        color: 'inherit'
+      }), isFocused && {
+        background: theme.general.primaryColor,
+        borderColor: theme.general.primaryColor,
+        color: theme.Select.contrastTextColor
+      }), {}, {
+        '&:hover, &:active, &:focus': {
+          background: theme.general.primaryColor,
+          borderColor: theme.general.primaryColor,
+          color: theme.Select.contrastTextColor
+        },
+        '&:not(:last-of-type)': {
+          borderBottom: "1px solid ".concat(theme.Select.borderColor)
+        },
+        '&:first-of-type': {
+          borderRadius: '12px 12px 0 0'
+        },
+        '&:last-of-type': {
+          borderRadius: '0 0 12px 12px'
+        }
+      });
+    },
+    valueContainer: function valueContainer(provided) {
+      return _objectSpread(_objectSpread({}, provided), {}, {
+        padding: 0,
+        width: '100%',
+        display: 'grid'
+      });
+    }
+  };
+};
+
+exports.customStyles = customStyles;
+//# sourceMappingURL=SelectStyles.js.map

package/src/Form/SelectStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SelectStyles.tsx"],"names":["customStyles","theme","markInvalid","indicatorSeparator","display","indicatorsContainer","provided","container","isDisabled","selectProps","menuIsOpen","disabled","padding","height","minHeight","color","textShadow","position","backgroundColor","Input","backgroundColorDisabled","Select","disabledColor","cursor","boxShadow","general","dangerColor","primaryColor","borderColor","control","alignItems","appearance","menu","borderRadius","marginBottom","marginTop","menuList","paddingBottom","paddingTop","option","isFocused","isSelected","fontSize","fontWeight","lineHeight","background","contrastTextColor","borderBottom","valueContainer","width"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 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\nimport {Theme} from '../Layout';\nimport {inputStyle} from './Input';\n\nexport const customStyles = (theme: Theme, markInvalid = false) => ({\n  indicatorSeparator: () => ({\n    display: 'none',\n  }),\n  indicatorsContainer: provided => ({\n    ...provided,\n  }),\n  container: (provided, {isDisabled, selectProps}) => {\n    const {menuIsOpen} = selectProps;\n\n    return {\n      ...inputStyle(theme, {disabled: isDisabled, markInvalid}),\n      padding: 0,\n      height: 'auto',\n      minHeight: '48px',\n      '&:-moz-focusring': {\n        color: 'transparent',\n        textShadow: '0 0 0 #000',\n      },\n      position: 'relative',\n      ...(isDisabled && {\n        backgroundColor: theme.Input.backgroundColorDisabled,\n        color: theme.Select.disabledColor,\n        cursor: 'default',\n      }),\n      ...(markInvalid && {\n        boxShadow: `0 0 0 1px ${theme.general.dangerColor}`,\n      }),\n      ...(menuIsOpen && {\n        boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,\n      }),\n      ...(!menuIsOpen && {\n        '&:hover': {\n          boxShadow: `0 0 0 1px ${theme.Select.borderColor}`,\n        },\n        '&:focus, &:active': {\n          boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,\n        },\n      }),\n      cursor: 'pointer',\n    };\n  },\n  control: () => ({\n    display: 'flex',\n    alignItems: 'center',\n    appearance: 'none',\n    padding: '0 8px 0 16px',\n    height: 'auto',\n    minHeight: '48px',\n  }),\n  menu: provided => ({\n    ...provided,\n    boxShadow: `0 0 0 1px ${theme.general.primaryColor}, 0 4px 11px hsl(0deg 0% 0% / 10%)`,\n    borderRadius: 12,\n    marginBottom: 0,\n    marginTop: 4,\n  }),\n  menuList: provided => ({\n    ...provided,\n    paddingBottom: 0,\n    paddingTop: 0,\n  }),\n  option: (provided, {isDisabled, isFocused, isSelected}) => ({\n    ...provided,\n    padding: '10px 18px',\n    cursor: isDisabled ? 'not-allowed' : 'pointer',\n    fontSize: '16px',\n    fontWeight: 300,\n    lineHeight: '24px',\n    ...(isSelected && {\n      backgroundColor: 'inherit',\n      color: 'inherit',\n    }),\n    ...(isFocused && {\n      background: theme.general.primaryColor,\n      borderColor: theme.general.primaryColor,\n      color: theme.Select.contrastTextColor,\n    }),\n    '&:hover, &:active, &:focus': {\n      background: theme.general.primaryColor,\n      borderColor: theme.general.primaryColor,\n      color: theme.Select.contrastTextColor,\n    },\n    '&:not(:last-of-type)': {\n      borderBottom: `1px solid ${theme.Select.borderColor}`,\n    },\n    '&:first-of-type': {\n      borderRadius: '12px 12px 0 0',\n    },\n    '&:last-of-type': {\n      borderRadius: '0 0 12px 12px',\n    },\n  }),\n  valueContainer: provided => ({\n    ...provided,\n    padding: 0,\n    width: '100%',\n    display: 'grid',\n  }),\n});\n"],"file":"SelectStyles.js"}

package/src/Form/index.d.js

@@ -134,6 +134,19 @@ Object.keys(_InputSubmitCombo).forEach(function (key) {
   });
 });
 
+var _RangeInput = require("./RangeInput");
+
+Object.keys(_RangeInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RangeInput[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _RangeInput[key];
+    }
+  });
+});
+
 var _RoundIconButton = require("./RoundIconButton");
 
 Object.keys(_RoundIconButton).forEach(function (key) {

package/src/Form/index.d.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.d.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './Button';\nexport * from './ButtonLink';\nexport * from './Checkbox';\nexport * from './CodeInput';\nexport * from './DropFileInput';\nexport * from './ErrorMessage';\nexport * from './Form';\nexport * from './Input';\nexport * from './InputBlock';\nexport * from './InputSubmitCombo';\nexport * from './RoundIconButton';\nexport * from './Select';\nexport * from './ShakeBox';\nexport * from './Switch';\nexport * from './TextArea';\nexport * from './Tooltip';\nexport * from './InputLabel';\n"],"file":"index.d.js"}
+{"version":3,"sources":["index.d.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AALA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './Button';\nexport * from './ButtonLink';\nexport * from './Checkbox';\nexport * from './CodeInput';\nexport * from './DropFileInput';\nexport * from './ErrorMessage';\nexport * from './Form';\nexport * from './Input';\nexport * from './InputBlock';\nexport * from './InputSubmitCombo';\nexport * from './RangeInput';\nexport * from './RoundIconButton';\nexport * from './Select';\nexport * from './ShakeBox';\nexport * from './Switch';\nexport * from './TextArea';\nexport * from './Tooltip';\nexport * from './InputLabel';\nexport * from './Select';\n"],"file":"index.d.js"}

package/src/Form/index.d.ts

@@ -8,6 +8,7 @@ export * from './Form';
 export * from './Input';
 export * from './InputBlock';
 export * from './InputSubmitCombo';
+export * from './RangeInput';
 export * from './RoundIconButton';
 export * from './Select';
 export * from './ShakeBox';
@@ -15,3 +16,4 @@ export * from './Switch';
 export * from './TextArea';
 export * from './Tooltip';
 export * from './InputLabel';
+export * from './Select';

package/src/Form/index.js

@@ -134,6 +134,19 @@ Object.keys(_InputSubmitCombo).forEach(function (key) {
   });
 });
 
+var _RangeInput = require("./RangeInput");
+
+Object.keys(_RangeInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RangeInput[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _RangeInput[key];
+    }
+  });
+});
+
 var _RoundIconButton = require("./RoundIconButton");
 
 Object.keys(_RoundIconButton).forEach(function (key) {

package/src/Form/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAmBA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 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\nexport * from './Button';\nexport * from './ButtonLink';\nexport * from './Checkbox';\nexport * from './CodeInput';\nexport * from './DropFileInput';\nexport * from './ErrorMessage';\nexport * from './Form';\nexport * from './Input';\nexport * from './InputBlock';\nexport * from './InputSubmitCombo';\nexport * from './RoundIconButton';\nexport * from './Select';\nexport * from './ShakeBox';\nexport * from './Switch';\nexport * from './TextArea';\nexport * from './Tooltip';\nexport * from './InputLabel';\n"],"file":"index.js"}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAmBA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AALA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 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\nexport * from './Button';\nexport * from './ButtonLink';\nexport * from './Checkbox';\nexport * from './CodeInput';\nexport * from './DropFileInput';\nexport * from './ErrorMessage';\nexport * from './Form';\nexport * from './Input';\nexport * from './InputBlock';\nexport * from './InputSubmitCombo';\nexport * from './RangeInput';\nexport * from './RoundIconButton';\nexport * from './Select';\nexport * from './ShakeBox';\nexport * from './Switch';\nexport * from './TextArea';\nexport * from './Tooltip';\nexport * from './InputLabel';\nexport * from './Select';\n"],"file":"index.js"}

package/src/Icon/ArrowDown.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=ArrowDown.d.js.map

package/src/Icon/ArrowDown.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"ArrowDown.d.js"}

package/src/Icon/ArrowDown.d.ts

@@ -0,0 +1,2 @@
+import { SVGIconProps } from './SVGIcon';
+export declare const ArrowDown: ({ ...props }: SVGIconProps) => JSX.Element;

package/src/Icon/ArrowDown.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArrowDown = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _SVGIcon = require("./SVGIcon");
+
+/*
+ * Wire
+ * Copyright (C) 2022 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/.
+ *
+ */
+var ArrowDown = function ArrowDown(_ref) {
+  var props = (0, _extends2["default"])({}, _ref);
+  return /*#__PURE__*/_react["default"].createElement(_SVGIcon.SVGIcon, (0, _extends2["default"])({
+    realWidth: 16,
+    realHeight: 16
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.99963 12.5711L15.6565 4.91421L14.2423 3.5L7.99963 9.74264L1.75699 3.5L0.342773 4.91421L7.99963 12.5711Z"
+  }));
+};
+
+exports.ArrowDown = ArrowDown;
+//# sourceMappingURL=ArrowDown.js.map

package/src/Icon/ArrowDown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowDown.tsx"],"names":["ArrowDown","props"],"mappings":";;;;;;;;;;;AAmBA;;AACA;;AApBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKO,IAAMA,SAAS,GAAG,SAAZA,SAAY;AAAA,MAAKC,KAAL;AAAA,sBACvB,gCAAC,gBAAD;AAAS,IAAA,SAAS,EAAE,EAApB;AAAwB,IAAA,UAAU,EAAE;AAApC,KAA4CA,KAA5C,gBACE;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CADuB;AAAA,CAAlB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 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\nimport React from 'react';\nimport {SVGIcon, SVGIconProps} from './SVGIcon';\n\nexport const ArrowDown = ({...props}: SVGIconProps) => (\n  <SVGIcon realWidth={16} realHeight={16} {...props}>\n    <path d=\"M7.99963 12.5711L15.6565 4.91421L14.2423 3.5L7.99963 9.74264L1.75699 3.5L0.342773 4.91421L7.99963 12.5711Z\" />\n  </SVGIcon>\n);\n"],"file":"ArrowDown.js"}

package/src/Layout/Theme.d.ts

@@ -44,6 +44,7 @@ export interface Theme {
         disabledColor?: string;
         contrastTextColor?: string;
         borderColor?: string;
+        focusedDescriptionColor?: string;
     };
 }
 export declare const themes: {

package/src/Layout/Theme.js

@@ -59,7 +59,8 @@ var themes = (_themes = {}, (0, _defineProperty2["default"])(_themes, THEME_ID.L
   Select: {
     disabledColor: _colorsV.COLOR_V2.GRAY_70,
     contrastTextColor: _colors.COLOR.WHITE,
-    borderColor: _colorsV.COLOR_V2.GRAY_40
+    borderColor: _colorsV.COLOR_V2.GRAY_40,
+    focusedDescriptionColor: _colorsV.COLOR_V2.WHITE
   },
   Checkbox: {
     background: _colorsV.COLOR_V2.GRAY_20,
@@ -98,7 +99,8 @@ var themes = (_themes = {}, (0, _defineProperty2["default"])(_themes, THEME_ID.L
   Select: {
     disabledColor: _colorsV.COLOR_V2.GRAY_60,
     contrastTextColor: _colors.COLOR.BLACK,
-    borderColor: _colorsV.COLOR_V2.GRAY_90
+    borderColor: _colorsV.COLOR_V2.GRAY_90,
+    focusedDescriptionColor: _colorsV.COLOR_V2.GRAY_40
   },
   Checkbox: {
     background: _colorsV.COLOR_V2.GRAY_20,

package/src/Layout/Theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Theme.tsx"],"names":["THEME_ID","themes","LIGHT","IconButton","activePrimaryBgColor","COLOR_V2","BLUE_LIGHT_50","focusBorderColor","BLUE_LIGHT_500","hoverPrimaryBgColor","GRAY_20","primaryActiveFillColor","BLUE","primaryBgColor","WHITE","primaryBorderColor","GRAY_40","primaryDisabledBgColor","primaryDisabledBorderColor","primaryHoverBorderColor","GRAY_50","secondaryActiveBorderColor","Input","backgroundColor","COLOR","backgroundColorDisabled","placeholderColor","GRAY_DARKEN_24","labelColor","GRAY_80","general","color","TEXT","primaryColor","dangerColor","RED","Select","disabledColor","GRAY_70","contrastTextColor","borderColor","Checkbox","background","border","borderFocused","BASE_LIGHT_COLOR","disableBgColor","disableBorderColor","GRAY_60","disablecheckedBgColor","invalidBorderColor","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}\n\nexport interface Theme {\n  IconButton: {\n    activePrimaryBgColor?: string;\n    activePrimaryBorderColor?: 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    dangerColor?: string;\n    primaryColor?: string;\n  };\n  Input: {\n    backgroundColor: string;\n    backgroundColorDisabled: string;\n    placeholderColor: string;\n    labelColor: string;\n  };\n  Select: {\n    disabledColor?: string;\n    contrastTextColor?: string;\n    borderColor?: string;\n  };\n}\n\nexport const themes: {[themeId in THEME_ID]: Theme} = {\n  [THEME_ID.LIGHT]: {\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: 'none',\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    },\n    general: {\n      backgroundColor: COLOR_V2.GRAY_20,\n      color: COLOR.TEXT,\n      primaryColor: COLOR_V2.BLUE,\n      dangerColor: COLOR_V2.RED,\n    },\n    Select: {\n      disabledColor: COLOR_V2.GRAY_70,\n      contrastTextColor: COLOR.WHITE,\n      borderColor: COLOR_V2.GRAY_40,\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    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    },\n    general: {\n      backgroundColor: COLOR.BLACK,\n      color: COLOR.WHITE,\n      primaryColor: COLOR_V2.BLUE,\n      dangerColor: COLOR_V2.RED,\n    },\n    Select: {\n      disabledColor: COLOR_V2.GRAY_60,\n      contrastTextColor: COLOR.BLACK,\n      borderColor: COLOR_V2.GRAY_90,\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","LIGHT","IconButton","activePrimaryBgColor","COLOR_V2","BLUE_LIGHT_50","focusBorderColor","BLUE_LIGHT_500","hoverPrimaryBgColor","GRAY_20","primaryActiveFillColor","BLUE","primaryBgColor","WHITE","primaryBorderColor","GRAY_40","primaryDisabledBgColor","primaryDisabledBorderColor","primaryHoverBorderColor","GRAY_50","secondaryActiveBorderColor","Input","backgroundColor","COLOR","backgroundColorDisabled","placeholderColor","GRAY_DARKEN_24","labelColor","GRAY_80","general","color","TEXT","primaryColor","dangerColor","RED","Select","disabledColor","GRAY_70","contrastTextColor","borderColor","focusedDescriptionColor","Checkbox","background","border","borderFocused","BASE_LIGHT_COLOR","disableBgColor","disableBorderColor","GRAY_60","disablecheckedBgColor","invalidBorderColor","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;GAAAA,Q,wBAAAA,Q;;AAgDL,IAAMC,MAAsC,4DAChDD,QAAQ,CAACE,KADuC,EAC/B;AAChBC,EAAAA,UAAU,EAAE;AACVC,IAAAA,oBAAoB,EAAEC,kBAASC,aADrB;AAEVC,IAAAA,gBAAgB,EAAEF,kBAASG,cAFjB;AAGVC,IAAAA,mBAAmB,EAAEJ,kBAASK,OAHpB;AAIVC,IAAAA,sBAAsB,EAAEN,kBAASO,IAJvB;AAKVC,IAAAA,cAAc,EAAER,kBAASS,KALf;AAMVC,IAAAA,kBAAkB,EAAEV,kBAASW,OANnB;AAOVC,IAAAA,sBAAsB,EAAEZ,kBAASK,OAPvB;AAQVQ,IAAAA,0BAA0B,EAAEb,kBAASW,OAR3B;AASVG,IAAAA,uBAAuB,EAAEd,kBAASe,OATxB;AAUVC,IAAAA,0BAA0B,EAAE;AAVlB,GADI;AAahBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,eAAe,EAAEC,cAAMV,KADlB;AAELW,IAAAA,uBAAuB,EAAEpB,kBAASK,OAF7B;AAGLgB,IAAAA,gBAAgB,EAAEF,cAAMG,cAHnB;AAILC,IAAAA,UAAU,EAAEvB,kBAASwB;AAJhB,GAbS;AAmBhBC,EAAAA,OAAO,EAAE;AACPP,IAAAA,eAAe,EAAElB,kBAASK,OADnB;AAEPqB,IAAAA,KAAK,EAAEP,cAAMQ,IAFN;AAGPC,IAAAA,YAAY,EAAE5B,kBAASO,IAHhB;AAIPsB,IAAAA,WAAW,EAAE7B,kBAAS8B;AAJf,GAnBO;AAyBhBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,aAAa,EAAEhC,kBAASiC,OADlB;AAENC,IAAAA,iBAAiB,EAAEf,cAAMV,KAFnB;AAGN0B,IAAAA,WAAW,EAAEnC,kBAASW,OAHhB;AAINyB,IAAAA,uBAAuB,EAAEpC,kBAASS;AAJ5B,GAzBQ;AA+BhB4B,EAAAA,QAAQ,EAAE;AACRC,IAAAA,UAAU,EAAEtC,kBAASK,OADb;AAERkC,IAAAA,MAAM,EAAEvC,kBAASwB,OAFT;AAGRgB,IAAAA,aAAa,EAAEC,0BAAiBlC,IAHxB;AAIRmC,IAAAA,cAAc,EAAE1C,kBAASK,OAJjB;AAKRsC,IAAAA,kBAAkB,EAAE3C,kBAAS4C,OALrB;AAMRC,IAAAA,qBAAqB,EAAE7C,kBAASK,OANxB;AAORyC,IAAAA,kBAAkB,EAAEL,0BAAiBX;AAP7B;AA/BM,CAD+B,6CA0ChDnC,QAAQ,CAACoD,IA1CuC,EA0ChC;AACfjD,EAAAA,UAAU,EAAE;AACVC,IAAAA,oBAAoB,EAAEC,kBAASgD,aADrB;AAEV9C,IAAAA,gBAAgB,EAAEF,kBAASiD,aAFjB;AAGV7C,IAAAA,mBAAmB,EAAEJ,kBAASwB,OAHpB;AAIVlB,IAAAA,sBAAsB,EAAEa,cAAMV,KAJpB;AAKVD,IAAAA,cAAc,EAAER,kBAASkD,OALf;AAMVxC,IAAAA,kBAAkB,EAAEV,kBAASmD,QANnB;AAOVvC,IAAAA,sBAAsB,EAAEZ,kBAASoD,OAPvB;AAQVvC,IAAAA,0BAA0B,EAAEb,kBAASkD,OAR3B;AASVpC,IAAAA,uBAAuB,EAAEd,kBAASiC,OATxB;AAUVjB,IAAAA,0BAA0B,EAAEhB,kBAASgD;AAV3B,GADG;AAaf/B,EAAAA,KAAK,EAAE;AACLC,IAAAA,eAAe,EAAEC,cAAMkC,gBADlB;AAELjC,IAAAA,uBAAuB,EAAED,cAAMgC,QAF1B;AAGL9B,IAAAA,gBAAgB,EAAEF,cAAMmC,eAHnB;AAIL/B,IAAAA,UAAU,EAAEvB,kBAASW;AAJhB,GAbQ;AAmBfc,EAAAA,OAAO,EAAE;AACPP,IAAAA,eAAe,EAAEC,cAAMoC,KADhB;AAEP7B,IAAAA,KAAK,EAAEP,cAAMV,KAFN;AAGPmB,IAAAA,YAAY,EAAE5B,kBAASO,IAHhB;AAIPsB,IAAAA,WAAW,EAAE7B,kBAAS8B;AAJf,GAnBM;AAyBfC,EAAAA,MAAM,EAAE;AACNC,IAAAA,aAAa,EAAEhC,kBAAS4C,OADlB;AAENV,IAAAA,iBAAiB,EAAEf,cAAMoC,KAFnB;AAGNpB,IAAAA,WAAW,EAAEnC,kBAASkD,OAHhB;AAINd,IAAAA,uBAAuB,EAAEpC,kBAASW;AAJ5B,GAzBO;AA+Bf0B,EAAAA,QAAQ,EAAE;AACRC,IAAAA,UAAU,EAAEtC,kBAASK,OADb;AAERkC,IAAAA,MAAM,EAAEvC,kBAAS4C,OAFT;AAGRJ,IAAAA,aAAa,EAAEgB,yBAAgBjD,IAHvB;AAIRmC,IAAAA,cAAc,EAAE1C,kBAASyD,OAJjB;AAKRd,IAAAA,kBAAkB,EAAE3C,kBAASiC,OALrB;AAMRY,IAAAA,qBAAqB,EAAE7C,kBAAS4C,OANxB;AAORE,IAAAA,kBAAkB,EAAEU,yBAAgB1B;AAP5B;AA/BK,CA1CgC,WAA5C;;;AAyFP,IAAM4B,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}\n\nexport interface Theme {\n  IconButton: {\n    activePrimaryBgColor?: string;\n    activePrimaryBorderColor?: 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    dangerColor?: string;\n    primaryColor?: string;\n  };\n  Input: {\n    backgroundColor: string;\n    backgroundColorDisabled: string;\n    placeholderColor: string;\n    labelColor: string;\n  };\n  Select: {\n    disabledColor?: string;\n    contrastTextColor?: string;\n    borderColor?: string;\n    focusedDescriptionColor?: string;\n  };\n}\n\nexport const themes: {[themeId in THEME_ID]: Theme} = {\n  [THEME_ID.LIGHT]: {\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: 'none',\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    },\n    general: {\n      backgroundColor: COLOR_V2.GRAY_20,\n      color: COLOR.TEXT,\n      primaryColor: COLOR_V2.BLUE,\n      dangerColor: COLOR_V2.RED,\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    },\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    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    },\n    general: {\n      backgroundColor: COLOR.BLACK,\n      color: COLOR.WHITE,\n      primaryColor: COLOR_V2.BLUE,\n      dangerColor: COLOR_V2.RED,\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    },\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"}

package/src/util.d.ts

@@ -1,3 +1,5 @@
+import { CSSObject } from '@emotion/react';
 export declare const noop: () => void;
 export declare const inlineSVG: (svg: string) => string;
 export declare const filterProps: <T extends Record<string, any>>(props: T, propsToFilter: (keyof T)[]) => Object;
+export declare const manySelectors: (selectors: string[], css: CSSObject) => {};

package/src/util.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.filterProps = exports.inlineSVG = exports.noop = void 0;
+exports.manySelectors = exports.filterProps = exports.inlineSVG = exports.noop = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -54,4 +54,13 @@ var filterProps = function filterProps(props, propsToFilter) {
 };
 
 exports.filterProps = filterProps;
+
+var manySelectors = function manySelectors(selectors, css) {
+  return selectors.reduce(function (acc, selector) {
+    acc[selector] = css;
+    return acc;
+  }, {});
+};
+
+exports.manySelectors = manySelectors;
 //# sourceMappingURL=util.js.map

package/src/util.js.map

@@ -1 +1 @@
-{"version":3,"sources":["util.ts"],"names":["noop","inlineSVG","svg","encodeURIComponent","filterProps","props","propsToFilter","Object","entries","reduce","accumulator","key","value","includes"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,IAAMA,IAAI,GAAG,SAAPA,IAAO,GAAM,CAAE,CAArB;;;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,GAAD;AAAA,2CAA4CC,kBAAkB,CAACD,GAAD,CAA9D;AAAA,CAAlB;;;;AAEA,IAAME,WAA4F,GAAG,SAA/FA,WAA+F,CAC1GC,KAD0G,EAE1GC,aAF0G,EAGvG;AACH,SAAOC,MAAM,CAACC,OAAP,CAAeH,KAAf,EAAsBI,MAAtB,CACL,UAACC,WAAD;AAAA;AAAA,QAAeC,GAAf;AAAA,QAAoBC,KAApB;;AAAA,WAAgC,CAACN,aAAa,CAACO,QAAd,CAAuBF,GAAvB,CAAD,mCAAmCD,WAAnC,4CAAiDC,GAAjD,EAAuDC,KAAvD,KAAgEF,WAAhG;AAAA,GADK,EAEL,EAFK,CAAP;AAID,CARM","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\nexport const noop = () => {};\n\nexport const inlineSVG = (svg: string) => `data:image/svg+xml;utf8,${encodeURIComponent(svg)}`;\n\nexport const filterProps: <T extends Record<string, any>>(props: T, propsToFilter: (keyof T)[]) => Object = (\n  props,\n  propsToFilter,\n) => {\n  return Object.entries(props).reduce<Object>(\n    (accumulator, [key, value]) => (!propsToFilter.includes(key) ? {...accumulator, [key]: value} : accumulator),\n    {},\n  );\n};\n"],"file":"util.js"}
+{"version":3,"sources":["util.ts"],"names":["noop","inlineSVG","svg","encodeURIComponent","filterProps","props","propsToFilter","Object","entries","reduce","accumulator","key","value","includes","manySelectors","selectors","css","acc","selector"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIO,IAAMA,IAAI,GAAG,SAAPA,IAAO,GAAM,CAAE,CAArB;;;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,GAAD;AAAA,2CAA4CC,kBAAkB,CAACD,GAAD,CAA9D;AAAA,CAAlB;;;;AAEA,IAAME,WAA4F,GAAG,SAA/FA,WAA+F,CAC1GC,KAD0G,EAE1GC,aAF0G,EAGvG;AACH,SAAOC,MAAM,CAACC,OAAP,CAAeH,KAAf,EAAsBI,MAAtB,CACL,UAACC,WAAD;AAAA;AAAA,QAAeC,GAAf;AAAA,QAAoBC,KAApB;;AAAA,WAAgC,CAACN,aAAa,CAACO,QAAd,CAAuBF,GAAvB,CAAD,mCAAmCD,WAAnC,4CAAiDC,GAAjD,EAAuDC,KAAvD,KAAgEF,WAAhG;AAAA,GADK,EAEL,EAFK,CAAP;AAID,CARM;;;;AAUA,IAAMI,aAAa,GAAG,SAAhBA,aAAgB,CAACC,SAAD,EAAsBC,GAAtB;AAAA,SAC3BD,SAAS,CAACN,MAAV,CAAiB,UAACQ,GAAD,EAAMC,QAAN,EAAmB;AAClCD,IAAAA,GAAG,CAACC,QAAD,CAAH,GAAgBF,GAAhB;AACA,WAAOC,GAAP;AACD,GAHD,EAGG,EAHH,CAD2B;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\nimport {CSSObject} from '@emotion/react';\n\nexport const noop = () => {};\n\nexport const inlineSVG = (svg: string) => `data:image/svg+xml;utf8,${encodeURIComponent(svg)}`;\n\nexport const filterProps: <T extends Record<string, any>>(props: T, propsToFilter: (keyof T)[]) => Object = (\n  props,\n  propsToFilter,\n) => {\n  return Object.entries(props).reduce<Object>(\n    (accumulator, [key, value]) => (!propsToFilter.includes(key) ? {...accumulator, [key]: value} : accumulator),\n    {},\n  );\n};\n\nexport const manySelectors = (selectors: string[], css: CSSObject) =>\n  selectors.reduce((acc, selector) => {\n    acc[selector] = css;\n    return acc;\n  }, {});\n"],"file":"util.js"}