@luminati-io/uikit 3.2.10 → 3.2.11

package/dist/umd/uikit.development.js

@@ -1,13 +1,13 @@
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("prop-types"), require("react"), require("styled-components"), require("react-dom"), require("react-virtualized"), require("react-table"));
+		module.exports = factory(require("prop-types"), require("react"), require("styled-components"), require("react-virtualized"), require("react-dom"), require("react-table"));
 	else if(typeof define === 'function' && define.amd)
-		define(["prop-types", "react", "styled-components", "react-dom", "react-virtualized", "react-table"], factory);
+		define(["prop-types", "react", "styled-components", "react-virtualized", "react-dom", "react-table"], factory);
 	else if(typeof exports === 'object')
-		exports["uikit"] = factory(require("prop-types"), require("react"), require("styled-components"), require("react-dom"), require("react-virtualized"), require("react-table"));
+		exports["uikit"] = factory(require("prop-types"), require("react"), require("styled-components"), require("react-virtualized"), require("react-dom"), require("react-table"));
 	else
-		root["uikit"] = factory(root["prop-types"], root["react"], root["styled-components"], root["react-dom"], root["react-virtualized"], root["react-table"]);
-})(this, (__WEBPACK_EXTERNAL_MODULE_prop_types__, __WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_styled_components__, __WEBPACK_EXTERNAL_MODULE_react_dom__, __WEBPACK_EXTERNAL_MODULE_react_virtualized__, __WEBPACK_EXTERNAL_MODULE_react_table__) => {
+		root["uikit"] = factory(root["prop-types"], root["react"], root["styled-components"], root["react-virtualized"], root["react-dom"], root["react-table"]);
+})(this, (__WEBPACK_EXTERNAL_MODULE_prop_types__, __WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_styled_components__, __WEBPACK_EXTERNAL_MODULE_react_virtualized__, __WEBPACK_EXTERNAL_MODULE_react_dom__, __WEBPACK_EXTERNAL_MODULE_react_table__) => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
@@ -33134,7 +33134,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _visx_curve__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @visx/curve */ "./node_modules/d3-shape/src/curve/cardinal.js");
-/* harmony import */ var _util_flex_renderer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util/flex_renderer */ "./src/util/flex_renderer.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
 /* harmony import */ var _chart_container__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./chart_container */ "./src/chart/chart_container.js");
 /* harmony import */ var _get_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./get_components */ "./src/chart/get_components.js");
 /* harmony import */ var _glyph__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./glyph */ "./src/chart/glyph.js");
@@ -33270,7 +33270,7 @@ var AreaChart = function AreaChart(props) {
     unstyled: true,
     applyPositionStyle: true,
     renderTooltip: function renderTooltip(params) {
-      return (0,_util_flex_renderer__WEBPACK_IMPORTED_MODULE_2__.flexRender)(tooltipContent, _objectSpread({
+      return (0,_util__WEBPACK_IMPORTED_MODULE_2__.flexRender)(tooltipContent, _objectSpread({
         Glyph: _glyph__WEBPACK_IMPORTED_MODULE_5__.Glyph,
         data: data,
         formatTick: xAxis.formatTick,
@@ -33359,7 +33359,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _util_flex_renderer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util/flex_renderer */ "./src/util/flex_renderer.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
 /* harmony import */ var _bar_annotation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./bar_annotation */ "./src/chart/bar_annotation.js");
 /* harmony import */ var _chart_container__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./chart_container */ "./src/chart/chart_container.js");
 /* harmony import */ var _get_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./get_components */ "./src/chart/get_components.js");
@@ -33515,7 +33515,7 @@ var BarChart = function BarChart(props) {
     unstyled: true,
     applyPositionStyle: true,
     renderTooltip: function renderTooltip(params) {
-      return (0,_util_flex_renderer__WEBPACK_IMPORTED_MODULE_2__.flexRender)(tooltipContent, _objectSpread({
+      return (0,_util__WEBPACK_IMPORTED_MODULE_2__.flexRender)(tooltipContent, _objectSpread({
         Glyph: _glyph__WEBPACK_IMPORTED_MODULE_6__.Glyph,
         data: data,
         formatTick: xAxis.formatTick,
@@ -34330,7 +34330,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
 /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-/* harmony import */ var _util_flex_renderer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util/flex_renderer */ "./src/util/flex_renderer.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
 /* harmony import */ var _glyph__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./glyph */ "./src/chart/glyph.js");
 // LICENSE_CODE ZON
 
@@ -34388,7 +34388,7 @@ var Legend = function Legend(props) {
     scale: ordinalColorScale
   }, function (labels) {
     return labels.map(function (label, i) {
-      return (0,_util_flex_renderer__WEBPACK_IMPORTED_MODULE_4__.flexRender)(item, _objectSpread({
+      return (0,_util__WEBPACK_IMPORTED_MODULE_4__.flexRender)(item, _objectSpread({
         key: "legend-".concat(i),
         Glyph: _glyph__WEBPACK_IMPORTED_MODULE_5__.Glyph,
         LegendLabel: _visx_legend__WEBPACK_IMPORTED_MODULE_7__["default"],
@@ -34420,7 +34420,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _util_flex_renderer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util/flex_renderer */ "./src/util/flex_renderer.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
 /* harmony import */ var _chart_container__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./chart_container */ "./src/chart/chart_container.js");
 /* harmony import */ var _get_curve__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./get_curve */ "./src/chart/get_curve.js");
 /* harmony import */ var _get_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./get_components */ "./src/chart/get_components.js");
@@ -34567,7 +34567,7 @@ var LineChart = function LineChart(props) {
     unstyled: true,
     applyPositionStyle: true,
     renderTooltip: function renderTooltip(params) {
-      return (0,_util_flex_renderer__WEBPACK_IMPORTED_MODULE_2__.flexRender)(tooltipContent, _objectSpread({
+      return (0,_util__WEBPACK_IMPORTED_MODULE_2__.flexRender)(tooltipContent, _objectSpread({
         Glyph: _glyph__WEBPACK_IMPORTED_MODULE_6__.Glyph,
         data: data,
         formatTick: xFormatTick,
@@ -35107,7 +35107,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! styled-components */ "styled-components");
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_19__);
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
 // LICENSE_CODE ZON
 
 
@@ -35150,7 +35150,7 @@ var Code = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(functi
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeWrapper, {
     ref: ref,
     $theme: themeProp,
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_21__.classNames)(null, null, className, "".concat(lineNumbers ? '' : 'no-', "line-numbers"))
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_21__.classNames)(null, null, className, "".concat(lineNumbers ? '' : 'no-', "line-numbers"))
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("code", {
     className: "language-".concat(lang, " content")
   }, text));
@@ -35833,51 +35833,51 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Button: () => (/* reexport safe */ _button__WEBPACK_IMPORTED_MODULE_1__["default"]),
 /* harmony export */   Chart: () => (/* reexport safe */ _chart__WEBPACK_IMPORTED_MODULE_2__["default"]),
 /* harmony export */   ClickableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_21__.ClickableTag),
-/* harmony export */   Code: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_19__.Code),
-/* harmony export */   CodeBlock: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_19__.CodeBlock),
-/* harmony export */   CodeSnippet: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_19__.CodeSnippet),
+/* harmony export */   Code: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_18__.Code),
+/* harmony export */   CodeBlock: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_18__.CodeBlock),
+/* harmony export */   CodeSnippet: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_18__.CodeSnippet),
 /* harmony export */   ComboButton: () => (/* reexport safe */ _combo_button__WEBPACK_IMPORTED_MODULE_3__["default"]),
-/* harmony export */   Icon: () => (/* reexport safe */ _icon__WEBPACK_IMPORTED_MODULE_5__["default"]),
-/* harmony export */   IconButton: () => (/* reexport safe */ _icon_button__WEBPACK_IMPORTED_MODULE_6__["default"]),
-/* harmony export */   InfoChip: () => (/* reexport safe */ _infochip__WEBPACK_IMPORTED_MODULE_7__["default"]),
-/* harmony export */   Input: () => (/* reexport module object */ _input__WEBPACK_IMPORTED_MODULE_8__),
-/* harmony export */   Layout: () => (/* reexport module object */ _layout__WEBPACK_IMPORTED_MODULE_9__),
-/* harmony export */   Link: () => (/* reexport safe */ _link__WEBPACK_IMPORTED_MODULE_10__["default"]),
-/* harmony export */   Menu: () => (/* reexport safe */ _menu__WEBPACK_IMPORTED_MODULE_11__["default"]),
-/* harmony export */   Modal: () => (/* reexport module object */ _modal__WEBPACK_IMPORTED_MODULE_12__),
+/* harmony export */   Icon: () => (/* reexport safe */ _icon__WEBPACK_IMPORTED_MODULE_4__["default"]),
+/* harmony export */   IconButton: () => (/* reexport safe */ _icon_button__WEBPACK_IMPORTED_MODULE_5__["default"]),
+/* harmony export */   InfoChip: () => (/* reexport safe */ _infochip__WEBPACK_IMPORTED_MODULE_6__["default"]),
+/* harmony export */   Input: () => (/* reexport module object */ _input__WEBPACK_IMPORTED_MODULE_7__),
+/* harmony export */   Layout: () => (/* reexport module object */ _layout__WEBPACK_IMPORTED_MODULE_8__),
+/* harmony export */   Link: () => (/* reexport safe */ _link__WEBPACK_IMPORTED_MODULE_9__["default"]),
+/* harmony export */   Menu: () => (/* reexport safe */ _menu__WEBPACK_IMPORTED_MODULE_10__["default"]),
+/* harmony export */   Modal: () => (/* reexport module object */ _modal__WEBPACK_IMPORTED_MODULE_11__),
 /* harmony export */   Progress: () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_20__.Progress),
 /* harmony export */   ProgressBar: () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_20__.ProgressBar),
 /* harmony export */   RemovableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_21__.RemovableTag),
-/* harmony export */   Tab: () => (/* reexport safe */ _tab__WEBPACK_IMPORTED_MODULE_17__["default"]),
-/* harmony export */   Table: () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_13__["default"]),
+/* harmony export */   Tab: () => (/* reexport safe */ _tab__WEBPACK_IMPORTED_MODULE_16__["default"]),
+/* harmony export */   Table: () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_12__["default"]),
 /* harmony export */   TagGroup: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_21__.TagGroup),
-/* harmony export */   Tooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_15__["default"]),
-/* harmony export */   Typography: () => (/* reexport module object */ _typography__WEBPACK_IMPORTED_MODULE_18__),
-/* harmony export */   theme: () => (/* reexport safe */ _theme__WEBPACK_IMPORTED_MODULE_14__["default"]),
-/* harmony export */   translation: () => (/* reexport safe */ _translation__WEBPACK_IMPORTED_MODULE_16__["default"]),
-/* harmony export */   withPopover: () => (/* reexport safe */ _hoc__WEBPACK_IMPORTED_MODULE_4__.withPopover),
-/* harmony export */   withTooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_15__.withTooltip)
+/* harmony export */   Tooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_14__["default"]),
+/* harmony export */   Typography: () => (/* reexport module object */ _typography__WEBPACK_IMPORTED_MODULE_17__),
+/* harmony export */   theme: () => (/* reexport safe */ _theme__WEBPACK_IMPORTED_MODULE_13__["default"]),
+/* harmony export */   translation: () => (/* reexport safe */ _translation__WEBPACK_IMPORTED_MODULE_15__["default"]),
+/* harmony export */   withPopover: () => (/* reexport safe */ _hoc__WEBPACK_IMPORTED_MODULE_19__.withPopover),
+/* harmony export */   withTooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_14__.withTooltip)
 /* harmony export */ });
 /* harmony import */ var _badge__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./badge */ "./src/badge.js");
 /* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./button */ "./src/button/index.js");
 /* harmony import */ var _chart__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./chart */ "./src/chart/index.js");
 /* harmony import */ var _combo_button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./combo_button */ "./src/combo_button/index.js");
-/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./hoc */ "./src/hoc/index.js");
-/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./icon */ "./src/icon.js");
-/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./icon_button */ "./src/icon_button.js");
-/* harmony import */ var _infochip__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./infochip */ "./src/infochip.js");
-/* harmony import */ var _input__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./input */ "./src/input/index.js");
-/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./layout */ "./src/layout/index.js");
-/* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./link */ "./src/link/index.js");
-/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./menu */ "./src/menu/index.js");
-/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./modal */ "./src/modal/index.js");
-/* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./table */ "./src/table/index.js");
-/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
-/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./tooltip */ "./src/tooltip.js");
-/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./translation */ "./src/translation.js");
-/* harmony import */ var _tab__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./tab */ "./src/tab/index.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./typography */ "./src/typography/index.js");
-/* harmony import */ var _code__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./code */ "./src/code/index.js");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./icon */ "./src/icon.js");
+/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./icon_button */ "./src/icon_button.js");
+/* harmony import */ var _infochip__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./infochip */ "./src/infochip.js");
+/* harmony import */ var _input__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./input */ "./src/input/index.js");
+/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./layout */ "./src/layout/index.js");
+/* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./link */ "./src/link/index.js");
+/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./menu */ "./src/menu/index.js");
+/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./modal */ "./src/modal/index.js");
+/* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./table */ "./src/table/index.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./tooltip */ "./src/tooltip.js");
+/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./translation */ "./src/translation.js");
+/* harmony import */ var _tab__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./tab */ "./src/tab/index.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./typography */ "./src/typography/index.js");
+/* harmony import */ var _code__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./code */ "./src/code/index.js");
+/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./hoc */ "./src/hoc/index.js");
 /* harmony import */ var _progress__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./progress */ "./src/progress/index.js");
 /* harmony import */ var _tag__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./tag */ "./src/tag/index.js");
 // LICENSE_CODE ZON
