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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -384,6 +384,7 @@ var MultipleSelectElement = (props) => {
384
384
  // src/Components/Button.tsx
385
385
  var import_react11 = __toESM(require("react"));
386
386
  var ButtonElement = (props) => {
387
+ const textColorClass = props.className?.match(/text-[\w-]+/g)?.[0];
387
388
  return /* @__PURE__ */ import_react11.default.createElement(
388
389
  "button",
389
390
  {
@@ -394,11 +395,15 @@ var ButtonElement = (props) => {
394
395
  cursor: props.loading ? "no-drop" : "pointer"
395
396
  }
396
397
  },
397
- /* @__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(
398
+ /* @__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(
398
399
  "span",
399
400
  {
401
+ className: props.iconsClassName,
400
402
  dangerouslySetInnerHTML: { __html: props.icon || "" },
401
- style: { display: "inline-block" }
403
+ style: {
404
+ display: "inline-block",
405
+ color: textColorClass ? textColorClass : "inherit"
406
+ }
402
407
  }
403
408
  ), /* @__PURE__ */ import_react11.default.createElement("style", null, `.${props.iconsClassName}:hover {
404
409
  filter: brightness(0) invert(1);
package/dist/index.mjs CHANGED
@@ -318,6 +318,7 @@ var MultipleSelectElement = (props) => {
318
318
  // src/Components/Button.tsx
319
319
  import React11 from "react";
320
320
  var ButtonElement = (props) => {
321
+ const textColorClass = props.className?.match(/text-[\w-]+/g)?.[0];
321
322
  return /* @__PURE__ */ React11.createElement(
322
323
  "button",
323
324
  {
@@ -328,11 +329,15 @@ var ButtonElement = (props) => {
328
329
  cursor: props.loading ? "no-drop" : "pointer"
329
330
  }
330
331
  },
331
- /* @__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(
332
+ /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement("span", { className: props.iconsClassName, style: { position: "relative" } }, /* @__PURE__ */ React11.createElement(
332
333
  "span",
333
334
  {
335
+ className: props.iconsClassName,
334
336
  dangerouslySetInnerHTML: { __html: props.icon || "" },
335
- style: { display: "inline-block" }
337
+ style: {
338
+ display: "inline-block",
339
+ color: textColorClass ? textColorClass : "inherit"
340
+ }
336
341
  }
337
342
  ), /* @__PURE__ */ React11.createElement("style", null, `.${props.iconsClassName}:hover {
338
343
  filter: brightness(0) invert(1);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/ui-components",
3
- "version": "0.0.14-Beta213",
3
+ "version": "0.0.14-Beta214",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",