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

package/dist/index.js

@@ -1925,8 +1925,8 @@ var classnames = { exports: {} };
   })();
 })(classnames);
 const cx$2 = classnames.exports;
-const chevron = "_chevron_1u6ki_1";
-const expanded$2 = "_expanded_1u6ki_9";
+const chevron = "_chevron_1jfmf_1";
+const expanded$2 = "_expanded_1jfmf_9";
 const styles$T = {
   chevron,
   expanded: expanded$2
@@ -3279,15 +3279,15 @@ const Chevron = ({ expanded: expanded2 }) => {
     })
   });
 };
-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 accordion = "_accordion_g9mdx_1";
+const accordionHeader = "_accordionHeader_g9mdx_5";
+const heading$6 = "_heading_g9mdx_9";
+const clickable$1 = "_clickable_g9mdx_12";
+const bordered$4 = "_bordered_g9mdx_18";
+const accordionContent = "_accordionContent_g9mdx_18";
+const expanded$1 = "_expanded_g9mdx_31";
+const padding$3 = "_padding_g9mdx_40";
+const squareBottom = "_squareBottom_g9mdx_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_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 checkbox = "_checkbox_d2sgw_1";
+const noLabel = "_noLabel_d2sgw_17";
+const small$e = "_small_d2sgw_20";
+const checkmark = "_checkmark_d2sgw_43";
+const disabled$9 = "_disabled_d2sgw_67";
+const noMargin$2 = "_noMargin_d2sgw_81";
+const isInTable$4 = "_isInTable_d2sgw_84";
 const styles$Q = {
   checkbox,
   noLabel,
@@ -5444,7 +5444,7 @@ TooltipLayer.defaultProps = {
   warning: false,
   maxWidth: "none",
   fontSize: "inherit",
-  padding: "var(--spacing-xs) var(--spacing-sm)",
+  padding: "var(--margin-xs) var(--margin-sm)",
   layerProps: {
     style: {
       position: "fixed"
@@ -5546,7 +5546,7 @@ Tooltip.defaultProps = {
     "right-center"
   ],
   fontSize: "inherit",
-  padding: "var(--spacing-xs) var(--spacing-sm)",
+  padding: "var(--margin-xs) var(--margin-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_q4imk_1";
-const checkboxWrapper = "_checkboxWrapper_q4imk_7";
-const padding$2 = "_padding_q4imk_13";
-const contentWrapper = "_contentWrapper_q4imk_16";
+const bordered$3 = "_bordered_1lw5s_1";
+const checkboxWrapper = "_checkboxWrapper_1lw5s_7";
+const padding$2 = "_padding_1lw5s_13";
+const contentWrapper = "_contentWrapper_1lw5s_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_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 wrapper$4 = "_wrapper_aulte_1";
+const layer$1 = "_layer_aulte_5";
+const layerContainer$1 = "_layerContainer_aulte_8";
+const nested = "_nested_aulte_23";
+const fileInput$1 = "_fileInput_aulte_35";
+const trigger$2 = "_trigger_aulte_41";
+const middleAlignedInline = "_middleAlignedInline_aulte_50";
+const heading$5 = "_heading_aulte_56";
+const headingIcon = "_headingIcon_aulte_62";
+const option$1 = "_option_aulte_74";
+const active$8 = "_active_aulte_92";
+const selected$1 = "_selected_aulte_97";
+const optionContent$1 = "_optionContent_aulte_103";
+const inline$4 = "_inline_aulte_108";
+const icon$5 = "_icon_aulte_113";
+const check$1 = "_check_aulte_114";
+const text$3 = "_text_aulte_136";
+const label$a = "_label_aulte_141";
+const description = "_description_aulte_152";
+const arrow$1 = "_arrow_aulte_156";
+const divider$1 = "_divider_aulte_160";
+const deprecatedSemanticIcon = "_deprecatedSemanticIcon_aulte_164";
+const disabled$8 = "_disabled_aulte_168";
+const buttonLabel = "_buttonLabel_aulte_173";
+const buttonCaret = "_buttonCaret_aulte_179";
+const component = "_component_aulte_183";
+const right$7 = "_right_aulte_189";
+const actions$2 = "_actions_aulte_194";
 const styles$M = {
   wrapper: wrapper$4,
   layer: layer$1,
@@ -11393,8 +11393,7 @@ const Option$2 = ({
       icon2 ? /* @__PURE__ */ jsxRuntime.exports.jsx("span", {
         className: styles$M.icon,
         children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, {
-          icon: icon2,
-          size: 14
+          icon: icon2
         })
       }) : null,
       /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
@@ -11556,14 +11555,14 @@ const placementOptions$1 = (placement, isNested = false) => ({
   preferY: "bottom",
   placement: placement || (isNested ? "right-start" : "bottom-start")
 });
-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 wrapper$3 = "_wrapper_12awj_1";
+const badge = "_badge_12awj_5";
+const label$9 = "_label_12awj_11";
+const dark$1 = "_dark_12awj_23";
+const light = "_light_12awj_26";
+const small$d = "_small_12awj_29";
+const dot = "_dot_12awj_33";
+const hasChildren = "_hasChildren_12awj_38";
 const styles$L = {
   wrapper: wrapper$3,
   badge,
@@ -11619,32 +11618,32 @@ Badge.propTypes = {
   margin: propTypes$1.exports.string,
   small: propTypes$1.exports.bool
 };
-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 inputInTable$b = "_inputInTable_1695e_1";
+const inputHover$b = "_inputHover_1695e_13";
+const inputFocus$b = "_inputFocus_1695e_18";
+const inputError$b = "_inputError_1695e_25";
+const inputWarning$b = "_inputWarning_1695e_26";
+const inputDisabled$b = "_inputDisabled_1695e_61";
+const hideScrollbars$b = "_hideScrollbars_1695e_67";
+const button$3 = "_button_1695e_103";
+const active$7 = "_active_1695e_139";
+const green$1 = "_green_1695e_139";
+const red$1 = "_red_1695e_139";
+const orange$1 = "_orange_1695e_139";
+const icon$4 = "_icon_1695e_151";
+const iconOnly = "_iconOnly_1695e_157";
+const basic = "_basic_1695e_167";
+const muted$2 = "_muted_1695e_173";
+const disabled$7 = "_disabled_1695e_192";
+const small$c = "_small_1695e_202";
+const pill = "_pill_1695e_207";
+const round = "_round_1695e_208";
+const error$8 = "_error_1695e_275";
+const warning$c = "_warning_1695e_292";
+const inverted$1 = "_inverted_1695e_309";
+const groupOrderFirst$4 = "_groupOrderFirst_1695e_339";
+const groupOrderMiddle$4 = "_groupOrderMiddle_1695e_340";
+const groupOrderLast$4 = "_groupOrderLast_1695e_341";
 const buttonStyles = {
   inputInTable: inputInTable$b,
   inputHover: inputHover$b,
@@ -11673,11 +11672,11 @@ const buttonStyles = {
   groupOrderMiddle: groupOrderMiddle$4,
   groupOrderLast: groupOrderLast$4
 };
-const spinner = "_spinner_199j8_1";
-const small$b = "_small_199j8_7";
-const tiny = "_tiny_199j8_11";
-const colored$1 = "_colored_199j8_38";
-const dark = "_dark_199j8_50";
+const spinner = "_spinner_amhhg_1";
+const small$b = "_small_amhhg_19";
+const tiny = "_tiny_amhhg_22";
+const colored$1 = "_colored_amhhg_25";
+const dark = "_dark_amhhg_28";
 const styles$K = {
   spinner,
   small: small$b,
@@ -12383,9 +12382,9 @@ Menu.propTypes = {
   open: propTypes$1.exports.bool,
   setOpen: propTypes$1.exports.func
 };
-const actions$1 = "_actions_1i950_1";
-const actionComponentContainer = "_actionComponentContainer_1i950_11";
-const active$6 = "_active_1i950_33";
+const actions$1 = "_actions_kwhh8_1";
+const actionComponentContainer = "_actionComponentContainer_kwhh8_11";
+const active$6 = "_active_kwhh8_33";
 const styles$J = {
   actions: actions$1,
   actionComponentContainer,
@@ -12486,12 +12485,12 @@ Actions.propTypes = {
   actions: actionsShape,
   right: propTypes$1.exports.bool
 };
-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 breadcrumb = "_breadcrumb_sgoi8_1";
+const small$a = "_small_sgoi8_4";
+const labelContainer = "_labelContainer_sgoi8_7";
+const active$5 = "_active_sgoi8_17";
+const disabled$6 = "_disabled_sgoi8_22";
+const separator = "_separator_sgoi8_27";
 const styles$I = {
   breadcrumb,
   small: small$a,
@@ -12679,13 +12678,13 @@ ButtonGroup.propTypes = {
   value: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   testId: propTypes$1.exports.string
 };
-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 card = "_card_1r818_1";
+const bordered$2 = "_bordered_1r818_4";
+const raised = "_raised_1r818_10";
+const cardHeader = "_cardHeader_1r818_13";
+const cardContentBorderTop = "_cardContentBorderTop_1r818_19";
+const padding$1 = "_padding_1r818_22";
+const cardContent = "_cardContent_1r818_19";
 const styles$G = {
   card,
   bordered: bordered$2,
@@ -13922,7 +13921,7 @@ const StyledColumn = styled.div`
   background: ${(p) => p.background};
   border-left: ${(p) => p.borderLeft === true ? "1px solid var(--color-border)" : p.borderLeft};
   border-right: ${(p) => p.borderRight === true ? "1px solid var(--color-border)" : p.borderRight};
-  padding: ${(p) => p.spacing ? `0 ${p.spacing / 2}px` : "0"};
+  padding: ${(p) => p.spacing ? `0 calc(${p.spacing} / 2)` : "0"};
   ${(p) => !p.showScrollbar && noScrollbars}
 
   @media (max-width: 992px) {
@@ -14119,7 +14118,7 @@ const Divider = ({ children, margin: margin2, color: color2, align }) => /* @__P
   }) : children
 });
 Divider.defaultProps = {
-  margin: "var(--spacing)",
+  margin: "var(--margin)",
   color: "var(--color-border)",
   align: "center"
 };
@@ -14128,9 +14127,9 @@ Divider.propTypes = {
   color: propTypes$1.exports.string,
   align: propTypes$1.exports.string
 };
-const heading$4 = "_heading_vqv58_1";
-const top$1 = "_top_vqv58_10";
-const icons$2 = "_icons_vqv58_20";
+const heading$4 = "_heading_ss23n_1";
+const top$1 = "_top_ss23n_10";
+const icons$2 = "_icons_ss23n_20";
 const styles$D = {
   heading: heading$4,
   top: top$1,
@@ -14207,13 +14206,13 @@ Heading$2.propTypes = {
   top: propTypes$1.exports.bool,
   testId: propTypes$1.exports.string
 };
-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 dialog = "_dialog_9wobf_1";
+const inline$3 = "_inline_9wobf_18";
+const scroll$3 = "_scroll_9wobf_21";
+const header$2 = "_header_9wobf_24";
+const dismiss$2 = "_dismiss_9wobf_33";
+const content$3 = "_content_9wobf_38";
+const footer$2 = "_footer_9wobf_47";
 const styles$C = {
   dialog,
   inline: inline$3,
@@ -16675,8 +16674,8 @@ Drawer.propTypes = {
   onClose: propTypes$1.exports.func,
   onOpen: propTypes$1.exports.func
 };
-const empty$2 = "_empty_eyl8c_1";
-const text$2 = "_text_eyl8c_11";
+const empty$2 = "_empty_1ytdm_1";
+const text$2 = "_text_1ytdm_11";
 const styles$A = {
   empty: empty$2,
   text: text$2
@@ -17054,9 +17053,9 @@ FileInput.propTypes = {
   onChange: propTypes$1.exports.func,
   testId: propTypes$1.exports.string
 };
-const label$7 = "_label_5icu7_1";
-const labelLeft$1 = "_labelLeft_5icu7_5";
-const icons$1 = "_icons_5icu7_13";
+const label$7 = "_label_ik0mj_1";
+const labelLeft$1 = "_labelLeft_ik0mj_5";
+const icons$1 = "_icons_ik0mj_13";
 const styles$w = {
   label: label$7,
   labelLeft: labelLeft$1,
@@ -17155,17 +17154,17 @@ Label$2.propTypes = {
   }),
   labelLeft: propTypes$1.exports.bool
 };
-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 field = "_field_nkfox_1";
+const labelLeft = "_labelLeft_nkfox_5";
+const fieldInput = "_fieldInput_nkfox_9";
+const formRow$1 = "_formRow_nkfox_12";
+const button$2 = "_button_nkfox_22";
 const styles$v = {
   field,
   labelLeft,
   fieldInput,
   formRow: formRow$1,
-  "form-row": "_form-row_1g93a_13",
+  "form-row": "_form-row_nkfox_13",
   button: button$2
 };
 const Field = ({
@@ -17269,7 +17268,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(--margin)" : gap
     },
     children
   });
@@ -17296,7 +17295,7 @@ Flex.propTypes = {
     propTypes$1.exports.number
   ])
 };
-const formRow = "_formRow_1m3f8_1";
+const formRow = "_formRow_e4kcc_1";
 const styles$u = {
   formRow
 };
@@ -17341,7 +17340,7 @@ const Grid = ({
     columns,
     columnsTablet,
     columnsMobile,
-    gap: gap === false ? 0 : gap === true ? "var(--spacing)" : gap,
+    gap: gap === false ? 0 : gap === true ? "var(--margin)" : gap,
     height,
     children
   });
@@ -26315,42 +26314,42 @@ var InfiniteScroll = function(_super) {
   };
   return InfiniteScroll2;
 }(Component$1);
-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 inputInTable$8 = "_inputInTable_c5l8r_1";
+const inputHover$8 = "_inputHover_c5l8r_13";
+const inputFocus$8 = "_inputFocus_c5l8r_18";
+const inputError$8 = "_inputError_c5l8r_25";
+const inputWarning$8 = "_inputWarning_c5l8r_26";
+const inputDisabled$8 = "_inputDisabled_c5l8r_61";
+const hideScrollbars$8 = "_hideScrollbars_c5l8r_67";
+const header$1 = "_header_c5l8r_77";
+const headerTitle = "_headerTitle_c5l8r_77";
+const heading$3 = "_heading_c5l8r_78";
+const itemHeader = "_itemHeader_c5l8r_78";
+const narrow = "_narrow_c5l8r_81";
+const stickyHeader = "_stickyHeader_c5l8r_85";
+const title$3 = "_title_c5l8r_96";
+const name = "_name_c5l8r_102";
+const iconTooltipMargin = "_iconTooltipMargin_c5l8r_105";
+const bold = "_bold_c5l8r_108";
+const toggleNarrow = "_toggleNarrow_c5l8r_117";
+const drag$1 = "_drag_c5l8r_135";
+const list$1 = "_list_c5l8r_152";
+const bordered$1 = "_bordered_c5l8r_156";
+const item$4 = "_item_c5l8r_78";
+const action = "_action_c5l8r_189";
+const active$3 = "_active_c5l8r_192";
+const disabled$5 = "_disabled_c5l8r_207";
+const label$6 = "_label_c5l8r_218";
+const details$2 = "_details_c5l8r_224";
+const metadata = "_metadata_c5l8r_225";
+const itemContent = "_itemContent_c5l8r_233";
+const indentIcon = "_indentIcon_c5l8r_240";
+const expandIcon = "_expandIcon_c5l8r_245";
+const expanded = "_expanded_c5l8r_252";
+const right$4 = "_right_c5l8r_255";
+const actions = "_actions_c5l8r_264";
+const scrollableList = "_scrollableList_c5l8r_269";
+const hideScrollbar = "_hideScrollbar_c5l8r_67";
 const listStyles = {
   inputInTable: inputInTable$8,
   inputHover: inputHover$8,
@@ -26458,8 +26457,7 @@ const Label$1 = ({ label: label2 }) => {
 const Name = ({ name: name2, icon: icon2, testId }) => {
   const newIcon = icon2 && /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, {
     icon: icon2.icon,
-    color: icon2.color || "#db2828",
-    size: 12
+    color: icon2.color || "#db2828"
   });
   return /* @__PURE__ */ jsxRuntime.exports.jsxs("span", {
     className: cx$2(listStyles.name, listStyles.bold),
@@ -26956,13 +26954,13 @@ List.propTypes = {
   }),
   testId: propTypes$1.exports.string
 };
-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 loader = "_loader_vbf26_1";
+const fullViewPortSize = "_fullViewPortSize_vbf26_7";
+const cover = "_cover_vbf26_14";
+const dimmer = "_dimmer_vbf26_21";
+const content$2 = "_content_vbf26_44";
+const text$1 = "_text_vbf26_49";
+const details$1 = "_details_vbf26_53";
 const styles$s = {
   loader,
   fullViewPortSize,
@@ -27036,27 +27034,27 @@ Loader.propTypes = {
   testId: propTypes$1.exports.string,
   theme: propTypes$1.exports.string
 };
-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 inputInTable$7 = "_inputInTable_124js_1";
+const inputHover$7 = "_inputHover_124js_13";
+const inputFocus$7 = "_inputFocus_124js_18";
+const inputError$7 = "_inputError_124js_25";
+const inputWarning$7 = "_inputWarning_124js_26";
+const inputDisabled$7 = "_inputDisabled_124js_61";
+const hideScrollbars$7 = "_hideScrollbars_124js_67";
+const container$1 = "_container_124js_83";
+const block$1 = "_block_124js_102";
+const info = "_info_124js_105";
+const success = "_success_124js_109";
+const warning$6 = "_warning_124js_113";
+const error$4 = "_error_124js_117";
+const content$1 = "_content_124js_121";
+const heading$2 = "_heading_124js_125";
+const icon$3 = "_icon_124js_132";
+const dismiss$1 = "_dismiss_124js_140";
+const absolute = "_absolute_124js_144";
+const legendToggle = "_legendToggle_124js_156";
+const detailsText = "_detailsText_124js_166";
+const footer$1 = "_footer_124js_170";
 const styles$r = {
   inputInTable: inputInTable$7,
   inputHover: inputHover$7,
@@ -27468,23 +27466,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_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 inputInTable$6 = "_inputInTable_1a20i_1";
+const inputHover$6 = "_inputHover_1a20i_13";
+const inputFocus$6 = "_inputFocus_1a20i_18";
+const inputError$6 = "_inputError_1a20i_25";
+const inputWarning$6 = "_inputWarning_1a20i_26";
+const inputDisabled$6 = "_inputDisabled_1a20i_61";
+const hideScrollbars$6 = "_hideScrollbars_1a20i_67";
+const select = "_select_1a20i_77";
+const isInTable$2 = "_isInTable_1a20i_121";
+const unSelected = "_unSelected_1a20i_133";
+const error$3 = "_error_1a20i_140";
+const warning$5 = "_warning_1a20i_157";
+const small$6 = "_small_1a20i_174";
+const right$3 = "_right_1a20i_182";
+const groupOrderFirst$1 = "_groupOrderFirst_1a20i_193";
+const groupOrderMiddle$1 = "_groupOrderMiddle_1a20i_194";
+const groupOrderLast$1 = "_groupOrderLast_1a20i_198";
 const styles$n = {
   inputInTable: inputInTable$6,
   inputHover: inputHover$6,
@@ -28437,20 +28435,20 @@ var FixedSizeList = /* @__PURE__ */ createListComponent({
     }
   }
 });
-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 layerContainer = "_layerContainer_1gcyq_1";
+const layer = "_layer_1gcyq_1";
+const small$5 = "_small_1gcyq_23";
+const heading = "_heading_1gcyq_26";
+const option = "_option_1gcyq_27";
+const message = "_message_1gcyq_28";
+const focused = "_focused_1gcyq_64";
+const selected = "_selected_1gcyq_68";
+const disabled$4 = "_disabled_1gcyq_71";
+const check = "_check_1gcyq_75";
+const optionContent = "_optionContent_1gcyq_92";
+const label$5 = "_label_1gcyq_97";
+const icon$2 = "_icon_1gcyq_104";
+const details = "_details_1gcyq_109";
 const styles$m = {
   layerContainer,
   layer,
@@ -28668,37 +28666,37 @@ const Layer = ({
     })
   });
 };
-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 inputInTable$5 = "_inputInTable_18vg7_1";
+const inputHover$5 = "_inputHover_18vg7_13";
+const inputFocus$5 = "_inputFocus_18vg7_18";
+const inputError$5 = "_inputError_18vg7_25";
+const inputWarning$5 = "_inputWarning_18vg7_26";
+const inputDisabled$5 = "_inputDisabled_18vg7_61";
+const hideScrollbars$5 = "_hideScrollbars_18vg7_67";
+const trigger$1 = "_trigger_18vg7_77";
+const isInTable$1 = "_isInTable_18vg7_93";
+const input = "_input_18vg7_1";
+const isOpen = "_isOpen_18vg7_114";
+const error$2 = "_error_18vg7_122";
+const warning$4 = "_warning_18vg7_139";
+const disabled$3 = "_disabled_18vg7_156";
+const icons = "_icons_18vg7_162";
+const clearAll = "_clearAll_18vg7_169";
+const iconOpen = "_iconOpen_18vg7_170";
+const small$4 = "_small_18vg7_181";
+const triggerInputContainer = "_triggerInputContainer_18vg7_189";
+const right$2 = "_right_18vg7_198";
+const multiOptions = "_multiOptions_18vg7_211";
+const multiOption = "_multiOption_18vg7_211";
+const label$4 = "_label_18vg7_239";
+const closeMultiOption = "_closeMultiOption_18vg7_242";
+const focus = "_focus_18vg7_253";
+const selectedSingleValue = "_selectedSingleValue_18vg7_257";
+const placeHolder = "_placeHolder_18vg7_258";
+const groupOrderFirst = "_groupOrderFirst_18vg7_297";
+const groupOrderMiddle = "_groupOrderMiddle_18vg7_298";
+const groupOrderLast = "_groupOrderLast_18vg7_302";
+const detailedLabel = "_detailedLabel_18vg7_307";
 const styles$l = {
   inputInTable: inputInTable$5,
   inputHover: inputHover$5,
@@ -30104,14 +30102,14 @@ ProgressBar$1.propTypes = {
   showProgressColors: propTypes$1.exports.bool,
   noLabel: propTypes$1.exports.bool
 };
-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 wrapper$1 = "_wrapper_11w67_1";
+const inline$1 = "_inline_11w67_1";
+const radio = "_radio_11w67_5";
+const labelMargin = "_labelMargin_11w67_8";
+const small$3 = "_small_11w67_27";
+const noMargin$1 = "_noMargin_11w67_32";
+const disabled$2 = "_disabled_11w67_90";
+const isInTable = "_isInTable_11w67_106";
 const styles$g = {
   wrapper: wrapper$1,
   inline: inline$1,
@@ -56736,8 +56734,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_1xawa_1";
-const richTextToolbarContainer = "_richTextToolbarContainer_1xawa_5";
+const richTextToolbar = "_richTextToolbar_wr96k_1";
+const richTextToolbarContainer = "_richTextToolbarContainer_wr96k_5";
 const styles$f = {
   richTextToolbar,
   richTextToolbarContainer
@@ -56897,10 +56895,11 @@ const Row$1 = ({
   height,
   marginBottom,
   marginTop,
-  spacing,
+  spacing: spacingProp,
   wrap: wrap2,
   testId
 }) => {
+  const spacing = typeof spacingProp === "number" ? `${spacingProp}px` : spacingProp;
   const childElements = children === null || children === false ? [] : children instanceof Array ? children.filter((c2) => isValidElement(c2)) : [children];
   const columns = childElements.map((item2, index2) => /* @__PURE__ */ jsxRuntime.exports.jsx(Fragment$1, {
     children: React__default.cloneElement(item2, { spacing })
@@ -56914,8 +56913,8 @@ const Row$1 = ({
       flexShrink: flex ? 1 : 0,
       flexWrap: wrap2 ? "wrap" : "nowrap",
       height,
-      marginLeft: spacing * -0.5,
-      marginRight: spacing * -0.5,
+      marginLeft: `calc(${spacing} / -2)`,
+      marginRight: `calc(${spacing} / -2)`,
       marginBottom,
       marginTop
     },
@@ -56931,7 +56930,7 @@ Row$1.defaultProps = {
   height: "auto",
   marginBottom: "0",
   marginTop: "0",
-  spacing: 20,
+  spacing: "var(--margin-lg)",
   wrap: false,
   testId: null
 };
@@ -57036,24 +57035,24 @@ var reactFastCompare = function isEqual3(a2, b2) {
     throw error2;
   }
 };
-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 inputInTable$3 = "_inputInTable_4sifk_1";
+const inputHover$3 = "_inputHover_4sifk_13";
+const inputFocus$3 = "_inputFocus_4sifk_18";
+const inputError$3 = "_inputError_4sifk_25";
+const inputWarning$3 = "_inputWarning_4sifk_26";
+const inputDisabled$3 = "_inputDisabled_4sifk_61";
+const hideScrollbars$3 = "_hideScrollbars_4sifk_67";
+const sidebar = "_sidebar_4sifk_81";
+const inner = "_inner_4sifk_92";
+const title$2 = "_title_4sifk_102";
+const subtitle = "_subtitle_4sifk_103";
+const label$2 = "_label_4sifk_104";
+const collapsed = "_collapsed_4sifk_108";
+const list = "_list_4sifk_133";
+const item$2 = "_item_4sifk_137";
+const active$2 = "_active_4sifk_163";
+const experimental = "_experimental_4sifk_167";
+const icon$1 = "_icon_4sifk_170";
 const styles$c = {
   inputInTable: inputInTable$3,
   inputHover: inputHover$3,
@@ -57087,13 +57086,12 @@ const TooltipIcon = memo(
       display: "block",
       children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, {
         icon: icon2,
-        size: 28,
-        color: "white"
+        color: "white",
+        size: "var(--size)"
       })
     });
     const Badged = () => /* @__PURE__ */ jsxRuntime.exports.jsx(Badge, {
       small: true,
-      margin: "-2px",
       title: "!",
       children: /* @__PURE__ */ jsxRuntime.exports.jsx(Unbadged, {})
     });
@@ -59274,13 +59272,13 @@ const SliderTooltip = ({ text: text2 }) => {
   });
 };
 const rcSlider = "";
-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 container = "_container_2faej_1";
+const small$2 = "_small_2faej_7";
+const hasMarks = "_hasMarks_2faej_10";
+const vertical = "_vertical_2faej_13";
+const hasArrows = "_hasArrows_2faej_17";
+const button$1 = "_button_2faej_21";
+const label$1 = "_label_2faej_24";
 const styles$b = {
   container,
   small: small$2,
@@ -59483,7 +59481,7 @@ const Spacer = ({ height, width, flex }) => /* @__PURE__ */ jsxRuntime.exports.j
   }
 });
 Spacer.defaultProps = {
-  height: "var(--spacing)",
+  height: "var(--margin)",
   width: null,
   flex: false
 };
@@ -59518,7 +59516,7 @@ const styles$a = {
   table,
   striped
 };
-const title$1 = "_title_1x464_1";
+const title$1 = "_title_l73mz_1";
 const styles$9 = {
   title: title$1
 };
@@ -59627,35 +59625,35 @@ Footer.propTypes = {
   pagination: paginationShape,
   content: propTypes$1.exports.object
 };
-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 inputInTable$1 = "_inputInTable_1diro_1";
+const inputHover$1 = "_inputHover_1diro_13";
+const inputFocus$1 = "_inputFocus_1diro_18";
+const inputError$1 = "_inputError_1diro_25";
+const inputWarning$1 = "_inputWarning_1diro_26";
+const inputDisabled$1 = "_inputDisabled_1diro_61";
+const hideScrollbars$1 = "_hideScrollbars_1diro_67";
+const cell = "_cell_1diro_77";
+const disabledLink = "_disabledLink_1diro_87";
+const inputWrapper = "_inputWrapper_1diro_91";
+const breakWord = "_breakWord_1diro_106";
+const inputCell = "_inputCell_1diro_109";
+const sliderCell = "_sliderCell_1diro_112";
+const staticCell = "_staticCell_1diro_116";
+const staticCellContent = "_staticCellContent_1diro_119";
+const error$1 = "_error_1diro_132";
+const warning$2 = "_warning_1diro_133";
+const unit = "_unit_1diro_142";
+const sortingCell = "_sortingCell_1diro_145";
+const sortingCellIcon = "_sortingCellIcon_1diro_156";
+const icon = "_icon_1diro_167";
+const checkBoxCell = "_checkBoxCell_1diro_171";
+const iconCellWrapper = "_iconCellWrapper_1diro_175";
+const actionsCell = "_actionsCell_1diro_179";
+const rightAligned = "_rightAligned_1diro_187";
+const centerAligned = "_centerAligned_1diro_193";
+const leftAligned = "_leftAligned_1diro_199";
+const popover = "_popover_1diro_202";
+const disabledPointerEvents = "_disabledPointerEvents_1diro_205";
 const styles$7 = {
   inputInTable: inputInTable$1,
   inputHover: inputHover$1,
@@ -60949,16 +60947,16 @@ Table.propTypes = {
   }).isRequired,
   onListReorder: propTypes$1.exports.func
 };
-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 tabs = "_tabs_y9cga_1";
+const padding = "_padding_y9cga_7";
+const margin = "_margin_y9cga_11";
+const contentPadding = "_contentPadding_y9cga_14";
+const item$1 = "_item_y9cga_17";
+const active$1 = "_active_y9cga_38";
+const hidden = "_hidden_y9cga_57";
+const disabled$1 = "_disabled_y9cga_60";
+const left$1 = "_left_y9cga_64";
+const right$1 = "_right_y9cga_64";
 const styles$5 = {
   tabs,
   padding,
@@ -62393,10 +62391,10 @@ const toast = ({ id: id2, message: message2, autoClose = 6e3, onClose }) => {
     type: toastType
   });
 };
-const toggle$1 = "_toggle_12zt1_9";
-const small = "_small_12zt1_25";
-const disabled = "_disabled_12zt1_102";
-const noMargin = "_noMargin_12zt1_113";
+const toggle$1 = "_toggle_a2m25_9";
+const small = "_small_a2m25_25";
+const disabled = "_disabled_a2m25_102";
+const noMargin = "_noMargin_a2m25_113";
 const styles$3 = {
   toggle: toggle$1,
   small,
@@ -62472,22 +62470,22 @@ Toggle.propTypes = {
   helpText: propTypes$1.exports.string,
   onClickHelp: propTypes$1.exports.func
 };
-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 topbar = "_topbar_1kvji_8";
+const fixed = "_fixed_1kvji_17";
+const appSwitcher = "_appSwitcher_1kvji_25";
+const title = "_title_1kvji_50";
+const logo = "_logo_1kvji_66";
+const label = "_label_1kvji_69";
+const brand = "_brand_1kvji_74";
+const version = "_version_1kvji_79";
+const left = "_left_1kvji_86";
+const right = "_right_1kvji_87";
+const item = "_item_1kvji_101";
+const link = "_link_1kvji_102";
+const button = "_button_1kvji_114";
+const menu = "_menu_1kvji_115";
+const active = "_active_1kvji_143";
+const alert = "_alert_1kvji_168";
 const styles$2 = {
   topbar,
   fixed,
@@ -62544,8 +62542,7 @@ const Title = ({ label: label2, logo: logo2, url, version: version2, onClick })
 };
 const AppSwitcher = ({ icon: icon2, url, onClick }) => {
   const content2 = /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, {
-    icon: icon2,
-    size: 28
+    icon: icon2
   });
   return url ? /* @__PURE__ */ jsxRuntime.exports.jsx("a", {
     href: url,
@@ -62731,9 +62728,9 @@ TopBar.propTypes = {
   height: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   fixedPosition: propTypes$1.exports.bool
 };
-const popConfirm = "_popConfirm_13o7s_1";
-const content = "_content_13o7s_7";
-const buttons = "_buttons_13o7s_12";
+const popConfirm = "_popConfirm_1919s_1";
+const content = "_content_1919s_7";
+const buttons = "_buttons_1919s_12";
 const styles$1 = {
   popConfirm,
   content,