@sarunyu/system-one 4.9.3 → 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/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -4615,37 +4615,43 @@ const sizeStyles = {
|
|
|
4615
4615
|
const variantStyles = {
|
|
4616
4616
|
blue: {
|
|
4617
4617
|
bg: "bg-[var(--fill-blue-50)]",
|
|
4618
|
-
text: "text-[var(--fill-blue-700)]"
|
|
4618
|
+
text: "text-[var(--fill-blue-700)]",
|
|
4619
|
+
color: "var(--fill-blue-700)"
|
|
4619
4620
|
},
|
|
4620
4621
|
green: {
|
|
4621
4622
|
bg: "bg-[var(--fill-green-100)]",
|
|
4622
|
-
text: "text-[var(--fill-green-600)]"
|
|
4623
|
+
text: "text-[var(--fill-green-600)]",
|
|
4624
|
+
color: "var(--fill-green-600)"
|
|
4623
4625
|
},
|
|
4624
4626
|
yellow: {
|
|
4625
4627
|
bg: "bg-[var(--fill-yellow-100)]",
|
|
4626
|
-
text: "text-[var(--fill-yellow-600)]"
|
|
4628
|
+
text: "text-[var(--fill-yellow-600)]",
|
|
4629
|
+
color: "var(--fill-yellow-600)"
|
|
4627
4630
|
},
|
|
4628
4631
|
red: {
|
|
4629
4632
|
bg: "bg-[var(--fill-red-100)]",
|
|
4630
|
-
text: "text-[var(--fill-red-600)]"
|
|
4633
|
+
text: "text-[var(--fill-red-600)]",
|
|
4634
|
+
color: "var(--fill-red-600)"
|
|
4631
4635
|
},
|
|
4632
4636
|
gray: {
|
|
4633
4637
|
bg: "bg-[var(--fill-gray-100)]",
|
|
4634
|
-
text: "text-subtle-text"
|
|
4638
|
+
text: "text-subtle-text",
|
|
4639
|
+
color: "var(--subtle-text)"
|
|
4635
4640
|
},
|
|
4636
4641
|
lime: {
|
|
4637
4642
|
bg: "bg-[var(--fill-lime-100)]",
|
|
4638
|
-
text: "text-[var(--fill-lime-600)]"
|
|
4643
|
+
text: "text-[var(--fill-lime-600)]",
|
|
4644
|
+
color: "var(--fill-lime-600)"
|
|
4639
4645
|
}
|
|
4640
4646
|
};
|
|
4641
|
-
function CircleIcon({ disabled }) {
|
|
4647
|
+
function CircleIcon({ disabled, color }) {
|
|
4642
4648
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4643
4649
|
react.Circle,
|
|
4644
4650
|
{
|
|
4645
4651
|
"aria-hidden": "true",
|
|
4646
4652
|
weight: "regular",
|
|
4647
4653
|
className: "h-3.5 w-3.5 shrink-0",
|
|
4648
|
-
color: disabled ? "var(--disabled)" :
|
|
4654
|
+
color: disabled ? "var(--disabled)" : color
|
|
4649
4655
|
}
|
|
4650
4656
|
);
|
|
4651
4657
|
}
|
|
@@ -4686,7 +4692,7 @@ const Tag = React.forwardRef(function Tag2({
|
|
|
4686
4692
|
className
|
|
4687
4693
|
),
|
|
4688
4694
|
children: [
|
|
4689
|
-
icon && /* @__PURE__ */ jsxRuntime.jsx(CircleIcon, { disabled: isDisabled }),
|
|
4695
|
+
icon && /* @__PURE__ */ jsxRuntime.jsx(CircleIcon, { disabled: isDisabled, color: v.color }),
|
|
4690
4696
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("whitespace-nowrap font-normal", s.text, textClass), children: text }),
|
|
4691
4697
|
close && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4692
4698
|
"span",
|