@oliasoft-open-source/react-ui-library 4.0.0-beta-52 → 4.0.0-beta-53

package/dist/index.js

@@ -11548,34 +11548,34 @@ const styles$L = {
   actionComponentContainer,
   active: active$7
 };
-const wrapper$4 = "_wrapper_zibyd_1";
-const layer$1 = "_layer_zibyd_5";
-const layerContainer$1 = "_layerContainer_zibyd_8";
-const nested = "_nested_zibyd_23";
-const fileInput$1 = "_fileInput_zibyd_35";
-const trigger$2 = "_trigger_zibyd_41";
-const middleAlignedInline = "_middleAlignedInline_zibyd_50";
-const heading$5 = "_heading_zibyd_56";
-const headingIcon = "_headingIcon_zibyd_62";
-const option$1 = "_option_zibyd_74";
-const active$6 = "_active_zibyd_92";
-const selected$1 = "_selected_zibyd_97";
-const optionContent$1 = "_optionContent_zibyd_103";
-const inline$4 = "_inline_zibyd_108";
-const icon$4 = "_icon_zibyd_113";
-const check$1 = "_check_zibyd_114";
-const text$3 = "_text_zibyd_136";
-const label$a = "_label_zibyd_141";
-const description = "_description_zibyd_152";
-const arrow$1 = "_arrow_zibyd_156";
-const divider$1 = "_divider_zibyd_160";
-const deprecatedSemanticIcon = "_deprecatedSemanticIcon_zibyd_164";
-const disabled$7 = "_disabled_zibyd_168";
-const buttonLabel = "_buttonLabel_zibyd_173";
-const buttonCaret = "_buttonCaret_zibyd_179";
-const component = "_component_zibyd_183";
-const right$7 = "_right_zibyd_189";
-const actions$1 = "_actions_zibyd_194";
+const wrapper$4 = "_wrapper_4axhn_1";
+const layer$1 = "_layer_4axhn_5";
+const layerContainer$1 = "_layerContainer_4axhn_8";
+const nested = "_nested_4axhn_23";
+const fileInput$1 = "_fileInput_4axhn_35";
+const trigger$2 = "_trigger_4axhn_40";
+const middleAlignedInline = "_middleAlignedInline_4axhn_49";
+const heading$5 = "_heading_4axhn_55";
+const headingIcon = "_headingIcon_4axhn_61";
+const option$1 = "_option_4axhn_73";
+const active$6 = "_active_4axhn_92";
+const selected$1 = "_selected_4axhn_97";
+const optionContent$1 = "_optionContent_4axhn_103";
+const inline$4 = "_inline_4axhn_107";
+const icon$4 = "_icon_4axhn_112";
+const check$1 = "_check_4axhn_113";
+const text$3 = "_text_4axhn_135";
+const label$a = "_label_4axhn_140";
+const description = "_description_4axhn_151";
+const arrow$1 = "_arrow_4axhn_155";
+const divider$1 = "_divider_4axhn_159";
+const deprecatedSemanticIcon = "_deprecatedSemanticIcon_4axhn_163";
+const disabled$7 = "_disabled_4axhn_167";
+const buttonLabel = "_buttonLabel_4axhn_172";
+const buttonCaret = "_buttonCaret_4axhn_178";
+const component = "_component_4axhn_182";
+const right$7 = "_right_4axhn_188";
+const actions$1 = "_actions_4axhn_193";
 const styles$K = {
   wrapper: wrapper$4,
   layer: layer$1,
@@ -11638,10 +11638,12 @@ const Option$2 = ({
 }) => {
   const handleClick2 = (evt) => {
     evt.stopPropagation();
-    if (disabled2 || upload) {
+    if (disabled2) {
       evt.preventDefault();
       return;
     }
+    if (upload)
+      return;
     if (closeOnOptionClick) {
       close2 == null ? void 0 : close2();
     }
@@ -13788,22 +13790,22 @@ const StyledColumn = st$1.div`
   display: flex;
   flex-direction: column;
   min-width: 0;
-  flex-basis: ${(p) => p.width || "auto"};
-  flex-grow: ${(p) => !p.width && p.flex ? "1" : "0"};
-  flex-shrink: ${(p) => p.width || !p.flex ? "0" : "1"};
-  overflow: ${(p) => p.scroll ? "auto" : "initial"};
-  background: ${(p) => p.background};
-  border-left: ${(p) => p.borderLeft === true ? "1px solid var(--color-border)" : p.borderLeft};
-  border-right: ${(p) => p.borderRight === true ? "1px solid var(--color-border)" : p.borderRight};
-  padding: ${(p) => p.spacing ? `0 calc(${p.spacing} / 2)` : "0"};
-  ${(p) => !p.showScrollbar && noScrollbars}
+  flex-basis: ${(p) => p.$width || "auto"};
+  flex-grow: ${(p) => !p.$width && p.$flex ? "1" : "0"};
+  flex-shrink: ${(p) => p.$width || !p.$flex ? "0" : "1"};
+  overflow: ${(p) => p.$scroll ? "auto" : "initial"};
+  background: ${(p) => p.$background};
+  border-left: ${(p) => p.$borderLeft === true ? "1px solid var(--color-border)" : p.$borderLeft};
+  border-right: ${(p) => p.$borderRight === true ? "1px solid var(--color-border)" : p.$borderRight};
+  padding: ${(p) => p.$spacing ? `0 calc(${p.$spacing} / 2)` : "0"};
+  ${(p) => !p.$showScrollbar && noScrollbars}
 
   @media (max-width: 992px) {
-    ${(p) => p.widthTablet && `flex-basis: ${p.widthTablet};`}
+    ${(p) => p.$widthTablet && `flex-basis: ${p.$widthTablet};`}
   }
 
   @media (max-width: 575px) {
-    ${(p) => p.widthMobile && `flex-basis: ${p.widthMobile};`}
+    ${(p) => p.$widthMobile && `flex-basis: ${p.$widthMobile};`}
   }
 
   > .inner {
@@ -13811,9 +13813,9 @@ const StyledColumn = st$1.div`
     position: relative;
     z-index: 0;
     min-height: 0;
-    display: ${(p) => p.flexbox && !p.scroll ? "flex" : "block"};
-    ${(p) => p.flexbox && `flex-direction: column;`}
-    padding: ${(p) => p.padding === true ? "var(--padding)" : p.padding};
+    display: ${(p) => p.$flexbox && !p.$scroll ? "flex" : "block"};
+    ${(p) => p.$flexbox && `flex-direction: column;`}
+    padding: ${(p) => p.$padding === true ? "var(--padding)" : p.$padding};
   }
 `;
 const Column = ({
@@ -13839,18 +13841,18 @@ const Column = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     StyledColumn$1,
     {
-      background: background2,
-      borderLeft,
-      borderRight,
-      flex,
-      flexbox,
-      padding: padding2,
-      scroll: scroll3,
-      showScrollbar,
-      spacing,
-      width: getWidthString(width2),
-      widthTablet: getWidthString(widthTablet),
-      widthMobile: getWidthString(widthMobile),
+      $background: background2,
+      $borderLeft: borderLeft,
+      $borderRight: borderRight,
+      $flex: flex,
+      $flexbox: flexbox,
+      $padding: padding2,
+      $scroll: scroll3,
+      $showScrollbar: showScrollbar,
+      $spacing: spacing,
+      $width: getWidthString(width2),
+      $widthTablet: getWidthString(widthTablet),
+      $widthMobile: getWidthString(widthMobile),
       children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "inner", "data-testid": testId, children })
     }
   );