@uxf/ui 11.90.0 → 11.90.1
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 +1 -1
- package/chip/chip.js +1 -1
- package/color-radio/color-radio.js +1 -1
- package/flash-messages/flash-messages.js +1 -1
- package/package.json +2 -2
- package/radio/radio.js +1 -1
package/checkbox/checkbox.js
CHANGED
|
@@ -49,7 +49,7 @@ exports.Checkbox = (0, react_1.forwardRef)((props, ref) => {
|
|
|
49
49
|
"aria-invalid": props.isInvalid,
|
|
50
50
|
"aria-readonly": props.isReadOnly,
|
|
51
51
|
"aria-required": props.isRequired,
|
|
52
|
-
className: (0, cx_1.cx)("uxf-checkbox", `uxf-checkbox--size-${(_a = props.size) !== null && _a !== void 0 ? _a : "default"}`, props.className, props.indeterminate && classes_1.CLASSES.IS_INDETERMINATE
|
|
52
|
+
className: (0, cx_1.cx)("uxf-checkbox", `uxf-checkbox--size-${(_a = props.size) !== null && _a !== void 0 ? _a : "default"}`, props.className, props.indeterminate && `uxf-checkbox--${classes_1.CLASSES.IS_INDETERMINATE} ${classes_1.CLASSES.IS_INDETERMINATE}`, props.isDisabled && `uxf-checkbox--${classes_1.CLASSES.IS_DISABLED} ${classes_1.CLASSES.IS_DISABLED}`, props.isFocused && `uxf-checkbox--${classes_1.CLASSES.IS_FOCUSED} ${classes_1.CLASSES.IS_FOCUSED}`, props.isInvalid && `uxf-checkbox--${classes_1.CLASSES.IS_INVALID} ${classes_1.CLASSES.IS_INVALID}`, props.isReadOnly && `uxf-checkbox--${classes_1.CLASSES.IS_READONLY} ${classes_1.CLASSES.IS_READONLY}`, props.value && `uxf-checkbox--${classes_1.CLASSES.IS_SELECTED} ${classes_1.CLASSES.IS_SELECTED}`),
|
|
53
53
|
id: props.id,
|
|
54
54
|
onBlur: props.onBlur,
|
|
55
55
|
onClick: onChange,
|
package/chip/chip.js
CHANGED
|
@@ -59,7 +59,7 @@ exports.Chip = (0, react_1.forwardRef)((props, ref) => {
|
|
|
59
59
|
const chipClassName = (0, cx_1.cx)("uxf-chip", `uxf-chip--color-${(_a = props.color) !== null && _a !== void 0 ? _a : "default"}`, `uxf-chip--size-${(_b = props.size) !== null && _b !== void 0 ? _b : "default"}`, `uxf-chip--variant-${(_c = props.variant) !== null && _c !== void 0 ? _c : "default"}`, (0, is_not_nil_1.isNotNil)(onClose) && "has-button", className);
|
|
60
60
|
const Component = as;
|
|
61
61
|
const anchorProps = (0, use_anchor_props_1.useAnchorProps)({
|
|
62
|
-
className:
|
|
62
|
+
className: chipClassName,
|
|
63
63
|
tabIndex: suppressFocus ? -1 : tabIndex,
|
|
64
64
|
...restProps,
|
|
65
65
|
});
|
|
@@ -61,7 +61,7 @@ exports.ColorRadio = (0, react_1.forwardRef)((props, ref) => {
|
|
|
61
61
|
"aria-invalid": props.isInvalid,
|
|
62
62
|
"aria-readonly": props.isReadOnly,
|
|
63
63
|
"aria-required": props.isRequired,
|
|
64
|
-
className: (0, cx_1.cx)("uxf-color-radio", props.isDisabled && classes_1.CLASSES.IS_DISABLED
|
|
64
|
+
className: (0, cx_1.cx)("uxf-color-radio", props.isDisabled && `uxf-color-radio--${classes_1.CLASSES.IS_DISABLED} ${classes_1.CLASSES.IS_DISABLED}`, props.isFocused && `uxf-color-radio--${classes_1.CLASSES.IS_FOCUSED} ${classes_1.CLASSES.IS_FOCUSED}`, props.isInvalid && `uxf-color-radio--${classes_1.CLASSES.IS_INVALID} ${classes_1.CLASSES.IS_INVALID}`, props.isReadOnly && `uxf-color-radio--${classes_1.CLASSES.IS_READONLY} ${classes_1.CLASSES.IS_READONLY}`, props.checked && `uxf-color-radio--${classes_1.CLASSES.IS_SELECTED} ${classes_1.CLASSES.IS_SELECTED}`, props.className),
|
|
65
65
|
onBlur: props.onBlur,
|
|
66
66
|
onClick,
|
|
67
67
|
onFocus: props.onFocus,
|
|
@@ -96,7 +96,7 @@ exports.FlashMessages = (0, react_2.forwardRef)((props, ref) => {
|
|
|
96
96
|
}), []);
|
|
97
97
|
const dismissableContainerRef = (0, react_2.useRef)(null);
|
|
98
98
|
const clickableProps = (0, use_clickable_props_1.useClickableProps)({
|
|
99
|
-
className: `uxf-flash-messages__dismissable ${isCollapsed ? "is-collapsed" : "is-expanded"}`,
|
|
99
|
+
className: `uxf-flash-messages__dismissable ${isCollapsed ? "uxf-flash-messages__dismissable--is-collapsed is-collapsed" : "uxf-flash-messages__dismissable--is-expanded is-expanded"}`,
|
|
100
100
|
onMouseEnter: () => setIsCollapsed(false),
|
|
101
101
|
onMouseLeave: () => {
|
|
102
102
|
// scroll back down in case of having too many flash messages and scrolled up
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uxf/ui",
|
|
3
|
-
"version": "11.90.
|
|
3
|
+
"version": "11.90.1",
|
|
4
4
|
"description": "",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"@floating-ui/react": "0.27.16",
|
|
25
25
|
"@headlessui/react": "1.7.19",
|
|
26
26
|
"@uxf/core": "11.90.0",
|
|
27
|
-
"@uxf/core-react": "11.90.
|
|
27
|
+
"@uxf/core-react": "11.90.1",
|
|
28
28
|
"@uxf/datepicker": "11.90.0",
|
|
29
29
|
"@uxf/styles": "11.90.0",
|
|
30
30
|
"color2k": "2.0.3",
|
package/radio/radio.js
CHANGED
|
@@ -49,7 +49,7 @@ exports.Radio = (0, react_1.forwardRef)((props, ref) => {
|
|
|
49
49
|
"aria-invalid": props.isInvalid,
|
|
50
50
|
"aria-readonly": props.isReadOnly,
|
|
51
51
|
"aria-required": props.isRequired,
|
|
52
|
-
className: (0, cx_1.cx)("uxf-radio", `uxf-radio--size-${(_a = props.size) !== null && _a !== void 0 ? _a : "default"}`, props.isDisabled && classes_1.CLASSES.IS_DISABLED
|
|
52
|
+
className: (0, cx_1.cx)("uxf-radio", `uxf-radio--size-${(_a = props.size) !== null && _a !== void 0 ? _a : "default"}`, props.isDisabled && `uxf-radio--${classes_1.CLASSES.IS_DISABLED} ${classes_1.CLASSES.IS_DISABLED}`, props.isFocused && `uxf-radio--${classes_1.CLASSES.IS_FOCUSED} ${classes_1.CLASSES.IS_FOCUSED}`, props.isInvalid && `uxf-radio--${classes_1.CLASSES.IS_INVALID} ${classes_1.CLASSES.IS_INVALID}`, props.isReadOnly && `uxf-radio--${classes_1.CLASSES.IS_READONLY} ${classes_1.CLASSES.IS_READONLY}`, props.checked && `uxf-radio--${classes_1.CLASSES.IS_SELECTED} ${classes_1.CLASSES.IS_SELECTED}`, props.className),
|
|
53
53
|
onBlur: props.onBlur,
|
|
54
54
|
onClick,
|
|
55
55
|
onFocus: props.onFocus,
|