@@ -36428,8 +36428,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @icons */ "./assets/icons/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils */ "./src/utils.js");
-/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./util */ "./src/util/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils */ "./src/utils.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
 // LICENSE_CODE ZON
 
 
@@ -36441,6 +36442,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
+
 var Icon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
   var name = props.name,
     size = props.size,
@@ -36450,10 +36452,10 @@ var Icon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(
   if (!ic) return null;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledSvg, _extends({
     ref: ref
-  }, (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getCommonProps)(props), {
+  }, (0,_util__WEBPACK_IMPORTED_MODULE_4__.getCommonProps)(props), {
     $size: size,
     viewBox: ic.viewBox,
-    $color: _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color[color],
+    $color: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color[color],
     $verticalAlign: verticalAlign,
     "data-icon": name
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("use", {
@@ -36465,8 +36467,8 @@ Icon.defaultProps = {
   size: 'md'
 };
 Icon.propTypes = {
-  name: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_4__.iconNames).isRequired,
-  color: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_4__.colorNames),
+  name: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_5__.iconNames).isRequired,
+  color: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_5__.colorNames),
   size: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['xxs', 'xs', 'sm', 'md', 'lg', 'xl']),
   verticalAlign: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['top', 'middle', 'bottom', 'baseline', 'text-top', 'text-bottom', 'super'])
 };
@@ -36476,7 +36478,7 @@ var StyledSvg = styled_components__WEBPACK_IMPORTED_MODULE_1___default().svg.wit
 })(["color:", ";", " vertical-align:", ";"], function (props) {
   return props.$color;
 }, function (props) {
-  return (0,_utils__WEBPACK_IMPORTED_MODULE_4__.toIconSize)(props.$size);
+  return (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toIconSize)(props.$size);
 }, function (props) {
   return props.$verticalAlign;
 });
@@ -36639,7 +36641,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./layout */ "./src/layout/index.js");
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
 /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./typography */ "./src/typography/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils */ "./src/utils.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./util */ "./src/util/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils */ "./src/utils.js");
 // LICENSE_CODE ZON
 
 
@@ -36653,6 +36656,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
+
 var InfoChipWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_layout__WEBPACK_IMPORTED_MODULE_4__.Flex).attrs({
   align_items: 'center',
   gap: _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing['02'],
@@ -36683,7 +36687,7 @@ var InfoChip = function InfoChip(props) {
     info: 'blue_11'
   };
   var color = colors[variant] || colors["default"];
-  var commonProps = (0,_utils__WEBPACK_IMPORTED_MODULE_7__.getCommonProps)(props);
+  var commonProps = (0,_util__WEBPACK_IMPORTED_MODULE_7__.getCommonProps)(props);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(InfoChipWrapper, _extends({
     color: bgColor
   }, commonProps), icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__["default"], {
@@ -36702,7 +36706,7 @@ InfoChip.defaultProps = {
 InfoChip.propTypes = {
   variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['default', 'success', 'alert', 'warning', 'info']),
   text: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
-  icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_7__.iconNames)
+  icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_8__.iconNames)
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (InfoChip);
 
@@ -36845,8 +36849,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   buildComponents: () => (/* binding */ buildComponents)
 /* harmony export */ });
-/* harmony import */ var _option__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./option */ "./src/input/checkbox_list/option.js");
-/* harmony import */ var _util_virtualized_list__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/virtualized_list */ "./src/util/virtualized_list.js");
+/* harmony import */ var _util_virtualized_list__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../util/virtualized_list */ "./src/util/virtualized_list.js");
+/* harmony import */ var _dropdown_clear_indicator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../dropdown/clear_indicator */ "./src/input/dropdown/clear_indicator.js");
+/* harmony import */ var _dropdown_value_container__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../dropdown/value_container */ "./src/input/dropdown/value_container.js");
+/* harmony import */ var _option__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./option */ "./src/input/checkbox_list/option.js");
 // LICENSE_CODE ZON
 
 
@@ -36859,20 +36865,24 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 
 
+
+
 var buildComponents = function buildComponents(props) {
   var components = _objectSpread({
     IndicatorSeparator: null,
     DropdownIndicator: null,
-    Option: _option__WEBPACK_IMPORTED_MODULE_0__.Option
+    ClearIndicator: _dropdown_clear_indicator__WEBPACK_IMPORTED_MODULE_1__.ClearIndicator,
+    Option: _option__WEBPACK_IMPORTED_MODULE_3__.Option
   }, props.components);
-  if (props.virtualized) {
-    components.MenuList = (0,_util_virtualized_list__WEBPACK_IMPORTED_MODULE_1__.VirtualizedListFactory)({
+  if (props.virtualized && components.MenuList === undefined) {
+    components.MenuList = (0,_util_virtualized_list__WEBPACK_IMPORTED_MODULE_0__.VirtualizedListFactory)({
       optionHeight: props.optionHeight,
       defaultValue: props.defaultValue,
       formatOptionLabel: props.formatOptionLabel,
       Option: components.Option
     });
   }
+  if (props.autosize === false && components.ValueContainer === undefined) components.ValueContainer = _dropdown_value_container__WEBPACK_IMPORTED_MODULE_2__.ValueContainer;
   return components;
 };
 
@@ -36889,27 +36899,36 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   CheckboxList: () => (/* binding */ CheckboxList)
 /* harmony export */ });
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! react-select */ "./node_modules/react-select/dist/react-select.esm.js");
-/* harmony import */ var react_select_creatable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-select/creatable */ "./node_modules/react-select/creatable/dist/react-select-creatable.esm.js");
-/* harmony import */ var react_select_async__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-select/async */ "./node_modules/react-select/async/dist/react-select-async.esm.js");
-/* harmony import */ var react_select_async_creatable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-select/async-creatable */ "./node_modules/react-select/async-creatable/dist/react-select-async-creatable.esm.js");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/index.js");
-/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../layout */ "./src/layout/index.js");
-/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../translation */ "./src/translation.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils */ "./src/utils.js");
-/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../shared */ "./src/input/shared.js");
-/* harmony import */ var _build_components__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./build_components */ "./src/input/checkbox_list/build_components.js");
-/* harmony import */ var _use_styles__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./use_styles */ "./src/input/checkbox_list/use_styles.js");
+/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/omit */ "./node_modules/lodash/omit.js");
+/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react-select */ "./node_modules/react-select/dist/react-select.esm.js");
+/* harmony import */ var react_select_creatable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-select/creatable */ "./node_modules/react-select/creatable/dist/react-select-creatable.esm.js");
+/* harmony import */ var react_select_async__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-select/async */ "./node_modules/react-select/async/dist/react-select-async.esm.js");
+/* harmony import */ var react_select_async_creatable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-select/async-creatable */ "./node_modules/react-select/async-creatable/dist/react-select-async-creatable.esm.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/index.js");
+/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../layout */ "./src/layout/index.js");
+/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../translation */ "./src/translation.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../util */ "./src/util/index.js");
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../shared */ "./src/input/shared.js");
+/* harmony import */ var _build_components__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./build_components */ "./src/input/checkbox_list/build_components.js");
+/* harmony import */ var _use_styles__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./use_styles */ "./src/input/checkbox_list/use_styles.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
-var _excluded = ["label", "labelIcon", "required", "value", "defaultValue", "placeholder", "options", "onChange", "onFocus", "onBlur", "creatable", "disabled", "invalid", "helperText", "className", "classNamePrefix", "onChangeCapture", "filterOption", "formatOptionLabel", "onInputChange", "getOptionValue", "getOptionLabel", "isOptionDisabled", "isOptionSelected", "async", "isLoading", "loadOptions", "defaultOptions", "cacheOptions", "onCreateOption", "formatCreateLabel", "isValidNewOption", "getNewOptionData", "autoFocus", "searchable"];
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+var _excluded = ["id", "styles", "size", "async", "creatable", "isOptionDisabled", "className", "label", "labelIcon", "required", "invalid", "helperText", "placeholder", "disabled"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
@@ -36925,162 +36944,93 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var CheckboxList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, forwardRef) {
-  var label = props.label,
+var CheckboxList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, forwardRef) {
+  var id = props.id,
+    styles = props.styles,
+    size = props.size,
+    async = props.async,
+    creatable = props.creatable,
+    isOptionDisabled = props.isOptionDisabled,
+    className = props.className,
+    label = props.label,
     labelIcon = props.labelIcon,
     required = props.required,
-    value = props.value,
-    defaultValue = props.defaultValue,
-    placeholder = props.placeholder,
-    options = props.options,
-    onChange = props.onChange,
-    onFocus = props.onFocus,
-    onBlur = props.onBlur,
-    creatable = props.creatable,
-    disabled = props.disabled,
     invalid = props.invalid,
     helperText = props.helperText,
-    className = props.className,
-    classNamePrefix = props.classNamePrefix,
-    onChangeCapture = props.onChangeCapture,
-    filterOption = props.filterOption,
-    formatOptionLabel = props.formatOptionLabel,
-    onInputChange = props.onInputChange,
-    getOptionValue = props.getOptionValue,
-    getOptionLabel = props.getOptionLabel,
-    isOptionDisabled = props.isOptionDisabled,
-    isOptionSelected = props.isOptionSelected,
-    async = props.async,
-    isLoading = props.isLoading,
-    loadOptions = props.loadOptions,
-    defaultOptions = props.defaultOptions,
-    cacheOptions = props.cacheOptions,
-    onCreateOption = props.onCreateOption,
-    formatCreateLabel = props.formatCreateLabel,
-    isValidNewOption = props.isValidNewOption,
-    getNewOptionData = props.getNewOptionData,
-    autoFocus = props.autoFocus,
-    searchable = props.searchable,
+    placeholder = props.placeholder,
+    disabled = props.disabled,
     rest = _objectWithoutProperties(props, _excluded);
-  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useLabelId)(props.id);
-  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_7__.useTranslate)();
-  var styles = (0,_use_styles__WEBPACK_IMPORTED_MODULE_11__.useStyles)(props);
+  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_6__.useLabelId)(id);
+  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_8__.useTranslate)();
   var SelectComp = getComponent({
     async: async,
     creatable: creatable
   });
