@jonapin006/tiger 1.0.46 → 1.0.47
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.d.ts +8 -4
- package/dist/tiger.es.js +31 -18
- package/dist/tiger.umd.js +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -359,10 +359,14 @@ export declare interface ThemeGeometryConfig {
|
|
|
359
359
|
translateChecked: string;
|
|
360
360
|
translateUnchecked: string;
|
|
361
361
|
}> & {
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
362
|
+
layout: {
|
|
363
|
+
container: string;
|
|
364
|
+
contentWrapper: string;
|
|
365
|
+
label: string;
|
|
366
|
+
description: string;
|
|
367
|
+
baseStyles: string;
|
|
368
|
+
thumbStyles: string;
|
|
369
|
+
};
|
|
366
370
|
});
|
|
367
371
|
sidebar: {
|
|
368
372
|
wrapper: string;
|
package/dist/tiger.es.js
CHANGED
|
@@ -576,10 +576,14 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
576
576
|
translateChecked: "translate-x-7",
|
|
577
577
|
translateUnchecked: "translate-x-0.5"
|
|
578
578
|
},
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
579
|
+
layout: {
|
|
580
|
+
container: "flex items-start gap-3",
|
|
581
|
+
contentWrapper: "flex flex-col gap-1",
|
|
582
|
+
baseStyles: "relative rounded-full transition-all duration-300 ease-in-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-950 disabled:opacity-50 disabled:cursor-not-allowed",
|
|
583
|
+
thumbStyles: "absolute rounded-full transition-transform duration-300 bg-white dark:bg-gray-200 shadow-md top-1/2 -translate-y-1/2 left-0.5",
|
|
584
|
+
label: "text-sm font-bold cursor-pointer",
|
|
585
|
+
description: "text-xs opacity-60"
|
|
586
|
+
}
|
|
583
587
|
},
|
|
584
588
|
sidebar: {
|
|
585
589
|
wrapper: "w-full md:w-80 md:min-w-[320px] md:max-w-[320px] h-full",
|
|
@@ -1555,10 +1559,14 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1555
1559
|
translateChecked: "translate-x-7",
|
|
1556
1560
|
translateUnchecked: "translate-x-0.5"
|
|
1557
1561
|
},
|
|
1558
|
-
|
|
1559
|
-
|
|
1560
|
-
|
|
1561
|
-
|
|
1562
|
+
layout: {
|
|
1563
|
+
container: "flex items-start gap-3",
|
|
1564
|
+
contentWrapper: "flex flex-col gap-1",
|
|
1565
|
+
baseStyles: "relative rounded-full transition-all duration-300 ease-in-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-950 disabled:opacity-50 disabled:cursor-not-allowed",
|
|
1566
|
+
thumbStyles: "absolute rounded-full transition-transform duration-300 bg-white dark:bg-gray-200 shadow-md top-1/2 -translate-y-1/2 left-0.5",
|
|
1567
|
+
label: "text-sm font-bold cursor-pointer",
|
|
1568
|
+
description: "text-xs opacity-60"
|
|
1569
|
+
}
|
|
1562
1570
|
},
|
|
1563
1571
|
sidebar: {
|
|
1564
1572
|
wrapper: "w-full md:w-80 md:min-w-[320px] md:max-w-[320px] h-full",
|
|
@@ -2534,10 +2542,14 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
2534
2542
|
translateChecked: "translate-x-7",
|
|
2535
2543
|
translateUnchecked: "translate-x-0.5"
|
|
2536
2544
|
},
|
|
2537
|
-
|
|
2538
|
-
|
|
2539
|
-
|
|
2540
|
-
|
|
2545
|
+
layout: {
|
|
2546
|
+
container: "flex items-start gap-3",
|
|
2547
|
+
contentWrapper: "flex flex-col gap-1",
|
|
2548
|
+
baseStyles: "relative rounded-full transition-all duration-300 ease-in-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-950 disabled:opacity-50 disabled:cursor-not-allowed",
|
|
2549
|
+
thumbStyles: "absolute rounded-full transition-transform duration-300 bg-white dark:bg-gray-200 shadow-md top-1/2 -translate-y-1/2 left-0.5",
|
|
2550
|
+
label: "text-sm font-bold cursor-pointer",
|
|
2551
|
+
description: "text-xs opacity-60"
|
|
2552
|
+
}
|
|
2541
2553
|
},
|
|
2542
2554
|
sidebar: {
|
|
2543
2555
|
wrapper: "w-full md:w-70 md:min-w-[280px] md:max-w-[280px] h-full",
|
|
@@ -3131,22 +3143,23 @@ var re = ({ value: e = 0, currentStep: t = 0, totalSteps: n = 5, variant: r = "b
|
|
|
3131
3143
|
return d.switch.disabled;
|
|
3132
3144
|
};
|
|
3133
3145
|
return /* @__PURE__ */ l("div", {
|
|
3134
|
-
className: I(
|
|
3146
|
+
className: I(u.geometry.switch.layout.container, s),
|
|
3135
3147
|
children: [/* @__PURE__ */ c("button", {
|
|
3136
3148
|
role: "switch",
|
|
3137
3149
|
"aria-checked": e,
|
|
3138
3150
|
"aria-disabled": n,
|
|
3139
3151
|
onClick: () => !n && t(!e),
|
|
3140
3152
|
disabled: n,
|
|
3141
|
-
className: I(u.geometry.switch.baseStyles, p.track, m()),
|
|
3142
|
-
children: /* @__PURE__ */ c("div", { className: I(u.geometry.switch.thumbStyles, p.thumb, e ? p.translateChecked : p.translateUnchecked) })
|
|
3153
|
+
className: I(u.geometry.switch.layout.baseStyles, p.track, m()),
|
|
3154
|
+
children: /* @__PURE__ */ c("div", { className: I(u.geometry.switch.layout.thumbStyles, p.thumb, e ? p.translateChecked : p.translateUnchecked) })
|
|
3143
3155
|
}), (a || o) && /* @__PURE__ */ l("div", {
|
|
3144
|
-
className:
|
|
3156
|
+
className: u.geometry.switch.layout.contentWrapper,
|
|
3145
3157
|
children: [a && /* @__PURE__ */ c("label", {
|
|
3146
|
-
className: u.geometry.switch.label,
|
|
3158
|
+
className: u.geometry.switch.layout.label,
|
|
3159
|
+
onClick: () => !n && t(!e),
|
|
3147
3160
|
children: a
|
|
3148
3161
|
}), o && /* @__PURE__ */ c("p", {
|
|
3149
|
-
className: u.geometry.switch.description,
|
|
3162
|
+
className: u.geometry.switch.layout.description,
|
|
3150
3163
|
children: o
|
|
3151
3164
|
})]
|
|
3152
3165
|
})]
|