zabi-components 5.0.10 → 5.0.11
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/atoms/Toggle.svelte +2 -2
- package/package.json +1 -1
package/dist/atoms/Toggle.svelte
CHANGED
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
// Toggle button classes using full class names
|
|
43
43
|
const toggleButtonClasses = $derived(() =>
|
|
44
44
|
[
|
|
45
|
-
"relative inline-flex w-
|
|
45
|
+
"relative inline-flex w-10 h-6 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-brand-500 focus:ring-offset-2",
|
|
46
46
|
checked ? "bg-brand-600" : "bg-gray-200",
|
|
47
47
|
disabled && "opacity-50 cursor-not-allowed",
|
|
48
48
|
]
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
const toggleThumbClasses = $derived(() => {
|
|
55
55
|
const baseClasses =
|
|
56
56
|
"pointer-events-none inline-block w-5 h-5 transform rounded-full bg-white shadow-lg transition duration-200 ease-in-out";
|
|
57
|
-
const positionClasses = checked ? "translate-x-
|
|
57
|
+
const positionClasses = checked ? "translate-x-4" : "translate-x-0";
|
|
58
58
|
|
|
59
59
|
return `${baseClasses} ${positionClasses}`.trim();
|
|
60
60
|
});
|
package/package.json
CHANGED