@sunggang/ui-lib 0.3.50 → 0.3.51
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/index.esm.css +17 -0
- package/index.esm2.js +29 -12
- package/package.json +1 -1
- package/src/lib/Form/types.d.ts +2 -0
package/index.esm.css
CHANGED
|
@@ -1000,6 +1000,9 @@ video {
|
|
|
1000
1000
|
.w-12 {
|
|
1001
1001
|
width: 3rem;
|
|
1002
1002
|
}
|
|
1003
|
+
.w-16 {
|
|
1004
|
+
width: 4rem;
|
|
1005
|
+
}
|
|
1003
1006
|
.w-24 {
|
|
1004
1007
|
width: 6rem;
|
|
1005
1008
|
}
|
|
@@ -1953,6 +1956,10 @@ video {
|
|
|
1953
1956
|
--tw-text-opacity: 1;
|
|
1954
1957
|
color: rgb(51 51 51 / var(--tw-text-opacity, 1));
|
|
1955
1958
|
}
|
|
1959
|
+
.text-\[\#4788FF\] {
|
|
1960
|
+
--tw-text-opacity: 1;
|
|
1961
|
+
color: rgb(71 136 255 / var(--tw-text-opacity, 1));
|
|
1962
|
+
}
|
|
1956
1963
|
.text-\[\#5A5A5A\] {
|
|
1957
1964
|
--tw-text-opacity: 1;
|
|
1958
1965
|
color: rgb(90 90 90 / var(--tw-text-opacity, 1));
|
|
@@ -3046,6 +3053,16 @@ video {
|
|
|
3046
3053
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
3047
3054
|
}
|
|
3048
3055
|
|
|
3056
|
+
.data-\[state\=checked\]\:translate-x-6[data-state="checked"] {
|
|
3057
|
+
--tw-translate-x: 1.5rem;
|
|
3058
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
3059
|
+
}
|
|
3060
|
+
|
|
3061
|
+
.data-\[state\=checked\]\:translate-x-7[data-state="checked"] {
|
|
3062
|
+
--tw-translate-x: 1.75rem;
|
|
3063
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
3064
|
+
}
|
|
3065
|
+
|
|
3049
3066
|
.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
|
|
3050
3067
|
--tw-translate-x: 0px;
|
|
3051
3068
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
package/index.esm2.js
CHANGED
|
@@ -49200,6 +49200,14 @@ var BaseSwitch = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
|
|
|
49200
49200
|
large: {
|
|
49201
49201
|
root: "h-6 w-11",
|
|
49202
49202
|
thumb: "h-5 w-5 data-[state=checked]:translate-x-5"
|
|
49203
|
+
},
|
|
49204
|
+
xl: {
|
|
49205
|
+
root: "h-7 w-12",
|
|
49206
|
+
thumb: "h-5 w-5 data-[state=checked]:translate-x-6"
|
|
49207
|
+
},
|
|
49208
|
+
xxl: {
|
|
49209
|
+
root: "h-9 w-16",
|
|
49210
|
+
thumb: "h-7 w-7 data-[state=checked]:translate-x-7"
|
|
49203
49211
|
}
|
|
49204
49212
|
};
|
|
49205
49213
|
return /*#__PURE__*/ jsxs("div", {
|
|
@@ -49215,18 +49223,27 @@ var BaseSwitch = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
|
|
|
49215
49223
|
control: control,
|
|
49216
49224
|
render: function(param) {
|
|
49217
49225
|
var field = param.field;
|
|
49218
|
-
return /*#__PURE__*/
|
|
49219
|
-
className:
|
|
49220
|
-
|
|
49221
|
-
|
|
49222
|
-
|
|
49223
|
-
|
|
49224
|
-
|
|
49225
|
-
|
|
49226
|
-
|
|
49227
|
-
|
|
49228
|
-
|
|
49229
|
-
|
|
49226
|
+
return /*#__PURE__*/ jsxs("div", {
|
|
49227
|
+
className: "inline-flex items-center gap-2",
|
|
49228
|
+
children: [
|
|
49229
|
+
/*#__PURE__*/ jsx(SwitchPrimitives.Root, _object_spread_props$7(_object_spread$b({
|
|
49230
|
+
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-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50", bgColor, sizeClass[size].root, "data-[state=unchecked]:bg-input")
|
|
49231
|
+
}, props), {
|
|
49232
|
+
ref: ref,
|
|
49233
|
+
checked: field.value,
|
|
49234
|
+
onCheckedChange: field.onChange,
|
|
49235
|
+
id: item === null || item === void 0 ? void 0 : item.id,
|
|
49236
|
+
disabled: item === null || item === void 0 ? void 0 : item.disable,
|
|
49237
|
+
children: /*#__PURE__*/ jsx(SwitchPrimitives.Thumb, {
|
|
49238
|
+
className: cn("pointer-events-none block rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0", sizeClass[size].thumb)
|
|
49239
|
+
})
|
|
49240
|
+
})),
|
|
49241
|
+
(item === null || item === void 0 ? void 0 : item.labelRight) && /*#__PURE__*/ jsx("span", {
|
|
49242
|
+
className: cn("text-sm text-gray-700", item === null || item === void 0 ? void 0 : item.labelRightClassName),
|
|
49243
|
+
children: item === null || item === void 0 ? void 0 : item.labelRight
|
|
49244
|
+
})
|
|
49245
|
+
]
|
|
49246
|
+
});
|
|
49230
49247
|
}
|
|
49231
49248
|
})
|
|
49232
49249
|
]
|
package/package.json
CHANGED
package/src/lib/Form/types.d.ts
CHANGED