@oliasoft-open-source/react-ui-library 4.0.0-beta-26 → 4.0.0-beta-28

package/dist/index.js

@@ -1925,8 +1925,8 @@ var classnames = { exports: {} };
   })();
 })(classnames);
 const cx$2 = classnames.exports;
-const chevron = "_chevron_1osz3_1";
-const expanded$2 = "_expanded_1osz3_9";
+const chevron = "_chevron_1u6ki_1";
+const expanded$2 = "_expanded_1u6ki_9";
 const styles$T = {
   chevron,
   expanded: expanded$2
@@ -3279,15 +3279,15 @@ const Chevron = ({ expanded: expanded2 }) => {
     })
   });
 };
-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 accordion = "_accordion_16gbc_1";
+const accordionHeader = "_accordionHeader_16gbc_5";
+const heading$6 = "_heading_16gbc_9";
+const clickable$1 = "_clickable_16gbc_12";
+const bordered$4 = "_bordered_16gbc_18";
+const accordionContent = "_accordionContent_16gbc_18";
+const expanded$1 = "_expanded_16gbc_31";
+const padding$3 = "_padding_16gbc_40";
+const squareBottom = "_squareBottom_16gbc_43";
 const styles$R = {
   accordion,
   accordionHeader,
@@ -3412,13 +3412,13 @@ Accordion.propTypes = {
   squareBottom: propTypes$1.exports.bool,
   testId: propTypes$1.exports.string
 };
-const checkbox = "_checkbox_h1pva_1";
-const noLabel = "_noLabel_h1pva_17";
-const small$e = "_small_h1pva_20";
-const checkmark = "_checkmark_h1pva_43";
-const disabled$9 = "_disabled_h1pva_67";
-const noMargin$2 = "_noMargin_h1pva_81";
-const isInTable$4 = "_isInTable_h1pva_84";
+const checkbox = "_checkbox_1akzt_1";
+const noLabel = "_noLabel_1akzt_17";
+const small$e = "_small_1akzt_20";
+const checkmark = "_checkmark_1akzt_43";
+const disabled$9 = "_disabled_1akzt_67";
+const noMargin$2 = "_noMargin_1akzt_81";
+const isInTable$4 = "_isInTable_1akzt_84";
 const styles$Q = {
   checkbox,
   noLabel,
@@ -5444,7 +5444,7 @@ TooltipLayer.defaultProps = {
   warning: false,
   maxWidth: "none",
   fontSize: "inherit",
-  padding: "var(--spacing-1) var(--spacing-2)",
+  padding: "var(--spacing-xs) var(--spacing-sm)",
   layerProps: {
     style: {
       position: "fixed"
@@ -5546,7 +5546,7 @@ Tooltip.defaultProps = {
     "right-center"
   ],
   fontSize: "inherit",
-  padding: "var(--spacing-1) var(--spacing-2)",
+  padding: "var(--spacing-xs) var(--spacing-sm)",
   display: "inline",
   flex: "none",
   forceOpen: false
@@ -5735,10 +5735,10 @@ CheckBox.propTypes = {
   helpText: propTypes$1.exports.string,
   onClickHelp: propTypes$1.exports.func
 };
-const bordered$3 = "_bordered_1p7x7_1";
-const checkboxWrapper = "_checkboxWrapper_1p7x7_7";
-const padding$2 = "_padding_1p7x7_13";
-const contentWrapper = "_contentWrapper_1p7x7_16";
+const bordered$3 = "_bordered_q4imk_1";
+const checkboxWrapper = "_checkboxWrapper_q4imk_7";
+const padding$2 = "_padding_q4imk_13";
+const contentWrapper = "_contentWrapper_q4imk_16";
 const styles$N = {
   bordered: bordered$3,
   checkboxWrapper,
@@ -11278,34 +11278,34 @@ var lodash = { exports: {} };
   }).call(commonjsGlobal);
 })(lodash, lodash.exports);
 const _$1 = lodash.exports;
-const wrapper$4 = "_wrapper_2zria_1";
-const layer$1 = "_layer_2zria_5";
-const layerContainer$1 = "_layerContainer_2zria_8";
-const nested = "_nested_2zria_23";
-const fileInput$1 = "_fileInput_2zria_35";
-const trigger$2 = "_trigger_2zria_41";
-const middleAlignedInline = "_middleAlignedInline_2zria_50";
-const heading$5 = "_heading_2zria_56";
-const headingIcon = "_headingIcon_2zria_62";
-const option$1 = "_option_2zria_74";
-const active$8 = "_active_2zria_92";
-const selected$1 = "_selected_2zria_97";
-const optionContent$1 = "_optionContent_2zria_103";
-const inline$4 = "_inline_2zria_108";
-const icon$5 = "_icon_2zria_113";
-const check$1 = "_check_2zria_114";
-const text$3 = "_text_2zria_136";
-const label$a = "_label_2zria_141";
-const description = "_description_2zria_152";
-const arrow$1 = "_arrow_2zria_156";
-const divider$1 = "_divider_2zria_160";
-const deprecatedSemanticIcon = "_deprecatedSemanticIcon_2zria_164";
-const disabled$8 = "_disabled_2zria_168";
-const buttonLabel = "_buttonLabel_2zria_173";
-const buttonCaret = "_buttonCaret_2zria_179";
-const component = "_component_2zria_183";
-const right$7 = "_right_2zria_189";
-const actions$2 = "_actions_2zria_194";
+const wrapper$4 = "_wrapper_1xxc7_1";
+const layer$1 = "_layer_1xxc7_5";
+const layerContainer$1 = "_layerContainer_1xxc7_8";
+const nested = "_nested_1xxc7_23";
+const fileInput$1 = "_fileInput_1xxc7_35";
+const trigger$2 = "_trigger_1xxc7_41";
+const middleAlignedInline = "_middleAlignedInline_1xxc7_50";
+const heading$5 = "_heading_1xxc7_56";
+const headingIcon = "_headingIcon_1xxc7_62";
+const option$1 = "_option_1xxc7_74";
+const active$8 = "_active_1xxc7_92";
+const selected$1 = "_selected_1xxc7_97";
+const optionContent$1 = "_optionContent_1xxc7_103";
+const inline$4 = "_inline_1xxc7_108";
+const icon$5 = "_icon_1xxc7_113";
+const check$1 = "_check_1xxc7_114";
+const text$3 = "_text_1xxc7_136";
+const label$a = "_label_1xxc7_141";
+const description = "_description_1xxc7_152";
+const arrow$1 = "_arrow_1xxc7_156";
+const divider$1 = "_divider_1xxc7_160";
+const deprecatedSemanticIcon = "_deprecatedSemanticIcon_1xxc7_164";
+const disabled$8 = "_disabled_1xxc7_168";
+const buttonLabel = "_buttonLabel_1xxc7_173";
+const buttonCaret = "_buttonCaret_1xxc7_179";
+const component = "_component_1xxc7_183";
+const right$7 = "_right_1xxc7_189";
+const actions$2 = "_actions_1xxc7_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_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 wrapper$3 = "_wrapper_67klr_1";
+const badge = "_badge_67klr_5";
+const label$9 = "_label_67klr_11";
+const dark$1 = "_dark_67klr_23";
+const light = "_light_67klr_26";
+const small$d = "_small_67klr_29";
+const dot = "_dot_67klr_33";
+const hasChildren = "_hasChildren_67klr_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_y9r45_1";
-const inputHover$b = "_inputHover_y9r45_13";
-const inputFocus$b = "_inputFocus_y9r45_18";
-const inputError$b = "_inputError_y9r45_25";
-const inputWarning$b = "_inputWarning_y9r45_26";
-const inputDisabled$b = "_inputDisabled_y9r45_61";
-const hideScrollbars$b = "_hideScrollbars_y9r45_67";
-const button$3 = "_button_y9r45_103";
-const active$7 = "_active_y9r45_139";
-const green$1 = "_green_y9r45_139";
-const red$1 = "_red_y9r45_139";
-const orange$1 = "_orange_y9r45_139";
-const icon$4 = "_icon_y9r45_151";
-const iconOnly = "_iconOnly_y9r45_157";
-const basic = "_basic_y9r45_167";
-const muted$2 = "_muted_y9r45_173";
-const disabled$7 = "_disabled_y9r45_192";
-const small$c = "_small_y9r45_202";
-const pill = "_pill_y9r45_207";
-const round = "_round_y9r45_208";
-const error$8 = "_error_y9r45_275";
-const warning$c = "_warning_y9r45_292";
-const inverted$1 = "_inverted_y9r45_309";
-const groupOrderFirst$4 = "_groupOrderFirst_y9r45_339";
-const groupOrderMiddle$4 = "_groupOrderMiddle_y9r45_340";
-const groupOrderLast$4 = "_groupOrderLast_y9r45_341";
+const inputInTable$b = "_inputInTable_ot37m_1";
+const inputHover$b = "_inputHover_ot37m_13";
+const inputFocus$b = "_inputFocus_ot37m_18";
+const inputError$b = "_inputError_ot37m_25";
+const inputWarning$b = "_inputWarning_ot37m_26";
+const inputDisabled$b = "_inputDisabled_ot37m_61";
+const hideScrollbars$b = "_hideScrollbars_ot37m_67";
+const button$3 = "_button_ot37m_103";
+const active$7 = "_active_ot37m_139";
+const green$1 = "_green_ot37m_139";
+const red$1 = "_red_ot37m_139";
+const orange$1 = "_orange_ot37m_139";
+const icon$4 = "_icon_ot37m_151";
+const iconOnly = "_iconOnly_ot37m_157";
+const basic = "_basic_ot37m_167";
+const muted$2 = "_muted_ot37m_173";
+const disabled$7 = "_disabled_ot37m_192";
+const small$c = "_small_ot37m_202";
+const pill = "_pill_ot37m_207";
+const round = "_round_ot37m_208";
+const error$8 = "_error_ot37m_275";
+const warning$c = "_warning_ot37m_292";
+const inverted$1 = "_inverted_ot37m_309";
+const groupOrderFirst$4 = "_groupOrderFirst_ot37m_339";
+const groupOrderMiddle$4 = "_groupOrderMiddle_ot37m_340";
+const groupOrderLast$4 = "_groupOrderLast_ot37m_341";
 const buttonStyles = {
   inputInTable: inputInTable$b,
   inputHover: inputHover$b,
@@ -11714,6 +11714,16 @@ Spinner$1.propTypes = {
   small: propTypes$1.exports.bool,
   tiny: propTypes$1.exports.bool
 };
+const ButtonTooltipWrapper = ({ children, tooltip: tooltip2 }) => {
+  if (!tooltip2) {
+    return children;
+  }
+  return /* @__PURE__ */ jsxRuntime.exports.jsx(Tooltip, {
+    text: tooltip2,
+    display: "inline-flex",
+    children
+  });
+};
 const Button$1 = ({
   active: active2,
   basic: basic2,
@@ -11731,6 +11741,7 @@ const Button$1 = ({
   small: small2,
   width,
   title: title2,
+  tooltip: tooltip2,
   type,
   styles: styles2,
   error: error2,
@@ -11768,47 +11779,50 @@ const Button$1 = ({
     }
     return "";
   })();
-  return /* @__PURE__ */ jsxRuntime.exports.jsxs("button", {
-    type: type === "submit" ? "submit" : "button",
-    className: cx$2(
-      buttonStyles.button,
-      active2 ? buttonStyles.active : "",
-      basic2 ? buttonStyles.basic : "",
-      color2,
-      disabled2 || disabledContext ? buttonStyles.disabled : "",
-      (icon2 || loading) && !label2 ? buttonStyles.iconOnly : "",
-      inverted2 ? buttonStyles.inverted : "",
-      order2,
-      pill2 ? buttonStyles.pill : "",
-      round2 ? buttonStyles.round : "",
-      small2 ? buttonStyles.small : "",
-      error2 ? buttonStyles.error : warning2 ? buttonStyles.warning : "",
-      styles2
-    ),
-    disabled: disabled2 || disabledContext,
-    name: name2,
-    onClick,
-    ...title2 ? { title: title2 } : {},
-    style: { width },
-    "data-testid": testId,
-    children: [
-      icon2 && /* @__PURE__ */ jsxRuntime.exports.jsx("span", {
-        className: buttonStyles.icon,
-        children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, {
-          icon: icon2
-        })
-      }),
-      loading && /* @__PURE__ */ jsxRuntime.exports.jsx("span", {
-        className: buttonStyles.icon,
-        children: /* @__PURE__ */ jsxRuntime.exports.jsx(Spinner$1, {
-          small: !small2,
-          tiny: small2,
-          dark: !colored2 && !basic2,
-          colored: basic2
-        })
-      }),
-      label2
-    ]
+  return /* @__PURE__ */ jsxRuntime.exports.jsx(ButtonTooltipWrapper, {
+    tooltip: tooltip2,
+    children: /* @__PURE__ */ jsxRuntime.exports.jsxs("button", {
+      type: type === "submit" ? "submit" : "button",
+      className: cx$2(
+        buttonStyles.button,
+        active2 ? buttonStyles.active : "",
+        basic2 ? buttonStyles.basic : "",
+        color2,
+        disabled2 || disabledContext ? buttonStyles.disabled : "",
+        (icon2 || loading) && !label2 ? buttonStyles.iconOnly : "",
+        inverted2 ? buttonStyles.inverted : "",
+        order2,
+        pill2 ? buttonStyles.pill : "",
+        round2 ? buttonStyles.round : "",
+        small2 ? buttonStyles.small : "",
+        error2 ? buttonStyles.error : warning2 ? buttonStyles.warning : "",
+        styles2
+      ),
+      disabled: disabled2 || disabledContext,
+      name: name2,
+      onClick,
+      ...title2 ? { title: title2 } : {},
+      style: { width },
+      "data-testid": testId,
+      children: [
+        icon2 && /* @__PURE__ */ jsxRuntime.exports.jsx("span", {
+          className: buttonStyles.icon,
+          children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, {
+            icon: icon2
+          })
+        }),
+        loading && /* @__PURE__ */ jsxRuntime.exports.jsx("span", {
+          className: buttonStyles.icon,
+          children: /* @__PURE__ */ jsxRuntime.exports.jsx(Spinner$1, {
+            small: !small2,
+            tiny: small2,
+            dark: !colored2 && !basic2,
+            colored: basic2
+          })
+        }),
+        label2
+      ]
+    })
   });
 };
 Button$1.defaultProps = {
@@ -11833,6 +11847,7 @@ Button$1.defaultProps = {
   error: void 0,
   warning: void 0,
   testId: void 0,
+  tooltip: void 0,
   inverted: false
 };
 Button$1.propTypes = {
@@ -11840,10 +11855,7 @@ Button$1.propTypes = {
   basic: propTypes$1.exports.bool,
   colored: propTypes$1.exports.oneOfType([propTypes$1.exports.bool, propTypes$1.exports.string]),
   disabled: propTypes$1.exports.bool,
-  icon: propTypes$1.exports.oneOfType([
-    propTypes$1.exports.node,
-    propTypes$1.exports.string
-  ]),
+  icon: propTypes$1.exports.oneOfType([propTypes$1.exports.node, propTypes$1.exports.string]),
   groupOrder: propTypes$1.exports.string,
   label: propTypes$1.exports.oneOfType([propTypes$1.exports.node, propTypes$1.exports.string]),
   title: propTypes$1.exports.string,
@@ -11857,6 +11869,7 @@ Button$1.propTypes = {
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   error: propTypes$1.exports.string,
   warning: propTypes$1.exports.string,
+  tooltip: propTypes$1.exports.oneOfType([propTypes$1.exports.node, propTypes$1.exports.string]),
   testId: propTypes$1.exports.string,
   pill: propTypes$1.exports.bool,
   inverted: propTypes$1.exports.bool
@@ -12042,6 +12055,7 @@ const actionShape = propTypes$1.exports.shape({
   disabled: propTypes$1.exports.bool,
   primary: propTypes$1.exports.bool,
   hidden: propTypes$1.exports.bool,
+  tooltip: propTypes$1.exports.oneOfType([propTypes$1.exports.node, propTypes$1.exports.string]),
   testId: propTypes$1.exports.string
 });
 const subActionShape = propTypes$1.exports.shape({
@@ -12369,23 +12383,24 @@ Menu.propTypes = {
   open: propTypes$1.exports.bool,
   setOpen: propTypes$1.exports.func
 };
-const actions$1 = "_actions_1nb2u_1";
-const actionComponentContainer = "_actionComponentContainer_1nb2u_11";
-const active$6 = "_active_1nb2u_33";
+const actions$1 = "_actions_1i950_1";
+const actionComponentContainer = "_actionComponentContainer_1i950_11";
+const active$6 = "_active_1i950_33";
 const styles$J = {
   actions: actions$1,
   actionComponentContainer,
   active: active$6
 };
 const SubmenuActions = (props) => {
-  const { actions: actions2, subMenuIcon, primary: primary2, testId } = props;
+  const { actions: actions2, subMenuIcon, primary: primary2, testId, tooltip: tooltip2 } = props;
   const menuButton = /* @__PURE__ */ jsxRuntime.exports.jsx(Button$1, {
     colored: primary2 ? true : "muted",
     basic: !primary2,
     round: true,
     small: true,
     icon: subMenuIcon != null ? subMenuIcon : "menu",
-    testId
+    testId,
+    tooltip: tooltip2
   });
   if (actions2.length) {
     const subMenu = {
@@ -12433,7 +12448,8 @@ const Actions = (props) => {
             primary: action2.primary,
             subMenuIcon: action2.icon,
             testId: action2.testId,
-            right: right2
+            right: right2,
+            tooltip: action2.tooltip
           }, index2);
         } else {
           return /* @__PURE__ */ jsxRuntime.exports.jsx(Button$1, {
@@ -12454,7 +12470,8 @@ const Actions = (props) => {
                 action2.onClick(evt);
               }
             },
-            testId: action2.testId
+            testId: action2.testId,
+            tooltip: action2.tooltip
           }, index2);
         }
       }
@@ -12469,12 +12486,12 @@ Actions.propTypes = {
   actions: actionsShape,
   right: propTypes$1.exports.bool
 };
-const breadcrumb = "_breadcrumb_1oab5_1";
-const small$a = "_small_1oab5_4";
-const labelContainer = "_labelContainer_1oab5_7";
-const active$5 = "_active_1oab5_17";
-const disabled$6 = "_disabled_1oab5_22";
-const separator = "_separator_1oab5_27";
+const breadcrumb = "_breadcrumb_f6yh3_1";
+const small$a = "_small_f6yh3_4";
+const labelContainer = "_labelContainer_f6yh3_7";
+const active$5 = "_active_f6yh3_17";
+const disabled$6 = "_disabled_f6yh3_22";
+const separator = "_separator_f6yh3_27";
 const styles$I = {
   breadcrumb,
   small: small$a,
@@ -12662,13 +12679,13 @@ ButtonGroup.propTypes = {
   value: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   testId: propTypes$1.exports.string
 };
-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 card = "_card_tm89i_1";
+const bordered$2 = "_bordered_tm89i_4";
+const raised = "_raised_tm89i_10";
+const cardHeader = "_cardHeader_tm89i_13";
+const cardContentBorderTop = "_cardContentBorderTop_tm89i_19";
+const padding$1 = "_padding_tm89i_22";
+const cardContent = "_cardContent_tm89i_19";
 const styles$G = {
   card,
   bordered: bordered$2,
@@ -14102,7 +14119,7 @@ const Divider = ({ children, margin: margin2, color: color2, align }) => /* @__P
   }) : children
 });
 Divider.defaultProps = {
-  margin: "var(--padding-y)",
+  margin: "var(--spacing)",
   color: "var(--color-border)",
   align: "center"
 };
@@ -14111,9 +14128,9 @@ Divider.propTypes = {
   color: propTypes$1.exports.string,
   align: propTypes$1.exports.string
 };
-const heading$4 = "_heading_16g9g_1";
-const top$1 = "_top_16g9g_10";
-const icons$2 = "_icons_16g9g_20";
+const heading$4 = "_heading_vqv58_1";
+const top$1 = "_top_vqv58_10";
+const icons$2 = "_icons_vqv58_20";
 const styles$D = {
   heading: heading$4,
   top: top$1,
@@ -14190,13 +14207,13 @@ Heading$2.propTypes = {
   top: propTypes$1.exports.bool,
   testId: propTypes$1.exports.string
 };
-const dialog = "_dialog_gpudp_1";
-const inline$3 = "_inline_gpudp_18";
-const scroll$3 = "_scroll_gpudp_21";
-const header$2 = "_header_gpudp_24";
-const dismiss$2 = "_dismiss_gpudp_33";
-const content$3 = "_content_gpudp_38";
-const footer$2 = "_footer_gpudp_47";
+const dialog = "_dialog_105c5_1";
+const inline$3 = "_inline_105c5_18";
+const scroll$3 = "_scroll_105c5_21";
+const header$2 = "_header_105c5_24";
+const dismiss$2 = "_dismiss_105c5_33";
+const content$3 = "_content_105c5_38";
+const footer$2 = "_footer_105c5_47";
 const styles$C = {
   dialog,
   inline: inline$3,
@@ -16658,8 +16675,8 @@ Drawer.propTypes = {
   onClose: propTypes$1.exports.func,
   onOpen: propTypes$1.exports.func
 };
-const empty$2 = "_empty_m194c_1";
-const text$2 = "_text_m194c_11";
+const empty$2 = "_empty_eyl8c_1";
+const text$2 = "_text_eyl8c_11";
 const styles$A = {
   empty: empty$2,
   text: text$2
@@ -17037,9 +17054,9 @@ FileInput.propTypes = {
   onChange: propTypes$1.exports.func,
   testId: propTypes$1.exports.string
 };
-const label$7 = "_label_1dz6f_1";
-const labelLeft$1 = "_labelLeft_1dz6f_5";
-const icons$1 = "_icons_1dz6f_13";
+const label$7 = "_label_5icu7_1";
+const labelLeft$1 = "_labelLeft_5icu7_5";
+const icons$1 = "_icons_5icu7_13";
 const styles$w = {
   label: label$7,
   labelLeft: labelLeft$1,
@@ -17138,17 +17155,17 @@ Label$2.propTypes = {
   }),
   labelLeft: propTypes$1.exports.bool
 };
-const field = "_field_2ll8c_1";
-const labelLeft = "_labelLeft_2ll8c_5";
-const fieldInput = "_fieldInput_2ll8c_9";
-const formRow$1 = "_formRow_2ll8c_12";
-const button$2 = "_button_2ll8c_22";
+const field = "_field_1g93a_1";
+const labelLeft = "_labelLeft_1g93a_5";
+const fieldInput = "_fieldInput_1g93a_9";
+const formRow$1 = "_formRow_1g93a_12";
+const button$2 = "_button_1g93a_22";
 const styles$v = {
   field,
   labelLeft,
   fieldInput,
   formRow: formRow$1,
-  "form-row": "_form-row_2ll8c_13",
+  "form-row": "_form-row_1g93a_13",
   button: button$2
 };
 const Field = ({
@@ -17252,7 +17269,7 @@ const Flex = ({
       justifyContent,
       height,
       flexWrap: wrap2 ? "wrap" : "nowrap",
-      gap: gap === false ? 0 : gap === true ? "var(--padding-x)" : gap
+      gap: gap === false ? 0 : gap === true ? "var(--spacing)" : gap
     },
     children
   });
@@ -17279,7 +17296,7 @@ Flex.propTypes = {
     propTypes$1.exports.number
   ])
 };
-const formRow = "_formRow_i2es6_1";
+const formRow = "_formRow_1m3f8_1";
 const styles$u = {
   formRow
 };
@@ -17324,7 +17341,7 @@ const Grid = ({
     columns,
     columnsTablet,
     columnsMobile,
-    gap: gap === false ? 0 : gap === true ? "var(--padding-x)" : gap,
+    gap: gap === false ? 0 : gap === true ? "var(--spacing)" : gap,
     height,
     children
   });
@@ -26298,42 +26315,42 @@ var InfiniteScroll = function(_super) {
   };
   return InfiniteScroll2;
 }(Component$1);
-const inputInTable$8 = "_inputInTable_3ijn4_1";
-const inputHover$8 = "_inputHover_3ijn4_13";
-const inputFocus$8 = "_inputFocus_3ijn4_18";
-const inputError$8 = "_inputError_3ijn4_25";
-const inputWarning$8 = "_inputWarning_3ijn4_26";
-const inputDisabled$8 = "_inputDisabled_3ijn4_61";
-const hideScrollbars$8 = "_hideScrollbars_3ijn4_67";
-const header$1 = "_header_3ijn4_77";
-const headerTitle = "_headerTitle_3ijn4_77";
-const heading$3 = "_heading_3ijn4_78";
-const itemHeader = "_itemHeader_3ijn4_78";
-const narrow = "_narrow_3ijn4_81";
-const stickyHeader = "_stickyHeader_3ijn4_85";
-const title$3 = "_title_3ijn4_96";
-const name = "_name_3ijn4_102";
-const iconTooltipMargin = "_iconTooltipMargin_3ijn4_105";
-const bold = "_bold_3ijn4_108";
-const toggleNarrow = "_toggleNarrow_3ijn4_117";
-const drag$1 = "_drag_3ijn4_135";
-const list$1 = "_list_3ijn4_152";
-const bordered$1 = "_bordered_3ijn4_156";
-const item$4 = "_item_3ijn4_78";
-const action = "_action_3ijn4_189";
-const active$3 = "_active_3ijn4_192";
-const disabled$5 = "_disabled_3ijn4_207";
-const label$6 = "_label_3ijn4_218";
-const details$2 = "_details_3ijn4_224";
-const metadata = "_metadata_3ijn4_225";
-const itemContent = "_itemContent_3ijn4_233";
-const indentIcon = "_indentIcon_3ijn4_240";
-const expandIcon = "_expandIcon_3ijn4_245";
-const expanded = "_expanded_3ijn4_252";
-const right$4 = "_right_3ijn4_255";
-const actions = "_actions_3ijn4_264";
-const scrollableList = "_scrollableList_3ijn4_269";
-const hideScrollbar = "_hideScrollbar_3ijn4_67";
+const inputInTable$8 = "_inputInTable_1ttzh_1";
+const inputHover$8 = "_inputHover_1ttzh_13";
+const inputFocus$8 = "_inputFocus_1ttzh_18";
+const inputError$8 = "_inputError_1ttzh_25";
+const inputWarning$8 = "_inputWarning_1ttzh_26";
+const inputDisabled$8 = "_inputDisabled_1ttzh_61";
+const hideScrollbars$8 = "_hideScrollbars_1ttzh_67";
+const header$1 = "_header_1ttzh_77";
+const headerTitle = "_headerTitle_1ttzh_77";
+const heading$3 = "_heading_1ttzh_78";
+const itemHeader = "_itemHeader_1ttzh_78";
+const narrow = "_narrow_1ttzh_81";
+const stickyHeader = "_stickyHeader_1ttzh_85";
+const title$3 = "_title_1ttzh_96";
+const name = "_name_1ttzh_102";
+const iconTooltipMargin = "_iconTooltipMargin_1ttzh_105";
+const bold = "_bold_1ttzh_108";
+const toggleNarrow = "_toggleNarrow_1ttzh_117";
+const drag$1 = "_drag_1ttzh_135";
+const list$1 = "_list_1ttzh_152";
+const bordered$1 = "_bordered_1ttzh_156";
+const item$4 = "_item_1ttzh_78";
+const action = "_action_1ttzh_189";
+const active$3 = "_active_1ttzh_192";
+const disabled$5 = "_disabled_1ttzh_207";
+const label$6 = "_label_1ttzh_218";
+const details$2 = "_details_1ttzh_224";
+const metadata = "_metadata_1ttzh_225";
+const itemContent = "_itemContent_1ttzh_233";
+const indentIcon = "_indentIcon_1ttzh_240";
+const expandIcon = "_expandIcon_1ttzh_245";
+const expanded = "_expanded_1ttzh_252";
+const right$4 = "_right_1ttzh_255";
+const actions = "_actions_1ttzh_264";
+const scrollableList = "_scrollableList_1ttzh_269";
+const hideScrollbar = "_hideScrollbar_1ttzh_67";
 const listStyles = {
   inputInTable: inputInTable$8,
   inputHover: inputHover$8,
@@ -26939,13 +26956,13 @@ List.propTypes = {
   }),
   testId: propTypes$1.exports.string
 };
-const loader = "_loader_1g5vh_1";
-const fullViewPortSize = "_fullViewPortSize_1g5vh_7";
-const cover = "_cover_1g5vh_14";
-const dimmer = "_dimmer_1g5vh_21";
-const content$2 = "_content_1g5vh_44";
-const text$1 = "_text_1g5vh_49";
-const details$1 = "_details_1g5vh_53";
+const loader = "_loader_cefjz_1";
+const fullViewPortSize = "_fullViewPortSize_cefjz_7";
+const cover = "_cover_cefjz_14";
+const dimmer = "_dimmer_cefjz_21";
+const content$2 = "_content_cefjz_44";
+const text$1 = "_text_cefjz_49";
+const details$1 = "_details_cefjz_53";
 const styles$s = {
   loader,
   fullViewPortSize,
@@ -27019,27 +27036,27 @@ Loader.propTypes = {
   testId: propTypes$1.exports.string,
   theme: propTypes$1.exports.string
 };
-const inputInTable$7 = "_inputInTable_ks2y1_1";
-const inputHover$7 = "_inputHover_ks2y1_13";
-const inputFocus$7 = "_inputFocus_ks2y1_18";
-const inputError$7 = "_inputError_ks2y1_25";
-const inputWarning$7 = "_inputWarning_ks2y1_26";
-const inputDisabled$7 = "_inputDisabled_ks2y1_61";
-const hideScrollbars$7 = "_hideScrollbars_ks2y1_67";
-const container$1 = "_container_ks2y1_83";
-const block$1 = "_block_ks2y1_101";
-const info = "_info_ks2y1_104";
-const success = "_success_ks2y1_108";
-const warning$6 = "_warning_ks2y1_112";
-const error$4 = "_error_ks2y1_116";
-const content$1 = "_content_ks2y1_120";
-const heading$2 = "_heading_ks2y1_124";
-const icon$3 = "_icon_ks2y1_131";
-const dismiss$1 = "_dismiss_ks2y1_139";
-const absolute = "_absolute_ks2y1_143";
-const legendToggle = "_legendToggle_ks2y1_154";
-const detailsText = "_detailsText_ks2y1_164";
-const footer$1 = "_footer_ks2y1_168";
+const inputInTable$7 = "_inputInTable_14lor_1";
+const inputHover$7 = "_inputHover_14lor_13";
+const inputFocus$7 = "_inputFocus_14lor_18";
+const inputError$7 = "_inputError_14lor_25";
+const inputWarning$7 = "_inputWarning_14lor_26";
+const inputDisabled$7 = "_inputDisabled_14lor_61";
+const hideScrollbars$7 = "_hideScrollbars_14lor_67";
+const container$1 = "_container_14lor_83";
+const block$1 = "_block_14lor_101";
+const info = "_info_14lor_104";
+const success = "_success_14lor_108";
+const warning$6 = "_warning_14lor_112";
+const error$4 = "_error_14lor_116";
+const content$1 = "_content_14lor_120";
+const heading$2 = "_heading_14lor_124";
+const icon$3 = "_icon_14lor_131";
+const dismiss$1 = "_dismiss_14lor_139";
+const absolute = "_absolute_14lor_143";
+const legendToggle = "_legendToggle_14lor_154";
+const detailsText = "_detailsText_14lor_164";
+const footer$1 = "_footer_14lor_168";
 const styles$r = {
   inputInTable: inputInTable$7,
   inputHover: inputHover$7,
@@ -27451,23 +27468,23 @@ Page.propTypes = {
   scroll: propTypes$1.exports.bool,
   top: propTypes$1.exports.oneOfType([propTypes$1.exports.number, propTypes$1.exports.string])
 };
-const inputInTable$6 = "_inputInTable_1gnm8_1";
-const inputHover$6 = "_inputHover_1gnm8_13";
-const inputFocus$6 = "_inputFocus_1gnm8_18";
-const inputError$6 = "_inputError_1gnm8_25";
-const inputWarning$6 = "_inputWarning_1gnm8_26";
-const inputDisabled$6 = "_inputDisabled_1gnm8_61";
-const hideScrollbars$6 = "_hideScrollbars_1gnm8_67";
-const select = "_select_1gnm8_77";
-const isInTable$2 = "_isInTable_1gnm8_121";
-const unSelected = "_unSelected_1gnm8_133";
-const error$3 = "_error_1gnm8_140";
-const warning$5 = "_warning_1gnm8_157";
-const small$6 = "_small_1gnm8_174";
-const right$3 = "_right_1gnm8_182";
-const groupOrderFirst$1 = "_groupOrderFirst_1gnm8_193";
-const groupOrderMiddle$1 = "_groupOrderMiddle_1gnm8_194";
-const groupOrderLast$1 = "_groupOrderLast_1gnm8_198";
+const inputInTable$6 = "_inputInTable_3n1vw_1";
+const inputHover$6 = "_inputHover_3n1vw_13";
+const inputFocus$6 = "_inputFocus_3n1vw_18";
+const inputError$6 = "_inputError_3n1vw_25";
+const inputWarning$6 = "_inputWarning_3n1vw_26";
+const inputDisabled$6 = "_inputDisabled_3n1vw_61";
+const hideScrollbars$6 = "_hideScrollbars_3n1vw_67";
+const select = "_select_3n1vw_77";
+const isInTable$2 = "_isInTable_3n1vw_121";
+const unSelected = "_unSelected_3n1vw_133";
+const error$3 = "_error_3n1vw_140";
+const warning$5 = "_warning_3n1vw_157";
+const small$6 = "_small_3n1vw_174";
+const right$3 = "_right_3n1vw_182";
+const groupOrderFirst$1 = "_groupOrderFirst_3n1vw_193";
+const groupOrderMiddle$1 = "_groupOrderMiddle_3n1vw_194";
+const groupOrderLast$1 = "_groupOrderLast_3n1vw_198";
 const styles$n = {
   inputInTable: inputInTable$6,
   inputHover: inputHover$6,
@@ -28420,20 +28437,20 @@ var FixedSizeList = /* @__PURE__ */ createListComponent({
     }
   }
 });
-const layerContainer = "_layerContainer_1fntp_1";
-const layer = "_layer_1fntp_1";
-const small$5 = "_small_1fntp_23";
-const heading = "_heading_1fntp_26";
-const option = "_option_1fntp_27";
-const message = "_message_1fntp_28";
-const focused = "_focused_1fntp_64";
-const selected = "_selected_1fntp_68";
-const disabled$4 = "_disabled_1fntp_71";
-const check = "_check_1fntp_75";
-const optionContent = "_optionContent_1fntp_92";
-const label$5 = "_label_1fntp_97";
-const icon$2 = "_icon_1fntp_104";
-const details = "_details_1fntp_109";
+const layerContainer = "_layerContainer_fjcyu_1";
+const layer = "_layer_fjcyu_1";
+const small$5 = "_small_fjcyu_23";
+const heading = "_heading_fjcyu_26";
+const option = "_option_fjcyu_27";
+const message = "_message_fjcyu_28";
+const focused = "_focused_fjcyu_64";
+const selected = "_selected_fjcyu_68";
+const disabled$4 = "_disabled_fjcyu_71";
+const check = "_check_fjcyu_75";
+const optionContent = "_optionContent_fjcyu_92";
+const label$5 = "_label_fjcyu_97";
+const icon$2 = "_icon_fjcyu_104";
+const details = "_details_fjcyu_109";
 const styles$m = {
   layerContainer,
   layer,
@@ -28651,37 +28668,37 @@ const Layer = ({
     })
   });
 };
-const inputInTable$5 = "_inputInTable_1st63_1";
-const inputHover$5 = "_inputHover_1st63_13";
-const inputFocus$5 = "_inputFocus_1st63_18";
-const inputError$5 = "_inputError_1st63_25";
-const inputWarning$5 = "_inputWarning_1st63_26";
-const inputDisabled$5 = "_inputDisabled_1st63_61";
-const hideScrollbars$5 = "_hideScrollbars_1st63_67";
-const trigger$1 = "_trigger_1st63_77";
-const isInTable$1 = "_isInTable_1st63_93";
-const input = "_input_1st63_1";
-const isOpen = "_isOpen_1st63_114";
-const error$2 = "_error_1st63_122";
-const warning$4 = "_warning_1st63_139";
-const disabled$3 = "_disabled_1st63_156";
-const icons = "_icons_1st63_162";
-const clearAll = "_clearAll_1st63_169";
-const iconOpen = "_iconOpen_1st63_170";
-const small$4 = "_small_1st63_181";
-const triggerInputContainer = "_triggerInputContainer_1st63_189";
-const right$2 = "_right_1st63_198";
-const multiOptions = "_multiOptions_1st63_211";
-const multiOption = "_multiOption_1st63_211";
-const label$4 = "_label_1st63_239";
-const closeMultiOption = "_closeMultiOption_1st63_242";
-const focus = "_focus_1st63_253";
-const selectedSingleValue = "_selectedSingleValue_1st63_257";
-const placeHolder = "_placeHolder_1st63_258";
-const groupOrderFirst = "_groupOrderFirst_1st63_297";
-const groupOrderMiddle = "_groupOrderMiddle_1st63_298";
-const groupOrderLast = "_groupOrderLast_1st63_302";
-const detailedLabel = "_detailedLabel_1st63_307";
+const inputInTable$5 = "_inputInTable_12t1r_1";
+const inputHover$5 = "_inputHover_12t1r_13";
+const inputFocus$5 = "_inputFocus_12t1r_18";
+const inputError$5 = "_inputError_12t1r_25";
+const inputWarning$5 = "_inputWarning_12t1r_26";
+const inputDisabled$5 = "_inputDisabled_12t1r_61";
+const hideScrollbars$5 = "_hideScrollbars_12t1r_67";
+const trigger$1 = "_trigger_12t1r_77";
+const isInTable$1 = "_isInTable_12t1r_93";
+const input = "_input_12t1r_1";
+const isOpen = "_isOpen_12t1r_114";
+const error$2 = "_error_12t1r_122";
+const warning$4 = "_warning_12t1r_139";
+const disabled$3 = "_disabled_12t1r_156";
+const icons = "_icons_12t1r_162";
+const clearAll = "_clearAll_12t1r_169";
+const iconOpen = "_iconOpen_12t1r_170";
+const small$4 = "_small_12t1r_181";
+const triggerInputContainer = "_triggerInputContainer_12t1r_189";
+const right$2 = "_right_12t1r_198";
+const multiOptions = "_multiOptions_12t1r_211";
+const multiOption = "_multiOption_12t1r_211";
+const label$4 = "_label_12t1r_239";
+const closeMultiOption = "_closeMultiOption_12t1r_242";
+const focus = "_focus_12t1r_253";
+const selectedSingleValue = "_selectedSingleValue_12t1r_257";
+const placeHolder = "_placeHolder_12t1r_258";
+const groupOrderFirst = "_groupOrderFirst_12t1r_297";
+const groupOrderMiddle = "_groupOrderMiddle_12t1r_298";
+const groupOrderLast = "_groupOrderLast_12t1r_302";
+const detailedLabel = "_detailedLabel_12t1r_307";
 const styles$l = {
   inputInTable: inputInTable$5,
   inputHover: inputHover$5,
@@ -29885,9 +29902,9 @@ const paginationShape = propTypes$1.exports.shape({
 Pagination.propTypes = {
   pagination: paginationShape.isRequired
 };
-const toggleBox = "_toggleBox_j2pkg_1";
-const fullWidthStyleFix = "_fullWidthStyleFix_j2pkg_8";
-const dismiss = "_dismiss_j2pkg_13";
+const toggleBox = "_toggleBox_1hhl2_1";
+const fullWidthStyleFix = "_fullWidthStyleFix_1hhl2_8";
+const dismiss = "_dismiss_1hhl2_13";
 const styles$j = {
   toggleBox,
   fullWidthStyleFix,
@@ -30087,14 +30104,14 @@ ProgressBar$1.propTypes = {
   showProgressColors: propTypes$1.exports.bool,
   noLabel: propTypes$1.exports.bool
 };
-const wrapper$1 = "_wrapper_1huel_1";
-const inline$1 = "_inline_1huel_1";
-const radio = "_radio_1huel_5";
-const labelMargin = "_labelMargin_1huel_8";
-const small$3 = "_small_1huel_27";
-const noMargin$1 = "_noMargin_1huel_32";
-const disabled$2 = "_disabled_1huel_90";
-const isInTable = "_isInTable_1huel_106";
+const wrapper$1 = "_wrapper_lzn5h_1";
+const inline$1 = "_inline_lzn5h_1";
+const radio = "_radio_lzn5h_5";
+const labelMargin = "_labelMargin_lzn5h_8";
+const small$3 = "_small_lzn5h_27";
+const noMargin$1 = "_noMargin_lzn5h_32";
+const disabled$2 = "_disabled_lzn5h_90";
+const isInTable = "_isInTable_lzn5h_106";
 const styles$g = {
   wrapper: wrapper$1,
   inline: inline$1,
@@ -56719,8 +56736,8 @@ function Remirror(props) {
   return /* @__PURE__ */ React__default.createElement(I18nProvider, { i18n: i18n2, locale, supportedLocales }, /* @__PURE__ */ React__default.createElement(RemirrorContext.Provider, { value: context2 }, /* @__PURE__ */ React__default.createElement(RemirrorPortals, { portals }), hooks.map((hook, index2) => /* @__PURE__ */ React__default.createElement(HookComponent, { hook, key: index2 })), autoRenderAtStart && /* @__PURE__ */ React__default.createElement(EditorComponent, null), children, autoRenderAtEnd && /* @__PURE__ */ React__default.createElement(EditorComponent, null)));
 }
 const all = "";
-const richTextToolbar = "_richTextToolbar_1fwio_1";
-const richTextToolbarContainer = "_richTextToolbarContainer_1fwio_5";
+const richTextToolbar = "_richTextToolbar_1xawa_1";
+const richTextToolbarContainer = "_richTextToolbarContainer_1xawa_5";
 const styles$f = {
   richTextToolbar,
   richTextToolbarContainer
@@ -57019,24 +57036,24 @@ var reactFastCompare = function isEqual3(a2, b2) {
     throw error2;
   }
 };
-const inputInTable$3 = "_inputInTable_19p7c_1";
-const inputHover$3 = "_inputHover_19p7c_13";
-const inputFocus$3 = "_inputFocus_19p7c_18";
-const inputError$3 = "_inputError_19p7c_25";
-const inputWarning$3 = "_inputWarning_19p7c_26";
-const inputDisabled$3 = "_inputDisabled_19p7c_61";
-const hideScrollbars$3 = "_hideScrollbars_19p7c_67";
-const sidebar = "_sidebar_19p7c_81";
-const inner = "_inner_19p7c_92";
-const title$2 = "_title_19p7c_102";
-const subtitle = "_subtitle_19p7c_103";
-const label$2 = "_label_19p7c_104";
-const collapsed = "_collapsed_19p7c_108";
-const list = "_list_19p7c_133";
-const item$2 = "_item_19p7c_137";
-const active$2 = "_active_19p7c_163";
-const experimental = "_experimental_19p7c_167";
-const icon$1 = "_icon_19p7c_170";
+const inputInTable$3 = "_inputInTable_1va6s_1";
+const inputHover$3 = "_inputHover_1va6s_13";
+const inputFocus$3 = "_inputFocus_1va6s_18";
+const inputError$3 = "_inputError_1va6s_25";
+const inputWarning$3 = "_inputWarning_1va6s_26";
+const inputDisabled$3 = "_inputDisabled_1va6s_61";
+const hideScrollbars$3 = "_hideScrollbars_1va6s_67";
+const sidebar = "_sidebar_1va6s_81";
+const inner = "_inner_1va6s_92";
+const title$2 = "_title_1va6s_102";
+const subtitle = "_subtitle_1va6s_103";
+const label$2 = "_label_1va6s_104";
+const collapsed = "_collapsed_1va6s_108";
+const list = "_list_1va6s_133";
+const item$2 = "_item_1va6s_137";
+const active$2 = "_active_1va6s_163";
+const experimental = "_experimental_1va6s_167";
+const icon$1 = "_icon_1va6s_170";
 const styles$c = {
   inputInTable: inputInTable$3,
   inputHover: inputHover$3,
@@ -57066,7 +57083,7 @@ const TooltipIcon = memo(
       possiblePlacements: ["right-center"],
       triggerOffset: 24,
       fontSize: 16,
-      padding: "var(--padding-card)",
+      padding: "var(--padding-sm)",
       display: "block",
       children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, {
         icon: icon2,
@@ -59257,13 +59274,13 @@ const SliderTooltip = ({ text: text2 }) => {
   });
 };
 const rcSlider = "";
-const container = "_container_k6ypd_1";
-const small$2 = "_small_k6ypd_7";
-const hasMarks = "_hasMarks_k6ypd_10";
-const vertical = "_vertical_k6ypd_13";
-const hasArrows = "_hasArrows_k6ypd_17";
-const button$1 = "_button_k6ypd_21";
-const label$1 = "_label_k6ypd_24";
+const container = "_container_1uezr_1";
+const small$2 = "_small_1uezr_7";
+const hasMarks = "_hasMarks_1uezr_10";
+const vertical = "_vertical_1uezr_13";
+const hasArrows = "_hasArrows_1uezr_17";
+const button$1 = "_button_1uezr_21";
+const label$1 = "_label_1uezr_24";
 const styles$b = {
   container,
   small: small$2,
@@ -59466,7 +59483,7 @@ const Spacer = ({ height, width, flex }) => /* @__PURE__ */ jsxRuntime.exports.j
   }
 });
 Spacer.defaultProps = {
-  height: "var(--padding-y)",
+  height: "var(--spacing)",
   width: null,
   flex: false
 };
@@ -59501,7 +59518,7 @@ const styles$a = {
   table,
   striped
 };
-const title$1 = "_title_1hgtl_1";
+const title$1 = "_title_1x464_1";
 const styles$9 = {
   title: title$1
 };
@@ -59610,36 +59627,35 @@ Footer.propTypes = {
   pagination: paginationShape,
   content: propTypes$1.exports.object
 };
-const inputInTable$1 = "_inputInTable_hyzeo_1";
-const inputHover$1 = "_inputHover_hyzeo_13";
-const inputFocus$1 = "_inputFocus_hyzeo_18";
-const inputError$1 = "_inputError_hyzeo_25";
-const inputWarning$1 = "_inputWarning_hyzeo_26";
-const inputDisabled$1 = "_inputDisabled_hyzeo_61";
-const hideScrollbars$1 = "_hideScrollbars_hyzeo_67";
-const cell = "_cell_hyzeo_77";
-const disabledLink = "_disabledLink_hyzeo_87";
-const inputWrapper = "_inputWrapper_hyzeo_91";
-const breakWord = "_breakWord_hyzeo_106";
-const inputCell = "_inputCell_hyzeo_109";
-const sliderCell = "_sliderCell_hyzeo_112";
-const staticCell = "_staticCell_hyzeo_116";
-const staticCellContent = "_staticCellContent_hyzeo_119";
-const error$1 = "_error_hyzeo_132";
-const warning$2 = "_warning_hyzeo_133";
-const unit = "_unit_hyzeo_142";
-const sortingCell = "_sortingCell_hyzeo_145";
-const sortingCellIcon = "_sortingCellIcon_hyzeo_156";
-const icon = "_icon_hyzeo_167";
-const checkBoxCell = "_checkBoxCell_hyzeo_171";
-const iconCell = "_iconCell_hyzeo_175";
-const iconWrapper = "_iconWrapper_hyzeo_180";
-const actionsCell = "_actionsCell_hyzeo_184";
-const rightAligned = "_rightAligned_hyzeo_192";
-const centerAligned = "_centerAligned_hyzeo_198";
-const leftAligned = "_leftAligned_hyzeo_204";
-const popover = "_popover_hyzeo_207";
-const disabledPointerEvents = "_disabledPointerEvents_hyzeo_210";
+const inputInTable$1 = "_inputInTable_1orll_1";
+const inputHover$1 = "_inputHover_1orll_13";
+const inputFocus$1 = "_inputFocus_1orll_18";
+const inputError$1 = "_inputError_1orll_25";
+const inputWarning$1 = "_inputWarning_1orll_26";
+const inputDisabled$1 = "_inputDisabled_1orll_61";
+const hideScrollbars$1 = "_hideScrollbars_1orll_67";
+const cell = "_cell_1orll_77";
+const disabledLink = "_disabledLink_1orll_87";
+const inputWrapper = "_inputWrapper_1orll_91";
+const breakWord = "_breakWord_1orll_106";
+const inputCell = "_inputCell_1orll_109";
+const sliderCell = "_sliderCell_1orll_112";
+const staticCell = "_staticCell_1orll_116";
+const staticCellContent = "_staticCellContent_1orll_119";
+const error$1 = "_error_1orll_132";
+const warning$2 = "_warning_1orll_133";
+const unit = "_unit_1orll_142";
+const sortingCell = "_sortingCell_1orll_145";
+const sortingCellIcon = "_sortingCellIcon_1orll_156";
+const icon = "_icon_1orll_167";
+const checkBoxCell = "_checkBoxCell_1orll_171";
+const iconCellWrapper = "_iconCellWrapper_1orll_175";
+const actionsCell = "_actionsCell_1orll_179";
+const rightAligned = "_rightAligned_1orll_187";
+const centerAligned = "_centerAligned_1orll_193";
+const leftAligned = "_leftAligned_1orll_199";
+const popover = "_popover_1orll_202";
+const disabledPointerEvents = "_disabledPointerEvents_1orll_205";
 const styles$7 = {
   inputInTable: inputInTable$1,
   inputHover: inputHover$1,
@@ -59663,8 +59679,7 @@ const styles$7 = {
   sortingCellIcon,
   icon,
   checkBoxCell,
-  iconCell,
-  iconWrapper,
+  iconCellWrapper,
   actionsCell,
   rightAligned,
   centerAligned,
@@ -60018,10 +60033,17 @@ const CellLibraryIcon = (props) => {
 };
 const IconCell = (props) => {
   const { cell: cell2 } = props;
+  const { tooltip: tooltip2, icon: icon2 } = cell2;
   return /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
-    className: styles$7.iconWrapper,
-    children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, {
-      icon: cell2.icon
+    className: styles$7.iconCellWrapper,
+    children: /* @__PURE__ */ jsxRuntime.exports.jsx(Tooltip, {
+      text: tooltip2,
+      enabled: tooltip2 && isStringNumberOrNode(tooltip2),
+      display: "flex",
+      placement: "top-center",
+      children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, {
+        icon: icon2
+      })
     })
   });
 };
@@ -60927,16 +60949,16 @@ Table.propTypes = {
   }).isRequired,
   onListReorder: propTypes$1.exports.func
 };
-const tabs = "_tabs_bpi2q_1";
-const padding = "_padding_bpi2q_7";
-const margin = "_margin_bpi2q_11";
-const contentPadding = "_contentPadding_bpi2q_14";
-const item$1 = "_item_bpi2q_17";
-const active$1 = "_active_bpi2q_38";
-const hidden = "_hidden_bpi2q_57";
-const disabled$1 = "_disabled_bpi2q_60";
-const left$1 = "_left_bpi2q_64";
-const right$1 = "_right_bpi2q_64";
+const tabs = "_tabs_1d4dq_1";
+const padding = "_padding_1d4dq_7";
+const margin = "_margin_1d4dq_11";
+const contentPadding = "_contentPadding_1d4dq_14";
+const item$1 = "_item_1d4dq_17";
+const active$1 = "_active_1d4dq_38";
+const hidden = "_hidden_1d4dq_57";
+const disabled$1 = "_disabled_1d4dq_60";
+const left$1 = "_left_1d4dq_64";
+const right$1 = "_right_1d4dq_64";
 const styles$5 = {
   tabs,
   padding,
@@ -62371,10 +62393,10 @@ const toast = ({ id: id2, message: message2, autoClose = 6e3, onClose }) => {
     type: toastType
   });
 };
-const toggle$1 = "_toggle_esa9y_9";
-const small = "_small_esa9y_25";
-const disabled = "_disabled_esa9y_102";
-const noMargin = "_noMargin_esa9y_113";
+const toggle$1 = "_toggle_12zt1_9";
+const small = "_small_12zt1_25";
+const disabled = "_disabled_12zt1_102";
+const noMargin = "_noMargin_12zt1_113";
 const styles$3 = {
   toggle: toggle$1,
   small,
@@ -62450,22 +62472,22 @@ Toggle.propTypes = {
   helpText: propTypes$1.exports.string,
   onClickHelp: propTypes$1.exports.func
 };
-const topbar = "_topbar_uzfj5_8";
-const fixed = "_fixed_uzfj5_17";
-const appSwitcher = "_appSwitcher_uzfj5_25";
-const title = "_title_uzfj5_49";
-const logo = "_logo_uzfj5_65";
-const label = "_label_uzfj5_68";
-const brand = "_brand_uzfj5_73";
-const version = "_version_uzfj5_78";
-const left = "_left_uzfj5_85";
-const right = "_right_uzfj5_86";
-const item = "_item_uzfj5_100";
-const link = "_link_uzfj5_101";
-const button = "_button_uzfj5_113";
-const menu = "_menu_uzfj5_114";
-const active = "_active_uzfj5_142";
-const alert = "_alert_uzfj5_167";
+const topbar = "_topbar_1yq2w_8";
+const fixed = "_fixed_1yq2w_17";
+const appSwitcher = "_appSwitcher_1yq2w_25";
+const title = "_title_1yq2w_49";
+const logo = "_logo_1yq2w_65";
+const label = "_label_1yq2w_68";
+const brand = "_brand_1yq2w_73";
+const version = "_version_1yq2w_78";
+const left = "_left_1yq2w_85";
+const right = "_right_1yq2w_86";
+const item = "_item_1yq2w_100";
+const link = "_link_1yq2w_101";
+const button = "_button_1yq2w_113";
+const menu = "_menu_1yq2w_114";
+const active = "_active_1yq2w_142";
+const alert = "_alert_1yq2w_167";
 const styles$2 = {
   topbar,
   fixed,
@@ -62709,9 +62731,9 @@ TopBar.propTypes = {
   height: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   fixedPosition: propTypes$1.exports.bool
 };
-const popConfirm = "_popConfirm_1l7dy_1";
-const content = "_content_1l7dy_7";
-const buttons = "_buttons_1l7dy_12";
+const popConfirm = "_popConfirm_13o7s_1";
+const content = "_content_13o7s_7";
+const buttons = "_buttons_13o7s_12";
 const styles$1 = {
   popConfirm,
   content,