@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.
@@ -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, props.isDisabled && classes_1.CLASSES.IS_DISABLED, props.isFocused && classes_1.CLASSES.IS_FOCUSED, props.isInvalid && classes_1.CLASSES.IS_INVALID, props.isReadOnly && classes_1.CLASSES.IS_READONLY, props.value && classes_1.CLASSES.IS_SELECTED),
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: (0, cx_1.cx)(chipClassName),
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, props.isFocused && classes_1.CLASSES.IS_FOCUSED, props.isInvalid && classes_1.CLASSES.IS_INVALID, props.isReadOnly && classes_1.CLASSES.IS_READONLY, props.checked && classes_1.CLASSES.IS_SELECTED, props.className),
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.0",
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.0",
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, props.isFocused && classes_1.CLASSES.IS_FOCUSED, props.isInvalid && classes_1.CLASSES.IS_INVALID, props.isReadOnly && classes_1.CLASSES.IS_READONLY, props.checked && classes_1.CLASSES.IS_SELECTED, props.className),
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,