@oliasoft-open-source/react-ui-library 4.0.0-beta-43 → 4.0.0-beta-44

package/dist/assets/{index-43ff55cc.css → index-8f561368.css}

@@ -8540,122 +8540,122 @@ button:active .remirror-menu-pane-shortcut,
   min-height: 0;
   flex-shrink: 0;
 }
-._inputInTable_1oal4_1 {
+._inputInTable_1ffe7_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1oal4_1:not(:hover) {
+._inputInTable_1ffe7_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1oal4_1:not(:focus) {
+._inputInTable_1ffe7_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1oal4_13 {
+._inputHover_1ffe7_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1oal4_18 {
+._inputFocus_1ffe7_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1oal4_25,
-._inputWarning_1oal4_26 {
+._inputError_1ffe7_25,
+._inputWarning_1ffe7_26 {
   position: relative;
 }
-._inputError_1oal4_25 {
+._inputError_1ffe7_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1oal4_25:hover {
+._inputError_1ffe7_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1oal4_25:focus {
+._inputError_1ffe7_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1oal4_26 {
+._inputWarning_1ffe7_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1oal4_26:hover {
+._inputWarning_1ffe7_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1oal4_26:focus {
+._inputWarning_1ffe7_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1oal4_61 {
+._inputDisabled_1ffe7_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1oal4_67 {
+._hideScrollbars_1ffe7_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1oal4_67::-webkit-scrollbar {
+._hideScrollbars_1ffe7_67::-webkit-scrollbar {
   display: none;
 }
 :root {
   --size-sidebar: var(--size-xl);
   --color-background-sidebar: var(--color-neutral-1000);
 }
-._sidebar_1oal4_81 {
+._sidebar_1ffe7_81 {
   background-color: var(--color-background-sidebar);
   color: white;
   position: relative;
   padding: var(--padding) 0;
 }
 @media print {
-  ._sidebar_1oal4_81 {
+  ._sidebar_1ffe7_81 {
     display: none;
   }
 }
-._inner_1oal4_92 {
+._inner_1ffe7_92 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._inner_1oal4_92::-webkit-scrollbar {
+._inner_1ffe7_92::-webkit-scrollbar {
   display: none;
 }
-._title_1oal4_102,
-._subtitle_1oal4_103,
-._label_1oal4_104 {
+._title_1ffe7_102,
+._subtitle_1ffe7_103,
+._label_1ffe7_104 {
   transition: opacity 0.2s, max-height 0.2s, margin 0.2s, color 0.2s;
   max-height: 50px;
 }
-._collapsed_1oal4_108 ._title_1oal4_102,
-._collapsed_1oal4_108 ._subtitle_1oal4_103,
-._collapsed_1oal4_108 ._label_1oal4_104 {
+._collapsed_1ffe7_108 ._title_1ffe7_102,
+._collapsed_1ffe7_108 ._subtitle_1ffe7_103,
+._collapsed_1ffe7_108 ._label_1ffe7_104 {
   opacity: 0;
   max-height: 0;
   margin-bottom: 0;
   margin-top: 0;
 }
-._title_1oal4_102 {
+._title_1ffe7_102 {
   overflow: hidden;
   max-width: 100%;
   text-overflow: ellipsis;
@@ -8664,7 +8664,7 @@ button:active .remirror-menu-pane-shortcut,
   font-size: var(--font-size-lg);
   padding: 0 var(--padding);
 }
-._subtitle_1oal4_103 {
+._subtitle_1ffe7_103 {
   margin-bottom: var(--padding-sm);
   white-space: nowrap;
   font-size: var(--font-size-sm);
@@ -8672,11 +8672,11 @@ button:active .remirror-menu-pane-shortcut,
   opacity: 0.6;
   padding: 0 var(--padding);
 }
-._list_1oal4_133 {
-  margin-bottom: var(--padding);
+._list_1ffe7_133 {
+  margin-bottom: var(--padding-xl);
   margin-top: 0;
 }
-._item_1oal4_137 {
+._item_1ffe7_137 {
   min-height: var(--size-lg);
   transition: padding 0.2s;
   font-size: var(--font-size-lg);
@@ -8687,30 +8687,30 @@ button:active .remirror-menu-pane-shortcut,
   align-items: center;
   margin-bottom: var(--padding-xxs);
 }
-._collapsed_1oal4_108 ._item_1oal4_137 {
+._collapsed_1ffe7_108 ._item_1ffe7_137 {
   padding: 0 9px;
 }
-._item_1oal4_137:focus {
+._item_1ffe7_137:focus {
   outline: none;
 }
-._item_1oal4_137::-moz-focus-inner {
+._item_1ffe7_137::-moz-focus-inner {
   border: 0;
 }
-._item_1oal4_137:hover,
-._item_1oal4_137:focus {
+._item_1ffe7_137:hover,
+._item_1ffe7_137:focus {
   color: var(--color-primary-400);
 }
-._item_1oal4_137:active {
+._item_1ffe7_137:active {
   color: var(--color-primary-300);
 }
-._item_1oal4_137._active_1oal4_164 {
+._item_1ffe7_137._active_1ffe7_164 {
   color: white;
   background: black;
 }
-._item_1oal4_137._experimental_1oal4_168 {
+._item_1ffe7_137._experimental_1ffe7_168 {
   background: #40130b;
 }
-._icon_1oal4_171 {
+._icon_1ffe7_171 {
   margin-right: var(--padding-sm);
   line-height: 0;
   flex-shrink: 0;
@@ -8718,23 +8718,23 @@ button:active .remirror-menu-pane-shortcut,
   opacity: 0.4;
   display: block;
 }
-._item_1oal4_137:hover ._icon_1oal4_171,
-._item_1oal4_137:focus ._icon_1oal4_171 {
+._item_1ffe7_137:hover ._icon_1ffe7_171,
+._item_1ffe7_137:focus ._icon_1ffe7_171 {
   opacity: 0.6;
 }
-._item_1oal4_137:active ._icon_1oal4_171 {
+._item_1ffe7_137:active ._icon_1ffe7_171 {
   opacity: 0.8;
 }
-._item_1oal4_137._active_1oal4_164 ._icon_1oal4_171 {
+._item_1ffe7_137._active_1ffe7_164 ._icon_1ffe7_171 {
   opacity: 1;
 }
-._icon_1oal4_171 > * {
+._icon_1ffe7_171 > * {
   opacity: 1;
 }
-._icon_1oal4_171 > span {
+._icon_1ffe7_171 > span {
   display: block;
 }
-._label_1oal4_104 {
+._label_1ffe7_104 {
   white-space: nowrap;
   overflow: hidden;
 }

package/dist/assets/{index-678883cb.js → index-e556125a.js}

@@ -56198,24 +56198,24 @@ var reactFastCompare = function isEqual3(a2, b2) {
   }
 };
 const isEqual4 = /* @__PURE__ */ getDefaultExportFromCjs(reactFastCompare);
-const inputInTable$3 = "_inputInTable_1oal4_1";
-const inputHover$3 = "_inputHover_1oal4_13";
-const inputFocus$3 = "_inputFocus_1oal4_18";
-const inputError$3 = "_inputError_1oal4_25";
-const inputWarning$3 = "_inputWarning_1oal4_26";
-const inputDisabled$3 = "_inputDisabled_1oal4_61";
-const hideScrollbars$3 = "_hideScrollbars_1oal4_67";
-const sidebar = "_sidebar_1oal4_81";
-const inner = "_inner_1oal4_92";
-const title$3 = "_title_1oal4_102";
-const subtitle = "_subtitle_1oal4_103";
-const label$2 = "_label_1oal4_104";
-const collapsed = "_collapsed_1oal4_108";
-const list = "_list_1oal4_133";
-const item$2 = "_item_1oal4_137";
-const active$2 = "_active_1oal4_164";
-const experimental = "_experimental_1oal4_168";
-const icon$1 = "_icon_1oal4_171";
+const inputInTable$3 = "_inputInTable_1ffe7_1";
+const inputHover$3 = "_inputHover_1ffe7_13";
+const inputFocus$3 = "_inputFocus_1ffe7_18";
+const inputError$3 = "_inputError_1ffe7_25";
+const inputWarning$3 = "_inputWarning_1ffe7_26";
+const inputDisabled$3 = "_inputDisabled_1ffe7_61";
+const hideScrollbars$3 = "_hideScrollbars_1ffe7_67";
+const sidebar = "_sidebar_1ffe7_81";
+const inner = "_inner_1ffe7_92";
+const title$3 = "_title_1ffe7_102";
+const subtitle = "_subtitle_1ffe7_103";
+const label$2 = "_label_1ffe7_104";
+const collapsed = "_collapsed_1ffe7_108";
+const list = "_list_1ffe7_133";
+const item$2 = "_item_1ffe7_137";
+const active$2 = "_active_1ffe7_164";
+const experimental = "_experimental_1ffe7_168";
+const icon$1 = "_icon_1ffe7_171";
 const styles$e = {
   inputInTable: inputInTable$3,
   inputHover: inputHover$3,

package/dist/global.css

@@ -8540,122 +8540,122 @@ button:active .remirror-menu-pane-shortcut,
   min-height: 0;
   flex-shrink: 0;
 }
-._inputInTable_1oal4_1 {
+._inputInTable_1ffe7_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1oal4_1:not(:hover) {
+._inputInTable_1ffe7_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1oal4_1:not(:focus) {
+._inputInTable_1ffe7_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1oal4_13 {
+._inputHover_1ffe7_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1oal4_18 {
+._inputFocus_1ffe7_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1oal4_25,
-._inputWarning_1oal4_26 {
+._inputError_1ffe7_25,
+._inputWarning_1ffe7_26 {
   position: relative;
 }
-._inputError_1oal4_25 {
+._inputError_1ffe7_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1oal4_25:hover {
+._inputError_1ffe7_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1oal4_25:focus {
+._inputError_1ffe7_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1oal4_26 {
+._inputWarning_1ffe7_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1oal4_26:hover {
+._inputWarning_1ffe7_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1oal4_26:focus {
+._inputWarning_1ffe7_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1oal4_61 {
+._inputDisabled_1ffe7_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1oal4_67 {
+._hideScrollbars_1ffe7_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1oal4_67::-webkit-scrollbar {
+._hideScrollbars_1ffe7_67::-webkit-scrollbar {
   display: none;
 }
 :root {
   --size-sidebar: var(--size-xl);
   --color-background-sidebar: var(--color-neutral-1000);
 }
-._sidebar_1oal4_81 {
+._sidebar_1ffe7_81 {
   background-color: var(--color-background-sidebar);
   color: white;
   position: relative;
   padding: var(--padding) 0;
 }
 @media print {
-  ._sidebar_1oal4_81 {
+  ._sidebar_1ffe7_81 {
     display: none;
   }
 }
-._inner_1oal4_92 {
+._inner_1ffe7_92 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._inner_1oal4_92::-webkit-scrollbar {
+._inner_1ffe7_92::-webkit-scrollbar {
   display: none;
 }
-._title_1oal4_102,
-._subtitle_1oal4_103,
-._label_1oal4_104 {
+._title_1ffe7_102,
+._subtitle_1ffe7_103,
+._label_1ffe7_104 {
   transition: opacity 0.2s, max-height 0.2s, margin 0.2s, color 0.2s;
   max-height: 50px;
 }
-._collapsed_1oal4_108 ._title_1oal4_102,
-._collapsed_1oal4_108 ._subtitle_1oal4_103,
-._collapsed_1oal4_108 ._label_1oal4_104 {
+._collapsed_1ffe7_108 ._title_1ffe7_102,
+._collapsed_1ffe7_108 ._subtitle_1ffe7_103,
+._collapsed_1ffe7_108 ._label_1ffe7_104 {
   opacity: 0;
   max-height: 0;
   margin-bottom: 0;
   margin-top: 0;
 }
-._title_1oal4_102 {
+._title_1ffe7_102 {
   overflow: hidden;
   max-width: 100%;
   text-overflow: ellipsis;
@@ -8664,7 +8664,7 @@ button:active .remirror-menu-pane-shortcut,
   font-size: var(--font-size-lg);
   padding: 0 var(--padding);
 }
-._subtitle_1oal4_103 {
+._subtitle_1ffe7_103 {
   margin-bottom: var(--padding-sm);
   white-space: nowrap;
   font-size: var(--font-size-sm);
@@ -8672,11 +8672,11 @@ button:active .remirror-menu-pane-shortcut,
   opacity: 0.6;
   padding: 0 var(--padding);
 }
-._list_1oal4_133 {
-  margin-bottom: var(--padding);
+._list_1ffe7_133 {
+  margin-bottom: var(--padding-xl);
   margin-top: 0;
 }
-._item_1oal4_137 {
+._item_1ffe7_137 {
   min-height: var(--size-lg);
   transition: padding 0.2s;
   font-size: var(--font-size-lg);
@@ -8687,30 +8687,30 @@ button:active .remirror-menu-pane-shortcut,
   align-items: center;
   margin-bottom: var(--padding-xxs);
 }
-._collapsed_1oal4_108 ._item_1oal4_137 {
+._collapsed_1ffe7_108 ._item_1ffe7_137 {
   padding: 0 9px;
 }
-._item_1oal4_137:focus {
+._item_1ffe7_137:focus {
   outline: none;
 }
-._item_1oal4_137::-moz-focus-inner {
+._item_1ffe7_137::-moz-focus-inner {
   border: 0;
 }
-._item_1oal4_137:hover,
-._item_1oal4_137:focus {
+._item_1ffe7_137:hover,
+._item_1ffe7_137:focus {
   color: var(--color-primary-400);
 }
-._item_1oal4_137:active {
+._item_1ffe7_137:active {
   color: var(--color-primary-300);
 }
-._item_1oal4_137._active_1oal4_164 {
+._item_1ffe7_137._active_1ffe7_164 {
   color: white;
   background: black;
 }
-._item_1oal4_137._experimental_1oal4_168 {
+._item_1ffe7_137._experimental_1ffe7_168 {
   background: #40130b;
 }
-._icon_1oal4_171 {
+._icon_1ffe7_171 {
   margin-right: var(--padding-sm);
   line-height: 0;
   flex-shrink: 0;
@@ -8718,23 +8718,23 @@ button:active .remirror-menu-pane-shortcut,
   opacity: 0.4;
   display: block;
 }
-._item_1oal4_137:hover ._icon_1oal4_171,
-._item_1oal4_137:focus ._icon_1oal4_171 {
+._item_1ffe7_137:hover ._icon_1ffe7_171,
+._item_1ffe7_137:focus ._icon_1ffe7_171 {
   opacity: 0.6;
 }
-._item_1oal4_137:active ._icon_1oal4_171 {
+._item_1ffe7_137:active ._icon_1ffe7_171 {
   opacity: 0.8;
 }
-._item_1oal4_137._active_1oal4_164 ._icon_1oal4_171 {
+._item_1ffe7_137._active_1ffe7_164 ._icon_1ffe7_171 {
   opacity: 1;
 }
-._icon_1oal4_171 > * {
+._icon_1ffe7_171 > * {
   opacity: 1;
 }
-._icon_1oal4_171 > span {
+._icon_1ffe7_171 > span {
   display: block;
 }
-._label_1oal4_104 {
+._label_1ffe7_104 {
   white-space: nowrap;
   overflow: hidden;
 }

package/dist/index.html

@@ -1 +1 @@
-<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-678883cb.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-43ff55cc.css"></head><body><div id="content"></div></body>
+<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-e556125a.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-8f561368.css"></head><body><div id="content"></div></body>

package/dist/index.js

@@ -59963,24 +59963,24 @@ var reactFastCompare = function isEqual3(a2, b2) {
   }
 };
 const isEqual$1 = /* @__PURE__ */ getDefaultExportFromCjs(reactFastCompare);
-const inputInTable$3 = "_inputInTable_1oal4_1";
-const inputHover$3 = "_inputHover_1oal4_13";
-const inputFocus$3 = "_inputFocus_1oal4_18";
-const inputError$3 = "_inputError_1oal4_25";
-const inputWarning$3 = "_inputWarning_1oal4_26";
-const inputDisabled$3 = "_inputDisabled_1oal4_61";
-const hideScrollbars$3 = "_hideScrollbars_1oal4_67";
-const sidebar = "_sidebar_1oal4_81";
-const inner = "_inner_1oal4_92";
-const title$2 = "_title_1oal4_102";
-const subtitle = "_subtitle_1oal4_103";
-const label$2 = "_label_1oal4_104";
-const collapsed = "_collapsed_1oal4_108";
-const list = "_list_1oal4_133";
-const item$2 = "_item_1oal4_137";
-const active$2 = "_active_1oal4_164";
-const experimental = "_experimental_1oal4_168";
-const icon$1 = "_icon_1oal4_171";
+const inputInTable$3 = "_inputInTable_1ffe7_1";
+const inputHover$3 = "_inputHover_1ffe7_13";
+const inputFocus$3 = "_inputFocus_1ffe7_18";
+const inputError$3 = "_inputError_1ffe7_25";
+const inputWarning$3 = "_inputWarning_1ffe7_26";
+const inputDisabled$3 = "_inputDisabled_1ffe7_61";
+const hideScrollbars$3 = "_hideScrollbars_1ffe7_67";
+const sidebar = "_sidebar_1ffe7_81";
+const inner = "_inner_1ffe7_92";
+const title$2 = "_title_1ffe7_102";
+const subtitle = "_subtitle_1ffe7_103";
+const label$2 = "_label_1ffe7_104";
+const collapsed = "_collapsed_1ffe7_108";
+const list = "_list_1ffe7_133";
+const item$2 = "_item_1ffe7_137";
+const active$2 = "_active_1ffe7_164";
+const experimental = "_experimental_1ffe7_168";
+const icon$1 = "_icon_1ffe7_171";
 const styles$c = {
   inputInTable: inputInTable$3,
   inputHover: inputHover$3,