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

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,51 +1829,51 @@ 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 {
@@ -2968,44 +2968,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 +9500,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 +9534,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 +10725,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);

package/dist/index.js

@@ -14206,13 +14206,13 @@ Heading$2.propTypes = {
   top: propTypes$1.exports.bool,
   testId: propTypes$1.exports.string
 };
-const dialog = "_dialog_9wobf_1";
-const inline$3 = "_inline_9wobf_18";
-const scroll$3 = "_scroll_9wobf_21";
-const header$2 = "_header_9wobf_24";
-const dismiss$2 = "_dismiss_9wobf_33";
-const content$3 = "_content_9wobf_38";
-const footer$2 = "_footer_9wobf_47";
+const dialog = "_dialog_bamra_1";
+const inline$3 = "_inline_bamra_18";
+const scroll$3 = "_scroll_bamra_21";
+const header$2 = "_header_bamra_24";
+const dismiss$2 = "_dismiss_bamra_33";
+const content$3 = "_content_bamra_38";
+const footer$2 = "_footer_bamra_47";
 const styles$C = {
   dialog,
   inline: inline$3,
@@ -27289,10 +27289,10 @@ Modal.propTypes = {
   centered: propTypes$1.exports.bool,
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number])
 };
-const menu$1 = "_menu_i35rg_1";
-const header = "_header_i35rg_12";
-const item$3 = "_item_i35rg_28";
-const heading$1 = "_heading_i35rg_33";
+const menu$1 = "_menu_vqsn8_1";
+const header = "_header_vqsn8_11";
+const item$3 = "_item_vqsn8_27";
+const heading$1 = "_heading_vqsn8_32";
 const styles$p = {
   menu: menu$1,
   header,
@@ -27358,7 +27358,7 @@ const Layer$1 = ({ options, onChangeOptions, showHeader, maxHeight }) => {
             ]
           }),
           /* @__PURE__ */ jsxRuntime.exports.jsx(Divider, {
-            margin: "7px"
+            margin: 0
           })
         ]
       }),
@@ -27370,7 +27370,7 @@ const Layer$1 = ({ options, onChangeOptions, showHeader, maxHeight }) => {
             }, index2);
           case "Divider":
             return /* @__PURE__ */ jsxRuntime.exports.jsx(Divider, {
-              margin: "7px"
+              margin: 0
             }, index2);
           default:
             return /* @__PURE__ */ jsxRuntime.exports.jsx(Option$1, {
@@ -60947,16 +60947,16 @@ Table.propTypes = {
   }).isRequired,
   onListReorder: propTypes$1.exports.func
 };
-const tabs = "_tabs_y9cga_1";
-const padding = "_padding_y9cga_7";
-const margin = "_margin_y9cga_11";
-const contentPadding = "_contentPadding_y9cga_14";
-const item$1 = "_item_y9cga_17";
-const active$1 = "_active_y9cga_38";
-const hidden = "_hidden_y9cga_57";
-const disabled$1 = "_disabled_y9cga_60";
-const left$1 = "_left_y9cga_64";
-const right$1 = "_right_y9cga_64";
+const tabs = "_tabs_zed53_1";
+const padding = "_padding_zed53_7";
+const margin = "_margin_zed53_11";
+const contentPadding = "_contentPadding_zed53_14";
+const item$1 = "_item_zed53_17";
+const active$1 = "_active_zed53_38";
+const hidden = "_hidden_zed53_57";
+const disabled$1 = "_disabled_zed53_60";
+const left$1 = "_left_zed53_64";
+const right$1 = "_right_zed53_64";
 const styles$5 = {
   tabs,
   padding,
@@ -74447,12 +74447,12 @@ function TreeInner(props, ref2) {
   );
 }
 var Tree$1 = forwardRef(TreeInner);
-const tree = "_tree_7fki0_1";
-const toggle = "_toggle_7fki0_4";
-const dropTarget = "_dropTarget_7fki0_8";
-const draggingSource = "_draggingSource_7fki0_11";
-const placeholderContainer = "_placeholderContainer_7fki0_14";
-const placeholder2 = "_placeholder_7fki0_14";
+const tree = "_tree_1x719_1";
+const toggle = "_toggle_1x719_4";
+const dropTarget = "_dropTarget_1x719_11";
+const draggingSource = "_draggingSource_1x719_14";
+const placeholderContainer = "_placeholderContainer_1x719_17";
+const placeholder2 = "_placeholder_1x719_17";
 const styles = {
   tree,
   toggle,