@oliasoft-open-source/react-ui-library 4.0.0-beta-30 → 4.0.0-beta-31

package/dist/global.css

@@ -8376,14 +8376,14 @@ button:active .remirror-menu-pane-shortcut,
   margin: 0;
   /* margin-bottom: var(--rmr-space-2); */
 }
-._richTextToolbar_wr96k_1 {
+._richTextToolbar_8kz0p_1 {
   display: flex;
   gap: var(--margin-xs);
 }
-._richTextToolbarContainer_wr96k_5 {
+._richTextToolbarContainer_8kz0p_5 {
   display: flex;
   justify-content: space-between;
-  padding: var(--margin-sm) 0;
+  margin-bottom: var(--margin-sm);
   align-items: flex-end;
 }
 ._inputInTable_w2f5m_1 {
@@ -8498,122 +8498,122 @@ button:active .remirror-menu-pane-shortcut,
   min-height: 0;
   flex-shrink: 0;
 }
-._inputInTable_4sifk_1 {
+._inputInTable_in9sh_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_4sifk_1:not(:hover) {
+._inputInTable_in9sh_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_4sifk_1:not(:focus) {
+._inputInTable_in9sh_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_4sifk_13 {
+._inputHover_in9sh_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_4sifk_18 {
+._inputFocus_in9sh_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_4sifk_25,
-._inputWarning_4sifk_26 {
+._inputError_in9sh_25,
+._inputWarning_in9sh_26 {
   position: relative;
 }
-._inputError_4sifk_25 {
+._inputError_in9sh_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_4sifk_25:hover {
+._inputError_in9sh_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_4sifk_25:focus {
+._inputError_in9sh_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_4sifk_26 {
+._inputWarning_in9sh_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_4sifk_26:hover {
+._inputWarning_in9sh_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_4sifk_26:focus {
+._inputWarning_in9sh_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_4sifk_61 {
+._inputDisabled_in9sh_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_4sifk_67 {
+._hideScrollbars_in9sh_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_4sifk_67::-webkit-scrollbar {
+._hideScrollbars_in9sh_67::-webkit-scrollbar {
   display: none;
 }
 :root {
   --size-sidebar: var(--size-xl);
   --color-background-sidebar: var(--color-neutral-1000);
 }
-._sidebar_4sifk_81 {
+._sidebar_in9sh_81 {
   background-color: var(--color-background-sidebar);
   color: white;
   position: relative;
   padding: var(--padding-y) 0;
 }
 @media print {
-  ._sidebar_4sifk_81 {
+  ._sidebar_in9sh_81 {
     display: none;
   }
 }
-._inner_4sifk_92 {
+._inner_in9sh_92 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._inner_4sifk_92::-webkit-scrollbar {
+._inner_in9sh_92::-webkit-scrollbar {
   display: none;
 }
-._title_4sifk_102,
-._subtitle_4sifk_103,
-._label_4sifk_104 {
+._title_in9sh_102,
+._subtitle_in9sh_103,
+._label_in9sh_104 {
   transition: opacity 0.2s, max-height 0.2s, margin 0.2s, color 0.2s;
   max-height: 50px;
 }
-._collapsed_4sifk_108 ._title_4sifk_102,
-._collapsed_4sifk_108 ._subtitle_4sifk_103,
-._collapsed_4sifk_108 ._label_4sifk_104 {
+._collapsed_in9sh_108 ._title_in9sh_102,
+._collapsed_in9sh_108 ._subtitle_in9sh_103,
+._collapsed_in9sh_108 ._label_in9sh_104 {
   opacity: 0;
   max-height: 0;
   margin-bottom: 0;
   margin-top: 0;
 }
-._title_4sifk_102 {
+._title_in9sh_102 {
   overflow: hidden;
   max-width: 100%;
   text-overflow: ellipsis;
@@ -8622,7 +8622,7 @@ button:active .remirror-menu-pane-shortcut,
   font-size: var(--font-size-lg);
   padding: 0 var(--padding-x);
 }
-._subtitle_4sifk_103 {
+._subtitle_in9sh_103 {
   margin-bottom: var(--margin);
   white-space: nowrap;
   font-size: var(--font-size-sm);
@@ -8630,11 +8630,11 @@ button:active .remirror-menu-pane-shortcut,
   opacity: 0.6;
   padding: 0 var(--padding-x);
 }
-._list_4sifk_133 {
+._list_in9sh_133 {
   margin-bottom: var(--margin);
   margin-top: 0;
 }
-._item_4sifk_137 {
+._item_in9sh_137 {
   min-height: var(--size-lg);
   transition: padding 0.2s;
   font-size: var(--font-size-lg);
@@ -8643,31 +8643,32 @@ button:active .remirror-menu-pane-shortcut,
   display: flex;
   padding: 0 var(--padding-x);
   align-items: center;
+  margin-bottom: var(--margin-xs);
 }
-._collapsed_4sifk_108 ._item_4sifk_137 {
+._collapsed_in9sh_108 ._item_in9sh_137 {
   padding: 0 9px;
 }
-._item_4sifk_137:focus {
+._item_in9sh_137:focus {
   outline: none;
 }
-._item_4sifk_137::-moz-focus-inner {
+._item_in9sh_137::-moz-focus-inner {
   border: 0;
 }
-._item_4sifk_137:hover,
-._item_4sifk_137:focus {
+._item_in9sh_137:hover,
+._item_in9sh_137:focus {
   color: var(--color-primary-400);
 }
-._item_4sifk_137:active {
+._item_in9sh_137:active {
   color: var(--color-primary-300);
 }
-._item_4sifk_137._active_4sifk_163 {
+._item_in9sh_137._active_in9sh_164 {
   color: white;
   background: black;
 }
-._item_4sifk_137._experimental_4sifk_167 {
+._item_in9sh_137._experimental_in9sh_168 {
   background: #40130b;
 }
-._icon_4sifk_170 {
+._icon_in9sh_171 {
   margin-right: var(--margin);
   line-height: 0;
   flex-shrink: 0;
@@ -8675,23 +8676,23 @@ button:active .remirror-menu-pane-shortcut,
   opacity: 0.4;
   display: block;
 }
-._item_4sifk_137:hover ._icon_4sifk_170,
-._item_4sifk_137:focus ._icon_4sifk_170 {
+._item_in9sh_137:hover ._icon_in9sh_171,
+._item_in9sh_137:focus ._icon_in9sh_171 {
   opacity: 0.6;
 }
-._item_4sifk_137:active ._icon_4sifk_170 {
+._item_in9sh_137:active ._icon_in9sh_171 {
   opacity: 0.8;
 }
-._item_4sifk_137._active_4sifk_163 ._icon_4sifk_170 {
+._item_in9sh_137._active_in9sh_164 ._icon_in9sh_171 {
   opacity: 1;
 }
-._icon_4sifk_170 > * {
+._icon_in9sh_171 > * {
   opacity: 1;
 }
-._icon_4sifk_170 > span {
+._icon_in9sh_171 > span {
   display: block;
 }
-._label_4sifk_104 {
+._label_in9sh_104 {
   white-space: nowrap;
   overflow: hidden;
 }

package/dist/index.js

@@ -28631,7 +28631,7 @@ const Layer = ({
       listRef.current.scrollToItem(firstSelectedOptionIndex, "start");
     }
   }, []);
-  const optionHeight = small2 ? 24 : 28;
+  const optionHeight = small2 ? 24 : 30;
   return /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
     "data-testid": testId,
     className: cx$2(styles$m.layer, small2 && styles$m.small),
@@ -56734,8 +56734,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_wr96k_1";
-const richTextToolbarContainer = "_richTextToolbarContainer_wr96k_5";
+const richTextToolbar = "_richTextToolbar_8kz0p_1";
+const richTextToolbarContainer = "_richTextToolbarContainer_8kz0p_5";
 const styles$f = {
   richTextToolbar,
   richTextToolbarContainer
@@ -57035,24 +57035,24 @@ var reactFastCompare = function isEqual3(a2, b2) {
     throw error2;
   }
 };
-const inputInTable$3 = "_inputInTable_4sifk_1";
-const inputHover$3 = "_inputHover_4sifk_13";
-const inputFocus$3 = "_inputFocus_4sifk_18";
-const inputError$3 = "_inputError_4sifk_25";
-const inputWarning$3 = "_inputWarning_4sifk_26";
-const inputDisabled$3 = "_inputDisabled_4sifk_61";
-const hideScrollbars$3 = "_hideScrollbars_4sifk_67";
-const sidebar = "_sidebar_4sifk_81";
-const inner = "_inner_4sifk_92";
-const title$2 = "_title_4sifk_102";
-const subtitle = "_subtitle_4sifk_103";
-const label$2 = "_label_4sifk_104";
-const collapsed = "_collapsed_4sifk_108";
-const list = "_list_4sifk_133";
-const item$2 = "_item_4sifk_137";
-const active$2 = "_active_4sifk_163";
-const experimental = "_experimental_4sifk_167";
-const icon$1 = "_icon_4sifk_170";
+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 styles$c = {
   inputInTable: inputInTable$3,
   inputHover: inputHover$3,
@@ -60671,7 +60671,7 @@ const hasRowActions = (rows, headers) => {
 };
 const TableScrollWrapper = ({ table: table2, children }) => {
   const { rows, infiniteScroll } = table2;
-  const pageSize = Math.ceil(window.innerHeight / 32);
+  const pageSize = Math.ceil(window.innerHeight / 30);
   const [visibleRows, setVisibleRows] = infiniteScroll ? useState(pageSize) : [rows.length, null];
   const [hasMore, setHasMore] = infiniteScroll ? useState(visibleRows < rows.length) : [false, null];
   const loadMoreItems = () => {