glints-aries 4.0.151 → 4.0.152

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;

package/lib/Input/TextField/TextField.d.ts

@@ -10,7 +10,7 @@ export declare const isFilled: (type: textFieldType, value: any) => boolean;
  * internal text field input. */
 export declare const TextField: React.FunctionComponent<Props>;
 export declare type textFieldType = 'text' | 'password' | 'number';
-export interface Props extends React.ComponentPropsWithoutRef<typeof TextFieldInput> {
+export declare type Props = React.ComponentPropsWithoutRef<typeof TextFieldInput> & {
     type: textFieldType;
     /** Placeholder for the text field. */
     label: string;
@@ -30,6 +30,66 @@ export interface Props extends React.ComponentPropsWithoutRef<typeof TextFieldIn
     startIcon?: React.ReactNode;
     /** Icon at the end of the input element. */
     endIcon?: React.ReactNode;
-}
-declare const _default: React.ForwardRefExoticComponent<Pick<Props, string | number> & React.RefAttributes<HTMLInputElement>>;
+};
+declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+} & {
+    as?: string | React.ComponentType<any>;
+    forwardedAs?: string | React.ComponentType<any>;
+}, string | number | symbol> & {
+    type: textFieldType;
+    /** Placeholder for the text field. */
+    label: string;
+    disabled?: boolean;
+    className?: string;
+    removeFloatingLabel?: boolean;
+    /** If true, removes the input content with clear icon. Works for type "text" only. */
+    allowClear?: boolean;
+    /** Minimum value of the "number" type input */
+    min?: number;
+    /** Maximum value of the "number" type input. */
+    max?: number;
+    /** Step value for the "number" type input */
+    step?: number;
+    forwardedRef?: React.RefObject<HTMLInputElement>;
+    /** Icon at the start of the input element. */
+    startIcon?: React.ReactNode;
+    /** Icon at the end of the input element. */
+    endIcon?: React.ReactNode;
+}, string | number | symbol> | Pick<Pick<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+} & {
+    children?: React.ReactNode;
+} & {
+    as?: string | React.ComponentType<any>;
+    forwardedAs?: string | React.ComponentType<any>;
+}, string | number | symbol> & {
+    type: textFieldType;
+    /** Placeholder for the text field. */
+    label: string;
+    disabled?: boolean;
+    className?: string;
+    removeFloatingLabel?: boolean;
+    /** If true, removes the input content with clear icon. Works for type "text" only. */
+    allowClear?: boolean;
+    /** Minimum value of the "number" type input */
+    min?: number;
+    /** Maximum value of the "number" type input. */
+    max?: number;
+    /** Step value for the "number" type input */
+    step?: number;
+    forwardedRef?: React.RefObject<HTMLInputElement>;
+    /** Icon at the start of the input element. */
+    startIcon?: React.ReactNode;
+    /** Icon at the end of the input element. */
+    endIcon?: React.ReactNode;
+}, string | number | symbol>) & React.RefAttributes<HTMLInputElement>>;
 export default _default;

package/lib/Input/TextField/TextField.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["default"] = exports.TextField = exports.isFilled = void 0;
+exports.isFilled = exports["default"] = exports.TextField = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -19,6 +17,12 @@ var _components = require("../../General/Icon/components");
 
 var _TextFieldStyle = require("./TextFieldStyle");
 
