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

package/dist/global.css

@@ -1820,7 +1820,7 @@ html[data-theme='dark'] {
 ._icons_ss23n_20 > * {
   margin-left: var(--margin-xs);
 }
-._dialog_9wobf_1 {
+._dialog_bamra_1 {
   border-radius: var(--border-radius);
   background: var(--color-background-raised);
   line-height: var(--line-height);
@@ -1829,130 +1829,131 @@ html[data-theme='dark'] {
   display: flex;
   flex-direction: column;
 }
-._dialog_9wobf_1 > :first-child {
+._dialog_bamra_1 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._dialog_9wobf_1 > :last-child {
+._dialog_bamra_1 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._dialog_9wobf_1._inline_9wobf_18 {
+._dialog_bamra_1._inline_bamra_18 {
   display: inline-flex;
 }
-._dialog_9wobf_1._scroll_9wobf_21 {
+._dialog_bamra_1._scroll_bamra_21 {
   max-height: 100%;
 }
-._header_9wobf_24 {
+._header_bamra_24 {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
-  padding: var(--padding);
+  padding: var(--space-3) var(--padding-x);
   background-color: var(--color-background);
   border-bottom: 1px solid var(--color-border);
   flex-shrink: 0;
 }
-._header_9wobf_24 ._dismiss_9wobf_33 {
+._header_bamra_24 ._dismiss_bamra_33 {
   margin-right: calc(var(--margin-xs) * -1);
   margin-left: var(--margin-sm);
   flex-shrink: 0;
 }
-._content_9wobf_38 {
+._content_bamra_38 {
   flex-grow: 1;
 }
-._scroll_9wobf_21 ._content_9wobf_38 {
+._scroll_bamra_21 ._content_bamra_38 {
   overflow: auto;
   min-height: 0;
   height: 100%;
   flex: 1 1 auto;
 }
-._footer_9wobf_47 {
+._footer_bamra_47 {
   display: flex;
-  padding: var(--padding);
+  padding: var(--space-3) var(--padding-x);
   background-color: var(--color-background);
   border-top: 1px solid var(--color-border);
   flex-shrink: 0;
 }
-._footer_9wobf_47 button:not(:last-child) {
+._footer_bamra_47 button:not(:last-child) {
   margin-right: var(--margin);
 }
-._inputInTable_1yqw7_1 {
+._inputInTable_1jtrv_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1yqw7_1:not(:hover) {
+._inputInTable_1jtrv_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1yqw7_1:not(:focus) {
+._inputInTable_1jtrv_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1yqw7_13 {
+._inputHover_1jtrv_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1yqw7_18 {
+._inputFocus_1jtrv_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1yqw7_25,
-._inputWarning_1yqw7_26 {
+._inputError_1jtrv_25,
+._inputWarning_1jtrv_26 {
   position: relative;
 }
-._inputError_1yqw7_25 {
+._inputError_1jtrv_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1yqw7_25:hover {
+._inputError_1jtrv_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1yqw7_25:focus {
+._inputError_1jtrv_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1yqw7_26 {
+._inputWarning_1jtrv_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1yqw7_26:hover {
+._inputWarning_1jtrv_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1yqw7_26:focus {
+._inputWarning_1jtrv_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1yqw7_61 {
+._inputDisabled_1jtrv_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1yqw7_67 {
+._hideScrollbars_1jtrv_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1yqw7_67::-webkit-scrollbar {
+._hideScrollbars_1jtrv_67::-webkit-scrollbar {
   display: none;
 }
 :root {
+  --size-drawer-tabs: var(--size-lg);
   --color-background-drawer-tabs: var(--color-neutral-50);
   --color-background-drawer-tab: var(--color-primary-50);
   --color-background-drawer-tab-hover: white;
@@ -1966,37 +1967,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_1yqw7_91 {
+._inline_1jtrv_92 {
   position: relative;
 }
-._inline_1yqw7_91._left_1yqw7_94 {
+._inline_1jtrv_92._left_1jtrv_95 {
   order: -1;
 }
-._inline_1yqw7_91._right_1yqw7_97 {
+._inline_1jtrv_92._right_1jtrv_98 {
   order: 9999;
 }
-._fixed_1yqw7_100 {
+._fixed_1jtrv_101 {
   position: fixed;
   top: 0;
   bottom: 0;
   z-index: var(--zindex-drawer);
 }
-._fixed_1yqw7_100._left_1yqw7_94 {
+._fixed_1jtrv_101._left_1jtrv_95 {
   left: 0;
 }
-._fixed_1yqw7_100._right_1yqw7_97 {
+._fixed_1jtrv_101._right_1jtrv_98 {
   right: 0;
 }
-._left_1yqw7_94 ._border_1yqw7_112 {
+._left_1jtrv_95 ._border_1jtrv_113 {
   border-right: 1px solid var(--color-border);
 }
-._right_1yqw7_97 ._border_1yqw7_112 {
+._right_1jtrv_98 ._border_1jtrv_113 {
   border-left: 1px solid var(--color-border);
 }
-._shadow_1yqw7_118 {
+._shadow_1jtrv_119 {
   box-shadow: var(--shadow-layer);
 }
-._drawerContent_1yqw7_121 {
+._drawerContent_1jtrv_122 {
   overflow-x: hidden;
   overflow-y: auto;
   max-height: 100%;
@@ -2008,40 +2009,40 @@ html[data-theme='dark'] {
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._isResizing_1yqw7_133 ._drawerContent_1yqw7_121 {
+._isResizing_1jtrv_134 ._drawerContent_1jtrv_122 {
   transition: none;
 }
 @media print {
-  ._drawerContent_1yqw7_121 {
+  ._drawerContent_1jtrv_122 {
     background: transparent !important;
   }
 }
-._drawerContent_1yqw7_121::-webkit-scrollbar {
+._drawerContent_1jtrv_122::-webkit-scrollbar {
   display: none;
 }
-._toggleButton_1yqw7_144 {
+._toggleButton_1jtrv_145 {
   transition: transform 0.4s;
   display: inline-block;
   transform: rotate(180deg);
   position: absolute;
   z-index: calc(var(--zindex-drawer) + 3);
 }
-._left_1yqw7_94 ._toggleButton_1yqw7_144 {
+._left_1jtrv_95 ._toggleButton_1jtrv_145 {
   right: calc(var(--size) / -2);
 }
-._right_1yqw7_97 ._toggleButton_1yqw7_144 {
+._right_1jtrv_98 ._toggleButton_1jtrv_145 {
   left: calc(var(--size) / -2);
 }
-._toggleButton_1yqw7_144._top_1yqw7_157 {
+._toggleButton_1jtrv_145._top_1jtrv_158 {
   top: var(--padding-y);
 }
-._toggleButton_1yqw7_144._bottom_1yqw7_160 {
+._toggleButton_1jtrv_145._bottom_1jtrv_161 {
   bottom: var(--padding-y);
 }
-._toggleButton_1yqw7_144._toggleButtonOpen_1yqw7_163 {
+._toggleButton_1jtrv_145._toggleButtonOpen_1jtrv_164 {
   transform: rotate(0deg);
 }
-._tabs_1yqw7_166 {
+._tabs_1jtrv_167 {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -2051,16 +2052,16 @@ html[data-theme='dark'] {
   border-left: 1px solid var(--color-border);
   border-right: 1px solid var(--color-border);
 }
-._left_1yqw7_94 ._tabs_1yqw7_166 {
+._left_1jtrv_95 ._tabs_1jtrv_167 {
   right: 0;
 }
-._right_1yqw7_97 ._tabs_1yqw7_166 {
+._right_1jtrv_98 ._tabs_1jtrv_167 {
   left: 0;
 }
-._tabs_1yqw7_166 ._tab_1yqw7_166 {
+._tabs_1jtrv_167 ._tab_1jtrv_167 {
   font-size: var(--size-sm);
-  height: 38px;
-  width: 38px;
+  height: var(--size-drawer-tabs);
+  width: var(--size-drawer-tabs);
   display: flex;
   justify-content: center;
   align-items: center;
@@ -2069,39 +2070,39 @@ html[data-theme='dark'] {
   transition: color 0.3s, background-color 0.3s;
   border: 1px solid var(--color-border-drawer-tab);
 }
-._left_1yqw7_94 ._tabs_1yqw7_166 ._tab_1yqw7_166 {
+._left_1jtrv_95 ._tabs_1jtrv_167 ._tab_1jtrv_167 {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._left_1yqw7_94 ._tabs_1yqw7_166 ._tab_1yqw7_166._active_1yqw7_198 {
+._left_1jtrv_95 ._tabs_1jtrv_167 ._tab_1jtrv_167._active_1jtrv_199 {
   border-left-color: transparent;
 }
-._right_1yqw7_97 ._tabs_1yqw7_166 ._tab_1yqw7_166 {
+._right_1jtrv_98 ._tabs_1jtrv_167 ._tab_1jtrv_167 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-._right_1yqw7_97 ._tabs_1yqw7_166 ._tab_1yqw7_166._active_1yqw7_198 {
+._right_1jtrv_98 ._tabs_1jtrv_167 ._tab_1jtrv_167._active_1jtrv_199 {
   border-right-color: transparent;
 }
-._tabs_1yqw7_166 ._tab_1yqw7_166:not(._active_1yqw7_198) {
+._tabs_1jtrv_167 ._tab_1jtrv_167:not(._active_1jtrv_199) {
   color: var(--color-text-primary);
   background-color: var(--color-background-drawer-tab) !important;
 }
-._tabs_1yqw7_166 ._tab_1yqw7_166:not(._active_1yqw7_198):hover {
+._tabs_1jtrv_167 ._tab_1jtrv_167:not(._active_1jtrv_199):hover {
   color: var(--color-text);
   background-color: var(--color-background-drawer-tab-hover) !important;
 }
-._tabs_1yqw7_166 ._tab_1yqw7_166._active_1yqw7_198 {
+._tabs_1jtrv_167 ._tab_1jtrv_167._active_1jtrv_199 {
   color: var(--color-text);
   border-color: var(--color-border);
 }
-._left_1yqw7_94 ._tabsContent_1yqw7_220 {
-  padding-right: 36px;
+._left_1jtrv_95 ._tabsContent_1jtrv_221 {
+  padding-right: calc(var(--size-drawer-tabs) - 1px);
 }
-._right_1yqw7_97 ._tabsContent_1yqw7_220 {
-  padding-left: 36px;
+._right_1jtrv_98 ._tabsContent_1jtrv_221 {
+  padding-left: calc(var(--size-drawer-tabs) - 1px);
 }
-._resizeHandle_1yqw7_226 {
+._resizeHandle_1jtrv_227 {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -2114,18 +2115,18 @@ html[data-theme='dark'] {
   font-size: var(--font-size-sm);
   transition: all 0.2s;
 }
-._resizeHandle_1yqw7_226:hover {
+._resizeHandle_1jtrv_227:hover {
   background: var(--color-background-drawer-handle-hover);
   color: var(--color-text-primary);
 }
-._resizeHandle_1yqw7_226:active {
+._resizeHandle_1jtrv_227:active {
   background: var(--color-text-primary);
   color: white;
 }
-._left_1yqw7_94 ._resizeHandle_1yqw7_226 {
+._left_1jtrv_95 ._resizeHandle_1jtrv_227 {
   right: 0;
 }
-._right_1yqw7_97 ._resizeHandle_1yqw7_226 {
+._right_1jtrv_98 ._resizeHandle_1jtrv_227 {
   left: 0;
 }
 ._empty_1ytdm_1 {
@@ -2968,44 +2969,43 @@ html[data-theme='dark'] {
 ._newLine_ijw69_31 {
   white-space: 'pre-wrap';
 }
-._menu_i35rg_1 {
+._menu_vqsn8_1 {
   overflow-y: auto;
   position: relative;
   min-width: 160px;
-  padding: 7px 0;
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   box-shadow: var(--shadow-layer);
   background-color: var(--color-background-raised);
   margin-top: 2px;
 }
-._header_i35rg_12 {
-  padding: 7px 16px;
+._header_vqsn8_11 {
+  padding: var(--space-2) var(--padding-sm-x);
   display: flex;
   justify-content: space-between;
 }
-._header_i35rg_12 a {
+._header_vqsn8_11 a {
   color: var(--color-text-primary);
   font-weight: normal;
   cursor: pointer;
 }
-._header_i35rg_12 a:hover {
+._header_vqsn8_11 a:hover {
   color: var(--color-text-primary-hover);
 }
-._header_i35rg_12 a:active {
+._header_vqsn8_11 a:active {
   color: var(--color-text-primary-active);
 }
-._item_i35rg_28 {
-  padding: 7px 16px;
+._item_vqsn8_27 {
+  padding: var(--space-2) var(--padding-sm-x);
   background: transparent;
   cursor: default;
 }
-._heading_i35rg_33 {
+._heading_vqsn8_32 {
   color: var(--color-text-muted);
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-size: var(--font-size-sm);
-  padding: 7px 16px;
+  padding: var(--space-2) var(--padding-sm-x);
   max-width: 100%;
   display: block;
   overflow: hidden;
@@ -9501,23 +9501,23 @@ tbody ._staticCell_1diro_116 ._staticCellContent_1diro_119 {
 ._dragIcon_11d5t_28:active {
   color: var(--color-text-primary-active);
 }
-._tabs_y9cga_1 {
+._tabs_zed53_1 {
   display: flex;
   flex-wrap: wrap;
   border-bottom: 1px solid var(--color-border);
   flex-shrink: 0;
 }
-._tabs_y9cga_1._padding_y9cga_7 {
+._tabs_zed53_1._padding_zed53_7 {
   padding-left: var(--padding-x);
   padding-right: var(--padding-x);
 }
-._tabs_y9cga_1._margin_y9cga_11 {
-  margin: 1rem 0;
+._tabs_zed53_1._margin_zed53_11 {
+  margin: var(--margin) 0;
 }
-._contentPadding_y9cga_14 {
+._contentPadding_zed53_14 {
   padding-top: var(--padding-y);
 }
-._item_y9cga_17 {
+._item_zed53_17 {
   align-self: flex-end;
   display: flex;
   align-items: center;
@@ -9535,36 +9535,36 @@ tbody ._staticCell_1diro_116 ._staticCellContent_1diro_119 {
   color: var(--color-text-primary);
   cursor: pointer;
 }
-._item_y9cga_17:not(:last-child) {
-  margin-right: var(--margin);
+._item_zed53_17:not(:last-child) {
+  margin-right: var(--margin-lg);
 }
-._item_y9cga_17:hover:not(._active_y9cga_38) {
+._item_zed53_17:hover:not(._active_zed53_38) {
   color: var(--color-text-primary-hover);
   background: rgba(0, 0, 0, 0.025);
 }
-[data-theme='dark'] ._item_y9cga_17:hover:not(._active_y9cga_38) {
+[data-theme='dark'] ._item_zed53_17:hover:not(._active_zed53_38) {
   background: rgba(255, 255, 255, 0.1);
 }
-._item_y9cga_17:active:not(._active_y9cga_38) {
+._item_zed53_17:active:not(._active_zed53_38) {
   color: var(--color-text-primary-active);
   background: rgba(0, 0, 0, 0.05);
 }
-[data-theme='dark'] ._item_y9cga_17:active:not(._active_y9cga_38) {
+[data-theme='dark'] ._item_zed53_17:active:not(._active_zed53_38) {
   background: rgba(255, 255, 255, 0.2);
 }
-._item_y9cga_17._active_y9cga_38 {
+._item_zed53_17._active_zed53_38 {
   border-color: var(--color-text);
   color: var(--color-text);
   cursor: default;
 }
-._item_y9cga_17._hidden_y9cga_57 {
+._item_zed53_17._hidden_zed53_57 {
   display: none !important;
 }
-._item_y9cga_17._disabled_y9cga_60 {
+._item_zed53_17._disabled_zed53_60 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_y9cga_17._left_y9cga_64 + ._item_y9cga_17._right_y9cga_64 {
+._item_zed53_17._left_zed53_64 + ._item_zed53_17._right_zed53_64 {
   margin-left: auto;
 }
 ._inputInTable_hyht1_1 {
@@ -10726,23 +10726,26 @@ tbody ._staticCell_1diro_116 ._staticCellContent_1diro_119 {
   gap: var(--margin);
   justify-content: center;
 }
-._tree_7fki0_1 {
+._tree_1x719_1 {
   position: relative;
 }
-._toggle_7fki0_4 {
+._toggle_1x719_4 {
   display: flex;
-  margin: -2px 7px -2px -7px;
+  margin-right: var(--margin-sm);
+  margin-left: calc(var(--margin-sm) * -1);
+  margin-top: calc((var(--line-height) - var(--size-sm)) / 2);
+  margin-bottom: calc((var(--line-height) - var(--size-sm)) / 2);
 }
-._dropTarget_7fki0_8 > div:first-child {
+._dropTarget_1x719_11 > div:first-child {
   background-color: var(--color-background-listitem-active);
 }
-._draggingSource_7fki0_11 {
+._draggingSource_1x719_14 {
   opacity: 0.2;
 }
-._placeholderContainer_7fki0_14 {
+._placeholderContainer_1x719_17 {
   position: relative;
 }
-._placeholder_7fki0_14 {
+._placeholder_1x719_17 {
   background-color: var(--color-background-primary);
   height: 4px;
   border-radius: var(--border-radius-sm);