uibee 2.7.13 → 2.7.14
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.
|
@@ -4,7 +4,7 @@ export default function Switch({ label, name, checked, onChange, className, disa
|
|
|
4
4
|
return (_jsx(SelectionWrapper, { label: label, name: name, required: required, info: info, error: error, hideError: switchOnly, className: className, disabled: disabled, children: _jsxs("label", { className: `relative inline-flex items-center cursor-pointer ${switchOnly ? 'h-fit' : 'h-10.5'}`, children: [_jsx("input", { type: 'checkbox', id: name, name: name, checked: checked, onChange: onChange, disabled: disabled, required: required, className: 'sr-only peer' }), _jsx("div", { className: `
|
|
5
5
|
w-11 h-6 bg-login-500/50 rounded-full peer
|
|
6
6
|
peer-checked:after:translate-x-full peer-checked:after:border-white
|
|
7
|
-
after:content-[''] after:absolute ${switchOnly ? 'top-0.5' : 'top-2.75'} after:left-0.5
|
|
7
|
+
after:content-[''] after:absolute ${switchOnly ? 'after:top-0.5' : 'after:top-2.75'} after:left-0.5
|
|
8
8
|
after:bg-white after:border-gray-300 after:border after:rounded-full
|
|
9
9
|
after:h-5 after:w-5 after:transition-all peer-checked:bg-login
|
|
10
10
|
${disabled ? 'opacity-50 cursor-not-allowed' : ''}
|
package/dist/src/globals.css
CHANGED
|
@@ -297,18 +297,12 @@
|
|
|
297
297
|
.top-0 {
|
|
298
298
|
top: calc(var(--spacing) * 0);
|
|
299
299
|
}
|
|
300
|
-
.top-0\.5 {
|
|
301
|
-
top: calc(var(--spacing) * 0.5);
|
|
302
|
-
}
|
|
303
300
|
.top-1\/2 {
|
|
304
301
|
top: calc(1/2 * 100%);
|
|
305
302
|
}
|
|
306
303
|
.top-2 {
|
|
307
304
|
top: calc(var(--spacing) * 2);
|
|
308
305
|
}
|
|
309
|
-
.top-2\.75 {
|
|
310
|
-
top: calc(var(--spacing) * 2.75);
|
|
311
|
-
}
|
|
312
306
|
.top-4 {
|
|
313
307
|
top: calc(var(--spacing) * 4);
|
|
314
308
|
}
|
|
@@ -1882,6 +1876,18 @@
|
|
|
1882
1876
|
position: absolute;
|
|
1883
1877
|
}
|
|
1884
1878
|
}
|
|
1879
|
+
.after\:top-0\.5 {
|
|
1880
|
+
&::after {
|
|
1881
|
+
content: var(--tw-content);
|
|
1882
|
+
top: calc(var(--spacing) * 0.5);
|
|
1883
|
+
}
|
|
1884
|
+
}
|
|
1885
|
+
.after\:top-2\.75 {
|
|
1886
|
+
&::after {
|
|
1887
|
+
content: var(--tw-content);
|
|
1888
|
+
top: calc(var(--spacing) * 2.75);
|
|
1889
|
+
}
|
|
1890
|
+
}
|
|
1885
1891
|
.after\:left-0\.5 {
|
|
1886
1892
|
&::after {
|
|
1887
1893
|
content: var(--tw-content);
|
package/package.json
CHANGED
|
@@ -51,7 +51,7 @@ export default function Switch({
|
|
|
51
51
|
<div className={`
|
|
52
52
|
w-11 h-6 bg-login-500/50 rounded-full peer
|
|
53
53
|
peer-checked:after:translate-x-full peer-checked:after:border-white
|
|
54
|
-
after:content-[''] after:absolute ${switchOnly ? 'top-0.5' : 'top-2.75'} after:left-0.5
|
|
54
|
+
after:content-[''] after:absolute ${switchOnly ? 'after:top-0.5' : 'after:top-2.75'} after:left-0.5
|
|
55
55
|
after:bg-white after:border-gray-300 after:border after:rounded-full
|
|
56
56
|
after:h-5 after:w-5 after:transition-all peer-checked:bg-login
|
|
57
57
|
${disabled ? 'opacity-50 cursor-not-allowed' : ''}
|