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

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_1osz3_1";
+const expanded$2 = "_expanded_1osz3_9";
 const styles$T = {
   chevron,
   expanded: expanded$2
@@ -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,
@@ -3412,13 +3412,13 @@ Accordion.propTypes = {
   squareBottom: propTypes$1.exports.bool,
   testId: propTypes$1.exports.string
 };
-const checkbox = "_checkbox_1c926_1";
-const noLabel = "_noLabel_1c926_17";
-const small$e = "_small_1c926_20";
-const checkmark = "_checkmark_1c926_43";
-const disabled$9 = "_disabled_1c926_67";
-const noMargin$2 = "_noMargin_1c926_81";
-const isInTable$4 = "_isInTable_1c926_84";
+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 styles$Q = {
   checkbox,
   noLabel,
@@ -5444,7 +5444,7 @@ TooltipLayer.defaultProps = {
   warning: false,
   maxWidth: "none",
   fontSize: "inherit",
-  padding: "var(--spacing-2xs) var(--spacing-xs)",
+  padding: "var(--spacing-1) var(--spacing-2)",
   layerProps: {
     style: {
       position: "fixed"
@@ -5546,7 +5546,7 @@ Tooltip.defaultProps = {
     "right-center"
   ],
   fontSize: "inherit",
-  padding: "var(--spacing-2xs) var(--spacing-xs)",
+  padding: "var(--spacing-1) var(--spacing-2)",
   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_109k5_1";
-const checkboxWrapper = "_checkboxWrapper_109k5_7";
-const padding$2 = "_padding_109k5_13";
-const contentWrapper = "_contentWrapper_109k5_16";
+const bordered$3 = "_bordered_1p7x7_1";
+const checkboxWrapper = "_checkboxWrapper_1p7x7_7";
+const padding$2 = "_padding_1p7x7_13";
+const contentWrapper = "_contentWrapper_1p7x7_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_jynuc_1";
-const layer$1 = "_layer_jynuc_5";
-const layerContainer$1 = "_layerContainer_jynuc_8";
-const nested = "_nested_jynuc_23";
-const fileInput$1 = "_fileInput_jynuc_35";
-const trigger$2 = "_trigger_jynuc_41";
-const middleAlignedInline = "_middleAlignedInline_jynuc_50";
-const heading$5 = "_heading_jynuc_56";
-const headingIcon = "_headingIcon_jynuc_62";
-const option$1 = "_option_jynuc_74";
-const active$8 = "_active_jynuc_91";
-const selected$1 = "_selected_jynuc_96";
-const optionContent$1 = "_optionContent_jynuc_103";
-const inline$4 = "_inline_jynuc_108";
-const icon$5 = "_icon_jynuc_113";
-const check$1 = "_check_jynuc_114";
-const text$3 = "_text_jynuc_135";
-const label$a = "_label_jynuc_140";
-const description = "_description_jynuc_151";
-const arrow$1 = "_arrow_jynuc_155";
-const divider$1 = "_divider_jynuc_159";
-const deprecatedSemanticIcon = "_deprecatedSemanticIcon_jynuc_163";
-const disabled$8 = "_disabled_jynuc_167";
-const buttonLabel = "_buttonLabel_jynuc_172";
-const buttonCaret = "_buttonCaret_jynuc_179";
-const component = "_component_jynuc_183";
-const right$7 = "_right_jynuc_189";
-const actions$2 = "_actions_jynuc_194";
+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_fwejc_1";
-const badge = "_badge_fwejc_5";
-const label$9 = "_label_fwejc_10";
-const dark$1 = "_dark_fwejc_22";
-const light = "_light_fwejc_25";
-const small$d = "_small_fwejc_28";
-const dot = "_dot_fwejc_34";
-const hasChildren = "_hasChildren_fwejc_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_1aa9x_1";
-const inputHover$b = "_inputHover_1aa9x_13";
-const inputFocus$b = "_inputFocus_1aa9x_18";
-const inputError$b = "_inputError_1aa9x_25";
-const inputWarning$b = "_inputWarning_1aa9x_26";
-const inputDisabled$b = "_inputDisabled_1aa9x_61";
-const hideScrollbars$b = "_hideScrollbars_1aa9x_67";
-const button$3 = "_button_1aa9x_103";
-const active$7 = "_active_1aa9x_140";
-const green$1 = "_green_1aa9x_140";
-const red$1 = "_red_1aa9x_140";
-const orange$1 = "_orange_1aa9x_140";
-const icon$4 = "_icon_1aa9x_152";
-const iconOnly = "_iconOnly_1aa9x_157";
-const basic = "_basic_1aa9x_167";
-const muted$2 = "_muted_1aa9x_173";
-const disabled$7 = "_disabled_1aa9x_185";
-const small$c = "_small_1aa9x_195";
-const pill = "_pill_1aa9x_200";
-const round = "_round_1aa9x_201";
-const error$8 = "_error_1aa9x_268";
-const warning$c = "_warning_1aa9x_285";
-const inverted$1 = "_inverted_1aa9x_302";
-const groupOrderFirst$4 = "_groupOrderFirst_1aa9x_332";
-const groupOrderMiddle$4 = "_groupOrderMiddle_1aa9x_333";
-const groupOrderLast$4 = "_groupOrderLast_1aa9x_334";
+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,
@@ -12369,9 +12369,9 @@ Menu.propTypes = {
   open: propTypes$1.exports.bool,
   setOpen: propTypes$1.exports.func
 };
-const actions$1 = "_actions_p0xkh_1";
-const actionComponentContainer = "_actionComponentContainer_p0xkh_11";
-const active$6 = "_active_p0xkh_33";
+const actions$1 = "_actions_1nb2u_1";
+const actionComponentContainer = "_actionComponentContainer_1nb2u_11";
+const active$6 = "_active_1nb2u_33";
 const styles$J = {
   actions: actions$1,
   actionComponentContainer,
@@ -12469,12 +12469,12 @@ Actions.propTypes = {
   actions: actionsShape,
   right: propTypes$1.exports.bool
 };
-const breadcrumb = "_breadcrumb_1yvg5_1";
-const small$a = "_small_1yvg5_4";
-const labelContainer = "_labelContainer_1yvg5_7";
-const active$5 = "_active_1yvg5_17";
-const disabled$6 = "_disabled_1yvg5_22";
-const separator = "_separator_1yvg5_27";
+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 styles$I = {
   breadcrumb,
   small: small$a,
@@ -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_16sf2_1";
-const top$1 = "_top_16sf2_9";
-const icons$2 = "_icons_16sf2_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_15xxd_1";
-const inline$3 = "_inline_15xxd_18";
-const scroll$3 = "_scroll_15xxd_21";
-const header$2 = "_header_15xxd_24";
-const dismiss$2 = "_dismiss_15xxd_33";
-const content$3 = "_content_15xxd_38";
-const footer$2 = "_footer_15xxd_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
             })
@@ -16657,8 +16658,8 @@ Drawer.propTypes = {
   onClose: propTypes$1.exports.func,
   onOpen: propTypes$1.exports.func
 };
-const empty$2 = "_empty_1erlc_1";
-const text$2 = "_text_1erlc_11";
+const empty$2 = "_empty_m194c_1";
+const text$2 = "_text_m194c_11";
 const styles$A = {
   empty: empty$2,
   text: text$2
@@ -16761,22 +16762,22 @@ InputGroup.propTypes = {
   small: propTypes$1.exports.bool,
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number])
 };
-const inputInTable$9 = "_inputInTable_d8i46_1";
-const inputHover$9 = "_inputHover_d8i46_13";
-const inputFocus$9 = "_inputFocus_d8i46_18";
-const inputError$9 = "_inputError_d8i46_25";
-const inputWarning$9 = "_inputWarning_d8i46_26";
-const inputDisabled$9 = "_inputDisabled_d8i46_61";
-const hideScrollbars$9 = "_hideScrollbars_d8i46_67";
-const input$1 = "_input_d8i46_1";
-const isInTable$3 = "_isInTable_d8i46_98";
-const small$8 = "_small_d8i46_122";
-const error$6 = "_error_d8i46_128";
-const warning$a = "_warning_d8i46_145";
-const right$5 = "_right_d8i46_168";
-const groupOrderFirst$3 = "_groupOrderFirst_d8i46_171";
-const groupOrderMiddle$3 = "_groupOrderMiddle_d8i46_172";
-const groupOrderLast$3 = "_groupOrderLast_d8i46_173";
+const inputInTable$9 = "_inputInTable_1hjsm_1";
+const inputHover$9 = "_inputHover_1hjsm_13";
+const inputFocus$9 = "_inputFocus_1hjsm_18";
+const inputError$9 = "_inputError_1hjsm_25";
+const inputWarning$9 = "_inputWarning_1hjsm_26";
+const inputDisabled$9 = "_inputDisabled_1hjsm_61";
+const hideScrollbars$9 = "_hideScrollbars_1hjsm_67";
+const input$1 = "_input_1hjsm_1";
+const isInTable$3 = "_isInTable_1hjsm_99";
+const small$8 = "_small_1hjsm_123";
+const error$6 = "_error_1hjsm_129";
+const warning$a = "_warning_1hjsm_146";
+const right$5 = "_right_1hjsm_169";
+const groupOrderFirst$3 = "_groupOrderFirst_1hjsm_172";
+const groupOrderMiddle$3 = "_groupOrderMiddle_1hjsm_173";
+const groupOrderLast$3 = "_groupOrderLast_1hjsm_174";
 const styles$y = {
   inputInTable: inputInTable$9,
   inputHover: inputHover$9,
@@ -17036,9 +17037,9 @@ FileInput.propTypes = {
   onChange: propTypes$1.exports.func,
   testId: propTypes$1.exports.string
 };
-const label$7 = "_label_ll0e3_1";
-const labelLeft$1 = "_labelLeft_ll0e3_5";
-const icons$1 = "_icons_ll0e3_13";
+const label$7 = "_label_r02ug_1";
+const labelLeft$1 = "_labelLeft_r02ug_5";
+const icons$1 = "_icons_r02ug_13";
 const styles$w = {
   label: label$7,
   labelLeft: labelLeft$1,
@@ -17137,17 +17138,17 @@ Label$2.propTypes = {
   }),
   labelLeft: propTypes$1.exports.bool
 };
-const field = "_field_abuqh_1";
-const labelLeft = "_labelLeft_abuqh_5";
-const fieldInput = "_fieldInput_abuqh_9";
-const formRow$1 = "_formRow_abuqh_12";
-const button$2 = "_button_abuqh_22";
+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 styles$v = {
   field,
   labelLeft,
   fieldInput,
   formRow: formRow$1,
-  "form-row": "_form-row_abuqh_13",
+  "form-row": "_form-row_2ll8c_13",
   button: button$2
 };
 const Field = ({
@@ -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
   });
@@ -17278,7 +17279,7 @@ Flex.propTypes = {
     propTypes$1.exports.number
   ])
 };
-const formRow = "_formRow_1m3f8_1";
+const formRow = "_formRow_i2es6_1";
 const styles$u = {
   formRow
 };
@@ -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_kq2bf_1";
-const inputHover$8 = "_inputHover_kq2bf_13";
-const inputFocus$8 = "_inputFocus_kq2bf_18";
-const inputError$8 = "_inputError_kq2bf_25";
-const inputWarning$8 = "_inputWarning_kq2bf_26";
-const inputDisabled$8 = "_inputDisabled_kq2bf_61";
-const hideScrollbars$8 = "_hideScrollbars_kq2bf_67";
-const header$1 = "_header_kq2bf_77";
-const headerTitle = "_headerTitle_kq2bf_77";
-const heading$3 = "_heading_kq2bf_78";
-const itemHeader = "_itemHeader_kq2bf_78";
-const narrow = "_narrow_kq2bf_81";
-const stickyHeader = "_stickyHeader_kq2bf_85";
-const title$3 = "_title_kq2bf_96";
-const name = "_name_kq2bf_102";
-const iconTooltipMargin = "_iconTooltipMargin_kq2bf_105";
-const bold = "_bold_kq2bf_108";
-const toggleNarrow = "_toggleNarrow_kq2bf_117";
-const drag$1 = "_drag_kq2bf_135";
-const list$1 = "_list_kq2bf_152";
-const bordered$1 = "_bordered_kq2bf_156";
-const item$4 = "_item_kq2bf_78";
-const action = "_action_kq2bf_189";
-const active$3 = "_active_kq2bf_192";
-const disabled$5 = "_disabled_kq2bf_207";
-const label$6 = "_label_kq2bf_218";
-const details$2 = "_details_kq2bf_225";
-const metadata = "_metadata_kq2bf_226";
-const itemContent = "_itemContent_kq2bf_234";
-const indentIcon = "_indentIcon_kq2bf_241";
-const expandIcon = "_expandIcon_kq2bf_246";
-const expanded = "_expanded_kq2bf_252";
-const right$4 = "_right_kq2bf_255";
-const actions = "_actions_kq2bf_263";
-const scrollableList = "_scrollableList_kq2bf_268";
-const hideScrollbar = "_hideScrollbar_kq2bf_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,
@@ -26938,13 +26939,13 @@ List.propTypes = {
   }),
   testId: propTypes$1.exports.string
 };
