@apexcura/ui-components 0.0.14-Beta217 → 0.0.14-Beta218
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.css +8 -0
- package/dist/index.js +9 -2
- package/dist/index.mjs +9 -2
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -391,6 +391,14 @@ video {
|
|
|
391
391
|
--tw-text-opacity: 1;
|
|
392
392
|
color: rgb(0 0 0 / var(--tw-text-opacity));
|
|
393
393
|
}
|
|
394
|
+
.text-gray-500 {
|
|
395
|
+
--tw-text-opacity: 1;
|
|
396
|
+
color: rgb(107 114 128 / var(--tw-text-opacity));
|
|
397
|
+
}
|
|
398
|
+
.text-white {
|
|
399
|
+
--tw-text-opacity: 1;
|
|
400
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
401
|
+
}
|
|
394
402
|
.shadow-\[0px_0px_1px_1px_\#919191\] {
|
|
395
403
|
--tw-shadow: 0px 0px 1px 1px #919191;
|
|
396
404
|
--tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
|
package/dist/index.js
CHANGED
|
@@ -384,8 +384,15 @@ var MultipleSelectElement = (props) => {
|
|
|
384
384
|
// src/Components/Button.tsx
|
|
385
385
|
var import_react11 = __toESM(require("react"));
|
|
386
386
|
var ButtonElement = (props) => {
|
|
387
|
+
const tailwindColorMap = {
|
|
388
|
+
"text-white": "#ffffff",
|
|
389
|
+
"text-gray-500": "#6b7280"
|
|
390
|
+
};
|
|
391
|
+
const getColorFromClass = (className) => {
|
|
392
|
+
return tailwindColorMap[className] || "inherit";
|
|
393
|
+
};
|
|
387
394
|
const textColorClass = props.className?.match(/text-[\w-]+/g)?.[0];
|
|
388
|
-
|
|
395
|
+
const fillColor = getColorFromClass(textColorClass);
|
|
389
396
|
return /* @__PURE__ */ import_react11.default.createElement(
|
|
390
397
|
"button",
|
|
391
398
|
{
|
|
@@ -403,7 +410,7 @@ var ButtonElement = (props) => {
|
|
|
403
410
|
dangerouslySetInnerHTML: { __html: props.icon || "" }
|
|
404
411
|
}
|
|
405
412
|
), /* @__PURE__ */ import_react11.default.createElement("style", null, `.${props.iconsClassName} path {
|
|
406
|
-
fill: ${
|
|
413
|
+
fill: ${fillColor};
|
|
407
414
|
}`, `.${props.iconsClassName}:hover path {
|
|
408
415
|
filter: brightness(0) invert(1);
|
|
409
416
|
}`)), props.label)
|
package/dist/index.mjs
CHANGED
|
@@ -318,8 +318,15 @@ var MultipleSelectElement = (props) => {
|
|
|
318
318
|
// src/Components/Button.tsx
|
|
319
319
|
import React11 from "react";
|
|
320
320
|
var ButtonElement = (props) => {
|
|
321
|
+
const tailwindColorMap = {
|
|
322
|
+
"text-white": "#ffffff",
|
|
323
|
+
"text-gray-500": "#6b7280"
|
|
324
|
+
};
|
|
325
|
+
const getColorFromClass = (className) => {
|
|
326
|
+
return tailwindColorMap[className] || "inherit";
|
|
327
|
+
};
|
|
321
328
|
const textColorClass = props.className?.match(/text-[\w-]+/g)?.[0];
|
|
322
|
-
|
|
329
|
+
const fillColor = getColorFromClass(textColorClass);
|
|
323
330
|
return /* @__PURE__ */ React11.createElement(
|
|
324
331
|
"button",
|
|
325
332
|
{
|
|
@@ -337,7 +344,7 @@ var ButtonElement = (props) => {
|
|
|
337
344
|
dangerouslySetInnerHTML: { __html: props.icon || "" }
|
|
338
345
|
}
|
|
339
346
|
), /* @__PURE__ */ React11.createElement("style", null, `.${props.iconsClassName} path {
|
|
340
|
-
fill: ${
|
|
347
|
+
fill: ${fillColor};
|
|
341
348
|
}`, `.${props.iconsClassName}:hover path {
|
|
342
349
|
filter: brightness(0) invert(1);
|
|
343
350
|
}`)), props.label)
|