@apexcura/ui-components 0.0.14-Beta212 → 0.0.14-Beta214

package/dist/index.css

@@ -356,9 +356,6 @@ video {
 .grid {
   display: grid;
 }
-.transform {
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
 .rounded-\[8px\] {
   border-radius: 8px;
 }
@@ -413,6 +410,10 @@ video {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.invert {
+  --tw-invert: invert(100%);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }

package/dist/index.js

@@ -384,6 +384,7 @@ var MultipleSelectElement = (props) => {
 // src/Components/Button.tsx
 var import_react11 = __toESM(require("react"));
 var ButtonElement = (props) => {
+  const textColorClass = props.className?.match(/text-[\w-]+/g)?.[0];
   return /* @__PURE__ */ import_react11.default.createElement(
     "button",
     {
@@ -394,14 +395,18 @@ var ButtonElement = (props) => {
         cursor: props.loading ? "no-drop" : "pointer"
       }
     },
-    /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("span", { className: props.iconsClassName, style: { position: "relative" } }, props.loading ? /* @__PURE__ */ import_react11.default.createElement("img", { src: props.icon, className: "icon-active", alt: props.label }) : /* @__PURE__ */ import_react11.default.createElement(
+    /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("span", { className: props.iconsClassName, style: { position: "relative" } }, /* @__PURE__ */ import_react11.default.createElement(
       "span",
       {
+        className: props.iconsClassName,
         dangerouslySetInnerHTML: { __html: props.icon || "" },
-        style: { display: "inline-block" }
+        style: {
+          display: "inline-block",
+          color: textColorClass ? textColorClass : "inherit"
+        }
       }
     ), /* @__PURE__ */ import_react11.default.createElement("style", null, `.${props.iconsClassName}:hover {
-            transform: scale(1.1);
+           filter: brightness(0) invert(1);
           }`)), props.label)
   );
 };

package/dist/index.mjs

@@ -318,6 +318,7 @@ var MultipleSelectElement = (props) => {
 // src/Components/Button.tsx
 import React11 from "react";
 var ButtonElement = (props) => {
+  const textColorClass = props.className?.match(/text-[\w-]+/g)?.[0];
   return /* @__PURE__ */ React11.createElement(
     "button",
     {
@@ -328,14 +329,18 @@ var ButtonElement = (props) => {
         cursor: props.loading ? "no-drop" : "pointer"
       }
     },
-    /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement("span", { className: props.iconsClassName, style: { position: "relative" } }, props.loading ? /* @__PURE__ */ React11.createElement("img", { src: props.icon, className: "icon-active", alt: props.label }) : /* @__PURE__ */ React11.createElement(
+    /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement("span", { className: props.iconsClassName, style: { position: "relative" } }, /* @__PURE__ */ React11.createElement(
       "span",
       {
+        className: props.iconsClassName,
         dangerouslySetInnerHTML: { __html: props.icon || "" },
-        style: { display: "inline-block" }
+        style: {
+          display: "inline-block",
+          color: textColorClass ? textColorClass : "inherit"
+        }
       }
     ), /* @__PURE__ */ React11.createElement("style", null, `.${props.iconsClassName}:hover {
-            transform: scale(1.1);
+           filter: brightness(0) invert(1);
           }`)), props.label)
   );
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.14-Beta212",
+  "version": "0.0.14-Beta214",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",