@lumx/react 4.1.0 → 4.1.1-alpha.0

package/index.d.ts

@@ -1,7 +1,7 @@
 import { Kind as Kind$1, HorizontalAlignment, Size as Size$1, ColorPalette as ColorPalette$1, Emphasis, Alignment, VerticalAlignment, Orientation, ColorWithVariants as ColorWithVariants$1, ColorVariant as ColorVariant$1, Typography as Typography$1, WhiteSpace, AspectRatio, GlobalSize, TypographyInterface as TypographyInterface$1, Theme as Theme$1 } from '@lumx/core/js/constants';
 export * from '@lumx/core/js/constants';
 import * as _lumx_core_js_types from '@lumx/core/js/types';
-import { GenericProps as GenericProps$1, HasTheme as HasTheme$1, ValueOf, HasCloseMode, TextElement, HeadingElement, Falsy, HasClassName as HasClassName$1, HasAriaLabelOrLabelledBy } from '@lumx/core/js/types';
+import { GenericProps as GenericProps$1, HasTheme as HasTheme$1, ValueOf, HasCloseMode, TextElement, HeadingElement, Falsy, HasClassName as HasClassName$1, HasRequiredLinkHref, HasAriaLabelOrLabelledBy } from '@lumx/core/js/types';
 export * from '@lumx/core/js/types';
 import * as React$1 from 'react';
 import React__default, { Ref, ReactElement, ReactNode, SyntheticEvent, MouseEventHandler, KeyboardEventHandler, AriaAttributes, DetailedHTMLProps, ButtonHTMLAttributes, InputHTMLAttributes, RefObject, ImgHTMLAttributes, CSSProperties, SetStateAction, Key, ElementType, ComponentProps } from 'react';
@@ -31,10 +31,6 @@ type ComponentRef<C> = C extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElem
     ref?: infer R;
 }> ? R : never;
 
-type HasRequiredLinkHref<E> = E extends 'a' ? {
-    href: string;
-} : Record<string, unknown>;
-
 interface AlertDialogProps extends Omit<DialogProps, 'header' | 'footer'> {
     /** Message variant. */
     kind?: Kind$1;

package/index.js

@@ -861,7 +861,7 @@ const forwardRefPolymorphic = React__default.forwardRef;
  * Render clickable element (link, button or custom element)
  * (also does some basic disabled state handling)
  */
-const RawClickable = forwardRefPolymorphic((props, ref) => {
+const RawClickable$1 = props => {
   const {
     children,
     onClick,
@@ -885,7 +885,6 @@ const RawClickable = forwardRefPolymorphic((props, ref) => {
     };
   }
   return /*#__PURE__*/jsx(Component, {
-    ref: ref,
     "aria-disabled": isAnyDisabled || undefined,
     ...forwardedProps,
     ...clickableProps,
@@ -899,6 +898,17 @@ const RawClickable = forwardRefPolymorphic((props, ref) => {
     },
     children: children
   });
+};
+
+/**
+ * Render clickable element (link, button or custom element)
+ * (also does some basic disabled state handling)
+ */
+const RawClickable = forwardRefPolymorphic((props, ref) => {
+  return RawClickable$1({
+    ref,
+    ...props
+  });
 });
 
 /**
@@ -6736,7 +6746,6 @@ const DEFAULT_PROPS$J = {};
  * Icon component.
  *
  * @param  props Component props.
- * @param  ref   Component ref.
  */
 const Icon$1 = props => {
   const {