@oliasoft-open-source/react-ui-library 4.19.3 → 4.19.5

package/dist/global.css

@@ -1411,17 +1411,17 @@ html[data-theme='dark'] {
 ._actionComponentContainer_1t7vd_14._active_1t7vd_36 {
   color: var(--color-text-primary-active);
 }
-._wrapper_8cxhw_1 {
+._wrapper_nnkvb_1 {
   display: inline-flex;
   max-width: 100%;
 }
-._layer_8cxhw_5 ._wrapper_8cxhw_1 {
+._layer_nnkvb_5 ._wrapper_nnkvb_1 {
   width: 100%;
 }
-._layerContainer_8cxhw_8 {
+._layerContainer_nnkvb_8 {
   z-index: var(--zindex-dropdown);
 }
-._layer_8cxhw_5 {
+._layer_nnkvb_5 {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   overflow: hidden;
@@ -1434,98 +1434,101 @@ html[data-theme='dark'] {
   overflow-y: auto;
   max-height: 40vh;
 }
-._layer_8cxhw_5._nested_8cxhw_24 {
+._layer_nnkvb_5._nested_nnkvb_24 {
   margin: -1px 2px;
 }
-._layer_8cxhw_5 ul {
+._layer_nnkvb_5 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_8cxhw_5 ul li {
+._layer_nnkvb_5 ul li {
   list-style: none;
   display: block;
 }
-._fileInput_8cxhw_36 {
+._fileInput_nnkvb_36 {
   opacity: 0;
   position: absolute;
   inset: 0;
 }
-._trigger_8cxhw_41 {
+._trigger_nnkvb_41 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
   max-width: 100%;
 }
-._layer_8cxhw_5 ._trigger_8cxhw_41 {
+._layer_nnkvb_5 ._trigger_nnkvb_41 {
   width: 100%;
 }
-._middleAlignedInline_8cxhw_50 {
+._middleAlignedInline_nnkvb_50 {
   display: flex;
   align-items: center;
   overflow: hidden;
   width: 100%;
 }
-._heading_8cxhw_56 {
+._heading_nnkvb_56 {
   color: var(--color-text-muted);
   letter-spacing: var(--letter-spacing-wide);
   text-transform: uppercase;
   font-weight: bold;
 }
-._heading_8cxhw_56 ._headingIcon_8cxhw_62 {
+._heading_nnkvb_56 ._headingIcon_nnkvb_62 {
   float: right;
 }
-._heading_8cxhw_56 ._headingIcon_8cxhw_62 svg {
+._heading_nnkvb_56 ._headingIcon_nnkvb_62 svg {
   color: var(--color-text-faint);
 }
-._heading_8cxhw_56 ._headingIcon_8cxhw_62:hover {
+._heading_nnkvb_56 ._headingIcon_nnkvb_62:hover {
   cursor: pointer;
 }
-._heading_8cxhw_56 ._headingIcon_8cxhw_62:hover svg {
+._heading_nnkvb_56 ._headingIcon_nnkvb_62:hover svg {
   color: var(--color-text-primary-hover);
 }
-._option_8cxhw_74 {
+._option_nnkvb_74 {
   color: inherit;
   display: block;
   position: relative;
 }
-._heading_8cxhw_56,
-._option_8cxhw_74,
-._layer_8cxhw_5 ._trigger_8cxhw_41 {
+._option_nnkvb_74._disabled_nnkvb_79 {
+  opacity: 0.2;
+}
+._heading_nnkvb_56,
+._option_nnkvb_74,
+._layer_nnkvb_5 ._trigger_nnkvb_41 {
   padding: var(--padding-input);
   border: 1px solid transparent;
 }
-._option_8cxhw_74,
-._layer_8cxhw_5 ._trigger_8cxhw_41 {
+._option_nnkvb_74,
+._layer_nnkvb_5 ._trigger_nnkvb_41 {
   line-height: var(--line-height);
   display: flex;
   align-items: flex-start;
 }
-._option_8cxhw_74:hover,
-._layer_8cxhw_5 ._trigger_8cxhw_41:hover,
-._option_8cxhw_74._active_8cxhw_93,
-._layer_8cxhw_5 ._trigger_8cxhw_41._active_8cxhw_93 {
+._option_nnkvb_74:hover,
+._layer_nnkvb_5 ._trigger_nnkvb_41:hover,
+._option_nnkvb_74._active_nnkvb_96,
+._layer_nnkvb_5 ._trigger_nnkvb_41._active_nnkvb_96 {
   background-color: var(--color-background-listitem-hover);
   cursor: pointer;
 }
-._option_8cxhw_74._selected_8cxhw_98,
-._layer_8cxhw_5 ._trigger_8cxhw_41._selected_8cxhw_98 {
+._option_nnkvb_74._selected_nnkvb_101,
+._layer_nnkvb_5 ._trigger_nnkvb_41._selected_nnkvb_101 {
   background-color: var(--color-background-listitem-active);
 }
-._layer_8cxhw_5 ._trigger_8cxhw_41 {
+._layer_nnkvb_5 ._trigger_nnkvb_41 {
   align-items: center;
 }
-._optionContent_8cxhw_105 {
+._optionContent_nnkvb_108 {
   flex-wrap: wrap;
   margin-right: auto;
 }
-._inline_8cxhw_109 ._optionContent_8cxhw_105 {
+._inline_nnkvb_112 ._optionContent_nnkvb_108 {
   display: flex;
   justify-content: space-between;
   flex-grow: 1;
 }
-._icon_8cxhw_114,
-._check_8cxhw_115 {
+._icon_nnkvb_117,
+._check_nnkvb_118 {
   display: flex;
   flex-shrink: 1;
   width: var(--size-xs);
@@ -1533,83 +1536,82 @@ html[data-theme='dark'] {
   justify-content: center;
   align-items: center;
 }
-._icon_8cxhw_114 {
+._icon_nnkvb_117 {
   margin-right: var(--padding-xs);
   color: var(--color-text-primary);
   font-size: var(--size-xs);
 }
-._icon_8cxhw_114:empty {
+._icon_nnkvb_117:empty {
   display: none;
 }
-._icon_8cxhw_114 img {
+._icon_nnkvb_117 img {
   max-height: 16px;
   max-width: 16px;
   width: auto;
   height: auto;
 }
-._check_8cxhw_115 {
+._check_nnkvb_118 {
   margin-left: var(--padding-xs);
   color: var(--color-text-primary);
 }
-._text_8cxhw_141 {
+._text_nnkvb_144 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
 }
-._label_8cxhw_146 {
+._label_nnkvb_149 {
   margin-right: auto;
 }
-._label_8cxhw_146,
-._heading_8cxhw_56 {
+._label_nnkvb_149,
+._heading_nnkvb_56 {
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._description_8cxhw_157 {
+._description_nnkvb_160 {
   color: #999;
   display: block;
 }
-._arrow_8cxhw_161 {
+._arrow_nnkvb_164 {
   margin-left: var(--padding-xxs);
   display: flex;
 }
-._divider_8cxhw_165 {
+._divider_nnkvb_168 {
   border: 0;
   border-top: 1px solid var(--color-border);
 }
-._deprecatedSemanticIcon_8cxhw_169 {
+._deprecatedSemanticIcon_nnkvb_172 {
   color: var(--color-text-primary) !important;
   margin: -5px 0 0 !important;
 }
-._disabled_8cxhw_173 {
-  opacity: 0.2;
+._disabled_nnkvb_79 {
   pointer-events: none;
   cursor: not-allowed !important;
 }
-._buttonLabel_8cxhw_178 {
+._buttonLabel_nnkvb_180 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   margin-right: auto;
 }
-._buttonCaret_8cxhw_184 {
+._buttonCaret_nnkvb_186 {
   display: flex;
   margin-left: var(--padding-xxs);
 }
-._component_8cxhw_188 {
+._component_nnkvb_190 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }
-._right_8cxhw_194 {
+._right_nnkvb_196 {
   margin-left: auto;
   display: flex;
   align-items: center;
 }
-._actions_8cxhw_199 {
+._actions_nnkvb_201 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;

package/dist/index.js

@@ -4188,34 +4188,34 @@ const styles$N = {
   actionComponentContainer,
   active: active$7
 };
-const wrapper$4 = "_wrapper_8cxhw_1";
-const layer$1 = "_layer_8cxhw_5";
-const layerContainer$1 = "_layerContainer_8cxhw_8";
-const nested = "_nested_8cxhw_24";
-const fileInput$1 = "_fileInput_8cxhw_36";
-const trigger$2 = "_trigger_8cxhw_41";
-const middleAlignedInline = "_middleAlignedInline_8cxhw_50";
-const heading$5 = "_heading_8cxhw_56";
-const headingIcon = "_headingIcon_8cxhw_62";
-const option$1 = "_option_8cxhw_74";
-const active$6 = "_active_8cxhw_93";
-const selected$1 = "_selected_8cxhw_98";
-const optionContent$1 = "_optionContent_8cxhw_105";
-const inline$4 = "_inline_8cxhw_109";
-const icon$4 = "_icon_8cxhw_114";
-const check$1 = "_check_8cxhw_115";
-const text$3 = "_text_8cxhw_141";
-const label$a = "_label_8cxhw_146";
-const description = "_description_8cxhw_157";
-const arrow$1 = "_arrow_8cxhw_161";
-const divider$1 = "_divider_8cxhw_165";
-const deprecatedSemanticIcon = "_deprecatedSemanticIcon_8cxhw_169";
-const disabled$8 = "_disabled_8cxhw_173";
-const buttonLabel = "_buttonLabel_8cxhw_178";
-const buttonCaret = "_buttonCaret_8cxhw_184";
-const component = "_component_8cxhw_188";
-const right$7 = "_right_8cxhw_194";
-const actions$1 = "_actions_8cxhw_199";
+const wrapper$4 = "_wrapper_nnkvb_1";
+const layer$1 = "_layer_nnkvb_5";
+const layerContainer$1 = "_layerContainer_nnkvb_8";
+const nested = "_nested_nnkvb_24";
+const fileInput$1 = "_fileInput_nnkvb_36";
+const trigger$2 = "_trigger_nnkvb_41";
+const middleAlignedInline = "_middleAlignedInline_nnkvb_50";
+const heading$5 = "_heading_nnkvb_56";
+const headingIcon = "_headingIcon_nnkvb_62";
+const option$1 = "_option_nnkvb_74";
+const disabled$8 = "_disabled_nnkvb_79";
+const active$6 = "_active_nnkvb_96";
+const selected$1 = "_selected_nnkvb_101";
+const optionContent$1 = "_optionContent_nnkvb_108";
+const inline$4 = "_inline_nnkvb_112";
+const icon$4 = "_icon_nnkvb_117";
+const check$1 = "_check_nnkvb_118";
+const text$3 = "_text_nnkvb_144";
+const label$a = "_label_nnkvb_149";
+const description = "_description_nnkvb_160";
+const arrow$1 = "_arrow_nnkvb_164";
+const divider$1 = "_divider_nnkvb_168";
+const deprecatedSemanticIcon = "_deprecatedSemanticIcon_nnkvb_172";
+const buttonLabel = "_buttonLabel_nnkvb_180";
+const buttonCaret = "_buttonCaret_nnkvb_186";
+const component = "_component_nnkvb_190";
+const right$7 = "_right_nnkvb_196";
+const actions$1 = "_actions_nnkvb_201";
 const styles$M = {
   wrapper: wrapper$4,
   layer: layer$1,
@@ -4227,6 +4227,7 @@ const styles$M = {
   heading: heading$5,
   headingIcon,
   option: option$1,
+  disabled: disabled$8,
   active: active$6,
   selected: selected$1,
   optionContent: optionContent$1,
@@ -4239,7 +4240,6 @@ const styles$M = {
   arrow: arrow$1,
   divider: divider$1,
   deprecatedSemanticIcon,
-  disabled: disabled$8,
   buttonLabel,
   buttonCaret,
   component,
@@ -66651,32 +66651,27 @@ const UnitInput = ({
       className: predefinedOptionsMenuState === PredefinedOptionsMenuState.PREDEFINED ? cx$2(styles$1.predefinedMenuActive) : "",
       children: /* @__PURE__ */ jsxs(InputGroup, { small: small2, width: width2, children: [
         predefinedOptions && /* @__PURE__ */ jsx(
-          Tooltip,
+          Menu,
           {
-            text: predefinedOptionsMenuState === PredefinedOptionsMenuState.PREDEFINED ? foundPredefinedMenuOption == null ? void 0 : foundPredefinedMenuOption.label : "",
-            children: /* @__PURE__ */ jsx(
-              Menu,
-              {
-                maxHeight: 380,
-                groupOrder: "first",
-                testId: testId && `${testId}-predefined-menu`,
-                disabled: disabled2,
-                menu: {
-                  colored: true,
-                  trigger: "Component",
-                  component: /* @__PURE__ */ jsx(
-                    Button$1,
-                    {
-                      groupOrder: "first",
-                      active: predefinedOptionsMenuState === PredefinedOptionsMenuState.PREDEFINED,
-                      icon: predefinedOptionsMenuState === PredefinedOptionsMenuState.PREDEFINED ? "link" : "unlink"
-                    }
-                  ),
-                  small: small2,
-                  sections: sectionsPredefinedMenu
+            maxHeight: 380,
+            groupOrder: "first",
+            testId: testId && `${testId}-predefined-menu`,
+            disabled: disabled2,
+            menu: {
+              colored: true,
+              trigger: "Component",
+              component: /* @__PURE__ */ jsx(
+                Button$1,
+                {
+                  groupOrder: "first",
+                  active: predefinedOptionsMenuState === PredefinedOptionsMenuState.PREDEFINED,
+                  icon: predefinedOptionsMenuState === PredefinedOptionsMenuState.PREDEFINED ? "link" : "unlink"
                 }
-              }
-            )
+              ),
+              small: small2,
+              sections: sectionsPredefinedMenu
+            },
+            tooltip: predefinedOptionsMenuState === PredefinedOptionsMenuState.PREDEFINED ? foundPredefinedMenuOption == null ? void 0 : foundPredefinedMenuOption.label : ""
           }
         ),
         /* @__PURE__ */ jsx("div", { className: styles$1.inputWrapper, children: /* @__PURE__ */ jsx(