-const loader = "_loader_cvm5e_1";
-const fullViewPortSize = "_fullViewPortSize_cvm5e_7";
-const cover = "_cover_cvm5e_14";
-const dimmer = "_dimmer_cvm5e_21";
-const content$2 = "_content_cvm5e_44";
-const text$1 = "_text_cvm5e_49";
-const details$1 = "_details_cvm5e_53";
+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 styles$s = {
   loader,
   fullViewPortSize,
@@ -27018,27 +27019,27 @@ Loader.propTypes = {
   testId: propTypes$1.exports.string,
   theme: propTypes$1.exports.string
 };
-const inputInTable$7 = "_inputInTable_1k0ge_1";
-const inputHover$7 = "_inputHover_1k0ge_13";
-const inputFocus$7 = "_inputFocus_1k0ge_18";
-const inputError$7 = "_inputError_1k0ge_25";
-const inputWarning$7 = "_inputWarning_1k0ge_26";
-const inputDisabled$7 = "_inputDisabled_1k0ge_61";
-const hideScrollbars$7 = "_hideScrollbars_1k0ge_67";
-const container$1 = "_container_1k0ge_83";
-const block$1 = "_block_1k0ge_101";
-const info = "_info_1k0ge_104";
-const success = "_success_1k0ge_108";
-const warning$6 = "_warning_1k0ge_112";
-const error$4 = "_error_1k0ge_116";
-const content$1 = "_content_1k0ge_120";
-const heading$2 = "_heading_1k0ge_124";
-const icon$3 = "_icon_1k0ge_131";
-const dismiss$1 = "_dismiss_1k0ge_139";
-const absolute = "_absolute_1k0ge_143";
-const legendToggle = "_legendToggle_1k0ge_154";
-const detailsText = "_detailsText_1k0ge_164";
-const footer$1 = "_footer_1k0ge_168";
+const inputInTable$7 = "_inputInTable_145az_1";
+const inputHover$7 = "_inputHover_145az_13";
+const inputFocus$7 = "_inputFocus_145az_18";
+const inputError$7 = "_inputError_145az_25";
+const inputWarning$7 = "_inputWarning_145az_26";
+const inputDisabled$7 = "_inputDisabled_145az_61";
+const hideScrollbars$7 = "_hideScrollbars_145az_67";
+const container$1 = "_container_145az_83";
+const block$1 = "_block_145az_101";
+const info = "_info_145az_104";
+const success = "_success_145az_108";
+const warning$6 = "_warning_145az_112";
+const error$4 = "_error_145az_116";
+const content$1 = "_content_145az_120";
+const heading$2 = "_heading_145az_124";
+const icon$3 = "_icon_145az_131";
+const dismiss$1 = "_dismiss_145az_139";
+const absolute = "_absolute_145az_143";
+const legendToggle = "_legendToggle_145az_154";
+const detailsText = "_detailsText_145az_164";
+const footer$1 = "_footer_145az_168";
 const styles$r = {
   inputInTable: inputInTable$7,
   inputHover: inputHover$7,
@@ -27450,23 +27451,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_1cli0_1";
-const inputHover$6 = "_inputHover_1cli0_13";
-const inputFocus$6 = "_inputFocus_1cli0_18";
-const inputError$6 = "_inputError_1cli0_25";
-const inputWarning$6 = "_inputWarning_1cli0_26";
-const inputDisabled$6 = "_inputDisabled_1cli0_61";
-const hideScrollbars$6 = "_hideScrollbars_1cli0_67";
-const select = "_select_1cli0_77";
-const isInTable$2 = "_isInTable_1cli0_121";
-const unSelected = "_unSelected_1cli0_133";
-const error$3 = "_error_1cli0_140";
-const warning$5 = "_warning_1cli0_157";
-const small$6 = "_small_1cli0_174";
-const right$3 = "_right_1cli0_182";
-const groupOrderFirst$1 = "_groupOrderFirst_1cli0_193";
-const groupOrderMiddle$1 = "_groupOrderMiddle_1cli0_194";
-const groupOrderLast$1 = "_groupOrderLast_1cli0_198";
+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 styles$n = {
   inputInTable: inputInTable$6,
   inputHover: inputHover$6,
@@ -28419,20 +28420,20 @@ var FixedSizeList = /* @__PURE__ */ createListComponent({
     }
   }
 });
-const layerContainer = "_layerContainer_1p0ji_1";
-const layer = "_layer_1p0ji_1";
-const small$5 = "_small_1p0ji_23";
-const heading = "_heading_1p0ji_26";
-const option = "_option_1p0ji_27";
-const message = "_message_1p0ji_28";
-const focused = "_focused_1p0ji_64";
-const selected = "_selected_1p0ji_68";
-const disabled$4 = "_disabled_1p0ji_71";
-const check = "_check_1p0ji_75";
-const optionContent = "_optionContent_1p0ji_92";
-const label$5 = "_label_1p0ji_97";
-const icon$2 = "_icon_1p0ji_104";
-const details = "_details_1p0ji_108";
+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 styles$m = {
   layerContainer,
   layer,
@@ -28552,13 +28553,12 @@ const getTextWidth = (text2, font) => {
   context2.font = font;
   return context2.measureText(text2).width;
 };
-const FONT_SIZE = "14px";
+const FONT_SIZE = "13px";
 const FONT_SIZE_SMALL = "12px";
 const FONT_FAMILY = "Roobert";
 const FONT_FAMILY_FALLBACK = "sans-serif";
-const PADDING = 10;
-const PADDING_SMALL = 7;
-const TOGGLE_SIZE = 38;
+const PADDING = 8;
+const TOGGLE_SIZE = 28;
 const TOGGLE_SIZE_SMALL = 24;
 const TAG_PADDING = 5;
 const TAG_PADDING_SMALL = 3;
@@ -28572,7 +28572,7 @@ const getFont = (small2 = false, isFontLoaded = false) => {
 };
 const getExtraOptionWidth = (small2 = false, scrollbar = false) => {
   const SCROLLBAR_WIDTH = 17;
-  return (small2 ? PADDING_SMALL : PADDING) + (small2 ? TOGGLE_SIZE_SMALL : TOGGLE_SIZE) + (scrollbar ? SCROLLBAR_WIDTH : 0);
+  return PADDING + (small2 ? TOGGLE_SIZE_SMALL : TOGGLE_SIZE) + (scrollbar ? SCROLLBAR_WIDTH : 0);
 };
 const getWidestOptionWidth = (options, small2, isFontLoaded, placeholder3) => {
   const font = getFont(small2, isFontLoaded);
@@ -28616,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),
@@ -28651,37 +28651,37 @@ const Layer = ({
     })
   });
 };
