@conscia-labs/design-system 1.0.1 → 1.0.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.
@@ -776,7 +776,7 @@ function Switch({
776
776
  "data-labeled": labeled ? "true" : void 0,
777
777
  className: cn(
778
778
  "peer group/switch inline-flex shrink-0 items-center border border-transparent shadow-xs transition-all outline-none focus-visible:border-focus focus-visible:ring-[3px] focus-visible:ring-focus/50 disabled:cursor-not-allowed disabled:opacity-50",
779
- labeled ? "relative rounded-[0.625rem] p-0.5 data-[size=default]:h-6 data-[size=default]:w-20 data-[size=default]:[--switch-thumb-travel:3.75rem] data-[size=sm]:h-5 data-[size=sm]:w-[4.5rem] data-[size=sm]:[--switch-thumb-travel:3.5rem] data-checked:bg-action data-unchecked:bg-control-border" : "rounded-full data-[size=default]:h-[1.15rem] data-[size=default]:w-8 data-[size=sm]:h-3.5 data-[size=sm]:w-6 data-checked:bg-action data-unchecked:bg-control-border",
779
+ labeled ? "relative rounded-[0.625rem] p-0.5 data-[size=default]:h-6 data-[size=default]:w-[5.5rem] data-[size=default]:[--switch-thumb-travel:4.25rem] data-[size=sm]:h-5 data-[size=sm]:w-[5.5rem] data-[size=sm]:[--switch-thumb-travel:4.5rem] data-checked:bg-action data-unchecked:bg-control-border" : "rounded-full data-[size=default]:h-[1.15rem] data-[size=default]:w-8 data-[size=sm]:h-3.5 data-[size=sm]:w-6 data-checked:bg-action data-unchecked:bg-control-border",
780
780
  className
781
781
  ),
782
782
  ...props,
@@ -787,7 +787,7 @@ function Switch({
787
787
  {
788
788
  "aria-hidden": "true",
789
789
  "data-slot": "switch-on-label",
790
- className: "pointer-events-none absolute inset-y-0.5 left-0 flex w-1/2 items-center justify-center overflow-hidden px-0.5 text-[0.5625rem] font-semibold leading-none tracking-[0.02em] text-action-foreground transition-opacity group-data-checked/switch:opacity-100 group-data-unchecked/switch:opacity-0",
790
+ className: "pointer-events-none absolute inset-y-0.5 left-0 flex w-1/2 translate-x-1 items-center justify-center overflow-hidden px-0.5 text-[0.5625rem] font-semibold leading-none tracking-[0.02em] text-action-foreground transition-[opacity,transform] group-data-checked/switch:opacity-100 group-data-unchecked/switch:opacity-0",
791
791
  children: onLabel ?? "ON"
792
792
  }
793
793
  ),
@@ -796,7 +796,7 @@ function Switch({
796
796
  {
797
797
  "aria-hidden": "true",
798
798
  "data-slot": "switch-off-label",
799
- className: "pointer-events-none absolute inset-y-0.5 right-0 flex w-1/2 items-center justify-center overflow-hidden px-0.5 text-[0.5625rem] font-semibold leading-none tracking-[0.02em] text-text-supporting transition-opacity group-data-checked/switch:opacity-0 group-data-unchecked/switch:opacity-100",
799
+ className: "pointer-events-none absolute inset-y-0.5 right-0 flex w-1/2 -translate-x-1 items-center justify-center overflow-hidden px-0.5 text-[0.5625rem] font-semibold leading-none tracking-[0.02em] text-text-supporting transition-[opacity,transform] group-data-checked/switch:opacity-0 group-data-unchecked/switch:opacity-100",
800
800
  children: offLabel ?? "OFF"
801
801
  }
802
802
  )
@@ -3831,4 +3831,4 @@ export {
3831
3831
  ToastAction3 as ToastAction,
3832
3832
  ToastClose3 as ToastClose
3833
3833
  };
3834
- //# sourceMappingURL=chunk-XQSBTQRR.js.map
3834
+ //# sourceMappingURL=chunk-H5ORBU5O.js.map