glints-aries 4.0.149 → 4.0.152

package/lib/Input/DownshiftSelect/SelectStyle.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.GroupHeading = exports.Group = exports.GroupContainer = exports.HelperText = exports.EmptyList = exports.Item = exports.Menu = exports.LoadingIndicator = exports.ToggleButton = exports.ClearButton = exports._IndicatorButton = exports.IndicatorsContainer = exports.Input = exports.Combobox = exports.Label = exports.Container = void 0;
+exports._IndicatorButton = exports.ToggleButton = exports.Menu = exports.LoadingIndicator = exports.Label = exports.Item = exports.Input = exports.IndicatorsContainer = exports.HelperText = exports.GroupHeading = exports.GroupContainer = exports.Group = exports.EmptyList = exports.Container = exports.Combobox = exports.ClearButton = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -15,106 +15,106 @@ var _Shadow = require("../../Utils/Shadow");
 
 var Container = _styledComponents["default"].div.withConfig({
   displayName: "SelectStyle__Container",
-  componentId: "qr1jv6-0"
+  componentId: "sc-qr1jv6-0"
 })(["position:relative;font-size:16px;"]);
 
 exports.Container = Container;
 
 var Label = _styledComponents["default"].label.withConfig({
   displayName: "SelectStyle__Label",
-  componentId: "qr1jv6-1"
+  componentId: "sc-qr1jv6-1"
 })(["display:block;margin-bottom:8px;color:", ";font-weight:500;&[data-active='true']{color:", ";}&[data-disabled='true']{color:", ";}&[data-invalid='true']{color:", ";}"], _Colors.Greyscale.devilsgrey, _Colors.SecondaryColor.actionblue, _Colors.Greyscale.lightgrey, _Colors.PrimaryColor.glintsred);
 
 exports.Label = Label;
 
 var Combobox = _styledComponents["default"].div.withConfig({
   displayName: "SelectStyle__Combobox",
-  componentId: "qr1jv6-2"
+  componentId: "sc-qr1jv6-2"
 })(["display:grid;grid-template-columns:1fr auto;grid-column-gap:0.75em;padding:0.75em 1em 0.75em 1em;border-radius:0.5em;background-color:#ebf5fa;:hover{background-color:#d6eaf2;}&[aria-expanded='true'],&[data-active='true']{background-color:#c2e0ed;}&[data-disabled='true']{background-color:", ";}&[data-invalid='true']{background-color:#feeeee;}"], _Colors.Greyscale.softgrey);
 
 exports.Combobox = Combobox;
 
 var Input = _styledComponents["default"].input.withConfig({
   displayName: "SelectStyle__Input",
-  componentId: "qr1jv6-3"
+  componentId: "sc-qr1jv6-3"
 })(["border:none;background-color:transparent;outline:none;color:", ";font-size:inherit;text-overflow:ellipsis;&:not([value='']){color:black;}:disabled::placeholder{color:", ";}"], _Colors.Greyscale.devilsgrey, _Colors.Greyscale.lightgrey);
 
 exports.Input = Input;
 
 var IndicatorsContainer = _styledComponents["default"].div.withConfig({
   displayName: "SelectStyle__IndicatorsContainer",
-  componentId: "qr1jv6-4"
+  componentId: "sc-qr1jv6-4"
 })(["display:flex;flex-direction:row;>:not(:last-child){margin-right:0.75em;}"]);
 
 exports.IndicatorsContainer = IndicatorsContainer;
 
 var _IndicatorButton = _styledComponents["default"].button.withConfig({
   displayName: "SelectStyle___IndicatorButton",
-  componentId: "qr1jv6-5"
+  componentId: "sc-qr1jv6-5"
 })(["padding:0;border:none;background:none;color:", ";font-size:inherit;"], _Colors.Greyscale.devilsgrey);
 
 exports._IndicatorButton = _IndicatorButton;
 var ClearButton = (0, _styledComponents["default"])(_IndicatorButton).withConfig({
   displayName: "SelectStyle__ClearButton",
-  componentId: "qr1jv6-6"
+  componentId: "sc-qr1jv6-6"
 })([""]);
 exports.ClearButton = ClearButton;
 var ToggleButton = (0, _styledComponents["default"])(_IndicatorButton).withConfig({
   displayName: "SelectStyle__ToggleButton",
-  componentId: "qr1jv6-7"
+  componentId: "sc-qr1jv6-7"
 })([""]);
 exports.ToggleButton = ToggleButton;
 var LoadingIndicator = (0, _styledComponents["default"])(_Loading["default"]).withConfig({
   displayName: "SelectStyle__LoadingIndicator",
-  componentId: "qr1jv6-8"
+  componentId: "sc-qr1jv6-8"
 })(["align-items:center;font-size:0.5625em;"]);
 exports.LoadingIndicator = LoadingIndicator;
 
 var Menu = _styledComponents["default"].ul.withConfig({
   displayName: "SelectStyle__Menu",
-  componentId: "qr1jv6-9"
+  componentId: "sc-qr1jv6-9"
 })(["margin-top:4px;position:absolute;width:100%;padding:0.5em 0 0.5em 0;border:1px solid #eeeeee;border-radius:0.5em;box-shadow:", ";background-color:white;z-index:1;[aria-expanded='false'] + &{visibility:hidden;}"], _Shadow.Shadow.down3);
 
 exports.Menu = Menu;
 
 var Item = _styledComponents["default"].li.withConfig({
   displayName: "SelectStyle__Item",
-  componentId: "qr1jv6-10"
+  componentId: "sc-qr1jv6-10"
 })(["padding:0.5em 1em;list-style-type:none;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;&[aria-selected='true']{background-color:", ";color:", ";}&[disabled]{background-color:transparent;color:", ";cursor:not-allowed;}"], _Colors.Greyscale.softgrey, _Colors.SecondaryColor.actionblue, _Colors.Greyscale.lightgrey);
 
 exports.Item = Item;
 
 var EmptyList = _styledComponents["default"].li.withConfig({
   displayName: "SelectStyle__EmptyList",
-  componentId: "qr1jv6-11"
+  componentId: "sc-qr1jv6-11"
 })(["padding:0.5em 1em;list-style-type:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:", ";cursor:not-allowed;"], _Colors.Greyscale.lightgrey);
 
 exports.EmptyList = EmptyList;
 
 var HelperText = _styledComponents["default"].span.withConfig({
   displayName: "SelectStyle__HelperText",
-  componentId: "qr1jv6-12"
+  componentId: "sc-qr1jv6-12"
 })(["margin-top:4px;color:", ";font-size:0.875em;&[data-invalid='true']{color:", ";}"], _Colors.Greyscale.devilsgrey, _Colors.PrimaryColor.glintsred);
 
 exports.HelperText = HelperText;
 
 var GroupContainer = _styledComponents["default"].li.withConfig({
   displayName: "SelectStyle__GroupContainer",
-  componentId: "qr1jv6-13"
+  componentId: "sc-qr1jv6-13"
 })(["margin-bottom:0.5em;padding:0;list-style-type:none;"]);
 
 exports.GroupContainer = GroupContainer;
 
 var Group = _styledComponents["default"].ul.withConfig({
   displayName: "SelectStyle__Group",
-  componentId: "qr1jv6-14"
+  componentId: "sc-qr1jv6-14"
 })(["padding:0;"]);
 
 exports.Group = Group;
 
 var GroupHeading = _styledComponents["default"].li.withConfig({
   displayName: "SelectStyle__GroupHeading",
-  componentId: "qr1jv6-15"
+  componentId: "sc-qr1jv6-15"
 })(["padding:0.5em 1em;list-style-type:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:", ";font-size:0.75em;text-transform:uppercase;"], _Colors.Greyscale.devilsgrey);
 
 exports.GroupHeading = GroupHeading;

