@sunggang/ui-lib 0.4.12 → 0.4.13
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/baseSwitch.cjs.js +2 -2
- package/baseSwitch.esm.js +2 -2
- package/index.cjs.css +8 -0
- package/index.esm.css +8 -0
- package/package.json +1 -1
package/baseSwitch.cjs.js
CHANGED
|
@@ -23422,7 +23422,7 @@ var BaseSwitch = /*#__PURE__*/ React__namespace.forwardRef(function(_param, ref)
|
|
|
23422
23422
|
className: "inline-flex items-center gap-2",
|
|
23423
23423
|
children: [
|
|
23424
23424
|
/*#__PURE__*/ jsxRuntime.jsx(SwitchPrimitives__namespace.Root, _object_spread_props(_object_spread({
|
|
23425
|
-
className: utils.cn("peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-
|
|
23425
|
+
className: utils.cn("ui-switch-root", "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2", "disabled:cursor-not-allowed disabled:opacity-50", "data-[state=unchecked]:bg-gray-200", bgColor, sizeClass[size].root)
|
|
23426
23426
|
}, props), {
|
|
23427
23427
|
ref: ref,
|
|
23428
23428
|
checked: field.value,
|
|
@@ -23430,7 +23430,7 @@ var BaseSwitch = /*#__PURE__*/ React__namespace.forwardRef(function(_param, ref)
|
|
|
23430
23430
|
id: item === null || item === void 0 ? void 0 : item.id,
|
|
23431
23431
|
disabled: item === null || item === void 0 ? void 0 : item.disable,
|
|
23432
23432
|
children: /*#__PURE__*/ jsxRuntime.jsx(SwitchPrimitives__namespace.Thumb, {
|
|
23433
|
-
className: utils.cn("pointer-events-none block rounded-full bg-
|
|
23433
|
+
className: utils.cn("ui-switch-thumb", "pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform", "data-[state=unchecked]:translate-x-1", sizeClass[size].thumb)
|
|
23434
23434
|
})
|
|
23435
23435
|
})),
|
|
23436
23436
|
(item === null || item === void 0 ? void 0 : item.labelRight) && /*#__PURE__*/ jsxRuntime.jsx("span", {
|
package/baseSwitch.esm.js
CHANGED
|
@@ -23393,7 +23393,7 @@ var BaseSwitch = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
|
|
|
23393
23393
|
className: "inline-flex items-center gap-2",
|
|
23394
23394
|
children: [
|
|
23395
23395
|
/*#__PURE__*/ jsx$1(SwitchPrimitives.Root, _object_spread_props(_object_spread({
|
|
23396
|
-
className: cn("peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-
|
|
23396
|
+
className: cn("ui-switch-root", "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2", "disabled:cursor-not-allowed disabled:opacity-50", "data-[state=unchecked]:bg-gray-200", bgColor, sizeClass[size].root)
|
|
23397
23397
|
}, props), {
|
|
23398
23398
|
ref: ref,
|
|
23399
23399
|
checked: field.value,
|
|
@@ -23401,7 +23401,7 @@ var BaseSwitch = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
|
|
|
23401
23401
|
id: item === null || item === void 0 ? void 0 : item.id,
|
|
23402
23402
|
disabled: item === null || item === void 0 ? void 0 : item.disable,
|
|
23403
23403
|
children: /*#__PURE__*/ jsx$1(SwitchPrimitives.Thumb, {
|
|
23404
|
-
className: cn("pointer-events-none block rounded-full bg-
|
|
23404
|
+
className: cn("ui-switch-thumb", "pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform", "data-[state=unchecked]:translate-x-1", sizeClass[size].thumb)
|
|
23405
23405
|
})
|
|
23406
23406
|
})),
|
|
23407
23407
|
(item === null || item === void 0 ? void 0 : item.labelRight) && /*#__PURE__*/ jsx$1("span", {
|
package/index.cjs.css
CHANGED
|
@@ -3566,6 +3566,10 @@ video {
|
|
|
3566
3566
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
3567
3567
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
3568
3568
|
}
|
|
3569
|
+
.focus-visible\:ring-blue-500:focus-visible {
|
|
3570
|
+
--tw-ring-opacity: 1;
|
|
3571
|
+
--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
|
|
3572
|
+
}
|
|
3569
3573
|
.focus-visible\:ring-ring:focus-visible {
|
|
3570
3574
|
--tw-ring-color: hsl(var(--ring));
|
|
3571
3575
|
}
|
|
@@ -3679,6 +3683,10 @@ video {
|
|
|
3679
3683
|
.data-\[state\=selected\]\:bg-muted[data-state="selected"] {
|
|
3680
3684
|
background-color: hsl(var(--muted));
|
|
3681
3685
|
}
|
|
3686
|
+
.data-\[state\=unchecked\]\:bg-gray-200[data-state="unchecked"] {
|
|
3687
|
+
--tw-bg-opacity: 1;
|
|
3688
|
+
background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
|
|
3689
|
+
}
|
|
3682
3690
|
.data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
|
|
3683
3691
|
background-color: hsl(var(--input));
|
|
3684
3692
|
}
|
package/index.esm.css
CHANGED
|
@@ -3566,6 +3566,10 @@ video {
|
|
|
3566
3566
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
3567
3567
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
3568
3568
|
}
|
|
3569
|
+
.focus-visible\:ring-blue-500:focus-visible {
|
|
3570
|
+
--tw-ring-opacity: 1;
|
|
3571
|
+
--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
|
|
3572
|
+
}
|
|
3569
3573
|
.focus-visible\:ring-ring:focus-visible {
|
|
3570
3574
|
--tw-ring-color: hsl(var(--ring));
|
|
3571
3575
|
}
|
|
@@ -3679,6 +3683,10 @@ video {
|
|
|
3679
3683
|
.data-\[state\=selected\]\:bg-muted[data-state="selected"] {
|
|
3680
3684
|
background-color: hsl(var(--muted));
|
|
3681
3685
|
}
|
|
3686
|
+
.data-\[state\=unchecked\]\:bg-gray-200[data-state="unchecked"] {
|
|
3687
|
+
--tw-bg-opacity: 1;
|
|
3688
|
+
background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
|
|
3689
|
+
}
|
|
3682
3690
|
.data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
|
|
3683
3691
|
background-color: hsl(var(--input));
|
|
3684
3692
|
}
|