@lumx/react 4.2.1-alpha.12 → 4.2.1-alpha.14

package/index.js

@@ -1018,9 +1018,9 @@ const RawClickable$1 = props => {
     };
   }
   return /*#__PURE__*/jsx(Component, {
+    "aria-disabled": isAnyDisabled || undefined,
     ...forwardedProps,
     ...clickableProps,
-    "aria-disabled": isAnyDisabled || undefined,
     onClick: event => {
       if (isAnyDisabled) {
         event.stopPropagation();
@@ -6449,7 +6449,10 @@ const {
  * @param  props Component props.
  * @return JSX element.
  */
-const Flag$1 = props => {
+const Flag$1 = (props, nestedComponents) => {
+  const {
+    Text
+  } = nestedComponents || {};
   const {
     children,
     icon,
@@ -6457,7 +6460,6 @@ const Flag$1 = props => {
     className,
     theme,
     truncate,
-    Text,
     ...forwardedProps
   } = props;
   const flagColor = color || (theme === Theme.light ? ColorPalette.dark : ColorPalette.light);
@@ -6474,7 +6476,7 @@ const Flag$1 = props => {
       className: element$B('icon')
     }), /*#__PURE__*/jsx(Text, {
       as: "span",
-      truncate: !!truncate,
+      truncate: !!props.truncate,
       typography: "overline",
       className: element$B('label'),
       children: children
@@ -6495,7 +6497,8 @@ const Flag = forwardRef((props, ref) => {
     ...props,
     theme: props.theme || defaultTheme,
     ref,
-    children: props.label,
+    children: props.label
+  }, {
     Text
   });
 });
@@ -9298,7 +9301,7 @@ const Notification = forwardRef((props, ref) => {
   const hasAction = Boolean(onActionClick) && Boolean(actionLabel);
   const handleCallback = evt => {
     if (isFunction(onActionClick)) {
-      onActionClick(evt);
+      onActionClick();
     }
     evt.stopPropagation();
   };