package/lib/Input/NumberInput/NumberInput.d.ts

@@ -8,7 +8,7 @@ import { TextFieldInput } from '../TextField/TextFieldStyle';
  * Use small to set the size of the input field. The ...rest is passed to the
  * internal field input. */
 export declare const NumberInput: (props: Props) => JSX.Element;
-export interface Props extends React.ComponentPropsWithoutRef<typeof TextFieldInput> {
+export declare type Props = React.ComponentPropsWithoutRef<typeof TextFieldInput> & {
     /** Placeholder for the text field. */
     label: string;
     disabled?: boolean;
@@ -23,5 +23,5 @@ export interface Props extends React.ComponentPropsWithoutRef<typeof TextFieldIn
     forwardedRef?: React.RefObject<HTMLInputElement>;
     /** Icon at the start of the input element. */
     startIcon?: React.ReactNode;
-}
+};
 export default NumberInput;

package/lib/Input/NumberInput/NumberInput.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -13,6 +11,10 @@ var React = _interopRequireWildcard(require("react"));
 
 var _TextField = _interopRequireDefault(require("../TextField"));
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 /** Use onChange to listen to input changes.
  * Use onBlur to listen to focus loss.
  * <br/>

package/lib/Input/NumberInput/NumberInput.stories.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.StepValue2 = exports.MinimumValue3AndMaximumValue10 = exports.Interactive = exports["default"] = void 0;
+exports["default"] = exports.StepValue2 = exports.MinimumValue3AndMaximumValue10 = exports.Interactive = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -15,6 +13,10 @@ var _NumberInput = require("./NumberInput");
 
 var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var _default = {
   title: 'Input/NumberInput',
   component: _NumberInput.NumberInput,

package/lib/Input/PhoneNumberInput/PhoneNumberInput.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -27,9 +25,15 @@ var _useOutsideAlerter = require("../../Utils/useOutsideAlerter");
 
 var S = _interopRequireWildcard(require("./PhoneNumberInputStyles"));
 
-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; }
+var _excluded = ["value", "onChange", "onFocus", "onBlur", "callingCodeOptions", "onInputChange", "filterValue", "isLoadingCallingCodeOptions", "label", "featuredOptionsLabel", "otherOptionsLabel", "callingCodeFilterInputPlaceholder", "callingCodeNoOptionsLabel", "error", "addon"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 // Downshift wants a ref to this, but we need one ourselves, and there is no way
 // to share.
@@ -55,7 +59,7 @@ var PhoneNumberInput = function PhoneNumberInput(_ref) {
       callingCodeNoOptionsLabel = _ref.callingCodeNoOptionsLabel,
       error = _ref.error,
       addon = _ref.addon,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["value", "onChange", "onFocus", "onBlur", "callingCodeOptions", "onInputChange", "filterValue", "isLoadingCallingCodeOptions", "label", "featuredOptionsLabel", "otherOptionsLabel", "callingCodeFilterInputPlaceholder", "callingCodeNoOptionsLabel", "error", "addon"]);
+      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
 
   var _useState = (0, _react.useState)(false),
       isCallingCodeInputOpen = _useState[0],

package/lib/Input/PhoneNumberInput/PhoneNumberInput.stories.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.WithAddon = exports.Loading = exports.NoCallingCodeOptions = exports.WithError = exports.Default = exports["default"] = void 0;
+exports["default"] = exports.WithError = exports.WithAddon = exports.NoCallingCodeOptions = exports.Loading = exports.Default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -17,6 +15,10 @@ var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
 
 var _ = require("../..");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var _default = {
   title: 'Input/PhoneNumberInput',
   component: _PhoneNumberInput.PhoneNumberInput,

package/lib/Input/PhoneNumberInput/PhoneNumberInputStyles.js

@@ -1,9 +1,7 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
-exports.Error = exports.NoOptions = exports.GroupHeader = exports.CallingCodeOptionLabel = exports.CallingCodeOptionCallingCode = exports.CallingCodeOption = exports.CallingCodeOptionsList = exports.CallingCodeInputLoading = exports.CallingCodeFilterInput = exports.CallingCodeFilterInputGroup = exports.CallingCodeInput = exports.TopRowAddon = exports.SignificantNumberInput = exports.Label = exports.CallingCodeInputOpenIndicator = exports.CallingCodeInputToggle = exports.TopRow = exports.PhoneNumberInputContainer = void 0;
+exports.TopRowAddon = exports.TopRow = exports.SignificantNumberInput = exports.PhoneNumberInputContainer = exports.NoOptions = exports.Label = exports.GroupHeader = exports.Error = exports.CallingCodeOptionsList = exports.CallingCodeOptionLabel = exports.CallingCodeOptionCallingCode = exports.CallingCodeOption = exports.CallingCodeInputToggle = exports.CallingCodeInputOpenIndicator = exports.CallingCodeInputLoading = exports.CallingCodeInput = exports.CallingCodeFilterInputGroup = exports.CallingCodeFilterInput = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
@@ -13,6 +11,10 @@ var _Shadow = require("../../Utils/Shadow");
 
 var _Loading = require("../../General/Loading");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var PhoneNumberInputContainer = _styledComponents["default"].div.withConfig({
   displayName: "PhoneNumberInputStyles__PhoneNumberInputContainer",
   componentId: "sc-80kraj-0"

package/lib/Input/RadioButton/RadioButton.d.ts

@@ -10,7 +10,7 @@ export interface Props extends HTMLInputProps {
     /** Sets the label of Radio Button. */
     label?: React.ReactNode;
     /** Sets the props on the label element. */
