@lumx/react 4.15.0-alpha.0 → 4.15.0-alpha.2

package/index.d.ts

@@ -2022,6 +2022,8 @@ interface RawInputTextProps$1 extends HasTheme, HasClassName {
     ref?: CommonRef;
     handleChange?: (value: string, name?: string, event?: any) => void;
     handleInput?: (value: string, name?: string, event?: any) => void;
+    handleFocus?: (event?: any) => void;
+    handleBlur?: (event?: any) => void;
 }
 
 type NativeInputProps = Omit<ComponentProps<'input'>, 'value' | 'onChange'>;
@@ -2048,6 +2050,8 @@ interface RawInputTextareaProps$1 extends HasTheme, HasClassName {
     ref?: CommonRef;
     handleChange?: (value: string, name?: string, event?: any) => void;
     handleInput?: (value: string, name?: string, event?: any) => void;
+    handleFocus?: (event?: any) => void;
+    handleBlur?: (event?: any) => void;
 }
 
 type NativeTextareaProps = Omit<ComponentProps<'textarea'>, 'value' | 'onChange'>;

package/index.js

@@ -1687,7 +1687,7 @@ const IconButton$1 = props => {
     size = DEFAULT_PROPS$1a.size,
     ...forwardedProps
   } = props;
-  const iconNode = image ? /*#__PURE__*/jsx("img", {
+  const defaultChildren = image ? /*#__PURE__*/jsx("img", {
     // no need to set alt as an aria-label is already set on the button
     alt: "",
     src: image
@@ -1698,13 +1698,9 @@ const IconButton$1 = props => {
     emphasis,
     size,
     ...forwardedProps,
+    'aria-label': label,
     variant: 'icon',
-    children: /*#__PURE__*/jsxs(Fragment, {
-      children: [iconNode, /*#__PURE__*/jsx("span", {
-        className: visuallyHidden(),
-        children: label
-      })]
-    })
+    children: defaultChildren
   });
 };
 IconButton$1.displayName = COMPONENT_NAME$1r;
@@ -7744,6 +7740,8 @@ const RawInputText$1 = props => {
     value,
     handleChange,
     handleInput,
+    handleFocus,
+    handleBlur,
     type = DEFAULT_PROPS$11.type,
     name,
     ref,
@@ -7766,6 +7764,8 @@ const RawInputText$1 = props => {
     })),
     onChange: handleOnChange,
     onInput: handleOnInput,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
     value: value
   });
 };
@@ -7779,13 +7779,17 @@ const RawInputText = forwardRef((props, ref) => {
   const {
     theme = defaultTheme,
     onChange,
+    onFocus,
+    onBlur,
     ...restOfProps
   } = props;
   return RawInputText$1({
     ...restOfProps,
     ref,
     theme,
-    handleChange: onChange
+    handleChange: onChange,
+    handleFocus: onFocus,
+    handleBlur: onBlur
   });
 });
 
@@ -7815,6 +7819,8 @@ const RawInputTextarea$1 = props => {
     value,
     handleChange,
     handleInput,
+    handleFocus,
+    handleBlur,
     rows = DEFAULT_PROPS$10.rows,
     name,
     ref,
@@ -7836,6 +7842,8 @@ const RawInputTextarea$1 = props => {
     })),
     onChange: handleOnChange,
     onInput: handleOnInput,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
     value: value,
     rows: rows
   });
@@ -7904,6 +7912,8 @@ const RawInputTextarea = forwardRef((props, ref) => {
     minimumRows = DEFAULT_PROPS$$.minimumRows,
     value,
     onChange,
+    onFocus,
+    onBlur,
     ...restOfProps
   } = props;
   const textareaRef = useRef(null);
@@ -7914,7 +7924,9 @@ const RawInputTextarea = forwardRef((props, ref) => {
     theme,
     value,
     rows,
-    handleChange: onChange
+    handleChange: onChange,
+    handleFocus: onFocus,
+    handleBlur: onBlur
   });
 });