+var _excluded = ["value", "status", "onKeyDown", "disableTyping", "small", "type", "label", "disabled", "className", "removeFloatingLabel", "allowClear", "forwardedRef", "onChange", "startIcon", "endIcon"];
+
+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 isFilled = function isFilled(type, value) {
   if (value === undefined || value === null) return false;
   if (type === 'number') return !isNaN(parseInt(value));
@@ -54,7 +58,7 @@ var TextField = function TextField(_ref) {
       onChange = _ref.onChange,
       startIcon = _ref.startIcon,
       endIcon = _ref.endIcon,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["value", "status", "onKeyDown", "disableTyping", "small", "type", "label", "disabled", "className", "removeFloatingLabel", "allowClear", "forwardedRef", "onChange", "startIcon", "endIcon"]);
+      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
 
   var _React$useState = React.useState(false),
       floating = _React$useState[0],
@@ -93,7 +97,7 @@ var TextField = function TextField(_ref) {
   }, /*#__PURE__*/React.createElement(_TextFieldStyle.TextFieldInput, (0, _extends2["default"])({
     ref: forwardedRef,
     type: inputType,
-    placeholder: removeFloatingLabel && label,
+    placeholder: removeFloatingLabel ? label : undefined,
     status: status,
     disabled: disabled,
     onChange: onChange,

package/lib/Input/TextField/TextField.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.PasswordField = exports.TextFieldWithEndIcon = exports.TextFieldWithStartIcon = exports.Disabled = exports.TextFieldWithClearIcon = exports.Interactive = exports["default"] = void 0;
+exports["default"] = exports.TextFieldWithStartIcon = exports.TextFieldWithEndIcon = exports.TextFieldWithClearIcon = exports.PasswordField = exports.Interactive = exports.Disabled = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -17,6 +15,10 @@ var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
 
 var _SearchIcon = _interopRequireDefault(require("../../General/Icon/components/SearchIcon"));
 
+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/TextField',
   component: _TextField.TextField,

package/lib/Input/TextField/TextFieldStyle.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.TextFieldInput = exports.TextFieldLabel = exports.TextFieldContainer = exports.EndIconContainer = exports.StartIconContainer = exports.IconContainer = void 0;
+exports.TextFieldLabel = exports.TextFieldInput = exports.TextFieldContainer = exports.StartIconContainer = exports.IconContainer = exports.EndIconContainer = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 

package/lib/Input/Textarea/Textarea.js

@@ -17,6 +17,7 @@ var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
 
 var _TextareaStyle = require("./TextareaStyle");
 
+var _excluded = ["label", "value", "status", "disabled", "className", "onBlur", "onChange", "forwardedRef", "removeFloatingLabel", "small"];
 var MIN_ROWS = 4;
 var MAX_ROWS = 12; // Rows are required to set the textarea height depending on the content added.
 
@@ -44,7 +45,7 @@ var Textarea = function Textarea(_ref) {
       removeFloatingLabel = _ref$removeFloatingLa === void 0 ? false : _ref$removeFloatingLa,
       _ref$small = _ref.small,
       small = _ref$small === void 0 ? false : _ref$small,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["label", "value", "status", "disabled", "className", "onBlur", "onChange", "forwardedRef", "removeFloatingLabel", "small"]);
+      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
 
   var _React$useState = _react["default"].useState(false),
       floating = _React$useState[0],
@@ -95,7 +96,7 @@ var Textarea = function Textarea(_ref) {
     className: (0, _classnames["default"])('aries-textarea', className)
   }, /*#__PURE__*/_react["default"].createElement(_TextareaStyle.TextareaInput, (0, _extends2["default"])({
     ref: textareaInputRef,
-    placeholder: removeFloatingLabel && label,
+    placeholder: removeFloatingLabel ? label : undefined,
     rows: rows,
     status: status,
     disabled: disabled,

package/lib/Input/Textarea/Textarea.stories.js

@@ -1,9 +1,7 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
-exports.removeFloatingLabelIsTrue = exports.Interactive = exports["default"] = void 0;
+exports.removeFloatingLabelIsTrue = exports["default"] = exports.Interactive = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
@@ -11,6 +9,10 @@ var _Textarea = require("./Textarea");
 
 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/Textarea',
   component: _Textarea.Textarea,

package/lib/Input/Textarea/TextareaStyle.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.TextareaInput = exports.TextareaLabel = exports.TextareaContainer = void 0;
+exports.TextareaLabel = exports.TextareaInput = exports.TextareaContainer = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 

package/lib/Input/ToggleSwitch/Styles.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.Toggle = exports.ToggleBall = void 0;
+exports.ToggleBall = exports.Toggle = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -18,7 +18,7 @@ var DEFAULTS = {
 
 var Toggle = _styledComponents["default"].button.withConfig({
   displayName: "Styles__Toggle",
-  componentId: "bsue54-0"
+  componentId: "sc-bsue54-0"
 })(["cursor:pointer;display:flex;align-items:center;overflow:hidden;position:relative;transform:translate3d(0,0,0);background-color:", ";height:25px;width:56px;border-radius:14px;padding:0px;border:none;"], function (_ref) {
   var active = _ref.active;
   return active ? DEFAULTS.activeBackgroundColor : DEFAULTS.inactiveBackgroundColor;
@@ -28,7 +28,7 @@ exports.Toggle = Toggle;
 
 var ToggleBall = _styledComponents["default"].div.withConfig({
   displayName: "Styles__ToggleBall",
-  componentId: "bsue54-1"
+  componentId: "sc-bsue54-1"
 })(["display:flex;justify-content:center;align-items:center;border-radius:50%;transition:transform 0.3s cubic-bezier(1,0.19,0.15,0.7);transition-delay:0.1s;background-color:", ";height:19px;width:19px;margin:3px;transform:", ";&:active{background-color:", ";}"], DEFAULTS.inactiveBallColor, function (props) {
   return props.active ? "translateX(31px)" : 'translateX(0px)';
 }, DEFAULTS.activeBallColor);

package/lib/Input/ToggleSwitch/ToggleSwitch.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 _Colors = require("../../Utils/Colors");
 
 var _Styles = require("./Styles");
 
+var _excluded = ["active", "defaultActive", "iconOptions", "onChange", "className"];
+
+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 and ...defaultProps are passed to the main toggle container. */
 var ToggleSwitch = function ToggleSwitch(_ref) {
   var active = _ref.active,
@@ -27,7 +31,7 @@ var ToggleSwitch = function ToggleSwitch(_ref) {
       iconOptions = _ref.iconOptions,
       onChange = _ref.onChange,
       className = _ref.className,
-      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["active", "defaultActive", "iconOptions", "onChange", "className"]);
+      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
 
   var _React$useState = React.useState(active || defaultActive),
       innerActive = _React$useState[0],

package/lib/Input/ToggleSwitch/ToggleSwitch.stories.js

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

package/lib/Layout/Box/Box.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.ResponsiveSpacing = exports.Interactive = exports["default"] = void 0;
+exports["default"] = exports.ResponsiveSpacing = exports.Interactive = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -17,6 +15,10 @@ var S = _interopRequireWildcard(require("./BoxStoryStyle"));
 
 var _constants = require("./constants");
 
+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: 'Layout/Box',
   component: _index.Box,