-const inputInTable$5 = "_inputInTable_1nzsx_1";
-const inputHover$5 = "_inputHover_1nzsx_13";
-const inputFocus$5 = "_inputFocus_1nzsx_18";
-const inputError$5 = "_inputError_1nzsx_25";
-const inputWarning$5 = "_inputWarning_1nzsx_26";
-const inputDisabled$5 = "_inputDisabled_1nzsx_61";
-const hideScrollbars$5 = "_hideScrollbars_1nzsx_67";
-const trigger$1 = "_trigger_1nzsx_77";
-const isInTable$1 = "_isInTable_1nzsx_93";
-const input = "_input_1nzsx_1";
-const isOpen = "_isOpen_1nzsx_114";
-const error$2 = "_error_1nzsx_122";
-const warning$4 = "_warning_1nzsx_139";
-const disabled$3 = "_disabled_1nzsx_156";
-const icons = "_icons_1nzsx_162";
-const clearAll = "_clearAll_1nzsx_169";
-const iconOpen = "_iconOpen_1nzsx_170";
-const small$4 = "_small_1nzsx_178";
-const triggerInputContainer = "_triggerInputContainer_1nzsx_186";
-const right$2 = "_right_1nzsx_195";
-const multiOptions = "_multiOptions_1nzsx_208";
-const multiOption = "_multiOption_1nzsx_208";
-const label$4 = "_label_1nzsx_240";
-const closeMultiOption = "_closeMultiOption_1nzsx_243";
-const focus = "_focus_1nzsx_254";
-const selectedSingleValue = "_selectedSingleValue_1nzsx_258";
-const placeHolder = "_placeHolder_1nzsx_259";
-const groupOrderFirst = "_groupOrderFirst_1nzsx_298";
-const groupOrderMiddle = "_groupOrderMiddle_1nzsx_299";
-const groupOrderLast = "_groupOrderLast_1nzsx_303";
-const detailedLabel = "_detailedLabel_1nzsx_308";
+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,
@@ -30087,14 +30087,14 @@ ProgressBar$1.propTypes = {
   showProgressColors: propTypes$1.exports.bool,
   noLabel: propTypes$1.exports.bool
 };
