@oliasoft-open-source/react-ui-library 4.0.0-beta-34 → 4.0.0-beta-36

package/dist/index.js

@@ -3414,7 +3414,7 @@ Accordion.propTypes = {
 };
 const checkbox = "_checkbox_d2sgw_1";
 const noLabel = "_noLabel_d2sgw_17";
-const small$e = "_small_d2sgw_20";
+const small$d = "_small_d2sgw_20";
 const checkmark = "_checkmark_d2sgw_43";
 const disabled$9 = "_disabled_d2sgw_67";
 const noMargin$2 = "_noMargin_d2sgw_81";
@@ -3422,7 +3422,7 @@ const isInTable$4 = "_isInTable_d2sgw_84";
 const styles$Q = {
   checkbox,
   noLabel,
-  small: small$e,
+  small: small$d,
   checkmark,
   disabled: disabled$9,
   noMargin: noMargin$2,
@@ -5632,7 +5632,7 @@ HelpIcon.propTypes = {
   maxWidth: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   onClick: propTypes$1.exports.func,
   testId: propTypes$1.exports.string,
-  text: propTypes$1.exports.string
+  text: propTypes$1.exports.oneOfType([propTypes$1.exports.node, propTypes$1.exports.string])
 };
 const CheckBox = ({
   noMargin: noMargin2,
@@ -11558,18 +11558,18 @@ const placementOptions$1 = (placement, isNested = false) => ({
 const wrapper$3 = "_wrapper_12awj_1";
 const badge = "_badge_12awj_5";
 const label$9 = "_label_12awj_11";
-const dark$1 = "_dark_12awj_23";
+const dark = "_dark_12awj_23";
 const light = "_light_12awj_26";
-const small$d = "_small_12awj_29";
+const small$c = "_small_12awj_29";
 const dot = "_dot_12awj_33";
 const hasChildren = "_hasChildren_12awj_38";
 const styles$L = {
   wrapper: wrapper$3,
   badge,
   label: label$9,
-  dark: dark$1,
+  dark,
   light,
-  small: small$d,
+  small: small$c,
   dot,
   hasChildren
 };
@@ -11635,7 +11635,7 @@ 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 small$b = "_small_1695e_202";
 const pill = "_pill_1695e_207";
 const round = "_round_1695e_208";
 const error$8 = "_error_1695e_275";
@@ -11662,7 +11662,7 @@ const buttonStyles = {
   basic,
   muted: muted$2,
   disabled: disabled$7,
-  small: small$c,
+  small: small$b,
   pill,
   round,
   error: error$8,
@@ -11672,33 +11672,16 @@ const buttonStyles = {
   groupOrderMiddle: groupOrderMiddle$4,
   groupOrderLast: groupOrderLast$4
 };
-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 spinner = "_spinner_156m4_1";
 const styles$K = {
-  spinner,
-  small: small$b,
-  tiny,
-  colored: colored$1,
-  dark
+  spinner
 };
-const Spinner$1 = ({ small: small2, colored: colored2, dark: dark2, tiny: tiny2 }) => {
-  return /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
-    className: cx$2(
-      styles$K.spinner,
-      small2 ? styles$K.small : "",
-      tiny2 ? styles$K.tiny : "",
-      dark2 ? styles$K.dark : "",
-      colored2 ? styles$K.colored : ""
-    ),
-    children: [
-      /* @__PURE__ */ jsxRuntime.exports.jsx("div", {}),
-      /* @__PURE__ */ jsxRuntime.exports.jsx("div", {}),
-      /* @__PURE__ */ jsxRuntime.exports.jsx("div", {}),
-      /* @__PURE__ */ jsxRuntime.exports.jsx("div", {})
-    ]
+const Spinner$1 = ({ small: small2, colored: colored2, dark: dark2, tiny }) => {
+  const color2 = colored2 ? "var(--color-primary)" : dark2 ? "var(--color-text-muted)" : "white";
+  const fontSize = small2 ? "var(--font-size)" : tiny ? "var(--font-size-xs)" : "var(--size)";
+  return /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
+    className: styles$K.spinner,
+    style: { color: color2, fontSize }
   });
 };
 Spinner$1.defaultProps = {
@@ -12048,7 +12031,7 @@ const Trigger$1 = React__default.forwardRef(
   }
 );
 const actionShape = propTypes$1.exports.shape({
-  label: propTypes$1.exports.string.isRequired,
+  label: propTypes$1.exports.oneOfType([propTypes$1.exports.node, propTypes$1.exports.string]).isRequired,
   icon: propTypes$1.exports.oneOfType([propTypes$1.exports.node, propTypes$1.exports.string]),
   onClick: propTypes$1.exports.func.isRequired,
   disabled: propTypes$1.exports.bool,
@@ -14206,13 +14189,13 @@ Heading$2.propTypes = {
   top: propTypes$1.exports.bool,
   testId: propTypes$1.exports.string
 };
-const dialog = "_dialog_bamra_1";
-const inline$3 = "_inline_bamra_18";
-const scroll$3 = "_scroll_bamra_21";
-const header$2 = "_header_bamra_24";
-const dismiss$2 = "_dismiss_bamra_33";
-const content$3 = "_content_bamra_38";
-const footer$2 = "_footer_bamra_47";
+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 styles$C = {
   dialog,
   inline: inline$3,
@@ -14224,13 +14207,13 @@ const styles$C = {
 };
 const convertStringToJsx = (children) => {
   if (lodash.exports.isArray(children)) {
-    return children.map((text2) => /* @__PURE__ */ jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, {
+    return children.map((text2, i) => /* @__PURE__ */ jsxRuntime.exports.jsxs(Fragment$1, {
       children: [
         text2,
         " ",
         /* @__PURE__ */ jsxRuntime.exports.jsx("br", {})
       ]
-    }));
+    }, i));
   }
   return children;
 };
@@ -14311,30 +14294,30 @@ const dialogShape = propTypes$1.exports.shape({
 Dialog.propTypes = {
   dialog: dialogShape.isRequired
 };
-const inputInTable$a = "_inputInTable_1jtrv_1";
-const inputHover$a = "_inputHover_1jtrv_13";
-const inputFocus$a = "_inputFocus_1jtrv_18";
-const inputError$a = "_inputError_1jtrv_25";
-const inputWarning$a = "_inputWarning_1jtrv_26";
-const inputDisabled$a = "_inputDisabled_1jtrv_61";
-const hideScrollbars$a = "_hideScrollbars_1jtrv_67";
-const inline$2 = "_inline_1jtrv_92";
-const left$2 = "_left_1jtrv_95";
-const right$6 = "_right_1jtrv_98";
-const fixed$1 = "_fixed_1jtrv_101";
-const border$1 = "_border_1jtrv_113";
-const shadow = "_shadow_1jtrv_119";
-const drawerContent = "_drawerContent_1jtrv_122";
-const isResizing = "_isResizing_1jtrv_134";
-const toggleButton = "_toggleButton_1jtrv_145";
-const top = "_top_1jtrv_158";
-const bottom = "_bottom_1jtrv_161";
-const toggleButtonOpen = "_toggleButtonOpen_1jtrv_164";
-const tabs$1 = "_tabs_1jtrv_167";
-const tab$1 = "_tab_1jtrv_167";
-const active$4 = "_active_1jtrv_199";
-const tabsContent = "_tabsContent_1jtrv_221";
-const resizeHandle = "_resizeHandle_1jtrv_227";
+const inputInTable$a = "_inputInTable_1v4te_1";
+const inputHover$a = "_inputHover_1v4te_13";
+const inputFocus$a = "_inputFocus_1v4te_18";
+const inputError$a = "_inputError_1v4te_25";
+const inputWarning$a = "_inputWarning_1v4te_26";
+const inputDisabled$a = "_inputDisabled_1v4te_61";
+const hideScrollbars$a = "_hideScrollbars_1v4te_67";
+const inline$2 = "_inline_1v4te_92";
+const left$2 = "_left_1v4te_95";
+const right$6 = "_right_1v4te_98";
+const fixed$1 = "_fixed_1v4te_101";
+const border$1 = "_border_1v4te_113";
+const shadow = "_shadow_1v4te_119";
+const drawerContent = "_drawerContent_1v4te_122";
+const isResizing = "_isResizing_1v4te_134";
+const toggleButton = "_toggleButton_1v4te_145";
+const top = "_top_1v4te_158";
+const bottom = "_bottom_1v4te_161";
+const toggleButtonOpen = "_toggleButtonOpen_1v4te_164";
+const tabs$1 = "_tabs_1v4te_167";
+const tab$1 = "_tab_1v4te_167";
+const active$4 = "_active_1v4te_199";
+const tabsContent = "_tabsContent_1v4te_221";
+const resizeHandle = "_resizeHandle_1v4te_227";
 const styles$B = {
   inputInTable: inputInTable$a,
   inputHover: inputHover$a,
@@ -26314,42 +26297,42 @@ var InfiniteScroll = function(_super) {
   };
   return InfiniteScroll2;
 }(Component$1);
-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 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 listStyles = {
   inputInTable: inputInTable$8,
   inputHover: inputHover$8,
@@ -57035,24 +57018,24 @@ var reactFastCompare = function isEqual3(a2, b2) {
     throw error2;
   }
 };
-const inputInTable$3 = "_inputInTable_in9sh_1";
-const inputHover$3 = "_inputHover_in9sh_13";
-const inputFocus$3 = "_inputFocus_in9sh_18";
-const inputError$3 = "_inputError_in9sh_25";
-const inputWarning$3 = "_inputWarning_in9sh_26";
-const inputDisabled$3 = "_inputDisabled_in9sh_61";
-const hideScrollbars$3 = "_hideScrollbars_in9sh_67";
-const sidebar = "_sidebar_in9sh_81";
-const inner = "_inner_in9sh_92";
-const title$2 = "_title_in9sh_102";
-const subtitle = "_subtitle_in9sh_103";
-const label$2 = "_label_in9sh_104";
-const collapsed = "_collapsed_in9sh_108";
-const list = "_list_in9sh_133";
-const item$2 = "_item_in9sh_137";
-const active$2 = "_active_in9sh_164";
-const experimental = "_experimental_in9sh_168";
-const icon$1 = "_icon_in9sh_171";
+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 styles$c = {
   inputInTable: inputInTable$3,
   inputHover: inputHover$3,
@@ -60947,16 +60930,16 @@ Table.propTypes = {
   }).isRequired,
   onListReorder: propTypes$1.exports.func
 };
-const tabs = "_tabs_zed53_1";
-const padding = "_padding_zed53_7";
-const margin = "_margin_zed53_11";
-const contentPadding = "_contentPadding_zed53_14";
-const item$1 = "_item_zed53_17";
-const active$1 = "_active_zed53_38";
-const hidden = "_hidden_zed53_57";
-const disabled$1 = "_disabled_zed53_60";
-const left$1 = "_left_zed53_64";
-const right$1 = "_right_zed53_64";
+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 styles$5 = {
   tabs,
   padding,