@oliasoft-open-source/react-ui-library 4.0.0-beta-63 → 4.0.0-beta-65

package/dist/assets/{index-6c077a65.css → index-77cc4a36.css}

@@ -578,7 +578,7 @@ a {
   --color-background: var(--color-neutral-100);
   --color-background-raised: white;
   --color-background-layer: white;
-  --color-background-disabled: rgba(0, 0, 0, 0.1);
+  --color-background-disabled: rgba(0, 0, 0, 0.05);
   --color-background-info: var(--color-info-500);
   --color-background-info-muted: var(--color-info-100);
   --color-background-error: var(--color-error-500);
@@ -1865,80 +1865,80 @@ html[data-theme='dark'] {
 ._footer_18g0k_47 button:not(:last-child) {
   margin-right: var(--padding-sm);
 }
-._inputInTable_1f7hn_1 {
+._inputInTable_t6pih_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1f7hn_1:not(:hover) {
+._inputInTable_t6pih_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1f7hn_1:not(:focus) {
+._inputInTable_t6pih_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1f7hn_13 {
+._inputHover_t6pih_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1f7hn_18 {
+._inputFocus_t6pih_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1f7hn_25,
-._inputWarning_1f7hn_26 {
+._inputError_t6pih_25,
+._inputWarning_t6pih_26 {
   position: relative;
 }
-._inputError_1f7hn_25 {
+._inputError_t6pih_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_1f7hn_25:hover {
+._inputError_t6pih_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1f7hn_25:focus {
+._inputError_t6pih_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1f7hn_26 {
+._inputWarning_t6pih_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_1f7hn_26:hover {
+._inputWarning_t6pih_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1f7hn_26:focus {
+._inputWarning_t6pih_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1f7hn_61 {
+._inputDisabled_t6pih_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1f7hn_67 {
+._hideScrollbars_t6pih_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1f7hn_67::-webkit-scrollbar {
+._hideScrollbars_t6pih_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -1954,37 +1954,37 @@ html[data-theme='dark'] {
   --color-border-drawer-tab: black;
   --color-background-drawer-handle-hover: rgba(255, 255, 255, 0.1);
 }
-._inline_1f7hn_90 {
+._inline_t6pih_90 {
   position: relative;
 }
-._inline_1f7hn_90._left_1f7hn_93 {
+._inline_t6pih_90._left_t6pih_93 {
   order: -1;
 }
-._inline_1f7hn_90._right_1f7hn_96 {
+._inline_t6pih_90._right_t6pih_96 {
   order: 9999;
 }
-._fixed_1f7hn_99 {
+._fixed_t6pih_99 {
   position: fixed;
   top: 0;
   bottom: 0;
   z-index: var(--zindex-drawer);
 }
-._fixed_1f7hn_99._left_1f7hn_93 {
+._fixed_t6pih_99._left_t6pih_93 {
   left: 0;
 }
-._fixed_1f7hn_99._right_1f7hn_96 {
+._fixed_t6pih_99._right_t6pih_96 {
   right: 0;
 }
-._left_1f7hn_93 ._border_1f7hn_111 {
+._left_t6pih_93 ._border_t6pih_111 {
   border-right: 1px solid var(--color-border);
 }
-._right_1f7hn_96 ._border_1f7hn_111 {
+._right_t6pih_96 ._border_t6pih_111 {
   border-left: 1px solid var(--color-border);
 }
-._shadow_1f7hn_117 {
+._shadow_t6pih_117 {
   box-shadow: var(--shadow-layer);
 }
-._drawerContent_1f7hn_120 {
+._drawerContent_t6pih_120 {
   overflow-x: hidden;
   overflow-y: auto;
   max-height: 100%;
@@ -1996,40 +1996,40 @@ html[data-theme='dark'] {
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._isResizing_1f7hn_132 ._drawerContent_1f7hn_120 {
+._isResizing_t6pih_132 ._drawerContent_t6pih_120 {
   transition: none;
 }
 @media print {
-  ._drawerContent_1f7hn_120 {
+  ._drawerContent_t6pih_120 {
     background: transparent !important;
   }
 }
-._drawerContent_1f7hn_120::-webkit-scrollbar {
+._drawerContent_t6pih_120::-webkit-scrollbar {
   display: none;
 }
-._toggleButton_1f7hn_143 {
+._toggleButton_t6pih_143 {
   transition: transform 0.2s;
   display: inline-block;
   transform: rotate(180deg);
   position: absolute;
   z-index: calc(var(--zindex-drawer) + 3);
 }
-._left_1f7hn_93 ._toggleButton_1f7hn_143 {
+._left_t6pih_93 ._toggleButton_t6pih_143 {
   right: calc(var(--size) / -2);
 }
-._right_1f7hn_96 ._toggleButton_1f7hn_143 {
+._right_t6pih_96 ._toggleButton_t6pih_143 {
   left: calc(var(--size) / -2);
 }
-._toggleButton_1f7hn_143._top_1f7hn_156 {
+._toggleButton_t6pih_143._top_t6pih_156 {
   top: var(--padding);
 }
-._toggleButton_1f7hn_143._bottom_1f7hn_159 {
+._toggleButton_t6pih_143._bottom_t6pih_159 {
   bottom: var(--padding);
 }
-._toggleButton_1f7hn_143._toggleButtonOpen_1f7hn_162 {
+._toggleButton_t6pih_143._toggleButtonOpen_t6pih_162 {
   transform: rotate(0deg);
 }
-._tabs_1f7hn_165 {
+._tabs_t6pih_165 {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -2039,13 +2039,13 @@ html[data-theme='dark'] {
   border-left: 1px solid var(--color-border);
   border-right: 1px solid var(--color-border);
 }
-._left_1f7hn_93 ._tabs_1f7hn_165 {
+._left_t6pih_93 ._tabs_t6pih_165 {
   right: 0;
 }
-._right_1f7hn_96 ._tabs_1f7hn_165 {
+._right_t6pih_96 ._tabs_t6pih_165 {
   left: 0;
 }
-._tabs_1f7hn_165 ._tab_1f7hn_165 {
+._tabs_t6pih_165 ._tab_t6pih_165 {
   font-size: var(--size-sm);
   height: var(--size-drawer-tabs);
   width: var(--size-drawer-tabs);
@@ -2057,66 +2057,67 @@ html[data-theme='dark'] {
   transition: color 0.2s, background-color 0.2s;
   border: 1px solid var(--color-border-drawer-tab);
 }
-._left_1f7hn_93 ._tabs_1f7hn_165 ._tab_1f7hn_165 {
+._left_t6pih_93 ._tabs_t6pih_165 ._tab_t6pih_165 {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._left_1f7hn_93 ._tabs_1f7hn_165 ._tab_1f7hn_165._active_1f7hn_197 {
+._left_t6pih_93 ._tabs_t6pih_165 ._tab_t6pih_165._active_t6pih_197 {
   border-left-color: transparent;
 }
-._right_1f7hn_96 ._tabs_1f7hn_165 ._tab_1f7hn_165 {
+._right_t6pih_96 ._tabs_t6pih_165 ._tab_t6pih_165 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-._right_1f7hn_96 ._tabs_1f7hn_165 ._tab_1f7hn_165._active_1f7hn_197 {
+._right_t6pih_96 ._tabs_t6pih_165 ._tab_t6pih_165._active_t6pih_197 {
   border-right-color: transparent;
 }
-._tabs_1f7hn_165 ._tab_1f7hn_165:not(._active_1f7hn_197) {
+._tabs_t6pih_165 ._tab_t6pih_165:not(._active_t6pih_197) {
   color: var(--color-text-primary);
   background-color: var(--color-background-drawer-tab) !important;
 }
-._tabs_1f7hn_165 ._tab_1f7hn_165:not(._active_1f7hn_197):hover {
+._tabs_t6pih_165 ._tab_t6pih_165:not(._active_t6pih_197):hover {
   color: var(--color-text);
   background-color: var(--color-background-drawer-tab-hover) !important;
 }
-._tabs_1f7hn_165 ._tab_1f7hn_165._active_1f7hn_197 {
+._tabs_t6pih_165 ._tab_t6pih_165._active_t6pih_197 {
   color: var(--color-text);
   border-color: var(--color-border);
 }
-._tabs_1f7hn_165 ._tab_1f7hn_165 svg {
+._tabs_t6pih_165 ._tab_t6pih_165 svg {
   stroke-width: 1.125;
 }
-._left_1f7hn_93 ._tabsContent_1f7hn_222 {
+._left_t6pih_93 ._tabsContent_t6pih_222 {
   padding-right: calc(var(--size-drawer-tabs) - 1px);
 }
-._right_1f7hn_96 ._tabsContent_1f7hn_222 {
+._right_t6pih_96 ._tabsContent_t6pih_222 {
   padding-left: calc(var(--size-drawer-tabs) - 1px);
 }
-._resizeHandle_1f7hn_228 {
+._resizeHandle_t6pih_228 {
+  --size-resize-handle: 10px;
   position: absolute;
   top: 0;
   bottom: 0;
-  width: 8px;
+  width: var(--size-resize-handle);
   z-index: calc(var(--zindex-drawer) + 2);
   cursor: ew-resize;
   display: flex;
   align-items: center;
   color: var(--color-text-faint);
-  font-size: var(--font-size-sm);
+  font-size: var(--size-resize-handle);
   transition: all 0.2s;
 }
-._resizeHandle_1f7hn_228:hover {
+._resizeHandle_t6pih_228:hover {
   background: var(--color-background-drawer-handle-hover);
   color: var(--color-text-primary);
 }
-._resizeHandle_1f7hn_228:active {
+._resizeHandle_t6pih_228:active {
   background: var(--color-text-primary);
   color: white;
 }
-._left_1f7hn_93 ._resizeHandle_1f7hn_228 {
+._left_t6pih_93 ._resizeHandle_t6pih_228 {
   right: 0;
 }
-._right_1f7hn_96 ._resizeHandle_1f7hn_228 {
+._right_t6pih_96 ._resizeHandle_t6pih_228 {
   left: 0;
 }
 ._empty_fe425_1 {
@@ -9555,23 +9556,23 @@ tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
 ._disabledPointerEvents_17dgc_204 {
   pointer-events: none;
 }
-._tabs_1jz3v_1 {
+._tabs_twdtr_1 {
   display: flex;
   flex-wrap: wrap;
   border-bottom: 1px solid var(--color-border);
   flex-shrink: 0;
 }
-._tabs_1jz3v_1._padding_1jz3v_7 {
+._tabs_twdtr_1._padding_twdtr_7 {
   padding-left: var(--padding);
   padding-right: var(--padding);
 }
-._tabs_1jz3v_1._margin_1jz3v_11 {
+._tabs_twdtr_1._margin_twdtr_11 {
   margin: var(--padding) 0;
 }
-._contentPadding_1jz3v_14 {
+._contentPadding_twdtr_14 {
   padding-top: var(--padding);
 }
-._item_1jz3v_17 {
+._item_twdtr_17 {
   align-self: flex-end;
   display: flex;
   align-items: center;
@@ -9585,42 +9586,40 @@ tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
   transition: border 0.1s ease, color 0.1s ease;
   margin-bottom: -1px;
   border-bottom: 1px solid transparent;
-  font-weight: bold;
+  font-size: var(--font-size-lg);
   color: var(--color-text-primary);
   cursor: pointer;
-  letter-spacing: var(--letter-spacing-wide);
-  text-transform: uppercase;
 }
-._item_1jz3v_17:not(:last-child) {
+._item_twdtr_17:not(:last-child) {
   margin-right: var(--padding);
 }
-._item_1jz3v_17:hover:not(._active_1jz3v_40) {
+._item_twdtr_17:hover:not(._active_twdtr_38) {
   color: var(--color-text-primary-hover);
   background: rgba(0, 0, 0, 0.025);
 }
-[data-theme='dark'] ._item_1jz3v_17:hover:not(._active_1jz3v_40) {
+[data-theme='dark'] ._item_twdtr_17:hover:not(._active_twdtr_38) {
   background: rgba(255, 255, 255, 0.1);
 }
-._item_1jz3v_17:active:not(._active_1jz3v_40) {
+._item_twdtr_17:active:not(._active_twdtr_38) {
   color: var(--color-text-primary-active);
   background: rgba(0, 0, 0, 0.05);
 }
-[data-theme='dark'] ._item_1jz3v_17:active:not(._active_1jz3v_40) {
+[data-theme='dark'] ._item_twdtr_17:active:not(._active_twdtr_38) {
   background: rgba(255, 255, 255, 0.2);
 }
-._item_1jz3v_17._active_1jz3v_40 {
+._item_twdtr_17._active_twdtr_38 {
   border-color: var(--color-text);
   color: var(--color-text);
   cursor: default;
 }
-._item_1jz3v_17._hidden_1jz3v_59 {
+._item_twdtr_17._hidden_twdtr_57 {
   display: none !important;
 }
-._item_1jz3v_17._disabled_1jz3v_62 {
+._item_twdtr_17._disabled_twdtr_60 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_1jz3v_17._left_1jz3v_66 + ._item_1jz3v_17._right_1jz3v_66 {
+._item_twdtr_17._left_twdtr_64 + ._item_twdtr_17._right_twdtr_64 {
   margin-left: auto;
 }
 ._inputInTable_66zck_1 {
@@ -10601,7 +10600,7 @@ tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
   --color-link-border-hover: var(--color-neutral-600);
   --border-topbar: 1px solid var(--color-border);
 }
-._topbar_hoilu_11 {
+._topbar_gmfjn_11 {
   top: 0;
   left: 0;
   z-index: var(--zindex-topbar);
@@ -10611,15 +10610,15 @@ tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
   background: var(--color-background-raised);
   display: flex;
 }
-._topbar_hoilu_11._fixed_hoilu_21 {
+._topbar_gmfjn_11._fixed_gmfjn_21 {
   position: fixed;
 }
 @media print {
-  ._topbar_hoilu_11 {
+  ._topbar_gmfjn_11 {
     display: none !important;
   }
 }
-._appSwitcher_hoilu_29 {
+._appSwitcher_gmfjn_29 {
   color: white;
   display: flex;
   align-items: center;
@@ -10631,26 +10630,26 @@ tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
   font-size: var(--size);
   position: relative;
 }
-._appSwitcher_hoilu_29:hover {
+._appSwitcher_gmfjn_29:hover {
   background-color: var(--color-neutral-750);
 }
-._appSwitcher_hoilu_29:active {
+._appSwitcher_gmfjn_29:active {
   background-color: var(--color-neutral-800);
 }
-[data-theme='dark'] ._appSwitcher_hoilu_29 {
+[data-theme='dark'] ._appSwitcher_gmfjn_29 {
   background-color: var(--color-neutral-900);
 }
-[data-theme='dark'] ._appSwitcher_hoilu_29:hover {
+[data-theme='dark'] ._appSwitcher_gmfjn_29:hover {
   background-color: var(--color-neutral-950);
 }
-[data-theme='dark'] ._appSwitcher_hoilu_29:active {
+[data-theme='dark'] ._appSwitcher_gmfjn_29:active {
   background-color: var(--color-neutral-1000);
 }
-._appSwitcher_hoilu_29 > * {
+._appSwitcher_gmfjn_29 > * {
   position: relative;
   z-index: 1;
 }
-._appSwitcher_hoilu_29:after {
+._appSwitcher_gmfjn_29:after {
   content: '';
   position: absolute;
   inset: 0;
@@ -10659,13 +10658,13 @@ tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
   transition: opacity 0.2s;
   opacity: 0.75;
 }
-._appSwitcher_hoilu_29:hover:after {
+._appSwitcher_gmfjn_29:hover:after {
   opacity: 0.75;
 }
-._appSwitcher_hoilu_29:active:after {
+._appSwitcher_gmfjn_29:active:after {
   opacity: 0.5;
 }
-._title_hoilu_75 {
+._title_gmfjn_75 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -10673,55 +10672,55 @@ tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
   padding: 0;
   position: relative;
 }
-._title_hoilu_75 img,
-._title_hoilu_75 svg {
+._title_gmfjn_75 img,
+._title_gmfjn_75 svg {
   max-height: var(--size-lg);
   max-width: 300px;
   height: auto;
   width: auto;
   color: var(--color-text);
 }
-._title_hoilu_75 ._logo_hoilu_91 {
+._title_gmfjn_75 ._logo_gmfjn_91 {
   display: flex;
 }
-._title_hoilu_75 ._label_hoilu_94 {
+._title_gmfjn_75 ._label_gmfjn_94 {
   color: var(--color-text);
   white-space: nowrap;
   font-weight: bold;
 }
-._brand_hoilu_99 {
+._brand_gmfjn_99 {
   padding: 0;
   position: relative;
   flex-shrink: 0;
 }
-._version_hoilu_104 {
+._version_gmfjn_104 {
   line-height: 1;
   position: absolute;
   right: 0;
   bottom: 100%;
   font-size: var(--font-size-xs);
 }
-._left_hoilu_111,
-._right_hoilu_112 {
+._left_gmfjn_111,
+._right_gmfjn_112 {
   display: flex;
   min-width: 0;
 }
-._left_hoilu_111 {
+._left_gmfjn_111 {
   gap: var(--padding);
   padding-left: var(--padding);
 }
-._right_hoilu_112 {
+._right_gmfjn_112 {
   margin-left: auto;
   flex-shrink: 0;
   padding-right: var(--padding-xs);
   gap: var(--padding-xs);
 }
-._item_hoilu_126,
-._link_hoilu_127 {
+._item_gmfjn_126,
+._link_gmfjn_127 {
   align-items: center;
   display: flex;
 }
-._item_hoilu_126 {
+._item_gmfjn_126 {
   position: relative;
   transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
   user-select: none;
@@ -10729,43 +10728,43 @@ tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
   min-width: 0;
   max-width: 50vw;
 }
-._item_hoilu_126._button_hoilu_139,
-._item_hoilu_126._menu_hoilu_140 {
+._item_gmfjn_126._button_gmfjn_139,
+._item_gmfjn_126._menu_gmfjn_140 {
   flex-shrink: 0;
 }
-._label_hoilu_94 {
+._label_gmfjn_94 {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   display: block;
   max-width: 100%;
 }
-._link_hoilu_127 {
+._link_gmfjn_127 {
   text-decoration: none;
   color: var(--color-text-primary);
   cursor: pointer;
   max-width: 100%;
-  font-weight: bold;
   height: 100%;
+  font-size: var(--font-size-lg);
 }
-._link_hoilu_127 svg {
+._link_gmfjn_127 svg {
   margin-right: var(--padding-xxs);
   flex-shrink: 0;
 }
-._link_hoilu_127:hover {
+._link_gmfjn_127:hover {
   color: var(--color-text-primary-hover);
 }
-._link_hoilu_127:active {
+._link_gmfjn_127:active {
   color: var(--color-text-primary-active);
 }
-._link_hoilu_127._active_hoilu_168 {
+._link_gmfjn_127._active_gmfjn_168 {
   color: var(--color-text);
 }
-._link_hoilu_127:hover,
-._link_hoilu_127._active_hoilu_168 {
+._link_gmfjn_127:hover,
+._link_gmfjn_127._active_gmfjn_168 {
   background-color: transparent;
 }
-._link_hoilu_127:after {
+._link_gmfjn_127:after {
   content: '';
   position: absolute;
   left: 0;
@@ -10773,17 +10772,17 @@ tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
   bottom: 0;
   border-bottom: 1px solid transparent;
 }
-._link_hoilu_127:hover:after {
+._link_gmfjn_127:hover:after {
   border-color: var(--color-link-border-hover);
 }
-._link_hoilu_127._active_hoilu_168:after {
+._link_gmfjn_127._active_gmfjn_168:after {
   border-color: var(--color-background-primary);
 }
-._link_hoilu_127[disabled] {
+._link_gmfjn_127[disabled] {
   pointer-events: none;
   color: var(--color-text-faint);
 }
-._alert_hoilu_193 {
+._alert_gmfjn_193 {
   background-color: var(--color-background-primary);
   color: white;
   text-align: center;