@oliasoft-open-source/react-ui-library 4.1.6 → 4.1.7

package/dist/global.css

@@ -8910,80 +8910,80 @@ button:active .remirror-menu-pane-shortcut,
   min-height: 0;
   flex-shrink: 0;
 }
-._inputInTable_1n7o1_1 {
+._inputInTable_1ube5_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1n7o1_1:not(:hover) {
+._inputInTable_1ube5_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1n7o1_1:not(:focus) {
+._inputInTable_1ube5_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1n7o1_13 {
+._inputHover_1ube5_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1n7o1_18 {
+._inputFocus_1ube5_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1n7o1_25,
-._inputWarning_1n7o1_26 {
+._inputError_1ube5_25,
+._inputWarning_1ube5_26 {
   position: relative;
 }
-._inputError_1n7o1_25 {
+._inputError_1ube5_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_1n7o1_25:hover {
+._inputError_1ube5_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1n7o1_25:focus {
+._inputError_1ube5_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1n7o1_26 {
+._inputWarning_1ube5_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_1n7o1_26:hover {
+._inputWarning_1ube5_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1n7o1_26:focus {
+._inputWarning_1ube5_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1n7o1_61 {
+._inputDisabled_1ube5_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1n7o1_67 {
+._hideScrollbars_1ube5_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1n7o1_67::-webkit-scrollbar {
+._hideScrollbars_1ube5_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -8991,42 +8991,42 @@ button:active .remirror-menu-pane-shortcut,
   --size-sidebar-icon: var(--size);
   --color-background-sidebar: black;
 }
-._sidebar_1n7o1_82 {
+._sidebar_1ube5_82 {
   background-color: var(--color-background-sidebar);
   color: white;
   position: relative;
   padding: var(--padding) 0;
 }
 @media print {
-  ._sidebar_1n7o1_82 {
+  ._sidebar_1ube5_82 {
     display: none;
   }
 }
-._inner_1n7o1_93 {
+._inner_1ube5_93 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._inner_1n7o1_93::-webkit-scrollbar {
+._inner_1ube5_93::-webkit-scrollbar {
   display: none;
 }
-._title_1n7o1_103,
-._subtitle_1n7o1_104,
-._label_1n7o1_105 {
+._title_1ube5_103,
+._subtitle_1ube5_104,
+._label_1ube5_105 {
   transition: opacity 0.2s, max-height 0.2s, margin 0.2s, color 0.2s;
   max-height: 50px;
 }
-._collapsed_1n7o1_109 ._title_1n7o1_103,
-._collapsed_1n7o1_109 ._subtitle_1n7o1_104,
-._collapsed_1n7o1_109 ._label_1n7o1_105 {
+._collapsed_1ube5_109 ._title_1ube5_103,
+._collapsed_1ube5_109 ._subtitle_1ube5_104,
+._collapsed_1ube5_109 ._label_1ube5_105 {
   opacity: 0;
   max-height: 0;
   margin-bottom: 0;
   margin-top: 0;
 }
-._title_1n7o1_103 {
+._title_1ube5_103 {
   overflow: hidden;
   max-width: 100%;
   text-overflow: ellipsis;
@@ -9035,7 +9035,7 @@ button:active .remirror-menu-pane-shortcut,
   font-size: var(--font-size-xl);
   padding: 0 var(--padding);
 }
-._subtitle_1n7o1_104 {
+._subtitle_1ube5_104 {
   margin-bottom: var(--padding-xs);
   white-space: nowrap;
   font-size: var(--font-size);
@@ -9043,47 +9043,48 @@ button:active .remirror-menu-pane-shortcut,
   color: var(--color-neutral-700);
   padding: 0 var(--padding);
 }
-._list_1n7o1_134 {
+._list_1ube5_134 {
   margin-bottom: var(--padding-xl);
   margin-top: 0;
+  position: relative;
+  z-index: 1;
 }
-._item_1n7o1_138 {
+._item_1ube5_140 {
   transition: padding 0.2s, color 0.2s;
   font-size: var(--font-size-lg);
   font-weight: normal;
   display: flex;
-  padding: var(--padding-xxs) var(--padding);
+  padding: 0 var(--padding-xxs);
   align-items: center;
   color: var(--color-neutral-500);
 }
-._collapsed_1n7o1_109 ._item_1n7o1_138 {
-  padding: var(--padding-xxs) calc((var(--size-sidebar) - var(--size-sidebar-icon)) / 2);
+._collapsed_1ube5_109 ._item_1ube5_140 {
+  padding: 0;
 }
-._item_1n7o1_138:hover {
+._item_1ube5_140:hover {
   color: var(--color-neutral-200);
 }
-._item_1n7o1_138._experimental_1n7o1_153 {
+._item_1ube5_140._experimental_1ube5_155 {
   background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 8px, rgba(255, 255, 255, 0.1) 16px, transparent 16px, transparent 24px);
 }
-._item_1n7o1_138:active,
-._item_1n7o1_138._active_1n7o1_157 {
+._item_1ube5_140:active,
+._item_1ube5_140._active_1ube5_159 {
   color: var(--color-neutral-0);
   background-color: var(--color-primary-700);
 }
-._icon_1n7o1_161 {
-  margin-right: var(--padding-sm);
+._icon_1ube5_163 {
   line-height: 0;
   flex-shrink: 0;
-  display: block;
+  display: flex;
+  width: var(--size-sidebar);
+  justify-content: center;
   font-size: var(--size-sidebar-icon);
+  padding: var(--padding-xxs) 0;
 }
-._icon_1n7o1_161 > span {
-  display: block;
-}
-._icon_1n7o1_161 svg {
+._icon_1ube5_163 svg {
   stroke-width: 1;
 }
-._label_1n7o1_105 {
+._label_1ube5_105 {
   white-space: nowrap;
   overflow: hidden;
 }

package/dist/index.js

@@ -52609,24 +52609,24 @@ var reactFastCompare = function isEqual3(a2, b2) {
   }
 };
 const isEqual$1 = /* @__PURE__ */ getDefaultExportFromCjs(reactFastCompare);
-const inputInTable$3 = "_inputInTable_1n7o1_1";
-const inputHover$3 = "_inputHover_1n7o1_13";
-const inputFocus$3 = "_inputFocus_1n7o1_18";
-const inputError$3 = "_inputError_1n7o1_25";
-const inputWarning$3 = "_inputWarning_1n7o1_26";
-const inputDisabled$3 = "_inputDisabled_1n7o1_61";
-const hideScrollbars$3 = "_hideScrollbars_1n7o1_67";
-const sidebar = "_sidebar_1n7o1_82";
-const inner = "_inner_1n7o1_93";
-const title$2 = "_title_1n7o1_103";
-const subtitle = "_subtitle_1n7o1_104";
-const label$2 = "_label_1n7o1_105";
-const collapsed = "_collapsed_1n7o1_109";
-const list = "_list_1n7o1_134";
-const item$2 = "_item_1n7o1_138";
-const experimental = "_experimental_1n7o1_153";
-const active$2 = "_active_1n7o1_157";
-const icon$1 = "_icon_1n7o1_161";
+const inputInTable$3 = "_inputInTable_1ube5_1";
+const inputHover$3 = "_inputHover_1ube5_13";
+const inputFocus$3 = "_inputFocus_1ube5_18";
+const inputError$3 = "_inputError_1ube5_25";
+const inputWarning$3 = "_inputWarning_1ube5_26";
+const inputDisabled$3 = "_inputDisabled_1ube5_61";
+const hideScrollbars$3 = "_hideScrollbars_1ube5_67";
+const sidebar = "_sidebar_1ube5_82";
+const inner = "_inner_1ube5_93";
+const title$2 = "_title_1ube5_103";
+const subtitle = "_subtitle_1ube5_104";
+const label$2 = "_label_1ube5_105";
+const collapsed = "_collapsed_1ube5_109";
+const list = "_list_1ube5_134";
+const item$2 = "_item_1ube5_140";
+const experimental = "_experimental_1ube5_155";
+const active$2 = "_active_1ube5_159";
+const icon$1 = "_icon_1ube5_163";
 const styles$c = {
   inputInTable: inputInTable$3,
   inputHover: inputHover$3,
@@ -52649,23 +52649,20 @@ const styles$c = {
 };
 const TooltipIcon = memo(
   ({ isOpen: isOpen2, label: label2, icon: icon2, invalid }) => {
-    const Unbadged = () => /* @__PURE__ */ jsx(
-      Tooltip,
-      {
-        text: label2,
-        enabled: !isOpen2,
-        placement: "right-center",
-        possiblePlacements: ["right-center"],
-        triggerOffset: 24,
-        fontSize: 16,
-        padding: "var(--padding-sm)",
-        display: "block",
-        children: /* @__PURE__ */ jsx(Icon, { icon: icon2 })
-      }
-    );
-    const Badged = () => /* @__PURE__ */ jsx(Badge, { small: true, title: "!", margin: 4, children: /* @__PURE__ */ jsx(Unbadged, {}) });
     return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-      /* @__PURE__ */ jsx("span", { className: styles$c.icon, children: invalid ? /* @__PURE__ */ jsx(Badged, {}) : /* @__PURE__ */ jsx(Unbadged, {}) }),
+      /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          text: label2,
+          enabled: !isOpen2,
+          placement: "right-center",
+          possiblePlacements: ["right-center"],
+          fontSize: 16,
+          padding: "var(--padding-sm)",
+          display: "block",
+          children: /* @__PURE__ */ jsx("span", { className: styles$c.icon, children: /* @__PURE__ */ jsx(Badge, { small: true, title: invalid ? "!" : void 0, margin: 4, children: /* @__PURE__ */ jsx(Icon, { icon: icon2 }) }) })
+        }
+      ),
       /* @__PURE__ */ jsx("span", { className: styles$c.label, children: label2 })
     ] });
   },