-const wrapper$1 = "_wrapper_6mndi_1";
-const inline$1 = "_inline_6mndi_1";
-const radio = "_radio_6mndi_5";
-const labelMargin = "_labelMargin_6mndi_8";
-const small$3 = "_small_6mndi_27";
-const noMargin$1 = "_noMargin_6mndi_32";
-const disabled$2 = "_disabled_6mndi_90";
-const isInTable = "_isInTable_6mndi_106";
+const wrapper$1 = "_wrapper_p8i3d_1";
+const inline$1 = "_inline_p8i3d_1";
+const radio = "_radio_p8i3d_5";
+const labelMargin = "_labelMargin_p8i3d_8";
+const small$3 = "_small_p8i3d_27";
+const noMargin$1 = "_noMargin_p8i3d_32";
+const disabled$2 = "_disabled_p8i3d_90";
+const isInTable = "_isInTable_p8i3d_106";
 const styles$g = {
   wrapper: wrapper$1,
   inline: inline$1,
@@ -56719,8 +56719,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_vvcb9_1";
-const richTextToolbarContainer = "_richTextToolbarContainer_vvcb9_6";
+const richTextToolbar = "_richTextToolbar_1fwio_1";
+const richTextToolbarContainer = "_richTextToolbarContainer_1fwio_5";
 const styles$f = {
   richTextToolbar,
   richTextToolbarContainer
@@ -59466,7 +59466,7 @@ const Spacer = ({ height, width, flex }) => /* @__PURE__ */ jsxRuntime.exports.j
   }
 });
 Spacer.defaultProps = {
-  height: "var(--spacing)",
+  height: "var(--padding-y)",
   width: null,
   flex: false
 };
