@oliasoft-open-source/react-ui-library 4.0.0-beta-15 → 4.0.0-beta-17

package/dist/global.css

@@ -567,8 +567,8 @@ a {
   --shadow-button: 0 1px 2px rgba(0, 0, 0, 0.1);
   --shadow-layer: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.1);
   --color-text: var(--color-neutral-900);
-  --color-text-muted: var(--color-neutral-550);
-  --color-text-faint: var(--color-neutral-300);
+  --color-text-muted: var(--color-neutral-650);
+  --color-text-faint: var(--color-neutral-400);
   --color-text-error: var(--color-error-650);
   --color-text-warning: var(--color-warning-650);
   --color-text-success: var(--color-success-650);
@@ -601,8 +601,8 @@ a {
 
 html[data-theme='dark'] {
   color-scheme: dark;
-  --color-text: var(--color-neutral-150);
-  --color-text-muted: var(--color-neutral-400);
+  --color-text: var(--color-neutral-100);
+  --color-text-muted: var(--color-neutral-350);
   --color-text-faint: var(--color-neutral-600);
   --color-text-primary: var(--color-primary-450);
   --color-text-primary-active: var(--color-primary-350);
@@ -9473,22 +9473,22 @@ tbody ._staticCell_1mfuf_116 ._staticCellContent_1mfuf_119 {
 ._disabledPointerEvents_1mfuf_203 {
   pointer-events: none;
 }
-._clickableRow_1sqxy_1 {
+._clickableRow_vlcbs_1 {
   cursor: pointer;
 }
-._hoverableRow_1sqxy_4:not(._rowActive_1sqxy_4):hover,
-._clickableRow_1sqxy_1:not(._rowActive_1sqxy_4):hover {
+._hoverableRow_vlcbs_4:not(._rowActive_vlcbs_4):hover,
+._clickableRow_vlcbs_1:not(._rowActive_vlcbs_4):hover {
   background-color: var(--color-background-listitem-hover) !important;
 }
-._expandableRow_1sqxy_8._flush_1sqxy_8 {
+._expandableRow_vlcbs_8._flush_vlcbs_8 {
   padding: 0 !important;
   height: auto !important;
 }
-._rowActive_1sqxy_4 {
+._rowActive_vlcbs_4 {
   position: relative;
   background-color: var(--color-background-listitem-active) !important;
 }
-._rowActive_1sqxy_4:after {
+._rowActive_vlcbs_4:after {
   content: '';
   position: absolute;
   left: 0;
@@ -9500,26 +9500,24 @@ tbody ._staticCell_1mfuf_116 ._staticCellContent_1mfuf_119 {
   transition: background 0.3s;
   background: var(--color-background-primary);
 }
-._dragIconCell_1sqxy_28 {
+._dragIconCell_vlcbs_28 {
   width: var(--size);
   min-width: var(--size);
   position: relative;
 }
-._dragIcon_1sqxy_28 {
+._dragIcon_vlcbs_28 {
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   inset: 0;
+  color: var(--color-text-faint);
 }
-._dragIcon_1sqxy_28 path {
-  stroke: var(--color-text-faint);
-}
-._dragIcon_1sqxy_28:hover path {
-  stroke: var(--color-text-primary-hover);
+._dragIcon_vlcbs_28:hover {
+  color: var(--color-text-primary-hover);
 }
-._dragIcon_1sqxy_28:active path {
-  stroke: var(--color-text-primary-active);
+._dragIcon_vlcbs_28:active {
+  color: var(--color-text-primary-active);
 }
 ._tabs_b0egn_1 {
   display: flex;
@@ -10439,7 +10437,7 @@ tbody ._staticCell_1mfuf_116 ._staticCellContent_1mfuf_119 {
   --color-background-toggle: rgba(255, 255, 255, 0.2);
   --color-background-toggle-hover: rgba(255, 255, 255, 0.3);
 }
-._toggle_2zca0_9 {
+._toggle_1ia7o_9 {
   --size-toggle: var(--size-xs);
   position: relative;
   display: inline-flex;
@@ -10455,12 +10453,12 @@ tbody ._staticCell_1mfuf_116 ._staticCellContent_1mfuf_119 {
   min-width: var(--size-toggle);
   margin: calc((var(--size) - var(--size-toggle)) / 2) 0;
 }
-._toggle_2zca0_9._small_2zca0_25 {
+._toggle_1ia7o_9._small_1ia7o_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_2zca0_9 input {
+._toggle_1ia7o_9 input {
   width: calc(var(--size-toggle) * 2);
   height: var(--size-toggle);
   cursor: pointer;
@@ -10477,7 +10475,7 @@ tbody ._staticCell_1mfuf_116 ._staticCellContent_1mfuf_119 {
   line-height: 1.15;
   margin: 0;
 }
-._toggle_2zca0_9 label {
+._toggle_1ia7o_9 label {
   min-height: var(--size-toggle);
   padding-left: calc((var(--size-toggle) * 2) + var(--spacing-xs));
   transition: color 0.1s ease;
@@ -10486,13 +10484,16 @@ tbody ._staticCell_1mfuf_116 ._staticCellContent_1mfuf_119 {
   display: block;
   outline: 0;
 }
-._toggle_2zca0_9 label:before,
-._toggle_2zca0_9 label:after {
+._toggle_1ia7o_9 label:empty {
+  padding-left: calc(var(--size-toggle) * 2);
+}
+._toggle_1ia7o_9 label:before,
+._toggle_1ia7o_9 label:after {
   display: block;
   position: absolute;
   content: '';
 }
-._toggle_2zca0_9 label:before {
+._toggle_1ia7o_9 label:before {
   height: var(--size-toggle);
   border-radius: calc(var(--size-toggle) / 2);
   z-index: 1;
@@ -10504,43 +10505,44 @@ tbody ._staticCell_1mfuf_116 ._staticCellContent_1mfuf_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_2zca0_9 label:after {
+._toggle_1ia7o_9 label:after {
   height: calc(var(--size-toggle) - 4px);
   width: calc(var(--size-toggle) - 4px);
   border-radius: 50%;
   left: 2px;
-  top: 2px;
+  top: 50%;
+  transform: translateY(-50%);
   box-shadow: var(--shadow-button);
   background: white;
   opacity: 1;
   z-index: 2;
   transition: background 0.3s ease, left 0.3s ease;
 }
-._toggle_2zca0_9 input:hover ~ label:before {
+._toggle_1ia7o_9 input:hover ~ label:before {
   background: var(--color-background-toggle-hover);
 }
-._toggle_2zca0_9 input:checked ~ label:before {
+._toggle_1ia7o_9 input:checked ~ label:before {
   border-color: rgba(34, 36, 38, 0.35);
   background-color: var(--color-background-button-primary);
 }
-._toggle_2zca0_9 input:checked ~ label:after {
+._toggle_1ia7o_9 input:checked ~ label:after {
   left: calc(var(--size-toggle) + 2px);
 }
-._toggle_2zca0_9 input:checked:hover ~ label:before {
+._toggle_1ia7o_9 input:checked:hover ~ label:before {
   background-color: var(--color-background-button-primary-hover);
 }
-._toggle_2zca0_9._disabled_2zca0_99 {
+._toggle_1ia7o_9._disabled_1ia7o_103 {
   cursor: default;
   pointer-events: none;
   color: var(--color-text-muted);
 }
-._toggle_2zca0_9._disabled_2zca0_99 label:before {
+._toggle_1ia7o_9._disabled_1ia7o_103 label:before {
   background-color: var(--color-background-disabled);
 }
-._toggle_2zca0_9._disabled_2zca0_99 input:checked ~ label:before {
+._toggle_1ia7o_9._disabled_1ia7o_103 input:checked ~ label:before {
   background-color: var(--color-text-faint);
 }
-._noMargin_2zca0_110 {
+._noMargin_1ia7o_114 {
   margin: 0;
 }
 :root {

package/dist/index.js

@@ -60420,13 +60420,13 @@ Cell.propTypes = {
   cell: cellShape,
   testId: propTypes$1.exports.string
 };
-const clickableRow = "_clickableRow_1sqxy_1";
-const hoverableRow = "_hoverableRow_1sqxy_4";
-const rowActive = "_rowActive_1sqxy_4";
-const expandableRow = "_expandableRow_1sqxy_8";
-const flush2 = "_flush_1sqxy_8";
-const dragIconCell = "_dragIconCell_1sqxy_28";
-const dragIcon = "_dragIcon_1sqxy_28";
+const clickableRow = "_clickableRow_vlcbs_1";
+const hoverableRow = "_hoverableRow_vlcbs_4";
+const rowActive = "_rowActive_vlcbs_4";
+const expandableRow = "_expandableRow_vlcbs_8";
+const flush2 = "_flush_vlcbs_8";
+const dragIconCell = "_dragIconCell_vlcbs_28";
+const dragIcon = "_dragIcon_vlcbs_28";
 const styles$6 = {
   clickableRow,
   hoverableRow,
@@ -62369,10 +62369,10 @@ const toast = ({ id: id2, message: message2, autoClose = 6e3, onClose }) => {
     type: toastType
   });
 };
-const toggle$1 = "_toggle_2zca0_9";
-const small = "_small_2zca0_25";
-const disabled = "_disabled_2zca0_99";
-const noMargin = "_noMargin_2zca0_110";
+const toggle$1 = "_toggle_1ia7o_9";
+const small = "_small_1ia7o_25";
+const disabled = "_disabled_1ia7o_103";
+const noMargin = "_noMargin_1ia7o_114";
 const styles$3 = {
   toggle: toggle$1,
   small,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "4.0.0-beta-15",
+  "version": "4.0.0-beta-17",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {