@oliasoft-open-source/react-ui-library 4.0.0-beta-38 → 4.0.0-beta-39

package/dist/index.js

@@ -1925,8 +1925,8 @@ var classnames = { exports: {} };
   })();
 })(classnames);
 const cx$2 = classnames.exports;
-const chevron = "_chevron_1jfmf_1";
-const expanded$2 = "_expanded_1jfmf_9";
+const chevron = "_chevron_z2anz_1";
+const expanded$2 = "_expanded_z2anz_9";
 const styles$T = {
   chevron,
   expanded: expanded$2
@@ -3279,15 +3279,15 @@ const Chevron = ({ expanded: expanded2 }) => {
     })
   });
 };
-const accordion = "_accordion_1erh7_1";
-const accordionHeader = "_accordionHeader_1erh7_5";
-const heading$6 = "_heading_1erh7_9";
-const clickable$1 = "_clickable_1erh7_12";
-const bordered$4 = "_bordered_1erh7_18";
-const accordionContent = "_accordionContent_1erh7_18";
-const expanded$1 = "_expanded_1erh7_31";
-const padding$3 = "_padding_1erh7_40";
-const squareBottom = "_squareBottom_1erh7_43";
+const accordion = "_accordion_tjobd_1";
+const accordionHeader = "_accordionHeader_tjobd_5";
+const heading$6 = "_heading_tjobd_9";
+const clickable$1 = "_clickable_tjobd_12";
+const bordered$4 = "_bordered_tjobd_18";
+const accordionContent = "_accordionContent_tjobd_18";
+const expanded$1 = "_expanded_tjobd_31";
+const padding$3 = "_padding_tjobd_40";
+const squareBottom = "_squareBottom_tjobd_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_d2sgw_1";
-const noLabel = "_noLabel_d2sgw_17";
-const small$d = "_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 checkbox = "_checkbox_1mw9n_1";
+const noLabel = "_noLabel_1mw9n_17";
+const small$d = "_small_1mw9n_20";
+const checkmark = "_checkmark_1mw9n_43";
+const disabled$9 = "_disabled_1mw9n_67";
+const noMargin$2 = "_noMargin_1mw9n_81";
+const isInTable$4 = "_isInTable_1mw9n_84";
 const styles$Q = {
   checkbox,
   noLabel,
@@ -5444,7 +5444,7 @@ TooltipLayer.defaultProps = {
   warning: false,
   maxWidth: "none",
   fontSize: "inherit",
-  padding: "var(--margin-xs) var(--margin-sm)",
+  padding: "var(--padding-xxs) var(--padding-xs)",
   layerProps: {
     style: {
       position: "fixed"
@@ -5546,7 +5546,7 @@ Tooltip.defaultProps = {
     "right-center"
   ],
   fontSize: "inherit",
-  padding: "var(--margin-xs) var(--margin-sm)",
+  padding: "var(--padding-xxs) var(--padding-xs)",
   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_3972c_1";
-const checkboxWrapper = "_checkboxWrapper_3972c_7";
-const padding$2 = "_padding_3972c_13";
-const contentWrapper = "_contentWrapper_3972c_16";
+const bordered$3 = "_bordered_1cgsf_1";
+const checkboxWrapper = "_checkboxWrapper_1cgsf_7";
+const padding$2 = "_padding_1cgsf_13";
+const contentWrapper = "_contentWrapper_1cgsf_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_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 wrapper$4 = "_wrapper_i13yk_1";
+const layer$1 = "_layer_i13yk_5";
+const layerContainer$1 = "_layerContainer_i13yk_8";
+const nested = "_nested_i13yk_23";
+const fileInput$1 = "_fileInput_i13yk_35";
+const trigger$2 = "_trigger_i13yk_41";
+const middleAlignedInline = "_middleAlignedInline_i13yk_50";
+const heading$5 = "_heading_i13yk_56";
+const headingIcon = "_headingIcon_i13yk_62";
+const option$1 = "_option_i13yk_74";
+const active$8 = "_active_i13yk_92";
+const selected$1 = "_selected_i13yk_97";
+const optionContent$1 = "_optionContent_i13yk_103";
+const inline$4 = "_inline_i13yk_108";
+const icon$5 = "_icon_i13yk_113";
+const check$1 = "_check_i13yk_114";
+const text$3 = "_text_i13yk_136";
+const label$a = "_label_i13yk_141";
+const description = "_description_i13yk_152";
+const arrow$1 = "_arrow_i13yk_156";
+const divider$1 = "_divider_i13yk_160";
+const deprecatedSemanticIcon = "_deprecatedSemanticIcon_i13yk_164";
+const disabled$8 = "_disabled_i13yk_168";
+const buttonLabel = "_buttonLabel_i13yk_173";
+const buttonCaret = "_buttonCaret_i13yk_179";
+const component = "_component_i13yk_183";
+const right$7 = "_right_i13yk_189";
+const actions$2 = "_actions_i13yk_194";
 const styles$M = {
   wrapper: wrapper$4,
   layer: layer$1,
@@ -11555,14 +11555,14 @@ const placementOptions$1 = (placement, isNested = false) => ({
   preferY: "bottom",
   placement: placement || (isNested ? "right-start" : "bottom-start")
 });
-const wrapper$3 = "_wrapper_12awj_1";
-const badge = "_badge_12awj_5";
-const label$9 = "_label_12awj_11";
-const dark = "_dark_12awj_23";
-const light = "_light_12awj_26";
-const small$c = "_small_12awj_29";
-const dot = "_dot_12awj_33";
-const hasChildren = "_hasChildren_12awj_38";
+const wrapper$3 = "_wrapper_1coiq_1";
+const badge = "_badge_1coiq_5";
+const label$9 = "_label_1coiq_11";
+const dark = "_dark_1coiq_23";
+const light = "_light_1coiq_26";
+const small$c = "_small_1coiq_29";
+const dot = "_dot_1coiq_33";
+const hasChildren = "_hasChildren_1coiq_38";
 const styles$L = {
   wrapper: wrapper$3,
   badge,
@@ -11618,32 +11618,32 @@ Badge.propTypes = {
   margin: propTypes$1.exports.string,
   small: propTypes$1.exports.bool
 };
-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$b = "_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 inputInTable$b = "_inputInTable_15rbm_1";
+const inputHover$b = "_inputHover_15rbm_13";
+const inputFocus$b = "_inputFocus_15rbm_18";
+const inputError$b = "_inputError_15rbm_25";
+const inputWarning$b = "_inputWarning_15rbm_26";
+const inputDisabled$b = "_inputDisabled_15rbm_61";
+const hideScrollbars$b = "_hideScrollbars_15rbm_67";
+const button$3 = "_button_15rbm_103";
+const active$7 = "_active_15rbm_139";
+const green$1 = "_green_15rbm_139";
+const red$1 = "_red_15rbm_139";
+const orange$1 = "_orange_15rbm_139";
+const icon$4 = "_icon_15rbm_151";
+const iconOnly = "_iconOnly_15rbm_157";
+const basic = "_basic_15rbm_167";
+const muted$2 = "_muted_15rbm_173";
+const disabled$7 = "_disabled_15rbm_192";
+const small$b = "_small_15rbm_202";
+const pill = "_pill_15rbm_207";
+const round = "_round_15rbm_208";
+const error$8 = "_error_15rbm_275";
+const warning$c = "_warning_15rbm_292";
+const inverted$1 = "_inverted_15rbm_309";
+const groupOrderFirst$4 = "_groupOrderFirst_15rbm_339";
+const groupOrderMiddle$4 = "_groupOrderMiddle_15rbm_340";
+const groupOrderLast$4 = "_groupOrderLast_15rbm_341";
 const buttonStyles = {
   inputInTable: inputInTable$b,
   inputHover: inputHover$b,
@@ -12365,9 +12365,9 @@ Menu.propTypes = {
   open: propTypes$1.exports.bool,
   setOpen: propTypes$1.exports.func
 };
-const actions$1 = "_actions_kwhh8_1";
-const actionComponentContainer = "_actionComponentContainer_kwhh8_11";
-const active$6 = "_active_kwhh8_33";
+const actions$1 = "_actions_1nid8_1";
+const actionComponentContainer = "_actionComponentContainer_1nid8_11";
+const active$6 = "_active_1nid8_33";
 const styles$J = {
   actions: actions$1,
   actionComponentContainer,
@@ -12468,12 +12468,12 @@ Actions.propTypes = {
   actions: actionsShape,
   right: propTypes$1.exports.bool
 };
-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 breadcrumb = "_breadcrumb_2k0cd_1";
+const small$a = "_small_2k0cd_4";
+const labelContainer = "_labelContainer_2k0cd_7";
+const active$5 = "_active_2k0cd_17";
+const disabled$6 = "_disabled_2k0cd_22";
+const separator = "_separator_2k0cd_27";
 const styles$I = {
   breadcrumb,
   small: small$a,
@@ -12661,13 +12661,13 @@ ButtonGroup.propTypes = {
   value: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   testId: propTypes$1.exports.string
 };
-const card = "_card_1atmq_1";
-const bordered$2 = "_bordered_1atmq_4";
-const raised = "_raised_1atmq_10";
-const cardHeader = "_cardHeader_1atmq_13";
-const cardContentBorderTop = "_cardContentBorderTop_1atmq_19";
-const padding$1 = "_padding_1atmq_22";
-const cardContent = "_cardContent_1atmq_19";
+const card = "_card_puxzc_1";
+const bordered$2 = "_bordered_puxzc_4";
+const raised = "_raised_puxzc_10";
+const cardHeader = "_cardHeader_puxzc_13";
+const cardContentBorderTop = "_cardContentBorderTop_puxzc_19";
+const padding$1 = "_padding_puxzc_22";
+const cardContent = "_cardContent_puxzc_19";
 const styles$G = {
   card,
   bordered: bordered$2,
@@ -14101,7 +14101,7 @@ const Divider = ({ children, margin: margin2, color: color2, align }) => /* @__P
   }) : children
 });
 Divider.defaultProps = {
-  margin: "var(--margin)",
+  margin: "var(--padding)",
   color: "var(--color-border)",
   align: "center"
 };
@@ -14110,9 +14110,9 @@ Divider.propTypes = {
   color: propTypes$1.exports.string,
   align: propTypes$1.exports.string
 };
-const heading$4 = "_heading_ss23n_1";
-const top$1 = "_top_ss23n_10";
-const icons$2 = "_icons_ss23n_20";
+const heading$4 = "_heading_1bklz_1";
+const top$1 = "_top_1bklz_10";
+const icons$2 = "_icons_1bklz_20";
 const styles$D = {
   heading: heading$4,
   top: top$1,
@@ -14189,13 +14189,13 @@ Heading$2.propTypes = {
   top: propTypes$1.exports.bool,
   testId: propTypes$1.exports.string
 };
-const dialog = "_dialog_1xtuy_1";
-const inline$3 = "_inline_1xtuy_18";
-const scroll$3 = "_scroll_1xtuy_21";
-const header$2 = "_header_1xtuy_24";
-const dismiss$2 = "_dismiss_1xtuy_33";
-const content$3 = "_content_1xtuy_38";
-const footer$2 = "_footer_1xtuy_47";
+const dialog = "_dialog_ch65x_1";
+const inline$3 = "_inline_ch65x_18";
+const scroll$3 = "_scroll_ch65x_21";
+const header$2 = "_header_ch65x_24";
+const dismiss$2 = "_dismiss_ch65x_33";
+const content$3 = "_content_ch65x_38";
+const footer$2 = "_footer_ch65x_47";
 const styles$C = {
   dialog,
   inline: inline$3,
@@ -16657,8 +16657,8 @@ Drawer.propTypes = {
   onClose: propTypes$1.exports.func,
   onOpen: propTypes$1.exports.func
 };
-const empty$2 = "_empty_1ytdm_1";
-const text$2 = "_text_1ytdm_11";
+const empty$2 = "_empty_fe425_1";
+const text$2 = "_text_fe425_11";
 const styles$A = {
   empty: empty$2,
   text: text$2
@@ -17044,9 +17044,9 @@ FileInput.propTypes = {
   onChange: propTypes$1.exports.func,
   testId: propTypes$1.exports.string
 };
-const label$7 = "_label_ik0mj_1";
-const labelLeft$1 = "_labelLeft_ik0mj_5";
-const icons$1 = "_icons_ik0mj_13";
+const label$7 = "_label_18pfe_1";
+const labelLeft$1 = "_labelLeft_18pfe_5";
+const icons$1 = "_icons_18pfe_13";
 const styles$w = {
   label: label$7,
   labelLeft: labelLeft$1,
@@ -17145,17 +17145,17 @@ Label$2.propTypes = {
   }),
   labelLeft: propTypes$1.exports.bool
 };
-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 field = "_field_1xoss_1";
+const labelLeft = "_labelLeft_1xoss_5";
+const fieldInput = "_fieldInput_1xoss_9";
+const formRow$1 = "_formRow_1xoss_12";
+const button$2 = "_button_1xoss_22";
 const styles$v = {
   field,
   labelLeft,
   fieldInput,
   formRow: formRow$1,
-  "form-row": "_form-row_nkfox_13",
+  "form-row": "_form-row_1xoss_13",
   button: button$2
 };
 const Field = ({
@@ -17259,7 +17259,7 @@ const Flex = ({
       justifyContent,
       height,
       flexWrap: wrap2 ? "wrap" : "nowrap",
-      gap: gap === false ? 0 : gap === true ? "var(--margin)" : gap
+      gap: gap === false ? 0 : gap === true ? "var(--padding)" : gap
     },
     children
   });
@@ -17286,7 +17286,7 @@ Flex.propTypes = {
     propTypes$1.exports.number
   ])
 };
-const formRow = "_formRow_e4kcc_1";
+const formRow = "_formRow_odewu_1";
 const styles$u = {
   formRow
 };
@@ -17331,7 +17331,7 @@ const Grid = ({
     columns,
     columnsTablet,
     columnsMobile,
-    gap: gap === false ? 0 : gap === true ? "var(--margin)" : gap,
+    gap: gap === false ? 0 : gap === true ? "var(--padding)" : gap,
     height,
     children
   });
@@ -26305,42 +26305,42 @@ var InfiniteScroll = function(_super) {
   };
   return InfiniteScroll2;
 }(Component$1);
-const inputInTable$8 = "_inputInTable_mu8ho_1";
-const inputHover$8 = "_inputHover_mu8ho_13";
-const inputFocus$8 = "_inputFocus_mu8ho_18";
-const inputError$8 = "_inputError_mu8ho_25";
-const inputWarning$8 = "_inputWarning_mu8ho_26";
-const inputDisabled$8 = "_inputDisabled_mu8ho_61";
-const hideScrollbars$8 = "_hideScrollbars_mu8ho_67";
-const header$1 = "_header_mu8ho_77";
-const headerTitle = "_headerTitle_mu8ho_77";
-const heading$3 = "_heading_mu8ho_78";
-const itemHeader = "_itemHeader_mu8ho_78";
-const narrow = "_narrow_mu8ho_81";
-const stickyHeader = "_stickyHeader_mu8ho_85";
-const title$3 = "_title_mu8ho_96";
-const name = "_name_mu8ho_102";
-const iconTooltipMargin = "_iconTooltipMargin_mu8ho_105";
-const bold = "_bold_mu8ho_108";
-const toggleNarrow = "_toggleNarrow_mu8ho_117";
-const drag$1 = "_drag_mu8ho_135";
-const list$1 = "_list_mu8ho_152";
-const bordered$1 = "_bordered_mu8ho_156";
-const item$4 = "_item_mu8ho_78";
-const action = "_action_mu8ho_189";
-const active$3 = "_active_mu8ho_192";
-const disabled$5 = "_disabled_mu8ho_207";
-const label$6 = "_label_mu8ho_218";
-const details$2 = "_details_mu8ho_224";
-const metadata = "_metadata_mu8ho_225";
-const itemContent = "_itemContent_mu8ho_233";
-const indentIcon = "_indentIcon_mu8ho_240";
-const expandIcon = "_expandIcon_mu8ho_245";
-const expanded = "_expanded_mu8ho_252";
-const right$4 = "_right_mu8ho_255";
-const actions = "_actions_mu8ho_264";
-const scrollableList = "_scrollableList_mu8ho_269";
-const hideScrollbar = "_hideScrollbar_mu8ho_67";
+const inputInTable$8 = "_inputInTable_pre97_1";
+const inputHover$8 = "_inputHover_pre97_13";
+const inputFocus$8 = "_inputFocus_pre97_18";
+const inputError$8 = "_inputError_pre97_25";
+const inputWarning$8 = "_inputWarning_pre97_26";
+const inputDisabled$8 = "_inputDisabled_pre97_61";
+const hideScrollbars$8 = "_hideScrollbars_pre97_67";
+const header$1 = "_header_pre97_77";
+const headerTitle = "_headerTitle_pre97_77";
+const heading$3 = "_heading_pre97_78";
+const itemHeader = "_itemHeader_pre97_78";
+const narrow = "_narrow_pre97_81";
+const stickyHeader = "_stickyHeader_pre97_85";
+const title$3 = "_title_pre97_96";
+const name = "_name_pre97_102";
+const iconTooltipMargin = "_iconTooltipMargin_pre97_105";
+const bold = "_bold_pre97_108";
+const toggleNarrow = "_toggleNarrow_pre97_117";
+const drag$1 = "_drag_pre97_135";
+const list$1 = "_list_pre97_152";
+const bordered$1 = "_bordered_pre97_156";
+const item$4 = "_item_pre97_78";
+const action = "_action_pre97_189";
+const active$3 = "_active_pre97_192";
+const disabled$5 = "_disabled_pre97_207";
+const label$6 = "_label_pre97_218";
+const details$2 = "_details_pre97_224";
+const metadata = "_metadata_pre97_225";
+const itemContent = "_itemContent_pre97_233";
+const indentIcon = "_indentIcon_pre97_240";
+const expandIcon = "_expandIcon_pre97_245";
+const expanded = "_expanded_pre97_252";
+const right$4 = "_right_pre97_255";
+const actions = "_actions_pre97_264";
+const scrollableList = "_scrollableList_pre97_269";
+const hideScrollbar = "_hideScrollbar_pre97_67";
 const listStyles = {
   inputInTable: inputInTable$8,
   inputHover: inputHover$8,
@@ -26945,13 +26945,13 @@ List.propTypes = {
   }),
   testId: propTypes$1.exports.string
 };
-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 loader = "_loader_477i5_1";
+const fullViewPortSize = "_fullViewPortSize_477i5_7";
+const cover = "_cover_477i5_14";
+const dimmer = "_dimmer_477i5_21";
+const content$2 = "_content_477i5_44";
+const text$1 = "_text_477i5_49";
+const details$1 = "_details_477i5_53";
 const styles$s = {
   loader,
   fullViewPortSize,
@@ -27025,27 +27025,27 @@ Loader.propTypes = {
   testId: propTypes$1.exports.string,
   theme: propTypes$1.exports.string
 };
-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 inputInTable$7 = "_inputInTable_j7l8b_1";
+const inputHover$7 = "_inputHover_j7l8b_13";
+const inputFocus$7 = "_inputFocus_j7l8b_18";
+const inputError$7 = "_inputError_j7l8b_25";
+const inputWarning$7 = "_inputWarning_j7l8b_26";
+const inputDisabled$7 = "_inputDisabled_j7l8b_61";
+const hideScrollbars$7 = "_hideScrollbars_j7l8b_67";
+const container$1 = "_container_j7l8b_83";
+const block$1 = "_block_j7l8b_102";
+const info = "_info_j7l8b_105";
+const success = "_success_j7l8b_109";
+const warning$6 = "_warning_j7l8b_113";
+const error$4 = "_error_j7l8b_117";
+const content$1 = "_content_j7l8b_121";
+const heading$2 = "_heading_j7l8b_125";
+const icon$3 = "_icon_j7l8b_132";
+const dismiss$1 = "_dismiss_j7l8b_140";
+const absolute = "_absolute_j7l8b_144";
+const legendToggle = "_legendToggle_j7l8b_156";
+const detailsText = "_detailsText_j7l8b_166";
+const footer$1 = "_footer_j7l8b_170";
 const styles$r = {
   inputInTable: inputInTable$7,
   inputHover: inputHover$7,
@@ -27229,10 +27229,10 @@ const Portal = ({ id: id2, children }) => {
 Portal.propTypes = {
   id: propTypes$1.exports.string.isRequired
 };
-const wrapper$2 = "_wrapper_1haxe_1";
-const contentContainer = "_contentContainer_1haxe_15";
-const centered = "_centered_1haxe_27";
-const newLine = "_newLine_1haxe_31";
+const wrapper$2 = "_wrapper_sb0hc_1";
+const contentContainer = "_contentContainer_sb0hc_15";
+const centered = "_centered_sb0hc_24";
+const newLine = "_newLine_sb0hc_28";
 const styles$q = {
   wrapper: wrapper$2,
   contentContainer,
@@ -27280,10 +27280,10 @@ Modal.propTypes = {
   centered: propTypes$1.exports.bool,
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number])
 };
-const menu$1 = "_menu_1gmgb_1";
-const header = "_header_1gmgb_11";
-const item$3 = "_item_1gmgb_27";
-const heading$1 = "_heading_1gmgb_32";
+const menu$1 = "_menu_1rz4x_1";
+const header = "_header_1rz4x_11";
+const item$3 = "_item_1rz4x_27";
+const heading$1 = "_heading_1rz4x_32";
 const styles$p = {
   menu: menu$1,
   header,
@@ -27457,23 +27457,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_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 inputInTable$6 = "_inputInTable_m6lot_1";
+const inputHover$6 = "_inputHover_m6lot_13";
+const inputFocus$6 = "_inputFocus_m6lot_18";
+const inputError$6 = "_inputError_m6lot_25";
+const inputWarning$6 = "_inputWarning_m6lot_26";
+const inputDisabled$6 = "_inputDisabled_m6lot_61";
+const hideScrollbars$6 = "_hideScrollbars_m6lot_67";
+const select = "_select_m6lot_77";
+const isInTable$2 = "_isInTable_m6lot_121";
+const unSelected = "_unSelected_m6lot_133";
+const error$3 = "_error_m6lot_140";
+const warning$5 = "_warning_m6lot_157";
+const small$6 = "_small_m6lot_174";
+const right$3 = "_right_m6lot_182";
+const groupOrderFirst$1 = "_groupOrderFirst_m6lot_193";
+const groupOrderMiddle$1 = "_groupOrderMiddle_m6lot_194";
+const groupOrderLast$1 = "_groupOrderLast_m6lot_198";
 const styles$n = {
   inputInTable: inputInTable$6,
   inputHover: inputHover$6,
@@ -28426,20 +28426,20 @@ var FixedSizeList = /* @__PURE__ */ createListComponent({
     }
   }
 });
-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 layerContainer = "_layerContainer_w5qft_1";
+const layer = "_layer_w5qft_1";
+const small$5 = "_small_w5qft_23";
+const heading = "_heading_w5qft_26";
+const option = "_option_w5qft_27";
+const message = "_message_w5qft_28";
+const focused = "_focused_w5qft_64";
+const selected = "_selected_w5qft_68";
+const disabled$4 = "_disabled_w5qft_71";
+const check = "_check_w5qft_75";
+const optionContent = "_optionContent_w5qft_92";
+const label$5 = "_label_w5qft_97";
+const icon$2 = "_icon_w5qft_104";
+const details = "_details_w5qft_109";
 const styles$m = {
   layerContainer,
   layer,
@@ -28657,37 +28657,37 @@ const Layer = ({
     })
   });
 };
-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 inputInTable$5 = "_inputInTable_w9d9u_1";
+const inputHover$5 = "_inputHover_w9d9u_13";
+const inputFocus$5 = "_inputFocus_w9d9u_18";
+const inputError$5 = "_inputError_w9d9u_25";
+const inputWarning$5 = "_inputWarning_w9d9u_26";
+const inputDisabled$5 = "_inputDisabled_w9d9u_61";
+const hideScrollbars$5 = "_hideScrollbars_w9d9u_67";
+const trigger$1 = "_trigger_w9d9u_77";
+const isInTable$1 = "_isInTable_w9d9u_93";
+const input = "_input_w9d9u_1";
+const isOpen = "_isOpen_w9d9u_114";
+const error$2 = "_error_w9d9u_122";
+const warning$4 = "_warning_w9d9u_139";
+const disabled$3 = "_disabled_w9d9u_156";
+const icons = "_icons_w9d9u_162";
+const clearAll = "_clearAll_w9d9u_169";
+const iconOpen = "_iconOpen_w9d9u_170";
+const small$4 = "_small_w9d9u_181";
+const triggerInputContainer = "_triggerInputContainer_w9d9u_189";
+const right$2 = "_right_w9d9u_198";
+const multiOptions = "_multiOptions_w9d9u_211";
+const multiOption = "_multiOption_w9d9u_211";
+const label$4 = "_label_w9d9u_239";
+const closeMultiOption = "_closeMultiOption_w9d9u_242";
+const focus = "_focus_w9d9u_253";
+const selectedSingleValue = "_selectedSingleValue_w9d9u_257";
+const placeHolder = "_placeHolder_w9d9u_258";
+const groupOrderFirst = "_groupOrderFirst_w9d9u_297";
+const groupOrderMiddle = "_groupOrderMiddle_w9d9u_298";
+const groupOrderLast = "_groupOrderLast_w9d9u_302";
+const detailedLabel = "_detailedLabel_w9d9u_307";
 const styles$l = {
   inputInTable: inputInTable$5,
   inputHover: inputHover$5,
@@ -30093,14 +30093,14 @@ ProgressBar$1.propTypes = {
   showProgressColors: propTypes$1.exports.bool,
   noLabel: propTypes$1.exports.bool
 };
-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 wrapper$1 = "_wrapper_1sue9_1";
+const inline$1 = "_inline_1sue9_1";
+const radio = "_radio_1sue9_5";
+const labelMargin = "_labelMargin_1sue9_8";
+const small$3 = "_small_1sue9_27";
+const noMargin$1 = "_noMargin_1sue9_32";
+const disabled$2 = "_disabled_1sue9_90";
+const isInTable = "_isInTable_1sue9_106";
 const styles$g = {
   wrapper: wrapper$1,
   inline: inline$1,
@@ -56725,8 +56725,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_8kz0p_1";
-const richTextToolbarContainer = "_richTextToolbarContainer_8kz0p_5";
+const richTextToolbar = "_richTextToolbar_1gbkk_1";
+const richTextToolbarContainer = "_richTextToolbarContainer_1gbkk_5";
 const styles$f = {
   richTextToolbar,
   richTextToolbarContainer
@@ -56921,7 +56921,7 @@ Row$1.defaultProps = {
   height: "auto",
   marginBottom: "0",
   marginTop: "0",
-  spacing: "var(--margin-lg)",
+  spacing: "var(--padding)",
   wrap: false,
   testId: null
 };
@@ -57026,24 +57026,24 @@ var reactFastCompare = function isEqual3(a2, b2) {
     throw error2;
   }
 };
-const inputInTable$3 = "_inputInTable_roq5v_1";
-const inputHover$3 = "_inputHover_roq5v_13";
-const inputFocus$3 = "_inputFocus_roq5v_18";
-const inputError$3 = "_inputError_roq5v_25";
-const inputWarning$3 = "_inputWarning_roq5v_26";
-const inputDisabled$3 = "_inputDisabled_roq5v_61";
-const hideScrollbars$3 = "_hideScrollbars_roq5v_67";
-const sidebar = "_sidebar_roq5v_81";
-const inner = "_inner_roq5v_92";
-const title$2 = "_title_roq5v_102";
-const subtitle = "_subtitle_roq5v_103";
-const label$2 = "_label_roq5v_104";
-const collapsed = "_collapsed_roq5v_108";
-const list = "_list_roq5v_133";
-const item$2 = "_item_roq5v_137";
-const active$2 = "_active_roq5v_164";
-const experimental = "_experimental_roq5v_168";
-const icon$1 = "_icon_roq5v_171";
+const inputInTable$3 = "_inputInTable_1oal4_1";
+const inputHover$3 = "_inputHover_1oal4_13";
+const inputFocus$3 = "_inputFocus_1oal4_18";
+const inputError$3 = "_inputError_1oal4_25";
+const inputWarning$3 = "_inputWarning_1oal4_26";
+const inputDisabled$3 = "_inputDisabled_1oal4_61";
+const hideScrollbars$3 = "_hideScrollbars_1oal4_67";
+const sidebar = "_sidebar_1oal4_81";
+const inner = "_inner_1oal4_92";
+const title$2 = "_title_1oal4_102";
+const subtitle = "_subtitle_1oal4_103";
+const label$2 = "_label_1oal4_104";
+const collapsed = "_collapsed_1oal4_108";
+const list = "_list_1oal4_133";
+const item$2 = "_item_1oal4_137";
+const active$2 = "_active_1oal4_164";
+const experimental = "_experimental_1oal4_168";
+const icon$1 = "_icon_1oal4_171";
 const styles$c = {
   inputInTable: inputInTable$3,
   inputHover: inputHover$3,
@@ -59263,13 +59263,13 @@ const SliderTooltip = ({ text: text2 }) => {
   });
 };
 const rcSlider = "";
-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 container = "_container_1a936_1";
+const small$2 = "_small_1a936_7";
+const hasMarks = "_hasMarks_1a936_10";
+const vertical = "_vertical_1a936_13";
+const hasArrows = "_hasArrows_1a936_17";
+const button$1 = "_button_1a936_21";
+const label$1 = "_label_1a936_24";
 const styles$b = {
   container,
   small: small$2,
@@ -59472,7 +59472,7 @@ const Spacer = ({ height, width, flex }) => /* @__PURE__ */ jsxRuntime.exports.j
   }
 });
 Spacer.defaultProps = {
-  height: "var(--margin)",
+  height: "var(--padding)",
   width: null,
   flex: false
 };
@@ -59507,7 +59507,7 @@ const styles$a = {
   table,
   striped
 };
-const title$1 = "_title_q9c26_1";
+const title$1 = "_title_15m3r_1";
 const styles$9 = {
   title: title$1
 };
@@ -59616,35 +59616,35 @@ Footer.propTypes = {
   pagination: paginationShape,
   content: propTypes$1.exports.object
 };
-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 inputInTable$1 = "_inputInTable_c2ruy_1";
+const inputHover$1 = "_inputHover_c2ruy_13";
+const inputFocus$1 = "_inputFocus_c2ruy_18";
+const inputError$1 = "_inputError_c2ruy_25";
+const inputWarning$1 = "_inputWarning_c2ruy_26";
+const inputDisabled$1 = "_inputDisabled_c2ruy_61";
+const hideScrollbars$1 = "_hideScrollbars_c2ruy_67";
+const cell = "_cell_c2ruy_77";
+const disabledLink = "_disabledLink_c2ruy_87";
+const inputWrapper = "_inputWrapper_c2ruy_91";
+const breakWord = "_breakWord_c2ruy_106";
+const inputCell = "_inputCell_c2ruy_109";
+const sliderCell = "_sliderCell_c2ruy_112";
+const staticCell = "_staticCell_c2ruy_116";
+const staticCellContent = "_staticCellContent_c2ruy_119";
+const error$1 = "_error_c2ruy_132";
+const warning$2 = "_warning_c2ruy_133";
+const unit = "_unit_c2ruy_142";
+const sortingCell = "_sortingCell_c2ruy_145";
+const sortingCellIcon = "_sortingCellIcon_c2ruy_156";
+const icon = "_icon_c2ruy_167";
+const checkBoxCell = "_checkBoxCell_c2ruy_171";
+const iconCellWrapper = "_iconCellWrapper_c2ruy_175";
+const actionsCell = "_actionsCell_c2ruy_179";
+const rightAligned = "_rightAligned_c2ruy_187";
+const centerAligned = "_centerAligned_c2ruy_193";
+const leftAligned = "_leftAligned_c2ruy_199";
+const popover = "_popover_c2ruy_202";
+const disabledPointerEvents = "_disabledPointerEvents_c2ruy_205";
 const styles$7 = {
   inputInTable: inputInTable$1,
   inputHover: inputHover$1,
@@ -60940,16 +60940,16 @@ Table.propTypes = {
   }).isRequired,
   onListReorder: propTypes$1.exports.func
 };
-const tabs = "_tabs_1ajyw_1";
-const padding = "_padding_1ajyw_7";
-const margin = "_margin_1ajyw_11";
-const contentPadding = "_contentPadding_1ajyw_14";
-const item$1 = "_item_1ajyw_17";
-const active$1 = "_active_1ajyw_38";
-const hidden = "_hidden_1ajyw_57";
-const disabled$1 = "_disabled_1ajyw_60";
-const left$1 = "_left_1ajyw_64";
-const right$1 = "_right_1ajyw_64";
+const tabs = "_tabs_12xfo_1";
+const padding = "_padding_12xfo_7";
+const margin = "_margin_12xfo_11";
+const contentPadding = "_contentPadding_12xfo_14";
+const item$1 = "_item_12xfo_17";
+const active$1 = "_active_12xfo_38";
+const hidden = "_hidden_12xfo_57";
+const disabled$1 = "_disabled_12xfo_60";
+const left$1 = "_left_12xfo_64";
+const right$1 = "_right_12xfo_64";
 const styles$5 = {
   tabs,
   padding,
@@ -62384,10 +62384,10 @@ const toast = ({ id: id2, message: message2, autoClose = 6e3, onClose }) => {
     type: toastType
   });
 };
-const toggle$1 = "_toggle_a2m25_9";
-const small = "_small_a2m25_25";
-const disabled = "_disabled_a2m25_102";
-const noMargin = "_noMargin_a2m25_113";
+const toggle$1 = "_toggle_wovz5_9";
+const small = "_small_wovz5_25";
+const disabled = "_disabled_wovz5_102";
+const noMargin = "_noMargin_wovz5_113";
 const styles$3 = {
   toggle: toggle$1,
   small,
@@ -62463,22 +62463,22 @@ Toggle.propTypes = {
   helpText: propTypes$1.exports.string,
   onClickHelp: propTypes$1.exports.func
 };
-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 topbar = "_topbar_16x9n_8";
+const fixed = "_fixed_16x9n_17";
+const appSwitcher = "_appSwitcher_16x9n_25";
+const title = "_title_16x9n_50";
+const logo = "_logo_16x9n_66";
+const label = "_label_16x9n_69";
+const brand = "_brand_16x9n_74";
+const version = "_version_16x9n_79";
+const left = "_left_16x9n_86";
+const right = "_right_16x9n_87";
+const item = "_item_16x9n_101";
+const link = "_link_16x9n_102";
+const button = "_button_16x9n_114";
+const menu = "_menu_16x9n_115";
+const active = "_active_16x9n_143";
+const alert = "_alert_16x9n_168";
 const styles$2 = {
   topbar,
   fixed,
@@ -62721,9 +62721,9 @@ TopBar.propTypes = {
   height: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   fixedPosition: propTypes$1.exports.bool
 };
-const popConfirm = "_popConfirm_1sz2n_1";
-const content = "_content_1sz2n_7";
-const buttons = "_buttons_1sz2n_13";
+const popConfirm = "_popConfirm_1x6ye_1";
+const content = "_content_1x6ye_7";
+const buttons = "_buttons_1x6ye_13";
 const styles$1 = {
   popConfirm,
   content,
@@ -74455,12 +74455,12 @@ function TreeInner(props, ref2) {
   );
 }
 var Tree$1 = forwardRef(TreeInner);
-const tree = "_tree_1x719_1";
-const toggle = "_toggle_1x719_4";
-const dropTarget = "_dropTarget_1x719_11";
-const draggingSource = "_draggingSource_1x719_14";
-const placeholderContainer = "_placeholderContainer_1x719_17";
-const placeholder2 = "_placeholder_1x719_17";
+const tree = "_tree_1lv9u_1";
+const toggle = "_toggle_1lv9u_4";
+const dropTarget = "_dropTarget_1lv9u_11";
+const draggingSource = "_draggingSource_1lv9u_14";
+const placeholderContainer = "_placeholderContainer_1lv9u_17";
+const placeholder2 = "_placeholder_1lv9u_17";
 const styles = {
   tree,
   toggle,