@lumx/react 3.4.0 → 3.5.0

package/index.d.ts

@@ -2614,6 +2614,8 @@ interface TabProps extends GenericProps {
     children?: never;
     /** Icon (SVG path). */
     icon?: IconProps['icon'];
+    /** Icon component properties. */
+    iconProps?: Omit<IconProps, 'icon'>;
     /** Native id property. */
     id?: string;
     /** Whether the tab is active or not. */

package/index.js

@@ -11789,7 +11789,7 @@ TabList.displayName = COMPONENT_NAME$1d;
 TabList.className = CLASSNAME$1a;
 TabList.defaultProps = DEFAULT_PROPS$X;
 
-const _excluded$1j = ["className", "disabled", "icon", "id", "isActive", "isDisabled", "label", "onFocus", "onKeyPress", "tabIndex"];
+const _excluded$1j = ["className", "disabled", "icon", "iconProps", "id", "isActive", "isDisabled", "label", "onFocus", "onKeyPress", "tabIndex"];
 
 /**
  * Defines the props of the component.
@@ -11824,6 +11824,7 @@ const Tab = /*#__PURE__*/forwardRef((props, ref) => {
       className,
       disabled,
       icon,
+      iconProps = {},
       id,
       isActive: propIsActive,
       isDisabled = disabled,
@@ -11872,10 +11873,10 @@ const Tab = /*#__PURE__*/forwardRef((props, ref) => {
     "aria-disabled": isDisabled,
     "aria-selected": isActive,
     "aria-controls": state === null || state === void 0 ? void 0 : state.tabPanelId
-  }), icon && /*#__PURE__*/React.createElement(Icon, {
+  }), icon && /*#__PURE__*/React.createElement(Icon, _extends({
     icon: icon,
     size: Size.xs
-  }), label && /*#__PURE__*/React.createElement("span", null, label));
+  }, iconProps)), label && /*#__PURE__*/React.createElement("span", null, label));
 });
 Tab.displayName = COMPONENT_NAME$1e;
 Tab.className = CLASSNAME$1b;
@@ -12264,8 +12265,8 @@ TextField.className = CLASSNAME$1d;
 TextField.defaultProps = DEFAULT_PROPS$_;
 
 function getState(img, event) {
-  // Error event occurred or image loaded empty.
-  if ((event === null || event === void 0 ? void 0 : event.type) === 'error' || img !== null && img !== void 0 && img.complete && ((img === null || img === void 0 ? void 0 : img.naturalWidth) === 0 || (img === null || img === void 0 ? void 0 : img.naturalHeight) === 0)) {
+  // Error event occurred.
+  if ((event === null || event === void 0 ? void 0 : event.type) === 'error') {
     return 'hasError';
   }
   // Image is undefined or incomplete.
@@ -12370,8 +12371,8 @@ const useFocusPointStyle = (_ref2, element, isLoaded) => {
       });
       return;
     }
-    if (!containerSize) {
-      // Missing container size abort focus point compute.
+    if (!containerSize || !imageSize.height || !imageSize.width) {
+      // Missing container or image size abort focus point compute.
       setStyle({});
       return;
     }