@oliasoft-open-source/react-ui-library 4.0.0-beta-67 → 4.0.0-beta-69

package/dist/assets/{index-22dccc68.css → index-a25a52fe.css}

@@ -9353,125 +9353,125 @@ tbody tr {
 ._dragIcon_11d5t_28:active {
   color: var(--color-text-primary-active);
 }
-._inputInTable_17dgc_1 {
+._inputInTable_u3xdj_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_17dgc_1:not(:hover) {
+._inputInTable_u3xdj_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_17dgc_1:not(:focus) {
+._inputInTable_u3xdj_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_17dgc_13 {
+._inputHover_u3xdj_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_17dgc_18 {
+._inputFocus_u3xdj_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_17dgc_25,
-._inputWarning_17dgc_26 {
+._inputError_u3xdj_25,
+._inputWarning_u3xdj_26 {
   position: relative;
 }
-._inputError_17dgc_25 {
+._inputError_u3xdj_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_17dgc_25:hover {
+._inputError_u3xdj_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_17dgc_25:focus {
+._inputError_u3xdj_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_17dgc_26 {
+._inputWarning_u3xdj_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_17dgc_26:hover {
+._inputWarning_u3xdj_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_17dgc_26:focus {
+._inputWarning_u3xdj_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_17dgc_61 {
+._inputDisabled_u3xdj_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_17dgc_67 {
+._hideScrollbars_u3xdj_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_17dgc_67::-webkit-scrollbar {
+._hideScrollbars_u3xdj_67::-webkit-scrollbar {
   display: none;
 }
-._cell_17dgc_77 a {
+._cell_u3xdj_77 a {
   cursor: pointer;
   color: var(--color-text-primary);
 }
-._cell_17dgc_77 a:hover {
+._cell_u3xdj_77 a:hover {
   color: var(--color-text-primary-hover);
 }
-._cell_17dgc_77 a:active {
+._cell_u3xdj_77 a:active {
   color: var(--color-text-primary-active);
 }
-._cell_17dgc_77 a._disabledLink_17dgc_87 {
+._cell_u3xdj_77 a._disabledLink_u3xdj_87 {
   color: var(--color-text-faint) !important;
   cursor: default !important;
 }
-._inputWrapper_17dgc_91 {
+._inputWrapper_u3xdj_91 {
   height: 100%;
   border-radius: inherit;
 }
-._inputWrapper_17dgc_91 > span,
-._inputWrapper_17dgc_91 > span > span,
-._inputWrapper_17dgc_91 > span > span > div {
+._inputWrapper_u3xdj_91 > span,
+._inputWrapper_u3xdj_91 > span > span,
+._inputWrapper_u3xdj_91 > span > span > div {
   height: 100%;
   border-radius: inherit;
 }
-._inputWrapper_17dgc_91 > div,
-._inputWrapper_17dgc_91 > div > span {
+._inputWrapper_u3xdj_91 > div,
+._inputWrapper_u3xdj_91 > div > span {
   height: 100%;
   border-radius: inherit;
 }
-._breakWord_17dgc_106 {
+._breakWord_u3xdj_106 {
   word-break: break-word;
 }
-._inputCell_17dgc_109 {
+._inputCell_u3xdj_109 {
   padding: 0 !important;
 }
-._sliderCell_17dgc_112 {
+._sliderCell_u3xdj_112 {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 }
-._staticCell_17dgc_116 {
+._staticCell_u3xdj_116 {
   padding: 0 !important;
 }
-._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
+._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   line-height: 1.25;
   min-height: 100%;
   padding: var(--padding-input);
@@ -9480,34 +9480,34 @@ tbody tr {
   display: flex;
   align-items: center;
 }
-tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
+tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   color: var(--color-text-muted);
 }
-._staticCell_17dgc_116 ._staticCellContent_17dgc_119._error_17dgc_131,
-._staticCell_17dgc_116 ._staticCellContent_17dgc_119._warning_17dgc_132 {
+._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119._error_u3xdj_131,
+._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119._warning_u3xdj_132 {
   border: 1px solid transparent;
 }
-._staticCell_17dgc_116 ._staticCellContent_17dgc_119._error_17dgc_131 {
-  background-color: var(--color-background-error);
+._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119._error_u3xdj_131 {
+  background-color: var(--color-background-error-muted);
 }
-._staticCell_17dgc_116 ._staticCellContent_17dgc_119._warning_17dgc_132 {
-  background-color: var(--color-background-warning);
+._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119._warning_u3xdj_132 {
+  background-color: var(--color-background-warning-muted);
 }
-._staticCell_17dgc_116 ._staticCellContent_17dgc_119._unit_17dgc_141 {
+._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119._unit_u3xdj_141 {
   font-weight: normal;
 }
-._sortingCell_17dgc_144 ._staticCellContent_17dgc_119 {
+._sortingCell_u3xdj_144 ._staticCellContent_u3xdj_119 {
   position: relative;
   padding-right: calc(var(--size) + var(--padding-xxs)) !important;
   cursor: pointer !important;
 }
-._sortingCell_17dgc_144 ._staticCellContent_17dgc_119:hover {
+._sortingCell_u3xdj_144 ._staticCellContent_u3xdj_119:hover {
   background-color: rgba(0, 0, 0, 0.05) !important;
 }
-[data-theme='dark'] ._sortingCell_17dgc_144 ._staticCellContent_17dgc_119:hover {
+[data-theme='dark'] ._sortingCell_u3xdj_144 ._staticCellContent_u3xdj_119:hover {
   background-color: rgba(255, 255, 255, 0.1) !important;
 }
-._sortingCell_17dgc_144 ._sortingCellIcon_17dgc_155 {
+._sortingCell_u3xdj_144 ._sortingCellIcon_u3xdj_155 {
   font-size: var(--size-xs);
   position: absolute;
   right: var(--padding-input-x);
@@ -9515,22 +9515,22 @@ tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
   transform: translateY(-50%);
   display: flex;
 }
-._sortingCell_17dgc_144 ._sortingCellIcon_17dgc_155 > * {
+._sortingCell_u3xdj_144 ._sortingCellIcon_u3xdj_155 > * {
   display: flex;
 }
-._icon_17dgc_166 {
+._icon_u3xdj_166 {
   display: inline-flex;
   margin-left: var(--padding-xxs);
 }
-._checkBoxCell_17dgc_170 {
+._checkBoxCell_u3xdj_170 {
   padding-block: 0 !important;
   width: var(--size);
 }
-._iconCellWrapper_17dgc_174 {
+._iconCellWrapper_u3xdj_174 {
   display: flex;
   justify-content: center;
 }
-._actionsCell_17dgc_178 {
+._actionsCell_u3xdj_178 {
   width: var(--size-sm);
   padding: 0 calc((var(--size) - var(--size-sm)) / 2) !important;
   position: sticky;
@@ -9538,25 +9538,25 @@ tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
   background: inherit;
   z-index: 4;
 }
-._rightAligned_17dgc_186 {
+._rightAligned_u3xdj_186 {
   text-align: right !important;
 }
-._rightAligned_17dgc_186 ._staticCellContent_17dgc_119 {
+._rightAligned_u3xdj_186 ._staticCellContent_u3xdj_119 {
   justify-content: flex-end;
 }
-._centerAligned_17dgc_192 {
+._centerAligned_u3xdj_192 {
   text-align: center !important;
 }
-._centerAligned_17dgc_192 ._staticCellContent_17dgc_119 {
+._centerAligned_u3xdj_192 ._staticCellContent_u3xdj_119 {
   justify-content: center;
 }
-._leftAligned_17dgc_198 {
+._leftAligned_u3xdj_198 {
   text-align: left !important;
 }
-._popover_17dgc_201 {
+._popover_u3xdj_201 {
   padding: var(--padding-input);
 }
-._disabledPointerEvents_17dgc_204 {
+._disabledPointerEvents_u3xdj_204 {
   pointer-events: none;
 }
 ._tabs_twdtr_1 {
@@ -10484,7 +10484,7 @@ tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
   --color-background-toggle: rgba(255, 255, 255, 0.2);
   --color-background-toggle-hover: rgba(255, 255, 255, 0.3);
 }
-._toggle_3ujcm_9 {
+._toggle_1mo1i_9 {
   --size-toggle: var(--size-xs);
   position: relative;
   display: inline-flex;
@@ -10500,12 +10500,12 @@ tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
   min-width: var(--size-toggle);
   margin: calc((var(--size) - var(--size-toggle)) / 2) 0;
 }
-._toggle_3ujcm_9._small_3ujcm_25 {
+._toggle_1mo1i_9._small_1mo1i_25 {
   --size-toggle: calc(var(--size-xs) - 4px);
   margin: calc((var(--size-sm) - var(--size-toggle)) / 2) 0;
   font-size: var(--font-size-sm);
 }
-._toggle_3ujcm_9 input {
+._toggle_1mo1i_9 input {
   width: calc(var(--size-toggle) * 2);
   height: var(--size-toggle);
   cursor: pointer;
@@ -10521,7 +10521,7 @@ tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
   font-family: sans-serif;
   margin: 0;
 }
-._toggle_3ujcm_9 label {
+._toggle_1mo1i_9 label {
   min-height: var(--size-toggle);
   padding-left: calc((var(--size-toggle) * 2) + var(--padding-xs));
   transition: color 0.1s ease;
@@ -10530,16 +10530,16 @@ tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
   display: block;
   outline: 0;
 }
-._toggle_3ujcm_9 label:empty {
+._toggle_1mo1i_9 label:empty {
   padding-left: calc(var(--size-toggle) * 2);
 }
-._toggle_3ujcm_9 label:before,
-._toggle_3ujcm_9 label:after {
+._toggle_1mo1i_9 label:before,
+._toggle_1mo1i_9 label:after {
   display: block;
   position: absolute;
   content: '';
 }
-._toggle_3ujcm_9 label:before {
+._toggle_1mo1i_9 label:before {
   height: var(--size-toggle);
   border-radius: calc(var(--size-toggle) / 2);
   z-index: 1;
@@ -10551,46 +10551,47 @@ tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119 {
   top: 0;
   transition: background 0.3s ease, border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
 }
-._toggle_3ujcm_9 label:after {
-  height: calc(var(--size-toggle) - 4px);
-  width: calc(var(--size-toggle) - 4px);
+._toggle_1mo1i_9 label:after {
+  --size-toggle-handle: calc(var(--size-toggle) - 4px);
+  --padding-toggle-handle: calc((var(--size-toggle) - var(--size-toggle-handle)) / 2);
+  height: var(--size-toggle-handle);
+  width: var(--size-toggle-handle);
   border-radius: 50%;
-  left: 2px;
-  top: 50%;
-  transform: translateY(-50%);
+  left: var(--padding-toggle-handle);
+  top: var(--padding-toggle-handle);
   box-shadow: var(--shadow-button);
   background: white;
   opacity: 1;
   z-index: 2;
   transition: background 0.3s ease, left 0.3s ease;
 }
-._toggle_3ujcm_9 input:hover ~ label:before {
+._toggle_1mo1i_9 input:hover ~ label:before {
   background: var(--color-background-toggle-hover);
 }
-._toggle_3ujcm_9 input:checked ~ label:before {
+._toggle_1mo1i_9 input:checked ~ label:before {
   background-color: var(--color-background-button-primary);
 }
-._toggle_3ujcm_9 input:checked ~ label:after {
+._toggle_1mo1i_9 input:checked ~ label:after {
   left: calc(var(--size-toggle) + 2px);
 }
-._toggle_3ujcm_9 input:checked:hover ~ label:before {
+._toggle_1mo1i_9 input:checked:hover ~ label:before {
   background-color: var(--color-background-button-primary-hover);
 }
-._toggle_3ujcm_9._disabled_3ujcm_101 {
+._toggle_1mo1i_9._disabled_1mo1i_102 {
   cursor: default;
   pointer-events: none;
   color: var(--color-text-faint);
 }
-._toggle_3ujcm_9._disabled_3ujcm_101 label:before {
+._toggle_1mo1i_9._disabled_1mo1i_102 label:before {
   background-color: var(--color-background-disabled);
 }
-._toggle_3ujcm_9._disabled_3ujcm_101 label:after {
+._toggle_1mo1i_9._disabled_1mo1i_102 label:after {
   opacity: 0.4;
 }
-._noMargin_3ujcm_112 {
+._noMargin_1mo1i_113 {
   margin: 0;
 }
-._helpIconEnabled_3ujcm_115 {
+._helpIconEnabled_1mo1i_116 {
   pointer-events: auto;
 }
 :root {

package/dist/assets/{index-6c3715e0.js → index-f50e8be4.js}

@@ -57272,35 +57272,35 @@ const styles$9 = {
   dragIconCell,
   dragIcon
 };
-const inputInTable$1 = "_inputInTable_17dgc_1";
-const inputHover$1 = "_inputHover_17dgc_13";
-const inputFocus$1 = "_inputFocus_17dgc_18";
-const inputError$1 = "_inputError_17dgc_25";
-const inputWarning$1 = "_inputWarning_17dgc_26";
-const inputDisabled$1 = "_inputDisabled_17dgc_61";
-const hideScrollbars$1 = "_hideScrollbars_17dgc_67";
-const cell = "_cell_17dgc_77";
-const disabledLink = "_disabledLink_17dgc_87";
-const inputWrapper = "_inputWrapper_17dgc_91";
-const breakWord = "_breakWord_17dgc_106";
-const inputCell = "_inputCell_17dgc_109";
-const sliderCell = "_sliderCell_17dgc_112";
-const staticCell = "_staticCell_17dgc_116";
-const staticCellContent = "_staticCellContent_17dgc_119";
-const error$k = "_error_17dgc_131";
-const warning$2 = "_warning_17dgc_132";
-const unit = "_unit_17dgc_141";
-const sortingCell = "_sortingCell_17dgc_144";
-const sortingCellIcon = "_sortingCellIcon_17dgc_155";
-const icon = "_icon_17dgc_166";
-const checkBoxCell = "_checkBoxCell_17dgc_170";
-const iconCellWrapper = "_iconCellWrapper_17dgc_174";
-const actionsCell = "_actionsCell_17dgc_178";
-const rightAligned = "_rightAligned_17dgc_186";
-const centerAligned = "_centerAligned_17dgc_192";
-const leftAligned = "_leftAligned_17dgc_198";
-const popover = "_popover_17dgc_201";
-const disabledPointerEvents = "_disabledPointerEvents_17dgc_204";
+const inputInTable$1 = "_inputInTable_u3xdj_1";
+const inputHover$1 = "_inputHover_u3xdj_13";
+const inputFocus$1 = "_inputFocus_u3xdj_18";
+const inputError$1 = "_inputError_u3xdj_25";
+const inputWarning$1 = "_inputWarning_u3xdj_26";
+const inputDisabled$1 = "_inputDisabled_u3xdj_61";
+const hideScrollbars$1 = "_hideScrollbars_u3xdj_67";
+const cell = "_cell_u3xdj_77";
+const disabledLink = "_disabledLink_u3xdj_87";
+const inputWrapper = "_inputWrapper_u3xdj_91";
+const breakWord = "_breakWord_u3xdj_106";
+const inputCell = "_inputCell_u3xdj_109";
+const sliderCell = "_sliderCell_u3xdj_112";
+const staticCell = "_staticCell_u3xdj_116";
+const staticCellContent = "_staticCellContent_u3xdj_119";
+const error$k = "_error_u3xdj_131";
+const warning$2 = "_warning_u3xdj_132";
+const unit = "_unit_u3xdj_141";
+const sortingCell = "_sortingCell_u3xdj_144";
+const sortingCellIcon = "_sortingCellIcon_u3xdj_155";
+const icon = "_icon_u3xdj_166";
+const checkBoxCell = "_checkBoxCell_u3xdj_170";
+const iconCellWrapper = "_iconCellWrapper_u3xdj_174";
+const actionsCell = "_actionsCell_u3xdj_178";
+const rightAligned = "_rightAligned_u3xdj_186";
+const centerAligned = "_centerAligned_u3xdj_192";
+const leftAligned = "_leftAligned_u3xdj_198";
+const popover = "_popover_u3xdj_201";
+const disabledPointerEvents = "_disabledPointerEvents_u3xdj_204";
 const styles$8 = {
   inputInTable: inputInTable$1,
   inputHover: inputHover$1,
@@ -68694,11 +68694,11 @@ eventManager.on(
   }
 );
 const toaster = "";
-const toggle$1 = "_toggle_3ujcm_9";
-const small = "_small_3ujcm_25";
-const disabled = "_disabled_3ujcm_101";
-const noMargin = "_noMargin_3ujcm_112";
-const helpIconEnabled = "_helpIconEnabled_3ujcm_115";
+const toggle$1 = "_toggle_1mo1i_9";
+const small = "_small_1mo1i_25";
+const disabled = "_disabled_1mo1i_102";
+const noMargin = "_noMargin_1mo1i_113";
+const helpIconEnabled = "_helpIconEnabled_1mo1i_116";
 const styles$5 = {
   toggle: toggle$1,
   small,