-    labelProps?: React.LabelHTMLAttributes<{}>;
+    labelProps?: React.LabelHTMLAttributes<HTMLLabelElement>;
     /** Sets theme for Radio Button. */
     theme?: 'white';
     /** Sets a border around the radio button. */

package/lib/Input/RadioButton/RadioButton.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -17,6 +15,12 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _RadioButtonStyle = require("./RadioButtonStyle");
 
+var _excluded = ["className", "children", "error", "label", "labelProps", "theme", "border", "disabled", "size"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 /** The className will be passed to
  * the main radio button container. ...inputProps is passed to the
  * input tag. */
@@ -34,7 +38,7 @@ var RadioButton = function RadioButton(_ref) {
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'regular' : _ref$size,
-      inputProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["className", "children", "error", "label", "labelProps", "theme", "border", "disabled", "size"]);
+      inputProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   var content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_RadioButtonStyle.RadioIcon, {
     error: error,
     theme: theme,

package/lib/Input/RadioButton/RadioButton.stories.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.SmallRadioButton = exports.DisabledRadioButton = exports.RadioButtonWithBorder = exports.RadioButtonWithError = exports.Interactive = exports["default"] = void 0;
+exports["default"] = exports.SmallRadioButton = exports.RadioButtonWithError = exports.RadioButtonWithBorder = exports.Interactive = exports.DisabledRadioButton = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

package/lib/Input/RadioButton/RadioButtonStyle.js

@@ -1,14 +1,16 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
-exports.RadioContainer = exports.Border = exports.RadioLabel = exports.RadioIcon = void 0;
+exports.RadioLabel = exports.RadioIcon = exports.RadioContainer = exports.Border = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
 var _Colors = require("../../Utils/Colors");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var getStateColor = function getStateColor(_ref, checked) {
   var disabled = _ref.disabled,
       error = _ref.error,

package/lib/Input/SearchFilter/SearchFilterStyle.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.SearchFilterItemWrapper = exports.SearchFilterListWrapper = exports.SearchFilterResultContainer = exports.SearchFilterBodyWrapper = exports.SearchFilterButton = exports.SearchFilterBar = exports.SearchFilterContainer = void 0;
+exports.SearchFilterResultContainer = exports.SearchFilterListWrapper = exports.SearchFilterItemWrapper = exports.SearchFilterContainer = exports.SearchFilterButton = exports.SearchFilterBodyWrapper = exports.SearchFilterBar = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 

package/lib/Input/Select/Select.d.ts

@@ -12,7 +12,7 @@ export interface SelectInputProps {
     /** Deprecated! */
     status?: string;
 }
-export interface Props extends React.ComponentPropsWithoutRef<typeof SelectInput>, SelectInputProps {
+export declare type Props = React.ComponentPropsWithoutRef<typeof SelectInput> & SelectInputProps & {
     children: React.ReactNode;
     /** Sets value for Input. */
     value?: string;
@@ -46,6 +46,6 @@ export interface Props extends React.ComponentPropsWithoutRef<typeof SelectInput
     onChange?(value: string): void;
     /** Called when value of input is changed. */
     onInputChange?(event: React.ChangeEvent<HTMLInputElement>): void;
-}
+};
 export declare const Option: React.FC<SelectItemProps>;
 export default Select;

package/lib/Input/Select/Select.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -29,6 +27,12 @@ var _SelectStyle = require("./SelectStyle");
 
 var _canWarn = require("../../Utils/canWarn");
 
+var _excluded = ["label", "status", "disabled", "className", "onFocus", "onBlur", "onChange", "onInputChange", "noOptionResult", "small", "disableTyping", "removeFloatingLabel", "removeDropIcon", "error", "renderError", "value", "defaultValue", "defaultOpen", "children", "isLoading", "filterFunction"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var defaultFilterFunction = function defaultFilterFunction(option, search) {
   return (0, _toLower["default"])(option).includes((0, _toLower["default"])(search));
 };
@@ -58,7 +62,7 @@ var Select = function Select(props) {
       isLoading = props.isLoading,
       _props$filterFunction = props.filterFunction,
       filterFunction = _props$filterFunction === void 0 ? defaultFilterFunction : _props$filterFunction,
-      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(props, ["label", "status", "disabled", "className", "onFocus", "onBlur", "onChange", "onInputChange", "noOptionResult", "small", "disableTyping", "removeFloatingLabel", "removeDropIcon", "error", "renderError", "value", "defaultValue", "defaultOpen", "children", "isLoading", "filterFunction"]); // warn deprecated prop "status"
+      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded); // warn deprecated prop "status"
 
   React.useEffect(function warnDeprecatedProp() {
     if (status) {
@@ -268,17 +272,17 @@ var Select = function Select(props) {
       setShouldScrollToActiveOption(true);
     } // down arrow key
     else if (e.keyCode === 40 && activeOptionIndex < options.length - 1) {
-        setActiveOptionIndex(activeOptionIndex + 1);
-        setShouldScrollToActiveOption(true);
-      } // enter key
-      else if (e.keyCode === 13) {
-          inputElement.blur();
-          handleClickOnOption();
-        } // escape key
-        else if (e.keyCode === 27) {
-            inputElement.blur();
-            setIsFocus(false);
-          }
+      setActiveOptionIndex(activeOptionIndex + 1);
+      setShouldScrollToActiveOption(true);
+    } // enter key
+    else if (e.keyCode === 13) {
+      inputElement.blur();
+      handleClickOnOption();
+    } // escape key
+    else if (e.keyCode === 27) {
+      inputElement.blur();
+      setIsFocus(false);
+    }
   }, [disableTyping, options, activeOptionIndex, handleClickOnOption]);
   React.useEffect(function handleScrollToActiveElement() {
     if (shouldScrollToActiveOption) {

package/lib/Input/Select/Select.stories.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.CustomizeFilterFunction = exports.Sizes = exports.RemoveDropIcon = exports.RemoveFloatingLabel = exports.CustomizeNoOptionResultMessage = exports.DisableTyping = exports.DefaultValue = exports.Disabled = exports.Error = exports.LoadingOptions = exports.BasicUsage = exports.DefaultSelect = exports["default"] = void 0;
+exports["default"] = exports.Sizes = exports.RemoveFloatingLabel = exports.RemoveDropIcon = exports.LoadingOptions = exports.Error = exports.Disabled = exports.DisableTyping = exports.DefaultValue = exports.DefaultSelect = exports.CustomizeNoOptionResultMessage = exports.CustomizeFilterFunction = exports.BasicUsage = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 

package/lib/Input/Select/SelectItem.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { SelectItemWrapper } from './SelectStyle';
 declare const SelectItem: React.FunctionComponent<Props>;
-interface Props extends React.ComponentPropsWithoutRef<typeof SelectItemWrapper> {
+declare type Props = React.ComponentPropsWithoutRef<typeof SelectItemWrapper> & {
     children: React.ReactNode;
     onClick?(event: React.MouseEvent<HTMLLIElement, MouseEvent>): void;
     className?: string;
-}
+};
 export default SelectItem;

package/lib/Input/Select/SelectItem.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -15,11 +13,17 @@ var React = _interopRequireWildcard(require("react"));
 
 var _SelectStyle = require("./SelectStyle");
 
+var _excluded = ["children", "className", "onClick"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var SelectItem = function SelectItem(props) {
   var children = props.children,
       className = props.className,
       onClick = props.onClick,
-      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(props, ["children", "className", "onClick"]);
+      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_SelectStyle.SelectItemWrapper, (0, _extends2["default"])({
     className: className,
     onMouseDown: onClick

package/lib/Input/Select/SelectList.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -19,6 +17,12 @@ var _Loading = _interopRequireDefault(require("../../General/Loading"));
 
 var _SelectStyle = require("./SelectStyle");
 
+var _excluded = ["value", "children"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var SelectList = function SelectList(_ref) {
   var activeOptionIndex = _ref.activeOptionIndex,
       options = _ref.options,
@@ -39,7 +43,7 @@ var SelectList = function SelectList(_ref) {
     var _data$props = data.props,
         value = _data$props.value,
         children = _data$props.children,
-        restProps = (0, _objectWithoutPropertiesLoose2["default"])(_data$props, ["value", "children"]);
+        restProps = (0, _objectWithoutPropertiesLoose2["default"])(_data$props, _excluded);
     delete restProps.onOptionClick;
     return /*#__PURE__*/React.createElement(_SelectItem["default"], (0, _extends2["default"])({}, restProps, {
       className: activeOptionIndex === index ? 'active' : null,

package/lib/Input/Select/SelectStyle.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.SelectErrorDefault = exports.SelectItemWrapper = exports.SelectListWrapper = exports.SelectInput = exports.SelectLabel = exports.SelectWrapper = exports.SelectContainer = void 0;
+exports.SelectWrapper = exports.SelectListWrapper = exports.SelectLabel = exports.SelectItemWrapper = exports.SelectInput = exports.SelectErrorDefault = exports.SelectContainer = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -13,14 +13,14 @@ var _Shadow = require("../../Utils/Shadow");
 
 var SelectContainer = _styledComponents["default"].div.withConfig({
   displayName: "SelectStyle__SelectContainer",
-  componentId: "gv8n2w-0"
+  componentId: "sc-gv8n2w-0"
 })(["flex-grow:1;position:relative;font-weight:normal;"]);
 
 exports.SelectContainer = SelectContainer;
 
 var SelectWrapper = _styledComponents["default"].div.withConfig({
   displayName: "SelectStyle__SelectWrapper",
-  componentId: "gv8n2w-1"
+  componentId: "sc-gv8n2w-1"
 })(["display:flex;align-items:center;.select-icon{font-size:", ";position:absolute;right:15px;display:flex;align-items:center;cursor:pointer;svg{transform:", ";transition:", ";}}"], function (_ref) {
   var small = _ref.small;
   return small ? '12px' : '15px';
@@ -36,7 +36,7 @@ exports.SelectWrapper = SelectWrapper;
 
 var SelectLabel = _styledComponents["default"].label.withConfig({
   displayName: "SelectStyle__SelectLabel",
-  componentId: "gv8n2w-2"
+  componentId: "sc-gv8n2w-2"
 })(["position:absolute;left:", ";background:", ";color:", ";transition:all .2s;pointer-events:none;font-size:", ";", " ", " ", ""], function (_ref4) {
   var small = _ref4.small;
   return small ? '16px' : '22px';
@@ -72,7 +72,7 @@ exports.SelectLabel = SelectLabel;
 
 var SelectInput = _styledComponents["default"].input.withConfig({
   displayName: "SelectStyle__SelectInput",
-  componentId: "gv8n2w-3"
+  componentId: "sc-gv8n2w-3"
 })(["width:100%;outline:none;height:", ";padding:", ";border:", ";transition:all .5s;font-size:", ";line-height:1.5;&::placeholder{color:", ";}", " ", " &:disabled{cursor:not-allowed;background:", ";+ ", "{", " color:", ";}&:hover{border:2px solid ", ";}}&:hover{border:2px solid ", ";transition:all .5s;", " + ", "{", "}}&:focus{border:2px solid ", ";", " + ", "{padding:0 5px;top:1em;transform:", ";transition:all .2s;color:", ";font-size:12px;", "}}"], function (_ref10) {
   var small = _ref10.small;
   return small ? '46px' : '53px';
@@ -139,7 +139,7 @@ exports.SelectInput = SelectInput;
 
 var SelectListWrapper = _styledComponents["default"].ul.withConfig({
   displayName: "SelectStyle__SelectListWrapper",
-  componentId: "gv8n2w-4"
+  componentId: "sc-gv8n2w-4"
 })(["position:absolute;visibility:", ";opacity:", ";transform:", ";transform-origin:center top;transition:", ";background:", ";min-width:100%;height:auto;box-shadow:", ";z-index:9999;max-height:200px;overflow:auto;font-size:", ";padding:0;margin:0;"], function (_ref22) {
   var open = _ref22.open;
   return open ? 'visible' : 'hidden';
@@ -161,7 +161,7 @@ exports.SelectListWrapper = SelectListWrapper;
 
 var SelectItemWrapper = _styledComponents["default"].li.withConfig({
   displayName: "SelectStyle__SelectItemWrapper",
-  componentId: "gv8n2w-5"
+  componentId: "sc-gv8n2w-5"
 })(["display:flex;align-items:center;cursor:pointer;padding:0.5em 1em;list-style-type:none;&:first-child{margin-top:0.5em;}&:last-child{margin-bottom:0.5em;}&.active{color:", ";background:", ";}&.select-loading{justify-content:center;}", ""], _Colors.SecondaryColor.actionblue, _Colors.Greyscale.softgrey, function (_ref27) {
   var disabled = _ref27.disabled;
 
@@ -174,7 +174,7 @@ exports.SelectItemWrapper = SelectItemWrapper;
 
 var SelectErrorDefault = _styledComponents["default"].span.withConfig({
   displayName: "SelectStyle__SelectErrorDefault",
-  componentId: "gv8n2w-6"
+  componentId: "sc-gv8n2w-6"
 })(["color:", ";"], _Colors.PrimaryColor.glintsred);
 
 exports.SelectErrorDefault = SelectErrorDefault;