-  var _isOptionDisabled = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
+  var _styles = (0,_use_styles__WEBPACK_IMPORTED_MODULE_12__.useStyles)({
+    styles: styles,
+    size: size
+  });
+  var _isOptionDisabled = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {
     return isOptionDisabled || function (opt) {
       return opt.disabled;
     };
   }, [isOptionDisabled]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_6__.Flex, _extends({
+  var wrapperProps = _objectSpread(_objectSpread({}, (0,_util__WEBPACK_IMPORTED_MODULE_9__.getAriaProps)(rest)), (0,_util__WEBPACK_IMPORTED_MODULE_9__.getDataProps)(rest));
+  var selectProps = lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(rest, Object.keys(wrapperProps));
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_7__.Flex, _extends({
     ref: forwardRef,
     "data-testid": "checkbox-list",
-    className: className
-  }, (0,_utils__WEBPACK_IMPORTED_MODULE_8__.getCommonProps)(rest), {
+    className: className,
     flex_direction: "column",
     gap: "02"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_9__.InputLabel, {
+  }, wrapperProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_10__.InputLabel, {
     id: labelId,
     label: label,
     labelIcon: labelIcon,
     required: required
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SelectComp, {
-    backspaceRemovesValue: false,
-    controlShouldRenderValue: false,
-    hideSelectedOptions: false,
-    isClearable: false,
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(SelectComp, _extends({}, selectProps, {
+    id: id,
     menuIsOpen: true,
     isMulti: true,
     menuPlacement: "bottom",
-    autoFocus: autoFocus,
-    filterOption: filterOption,
-    formatOptionLabel: formatOptionLabel,
     "aria-labelledby": label ? labelId : undefined,
     "aria-invalid": invalid,
-    value: value,
-    defaultValue: defaultValue,
     placeholder: t(placeholder),
-    options: options,
-    onChange: onChange,
-    onFocus: onFocus,
-    onBlur: onBlur,
     isDisabled: disabled,
     required: required,
-    styles: styles,
-    components: (0,_build_components__WEBPACK_IMPORTED_MODULE_10__.buildComponents)(props),
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_8__.classNames)(className, {
+    styles: _styles,
+    components: (0,_build_components__WEBPACK_IMPORTED_MODULE_11__.buildComponents)(props),
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_9__.classNames)(className, {
       container: true
     }),
-    classNamePrefix: classNamePrefix,
-    onChangeCapture: onChangeCapture,
-    onInputChange: onInputChange,
-    getOptionValue: getOptionValue,
-    getOptionLabel: getOptionLabel,
-    isOptionDisabled: _isOptionDisabled,
-    isOptionSelected: isOptionSelected,
-    isLoading: isLoading,
-    loadOptions: loadOptions,
-    defaultOptions: defaultOptions,
-    cacheOptions: cacheOptions,
-    onCreateOption: onCreateOption,
-    formatCreateLabel: formatCreateLabel,
-    isValidNewOption: isValidNewOption,
-    getNewOptionData: getNewOptionData,
-    isSearchable: searchable
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_9__.HelperText, {
+    isOptionDisabled: _isOptionDisabled
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_10__.HelperText, {
     invalid: invalid
   }, helperText));
 });
 CheckboxList.displayName = 'CheckboxList';
 CheckboxList.propTypes = {
-  value: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().any),
-  defaultValue: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().any),
-  filterOption: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-  formatOptionLabel: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-  onChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-  onFocus: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-  onBlur: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-  placeholder: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
-  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  required: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  invalid: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  label: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)]),
-  labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
-  helperText: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
-  size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md', 'lg']),
-  options: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().any)),
-  creatable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
-  virtualized: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  autosize: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  onInputChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-  getOptionValue: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-  getOptionLabel: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-  isOptionDisabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-  isOptionSelected: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-  async: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  isLoading: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  loadOptions: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-  defaultOptions: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool), prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().any))]),
-  cacheOptions: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().any),
-  components: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
-  styles: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
-  onCreateOption: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-  formatCreateLabel: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-  isValidNewOption: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-  getNewOptionData: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-  autoFocus: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  searchable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
+  value: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().any),
+  onChange: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
+  onFocus: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
+  onBlur: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
+  placeholder: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
+  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  required: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  invalid: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  label: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
+  labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
+  helperText: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
+  size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['sm', 'md', 'lg']),
+  virtualized: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
 };
 CheckboxList.defaultProps = {
   size: 'sm',
   placeholder: 'Search...'
 };
 var getComponent = function getComponent(opt) {
-  if (opt.async) return opt.creatable ? react_select_async_creatable__WEBPACK_IMPORTED_MODULE_4__["default"] : react_select_async__WEBPACK_IMPORTED_MODULE_3__["default"];
-  return opt.creatable ? react_select_creatable__WEBPACK_IMPORTED_MODULE_2__["default"] : react_select__WEBPACK_IMPORTED_MODULE_12__["default"];
+  if (opt.async) return opt.creatable ? react_select_async_creatable__WEBPACK_IMPORTED_MODULE_5__["default"] : react_select_async__WEBPACK_IMPORTED_MODULE_4__["default"];
+  return opt.creatable ? react_select_creatable__WEBPACK_IMPORTED_MODULE_3__["default"] : react_select__WEBPACK_IMPORTED_MODULE_13__["default"];
 };
 
 /***/ }),
@@ -37189,6 +37139,20 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 
 
 
+var HeaderXl = {
+  fontFamily: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].font_family.sans,
+  fontStyle: 'normal',
+  fontWeight: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].font_weight.medium,
+  fontSize: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].font_size.lg,
+  lineHeight: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].line_height.none
+};
+var LabelSm = {
+  fontFamily: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].font_family.sans,
+  fontStyle: 'normal',
+  fontWeight: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].font_weight.regular,
+  fontSize: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].font_size.sm,
+  lineHeight: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].line_height.none
+};
 var useStyles = function useStyles(_ref) {
   var styles = _ref.styles,
     size = _ref.size;
@@ -37210,15 +37174,9 @@ var useStyles = function useStyles(_ref) {
           backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_2;
           cursor = 'default';
         } else if (state.selectProps['aria-invalid']) borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.red_11;else if (state.isFocused) borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.blue_11;
-        return _objectSpread(_objectSpread({}, baseStyles), {}, {
+        return _objectSpread(_objectSpread(_objectSpread({}, baseStyles), LabelSm), {}, {
           minHeight: (0,_utils__WEBPACK_IMPORTED_MODULE_2__.toPixel)(height[size] || height.sm),
           padding: "".concat(_shared__WEBPACK_IMPORTED_MODULE_3__.inputVerticalPadding, "px ").concat(_shared__WEBPACK_IMPORTED_MODULE_3__.inputHorizontalPadding, "px"),
-          /* Label/sm */
-          fontFamily: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].font_family.sans,
-          fontStyle: 'normal',
-          fontWeight: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].font_weight.regular,
-          fontSize: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].font_size.sm,
-          lineHeight: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].line_height.none,
           color: color,
           backgroundColor: backgroundColor,
           borderColor: borderColor,
@@ -37258,28 +37216,42 @@ var useStyles = function useStyles(_ref) {
         });
       },
       option: function option(baseStyles, state) {
-        return _objectSpread(_objectSpread({}, baseStyles), {}, {
+        return _objectSpread(_objectSpread(_objectSpread({}, baseStyles), LabelSm), {}, {
           display: 'flex',
           alignItems: 'center',
-          gap: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].spacing['03'],
-          backgroundColor: undefined,
-          /* Label/sm */
-          fontFamily: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].font_family.sans,
-          fontStyle: 'normal',
-          fontWeight: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].font_weight.regular,
-          fontSize: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].font_size.sm,
-          lineHeight: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].line_height.none,
+          gap: '8px',
+          height: '40px',
+          backgroundColor: state.isFocused ? _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_2 : undefined,
           color: state.isDisabled ? _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_9 : _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_11_50
         });
       },
-      noOptionsMessage: function noOptionsMessage(baseStyles) {
+      multiValue: function multiValue(baseStyles) {
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
-          /* Header/xl */
-          fontFamily: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].font_family.sans,
-          fontStyle: 'normal',
-          fontWeight: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].font_weight.medium,
-          fontSize: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].font_size.lg,
-          lineHeight: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].line_height.none,
+          backgroundColor: undefined,
+          border: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_6),
+          borderRadius: '4px'
+        });
+      },
+      multiValueLabel: function multiValueLabel(baseStyles) {
+        return _objectSpread(_objectSpread(_objectSpread({}, baseStyles), LabelSm), {}, {
+          borderRadius: '4px',
+          padding: '4px 4px 4px 8px',
+          color: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_11_25
+        });
+      },
+      multiValueRemove: function multiValueRemove(baseStyles) {
+        return _objectSpread(_objectSpread({}, baseStyles), {}, {
+          borderRadius: '4px',
+          color: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_11,
+          cursor: 'pointer',
+          ':hover': {
+            backgroundColor: undefined,
+            color: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_11_50
+          }
+        });
+      },
+      noOptionsMessage: function noOptionsMessage(baseStyles) {
+        return _objectSpread(_objectSpread(_objectSpread({}, baseStyles), HeaderXl), {}, {
           color: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_9
         });
       }
@@ -37740,13 +37712,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   buildComponents: () => (/* binding */ buildComponents)
 /* harmony export */ });
-/* harmony import */ var _clear_indicator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./clear_indicator */ "./src/input/dropdown/clear_indicator.js");
-/* harmony import */ var _dropdown_indicator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./dropdown_indicator */ "./src/input/dropdown/dropdown_indicator.js");
-/* harmony import */ var _group__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./group */ "./src/input/dropdown/group.js");
-/* harmony import */ var _menu_list__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./menu_list */ "./src/input/dropdown/menu_list.js");
-/* harmony import */ var _option__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./option */ "./src/input/dropdown/option.js");
-/* harmony import */ var _value_container__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./value_container */ "./src/input/dropdown/value_container.js");
-/* harmony import */ var _util_virtualized_list__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../util/virtualized_list */ "./src/util/virtualized_list.js");
+/* harmony import */ var _util_virtualized_list__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../util/virtualized_list */ "./src/util/virtualized_list.js");
+/* harmony import */ var _clear_indicator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./clear_indicator */ "./src/input/dropdown/clear_indicator.js");
+/* harmony import */ var _dropdown_indicator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./dropdown_indicator */ "./src/input/dropdown/dropdown_indicator.js");
+/* harmony import */ var _group__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./group */ "./src/input/dropdown/group.js");
+/* harmony import */ var _menu_list__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./menu_list */ "./src/input/dropdown/menu_list.js");
+/* harmony import */ var _option__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./option */ "./src/input/dropdown/option.js");
+/* harmony import */ var _value_container__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./value_container */ "./src/input/dropdown/value_container.js");
 // LICENSE_CODE ZON
 
 
@@ -37765,25 +37737,23 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 
 
 var buildComponents = function buildComponents(props) {
+  var _props$components$Opt, _props$components;
   var components = _objectSpread({
-    IndicatorSeparator: function IndicatorSeparator() {
-      return null;
-    },
-    DropdownIndicator: _dropdown_indicator__WEBPACK_IMPORTED_MODULE_1__["default"],
-    ClearIndicator: _clear_indicator__WEBPACK_IMPORTED_MODULE_0__["default"],
-    MenuList: _menu_list__WEBPACK_IMPORTED_MODULE_3__.MenuList,
-    Group: _group__WEBPACK_IMPORTED_MODULE_2__.Group,
-    Option: _option__WEBPACK_IMPORTED_MODULE_4__.Option
-  }, props.components);
-  if (props.virtualized) {
-    components.MenuList = (0,_util_virtualized_list__WEBPACK_IMPORTED_MODULE_6__.VirtualizedListFactory)({
+    IndicatorSeparator: null,
+    DropdownIndicator: _dropdown_indicator__WEBPACK_IMPORTED_MODULE_2__.DropdownIndicator,
+    ClearIndicator: _clear_indicator__WEBPACK_IMPORTED_MODULE_1__.ClearIndicator,
+    MenuList: props.virtualized ? (0,_util_virtualized_list__WEBPACK_IMPORTED_MODULE_0__.VirtualizedListFactory)({
       optionHeight: props.optionHeight,
       defaultValue: props.defaultValue,
       formatOptionLabel: props.formatOptionLabel,
-      Option: components.Option
-    });
+      Option: (_props$components$Opt = (_props$components = props.components) === null || _props$components === void 0 ? void 0 : _props$components.Option) !== null && _props$components$Opt !== void 0 ? _props$components$Opt : _option__WEBPACK_IMPORTED_MODULE_5__.Option
+    }) : _menu_list__WEBPACK_IMPORTED_MODULE_4__.MenuList,
+    Group: _group__WEBPACK_IMPORTED_MODULE_3__.Group,
+    Option: _option__WEBPACK_IMPORTED_MODULE_5__.Option
+  }, props.components);
+  if (props.autosize === false && props.multiselect && components.ValueContainer === undefined) {
+    components.ValueContainer = _value_container__WEBPACK_IMPORTED_MODULE_6__.ValueContainer;
   }
-  if (props.autosize === false && props.multiselect) components.ValueContainer = _value_container__WEBPACK_IMPORTED_MODULE_5__.ValueContainer;
   return components;
 };
 
@@ -37798,7 +37768,7 @@ var buildComponents = function buildComponents(props) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   ClearIndicator: () => (/* binding */ ClearIndicator)
 /* harmony export */ });
 /* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @icons */ "./assets/icons/index.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
@@ -37829,7 +37799,6 @@ var ClearIndicator = function ClearIndicator(props) {
     href: "#".concat(ic.id)
   }));
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ClearIndicator);
 
 /***/ }),
 
@@ -37855,7 +37824,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/index.js");
 /* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../layout */ "./src/layout/index.js");
 /* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../translation */ "./src/translation.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils */ "./src/utils.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../util */ "./src/util/index.js");
 /* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../shared */ "./src/input/shared.js");
 /* harmony import */ var _build_components__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./build_components */ "./src/input/dropdown/build_components.js");
 /* harmony import */ var _use_styles__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./use_styles */ "./src/input/dropdown/use_styles.js");
@@ -37946,7 +37915,7 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     ref: forwardRef,
     "data-testid": "dropdown",
     className: className
-  }, (0,_utils__WEBPACK_IMPORTED_MODULE_8__.getCommonProps)(rest), {
+  }, (0,_util__WEBPACK_IMPORTED_MODULE_8__.getCommonProps)(rest), {
     flex_direction: "column",
     gap: "02"
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_9__.InputLabel, {
@@ -37974,7 +37943,7 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     required: required,
     styles: styles,
     components: (0,_build_components__WEBPACK_IMPORTED_MODULE_10__.buildComponents)(props),
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_8__.classNames)(className, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_8__.classNames)(className, {
       container: true
     }),
     classNamePrefix: classNamePrefix,
@@ -38076,7 +38045,7 @@ var getComponent = function getComponent(opt) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   DropdownIndicator: () => (/* binding */ DropdownIndicator)
 /* harmony export */ });
 /* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @icons */ "./assets/icons/index.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
@@ -38109,7 +38078,6 @@ var DropdownIndicator = function DropdownIndicator(props) {
     href: "#".concat(ic.id)
   }));
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DropdownIndicator);
 
 /***/ }),
 
@@ -38239,6 +38207,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../menu */ "./src/menu/index.js");
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../theme */ "./src/theme.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util */ "./src/util/index.js");
 // LICENSE_CODE ZON
 
 
@@ -38249,6 +38218,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
+
 var Option = function Option(props) {
   var data = props.data,
     className = props.className,
@@ -38262,7 +38232,6 @@ var Option = function Option(props) {
     innerProps = props.innerProps;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledItem, _extends({
     ref: innerRef,
-    testId: data.testId,
     type: "item",
     className: cx({
       option: true,
@@ -38270,7 +38239,7 @@ var Option = function Option(props) {
       'option--is-focused': isFocused,
       'option--is-selected': isSelected
     }, className)
-  }, lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(innerProps, 'onMouseMove', 'onMouseOver'), {
+  }, (0,_util__WEBPACK_IMPORTED_MODULE_5__.getDataProps)(data), lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(innerProps, 'onMouseMove', 'onMouseOver'), {
     text: children,
     description: data.description,
     tooltip: data.tooltip,
@@ -38751,8 +38720,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
 /* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../tooltip */ "./src/tooltip.js");
 /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
 // LICENSE_CODE ZON
 
 
@@ -38776,6 +38746,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var RadioGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
   var className = props.className,
     classNamePrefix = props.classNamePrefix,
@@ -38797,12 +38768,12 @@ var RadioGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwa
   };
   if (!(options !== null && options !== void 0 && options.length)) return null;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_4__.Flex, {
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_8__.classNames)(classNamePrefix, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_8__.classNames)(classNamePrefix, {
       container: true
     }, className),
     flex_direction: "column",
     gap: _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing['03']
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_9__.InputLabel, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_10__.InputLabel, {
     classNamePrefix: classNamePrefix,
     id: labelId,
     label: label,
@@ -38811,7 +38782,7 @@ var RadioGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwa
     variant: "lg"
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_4__.Flex, _extends({
     ref: ref,
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_8__.classNames)(classNamePrefix, _defineProperty({
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_8__.classNames)(classNamePrefix, _defineProperty({
       radioGroup: true
     }, "radioGroup--".concat(variant), true)),
     gap: _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing['05'],
@@ -38831,7 +38802,7 @@ var RadioGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwa
       disabled: disabled || opt.disabled,
       size: size
     }));
-  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_9__.HelperText, {
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_10__.HelperText, {
     invalid: invalid
   }, helperText));
 });
@@ -38878,7 +38849,7 @@ var Radio = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef
     tooltip: tooltip
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RadioWrapper, _extends({
     ref: ref,
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_8__.classNames)(classNamePrefix, (_classNames2 = {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_8__.classNames)(classNamePrefix, (_classNames2 = {
       radio: true
     }, _defineProperty(_classNames2, 'radio--is-selected', checked), _defineProperty(_classNames2, 'radio--is-disabled', disabled), _classNames2))
   }, rest, {
@@ -38886,7 +38857,7 @@ var Radio = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef
     $verticalAlign: verticalAlign,
     $disabled: disabled
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RadioControl, {
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_8__.classNames)(classNamePrefix, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_8__.classNames)(classNamePrefix, {
       radioControl: true
     }),
     role: "radio",
@@ -38897,7 +38868,7 @@ var Radio = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef
     checked: checked,
     disabled: disabled
   }), !!label && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_7__.Label, {
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_8__.classNames)(classNamePrefix, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_8__.classNames)(classNamePrefix, {
       radioLabel: true
     }),
     variant: "sm",
@@ -38932,7 +38903,7 @@ var RadioControl = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.
   componentId: "sc-10oi3py-1"
 })(["display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1.5px solid;border-radius:50%;", " &:after{content:'';border-radius:50%;}", ""], function (props) {
   var s = props.size == 'sm' ? 16 : 20;
-  return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["min-width:", ";max-width:", ";height:", ";&:after{width:", ";height:", ";}"], (0,_utils__WEBPACK_IMPORTED_MODULE_8__.toPixel)(s), (0,_utils__WEBPACK_IMPORTED_MODULE_8__.toPixel)(s), (0,_utils__WEBPACK_IMPORTED_MODULE_8__.toPixel)(s), (0,_utils__WEBPACK_IMPORTED_MODULE_8__.toPixel)(s / 2), (0,_utils__WEBPACK_IMPORTED_MODULE_8__.toPixel)(s / 2));
+  return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["min-width:", ";max-width:", ";height:", ";&:after{width:", ";height:", ";}"], (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(s), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(s), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(s), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(s / 2), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(s / 2));
 }, function (props) {
   var checked = props.checked,
     disabled = props.disabled;
@@ -38997,7 +38968,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
 /* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
 /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
 // LICENSE_CODE ZON
 
 
@@ -39023,6 +38995,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
+
 var inputVerticalPadding = 4;
 var inputHorizontalPadding = 12;
 var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
@@ -39070,12 +39043,12 @@ var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().for
   }, []);
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
     // XXX vadimv: hack to autoresize textarea
-    if (autoresize) field.current.style.height = (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(field.current.scrollHeight);
+    if (autoresize) field.current.style.height = (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(field.current.scrollHeight);
   }, [autoresize, value]);
   var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useLabelId)(props.id);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_5__.Flex, _extends({
     ref: ref
-  }, (0,_utils__WEBPACK_IMPORTED_MODULE_9__.getCommonProps)(props), {
+  }, (0,_util__WEBPACK_IMPORTED_MODULE_9__.getCommonProps)(props), {
     flex_direction: "column",
     gap: "4px"
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(InputLabel, {
@@ -39145,18 +39118,18 @@ var InputLabel = function InputLabel(props) {
   var t = (0,_translation__WEBPACK_IMPORTED_MODULE_7__.useReactTranslate)();
   if (!label) return null;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(LabelWrapper, {
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_9__.classNames)(classNamePrefix, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_9__.classNames)(classNamePrefix, {
       label: true
     }, className)
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_8__.Label, {
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_9__.classNames)(classNamePrefix, _defineProperty({
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_9__.classNames)(classNamePrefix, _defineProperty({
       labelText: true
     }, 'labelText--is-required', required)),
     id: id,
     variant: variant,
     color: "gray-11-50"
   }, t(label), required && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RequiredAsterisk, null)), labelIcon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], {
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_9__.classNames)(classNamePrefix, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_9__.classNames)(classNamePrefix, {
       labelIcon: true
     }),
     name: labelIcon,
@@ -39223,7 +39196,7 @@ var InputWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.
     borderTopRightRadius = borderBottomRightRadius = 0;
     borderRightWidth = 0;
   }
-  return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["border-left-width:", ";border-right-width:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";border-top-right-radius:", ";border-bottom-right-radius:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderLeftWidth), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderRightWidth), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderTopLeftRadius), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderBottomLeftRadius), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderTopRightRadius), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderBottomRightRadius));
+  return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["border-left-width:", ";border-right-width:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";border-top-right-radius:", ";border-bottom-right-radius:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(borderLeftWidth), (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(borderRightWidth), (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(borderTopLeftRadius), (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(borderBottomLeftRadius), (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(borderTopRightRadius), (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(borderBottomRightRadius));
 }, function (props) {
   var _props$$heightCalcula;
   return (_props$$heightCalcula = props.$heightCalculationCallback) === null || _props$$heightCalcula === void 0 ? void 0 : _props$$heightCalcula.call(props);
@@ -39269,7 +39242,7 @@ var useHeightCalculationCallback = function useHeightCalculationCallback(size) {
       md: 40,
       lg: 48
     };
-    return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["height:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(height[size] || height.sm));
+    return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["height:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(height[size] || height.sm));
   }, [size]);
 };
 
@@ -39454,7 +39427,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
 /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
 // LICENSE_CODE ZON
 
 
@@ -39466,6 +39440,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
+
 var Toggle = function Toggle(props) {
   var value = props.value,
     label = props.label,
@@ -39477,7 +39452,7 @@ var Toggle = function Toggle(props) {
     onChange === null || onChange === void 0 ? void 0 : onChange(checked, evt);
   }, [onChange]);
   var color = getLabelColor(props);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ToggleLabel, _extends({}, (0,_utils__WEBPACK_IMPORTED_MODULE_5__.getCommonProps)(props), {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ToggleLabel, _extends({}, (0,_util__WEBPACK_IMPORTED_MODULE_5__.getCommonProps)(props), {
     $size: size
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ToggleInput, {
     $size: size,
@@ -39512,15 +39487,15 @@ var ToggleInput = styled_components__WEBPACK_IMPORTED_MODULE_2___default().input
   displayName: "ToggleInput",
   componentId: "sc-14lfe6n-1"
 })(["&&{box-sizing:border-box;width:", ";height:", ";display:flex;align-items:center;margin:0;padding:0 1px;vertical-align:top;background-color:", ";border:1px solid ", ";border-radius:25px;outline:none;outline-offset:0;cursor:pointer;appearance:none;transition:all 0.3s cubic-bezier(0.2,0.85,0.32,1.2);&:hover:not(:disabled){background-color:", ";border-color:", ";}&:focus{outline:none;outline-offset:0;background-color:", ";border-color:", ";}&:checked{background-color:", ";border-color:", ";&:hover{background-color:", ";border-color:", ";}&:focus{background-color:", ";border-color:", ";outline:3px solid ", ";}}}&::after{content:\"\";display:block;width:", ";height:", ";border-radius:50%;background-color:", ";box-shadow:0 2px 2px rgba(0,0,0,0.1);transition:all 0.3s cubic-bezier(0.2,0.85,0.32,1.2);}&:checked::after{transform:translateX(", ");}"], function (props) {
-  return (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(props.$size == 'xs' ? 32 : 44);
+  return (0,_utils__WEBPACK_IMPORTED_MODULE_6__.toPixel)(props.$size == 'xs' ? 32 : 44);
 }, function (props) {
-  return (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(props.$size == 'xs' ? 16 : 20);
+  return (0,_utils__WEBPACK_IMPORTED_MODULE_6__.toPixel)(props.$size == 'xs' ? 16 : 20);
 }, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_5, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_7, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_7, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_8, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_9, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_9, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.blue_11, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.blue_11, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.blue_10, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.blue_10, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.blue_11, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.blue_11, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.blue_5, function (props) {
-  return (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(props.$size == 'xs' ? 12 : 16);
+  return (0,_utils__WEBPACK_IMPORTED_MODULE_6__.toPixel)(props.$size == 'xs' ? 12 : 16);
 }, function (props) {
-  return (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(props.$size == 'xs' ? 12 : 16);
+  return (0,_utils__WEBPACK_IMPORTED_MODULE_6__.toPixel)(props.$size == 'xs' ? 12 : 16);
 }, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.white, function (props) {
-  return (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(props.$size == 'xs' ? 15 : 23);
+  return (0,_utils__WEBPACK_IMPORTED_MODULE_6__.toPixel)(props.$size == 'xs' ? 15 : 23);
 });
 var getLabelColor = function getLabelColor(props) {
   var disabled = props.disabled,
@@ -40016,7 +39991,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 
-var _excluded = ["type", "text", "secondaryText", "tertiaryText", "description", "size", "children", "variant", "tag", "disabled", "selected", "subMenu", "tooltip", "isFirstItem", "testId"],
+var _excluded = ["type", "text", "secondaryText", "tertiaryText", "description", "size", "children", "variant", "tag", "disabled", "selected", "subMenu", "tooltip", "isFirstItem"],
   _excluded2 = ["isLeft"],
   _excluded3 = ["subItems", "children"],
   _excluded4 = ["popover"];
@@ -40051,7 +40026,6 @@ var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forward
     subMenu = props.subMenu,
     tooltip = props.tooltip,
     isFirstItem = props.isFirstItem,
-    testId = props.testId,
     rest = _objectWithoutProperties(props, _excluded);
   if (type == 'divider') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu_item_divider__WEBPACK_IMPORTED_MODULE_11__["default"], {
     ref: ref
@@ -40064,8 +40038,7 @@ var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forward
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu_item_group__WEBPACK_IMPORTED_MODULE_12__.MenuItemGroup, _extends({
       ref: ref,
       text: text,
-      isFirstItem: isFirstItem,
-      testId: testId
+      isFirstItem: isFirstItem
     }, rest), subItems);
   }
   var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_9__.getIconProps)('MenuItem', props),
@@ -40081,7 +40054,6 @@ var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forward
     tooltip: tooltip,
     noWrap: true
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MenuItemComp, _extends({}, lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(rest, 'icon', 'iconPlacement'), {
-    "data-testid": testId,
     "aria-disabled": disabled ? '' : undefined,
     size: size,
     role: "button",
@@ -40296,7 +40268,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["text", "children", "isFirstItem", "testId"];
+var _excluded = ["text", "children", "isFirstItem"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -40309,11 +40281,9 @@ var MenuItemGroup = function MenuItemGroup(props) {
   var text = props.text,
     children = props.children,
     isFirstItem = props.isFirstItem,
-    testId = props.testId,
     rest = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, !isFirstItem && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menu_item_divider__WEBPACK_IMPORTED_MODULE_3__["default"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_4__.MenuItemContainer, _extends({
-    role: "presentation",
-    "data-testid": testId
+    role: "presentation"
   }, rest), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(GroupTitle, {
     variant: "base",
     no_wrap: true,
@@ -40385,11 +40355,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
+var _excluded = ["className", "header", "content", "footer", "size", "shadow", "borders"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 
 
@@ -40405,7 +40379,7 @@ var MODAL_WIDTHS = {
 var StyledWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_layout__WEBPACK_IMPORTED_MODULE_3__.Box).withConfig({
   displayName: "StyledWrapper",
   componentId: "sc-1nggvo0-0"
-})(["background-color:", ";border-radius:", ";display:grid;grid-tempalte-rows:1fr auto 1fr;font-family:", ";min-width:200px;max-width:", ";width:", ";"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['02'], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].font_family.sans, MODAL_WIDTHS.full, function (props) {
+})(["background-color:", ";border-radius:", ";display:grid;grid-template-rows:1fr auto 1fr;font-family:", ";min-width:200px;max-width:", ";width:", ";"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['02'], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].font_family.sans, MODAL_WIDTHS.full, function (props) {
   return MODAL_WIDTHS[props.$size];
 });
 var StyledHeaderWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_layout__WEBPACK_IMPORTED_MODULE_3__.Flex).attrs({
@@ -40433,9 +40407,7 @@ var StyledFooterWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default
   componentId: "sc-1nggvo0-3"
 })([""]);
 var ModalBase = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
-  var id = props.id,
-    className = props.className,
-    testId = props['data-testid'],
+  var className = props.className,
     header = props.header,
     content = props.content,
     footer = props.footer,
@@ -40444,25 +40416,25 @@ var ModalBase = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(f
     _props$borders = props.borders,
     borders = _props$borders === void 0 ? {
       bottom: true
-    } : _props$borders;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledWrapper, {
-    id: id,
-    className: className,
+    } : _props$borders,
+    rest = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledWrapper, _extends({
+    ref: ref,
+    className: className
+  }, (0,_util__WEBPACK_IMPORTED_MODULE_5__.getCommonProps)(rest), {
     $size: size,
-    box_shadow: shadow,
-    "data-testid": testId,
-    ref: ref
-  }, header && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledHeaderWrapper, {
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
+    box_shadow: shadow
+  }), header && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledHeaderWrapper, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
       header: true
     })
   }, header), content && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledContentWrapper, {
     $borders: borders,
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
       content: true
     })
   }, content), footer && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledFooterWrapper, {
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
       footer: true
     })
   }, footer));
@@ -41040,7 +41012,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
 // LICENSE_CODE ZON
 
 
@@ -41092,7 +41064,7 @@ var Group = function Group(props) {
     $variant: variant,
     "aria-orientation": variant == 'vertical' ? 'vertical' : 'horizontal',
     onKeyDown: handleKeyDown
-  }, (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getCommonProps)(rest)), react__WEBPACK_IMPORTED_MODULE_1__.Children.map(children, function (child) {
+  }, (0,_util__WEBPACK_IMPORTED_MODULE_4__.getCommonProps)(rest)), react__WEBPACK_IMPORTED_MODULE_1__.Children.map(children, function (child) {
     return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.cloneElement)(child, {
       variant: variant
     });
@@ -41167,7 +41139,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
 /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
 // LICENSE_CODE ZON
 
 
@@ -41196,7 +41168,7 @@ var Tab = function Tab(props) {
     tabIndex: selected ? 0 : -1,
     "aria-disabled": disabled ? 'true' : undefined,
     disabled: !!disabled
-  }, (0,_utils__WEBPACK_IMPORTED_MODULE_5__.getCommonProps)(props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Wrap, null, leftContent, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Text, {
+  }, (0,_util__WEBPACK_IMPORTED_MODULE_5__.getCommonProps)(props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Wrap, null, leftContent, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Text, {
     $variant: variant
   }, text)), rightContent);
 };
@@ -41267,7 +41239,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
 /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
 /* harmony import */ var _table_row__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./table_row */ "./src/table/table_row.js");