@@ -59475,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_7al02_1";
-const inputHover$2 = "_inputHover_7al02_13";
-const inputFocus$2 = "_inputFocus_7al02_18";
-const inputError$2 = "_inputError_7al02_25";
-const inputWarning$2 = "_inputWarning_7al02_26";
-const inputDisabled$2 = "_inputDisabled_7al02_61";
-const hideScrollbars$2 = "_hideScrollbars_7al02_67";
-const wrapper = "_wrapper_7al02_87";
-const bordered = "_bordered_7al02_95";
-const scroll2 = "_scroll_7al02_99";
-const table = "_table_7al02_109";
-const striped = "_striped_7al02_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,
@@ -59501,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
 };
@@ -59610,36 +59610,36 @@ Footer.propTypes = {
   pagination: paginationShape,
   content: propTypes$1.exports.object
 };
-const inputInTable$1 = "_inputInTable_1mfuf_1";
-const inputHover$1 = "_inputHover_1mfuf_13";
-const inputFocus$1 = "_inputFocus_1mfuf_18";
-const inputError$1 = "_inputError_1mfuf_25";
-const inputWarning$1 = "_inputWarning_1mfuf_26";
-const inputDisabled$1 = "_inputDisabled_1mfuf_61";
-const hideScrollbars$1 = "_hideScrollbars_1mfuf_67";
-const cell = "_cell_1mfuf_77";
-const disabledLink = "_disabledLink_1mfuf_87";
-const inputWrapper = "_inputWrapper_1mfuf_91";
-const breakWord = "_breakWord_1mfuf_106";
-const inputCell = "_inputCell_1mfuf_109";
-const sliderCell = "_sliderCell_1mfuf_112";
-const staticCell = "_staticCell_1mfuf_116";
-const staticCellContent = "_staticCellContent_1mfuf_119";
-const error$1 = "_error_1mfuf_132";
-const warning$2 = "_warning_1mfuf_133";
-const unit = "_unit_1mfuf_142";
-const sortingCell = "_sortingCell_1mfuf_145";
-const sortingCellIcon = "_sortingCellIcon_1mfuf_153";
-const icon = "_icon_1mfuf_160";
-const checkBoxCell = "_checkBoxCell_1mfuf_164";
-const iconCell = "_iconCell_1mfuf_168";
-const iconWrapper = "_iconWrapper_1mfuf_173";
-const actionsCell = "_actionsCell_1mfuf_177";
-const rightAligned = "_rightAligned_1mfuf_185";
-const centerAligned = "_centerAligned_1mfuf_191";
-const leftAligned = "_leftAligned_1mfuf_197";
-const popover = "_popover_1mfuf_200";
-const disabledPointerEvents = "_disabledPointerEvents_1mfuf_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,
@@ -60420,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,
@@ -60925,16 +60925,16 @@ Table.propTypes = {
   }).isRequired,
   onListReorder: propTypes$1.exports.func
 };
