@sarunyu/system-one 4.9.2 → 4.9.4
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.cjs +15 -9
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +15 -9
- package/dist/index.js.map +1 -1
- package/dist/src/components/tag.d.ts.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -4596,37 +4596,43 @@ const sizeStyles = {
|
|
|
4596
4596
|
const variantStyles = {
|
|
4597
4597
|
blue: {
|
|
4598
4598
|
bg: "bg-[var(--fill-blue-50)]",
|
|
4599
|
-
text: "text-[var(--fill-blue-700)]"
|
|
4599
|
+
text: "text-[var(--fill-blue-700)]",
|
|
4600
|
+
color: "var(--fill-blue-700)"
|
|
4600
4601
|
},
|
|
4601
4602
|
green: {
|
|
4602
4603
|
bg: "bg-[var(--fill-green-100)]",
|
|
4603
|
-
text: "text-[var(--fill-green-600)]"
|
|
4604
|
+
text: "text-[var(--fill-green-600)]",
|
|
4605
|
+
color: "var(--fill-green-600)"
|
|
4604
4606
|
},
|
|
4605
4607
|
yellow: {
|
|
4606
4608
|
bg: "bg-[var(--fill-yellow-100)]",
|
|
4607
|
-
text: "text-[var(--fill-yellow-600)]"
|
|
4609
|
+
text: "text-[var(--fill-yellow-600)]",
|
|
4610
|
+
color: "var(--fill-yellow-600)"
|
|
4608
4611
|
},
|
|
4609
4612
|
red: {
|
|
4610
4613
|
bg: "bg-[var(--fill-red-100)]",
|
|
4611
|
-
text: "text-[var(--fill-red-600)]"
|
|
4614
|
+
text: "text-[var(--fill-red-600)]",
|
|
4615
|
+
color: "var(--fill-red-600)"
|
|
4612
4616
|
},
|
|
4613
4617
|
gray: {
|
|
4614
4618
|
bg: "bg-[var(--fill-gray-100)]",
|
|
4615
|
-
text: "text-subtle-text"
|
|
4619
|
+
text: "text-subtle-text",
|
|
4620
|
+
color: "var(--subtle-text)"
|
|
4616
4621
|
},
|
|
4617
4622
|
lime: {
|
|
4618
4623
|
bg: "bg-[var(--fill-lime-100)]",
|
|
4619
|
-
text: "text-[var(--fill-lime-600)]"
|
|
4624
|
+
text: "text-[var(--fill-lime-600)]",
|
|
4625
|
+
color: "var(--fill-lime-600)"
|
|
4620
4626
|
}
|
|
4621
4627
|
};
|
|
4622
|
-
function CircleIcon({ disabled }) {
|
|
4628
|
+
function CircleIcon({ disabled, color }) {
|
|
4623
4629
|
return /* @__PURE__ */ jsx(
|
|
4624
4630
|
Circle,
|
|
4625
4631
|
{
|
|
4626
4632
|
"aria-hidden": "true",
|
|
4627
4633
|
weight: "regular",
|
|
4628
4634
|
className: "h-3.5 w-3.5 shrink-0",
|
|
4629
|
-
color: disabled ? "var(--disabled)" :
|
|
4635
|
+
color: disabled ? "var(--disabled)" : color
|
|
4630
4636
|
}
|
|
4631
4637
|
);
|
|
4632
4638
|
}
|
|
@@ -4667,7 +4673,7 @@ const Tag = forwardRef(function Tag2({
|
|
|
4667
4673
|
className
|
|
4668
4674
|
),
|
|
4669
4675
|
children: [
|
|
4670
|
-
icon && /* @__PURE__ */ jsx(CircleIcon, { disabled: isDisabled }),
|
|
4676
|
+
icon && /* @__PURE__ */ jsx(CircleIcon, { disabled: isDisabled, color: v.color }),
|
|
4671
4677
|
/* @__PURE__ */ jsx("span", { className: cn("whitespace-nowrap font-normal", s.text, textClass), children: text }),
|
|
4672
4678
|
close && /* @__PURE__ */ jsx(
|
|
4673
4679
|
"span",
|