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

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

@@ -1571,17 +1571,17 @@ html[data-theme='dark'] {
   margin-top: -2px;
   margin-bottom: -2px;
 }
-._wrapper_19hcn_1 {
+._wrapper_nwprz_1 {
   display: inline-flex;
   position: relative;
 }
-._badge_19hcn_5 {
+._badge_nwprz_5 {
   --size-badge: var(--line-height);
   background: var(--color-background-primary);
   display: inline-block;
   position: static;
 }
-._badge_19hcn_5._label_19hcn_11 {
+._badge_nwprz_5._label_nwprz_11 {
   line-height: var(--size-badge);
   min-width: var(--size-badge);
   padding: 0 var(--padding-xxs);
@@ -1593,23 +1593,23 @@ html[data-theme='dark'] {
   font-weight: bold;
   letter-spacing: normal;
 }
-._badge_19hcn_5._label_19hcn_11._dark_19hcn_23 {
+._badge_nwprz_5._label_nwprz_11._dark_nwprz_23 {
   color: #fff;
 }
-._badge_19hcn_5._label_19hcn_11._light_19hcn_26 {
+._badge_nwprz_5._label_nwprz_11._light_nwprz_26 {
   color: rgba(0, 0, 0, 0.6);
 }
-._badge_19hcn_5._small_19hcn_29 {
-  --size-badge: var(--size-xs);
-  font-size: var(--font-size-xs);
+._badge_nwprz_5._small_nwprz_29 {
+  --size-badge: var(--font-size-sm);
+  font-size: calc(var(--size-badge) * 0.8);
 }
-._badge_19hcn_5._dot_19hcn_33 {
+._badge_nwprz_5._dot_nwprz_33 {
   width: 6px;
   height: 6px;
   border-radius: 100%;
   min-width: 0;
 }
-._badge_19hcn_5._hasChildren_19hcn_39 {
+._badge_nwprz_5._hasChildren_nwprz_39 {
   position: absolute;
   right: 0;
   top: 0;
@@ -1840,80 +1840,80 @@ html[data-theme='dark'] {
 ._footer_ch65x_47 button:not(:last-child) {
   margin-right: var(--padding-sm);
 }
-._inputInTable_1v4te_1 {
+._inputInTable_11j5h_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1v4te_1:not(:hover) {
+._inputInTable_11j5h_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1v4te_1:not(:focus) {
+._inputInTable_11j5h_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1v4te_13 {
+._inputHover_11j5h_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1v4te_18 {
+._inputFocus_11j5h_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1v4te_25,
-._inputWarning_1v4te_26 {
+._inputError_11j5h_25,
+._inputWarning_11j5h_26 {
   position: relative;
 }
-._inputError_1v4te_25 {
+._inputError_11j5h_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1v4te_25:hover {
+._inputError_11j5h_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1v4te_25:focus {
+._inputError_11j5h_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1v4te_26 {
+._inputWarning_11j5h_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1v4te_26:hover {
+._inputWarning_11j5h_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1v4te_26:focus {
+._inputWarning_11j5h_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1v4te_61 {
+._inputDisabled_11j5h_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1v4te_67 {
+._hideScrollbars_11j5h_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1v4te_67::-webkit-scrollbar {
+._hideScrollbars_11j5h_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -1931,37 +1931,37 @@ html[data-theme='dark'] {
   --color-border-drawer-tab: var(--color-primary-750);
   --color-background-drawer-handle-hover: rgba(255, 255, 255, 0.1);
 }
-._inline_1v4te_92 {
+._inline_11j5h_92 {
   position: relative;
 }
-._inline_1v4te_92._left_1v4te_95 {
+._inline_11j5h_92._left_11j5h_95 {
   order: -1;
 }
-._inline_1v4te_92._right_1v4te_98 {
+._inline_11j5h_92._right_11j5h_98 {
   order: 9999;
 }
-._fixed_1v4te_101 {
+._fixed_11j5h_101 {
   position: fixed;
   top: 0;
   bottom: 0;
   z-index: var(--zindex-drawer);
 }
-._fixed_1v4te_101._left_1v4te_95 {
+._fixed_11j5h_101._left_11j5h_95 {
   left: 0;
 }
-._fixed_1v4te_101._right_1v4te_98 {
+._fixed_11j5h_101._right_11j5h_98 {
   right: 0;
 }
-._left_1v4te_95 ._border_1v4te_113 {
+._left_11j5h_95 ._border_11j5h_113 {
   border-right: 1px solid var(--color-border);
 }
-._right_1v4te_98 ._border_1v4te_113 {
+._right_11j5h_98 ._border_11j5h_113 {
   border-left: 1px solid var(--color-border);
 }
-._shadow_1v4te_119 {
+._shadow_11j5h_119 {
   box-shadow: var(--shadow-layer);
 }
-._drawerContent_1v4te_122 {
+._drawerContent_11j5h_122 {
   overflow-x: hidden;
   overflow-y: auto;
   max-height: 100%;
@@ -1973,40 +1973,40 @@ html[data-theme='dark'] {
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._isResizing_1v4te_134 ._drawerContent_1v4te_122 {
+._isResizing_11j5h_134 ._drawerContent_11j5h_122 {
   transition: none;
 }
 @media print {
-  ._drawerContent_1v4te_122 {
+  ._drawerContent_11j5h_122 {
     background: transparent !important;
   }
 }
-._drawerContent_1v4te_122::-webkit-scrollbar {
+._drawerContent_11j5h_122::-webkit-scrollbar {
   display: none;
 }
-._toggleButton_1v4te_145 {
+._toggleButton_11j5h_145 {
   transition: transform 0.4s;
   display: inline-block;
   transform: rotate(180deg);
   position: absolute;
   z-index: calc(var(--zindex-drawer) + 3);
 }
-._left_1v4te_95 ._toggleButton_1v4te_145 {
+._left_11j5h_95 ._toggleButton_11j5h_145 {
   right: calc(var(--size) / -2);
 }
-._right_1v4te_98 ._toggleButton_1v4te_145 {
+._right_11j5h_98 ._toggleButton_11j5h_145 {
   left: calc(var(--size) / -2);
 }
-._toggleButton_1v4te_145._top_1v4te_158 {
+._toggleButton_11j5h_145._top_11j5h_158 {
   top: var(--padding);
 }
-._toggleButton_1v4te_145._bottom_1v4te_161 {
+._toggleButton_11j5h_145._bottom_11j5h_161 {
   bottom: var(--padding);
 }
-._toggleButton_1v4te_145._toggleButtonOpen_1v4te_164 {
+._toggleButton_11j5h_145._toggleButtonOpen_11j5h_164 {
   transform: rotate(0deg);
 }
-._tabs_1v4te_167 {
+._tabs_11j5h_167 {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -2016,13 +2016,13 @@ html[data-theme='dark'] {
   border-left: 1px solid var(--color-border);
   border-right: 1px solid var(--color-border);
 }
-._left_1v4te_95 ._tabs_1v4te_167 {
+._left_11j5h_95 ._tabs_11j5h_167 {
   right: 0;
 }
-._right_1v4te_98 ._tabs_1v4te_167 {
+._right_11j5h_98 ._tabs_11j5h_167 {
   left: 0;
 }
-._tabs_1v4te_167 ._tab_1v4te_167 {
+._tabs_11j5h_167 ._tab_11j5h_167 {
   font-size: var(--size-sm);
   height: var(--size-drawer-tabs);
   width: var(--size-drawer-tabs);
@@ -2034,39 +2034,42 @@ html[data-theme='dark'] {
   transition: color 0.3s, background-color 0.3s;
   border: 1px solid var(--color-border-drawer-tab);
 }
-._left_1v4te_95 ._tabs_1v4te_167 ._tab_1v4te_167 {
+._left_11j5h_95 ._tabs_11j5h_167 ._tab_11j5h_167 {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._left_1v4te_95 ._tabs_1v4te_167 ._tab_1v4te_167._active_1v4te_199 {
+._left_11j5h_95 ._tabs_11j5h_167 ._tab_11j5h_167._active_11j5h_199 {
   border-left-color: transparent;
 }
-._right_1v4te_98 ._tabs_1v4te_167 ._tab_1v4te_167 {
+._right_11j5h_98 ._tabs_11j5h_167 ._tab_11j5h_167 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-._right_1v4te_98 ._tabs_1v4te_167 ._tab_1v4te_167._active_1v4te_199 {
+._right_11j5h_98 ._tabs_11j5h_167 ._tab_11j5h_167._active_11j5h_199 {
   border-right-color: transparent;
 }
-._tabs_1v4te_167 ._tab_1v4te_167:not(._active_1v4te_199) {
+._tabs_11j5h_167 ._tab_11j5h_167:not(._active_11j5h_199) {
   color: var(--color-text-primary);
   background-color: var(--color-background-drawer-tab) !important;
 }
-._tabs_1v4te_167 ._tab_1v4te_167:not(._active_1v4te_199):hover {
+._tabs_11j5h_167 ._tab_11j5h_167:not(._active_11j5h_199):hover {
   color: var(--color-text);
   background-color: var(--color-background-drawer-tab-hover) !important;
 }
-._tabs_1v4te_167 ._tab_1v4te_167._active_1v4te_199 {
+._tabs_11j5h_167 ._tab_11j5h_167._active_11j5h_199 {
   color: var(--color-text);
   border-color: var(--color-border);
 }
-._left_1v4te_95 ._tabsContent_1v4te_221 {
+._tabs_11j5h_167 ._tab_11j5h_167 svg {
+  stroke-width: 1.125;
+}
+._left_11j5h_95 ._tabsContent_11j5h_224 {
   padding-right: calc(var(--size-drawer-tabs) - 1px);
 }
-._right_1v4te_98 ._tabsContent_1v4te_221 {
+._right_11j5h_98 ._tabsContent_11j5h_224 {
   padding-left: calc(var(--size-drawer-tabs) - 1px);
 }
-._resizeHandle_1v4te_227 {
+._resizeHandle_11j5h_230 {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -2079,18 +2082,18 @@ html[data-theme='dark'] {
   font-size: var(--font-size-sm);
   transition: all 0.2s;
 }
-._resizeHandle_1v4te_227:hover {
+._resizeHandle_11j5h_230:hover {
   background: var(--color-background-drawer-handle-hover);
   color: var(--color-text-primary);
 }
-._resizeHandle_1v4te_227:active {
+._resizeHandle_11j5h_230:active {
   background: var(--color-text-primary);
   color: white;
 }
-._left_1v4te_95 ._resizeHandle_1v4te_227 {
+._left_11j5h_95 ._resizeHandle_11j5h_230 {
   right: 0;
 }
-._right_1v4te_98 ._resizeHandle_1v4te_227 {
+._right_11j5h_98 ._resizeHandle_11j5h_230 {
   left: 0;
 }
 ._empty_fe425_1 {
@@ -8540,122 +8543,122 @@ button:active .remirror-menu-pane-shortcut,
   min-height: 0;
   flex-shrink: 0;
 }
-._inputInTable_1ffe7_1 {
+._inputInTable_3l173_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1ffe7_1:not(:hover) {
+._inputInTable_3l173_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1ffe7_1:not(:focus) {
+._inputInTable_3l173_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1ffe7_13 {
+._inputHover_3l173_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1ffe7_18 {
+._inputFocus_3l173_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1ffe7_25,
-._inputWarning_1ffe7_26 {
+._inputError_3l173_25,
+._inputWarning_3l173_26 {
   position: relative;
 }
-._inputError_1ffe7_25 {
+._inputError_3l173_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1ffe7_25:hover {
+._inputError_3l173_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1ffe7_25:focus {
+._inputError_3l173_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1ffe7_26 {
+._inputWarning_3l173_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1ffe7_26:hover {
+._inputWarning_3l173_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1ffe7_26:focus {
+._inputWarning_3l173_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1ffe7_61 {
+._inputDisabled_3l173_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1ffe7_67 {
+._hideScrollbars_3l173_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1ffe7_67::-webkit-scrollbar {
+._hideScrollbars_3l173_67::-webkit-scrollbar {
   display: none;
 }
 :root {
   --size-sidebar: var(--size-xl);
   --color-background-sidebar: var(--color-neutral-1000);
 }
-._sidebar_1ffe7_81 {
+._sidebar_3l173_81 {
   background-color: var(--color-background-sidebar);
   color: white;
   position: relative;
   padding: var(--padding) 0;
 }
 @media print {
-  ._sidebar_1ffe7_81 {
+  ._sidebar_3l173_81 {
     display: none;
   }
 }
-._inner_1ffe7_92 {
+._inner_3l173_92 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._inner_1ffe7_92::-webkit-scrollbar {
+._inner_3l173_92::-webkit-scrollbar {
   display: none;
 }
-._title_1ffe7_102,
-._subtitle_1ffe7_103,
-._label_1ffe7_104 {
+._title_3l173_102,
+._subtitle_3l173_103,
+._label_3l173_104 {
   transition: opacity 0.2s, max-height 0.2s, margin 0.2s, color 0.2s;
   max-height: 50px;
 }
-._collapsed_1ffe7_108 ._title_1ffe7_102,
-._collapsed_1ffe7_108 ._subtitle_1ffe7_103,
-._collapsed_1ffe7_108 ._label_1ffe7_104 {
+._collapsed_3l173_108 ._title_3l173_102,
+._collapsed_3l173_108 ._subtitle_3l173_103,
+._collapsed_3l173_108 ._label_3l173_104 {
   opacity: 0;
   max-height: 0;
   margin-bottom: 0;
   margin-top: 0;
 }
-._title_1ffe7_102 {
+._title_3l173_102 {
   overflow: hidden;
   max-width: 100%;
   text-overflow: ellipsis;
@@ -8664,7 +8667,7 @@ button:active .remirror-menu-pane-shortcut,
   font-size: var(--font-size-lg);
   padding: 0 var(--padding);
 }
-._subtitle_1ffe7_103 {
+._subtitle_3l173_103 {
   margin-bottom: var(--padding-sm);
   white-space: nowrap;
   font-size: var(--font-size-sm);
@@ -8672,11 +8675,11 @@ button:active .remirror-menu-pane-shortcut,
   opacity: 0.6;
   padding: 0 var(--padding);
 }
-._list_1ffe7_133 {
+._list_3l173_133 {
   margin-bottom: var(--padding-xl);
   margin-top: 0;
 }
-._item_1ffe7_137 {
+._item_3l173_137 {
   min-height: var(--size-lg);
   transition: padding 0.2s;
   font-size: var(--font-size-lg);
@@ -8687,54 +8690,54 @@ button:active .remirror-menu-pane-shortcut,
   align-items: center;
   margin-bottom: var(--padding-xxs);
 }
-._collapsed_1ffe7_108 ._item_1ffe7_137 {
+._collapsed_3l173_108 ._item_3l173_137 {
   padding: 0 9px;
 }
-._item_1ffe7_137:focus {
+._item_3l173_137:focus {
   outline: none;
 }
-._item_1ffe7_137::-moz-focus-inner {
+._item_3l173_137::-moz-focus-inner {
   border: 0;
 }
-._item_1ffe7_137:hover,
-._item_1ffe7_137:focus {
+._item_3l173_137:hover,
+._item_3l173_137:focus {
   color: var(--color-primary-400);
 }
-._item_1ffe7_137:active {
+._item_3l173_137:active {
   color: var(--color-primary-300);
 }
-._item_1ffe7_137._active_1ffe7_164 {
+._item_3l173_137._active_3l173_164 {
   color: white;
   background: black;
 }
-._item_1ffe7_137._experimental_1ffe7_168 {
+._item_3l173_137._experimental_3l173_168 {
   background: #40130b;
 }
-._icon_1ffe7_171 {
+._icon_3l173_171 {
   margin-right: var(--padding-sm);
   line-height: 0;
   flex-shrink: 0;
-  transition: opacity 0.4s;
-  opacity: 0.4;
+  transition: opacity 0.2s;
+  opacity: 0.5;
   display: block;
 }
-._item_1ffe7_137:hover ._icon_1ffe7_171,
-._item_1ffe7_137:focus ._icon_1ffe7_171 {
-  opacity: 0.6;
+._item_3l173_137:hover ._icon_3l173_171,
+._item_3l173_137:focus ._icon_3l173_171 {
+  opacity: 0.75;
 }
-._item_1ffe7_137:active ._icon_1ffe7_171 {
-  opacity: 0.8;
-}
-._item_1ffe7_137._active_1ffe7_164 ._icon_1ffe7_171 {
+._item_3l173_137:active ._icon_3l173_171 {
   opacity: 1;
 }
-._icon_1ffe7_171 > * {
+._icon_3l173_171 > * {
   opacity: 1;
 }
-._icon_1ffe7_171 > span {
+._icon_3l173_171 > span {
   display: block;
 }
-._label_1ffe7_104 {
+._icon_3l173_171 svg {
+  stroke-width: 1;
+}
+._label_3l173_104 {
   white-space: nowrap;
   overflow: hidden;
 }