@oliasoft-open-source/react-ui-library 3.6.3 → 3.6.5

package/dist/global.css

@@ -26546,7 +26546,7 @@ html[data-theme='dark'] {
   --color-background-toggle: rgba(255, 255, 255, 0.2);
   --color-background-toggle-hover: rgba(255, 255, 255, 0.3);
 }
-._toggle_1wgzq_341 {
+._toggle_1s3iw_341 {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -26561,11 +26561,11 @@ html[data-theme='dark'] {
   min-width: 17px;
   margin: 10px 0 11px 0;
 }
-._toggle_1wgzq_341._small_1wgzq_356 {
+._toggle_1s3iw_341._small_1s3iw_356 {
   margin: 3px 0;
   font-size: 12px;
 }
-._toggle_1wgzq_341 input {
+._toggle_1s3iw_341 input {
   width: 34px;
   height: 17px;
   cursor: pointer;
@@ -26583,7 +26583,7 @@ html[data-theme='dark'] {
   line-height: 1.15;
   margin: 0;
 }
-._toggle_1wgzq_341 label {
+._toggle_1s3iw_341 label {
   min-height: 17px;
   padding-left: 43px;
   transition: color 0.1s ease;
@@ -26593,8 +26593,8 @@ html[data-theme='dark'] {
   outline: 0;
   font-size: 1em;
 }
-._toggle_1wgzq_341 label:before,
-._toggle_1wgzq_341 label:after {
+._toggle_1s3iw_341 label:before,
+._toggle_1s3iw_341 label:after {
   display: block;
   position: absolute;
   content: '';
@@ -26602,7 +26602,7 @@ html[data-theme='dark'] {
   height: 17px;
   border-radius: calc(17px / 2);
 }
-._toggle_1wgzq_341 label:before {
+._toggle_1s3iw_341 label:before {
   z-index: 1;
   transform: none;
   background: var(--color-background-toggle);
@@ -26611,7 +26611,7 @@ html[data-theme='dark'] {
   left: 0;
   transition: background 0.3s ease, border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
 }
-._toggle_1wgzq_341 label:after {
+._toggle_1s3iw_341 label:after {
   left: -0.05rem;
   box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
   background: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
@@ -26620,31 +26620,31 @@ html[data-theme='dark'] {
   width: 17px;
   transition: background 0.3s ease, left 0.3s ease;
 }
-._toggle_1wgzq_341 input:hover ~ label:before {
+._toggle_1s3iw_341 input:hover ~ label:before {
   background: var(--color-background-toggle-hover);
 }
-._toggle_1wgzq_341 input:checked ~ label:before {
+._toggle_1s3iw_341 input:checked ~ label:before {
   border-color: rgba(34, 36, 38, 0.35);
   background-color: var(--color-background-button-primary);
 }
-._toggle_1wgzq_341 input:checked ~ label:after {
+._toggle_1s3iw_341 input:checked ~ label:after {
   left: 17px;
 }
-._toggle_1wgzq_341 input:checked:hover ~ label:before {
+._toggle_1s3iw_341 input:checked:hover ~ label:before {
   background-color: var(--color-background-button-primary-hover);
 }
-._toggle_1wgzq_341._disabled_1wgzq_428 {
+._toggle_1s3iw_341._disabled_1s3iw_428 {
   cursor: default;
   pointer-events: none;
   color: var(--color-text-muted);
 }
-._toggle_1wgzq_341._disabled_1wgzq_428 label:before {
-  background-color: var(--color-background-disabled) !important;
+._toggle_1s3iw_341._disabled_1s3iw_428 label:before {
+  background-color: var(--color-background-disabled);
 }
-._toggle_1wgzq_341._disabled_1wgzq_428 input:checked ~ label:before {
+._toggle_1s3iw_341._disabled_1s3iw_428 input:checked ~ label:before {
   background-color: var(--color-text-faint);
 }
-._noMargin_1wgzq_439 {
+._noMargin_1s3iw_439 {
   margin: 0;
 }
 /*

package/dist/index.js

@@ -9020,7 +9020,7 @@ const Icon = ({ icon: icon2, onClick, clickable: clickable2, color: color2, size
     },
     onClick: (evt) => onClick && !disabledContext ? onClick(evt) : {},
     "data-testid": testId,
-    children: isValidElement(icon2) ? icon2 : typeof icon2 === "string" && icon2.includes(".svg") ? /* @__PURE__ */ jsx(ReactSVG, {
+    children: isValidElement(icon2) ? icon2 : typeof icon2 === "string" && (icon2.includes(".svg") || icon2.includes("image/svg")) ? /* @__PURE__ */ jsx(ReactSVG, {
       className: styles$N.customSvg,
       beforeInjection: (svg) => {
         if (size2) {
@@ -9029,7 +9029,7 @@ const Icon = ({ icon: icon2, onClick, clickable: clickable2, color: color2, size
         }
       },
       src: icon2
-    }) : typeof icon2 === "string" && icon2.includes(".png") ? /* @__PURE__ */ jsx("img", {
+    }) : typeof icon2 === "string" && (icon2.includes(".png") || icon2.includes("image/png")) ? /* @__PURE__ */ jsx("img", {
       alt: "icon",
       className: styles$N.customPng,
       src: icon2
@@ -64924,10 +64924,10 @@ const toast = ({ id: id2, message: message2, autoClose = 6e3, onClose }) => {
     transition: Slide
   });
 };
-const toggle$1 = "_toggle_1wgzq_341";
-const small = "_small_1wgzq_356";
-const disabled = "_disabled_1wgzq_428";
-const noMargin = "_noMargin_1wgzq_439";
+const toggle$1 = "_toggle_1s3iw_341";
+const small = "_small_1s3iw_356";
+const disabled = "_disabled_1s3iw_428";
+const noMargin = "_noMargin_1s3iw_439";
 const styles$3 = {
   toggle: toggle$1,
   small,

package/package.json

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