@@ -41319,9 +41291,9 @@ var Cell = function Cell(props) {
     $isEditing: isEditing,
     $isLastRow: isLastRow
   }, cell.getCellProps([getColumnProps(column), getCellProps(cell)]));
-  cellProps.className = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.classNames)(null, null, (0,_utils__WEBPACK_IMPORTED_MODULE_3__.classNames)(column.className, {
+  cellProps.className = (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(null, null, (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(column.className, {
     cell: true
-  }), (0,_utils__WEBPACK_IMPORTED_MODULE_3__.classNames)(className, {
+  }), (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(className, {
     tableCell: true
   }), cellProps.className);
   if (canEdit) {
@@ -42047,7 +42019,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
 /* harmony import */ var _cell__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./cell */ "./src/table/cell.js");
 /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
 // LICENSE_CODE ZON
@@ -42082,7 +42054,7 @@ var TableFooter = function TableFooter(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     role: "rowgroup",
     "data-rowgroup-type": "footer",
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(className, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_1__.classNames)(className, {
       tableFooter: true
     })
   }, footerGroups.map(function (group) {
@@ -42093,7 +42065,7 @@ var TableFooter = function TableFooter(props) {
       key: key,
       role: "row"
     }, rest, {
-      className: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(className, {
+      className: (0,_util__WEBPACK_IMPORTED_MODULE_1__.classNames)(className, {
         footerRow: true
       })
     }), group.headers.map(function (column) {
@@ -42101,7 +42073,7 @@ var TableFooter = function TableFooter(props) {
         column: column,
         key: column.getFooterProps().key,
         rowDensity: rowDensity,
-        className: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(className, {
+        className: (0,_util__WEBPACK_IMPORTED_MODULE_1__.classNames)(className, {
           footerCell: true
         })
       });
@@ -42123,7 +42095,7 @@ var FooterCell = function FooterCell(props) {
     $rowDensity: rowDensity,
     $isFooter: true
   }, column.getFooterProps([getColumnProps(column), getFooterProps(column)]));
-  footerProps.className = (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(column.className, {
+  footerProps.className = (0,_util__WEBPACK_IMPORTED_MODULE_1__.classNames)(column.className, {
     footer: true
   }, className, footerProps.className);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_cell__WEBPACK_IMPORTED_MODULE_2__.StyledCell, _extends({
@@ -42151,12 +42123,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
 /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
-/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
-/* harmony import */ var _header_functions__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./header_functions */ "./src/table/header_functions.js");
-/* harmony import */ var _sort_icon__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./sort_icon */ "./src/table/sort_icon.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./util */ "./src/table/util.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
+/* harmony import */ var _header_functions__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./header_functions */ "./src/table/header_functions.js");
+/* harmony import */ var _sort_icon__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./sort_icon */ "./src/table/sort_icon.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./util */ "./src/table/util.js");
 // LICENSE_CODE ZON
 
 
@@ -42181,23 +42154,24 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var TableHeader = function TableHeader(props) {
   var className = props.className,
     compact = props.compact,
     left = props.left;
-  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_6__.useTableContext)(),
+  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_7__.useTableContext)(),
     headerGroups = _useTableContext.headerGroups,
     hideHeader = _useTableContext.hideHeader;
   if (hideHeader) return null;
   var style = {};
-  if (typeof left != 'undefined') style.marginLeft = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.toPixel)(-left);
+  if (typeof left != 'undefined') style.marginLeft = (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(-left);
   var dataAttributes = {};
   if (!compact) dataAttributes['data-rowgroup-type'] = 'head';
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
     role: "rowgroup",
     style: style
   }, dataAttributes, {
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_4__.classNames)(className, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.classNames)(className, {
       tableHeader: true,
       'tableHeader--is-compact': compact
     })
@@ -42208,7 +42182,7 @@ var TableHeader = function TableHeader(props) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
       key: key
     }, rest, {
-      className: (0,_utils__WEBPACK_IMPORTED_MODULE_4__.classNames)(className, {
+      className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.classNames)(className, {
         headerRow: true
       })
     }), group.headers.map(function (header, i, arr) {
@@ -42218,7 +42192,7 @@ var TableHeader = function TableHeader(props) {
         isLast: isLast,
         key: header.getHeaderProps().key,
         header: header,
-        className: (0,_utils__WEBPACK_IMPORTED_MODULE_4__.classNames)(className, {
+        className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.classNames)(className, {
           headerCell: true,
           'headerCell--is-compact': compact,
           'headerCell--is-last': isLast
@@ -42238,7 +42212,7 @@ var HeaderCell = function HeaderCell(props) {
     on_sort = header.on_sort,
     isResizing = header.isResizing,
     getResizerProps = header.getResizerProps;
-  var _useTableContext2 = (0,_context__WEBPACK_IMPORTED_MODULE_6__.useTableContext)(),
+  var _useTableContext2 = (0,_context__WEBPACK_IMPORTED_MODULE_7__.useTableContext)(),
     getColumnProps = _useTableContext2.getColumnProps,
     getHeaderProps = _useTableContext2.getHeaderProps,
     columnsSort = _useTableContext2.columnsSort,
@@ -42262,7 +42236,7 @@ var HeaderCell = function HeaderCell(props) {
   var iconVisible = canSort && (['asc', 'desc'].includes(sort) || hovered);
   var headerCellProps = header.getHeaderProps([getColumnProps(header), getHeaderProps(header)]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(HeaderCellContent, _extends({}, headerCellProps, {
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_4__.classNames)(header.className, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.classNames)(header.className, {
       header: true
     }, className, headerCellProps.className),
     onMouseOver: function onMouseOver() {
@@ -42274,16 +42248,16 @@ var HeaderCell = function HeaderCell(props) {
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(HeaderCellWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(HeaderCellLeft, {
     $canSort: canSort,
     onClick: handleSort
-  }, !compact && (0,_util__WEBPACK_IMPORTED_MODULE_9__.renderCellContent)(header, 'Header', {
+  }, !compact && (0,_util__WEBPACK_IMPORTED_MODULE_10__.renderCellContent)(header, 'Header', {
     compact: compact
   }), compact && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_3__.Label, {
     variant: "sm",
     color: "gray_11",
     no_wrap: true
-  }, name || id), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_sort_icon__WEBPACK_IMPORTED_MODULE_8__.SortIcon, {
+  }, name || id), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_sort_icon__WEBPACK_IMPORTED_MODULE_9__.SortIcon, {
     visible: !!iconVisible,
     reverse: sort == 'desc'
-  })), !compact && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_header_functions__WEBPACK_IMPORTED_MODULE_7__.HeaderFunctions, {
+  })), !compact && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_header_functions__WEBPACK_IMPORTED_MODULE_8__.HeaderFunctions, {
     header: header,
     visible: hovered,
     onItemClick: function onItemClick() {
@@ -42297,7 +42271,7 @@ HeaderCell.displayName = 'HeaderCell';
 var HeaderCellContent = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
   displayName: "HeaderCellContent",
   componentId: "sc-8zg5t0-0"
-})(["background-color:", ";&:hover{background-color:", ";}border-bottom:1px solid ", ";&[data-pinned]{z-index:", " !important;}&[data-pinned-last]{box-shadow:2px 0px 4px -2px rgba(24,39,75,0.12),4px 0px 4px -2px rgba(24,39,75,0.08);}"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3, _constants__WEBPACK_IMPORTED_MODULE_5__.Z_INDEX.pinnedColumnHeader);
+})(["background-color:", ";&:hover{background-color:", ";}border-bottom:1px solid ", ";&[data-pinned]{z-index:", " !important;}&[data-pinned-last]{box-shadow:2px 0px 4px -2px rgba(24,39,75,0.12),4px 0px 4px -2px rgba(24,39,75,0.08);}"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3, _constants__WEBPACK_IMPORTED_MODULE_6__.Z_INDEX.pinnedColumnHeader);
 var HeaderCellWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
   displayName: "HeaderCellWrapper",
   componentId: "sc-8zg5t0-1"
@@ -42313,7 +42287,7 @@ HeaderCellLeft.displayName = 'HeaderCellLeft';
 var HeaderCellResizer = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
   displayName: "HeaderCellResizer",
   componentId: "sc-8zg5t0-3"
-})(["display:inline-block;width:10px;height:100%;position:absolute;right:0;top:0;transform:translateX(50%);z-index:", ";touch-action:none;", ""], _constants__WEBPACK_IMPORTED_MODULE_5__.Z_INDEX.cellResizer, function (props) {
+})(["display:inline-block;width:10px;height:100%;position:absolute;right:0;top:0;transform:translateX(50%);z-index:", ";touch-action:none;", ""], _constants__WEBPACK_IMPORTED_MODULE_6__.Z_INDEX.cellResizer, function (props) {
   if (props.$isResizing) {
     return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["&:after{content:\" \";display:block;width:2px;height:24px;background:", ";position:absolute;bottom:0;left:4px;}"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_10);
   }
@@ -43061,7 +43035,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
 /* harmony import */ var _cell__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./cell */ "./src/table/cell.js");
 /* harmony import */ var _table_row__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table_row */ "./src/table/table_row.js");
 // LICENSE_CODE ZON
@@ -43088,7 +43062,7 @@ var renderRow = function renderRow(opt) {
   var cursor = onRowClick ? 'pointer' : undefined;
   var tableRow = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_table_row__WEBPACK_IMPORTED_MODULE_3__.TableRow, _extends({}, rowProps, {
     onClick: onClick,
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(className, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_1__.classNames)(className, {
       tableRow: true,
       'tableRow--is-pinned': row.isPinned
     }, rowProps.className),
@@ -43107,7 +43081,7 @@ var renderRow = function renderRow(opt) {
     key: "".concat(rowProps.key, "_fragment")
   }, tableRow, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_table_row__WEBPACK_IMPORTED_MODULE_3__.TableRow, _extends({}, rowProps, {
     key: "".concat(rowProps.key, "_subcomponent"),
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(className, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_1__.classNames)(className, {
       rowSubComponent: true
     }, rowProps.className)
   }), renderRowSubComponent({
@@ -43172,12 +43146,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
-/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
-/* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./header */ "./src/table/header.js");
-/* harmony import */ var _render_row__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./render_row */ "./src/table/render_row.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
+/* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./header */ "./src/table/header.js");
+/* harmony import */ var _render_row__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./render_row */ "./src/table/render_row.js");
 // LICENSE_CODE ZON
 
 
@@ -43197,6 +43172,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
+
 var StickyHeader = function StickyHeader(props) {
   var className = props.className,
     offsetTop = props.offsetTop,
@@ -43213,7 +43189,7 @@ var StickyHeader = function StickyHeader(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     showSticky = _useState4[0],
     setShowSticky = _useState4[1];
-  (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useEventListener)(scrollTarget || window, {
+  (0,_hooks__WEBPACK_IMPORTED_MODULE_6__.useEventListener)(scrollTarget || window, {
     event: 'scroll',
     handler: lodash_throttle__WEBPACK_IMPORTED_MODULE_0___default()(function () {
       if (!tableRef.current) return;
@@ -43227,35 +43203,35 @@ var StickyHeader = function StickyHeader(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     left = _useState6[0],
     setLeft = _useState6[1];
-  (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useEventListener)(wrapperRef.current, {
+  (0,_hooks__WEBPACK_IMPORTED_MODULE_6__.useEventListener)(wrapperRef.current, {
     event: 'scroll',
     handler: lodash_throttle__WEBPACK_IMPORTED_MODULE_0___default()(function (evt) {
       setLeft(evt.target.scrollLeft);
     }, 100)
   });
-  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_6__.useTableContext)(),
+  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_7__.useTableContext)(),
     prepareRow = _useTableContext.prepareRow,
     columnStartEditing = _useTableContext.columnStartEditing,
     columnDoneEditing = _useTableContext.columnDoneEditing,
     _useTableContext$pinn = _useTableContext.pinnedRows,
     pinnedRows = _useTableContext$pinn === void 0 ? [] : _useTableContext$pinn;
   var style = {
-    top: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(offsetTop),
-    width: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(width)
+    top: (0,_utils__WEBPACK_IMPORTED_MODULE_4__.toPixel)(offsetTop),
+    width: (0,_utils__WEBPACK_IMPORTED_MODULE_4__.toPixel)(width)
   };
   if (!showSticky) return null;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StickyHeaderWrapper, {
     style: style,
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.classNames)(className, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(className, {
       stickyHeader: true
     })
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_header__WEBPACK_IMPORTED_MODULE_7__.TableHeader, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_header__WEBPACK_IMPORTED_MODULE_8__.TableHeader, {
     left: left,
     className: className,
     compact: true
   }), pinnedRows.map(function (row) {
     prepareRow(row);
-    return (0,_render_row__WEBPACK_IMPORTED_MODULE_8__.renderRow)({
+    return (0,_render_row__WEBPACK_IMPORTED_MODULE_9__.renderRow)({
       row: row,
       columnStartEditing: columnStartEditing,
       columnDoneEditing: columnDoneEditing,
@@ -43269,7 +43245,7 @@ StickyHeader.displayName = 'StickyHeader';
 var StickyHeaderWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "StickyHeaderWrapper",
   componentId: "sc-hh47bp-0"
-})(["position:fixed;z-index:", ";overflow-x:hidden;box-shadow:0px 2px 4px -2px rgba(24,39,75,0.12);"], _constants__WEBPACK_IMPORTED_MODULE_4__.Z_INDEX.stickyHeader);
+})(["position:fixed;z-index:", ";overflow-x:hidden;box-shadow:0px 2px 4px -2px rgba(24,39,75,0.12);"], _constants__WEBPACK_IMPORTED_MODULE_5__.Z_INDEX.stickyHeader);
 StickyHeaderWrapper.displayName = 'StickyHeaderWrapper';
 
 /***/ }),
@@ -43490,14 +43466,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ "styled-components");
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _util_flex_renderer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../util/flex_renderer */ "./src/util/flex_renderer.js");
-/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
-/* harmony import */ var _footer__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./footer */ "./src/table/footer.js");
-/* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./header */ "./src/table/header.js");
-/* harmony import */ var _render_row__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./render_row */ "./src/table/render_row.js");
-/* harmony import */ var _sticky_header__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./sticky_header */ "./src/table/sticky_header.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./util */ "./src/table/util.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
+/* harmony import */ var _footer__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./footer */ "./src/table/footer.js");
+/* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./header */ "./src/table/header.js");
+/* harmony import */ var _render_row__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./render_row */ "./src/table/render_row.js");
+/* harmony import */ var _sticky_header__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./sticky_header */ "./src/table/sticky_header.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./util */ "./src/table/util.js");
 // LICENSE_CODE ZON
 
 
@@ -43518,50 +43493,49 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-
 var Table = function Table(props) {
-  var context = (0,_context__WEBPACK_IMPORTED_MODULE_7__.useTableContext)();
+  var context = (0,_context__WEBPACK_IMPORTED_MODULE_6__.useTableContext)();
   // not under context
-  if (context === _context__WEBPACK_IMPORTED_MODULE_7__.defaultContextValue) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_context__WEBPACK_IMPORTED_MODULE_7__["default"], props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(InnerTable, props));
+  if (context === _context__WEBPACK_IMPORTED_MODULE_6__.defaultContextValue) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_context__WEBPACK_IMPORTED_MODULE_6__["default"], props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(InnerTable, props));
   }
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(InnerTable, props);
 };
 Table.displayName = 'Table';
-Table.propTypes = lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_1___default()(_context__WEBPACK_IMPORTED_MODULE_7__["default"].propTypes);
+Table.propTypes = lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_1___default()(_context__WEBPACK_IMPORTED_MODULE_6__["default"].propTypes);
 var InnerTable = function InnerTable(props) {
-  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_7__.useTableContext)(),
+  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_6__.useTableContext)(),
     getTableProps = _useTableContext.getTableProps,
     context = _objectWithoutProperties(_useTableContext, _excluded);
-  var className = (0,_util__WEBPACK_IMPORTED_MODULE_12__.firstDefined)(props.className, context.className);
-  var rowDensity = (0,_util__WEBPACK_IMPORTED_MODULE_12__.firstDefined)(props.rowDensity, context.rowDensity);
-  var onRowClick = (0,_util__WEBPACK_IMPORTED_MODULE_12__.firstDefined)(props.onRowClick, context.onRowClick);
-  var stickyHeader = (0,_util__WEBPACK_IMPORTED_MODULE_12__.firstDefined)(props.stickyHeader, context.stickyHeader);
-  var scrollTarget = (0,_util__WEBPACK_IMPORTED_MODULE_12__.firstDefined)(props.scrollTarget, context.scrollTarget);
+  var className = (0,_util__WEBPACK_IMPORTED_MODULE_11__.firstDefined)(props.className, context.className);
+  var rowDensity = (0,_util__WEBPACK_IMPORTED_MODULE_11__.firstDefined)(props.rowDensity, context.rowDensity);
+  var onRowClick = (0,_util__WEBPACK_IMPORTED_MODULE_11__.firstDefined)(props.onRowClick, context.onRowClick);
+  var stickyHeader = (0,_util__WEBPACK_IMPORTED_MODULE_11__.firstDefined)(props.stickyHeader, context.stickyHeader);
+  var scrollTarget = (0,_util__WEBPACK_IMPORTED_MODULE_11__.firstDefined)(props.scrollTarget, context.scrollTarget);
   var offsetTop = lodash_isObject__WEBPACK_IMPORTED_MODULE_0___default()(stickyHeader) && stickyHeader.offsetTop || 0;
   var wrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
   var tableRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(TableWrapper, {
     ref: wrapperRef,
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
       container: true
     }, className)
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledTable, _extends({
     ref: tableRef
   }, getTableProps(), {
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
       table: true
     })
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_header__WEBPACK_IMPORTED_MODULE_9__.TableHeader, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_header__WEBPACK_IMPORTED_MODULE_8__.TableHeader, {
     className: className
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(TableBody, {
     rowDensity: rowDensity,
     className: className,
     onRowClick: onRowClick
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_footer__WEBPACK_IMPORTED_MODULE_8__.TableFooter, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_footer__WEBPACK_IMPORTED_MODULE_7__.TableFooter, {
     rowDensity: rowDensity,
     className: className
-  }), !!stickyHeader && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_sticky_header__WEBPACK_IMPORTED_MODULE_11__.StickyHeader, {
+  }), !!stickyHeader && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_sticky_header__WEBPACK_IMPORTED_MODULE_10__.StickyHeader, {
     offsetTop: offsetTop,
     onRowClick: onRowClick,
     rowDensity: rowDensity,
@@ -43586,7 +43560,7 @@ var TableBody = function TableBody(props) {
   var className = props.className,
     rowDensity = props.rowDensity,
     onRowClick = props.onRowClick;
-  var _useTableContext2 = (0,_context__WEBPACK_IMPORTED_MODULE_7__.useTableContext)(),
+  var _useTableContext2 = (0,_context__WEBPACK_IMPORTED_MODULE_6__.useTableContext)(),
     getTableBodyProps = _useTableContext2.getTableBodyProps,
     prepareRow = _useTableContext2.prepareRow,
     page = _useTableContext2.page,
@@ -43598,12 +43572,12 @@ var TableBody = function TableBody(props) {
     getRowProps = _useTableContext2.getRowProps,
     renderRowSubComponent = _useTableContext2.renderRowSubComponent;
   var body = function () {
-    if (isLoading) return (0,_util_flex_renderer__WEBPACK_IMPORTED_MODULE_6__.flexRender)(LoadingComp);
-    if (!page.length) return (0,_util_flex_renderer__WEBPACK_IMPORTED_MODULE_6__.flexRender)(NoDataComp);
+    if (isLoading) return (0,_util__WEBPACK_IMPORTED_MODULE_5__.flexRender)(LoadingComp);
+    if (!page.length) return (0,_util__WEBPACK_IMPORTED_MODULE_5__.flexRender)(NoDataComp);
     return page.map(function (row, i, arr) {
       prepareRow(row);
       if (row.isPinned) return null;
-      return (0,_render_row__WEBPACK_IMPORTED_MODULE_10__.renderRow)({
+      return (0,_render_row__WEBPACK_IMPORTED_MODULE_9__.renderRow)({
         row: row,
         rowDensity: rowDensity,
         onRowClick: onRowClick,
@@ -43617,12 +43591,12 @@ var TableBody = function TableBody(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", _extends({
     "data-rowgroup-type": "body"
   }, getTableBodyProps(), {
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
       tableBody: true
     })
   }), pinnedRows.map(function (row) {
     prepareRow(row);
-    return (0,_render_row__WEBPACK_IMPORTED_MODULE_10__.renderRow)({
+    return (0,_render_row__WEBPACK_IMPORTED_MODULE_9__.renderRow)({
       row: row,
       rowDensity: rowDensity,
       onRowClick: onRowClick,
@@ -44470,6 +44444,81 @@ var setTranslationFn = function setTranslationFn(cb) {
 
 /***/ }),
 
+/***/ "./src/typography/constant.js":
+/*!************************************!*\
+  !*** ./src/typography/constant.js ***!
+  \************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   WHITE_SPACES: () => (/* binding */ WHITE_SPACES)
+/* harmony export */ });
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+var WHITE_SPACES = ['normal', 'nowrap', 'pre', 'pre-wrap', 'pre-line', 'break-spaces'];
+
+/***/ }),
+
+/***/ "./src/typography/get_typography_props.js":
+/*!************************************************!*\
+  !*** ./src/typography/get_typography_props.js ***!
+  \************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   getTypographyProps: () => (/* binding */ getTypographyProps)
+/* harmony export */ });
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
+var getTypographyProps = function getTypographyProps(props) {
+  var as = props.tag,
+    _props$font_family = props.font_family,
+    font_family = _props$font_family === void 0 ? 'sans' : _props$font_family,
+    _props$font_weight = props.font_weight,
+    font_weight = _props$font_weight === void 0 ? 'regular' : _props$font_weight,
+    font_size = props.font_size,
+    _props$line_height = props.line_height,
+    line_height = _props$line_height === void 0 ? 'none' : _props$line_height,
+    _props$letter_spacing = props.letter_spacing,
+    letter_spacing = _props$letter_spacing === void 0 ? 'normal' : _props$letter_spacing,
+    italic = props.italic,
+    color = props.color,
+    no_wrap = props.no_wrap,
+    underline = props.underline,
+    whiteSpace = props.whiteSpace;
+  return _objectSpread({
+    as: as,
+    font_family: font_family,
+    font_weight: font_weight,
+    font_size: font_size,
+    line_height: line_height,
+    letter_spacing: letter_spacing,
+    italic: italic,
+    color: color,
+    no_wrap: no_wrap,
+    underline: underline,
+    whiteSpace: whiteSpace
+  }, (0,_util__WEBPACK_IMPORTED_MODULE_0__.getCommonProps)(props));
+};
+
+/***/ }),
+
 /***/ "./src/typography/header.js":
 /*!**********************************!*\
   !*** ./src/typography/header.js ***!
@@ -44486,8 +44535,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./typography */ "./src/typography/typography.js");
+/* harmony import */ var _constant__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./constant */ "./src/typography/constant.js");
+/* harmony import */ var _get_typography_props__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./get_typography_props */ "./src/typography/get_typography_props.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./typography */ "./src/typography/typography.js");
 // LICENSE_CODE ZON
 
 
@@ -44504,13 +44554,14 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 
 
 
+
 var Header = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
   var t = (0,_translation__WEBPACK_IMPORTED_MODULE_2__.useReactTranslate)();
-  var typographyProps = _objectSpread(_objectSpread({}, (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getTypographyProps)(props)), {}, {
+  var typographyProps = _objectSpread(_objectSpread({}, (0,_get_typography_props__WEBPACK_IMPORTED_MODULE_4__.getTypographyProps)(props)), {}, {
     font_weight: 'semibold',
     font_size: props.variant == '2xl' ? 'xl' : 'lg'
   });
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__["default"], _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__["default"], _extends({
     ref: ref
   }, typographyProps), t(props.children));
 });
@@ -44520,7 +44571,7 @@ Header.defaultProps = {
 };
 Header.propTypes = {
   variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xl', '2xl']),
-  whiteSpace: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.whiteSpaces)
+  whiteSpace: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_constant__WEBPACK_IMPORTED_MODULE_3__.WHITE_SPACES)
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Header);
 
@@ -44542,8 +44593,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./typography */ "./src/typography/typography.js");
+/* harmony import */ var _constant__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./constant */ "./src/typography/constant.js");
+/* harmony import */ var _get_typography_props__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./get_typography_props */ "./src/typography/get_typography_props.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./typography */ "./src/typography/typography.js");
 // LICENSE_CODE ZON
 
 
@@ -44560,14 +44612,15 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 
 
 
+
 var Hyperlink = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
   var t = (0,_translation__WEBPACK_IMPORTED_MODULE_2__.useReactTranslate)();
-  var typographyProps = _objectSpread(_objectSpread({}, (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getTypographyProps)(props)), {}, {
+  var typographyProps = _objectSpread(_objectSpread({}, (0,_get_typography_props__WEBPACK_IMPORTED_MODULE_4__.getTypographyProps)(props)), {}, {
     font_size: props.variant == 'lg' ? 'md' : 'xs',
     line_height: 'none',
     underline: true
   });
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__["default"], _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__["default"], _extends({
     ref: ref
   }, typographyProps), t(props.children));
 });
@@ -44577,7 +44630,7 @@ Hyperlink.defaultProps = {
 };
 Hyperlink.propTypes = {
   variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xs', 'lg']),
-  whiteSpace: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.whiteSpaces)
+  whiteSpace: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_constant__WEBPACK_IMPORTED_MODULE_3__.WHITE_SPACES)
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Hyperlink);
 
@@ -44632,8 +44685,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./typography */ "./src/typography/typography.js");
+/* harmony import */ var _constant__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./constant */ "./src/typography/constant.js");
+/* harmony import */ var _get_typography_props__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./get_typography_props */ "./src/typography/get_typography_props.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./typography */ "./src/typography/typography.js");
 // LICENSE_CODE ZON
 
 
@@ -44650,9 +44704,10 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 
 
 
+
 var Label = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
   var t = (0,_translation__WEBPACK_IMPORTED_MODULE_2__.useReactTranslate)();
-  var typographyProps = _objectSpread(_objectSpread({}, (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getTypographyProps)(props)), {}, {
+  var typographyProps = _objectSpread(_objectSpread({}, (0,_get_typography_props__WEBPACK_IMPORTED_MODULE_4__.getTypographyProps)(props)), {}, {
     font_size: {
       xxs: 'xxs',
       xs: 'xs',
@@ -44664,7 +44719,7 @@ var Label = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef
       sm_medium: 'medium'
     }[props.variant] || 'regular'
   });
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__["default"], _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__["default"], _extends({
     ref: ref
   }, typographyProps), t(props.children));
 });
@@ -44673,7 +44728,8 @@ Label.defaultProps = {
   variant: 'base'
 };
 Label.propTypes = {
-  variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xxs', 'xs', 'sm', 'sm_medium', 'base', 'lg'])
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xxs', 'xs', 'sm', 'sm_medium', 'base', 'lg']),
+  whiteSpace: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_constant__WEBPACK_IMPORTED_MODULE_3__.WHITE_SPACES)
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Label);
 
@@ -44695,8 +44751,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./typography */ "./src/typography/typography.js");
+/* harmony import */ var _constant__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./constant */ "./src/typography/constant.js");
+/* harmony import */ var _get_typography_props__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./get_typography_props */ "./src/typography/get_typography_props.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./typography */ "./src/typography/typography.js");
 // LICENSE_CODE ZON
 
 
@@ -44713,9 +44770,10 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 
 
 
+
 var Paragraph = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
   var t = (0,_translation__WEBPACK_IMPORTED_MODULE_2__.useReactTranslate)();
-  var typographyProps = _objectSpread(_objectSpread({}, (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getTypographyProps)(props)), {}, {
+  var typographyProps = _objectSpread(_objectSpread({}, (0,_get_typography_props__WEBPACK_IMPORTED_MODULE_4__.getTypographyProps)(props)), {}, {
     font_size: {
       xxs: 'xxs',
       xs: 'xs',
@@ -44726,7 +44784,7 @@ var Paragraph = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwar
       'lg_loose': 'loose'
     }[props.variant] || 'snug'
   });
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__["default"], _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__["default"], _extends({
     ref: ref
   }, typographyProps), t(props.children));
 });
@@ -44736,7 +44794,7 @@ Paragraph.defaultProps = {
 };
 Paragraph.propTypes = {
   variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xxs', 'xs', 'sm', 'lg_snug', 'lg_loose']),
-  whiteSpace: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.whiteSpaces)
+  whiteSpace: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_constant__WEBPACK_IMPORTED_MODULE_3__.WHITE_SPACES)
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Paragraph);
 
@@ -44757,8 +44815,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./typography */ "./src/typography/typography.js");
+/* harmony import */ var _constant__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./constant */ "./src/typography/constant.js");
+/* harmony import */ var _get_typography_props__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./get_typography_props */ "./src/typography/get_typography_props.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./typography */ "./src/typography/typography.js");
 // LICENSE_CODE ZON
 
 
