@oliasoft-open-source/react-ui-library 4.0.0-beta-18 → 4.0.0-beta-19

package/dist/index.js

@@ -3279,15 +3279,15 @@ const Chevron = ({ expanded: expanded2 }) => {
     })
   });
 };
-const accordion = "_accordion_1xanb_1";
-const accordionHeader = "_accordionHeader_1xanb_5";
-const heading$6 = "_heading_1xanb_9";
-const clickable$1 = "_clickable_1xanb_12";
-const bordered$4 = "_bordered_1xanb_18";
-const accordionContent = "_accordionContent_1xanb_18";
-const expanded$1 = "_expanded_1xanb_31";
-const padding$3 = "_padding_1xanb_40";
-const squareBottom = "_squareBottom_1xanb_43";
+const accordion = "_accordion_1bs7l_1";
+const accordionHeader = "_accordionHeader_1bs7l_5";
+const heading$6 = "_heading_1bs7l_9";
+const clickable$1 = "_clickable_1bs7l_12";
+const bordered$4 = "_bordered_1bs7l_18";
+const accordionContent = "_accordionContent_1bs7l_18";
+const expanded$1 = "_expanded_1bs7l_31";
+const padding$3 = "_padding_1bs7l_40";
+const squareBottom = "_squareBottom_1bs7l_43";
 const styles$R = {
   accordion,
   accordionHeader,
@@ -11278,34 +11278,34 @@ var lodash = { exports: {} };
   }).call(commonjsGlobal);
 })(lodash, lodash.exports);
 const _$1 = lodash.exports;