-const tabs = "_tabs_b0egn_1";
-const padding = "_padding_b0egn_7";
-const margin = "_margin_b0egn_11";
-const contentPadding = "_contentPadding_b0egn_14";
-const item$1 = "_item_b0egn_17";
-const active$1 = "_active_b0egn_46";
-const hidden = "_hidden_b0egn_51";
-const disabled$1 = "_disabled_b0egn_54";
-const left$1 = "_left_b0egn_58";
-const right$1 = "_right_b0egn_58";
+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,
@@ -61165,18 +61165,18 @@ TextLink.propTypes = {
   testId: propTypes$1.exports.string,
   onClick: propTypes$1.exports.func
 };
-const inputInTable = "_inputInTable_1ol5b_1";
-const inputHover = "_inputHover_1ol5b_13";
-const inputFocus = "_inputFocus_1ol5b_18";
-const inputError = "_inputError_1ol5b_25";
-const inputWarning = "_inputWarning_1ol5b_26";
-const inputDisabled = "_inputDisabled_1ol5b_61";
-const hideScrollbars = "_hideScrollbars_1ol5b_67";
-const textarea = "_textarea_1ol5b_77";
-const small$1 = "_small_1ol5b_115";
-const error = "_error_1ol5b_121";
-const warning$1 = "_warning_1ol5b_138";
-const monospace = "_monospace_1ol5b_155";
+const inputInTable = "_inputInTable_hyht1_1";
+const inputHover = "_inputHover_hyht1_13";
+const inputFocus = "_inputFocus_hyht1_18";
+const inputError = "_inputError_hyht1_25";
+const inputWarning = "_inputWarning_hyht1_26";
+const inputDisabled = "_inputDisabled_hyht1_61";
+const hideScrollbars = "_hideScrollbars_hyht1_67";
+const textarea = "_textarea_hyht1_77";
+const small$1 = "_small_hyht1_116";
+const error = "_error_hyht1_121";
+const warning$1 = "_warning_hyht1_138";
+const monospace = "_monospace_hyht1_155";
 const styles$4 = {
   inputInTable,
   inputHover,
@@ -62369,10 +62369,10 @@ const toast = ({ id: id2, message: message2, autoClose = 6e3, onClose }) => {
     type: toastType
   });
 };