@@ -44774,9 +44833,10 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 
 
 
+
 var Style = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
   var children = props.children;
-  var typographyProps = _objectSpread(_objectSpread({}, (0,_utils__WEBPACK_IMPORTED_MODULE_2__.getTypographyProps)(props)), {}, {
+  var typographyProps = _objectSpread(_objectSpread({}, (0,_get_typography_props__WEBPACK_IMPORTED_MODULE_3__.getTypographyProps)(props)), {}, {
     font_size: {
       italic_sm: 'sm',
       italic_xs: 'xs',
@@ -44792,7 +44852,7 @@ var Style = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef
     italic: ['italic_lg', 'italic_sm', 'italic_xs'].includes(props.variant),
     uppercase: ['capitals', 'capitals_xs', 'capitals_xxs'].includes(props.variant)
   });
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_3__["default"], _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__["default"], _extends({
     ref: ref
   }, typographyProps), children);
 });
@@ -44802,7 +44862,7 @@ Style.defaultProps = {
 };
 Style.propTypes = {
   variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['italic_lg', 'italic_sm', 'italic_xs', 'code_sm', 'code_xxs', 'capitals_xs', 'capitals_xxs']),
-  whiteSpace: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_2__.whiteSpaces)
+  whiteSpace: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_constant__WEBPACK_IMPORTED_MODULE_2__.WHITE_SPACES)
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Style);
 
