@petnow/ui 1.6.0 → 1.6.2
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.es.js +2 -2
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -14346,13 +14346,13 @@ const _y = ({ label: n, placeholder: r, value: e, options: t, onChange: o, disab
|
|
|
14346
14346
|
const [e, t] = ce(n[0]), o = (a) => {
|
|
14347
14347
|
if (a <= 1 || a > 4)
|
|
14348
14348
|
throw new Error("[@petnow/ui/Tabs] Tab에 들어갈 수 있는 길이는 2~4개입니다.");
|
|
14349
|
-
return a === 2 ? `absolute h-[2px] w-[50%] bg-petnowOrange transition-all duration-200 ${e === n[0] ? "translate-x-[0%]" : "translate-x-[100%]"}` : a === 3 ? `absolute h-[2px] w-[33.3%] bg-petnowOrange transition-all duration-200 ${e === n[0] ? "translate-x-[0%]" : e === n[1] ? "translate-x-[100%]" : "translate-x-[200%]"}` : `absolute h-[2px] w-[25%] bg-petnowOrange transition-all duration-200 ${e === n[0] ? "translate-x-[0%]" : e === n[1] ? "translate-x-[100%]" : e === n[2] ? "translate-x-[200%]" : "translate-x-[300%]"}`;
|
|
14349
|
+
return a === 2 ? `absolute h-[2px] w-[50%] bg-petnowOrange transition-all duration-200 ${JSON.stringify(e) === JSON.stringify(n[0]) ? "translate-x-[0%]" : "translate-x-[100%]"}` : a === 3 ? `absolute h-[2px] w-[33.3%] bg-petnowOrange transition-all duration-200 ${JSON.stringify(e) === JSON.stringify(n[0]) ? "translate-x-[0%]" : JSON.stringify(e) === JSON.stringify(n[1]) ? "translate-x-[100%]" : "translate-x-[200%]"}` : `absolute h-[2px] w-[25%] bg-petnowOrange transition-all duration-200 ${JSON.stringify(e) === JSON.stringify(n[0]) ? "translate-x-[0%]" : JSON.stringify(e) === JSON.stringify(n[1]) ? "translate-x-[100%]" : JSON.stringify(e) === JSON.stringify(n[2]) ? "translate-x-[200%]" : "translate-x-[300%]"}`;
|
|
14350
14350
|
};
|
|
14351
14351
|
return /* @__PURE__ */ R.jsxs("div", { className: "flex flex-col text-2xl font-bold", children: [
|
|
14352
14352
|
/* @__PURE__ */ R.jsx("div", { className: "flex", children: n.map((a) => /* @__PURE__ */ R.jsx("div", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ R.jsx(
|
|
14353
14353
|
"button",
|
|
14354
14354
|
{
|
|
14355
|
-
className: `py-5 hover:text-lightBlack ${a === e ? "text-lightBlack" : "text-[#8B919A]"}`,
|
|
14355
|
+
className: `py-5 hover:text-lightBlack ${JSON.stringify(a) === JSON.stringify(e) ? "text-lightBlack" : "text-[#8B919A]"}`,
|
|
14356
14356
|
onClick: () => {
|
|
14357
14357
|
t(a), r(a);
|
|
14358
14358
|
},
|