@jonapin006/tiger 1.0.46 → 1.0.48

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.
Files changed (5) hide show
  1. package/dist/index.d.ts +8 -4
  2. package/dist/tiger.css +1 -1
  3. package/dist/tiger.es.js +50 -37
  4. package/dist/tiger.umd.js +1 -1
  5. package/package.json +1 -1
package/dist/tiger.es.js CHANGED
@@ -561,25 +561,29 @@ var v = /* @__PURE__ */ function(e) {
561
561
  small: {
562
562
  track: "w-10 h-5",
563
563
  thumb: "w-4 h-4",
564
- translateChecked: "translate-x-5",
565
- translateUnchecked: "translate-x-0.5"
564
+ translateChecked: "translate-x-[1.25rem]",
565
+ translateUnchecked: "translate-x-0"
566
566
  },
567
567
  medium: {
568
568
  track: "w-12 h-6",
569
569
  thumb: "w-5 h-5",
570
- translateChecked: "translate-x-6",
571
- translateUnchecked: "translate-x-0.5"
570
+ translateChecked: "translate-x-[1.5rem]",
571
+ translateUnchecked: "translate-x-0"
572
572
  },
573
573
  large: {
574
574
  track: "w-14 h-7",
575
575
  thumb: "w-6 h-6",
576
- translateChecked: "translate-x-7",
577
- translateUnchecked: "translate-x-0.5"
576
+ translateChecked: "translate-x-[1.75rem]",
577
+ translateUnchecked: "translate-x-0"
578
578
  },
579
- 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",
580
- 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",
581
- label: "text-sm font-bold cursor-pointer",
582
- description: "text-xs opacity-60"
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 inset-y-0.5 aspect-square 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",
@@ -1540,25 +1544,29 @@ var v = /* @__PURE__ */ function(e) {
1540
1544
  small: {
1541
1545
  track: "w-10 h-5",
1542
1546
  thumb: "w-4 h-4",
1543
- translateChecked: "translate-x-5",
1544
- translateUnchecked: "translate-x-0.5"
1547
+ translateChecked: "translate-x-[1.25rem]",
1548
+ translateUnchecked: "translate-x-0"
1545
1549
  },
1546
1550
  medium: {
1547
1551
  track: "w-12 h-6",
1548
1552
  thumb: "w-5 h-5",
1549
- translateChecked: "translate-x-6",
1550
- translateUnchecked: "translate-x-0.5"
1553
+ translateChecked: "translate-x-[1.5rem]",
1554
+ translateUnchecked: "translate-x-0"
1551
1555
  },
1552
1556
  large: {
1553
1557
  track: "w-14 h-7",
1554
1558
  thumb: "w-6 h-6",
1555
- translateChecked: "translate-x-7",
1556
- translateUnchecked: "translate-x-0.5"
1559
+ translateChecked: "translate-x-[1.75rem]",
1560
+ translateUnchecked: "translate-x-0"
1557
1561
  },
1558
- 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",
1559
- 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",
1560
- label: "text-sm font-bold cursor-pointer",
1561
- description: "text-xs opacity-60"
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 inset-y-0.5 aspect-square 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",
@@ -2519,25 +2527,29 @@ var v = /* @__PURE__ */ function(e) {
2519
2527
  small: {
2520
2528
  track: "w-10 h-5",
2521
2529
  thumb: "w-4 h-4",
2522
- translateChecked: "translate-x-5",
2523
- translateUnchecked: "translate-x-0.5"
2530
+ translateChecked: "translate-x-[1.25rem]",
2531
+ translateUnchecked: "translate-x-0"
2524
2532
  },
2525
2533
  medium: {
2526
2534
  track: "w-12 h-6",
2527
2535
  thumb: "w-5 h-5",
2528
- translateChecked: "translate-x-6",
2529
- translateUnchecked: "translate-x-0.5"
2536
+ translateChecked: "translate-x-[1.5rem]",
2537
+ translateUnchecked: "translate-x-0"
2530
2538
  },
2531
2539
  large: {
2532
2540
  track: "w-14 h-7",
2533
2541
  thumb: "w-6 h-6",
2534
- translateChecked: "translate-x-7",
2535
- translateUnchecked: "translate-x-0.5"
2542
+ translateChecked: "translate-x-[1.75rem]",
2543
+ translateUnchecked: "translate-x-0"
2536
2544
  },
2537
- 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",
2538
- 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",
2539
- label: "text-sm font-bold cursor-pointer",
2540
- description: "text-xs opacity-60"
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 inset-y-0.5 aspect-square 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",
@@ -3128,25 +3140,26 @@ var re = ({ value: e = 0, currentStep: t = 0, totalSteps: n = 5, variant: r = "b
3128
3140
  let e = i || D.Primary;
3129
3141
  return d.switch[e];
3130
3142
  }
3131
- return d.switch.disabled;
3143
+ return d.switch.secondary;
3132
3144
  };
3133
3145
  return /* @__PURE__ */ l("div", {
3134
- className: I("flex items-start gap-3", s),
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: "flex flex-col gap-1",
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
  })]