@@ -44824,6 +44884,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _constant__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./constant */ "./src/typography/constant.js");
 // LICENSE_CODE ZON
 
 
@@ -44835,6 +44896,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var Typography = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
   var children = props.children,
     font_family = props.font_family,
@@ -44877,7 +44939,7 @@ var StyledTypography = styled_components__WEBPACK_IMPORTED_MODULE_1___default().
 }, function (props) {
   return props.$uppercase ? 'letter-spacing: 0.02em;' : null;
 }, function (props) {
-  if (props.$whiteSpace && _utils__WEBPACK_IMPORTED_MODULE_2__.whiteSpaces.includes(props.$whiteSpace)) return "white-space: ".concat(props.$whiteSpace);
+  if (props.$whiteSpace && _constant__WEBPACK_IMPORTED_MODULE_3__.WHITE_SPACES.includes(props.$whiteSpace)) return "white-space: ".concat(props.$whiteSpace);
   return props.$noWrap ? 'white-space: nowrap;' : null;
 }, function (props) {
   return props.underline ? 'text-decoration: underline;' : null;
@@ -44886,6 +44948,45 @@ var StyledTypography = styled_components__WEBPACK_IMPORTED_MODULE_1___default().
 
 /***/ }),
 
+/***/ "./src/util/class_names.js":
+/*!*********************************!*\
+  !*** ./src/util/class_names.js ***!
+  \*********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   classNames: () => (/* binding */ classNames)
+/* harmony export */ });
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+var classNames = function classNames(prefix, state) {
+  for (var _len = arguments.length, classNameList = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+    classNameList[_key - 2] = arguments[_key];
+  }
+  var arr = [].concat(classNameList);
+  if (state && prefix) {
+    for (var key in state) {
+      if (state.hasOwnProperty(key) && state[key]) arr.push("".concat(applyPrefixToName(prefix, key)));
+    }
+  }
+  return arr.filter(function (i) {
+    return i;
+  }).map(function (i) {
+    return String(i).trim();
+  }).join(' ');
+};
+var applyPrefixToName = function applyPrefixToName(prefix, name) {
+  if (!name) return prefix;
+  if (name[0] == '-') return prefix + name;
+  return prefix + '__' + name;
+};
+
+/***/ }),
+
 /***/ "./src/util/flex_renderer.js":
 /*!***********************************!*\
   !*** ./src/util/flex_renderer.js ***!
@@ -44927,6 +45028,45 @@ var isExoticComponent = function isExoticComponent(component) {
 
 /***/ }),
 
