@orfium/ictinus 4.32.2 → 4.34.0

package/dist/components/ExpandCollapse/ExpandCollapse.d.ts

@@ -1,51 +1,4 @@
-import { ReactComponentLike } from 'prop-types';
-import * as React from 'react';
-import { TestProps } from '../../utils/types';
-export declare type Props = {
-    /**
-     * A function accepting a click handler and a boolean representing the current expansion state. Returns the elements containing the text and the
-     * expand/collapse button
-     * */
-    textAndControl: (x: React.ReactEventHandler, y: boolean) => React.ReactElement;
-    /**
-     * The type of the component that wraps the action and content. Must be able to hold a
-     * `data-testid` prop
-     *
-     * @default div
-     */
-    component?: ReactComponentLike;
-    /**
-     * Initial expansion state.
-     *
-     * @default false
-     */
-    initiallyExpanded?: boolean;
-    /**
-     * Defining this prop means that the component is controlled
-     *
-     * @default false
-     */
-    expanded?: boolean;
-    /**
-     * Change handler for the case when the component is controlled
-     */
-    onChange?: React.ReactEventHandler;
-    /**
-     * The duration for the appear transition
-     *
-     * @default 200
-     */
-    transitionDuration?: number;
-    /**
-     * A function accepting a boolean representing the current expansion state. Returns the
-     * collapsible/expandable content. Mutually exclusive with children.
-     */
-    content?: (x: boolean) => React.ReactNode;
-    /**
-     * A function accepting a boolean representing the current expansion state. Returns the
-     * collapsible/expandable content. Mutually exclusive with content.
-     */
-    children?: (x: boolean) => React.ReactNode;
-} & TestProps;
-declare function ExpandCollapse(props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
+import { Props } from './ExpandCollapse.types';
+declare const ExpandCollapse: (props: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ExpandCollapse;
+export { Props };

package/dist/components/ExpandCollapse/ExpandCollapse.js

@@ -9,13 +9,21 @@ var _helpers = require("../../utils/helpers");
 
 var _ExpandCollapse = require("./ExpandCollapse.style");
 
+var _ExpandCollapse2 = require("./ExpandCollapse.types");
+
+exports.Props = _ExpandCollapse2.Props;
+
+var _useManageContentRef = require("./useManageContentRef");
+
+var _utils = require("./utils");
+
 var _react2 = require("@emotion/react");
 
 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 ExpandCollapse(props) {
+var ExpandCollapse = function ExpandCollapse(props) {
   var textAndControl = props.textAndControl,
       _props$component = props.component,
       component = _props$component === void 0 ? 'div' : _props$component,
@@ -28,84 +36,36 @@ function ExpandCollapse(props) {
       externallyControlledExpanded = props.expanded,
       onChange = props.onChange,
       dataTestId = props.dataTestId;
-
-  if (externallyControlledExpanded === undefined && onChange || onChange === undefined && typeof externallyControlledExpanded === 'boolean') {
-    throw new Error('If expanded is defined onChange must be defined too and vice versa');
-  }
+  (0, _helpers.errorHandler)(_utils.errors, props);
 
   var _React$useState = React.useState(initiallyExpanded),
       internallyControlledExpanded = _React$useState[0],
       setInternallyControlledExpanded = _React$useState[1];
 
-  var contentRef = React.useRef(null);
-  var Component = component;
-  var renderFunction = content != null ? content : children;
-
-  if (renderFunction === undefined) {
-    throw new Error('Either content or children must be defined');
-  }
+  var Component = component; //Case of renderFunction being undefined is handled in error cases.
 
+  var renderFunction = content != null ? content : children;
   var expanded = externallyControlledExpanded != null ? externallyControlledExpanded : internallyControlledExpanded;
+  var contentRef = (0, _useManageContentRef.useManageContentRef)(expanded, transitionDuration);
 
-  function handleStateChange(e) {
+  var handleStateChange = function handleStateChange(e) {
     if (typeof externallyControlledExpanded !== 'boolean') {
       setInternallyControlledExpanded(function (state) {
         return !state;
       });
-    } else {
-      if (!onChange) {
-        throw new Error('onChange function must be defined');
-      }
-
+    } else if (onChange) {
       onChange(e);
     }
-  }
-
-  function manageContentHeight() {
-    if (contentRef.current === null) {
-      throw new Error('Uninitialised element ref');
-    }
+  };
 
-    if (expanded) {
-      contentRef.current.style.height = "";
-    } else {
-      contentRef.current.style.height = "0";
-    }
-  }
-
-  function manageContentVisibility() {
-    if (contentRef.current === null) {
-      throw new Error('Uninitialised element ref');
-    }
-
-    var timeout;
-
-    if (expanded) {
-      contentRef.current.style.visibility = '';
-    } else {
-      timeout = window.setTimeout(function () {
-        if (contentRef.current === null) {
-          throw new Error('Uninitialised element ref');
-        }
-
-        contentRef.current.style.visibility = 'hidden';
-      }, transitionDuration);
-    }
-
-    return function () {
-      clearTimeout(timeout);
-    };
-  }
-
-  React.useLayoutEffect(manageContentHeight, [expanded]);
-  React.useLayoutEffect(manageContentVisibility, [expanded, transitionDuration]);
   return (0, _react2.jsx)(Component, {
     "data-testid": (0, _helpers.generateTestDataId)('expand-collapse', dataTestId)
   }, textAndControl(handleStateChange, expanded), (0, _react2.jsx)("div", {
     css: (0, _ExpandCollapse.contentStyles)(expanded, transitionDuration),
     ref: contentRef
   }, renderFunction(expanded)));
-}
+};
+
+var _default = ExpandCollapse; //TODO: Remove on v5 and change import where necessary
 
-var _default = ExpandCollapse;
 exports["default"] = _default;

package/dist/components/ExpandCollapse/ExpandCollapse.types.d.ts

@@ -0,0 +1,64 @@
+import { ReactComponentLike } from 'prop-types';
+import * as React from 'react';
+import { TestProps } from '../../utils/types';
+export declare type SharedProps = {
+    /**
+     * A function accepting a click handler and a boolean representing the current expansion state. Returns the elements containing the text and the
+     * expand/collapse button
+     * */
+    textAndControl: (x: React.ReactEventHandler, y: boolean) => React.ReactElement;
+    /**
+     * The type of the component that wraps the action and content. Must be able to hold a
+     * `data-testid` prop
+     *
+     * @default div
+     */
+    component?: ReactComponentLike;
+    /**
+     * Initial expansion state.
+     *
+     * @default false
+     */
+    initiallyExpanded?: boolean;
+    /**
+     * The duration for the appear transition
+     *
+     * @default 200
+     */
+    transitionDuration?: number;
+    /**
+     * A function accepting a boolean representing the current expansion state. Returns the
+     * collapsible/expandable content. Mutually exclusive with children.
+     */
+    content?: (x: boolean) => React.ReactNode;
+    /**
+     * A function accepting a boolean representing the current expansion state. Returns the
+     * collapsible/expandable content. Mutually exclusive with content.
+     */
+    children?: (x: boolean) => React.ReactNode;
+} & TestProps;
+export declare type ExternalProps = {
+    /**
+     * Defining this prop means that the component is controlled
+     *
+     * @default false
+     */
+    expanded: boolean;
+    /**
+     * Change handler for the case when the component is controlled
+     */
+    onChange: React.ReactEventHandler;
+};
+export declare type InternalProps = {
+    /**
+     * Defining this prop means that the component is controlled
+     *
+     * @default false
+     */
+    expanded: undefined;
+    /**
+     * Change handler for the case when the component is controlled
+     */
+    onChange: undefined;
+};
+export declare type Props = SharedProps & (InternalProps | ExternalProps);

package/dist/components/ExpandCollapse/ExpandCollapse.types.js

@@ -0,0 +1,3 @@
+"use strict";
+
+exports.__esModule = true;

package/dist/components/ExpandCollapse/useManageContentRef.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const useManageContentRef: (expanded: boolean, transitionDuration: number) => React.RefObject<HTMLDivElement>;

package/dist/components/ExpandCollapse/useManageContentRef.js

@@ -0,0 +1,56 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useManageContentRef = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+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 useManageContentRef = function useManageContentRef(expanded, transitionDuration) {
+  var contentRef = React.useRef(null);
+
+  var manageContentHeight = function manageContentHeight() {
+    if (contentRef.current === null) {
+      throw new Error('Uninitialised element ref');
+    }
+
+    if (expanded) {
+      contentRef.current.style.height = "";
+    } else {
+      contentRef.current.style.height = "0";
+    }
+  };
+
+  var manageContentVisibility = function manageContentVisibility() {
+    if (contentRef.current === null) {
+      throw new Error('Uninitialised element ref');
+    }
+
+    var timeout;
+
+    if (expanded) {
+      contentRef.current.style.visibility = '';
+    } else {
+      timeout = window.setTimeout(function () {
+        if (contentRef.current === null) {
+          throw new Error('Uninitialised element ref');
+        }
+
+        contentRef.current.style.visibility = 'hidden';
+      }, transitionDuration);
+    }
+
+    return function () {
+      clearTimeout(timeout);
+    };
+  };
+
+  React.useLayoutEffect(manageContentHeight, [expanded]);
+  React.useLayoutEffect(manageContentVisibility, [expanded, transitionDuration]);
+  return contentRef;
+};
+
+exports.useManageContentRef = useManageContentRef;

package/dist/components/ExpandCollapse/utils.d.ts

@@ -0,0 +1,6 @@
+import { PropsValidationError } from '../../utils/errors';
+import { Props } from './ExpandCollapse.types';
+export declare const errors: {
+    condition: ({ expanded, onChange }: Props) => boolean;
+    error: PropsValidationError;
+}[];

package/dist/components/ExpandCollapse/utils.js

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports.errors = void 0;
+
+var _errors = require("../../utils/errors");
+
+var errors = [{
+  condition: function condition(_ref) {
+    var expanded = _ref.expanded,
+        onChange = _ref.onChange;
+    return Boolean(expanded === undefined && onChange || onChange === undefined && typeof expanded === 'boolean');
+  },
+  error: new _errors.PropsValidationError('If expanded is defined onChange must be defined too and vice versa')
+}, {
+  condition: function condition(_ref2) {
+    var content = _ref2.content,
+        children = _ref2.children;
+    return Boolean(content === undefined && children === undefined);
+  },
+  error: new _errors.PropsValidationError('Either content or children must be defined')
+}];
+exports.errors = errors;

package/dist/components/Filter/Filter.js

@@ -19,6 +19,8 @@ var _SearchInput = _interopRequireDefault(require("./components/SearchInput/Sear
 
 var _Filter = require("./Filter.style");
 
+var _utils = require("./utils");
+
 var _handleSearch = _interopRequireDefault(require("../utils/handleSearch"));
 
 var _react2 = require("@emotion/react");
@@ -57,6 +59,7 @@ var Filter = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
       isVirtualized = _props$isVirtualized === void 0 ? false : _props$isVirtualized,
       _props$onClear = props.onClear,
       onClear = _props$onClear === void 0 ? function () {} : _props$onClear;
+  (0, _helpers.errorHandler)(_utils.errors, props);
 
   var _React$useState = _react["default"].useState(false),
       isOpen = _React$useState[0],
@@ -105,15 +108,6 @@ var Filter = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   var debouncedOnChange = _react["default"].useCallback((0, _lodash.debounce)(function (value) {
     onAsyncSearch == null ? void 0 : onAsyncSearch(value);
   }, 400), []);
-  /**
-   * for 'added' type design team decided that is not needed therefore in order not having to maintain
-   * one more special case we dont render it
-   **/
-
-
-  if (filterType === 'added' && styleType === 'transparent') {
-    throw new Error('This filterType and styleType is not supported');
-  }
 
   return (0, _react2.jsx)(_ClickAwayListener["default"], {
     onClick: function onClick() {

package/dist/components/Filter/utils.d.ts

@@ -1,4 +1,5 @@
-import { BackgroundColorProps, BaseColorProps, BorderProps } from './types';
+import { BackgroundColorProps, BaseColorProps, BorderProps, Props } from './types';
+import { PropsValidationError } from '../../utils/errors';
 export declare const FILTER_OPTIONS_MAX_HEIGHT = 253;
 export declare const HAS_SELECTED_VALUE_COLOR_SHADE = 50;
 export declare const borderStyleParams: string;
@@ -7,3 +8,11 @@ export declare const transparentFocusBorderWidth = 0;
 export declare const getBackgroundColor: ({ open, theme, hasSelectedValue, calculatedColor, styleType, }: BackgroundColorProps) => string;
 export declare const getTextColor: ({ open, theme, hasSelectedValue, calculatedColor, }: BaseColorProps) => string;
 export declare const getBorder: ({ styleType, theme, hasSelectedValue, calculatedColor, open, isDivider, state, }: BorderProps) => string;
+export declare const errors: {
+    /**
+     * for 'added' type design team decided that is not needed therefore in order not having to maintain
+     * one more special case we dont render it
+     **/
+    condition: ({ filterType, styleType }: Props) => boolean;
+    error: PropsValidationError;
+}[];

package/dist/components/Filter/utils.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.getBorder = exports.getTextColor = exports.getBackgroundColor = exports.transparentFocusBorderWidth = exports.focusBorderWidth = exports.borderStyleParams = exports.HAS_SELECTED_VALUE_COLOR_SHADE = exports.FILTER_OPTIONS_MAX_HEIGHT = void 0;
+exports.errors = exports.getBorder = exports.getTextColor = exports.getBackgroundColor = exports.transparentFocusBorderWidth = exports.focusBorderWidth = exports.borderStyleParams = exports.HAS_SELECTED_VALUE_COLOR_SHADE = exports.FILTER_OPTIONS_MAX_HEIGHT = void 0;
 
 var _utils = require("../../theme/utils");
 
@@ -9,6 +9,8 @@ var _palette = require("../../theme/palette");
 
 var _utils2 = require("../Button/utils");
 
+var _errors = require("../../utils/errors");
+
 var FILTER_OPTIONS_MAX_HEIGHT = 253;
 exports.FILTER_OPTIONS_MAX_HEIGHT = FILTER_OPTIONS_MAX_HEIGHT;
 var HAS_SELECTED_VALUE_COLOR_SHADE = 50;
@@ -98,4 +100,17 @@ var getBorder = function getBorder(_ref3) {
   return "transparent";
 };
 
-exports.getBorder = getBorder;
+exports.getBorder = getBorder;
+var errors = [{
+  /**
+   * for 'added' type design team decided that is not needed therefore in order not having to maintain
+   * one more special case we dont render it
+   **/
+  condition: function condition(_ref4) {
+    var filterType = _ref4.filterType,
+        styleType = _ref4.styleType;
+    return Boolean(filterType === 'added' && styleType === 'transparent');
+  },
+  error: new _errors.PropsValidationError('This filterType and styleType is not supported')
+}];
+exports.errors = errors;

package/dist/components/Select/Select.style.js

@@ -16,7 +16,7 @@ var selectWrapper = function selectWrapper(_ref) {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("position:relative;min-width:", (0, _utils.rem)(150), ";max-width:", (0, _utils.rem)(620), ";*{cursor:", !isSearchable && 'pointer', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:selectWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUWlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB0cmFuc2l0aW9uIH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IHNlbGVjdFdyYXBwZXIgPSAoe1xuICBpc1NlYXJjaGFibGUsXG59OiB7XG4gIGlzU2VhcmNoYWJsZTogYm9vbGVhbjtcbn0pID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4td2lkdGg6ICR7cmVtKDE1MCl9O1xuICBtYXgtd2lkdGg6ICR7cmVtKDYyMCl9O1xuXG4gICoge1xuICAgIGN1cnNvcjogJHshaXNTZWFyY2hhYmxlICYmICdwb2ludGVyJ307XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCByaWdodEljb25Db250YWluZXIgPSAoXG4gIG9wZW46IGJvb2xlYW4sXG4gIGlzU2VhcmNoYWJsZTogYm9vbGVhblxuKSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNmb3JtOiByb3RhdGUoJHtvcGVuICYmICFpc1NlYXJjaGFibGUgPyAnMTgwJyA6ICcwJ31kZWcpO1xuICAke3RyYW5zaXRpb24oMC4yKX1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:selectWrapper;")
+      (0, _react.css)("position:relative;min-width:", (0, _utils.rem)(150), ";*{cursor:", !isSearchable && 'pointer', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:selectWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUWlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB0cmFuc2l0aW9uIH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IHNlbGVjdFdyYXBwZXIgPSAoe1xuICBpc1NlYXJjaGFibGUsXG59OiB7XG4gIGlzU2VhcmNoYWJsZTogYm9vbGVhbjtcbn0pID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4td2lkdGg6ICR7cmVtKDE1MCl9O1xuXG4gICoge1xuICAgIGN1cnNvcjogJHshaXNTZWFyY2hhYmxlICYmICdwb2ludGVyJ307XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCByaWdodEljb25Db250YWluZXIgPSAoXG4gIG9wZW46IGJvb2xlYW4sXG4gIGlzU2VhcmNoYWJsZTogYm9vbGVhblxuKSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNmb3JtOiByb3RhdGUoJHtvcGVuICYmICFpc1NlYXJjaGFibGUgPyAnMTgwJyA6ICcwJ31kZWcpO1xuICAke3RyYW5zaXRpb24oMC4yKX1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:selectWrapper;")
     );
   };
 };
@@ -29,7 +29,7 @@ var rightIconContainer = function rightIconContainer(open, isSearchable) {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("display:flex;cursor:pointer;transform:rotate(", open && !isSearchable ? '180' : '0', "deg);", (0, _functions.transition)(0.2), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rightIconContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJnQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHJhbnNpdGlvbiB9IGZyb20gJ3RoZW1lL2Z1bmN0aW9ucyc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBzZWxlY3RXcmFwcGVyID0gKHtcbiAgaXNTZWFyY2hhYmxlLFxufToge1xuICBpc1NlYXJjaGFibGU6IGJvb2xlYW47XG59KSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWluLXdpZHRoOiAke3JlbSgxNTApfTtcbiAgbWF4LXdpZHRoOiAke3JlbSg2MjApfTtcblxuICAqIHtcbiAgICBjdXJzb3I6ICR7IWlzU2VhcmNoYWJsZSAmJiAncG9pbnRlcid9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uQ29udGFpbmVyID0gKFxuICBvcGVuOiBib29sZWFuLFxuICBpc1NlYXJjaGFibGU6IGJvb2xlYW5cbikgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zZm9ybTogcm90YXRlKCR7b3BlbiAmJiAhaXNTZWFyY2hhYmxlID8gJzE4MCcgOiAnMCd9ZGVnKTtcbiAgJHt0cmFuc2l0aW9uKDAuMil9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:rightIconContainer;")
+      (0, _react.css)("display:flex;cursor:pointer;transform:rotate(", open && !isSearchable ? '180' : '0', "deg);", (0, _functions.transition)(0.2), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rightIconContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JnQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHJhbnNpdGlvbiB9IGZyb20gJ3RoZW1lL2Z1bmN0aW9ucyc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBzZWxlY3RXcmFwcGVyID0gKHtcbiAgaXNTZWFyY2hhYmxlLFxufToge1xuICBpc1NlYXJjaGFibGU6IGJvb2xlYW47XG59KSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWluLXdpZHRoOiAke3JlbSgxNTApfTtcblxuICAqIHtcbiAgICBjdXJzb3I6ICR7IWlzU2VhcmNoYWJsZSAmJiAncG9pbnRlcid9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uQ29udGFpbmVyID0gKFxuICBvcGVuOiBib29sZWFuLFxuICBpc1NlYXJjaGFibGU6IGJvb2xlYW5cbikgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zZm9ybTogcm90YXRlKCR7b3BlbiAmJiAhaXNTZWFyY2hhYmxlID8gJzE4MCcgOiAnMCd9ZGVnKTtcbiAgJHt0cmFuc2l0aW9uKDAuMil9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:rightIconContainer;")
     );
   };
 };

package/dist/components/TextArea/TextArea.js

@@ -33,7 +33,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "1v8u42f-TextArea",
   styles: "width:100% ;label:TextArea;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRBcmVhL1RleHRBcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRGEiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IG9taXQgZnJvbSAnbG9kYXNoL29taXQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBmb3JtRmllbGRTdHlsZXMgfSBmcm9tICcuLi8uLi90aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IFRlc3RQcm9wcyB9IGZyb20gJy4uLy4uL3V0aWxzL3R5cGVzJztcbmltcG9ydCBUZXh0SW5wdXRCYXNlIGZyb20gJy4uL1RleHRJbnB1dEJhc2UvVGV4dElucHV0QmFzZSc7XG5pbXBvcnQgeyBpbnB1dFN0eWxlIH0gZnJvbSAnLi9UZXh0QXJlYS5zdHlsZSc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0ge1xuICAvKiogVGhlIGlkIG9mIHRoZSB0ZXh0IGZpZWxkIHRoYXQgd2lsbCBiZSB1c2VkIGFzIGZvciBpbiBsYWJlbCB0b28gKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8qKiBUaGUgcGxhY2Vob2xkZXIgb2YgdGhlIGlucHV0IHRoYXQgd2lsbCBiZSB1c2VkLiBUaGlzIGlzIHNob3duIGlmIG5vIGxhYmVsIGV4aXN0cyAqL1xuICBwbGFjZWhvbGRlcj86IHN0cmluZztcbiAgLyoqIElmIHRoZSB0ZXh0IGZpZWxkIHZhbHVlIGlzIHJlcXVpcmVkICovXG4gIHJlcXVpcmVkPzogYm9vbGVhbjtcbiAgLyoqIElmIHRoZSB0ZXh0IGZpZWxkIGlzIGRpc2FibGVkICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqIElmIHRoZSB0ZXh0IGFyZWEgY2FuIGJlIHJlc2l6ZWQgKi9cbiAgcmVzaXplRW5hYmxlZD86IGJvb2xlYW47XG4gIC8qKiBTdHlsZSBvZiBpbnB1dCBmaWVsZCAqL1xuICBzdHlsZVR5cGU/OiBmb3JtRmllbGRTdHlsZXM7XG4gIC8qKiBFcnJvciBtZXNzYWdlICovXG4gIGhpbnRNc2c/OiBSZWFjdC5SZWFjdE5vZGUgfCBzdHJpbmc7XG4gIC8qKiBUaGUgc3RhdHVzIG9mIHRoZSBidXR0b24gcmVnYXJkaW5nIHRoZSBzdGF0dXMgd2hpY2ggaXMgaW4gLSBkZWZhdWx0IG5vcm1hbCAqL1xuICBzdGF0dXM/OiAnc3VjY2VzcycgfCAnbm9ybWFsJyB8ICdoaW50JyB8ICdlcnJvcic7XG4gIC8qKiBDYWxsYmFjayBmaXJlZCB3aGVuIHRoZSBgaW5wdXRgIGlzIGJsdXJyZWQuICovXG4gIG9uQmx1cj86IFJlYWN0LkZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PjtcbiAgLyoqIENhbGxiYWNrIGZpcmVkIHdoZW4gdGhlIGBpbnB1dGAgaXMgY2hhbmdlZC4gKi9cbiAgb25DaGFuZ2U/OiBSZWFjdC5DaGFuZ2VFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudCB8IEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBpcyBmb2N1c2VkLiAqL1xuICBvbkZvY3VzPzogUmVhY3QuRm9jdXNFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudCB8IEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBoYXMgYSBrZXkgZG93biBldmVudC4gKi9cbiAgb25LZXlEb3duPzogUmVhY3QuS2V5Ym9hcmRFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudCB8IEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCB2YWx1ZSB0eXBlZCBpcyBjaGFuZ2VkICovXG4gIG9uSW5wdXQ/OiBSZWFjdC5FdmVudEhhbmRsZXI8YW55Pjtcbn07XG5cbmNvbnN0IFRleHRBcmVhID0gUmVhY3QuZm9yd2FyZFJlZjxIVE1MVGV4dEFyZWFFbGVtZW50LCBQcm9wcyAmIFRlc3RQcm9wcz4oKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGlkID0gdW5kZWZpbmVkLFxuICAgIHBsYWNlaG9sZGVyID0gJycsXG4gICAgcmVxdWlyZWQgPSBmYWxzZSxcbiAgICBkaXNhYmxlZCxcbiAgICByZXNpemVFbmFibGVkID0gdHJ1ZSxcbiAgICAuLi5yZXN0XG4gIH0gPSBwcm9wcztcblxuICByZXR1cm4gKFxuICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgIDxUZXh0SW5wdXRCYXNlIGlzVGV4dEFyZWEgey4uLnByb3BzfT5cbiAgICAgICAgPGRpdiBjc3M9e3sgd2lkdGg6ICcxMDAlICcgfX0+XG4gICAgICAgICAgPHRleHRhcmVhXG4gICAgICAgICAgICBjc3M9e2lucHV0U3R5bGUoeyBwbGFjZWhvbGRlciwgcmVzaXplRW5hYmxlZDogIWRpc2FibGVkICYmIHJlc2l6ZUVuYWJsZWQgfSl9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICB7Li4ub21pdChyZXN0LCBbJ3N0eWxlVHlwZScsICdoaW50TXNnJ10pfVxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1RleHRJbnB1dEJhc2U+XG4gICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgKTtcbn0pO1xuXG5UZXh0QXJlYS5kaXNwbGF5TmFtZSA9ICdUZXh0QXJlYSc7XG5cbmV4cG9ydCBkZWZhdWx0IFRleHRBcmVhO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRBcmVhL1RleHRBcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRGEiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IG9taXQgZnJvbSAnbG9kYXNoL29taXQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBmb3JtRmllbGRTdHlsZXMgfSBmcm9tICcuLi8uLi90aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IFRlc3RQcm9wcyB9IGZyb20gJy4uLy4uL3V0aWxzL3R5cGVzJztcbmltcG9ydCBUZXh0SW5wdXRCYXNlIGZyb20gJy4uL1RleHRJbnB1dEJhc2UvVGV4dElucHV0QmFzZSc7XG5pbXBvcnQgeyBpbnB1dFN0eWxlIH0gZnJvbSAnLi9UZXh0QXJlYS5zdHlsZSc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0ge1xuICAvKiogVGhlIGlkIG9mIHRoZSB0ZXh0IGZpZWxkIHRoYXQgd2lsbCBiZSB1c2VkIGFzIGZvciBpbiBsYWJlbCB0b28gKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8qKiBUaGUgcGxhY2Vob2xkZXIgb2YgdGhlIGlucHV0IHRoYXQgd2lsbCBiZSB1c2VkLiBUaGlzIGlzIHNob3duIGlmIG5vIGxhYmVsIGV4aXN0cyAqL1xuICBwbGFjZWhvbGRlcj86IHN0cmluZztcbiAgLyoqIElmIHRoZSB0ZXh0IGZpZWxkIHZhbHVlIGlzIHJlcXVpcmVkICovXG4gIHJlcXVpcmVkPzogYm9vbGVhbjtcbiAgLyoqIElmIHRoZSB0ZXh0IGZpZWxkIGlzIGRpc2FibGVkICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqIElmIHRoZSB0ZXh0IGFyZWEgY2FuIGJlIHJlc2l6ZWQgKi9cbiAgcmVzaXplRW5hYmxlZD86IGJvb2xlYW47XG4gIC8qKiBTdHlsZSBvZiBpbnB1dCBmaWVsZCAqL1xuICBzdHlsZVR5cGU/OiBmb3JtRmllbGRTdHlsZXM7XG4gIC8qKiBFcnJvciBtZXNzYWdlICovXG4gIGhpbnRNc2c/OiBSZWFjdC5SZWFjdE5vZGUgfCBzdHJpbmc7XG4gIC8qKiBUaGUgc3RhdHVzIG9mIHRoZSBidXR0b24gcmVnYXJkaW5nIHRoZSBzdGF0dXMgd2hpY2ggaXMgaW4gLSBkZWZhdWx0IG5vcm1hbCAqL1xuICBzdGF0dXM/OiAnc3VjY2VzcycgfCAnbm9ybWFsJyB8ICdoaW50JyB8ICdlcnJvcic7XG4gIC8qKiBDYWxsYmFjayBmaXJlZCB3aGVuIHRoZSBgaW5wdXRgIGlzIGJsdXJyZWQuICovXG4gIG9uQmx1cj86IFJlYWN0LkZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PjtcbiAgLyoqIENhbGxiYWNrIGZpcmVkIHdoZW4gdGhlIGBpbnB1dGAgaXMgY2hhbmdlZC4gKi9cbiAgb25DaGFuZ2U/OiBSZWFjdC5DaGFuZ2VFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudCB8IEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBpcyBmb2N1c2VkLiAqL1xuICBvbkZvY3VzPzogUmVhY3QuRm9jdXNFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudCB8IEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBoYXMgYSBrZXkgZG93biBldmVudC4gKi9cbiAgb25LZXlEb3duPzogUmVhY3QuS2V5Ym9hcmRFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudCB8IEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCB2YWx1ZSB0eXBlZCBpcyBjaGFuZ2VkICovXG4gIG9uSW5wdXQ/OiBSZWFjdC5FdmVudEhhbmRsZXI8YW55Pjtcbn07XG5cbmNvbnN0IFRleHRBcmVhID0gUmVhY3QuZm9yd2FyZFJlZjxIVE1MVGV4dEFyZWFFbGVtZW50LCBQcm9wcyAmIFRlc3RQcm9wcz4oKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGlkID0gdW5kZWZpbmVkLFxuICAgIHBsYWNlaG9sZGVyID0gJycsXG4gICAgcmVxdWlyZWQgPSBmYWxzZSxcbiAgICBkaXNhYmxlZCxcbiAgICByZXNpemVFbmFibGVkID0gdHJ1ZSxcbiAgICAuLi5yZXN0XG4gIH0gPSBwcm9wcztcblxuICByZXR1cm4gKFxuICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgIDxUZXh0SW5wdXRCYXNlIGlzVGV4dEFyZWEgey4uLnByb3BzfT5cbiAgICAgICAgPGRpdiBjc3M9e3sgd2lkdGg6ICcxMDAlICcgfX0+XG4gICAgICAgICAgPHRleHRhcmVhXG4gICAgICAgICAgICBjc3M9e2lucHV0U3R5bGUoe1xuICAgICAgICAgICAgICBwbGFjZWhvbGRlcixcbiAgICAgICAgICAgICAgcmVzaXplRW5hYmxlZDogIWRpc2FibGVkICYmIHJlc2l6ZUVuYWJsZWQsXG4gICAgICAgICAgICAgIGlzVGV4dEFyZWE6IHRydWUsXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICAgIHJlcXVpcmVkPXtyZXF1aXJlZH1cbiAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIHsuLi5vbWl0KHJlc3QsIFsnc3R5bGVUeXBlJywgJ2hpbnRNc2cnXSl9XG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvVGV4dElucHV0QmFzZT5cbiAgICA8L1JlYWN0LkZyYWdtZW50PlxuICApO1xufSk7XG5cblRleHRBcmVhLmRpc3BsYXlOYW1lID0gJ1RleHRBcmVhJztcblxuZXhwb3J0IGRlZmF1bHQgVGV4dEFyZWE7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -56,7 +56,8 @@ var TextArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, (0, _react2.jsx)("textarea", _extends({
     css: (0, _TextArea.inputStyle)({
       placeholder: placeholder,
-      resizeEnabled: !disabled && resizeEnabled
+      resizeEnabled: !disabled && resizeEnabled,
+      isTextArea: true
     }),
     placeholder: placeholder,
     required: required,

package/dist/components/TextArea/TextArea.style.js

@@ -22,7 +22,7 @@ var inputStyle = function inputStyle(_ref) {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("resize:", !resizeEnabled ? 'none' : 'both', ";", (0, _TextInputBase.inputStyle)(_extends({}, rest))(theme), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:inputStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRBcmVhL1RleHRBcmVhLnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVMwQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0QXJlYS9UZXh0QXJlYS5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi90aGVtZSc7XG5pbXBvcnQgeyBQcm9wcyB9IGZyb20gJy4vVGV4dEFyZWEnO1xuaW1wb3J0IHsgUHJvcHMgYXMgVGV4dElucHV0V3JhcHBlclByb3BzIH0gZnJvbSAnY29tcG9uZW50cy9UZXh0SW5wdXRCYXNlJztcbmltcG9ydCB7IGlucHV0U3R5bGUgYXMgYmFzZUlucHV0U3R5bGUgfSBmcm9tICdjb21wb25lbnRzL1RleHRJbnB1dEJhc2UvVGV4dElucHV0QmFzZS5zdHlsZSc7XG5cbmV4cG9ydCBjb25zdCBpbnB1dFN0eWxlID0gKHsgcmVzaXplRW5hYmxlZCwgLi4ucmVzdCB9OiBQcm9wcyAmIFRleHRJbnB1dFdyYXBwZXJQcm9wcykgPT4gKFxuICB0aGVtZTogVGhlbWVcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICByZXNpemU6ICR7IXJlc2l6ZUVuYWJsZWQgPyAnbm9uZScgOiAnYm90aCd9O1xuICAke2Jhc2VJbnB1dFN0eWxlKHsgLi4ucmVzdCB9KSh0aGVtZSl9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:inputStyle;")
+      (0, _react.css)("resize:", !resizeEnabled ? 'none' : 'both', ";", (0, _TextInputBase.inputStyle)(_extends({}, rest))(theme), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:inputStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRBcmVhL1RleHRBcmVhLnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVMwQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0QXJlYS9UZXh0QXJlYS5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi90aGVtZSc7XG5pbXBvcnQgeyBQcm9wcyB9IGZyb20gJy4vVGV4dEFyZWEnO1xuaW1wb3J0IHsgUHJvcHMgYXMgVGV4dElucHV0V3JhcHBlclByb3BzIH0gZnJvbSAnY29tcG9uZW50cy9UZXh0SW5wdXRCYXNlJztcbmltcG9ydCB7IGlucHV0U3R5bGUgYXMgYmFzZUlucHV0U3R5bGUgfSBmcm9tICdjb21wb25lbnRzL1RleHRJbnB1dEJhc2UvVGV4dElucHV0QmFzZS5zdHlsZSc7XG5cbmV4cG9ydCBjb25zdCBpbnB1dFN0eWxlID0gKHsgcmVzaXplRW5hYmxlZCwgLi4ucmVzdCB9OiBQcm9wcyAmIFRleHRJbnB1dFdyYXBwZXJQcm9wcykgPT4gKFxuICB0aGVtZTogVGhlbWVcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICByZXNpemU6ICR7IXJlc2l6ZUVuYWJsZWQgPyAnbm9uZScgOiAnYm90aCd9O1xuICAke2Jhc2VJbnB1dFN0eWxlKHsgLi4ucmVzdCB9KSh0aGVtZSl9O1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:inputStyle;")
     );
   };
 };

package/dist/components/TextInputBase/TextInputBase.style.d.ts

@@ -7,5 +7,5 @@ import { Props } from './TextInputBase';
  * */
 export declare const wrapperStyle: ({ disabled, locked, status, lean, dark, isSearch, isTextArea, size, }: Props) => (theme: Theme) => SerializedStyles;
 export declare const textFieldStyle: ({ lean, isTextArea }: Props) => (theme: Theme) => SerializedStyles;
-export declare const inputStyle: ({ label, placeholder, size, dark }: Props) => (theme: Theme) => SerializedStyles;
+export declare const inputStyle: ({ label, placeholder, size, dark, isTextArea, }: Props) => (theme: Theme) => SerializedStyles;
 export declare const errorMsgStyle: ({ status }: Props) => (theme: Theme) => SerializedStyles;