-const wrapper$4 = "_wrapper_sl0rt_1";
-const layer$1 = "_layer_sl0rt_5";
-const layerContainer$1 = "_layerContainer_sl0rt_8";
-const nested = "_nested_sl0rt_23";
-const fileInput$1 = "_fileInput_sl0rt_35";
-const trigger$2 = "_trigger_sl0rt_41";
-const middleAlignedInline = "_middleAlignedInline_sl0rt_50";
-const heading$5 = "_heading_sl0rt_56";
-const headingIcon = "_headingIcon_sl0rt_62";
-const option$1 = "_option_sl0rt_74";
-const active$8 = "_active_sl0rt_91";
-const selected$1 = "_selected_sl0rt_96";
-const optionContent$1 = "_optionContent_sl0rt_103";
-const inline$4 = "_inline_sl0rt_108";
-const icon$5 = "_icon_sl0rt_113";
-const check$1 = "_check_sl0rt_114";
-const text$3 = "_text_sl0rt_135";
-const label$a = "_label_sl0rt_140";
-const description = "_description_sl0rt_151";
-const arrow$1 = "_arrow_sl0rt_155";
-const divider$1 = "_divider_sl0rt_159";
-const deprecatedSemanticIcon = "_deprecatedSemanticIcon_sl0rt_163";
-const disabled$8 = "_disabled_sl0rt_167";
-const buttonLabel = "_buttonLabel_sl0rt_172";
-const buttonCaret = "_buttonCaret_sl0rt_178";
-const component = "_component_sl0rt_182";
-const right$7 = "_right_sl0rt_188";
-const actions$2 = "_actions_sl0rt_193";
+const wrapper$4 = "_wrapper_5n8qf_1";
+const layer$1 = "_layer_5n8qf_5";
+const layerContainer$1 = "_layerContainer_5n8qf_8";
+const nested = "_nested_5n8qf_23";
+const fileInput$1 = "_fileInput_5n8qf_35";
+const trigger$2 = "_trigger_5n8qf_41";
+const middleAlignedInline = "_middleAlignedInline_5n8qf_50";
+const heading$5 = "_heading_5n8qf_56";
+const headingIcon = "_headingIcon_5n8qf_62";
+const option$1 = "_option_5n8qf_74";
+const active$8 = "_active_5n8qf_92";
+const selected$1 = "_selected_5n8qf_97";
+const optionContent$1 = "_optionContent_5n8qf_104";
+const inline$4 = "_inline_5n8qf_109";
+const icon$5 = "_icon_5n8qf_114";
+const check$1 = "_check_5n8qf_115";
+const text$3 = "_text_5n8qf_136";
+const label$a = "_label_5n8qf_141";
+const description = "_description_5n8qf_152";
+const arrow$1 = "_arrow_5n8qf_156";
+const divider$1 = "_divider_5n8qf_160";
+const deprecatedSemanticIcon = "_deprecatedSemanticIcon_5n8qf_164";
+const disabled$8 = "_disabled_5n8qf_168";
+const buttonLabel = "_buttonLabel_5n8qf_173";
+const buttonCaret = "_buttonCaret_5n8qf_179";
+const component = "_component_5n8qf_183";
+const right$7 = "_right_5n8qf_189";
+const actions$2 = "_actions_5n8qf_194";
 const styles$M = {
   wrapper: wrapper$4,
   layer: layer$1,
@@ -11556,14 +11556,14 @@ const placementOptions$1 = (placement, isNested = false) => ({
   preferY: "bottom",
   placement: placement || (isNested ? "right-start" : "bottom-start")
 });
-const wrapper$3 = "_wrapper_5s70m_1";
-const badge = "_badge_5s70m_5";
-const label$9 = "_label_5s70m_10";
-const dark$1 = "_dark_5s70m_22";
-const light = "_light_5s70m_25";
-const small$d = "_small_5s70m_28";
-const dot = "_dot_5s70m_34";
-const hasChildren = "_hasChildren_5s70m_39";
+const wrapper$3 = "_wrapper_eo4yb_1";
+const badge = "_badge_eo4yb_5";
+const label$9 = "_label_eo4yb_11";
+const dark$1 = "_dark_eo4yb_23";
+const light = "_light_eo4yb_26";
+const small$d = "_small_eo4yb_29";
+const dot = "_dot_eo4yb_33";
+const hasChildren = "_hasChildren_eo4yb_38";
 const styles$L = {
   wrapper: wrapper$3,
   badge,
@@ -11619,32 +11619,32 @@ Badge.propTypes = {
   margin: propTypes$1.exports.string,
   small: propTypes$1.exports.bool
 };
-const inputInTable$b = "_inputInTable_rn6vz_1";
-const inputHover$b = "_inputHover_rn6vz_13";
-const inputFocus$b = "_inputFocus_rn6vz_18";
-const inputError$b = "_inputError_rn6vz_25";
-const inputWarning$b = "_inputWarning_rn6vz_26";
-const inputDisabled$b = "_inputDisabled_rn6vz_61";
-const hideScrollbars$b = "_hideScrollbars_rn6vz_67";
-const button$3 = "_button_rn6vz_103";
-const active$7 = "_active_rn6vz_140";
-const green$1 = "_green_rn6vz_140";
-const red$1 = "_red_rn6vz_140";
-const orange$1 = "_orange_rn6vz_140";
-const icon$4 = "_icon_rn6vz_152";
-const iconOnly = "_iconOnly_rn6vz_158";
-const basic = "_basic_rn6vz_168";
-const muted$2 = "_muted_rn6vz_174";
-const disabled$7 = "_disabled_rn6vz_186";
-const small$c = "_small_rn6vz_196";
-const pill = "_pill_rn6vz_201";
-const round = "_round_rn6vz_202";
-const error$8 = "_error_rn6vz_269";
-const warning$c = "_warning_rn6vz_286";
-const inverted$1 = "_inverted_rn6vz_303";
-const groupOrderFirst$4 = "_groupOrderFirst_rn6vz_333";
-const groupOrderMiddle$4 = "_groupOrderMiddle_rn6vz_334";
-const groupOrderLast$4 = "_groupOrderLast_rn6vz_335";
+const inputInTable$b = "_inputInTable_1qg1u_1";
+const inputHover$b = "_inputHover_1qg1u_13";
+const inputFocus$b = "_inputFocus_1qg1u_18";
+const inputError$b = "_inputError_1qg1u_25";
+const inputWarning$b = "_inputWarning_1qg1u_26";
+const inputDisabled$b = "_inputDisabled_1qg1u_61";
+const hideScrollbars$b = "_hideScrollbars_1qg1u_67";
+const button$3 = "_button_1qg1u_103";
+const active$7 = "_active_1qg1u_140";
+const green$1 = "_green_1qg1u_140";
+const red$1 = "_red_1qg1u_140";
+const orange$1 = "_orange_1qg1u_140";
+const icon$4 = "_icon_1qg1u_152";
+const iconOnly = "_iconOnly_1qg1u_158";
+const basic = "_basic_1qg1u_168";
+const muted$2 = "_muted_1qg1u_174";
+const disabled$7 = "_disabled_1qg1u_193";
+const small$c = "_small_1qg1u_203";
+const pill = "_pill_1qg1u_208";
+const round = "_round_1qg1u_209";
+const error$8 = "_error_1qg1u_276";
+const warning$c = "_warning_1qg1u_293";
+const inverted$1 = "_inverted_1qg1u_310";
+const groupOrderFirst$4 = "_groupOrderFirst_1qg1u_340";
+const groupOrderMiddle$4 = "_groupOrderMiddle_1qg1u_341";
+const groupOrderLast$4 = "_groupOrderLast_1qg1u_342";
 const buttonStyles = {
   inputInTable: inputInTable$b,
   inputHover: inputHover$b,
@@ -12662,13 +12662,13 @@ ButtonGroup.propTypes = {
   value: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   testId: propTypes$1.exports.string
 };
-const card = "_card_w1z7w_1";
-const bordered$2 = "_bordered_w1z7w_4";
-const raised = "_raised_w1z7w_10";
-const cardHeader = "_cardHeader_w1z7w_13";
-const cardContentBorderTop = "_cardContentBorderTop_w1z7w_19";
-const padding$1 = "_padding_w1z7w_22";
-const cardContent = "_cardContent_w1z7w_19";
+const card = "_card_1febj_1";
+const bordered$2 = "_bordered_1febj_4";
+const raised = "_raised_1febj_10";
+const cardHeader = "_cardHeader_1febj_13";
+const cardContentBorderTop = "_cardContentBorderTop_1febj_19";
+const padding$1 = "_padding_1febj_22";
+const cardContent = "_cardContent_1febj_19";
 const styles$G = {
   card,
   bordered: bordered$2,
@@ -14102,7 +14102,7 @@ const Divider = ({ children, margin: margin2, color: color2, align }) => /* @__P
   }) : children
 });
 Divider.defaultProps = {
-  margin: 20,
+  margin: "var(--padding-y)",
   color: "var(--color-border)",
   align: "center"
 };
@@ -14111,9 +14111,9 @@ Divider.propTypes = {
   color: propTypes$1.exports.string,
   align: propTypes$1.exports.string
 };
-const heading$4 = "_heading_1gnbd_1";
-const top$1 = "_top_1gnbd_9";
-const icons$2 = "_icons_1gnbd_21";
+const heading$4 = "_heading_ed8hr_1";
+const top$1 = "_top_ed8hr_10";
+const icons$2 = "_icons_ed8hr_20";
 const styles$D = {
   heading: heading$4,
   top: top$1,
@@ -14190,13 +14190,13 @@ Heading$2.propTypes = {
   top: propTypes$1.exports.bool,
   testId: propTypes$1.exports.string
 };
-const dialog = "_dialog_1lxfl_1";
-const inline$3 = "_inline_1lxfl_18";
-const scroll$3 = "_scroll_1lxfl_21";
-const header$2 = "_header_1lxfl_24";
-const dismiss$2 = "_dismiss_1lxfl_33";
-const content$3 = "_content_1lxfl_38";
-const footer$2 = "_footer_1lxfl_47";
+const dialog = "_dialog_122co_1";
+const inline$3 = "_inline_122co_18";
+const scroll$3 = "_scroll_122co_21";
+const header$2 = "_header_122co_24";
+const dismiss$2 = "_dismiss_122co_33";
+const content$3 = "_content_122co_38";
+const footer$2 = "_footer_122co_47";
 const styles$C = {
   dialog,
   inline: inline$3,
@@ -14222,7 +14222,7 @@ const Dialog = ({ dialog: dialog2 }) => {
   const {
     heading: heading2,
     content: content2,
-    contentPadding: contentPadding2 = 20,
+    contentPadding: contentPadding2 = "var(--padding)",
     footer: footer2,
     scroll: scroll3,
     width,
@@ -14254,6 +14254,7 @@ const Dialog = ({ dialog: dialog2 }) => {
               icon: "close",
               round: true,
               basic: true,
+              small: true,
               colored: "muted",
               onClick: onClose
             })
@@ -17251,7 +17252,7 @@ const Flex = ({
       justifyContent,
       height,
       flexWrap: wrap2 ? "wrap" : "nowrap",
-      gap: gap === false ? 0 : gap === true ? "var(--spacing)" : gap
+      gap: gap === false ? 0 : gap === true ? "var(--padding-x)" : gap
     },
     children
   });
@@ -17323,7 +17324,7 @@ const Grid = ({
     columns,
     columnsTablet,
     columnsMobile,
-    gap: gap === false ? 0 : gap === true ? "var(--spacing)" : gap,
+    gap: gap === false ? 0 : gap === true ? "var(--padding-x)" : gap,
     height,
     children
   });
@@ -26297,42 +26298,42 @@ var InfiniteScroll = function(_super) {
   };
   return InfiniteScroll2;
 }(Component$1);
-const inputInTable$8 = "_inputInTable_bu99o_1";
-const inputHover$8 = "_inputHover_bu99o_13";
-const inputFocus$8 = "_inputFocus_bu99o_18";
-const inputError$8 = "_inputError_bu99o_25";
-const inputWarning$8 = "_inputWarning_bu99o_26";
-const inputDisabled$8 = "_inputDisabled_bu99o_61";
-const hideScrollbars$8 = "_hideScrollbars_bu99o_67";
-const header$1 = "_header_bu99o_77";
-const headerTitle = "_headerTitle_bu99o_77";
-const heading$3 = "_heading_bu99o_78";
-const itemHeader = "_itemHeader_bu99o_78";
-const narrow = "_narrow_bu99o_81";
-const stickyHeader = "_stickyHeader_bu99o_85";
-const title$3 = "_title_bu99o_96";
-const name = "_name_bu99o_102";
-const iconTooltipMargin = "_iconTooltipMargin_bu99o_105";
-const bold = "_bold_bu99o_108";
-const toggleNarrow = "_toggleNarrow_bu99o_117";
-const drag$1 = "_drag_bu99o_135";
-const list$1 = "_list_bu99o_152";
-const bordered$1 = "_bordered_bu99o_156";
-const item$4 = "_item_bu99o_78";
-const action = "_action_bu99o_189";
-const active$3 = "_active_bu99o_192";
-const disabled$5 = "_disabled_bu99o_207";
-const label$6 = "_label_bu99o_218";
-const details$2 = "_details_bu99o_225";
-const metadata = "_metadata_bu99o_226";
-const itemContent = "_itemContent_bu99o_234";
-const indentIcon = "_indentIcon_bu99o_241";
-const expandIcon = "_expandIcon_bu99o_246";
-const expanded = "_expanded_bu99o_252";
-const right$4 = "_right_bu99o_255";
-const actions = "_actions_bu99o_263";
-const scrollableList = "_scrollableList_bu99o_268";
-const hideScrollbar = "_hideScrollbar_bu99o_67";
+const inputInTable$8 = "_inputInTable_1ygse_1";
+const inputHover$8 = "_inputHover_1ygse_13";
+const inputFocus$8 = "_inputFocus_1ygse_18";
+const inputError$8 = "_inputError_1ygse_25";
+const inputWarning$8 = "_inputWarning_1ygse_26";
+const inputDisabled$8 = "_inputDisabled_1ygse_61";
+const hideScrollbars$8 = "_hideScrollbars_1ygse_67";
+const header$1 = "_header_1ygse_77";
+const headerTitle = "_headerTitle_1ygse_77";
+const heading$3 = "_heading_1ygse_78";
+const itemHeader = "_itemHeader_1ygse_78";
+const narrow = "_narrow_1ygse_81";
+const stickyHeader = "_stickyHeader_1ygse_85";
+const title$3 = "_title_1ygse_96";
+const name = "_name_1ygse_102";
+const iconTooltipMargin = "_iconTooltipMargin_1ygse_105";
+const bold = "_bold_1ygse_108";
+const toggleNarrow = "_toggleNarrow_1ygse_117";
+const drag$1 = "_drag_1ygse_135";
+const list$1 = "_list_1ygse_152";
+const bordered$1 = "_bordered_1ygse_156";
+const item$4 = "_item_1ygse_78";
+const action = "_action_1ygse_189";
+const active$3 = "_active_1ygse_192";
+const disabled$5 = "_disabled_1ygse_207";
+const label$6 = "_label_1ygse_218";
+const details$2 = "_details_1ygse_225";
+const metadata = "_metadata_1ygse_226";
+const itemContent = "_itemContent_1ygse_234";
+const indentIcon = "_indentIcon_1ygse_241";
+const expandIcon = "_expandIcon_1ygse_246";
+const expanded = "_expanded_1ygse_252";
+const right$4 = "_right_1ygse_255";
+const actions = "_actions_1ygse_263";
+const scrollableList = "_scrollableList_1ygse_268";
+const hideScrollbar = "_hideScrollbar_1ygse_67";
 const listStyles = {
   inputInTable: inputInTable$8,
   inputHover: inputHover$8,
@@ -28615,7 +28616,7 @@ const Layer = ({
       listRef.current.scrollToItem(firstSelectedOptionIndex, "start");
     }
   }, []);
-  const optionHeight = small2 ? 24 : 32;
+  const optionHeight = small2 ? 24 : 28;
   return /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
     "data-testid": testId,
     className: cx$2(styles$m.layer, small2 && styles$m.small),
@@ -28650,37 +28651,37 @@ const Layer = ({
     })
   });
 };
-const inputInTable$5 = "_inputInTable_1jh9i_1";
-const inputHover$5 = "_inputHover_1jh9i_13";
-const inputFocus$5 = "_inputFocus_1jh9i_18";
-const inputError$5 = "_inputError_1jh9i_25";
-const inputWarning$5 = "_inputWarning_1jh9i_26";
-const inputDisabled$5 = "_inputDisabled_1jh9i_61";
-const hideScrollbars$5 = "_hideScrollbars_1jh9i_67";
-const trigger$1 = "_trigger_1jh9i_77";
-const isInTable$1 = "_isInTable_1jh9i_93";
-const input = "_input_1jh9i_1";
-const isOpen = "_isOpen_1jh9i_114";
-const error$2 = "_error_1jh9i_122";
-const warning$4 = "_warning_1jh9i_139";
-const disabled$3 = "_disabled_1jh9i_156";
-const icons = "_icons_1jh9i_162";
-const clearAll = "_clearAll_1jh9i_169";
-const iconOpen = "_iconOpen_1jh9i_170";
-const small$4 = "_small_1jh9i_178";
-const triggerInputContainer = "_triggerInputContainer_1jh9i_186";
-const right$2 = "_right_1jh9i_195";
-const multiOptions = "_multiOptions_1jh9i_208";
-const multiOption = "_multiOption_1jh9i_208";
-const label$4 = "_label_1jh9i_236";
-const closeMultiOption = "_closeMultiOption_1jh9i_239";
-const focus = "_focus_1jh9i_250";
-const selectedSingleValue = "_selectedSingleValue_1jh9i_254";
-const placeHolder = "_placeHolder_1jh9i_255";
-const groupOrderFirst = "_groupOrderFirst_1jh9i_294";
-const groupOrderMiddle = "_groupOrderMiddle_1jh9i_295";
-const groupOrderLast = "_groupOrderLast_1jh9i_299";
-const detailedLabel = "_detailedLabel_1jh9i_304";
+const inputInTable$5 = "_inputInTable_xuwli_1";
+const inputHover$5 = "_inputHover_xuwli_13";
+const inputFocus$5 = "_inputFocus_xuwli_18";
+const inputError$5 = "_inputError_xuwli_25";
+const inputWarning$5 = "_inputWarning_xuwli_26";
+const inputDisabled$5 = "_inputDisabled_xuwli_61";
+const hideScrollbars$5 = "_hideScrollbars_xuwli_67";
+const trigger$1 = "_trigger_xuwli_77";
+const isInTable$1 = "_isInTable_xuwli_93";
+const input = "_input_xuwli_1";
+const isOpen = "_isOpen_xuwli_114";
+const error$2 = "_error_xuwli_122";
+const warning$4 = "_warning_xuwli_139";
+const disabled$3 = "_disabled_xuwli_156";
+const icons = "_icons_xuwli_162";
+const clearAll = "_clearAll_xuwli_169";
+const iconOpen = "_iconOpen_xuwli_170";
+const small$4 = "_small_xuwli_181";
+const triggerInputContainer = "_triggerInputContainer_xuwli_189";
+const right$2 = "_right_xuwli_198";
+const multiOptions = "_multiOptions_xuwli_211";
+const multiOption = "_multiOption_xuwli_211";
+const label$4 = "_label_xuwli_239";
+const closeMultiOption = "_closeMultiOption_xuwli_242";
+const focus = "_focus_xuwli_253";
+const selectedSingleValue = "_selectedSingleValue_xuwli_257";
+const placeHolder = "_placeHolder_xuwli_258";
+const groupOrderFirst = "_groupOrderFirst_xuwli_297";
+const groupOrderMiddle = "_groupOrderMiddle_xuwli_298";
+const groupOrderLast = "_groupOrderLast_xuwli_302";
+const detailedLabel = "_detailedLabel_xuwli_307";
 const styles$l = {
   inputInTable: inputInTable$5,
   inputHover: inputHover$5,
@@ -59474,18 +59475,18 @@ Spacer.propTypes = {
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   flex: propTypes$1.exports.bool
 };
-const inputInTable$2 = "_inputInTable_1458a_1";
-const inputHover$2 = "_inputHover_1458a_13";
-const inputFocus$2 = "_inputFocus_1458a_18";
-const inputError$2 = "_inputError_1458a_25";
-const inputWarning$2 = "_inputWarning_1458a_26";
-const inputDisabled$2 = "_inputDisabled_1458a_61";
-const hideScrollbars$2 = "_hideScrollbars_1458a_67";
-const wrapper = "_wrapper_1458a_87";
-const bordered = "_bordered_1458a_95";
-const scroll2 = "_scroll_1458a_99";
-const table = "_table_1458a_109";
-const striped = "_striped_1458a_189";
+const inputInTable$2 = "_inputInTable_28mh5_1";
+const inputHover$2 = "_inputHover_28mh5_13";
+const inputFocus$2 = "_inputFocus_28mh5_18";
+const inputError$2 = "_inputError_28mh5_25";
+const inputWarning$2 = "_inputWarning_28mh5_26";
+const inputDisabled$2 = "_inputDisabled_28mh5_61";
+const hideScrollbars$2 = "_hideScrollbars_28mh5_67";
+const wrapper = "_wrapper_28mh5_87";
+const bordered = "_bordered_28mh5_95";
+const scroll2 = "_scroll_28mh5_99";
+const table = "_table_28mh5_109";
+const striped = "_striped_28mh5_188";
 const styles$a = {
   inputInTable: inputInTable$2,
   inputHover: inputHover$2,
@@ -59500,7 +59501,7 @@ const styles$a = {
   table,
   striped
 };
-const title$1 = "_title_1vehb_1";
+const title$1 = "_title_1hgtl_1";
 const styles$9 = {
   title: title$1
 };
@@ -59609,36 +59610,36 @@ Footer.propTypes = {
   pagination: paginationShape,
   content: propTypes$1.exports.object
 };
-const inputInTable$1 = "_inputInTable_mg1i8_1";
-const inputHover$1 = "_inputHover_mg1i8_13";
-const inputFocus$1 = "_inputFocus_mg1i8_18";
-const inputError$1 = "_inputError_mg1i8_25";
-const inputWarning$1 = "_inputWarning_mg1i8_26";
-const inputDisabled$1 = "_inputDisabled_mg1i8_61";
-const hideScrollbars$1 = "_hideScrollbars_mg1i8_67";
-const cell = "_cell_mg1i8_77";
-const disabledLink = "_disabledLink_mg1i8_87";
-const inputWrapper = "_inputWrapper_mg1i8_91";
-const breakWord = "_breakWord_mg1i8_106";
-const inputCell = "_inputCell_mg1i8_109";
-const sliderCell = "_sliderCell_mg1i8_112";
-const staticCell = "_staticCell_mg1i8_116";
-const staticCellContent = "_staticCellContent_mg1i8_119";
-const error$1 = "_error_mg1i8_132";
-const warning$2 = "_warning_mg1i8_133";
-const unit = "_unit_mg1i8_142";
-const sortingCell = "_sortingCell_mg1i8_145";
-const sortingCellIcon = "_sortingCellIcon_mg1i8_153";
-const icon = "_icon_mg1i8_160";
-const checkBoxCell = "_checkBoxCell_mg1i8_164";
-const iconCell = "_iconCell_mg1i8_168";
-const iconWrapper = "_iconWrapper_mg1i8_173";
-const actionsCell = "_actionsCell_mg1i8_177";
-const rightAligned = "_rightAligned_mg1i8_185";
-const centerAligned = "_centerAligned_mg1i8_191";
-const leftAligned = "_leftAligned_mg1i8_197";
-const popover = "_popover_mg1i8_200";
-const disabledPointerEvents = "_disabledPointerEvents_mg1i8_203";
+const inputInTable$1 = "_inputInTable_1qou3_1";
+const inputHover$1 = "_inputHover_1qou3_13";
+const inputFocus$1 = "_inputFocus_1qou3_18";
+const inputError$1 = "_inputError_1qou3_25";
+const inputWarning$1 = "_inputWarning_1qou3_26";
+const inputDisabled$1 = "_inputDisabled_1qou3_61";
+const hideScrollbars$1 = "_hideScrollbars_1qou3_67";
+const cell = "_cell_1qou3_77";
+const disabledLink = "_disabledLink_1qou3_87";
+const inputWrapper = "_inputWrapper_1qou3_91";
+const breakWord = "_breakWord_1qou3_106";
+const inputCell = "_inputCell_1qou3_109";
+const sliderCell = "_sliderCell_1qou3_112";
+const staticCell = "_staticCell_1qou3_116";
+const staticCellContent = "_staticCellContent_1qou3_119";
+const error$1 = "_error_1qou3_132";
+const warning$2 = "_warning_1qou3_133";
+const unit = "_unit_1qou3_142";
+const sortingCell = "_sortingCell_1qou3_145";
+const sortingCellIcon = "_sortingCellIcon_1qou3_153";
+const icon = "_icon_1qou3_160";
+const checkBoxCell = "_checkBoxCell_1qou3_164";
+const iconCell = "_iconCell_1qou3_168";
+const iconWrapper = "_iconWrapper_1qou3_173";
+const actionsCell = "_actionsCell_1qou3_177";
+const rightAligned = "_rightAligned_1qou3_185";
+const centerAligned = "_centerAligned_1qou3_191";
+const leftAligned = "_leftAligned_1qou3_197";
+const popover = "_popover_1qou3_200";
+const disabledPointerEvents = "_disabledPointerEvents_1qou3_203";
 const styles$7 = {
   inputInTable: inputInTable$1,
   inputHover: inputHover$1,
@@ -60419,13 +60420,13 @@ Cell.propTypes = {
   cell: cellShape,
   testId: propTypes$1.exports.string
 };
-const clickableRow = "_clickableRow_vlcbs_1";
-const hoverableRow = "_hoverableRow_vlcbs_4";
-const rowActive = "_rowActive_vlcbs_4";
-const expandableRow = "_expandableRow_vlcbs_8";
-const flush2 = "_flush_vlcbs_8";
-const dragIconCell = "_dragIconCell_vlcbs_28";
-const dragIcon = "_dragIcon_vlcbs_28";
+const clickableRow = "_clickableRow_11d5t_1";
+const hoverableRow = "_hoverableRow_11d5t_4";
+const rowActive = "_rowActive_11d5t_4";
+const expandableRow = "_expandableRow_11d5t_8";
+const flush2 = "_flush_11d5t_8";
+const dragIconCell = "_dragIconCell_11d5t_28";
+const dragIcon = "_dragIcon_11d5t_28";
 const styles$6 = {
   clickableRow,
   hoverableRow,
@@ -60924,16 +60925,16 @@ Table.propTypes = {
   }).isRequired,
   onListReorder: propTypes$1.exports.func
 };
-const tabs = "_tabs_le5rg_1";
-const padding = "_padding_le5rg_7";
-const margin = "_margin_le5rg_11";
-const contentPadding = "_contentPadding_le5rg_14";
-const item$1 = "_item_le5rg_17";
-const active$1 = "_active_le5rg_38";
-const hidden = "_hidden_le5rg_57";
-const disabled$1 = "_disabled_le5rg_60";
-const left$1 = "_left_le5rg_64";
-const right$1 = "_right_le5rg_64";
+const tabs = "_tabs_n706w_1";
+const padding = "_padding_n706w_7";
+const margin = "_margin_n706w_11";
+const contentPadding = "_contentPadding_n706w_14";
+const item$1 = "_item_n706w_17";
+const active$1 = "_active_n706w_38";
+const hidden = "_hidden_n706w_57";
+const disabled$1 = "_disabled_n706w_60";
+const left$1 = "_left_n706w_64";
+const right$1 = "_right_n706w_64";
 const styles$5 = {
   tabs,
   padding,