-const toggle$1 = "_toggle_1ia7o_9";
-const small = "_small_1ia7o_25";
-const disabled = "_disabled_1ia7o_103";
-const noMargin = "_noMargin_1ia7o_114";
+const toggle$1 = "_toggle_esa9y_9";
+const small = "_small_esa9y_25";
+const disabled = "_disabled_esa9y_102";
+const noMargin = "_noMargin_esa9y_113";
 const styles$3 = {
   toggle: toggle$1,
   small,
@@ -62448,22 +62448,22 @@ Toggle.propTypes = {
   helpText: propTypes$1.exports.string,
   onClickHelp: propTypes$1.exports.func
 };
-const topbar = "_topbar_1gz82_7";
-const fixed = "_fixed_1gz82_16";
-const appSwitcher = "_appSwitcher_1gz82_24";
-const title = "_title_1gz82_48";
-const logo = "_logo_1gz82_64";
-const label = "_label_1gz82_67";
-const brand = "_brand_1gz82_72";
-const version = "_version_1gz82_77";
-const left = "_left_1gz82_84";
-const right = "_right_1gz82_85";
-const item = "_item_1gz82_99";
-const link = "_link_1gz82_100";
-const button = "_button_1gz82_112";
-const menu = "_menu_1gz82_113";
-const active = "_active_1gz82_141";
-const alert = "_alert_1gz82_166";
+const topbar = "_topbar_jyzzy_7";
+const fixed = "_fixed_jyzzy_16";
+const appSwitcher = "_appSwitcher_jyzzy_24";
+const title = "_title_jyzzy_48";
+const logo = "_logo_jyzzy_64";
+const label = "_label_jyzzy_67";
+const brand = "_brand_jyzzy_72";
+const version = "_version_jyzzy_77";
+const left = "_left_jyzzy_84";
+const right = "_right_jyzzy_85";
+const item = "_item_jyzzy_99";
+const link = "_link_jyzzy_100";
+const button = "_button_jyzzy_112";
+const menu = "_menu_jyzzy_113";
+const active = "_active_jyzzy_141";
+const alert = "_alert_jyzzy_166";
 const styles$2 = {
   topbar,
   fixed,