@uxf/ui 1.0.0-beta.76 → 1.0.0-beta.77
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/checkbox/checkbox.js
CHANGED
|
@@ -17,7 +17,7 @@ exports.Checkbox = (0, forwardRef_1.forwardRef)("Checkbox", (props, ref) => {
|
|
|
17
17
|
var _a;
|
|
18
18
|
return (react_2.default.createElement(react_1.Switch.Group, null,
|
|
19
19
|
react_2.default.createElement("div", { className: `uxf-checkbox__wrapper ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` },
|
|
20
|
-
react_2.default.createElement(react_1.Switch, { checked: props.value, className: (0, cx_1.cx)(props.
|
|
20
|
+
react_2.default.createElement(react_1.Switch, { checked: props.value, className: (0, cx_1.cx)(props.isDisabled && classes_1.CLASSES.IS_DISABLED, props.isInvalid && classes_1.CLASSES.IS_INVALID, props.isReadOnly && classes_1.CLASSES.IS_READONLY, props.value && classes_1.CLASSES.IS_SELECTED, "uxf-checkbox"), disabled: props.isDisabled, name: props.name, onChange: props.onChange, ref: ref, style: props.style },
|
|
21
21
|
react_2.default.createElement("span", { className: "uxf-checkbox__icon" },
|
|
22
22
|
react_2.default.createElement(CheckIcon, null))),
|
|
23
23
|
react_2.default.createElement(react_1.Switch.Label, { className: "uxf-checkbox__label" }, props.label))));
|
|
@@ -14,7 +14,7 @@ function CheckIcon() {
|
|
|
14
14
|
react_2.default.createElement("path", { d: "M13.333 4 6 11.333 2.667 8", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" })));
|
|
15
15
|
}
|
|
16
16
|
exports.CheckboxButton = (0, forwardRef_1.forwardRef)("CheckboxButton", (props, ref) => {
|
|
17
|
-
return (react_2.default.createElement(react_1.Switch, { checked: props.value, className: (0, cx_1.cx)(props.
|
|
17
|
+
return (react_2.default.createElement(react_1.Switch, { checked: props.value, className: (0, cx_1.cx)("uxf-checkbox-button", props.className, props.isDisabled && classes_1.CLASSES.IS_DISABLED, props.isInvalid && classes_1.CLASSES.IS_INVALID, props.isReadOnly && classes_1.CLASSES.IS_READONLY, props.value && classes_1.CLASSES.IS_SELECTED), disabled: props.isDisabled, name: props.name, onChange: props.onChange, ref: ref, style: props.style },
|
|
18
18
|
react_2.default.createElement("span", { className: "uxf-checkbox-button__label" }, props.label),
|
|
19
19
|
react_2.default.createElement("span", { className: "uxf-checkbox-button__icon" },
|
|
20
20
|
react_2.default.createElement(CheckIcon, null))));
|
package/package.json
CHANGED
package/toggle/toggle.js
CHANGED
|
@@ -13,7 +13,7 @@ exports.Toggle = (0, forwardRef_1.forwardRef)("Toggle", (props, ref) => {
|
|
|
13
13
|
var _a, _b;
|
|
14
14
|
return (react_1.default.createElement(react_2.Switch.Group, null,
|
|
15
15
|
react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-toggle__wrapper", `uxf-toggle__wrapper--${(_a = props.variant) !== null && _a !== void 0 ? _a : "default"}`, props.hiddenLabel && "uxf-toggle__wrapper--hiddenLabel", props.className) },
|
|
16
|
-
react_1.default.createElement(react_2.Switch, { checked: props.value, className: (0, cx_1.cx)(props.
|
|
16
|
+
react_1.default.createElement(react_2.Switch, { checked: props.value, className: (0, cx_1.cx)(props.isDisabled && classes_1.CLASSES.IS_DISABLED, props.isInvalid && classes_1.CLASSES.IS_INVALID, props.isReadOnly && classes_1.CLASSES.IS_READONLY, props.value && classes_1.CLASSES.IS_SELECTED, "uxf-toggle", `uxf-toggle--${(_b = props.variant) !== null && _b !== void 0 ? _b : "default"}`), disabled: props.isDisabled, name: props.name, onChange: props.onChange, style: props.style, ref: ref },
|
|
17
17
|
react_1.default.createElement("span", { className: "uxf-toggle__inner" })),
|
|
18
18
|
react_1.default.createElement(react_2.Switch.Label, { hidden: props.hiddenLabel, className: "uxf-toggle__label" }, props.label))));
|
|
19
19
|
});
|