+/***/ "./src/util/get_props.js":
+/*!*******************************!*\
+  !*** ./src/util/get_props.js ***!
+  \*******************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   getAriaProps: () => (/* binding */ getAriaProps),
+/* harmony export */   getCommonProps: () => (/* binding */ getCommonProps),
+/* harmony export */   getDataProps: () => (/* binding */ getDataProps)
+/* harmony export */ });
+/* harmony import */ var lodash_pickBy__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/pickBy */ "./node_modules/lodash/pickBy.js");
+/* harmony import */ var lodash_pickBy__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_pickBy__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var lodash_pick__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash/pick */ "./node_modules/lodash/pick.js");
+/* harmony import */ var lodash_pick__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_pick__WEBPACK_IMPORTED_MODULE_1__);
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+
+
+var getAriaProps = function getAriaProps(props) {
+  return lodash_pickBy__WEBPACK_IMPORTED_MODULE_0___default()(props, function (_, k) {
+    return k.startsWith('aria-');
+  });
+};
+var getDataProps = function getDataProps(props) {
+  return lodash_pickBy__WEBPACK_IMPORTED_MODULE_0___default()(props, function (_, k) {
+    return k.startsWith('data-');
+  });
+};
+var getCommonProps = function getCommonProps(props) {
+  return Object.assign({}, lodash_pick__WEBPACK_IMPORTED_MODULE_1___default()(props, 'id', 'className', 'style', 'onClick', 'role', 'tabIndex'), getAriaProps(props), getDataProps(props));
+};
+
+/***/ }),
+
 /***/ "./src/util/getters.js":
 /*!*****************************!*\
   !*** ./src/util/getters.js ***!
@@ -45019,6 +45159,49 @@ var getStyleProps = function getStyleProps(props, name, classNamesState) {
   };
 };
 
+/***/ }),
+
+/***/ "./src/util/index.js":
+/*!***************************!*\
+  !*** ./src/util/index.js ***!
+  \***************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   OFFSET: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_3__.OFFSET),
+/* harmony export */   VirtualizedListFactory: () => (/* reexport safe */ _virtualized_list__WEBPACK_IMPORTED_MODULE_4__.VirtualizedListFactory),
+/* harmony export */   classNames: () => (/* reexport safe */ _class_names__WEBPACK_IMPORTED_MODULE_0__.classNames),
+/* harmony export */   flexRender: () => (/* reexport safe */ _flex_renderer__WEBPACK_IMPORTED_MODULE_1__.flexRender),
+/* harmony export */   getAriaProps: () => (/* reexport safe */ _get_props__WEBPACK_IMPORTED_MODULE_2__.getAriaProps),
+/* harmony export */   getCommonProps: () => (/* reexport safe */ _get_props__WEBPACK_IMPORTED_MODULE_2__.getCommonProps),
+/* harmony export */   getDataProps: () => (/* reexport safe */ _get_props__WEBPACK_IMPORTED_MODULE_2__.getDataProps),
+/* harmony export */   getGroupRowHeight: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_3__.getGroupRowHeight),
+/* harmony export */   getListHeight: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_3__.getListHeight),
+/* harmony export */   getNextRowIndex: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_3__.getNextRowIndex),
+/* harmony export */   getScrollIndex: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_3__.getScrollIndex),
+/* harmony export */   getStyleProps: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_3__.getStyleProps),
+/* harmony export */   isGroupHeader: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_3__.isGroupHeader),
+/* harmony export */   withUserStyles: () => (/* reexport safe */ _with_user_styles__WEBPACK_IMPORTED_MODULE_5__.withUserStyles)
+/* harmony export */ });
+/* harmony import */ var _class_names__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./class_names */ "./src/util/class_names.js");
+/* harmony import */ var _flex_renderer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./flex_renderer */ "./src/util/flex_renderer.js");
+/* harmony import */ var _get_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./get_props */ "./src/util/get_props.js");
+/* harmony import */ var _getters__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./getters */ "./src/util/getters.js");
+/* harmony import */ var _virtualized_list__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./virtualized_list */ "./src/util/virtualized_list.js");
+/* harmony import */ var _with_user_styles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./with_user_styles */ "./src/util/with_user_styles.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+
+
+
+
+
+
+
 /***/ }),
 
 /***/ "./src/util/virtualized_list.js":
@@ -45242,18 +45425,19 @@ var VirtualizedListRowRenderer = function VirtualizedListRowRenderer(_ref7) {
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Option, {
       key: key,
       style: style,
-      data: thisProps.data,
       isVisible: isVisible,
       isScrolling: isScrolling,
       optionHeight: optionHeight,
+      formatOptionLabel: formatOptionLabel,
+      data: thisProps.data,
       isDisabled: thisProps.isDisabled,
       isFocused: thisProps.isFocused,
       isSelected: thisProps.isSelected,
       className: thisProps.className,
       cx: thisProps.cx,
+      getStyles: thisProps.getStyles,
       innerRef: thisProps.innerRef,
       innerProps: thisProps.innerProps,
-      formatOptionLabel: formatOptionLabel,
       tag: "div"
     }, thisProps.children));
   };
@@ -45308,33 +45492,26 @@ var withUserStyles = function withUserStyles(styles, custom) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   classNames: () => (/* binding */ classNames),
 /* harmony export */   colorNames: () => (/* binding */ colorNames),
 /* harmony export */   fromTheme: () => (/* binding */ fromTheme),
 /* harmony export */   getButtonColors: () => (/* binding */ getButtonColors),
-/* harmony export */   getCommonProps: () => (/* binding */ getCommonProps),
 /* harmony export */   getIconProps: () => (/* binding */ getIconProps),
 /* harmony export */   getLinkProps: () => (/* binding */ getLinkProps),
-/* harmony export */   getTypographyProps: () => (/* binding */ getTypographyProps),
 /* harmony export */   iconNames: () => (/* binding */ iconNames),
 /* harmony export */   toButtonSize: () => (/* binding */ toButtonSize),
 /* harmony export */   toIconSize: () => (/* binding */ toIconSize),
 /* harmony export */   toPixel: () => (/* binding */ toPixel),
 /* harmony export */   toSize: () => (/* binding */ toSize),
-/* harmony export */   tooltipPlacements: () => (/* binding */ tooltipPlacements),
-/* harmony export */   whiteSpaces: () => (/* binding */ whiteSpaces)
+/* harmony export */   tooltipPlacements: () => (/* binding */ tooltipPlacements)
 /* harmony export */ });
-/* harmony import */ var lodash_pickBy__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/pickBy */ "./node_modules/lodash/pickBy.js");
-/* harmony import */ var lodash_pickBy__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_pickBy__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @icons */ "./assets/icons/index.js");
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
+/* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @icons */ "./assets/icons/index.js");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
-
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(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; }
@@ -45344,53 +45521,13 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 
 
 
-var colorNames = Object.keys(_theme__WEBPACK_IMPORTED_MODULE_3__["default"].color);
-var iconNames = Object.keys(_icons__WEBPACK_IMPORTED_MODULE_1__["default"]);
-var whiteSpaces = ['normal', 'nowrap', 'pre', 'pre-wrap', 'pre-line', 'break-spaces'];
+var colorNames = Object.keys(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color);
+var iconNames = Object.keys(_icons__WEBPACK_IMPORTED_MODULE_0__["default"]);
 var toPixel = function toPixel(value) {
   return "".concat(value, "px");
 };
 var toSize = function toSize(value) {
-  return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["min-width:", ";width:", ";min-height:", ";height:", ";"], toPixel(value), toPixel(value), toPixel(value), toPixel(value));
-};
-var getCommonProps = function getCommonProps(props) {
-  return lodash_pickBy__WEBPACK_IMPORTED_MODULE_0___default()(props, function (v, k) {
-    var inc = ['id', 'className', 'style', 'onClick', 'role', 'tabIndex'];
-    var starts = ['onMouse', 'onPointer', 'aria-', 'data-'];
-    return inc.includes(k) || starts.some(function (s) {
-      return k.indexOf(s) == 0;
-    });
-  });
-};
-var getTypographyProps = function getTypographyProps(props) {
-  var as = props.tag,
-    _props$font_family = props.font_family,
-    font_family = _props$font_family === void 0 ? 'sans' : _props$font_family,
-    _props$font_weight = props.font_weight,
-    font_weight = _props$font_weight === void 0 ? 'regular' : _props$font_weight,
-    font_size = props.font_size,
-    _props$line_height = props.line_height,
-    line_height = _props$line_height === void 0 ? 'none' : _props$line_height,
-    _props$letter_spacing = props.letter_spacing,
-    letter_spacing = _props$letter_spacing === void 0 ? 'normal' : _props$letter_spacing,
-    italic = props.italic,
-    color = props.color,
-    no_wrap = props.no_wrap,
-    underline = props.underline,
-    whiteSpace = props.whiteSpace;
-  return _objectSpread({
-    as: as,
-    font_family: font_family,
-    font_weight: font_weight,
-    font_size: font_size,
-    line_height: line_height,
-    letter_spacing: letter_spacing,
-    italic: italic,
-    color: color,
-    no_wrap: no_wrap,
-    underline: underline,
-    whiteSpace: whiteSpace
-  }, getCommonProps(props));
+  return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["min-width:", ";width:", ";min-height:", ";height:", ";"], toPixel(value), toPixel(value), toPixel(value), toPixel(value));
 };
 function fromTheme(propName, defaultValue) {
   return function (props) {
@@ -45399,10 +45536,10 @@ function fromTheme(propName, defaultValue) {
     if (value != null) {
       if (propName.indexOf('padding') == 0 || propName.indexOf('margin') == 0 || ['gap', 'rowGap', 'columnGap'].includes(propName)) {
         var _theme$spacing$value;
-        return (_theme$spacing$value = _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing[value]) !== null && _theme$spacing$value !== void 0 ? _theme$spacing$value : value;
+        return (_theme$spacing$value = _theme__WEBPACK_IMPORTED_MODULE_2__["default"].spacing[value]) !== null && _theme$spacing$value !== void 0 ? _theme$spacing$value : value;
       }
       if (['font_family', 'font_weight', 'font_size', 'line_height', 'letter_spacing', 'color', 'box_shadow'].includes(propName)) {
-        return _theme__WEBPACK_IMPORTED_MODULE_3__["default"][propName][value];
+        return _theme__WEBPACK_IMPORTED_MODULE_2__["default"][propName][value];
       }
     }
     return value;
@@ -45452,84 +45589,84 @@ var getButtonColors = function getButtonColors(props) {
     disabled = props.disabled;
   if (disabled) {
     return {
-      color: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_9,
-      backColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_2,
-      border: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_6)
+      color: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_9,
+      backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2,
+      border: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_6)
     };
   }
   var styles = {
     primary: {
-      color: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.white,
-      backColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.blue_11,
-      separator: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.white),
+      color: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white,
+      backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_11,
+      separator: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white),
       hover: {
-        backColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.blue_10
+        backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_10
       },
       active: {
-        backColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.blue_11,
+        backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_11,
         boxShadow: '0 0 0 2px rgba(0, 106, 220, 0.4)'
       }
     },
     secondary: {
-      color: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.blue_11,
-      backColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.white,
-      border: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.blue_11),
+      color: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_11,
+      backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white,
+      border: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_11),
       hover: {
-        backColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.blue_2
+        backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_2
       },
       active: {
-        backColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.white,
+        backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white,
         boxShadow: '0 0 0 2px rgba(0, 106, 220, 0.4)'
       }
     },
     negative: {
-      color: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.white,
-      backColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.red_9,
-      separator: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.white),
+      color: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white,
+      backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.red_9,
+      separator: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white),
       hover: {
-        backColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.red_10
+        backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.red_10
       },
       active: {
-        backColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.red_9,
+        backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.red_9,
         boxShadow: '0 0 0 2px rgba(205, 43, 49, 0.4)'
       }
     },
     negative_secondary: {
-      color: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.red_9,
-      backColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.white,
-      border: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.red_9),
+      color: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.red_9,
+      backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white,
+      border: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.red_9),
       hover: {
-        backColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.red_2
+        backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.red_2
       },
       active: {
-        backColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.white,
+        backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white,
         boxShadow: '0 0 0 2px rgba(205, 43, 49, 0.4)'
       }
     },
     positive: {
-      color: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.green_11,
-      backColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.white,
-      border: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.green_11),
+      color: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.green_11,
+      backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white,
+      border: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.green_11),
       hover: {
-        backColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.green_2
+        backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.green_2
       },
       active: {
-        backColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.white,
+        backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white,
         boxShadow: '0 0 0 2px rgba(6, 122, 111, 0.4)'
       }
     },
     white: {
-      color: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_11_50,
-      iconColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_10,
-      backColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.white,
-      border: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_8),
+      color: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_11_50,
+      iconColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_10,
+      backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white,
+      border: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_8),
       hover: {
-        backColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_2
+        backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2
       },
       active: {
-        backColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_3,
-        border: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_9),
-        iconColor: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_11_50
+        backColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3,
+        border: "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_9),
+        iconColor: _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_11_50
       }
     }
   };
@@ -45548,7 +45685,7 @@ var toButtonSize = function toButtonSize(size) {
   if (size == 'lg') w = 48;
   if (size == 'sm') w = 36;
   if (size == 'xs') w = 28;
-  return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["height:", ";"], toPixel(w));
+  return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["height:", ";"], toPixel(w));
 };
 var tooltipPlacements = function () {
   var positions = ['auto', 'top', 'right', 'bottom', 'left'];
@@ -45559,27 +45696,6 @@ var tooltipPlacements = function () {
     });
   });
 }();
-var applyPrefixToName = function applyPrefixToName(prefix, name) {
-  if (!name) return prefix;
-  if (name[0] == '-') return prefix + name;
-  return prefix + '__' + name;
-};
-var classNames = function classNames(prefix, state) {
-  for (var _len = arguments.length, classNameList = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-    classNameList[_key - 2] = arguments[_key];
-  }
-  var arr = [].concat(classNameList);
-  if (state && prefix) {
-    for (var key in state) {
-      if (state.hasOwnProperty(key) && state[key]) arr.push("".concat(applyPrefixToName(prefix, key)));
-    }
-  }
-  return arr.filter(function (i) {
-    return i;
-  }).map(function (i) {
-    return String(i).trim();
-  }).join(' ');
-};
 
 /***/ }),