@lumx/react 4.3.2-alpha.44 → 4.3.2-alpha.46

package/index.js

@@ -109,7 +109,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$1b = {
+const DEFAULT_PROPS$1a = {
   size: Size$1.tiny,
   kind: Kind$1.info
 };
@@ -130,8 +130,8 @@ const AlertDialog = forwardRef((props, ref) => {
     className,
     cancelProps,
     confirmProps,
-    kind = DEFAULT_PROPS$1b.kind,
-    size = DEFAULT_PROPS$1b.size,
+    kind = DEFAULT_PROPS$1a.kind,
+    size = DEFAULT_PROPS$1a.size,
     dialogProps,
     children,
     ...forwardedProps
@@ -219,7 +219,7 @@ const AlertDialog = forwardRef((props, ref) => {
 });
 AlertDialog.displayName = COMPONENT_NAME$1k;
 AlertDialog.className = CLASSNAME$1j;
-AlertDialog.defaultProps = DEFAULT_PROPS$1b;
+AlertDialog.defaultProps = DEFAULT_PROPS$1a;
 
 /**
  * Hook focusing an element when defined and `focus` boolean `true`.
@@ -321,7 +321,7 @@ const CLASSNAME$1i = 'lumx-autocomplete';
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$1a = {
+const DEFAULT_PROPS$19 = {
   anchorToInput: false,
   closeOnClick: false,
   closeOnClickAway: true,
@@ -343,13 +343,13 @@ const Autocomplete = forwardRef((props, ref) => {
     otherProps
   } = useDisableStateProps(props);
   const {
-    anchorToInput = DEFAULT_PROPS$1a.anchorToInput,
+    anchorToInput = DEFAULT_PROPS$19.anchorToInput,
     children,
     chips,
     className,
-    closeOnClick = DEFAULT_PROPS$1a.closeOnClick,
-    closeOnClickAway = DEFAULT_PROPS$1a.closeOnClickAway,
-    closeOnEscape = DEFAULT_PROPS$1a.closeOnEscape,
+    closeOnClick = DEFAULT_PROPS$19.closeOnClick,
+    closeOnClickAway = DEFAULT_PROPS$19.closeOnClickAway,
+    closeOnEscape = DEFAULT_PROPS$19.closeOnEscape,
     error,
     fitToAnchorWidth,
     hasError,
@@ -370,7 +370,7 @@ const Autocomplete = forwardRef((props, ref) => {
     onInfiniteScroll,
     placeholder,
     placement,
-    shouldFocusOnClose = DEFAULT_PROPS$1a.shouldFocusOnClose,
+    shouldFocusOnClose = DEFAULT_PROPS$19.shouldFocusOnClose,
     theme = defaultTheme,
     value,
     textFieldProps = {},
@@ -425,7 +425,7 @@ const Autocomplete = forwardRef((props, ref) => {
 });
 Autocomplete.displayName = COMPONENT_NAME$1j;
 Autocomplete.className = CLASSNAME$1i;
-Autocomplete.defaultProps = DEFAULT_PROPS$1a;
+Autocomplete.defaultProps = DEFAULT_PROPS$19;
 
 /**
  * Component display name.
@@ -440,7 +440,7 @@ const CLASSNAME$1h = 'lumx-autocomplete-multiple';
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$19 = {
+const DEFAULT_PROPS$18 = {
   closeOnClickAway: true,
   closeOnEscape: true,
   selectedChipRender(choice, index, onClear, isDisabled) {
@@ -480,8 +480,8 @@ const AutocompleteMultiple = forwardRef((props, ref) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     chipsAlignment,
     className,
-    closeOnClickAway = DEFAULT_PROPS$19.closeOnClickAway,
-    closeOnEscape = DEFAULT_PROPS$19.closeOnEscape,
+    closeOnClickAway = DEFAULT_PROPS$18.closeOnClickAway,
+    closeOnEscape = DEFAULT_PROPS$18.closeOnEscape,
     fitToAnchorWidth,
     hasError,
     helper,
@@ -503,12 +503,12 @@ const AutocompleteMultiple = forwardRef((props, ref) => {
     onKeyDown,
     placeholder,
     placement,
-    selectedChipRender = DEFAULT_PROPS$19.selectedChipRender,
+    selectedChipRender = DEFAULT_PROPS$18.selectedChipRender,
     shouldFocusOnClose,
     theme = defaultTheme,
     type,
     value,
-    values = DEFAULT_PROPS$19.values,
+    values = DEFAULT_PROPS$18.values,
     ...forwardedProps
   } = otherProps;
   return /*#__PURE__*/jsx(Autocomplete, {
@@ -550,7 +550,7 @@ const AutocompleteMultiple = forwardRef((props, ref) => {
 });
 AutocompleteMultiple.displayName = COMPONENT_NAME$1i;
 AutocompleteMultiple.className = CLASSNAME$1h;
-AutocompleteMultiple.defaultProps = DEFAULT_PROPS$19;
+AutocompleteMultiple.defaultProps = DEFAULT_PROPS$18;
 
 /**
  * Component display name.
@@ -569,7 +569,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$18 = {
+const DEFAULT_PROPS$17 = {
   size: Size$1.m
 };
 
@@ -592,7 +592,7 @@ const Avatar = forwardRef((props, ref) => {
     linkAs,
     onClick,
     onKeyPress,
-    size = DEFAULT_PROPS$18.size,
+    size = DEFAULT_PROPS$17.size,
     theme = defaultTheme,
     thumbnailProps,
     ...forwardedProps
@@ -627,7 +627,7 @@ const Avatar = forwardRef((props, ref) => {
 });
 Avatar.displayName = COMPONENT_NAME$1h;
 Avatar.className = CLASSNAME$1g;
-Avatar.defaultProps = DEFAULT_PROPS$18;
+Avatar.defaultProps = DEFAULT_PROPS$17;
 
 /**
  * Alignments.
@@ -936,7 +936,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$17 = {
+const DEFAULT_PROPS$16 = {
   color: ColorPalette.primary
 };
 
@@ -950,7 +950,7 @@ const Badge$1 = props => {
   const {
     children,
     className,
-    color = DEFAULT_PROPS$17.color,
+    color = DEFAULT_PROPS$16.color,
     ref,
     ...forwardedProps
   } = props;
@@ -965,7 +965,7 @@ const Badge$1 = props => {
 };
 Badge$1.displayName = COMPONENT_NAME$1g;
 Badge$1.className = CLASSNAME$1f;
-Badge$1.defaultProps = DEFAULT_PROPS$17;
+Badge$1.defaultProps = DEFAULT_PROPS$16;
 
 /**
  * Defines the props of the component.
@@ -1191,7 +1191,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$16 = {
+const DEFAULT_PROPS$15 = {
   emphasis: Emphasis.high,
   size: Size.m
 };
@@ -1205,10 +1205,10 @@ const DEFAULT_PROPS$16 = {
 const Button$1 = props => {
   const {
     className,
-    emphasis = DEFAULT_PROPS$16.emphasis,
+    emphasis = DEFAULT_PROPS$15.emphasis,
     leftIcon,
     rightIcon,
-    size = DEFAULT_PROPS$16.size,
+    size = DEFAULT_PROPS$15.size,
     ...forwardedProps
   } = props;
   const buttonClassName = classnames(className, modifier({
@@ -1225,7 +1225,7 @@ const Button$1 = props => {
 };
 Button$1.displayName = COMPONENT_NAME$1d;
 Button$1.className = CLASSNAME$1d;
-Button$1.defaultProps = DEFAULT_PROPS$16;
+Button$1.defaultProps = DEFAULT_PROPS$15;
 
 /**
  * Properties of a component to use to determine it's name.
@@ -1300,7 +1300,7 @@ const Button = forwardRef((props, ref) => {
 });
 Button.displayName = COMPONENT_NAME$1d;
 Button.className = CLASSNAME$1d;
-Button.defaultProps = DEFAULT_PROPS$16;
+Button.defaultProps = DEFAULT_PROPS$15;
 
 const COMPONENT_NAME$1c = 'Icon';
 const IconClassName = 'lumx-icon';
@@ -1317,7 +1317,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$15 = {};
+const DEFAULT_PROPS$14 = {};
 
 /**
  * Icon component.
@@ -1397,7 +1397,7 @@ const Icon$1 = props => {
 };
 Icon$1.displayName = COMPONENT_NAME$1c;
 Icon$1.className = CLASSNAME$1c;
-Icon$1.defaultProps = DEFAULT_PROPS$15;
+Icon$1.defaultProps = DEFAULT_PROPS$14;
 
 /**
  * Component display name.
@@ -1412,7 +1412,7 @@ const CLASSNAME$1b = 'lumx-icon-button';
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$14 = {
+const DEFAULT_PROPS$13 = {
   emphasis: Emphasis.high,
   size: Size.m
 };
@@ -1425,11 +1425,11 @@ const DEFAULT_PROPS$14 = {
  */
 const IconButton$1 = props => {
   const {
-    emphasis = DEFAULT_PROPS$14.emphasis,
+    emphasis = DEFAULT_PROPS$13.emphasis,
     image,
     icon,
     label,
-    size = DEFAULT_PROPS$14.size,
+    size = DEFAULT_PROPS$13.size,
     ...forwardedProps
   } = props;
   const defaultChildren = image ? /*#__PURE__*/jsx("img", {
@@ -1450,7 +1450,7 @@ const IconButton$1 = props => {
 };
 IconButton$1.displayName = COMPONENT_NAME$1b;
 IconButton$1.className = CLASSNAME$1b;
-IconButton$1.defaultProps = DEFAULT_PROPS$14;
+IconButton$1.defaultProps = DEFAULT_PROPS$13;
 
 /**
  * IconButton component.
@@ -1494,7 +1494,7 @@ const IconButton = forwardRef((props, ref) => {
 });
 IconButton.displayName = COMPONENT_NAME$1b;
 IconButton.className = CLASSNAME$1b;
-IconButton.defaultProps = DEFAULT_PROPS$14;
+IconButton.defaultProps = DEFAULT_PROPS$13;
 
 /**
  * Component display name.
@@ -1509,7 +1509,7 @@ const CLASSNAME$1a = 'lumx-button-group';
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$13 = {};
+const DEFAULT_PROPS$12 = {};
 
 /**
  * ButtonGroup component.
@@ -1531,7 +1531,7 @@ const ButtonGroup$1 = props => {
 };
 ButtonGroup$1.displayName = COMPONENT_NAME$1a;
 ButtonGroup$1.className = CLASSNAME$1a;
-ButtonGroup$1.defaultProps = DEFAULT_PROPS$13;
+ButtonGroup$1.defaultProps = DEFAULT_PROPS$12;
 
 /**
  * ButtonGroup component.
@@ -1548,7 +1548,7 @@ const ButtonGroup = forwardRef((props, ref) => {
 });
 ButtonGroup.displayName = COMPONENT_NAME$1a;
 ButtonGroup.className = CLASSNAME$1a;
-ButtonGroup.defaultProps = DEFAULT_PROPS$13;
+ButtonGroup.defaultProps = DEFAULT_PROPS$12;
 
 const COMPONENT_NAME$19 = 'InputLabel';
 const InputLabelClassName = 'lumx-input-label';
@@ -1556,7 +1556,7 @@ const CLASSNAME$19 = InputLabelClassName;
 const {
   block: block$_
 } = bem(CLASSNAME$19);
-const DEFAULT_PROPS$12 = {};
+const DEFAULT_PROPS$11 = {};
 
 /**
  * InputLabel component.
@@ -1586,7 +1586,7 @@ function InputLabel$1(props) {
 }
 InputLabel$1.displayName = COMPONENT_NAME$19;
 InputLabel$1.className = CLASSNAME$19;
-InputLabel$1.defaultProps = DEFAULT_PROPS$12;
+InputLabel$1.defaultProps = DEFAULT_PROPS$11;
 
 const INPUT_HELPER_CONFIGURATION = {
   [Kind.error]: {
@@ -1615,7 +1615,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$11 = {
+const DEFAULT_PROPS$10 = {
   kind: Kind.info
 };
 
@@ -1626,7 +1626,7 @@ function InputHelper$1(props) {
   const {
     children,
     className,
-    kind = DEFAULT_PROPS$11.kind,
+    kind = DEFAULT_PROPS$10.kind,
     theme,
     ref,
     ...forwardedProps
@@ -1646,7 +1646,7 @@ function InputHelper$1(props) {
 }
 InputHelper$1.displayName = COMPONENT_NAME$18;
 InputHelper$1.className = CLASSNAME$18;
-InputHelper$1.defaultProps = DEFAULT_PROPS$11;
+InputHelper$1.defaultProps = DEFAULT_PROPS$10;
 
 const INTERMEDIATE_STATE = 'intermediate';
 
@@ -1761,7 +1761,7 @@ const Checkbox$1 = props => {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$10 = {};
+const DEFAULT_PROPS$$ = {};
 
 /**
  * Checkbox component.
@@ -1823,7 +1823,7 @@ const Checkbox = forwardRef((props, ref) => {
 });
 Checkbox.displayName = COMPONENT_NAME$17;
 Checkbox.className = CLASSNAME$17;
-Checkbox.defaultProps = DEFAULT_PROPS$10;
+Checkbox.defaultProps = DEFAULT_PROPS$$;
 
 /**
  * Wrap mouse event handler to stop event propagation.
@@ -1858,7 +1858,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$$ = {
+const DEFAULT_PROPS$_ = {
   size: Size$1.m
 };
 
@@ -1888,7 +1888,7 @@ const Chip = forwardRef((props, ref) => {
     onAfterClick,
     onBeforeClick,
     onClick,
-    size = DEFAULT_PROPS$$.size,
+    size = DEFAULT_PROPS$_.size,
     theme = defaultTheme,
     href,
     onKeyDown,
@@ -1960,7 +1960,7 @@ const Chip = forwardRef((props, ref) => {
 });
 Chip.displayName = COMPONENT_NAME$16;
 Chip.className = CLASSNAME$16;
-Chip.defaultProps = DEFAULT_PROPS$$;
+Chip.defaultProps = DEFAULT_PROPS$_;
 
 const INITIAL_STATE_ACTIVE_CHIP = -1;
 
@@ -2016,7 +2016,7 @@ const useChipGroupNavigation = (chips, onChipDeleted, initialActiveChip = INITIA
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$_ = {};
+const DEFAULT_PROPS$Z = {};
 
 /**
  * Component display name.
@@ -2051,7 +2051,7 @@ const InternalChipGroup = forwardRef((props, ref) => {
 });
 InternalChipGroup.displayName = COMPONENT_NAME$15;
 InternalChipGroup.className = CLASSNAME$15;
-InternalChipGroup.defaultProps = DEFAULT_PROPS$_;
+InternalChipGroup.defaultProps = DEFAULT_PROPS$Z;
 const ChipGroup = Object.assign(InternalChipGroup, {
   useChipGroupNavigation
 });
@@ -2263,7 +2263,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$Z = {
+const DEFAULT_PROPS$Y = {
   variant: CommentBlockVariant.indented
 };
 
@@ -2293,7 +2293,7 @@ const CommentBlock = forwardRef((props, ref) => {
     onMouseLeave,
     text,
     theme = defaultTheme,
-    variant = DEFAULT_PROPS$Z.variant,
+    variant = DEFAULT_PROPS$Y.variant,
     ...forwardedProps
   } = props;
   const hasChildren = Children.count(children) > 0;
@@ -2362,7 +2362,7 @@ const CommentBlock = forwardRef((props, ref) => {
 });
 CommentBlock.displayName = COMPONENT_NAME$14;
 CommentBlock.className = CLASSNAME$13;
-CommentBlock.defaultProps = DEFAULT_PROPS$Z;
+CommentBlock.defaultProps = DEFAULT_PROPS$Y;
 
 /**
  * Add a number of months from a date while resetting the day to prevent month length mismatches.
@@ -3467,7 +3467,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$Y = {
+const DEFAULT_PROPS$X = {
   size: Size$1.big,
   disableBodyScroll: true
 };
@@ -3498,11 +3498,11 @@ const Dialog = forwardRef((props, ref) => {
     parentElement,
     contentRef,
     preventAutoClose,
-    size = DEFAULT_PROPS$Y.size,
+    size = DEFAULT_PROPS$X.size,
     zIndex,
     dialogProps,
     onVisibilityChange,
-    disableBodyScroll = DEFAULT_PROPS$Y.disableBodyScroll,
+    disableBodyScroll = DEFAULT_PROPS$X.disableBodyScroll,
     preventCloseOnClick,
     preventCloseOnEscape,
     ...forwardedProps
@@ -3642,7 +3642,7 @@ const Dialog = forwardRef((props, ref) => {
 });
 Dialog.displayName = COMPONENT_NAME$10;
 Dialog.className = CLASSNAME$11;
-Dialog.defaultProps = DEFAULT_PROPS$Y;
+Dialog.defaultProps = DEFAULT_PROPS$X;
 
 /**
  * Component display name.
@@ -3686,7 +3686,7 @@ const Divider$1 = props => {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$X = {};
+const DEFAULT_PROPS$W = {};
 
 /**
  * Divider component.
@@ -3709,7 +3709,7 @@ const Divider = forwardRef((props, ref) => {
 });
 Divider.displayName = COMPONENT_NAME$$;
 Divider.className = CLASSNAME$10;
-Divider.defaultProps = DEFAULT_PROPS$X;
+Divider.defaultProps = DEFAULT_PROPS$W;
 
 /**
  * Component display name.
@@ -3934,7 +3934,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$W = {
+const DEFAULT_PROPS$V = {
   tabIndex: -1
 };
 
@@ -3953,7 +3953,7 @@ const InternalList = forwardRef((props, ref) => {
     isClickable,
     itemPadding,
     onListItemSelected,
-    tabIndex = DEFAULT_PROPS$W.tabIndex,
+    tabIndex = DEFAULT_PROPS$V.tabIndex,
     ...forwardedProps
   } = props;
   const adjustedItemPadding = itemPadding ?? (isClickable ? Size$1.big : undefined);
@@ -3969,7 +3969,7 @@ const InternalList = forwardRef((props, ref) => {
 });
 InternalList.displayName = COMPONENT_NAME$Z;
 InternalList.className = CLASSNAME$_;
-InternalList.defaultProps = DEFAULT_PROPS$W;
+InternalList.defaultProps = DEFAULT_PROPS$V;
 const List = Object.assign(InternalList, {
   useKeyboardListNavigation
 });
@@ -6414,7 +6414,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$V = {
+const DEFAULT_PROPS$U = {
   elevation: 3,
   placement: Placement.AUTO,
   focusAnchorOnClose: true,
@@ -6431,24 +6431,24 @@ const _InnerPopover = forwardRef((props, ref) => {
     className,
     closeOnClickAway,
     closeOnEscape,
-    elevation = DEFAULT_PROPS$V.elevation,
+    elevation = DEFAULT_PROPS$U.elevation,
     focusElement,
     hasArrow,
     isOpen,
     onClose,
     parentElement,
-    usePortal = DEFAULT_PROPS$V.usePortal,
-    focusAnchorOnClose = DEFAULT_PROPS$V.focusAnchorOnClose,
+    usePortal = DEFAULT_PROPS$U.usePortal,
+    focusAnchorOnClose = DEFAULT_PROPS$U.focusAnchorOnClose,
     withFocusTrap,
     boundaryRef,
     fitToAnchorWidth,
     fitWithinViewportHeight,
     focusTrapZoneElement,
     offset,
-    placement = DEFAULT_PROPS$V.placement,
+    placement = DEFAULT_PROPS$U.placement,
     style,
     theme,
-    zIndex = DEFAULT_PROPS$V.zIndex,
+    zIndex = DEFAULT_PROPS$U.zIndex,
     ...forwardedProps
   } = props;
   const popoverRef = useRef(null);
@@ -6534,7 +6534,7 @@ const Popover = skipRender(
 () => Boolean(DOCUMENT), _InnerPopover);
 Popover.displayName = COMPONENT_NAME$Y;
 Popover.className = CLASSNAME$Z;
-Popover.defaultProps = DEFAULT_PROPS$V;
+Popover.defaultProps = DEFAULT_PROPS$U;
 
 // The error margin in px we want to have for triggering infinite scroll
 const SCROLL_TRIGGER_MARGIN = 5;
@@ -6594,7 +6594,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$U = {
+const DEFAULT_PROPS$T = {
   closeOnClick: true,
   closeOnClickAway: true,
   closeOnEscape: true,
@@ -6617,18 +6617,18 @@ const Dropdown = forwardRef((props, ref) => {
     anchorRef,
     children,
     className,
-    closeOnClick = DEFAULT_PROPS$U.closeOnClick,
-    closeOnClickAway = DEFAULT_PROPS$U.closeOnClickAway,
-    closeOnEscape = DEFAULT_PROPS$U.closeOnEscape,
-    fitToAnchorWidth = DEFAULT_PROPS$U.fitToAnchorWidth,
-    fitWithinViewportHeight = DEFAULT_PROPS$U.fitWithinViewportHeight,
+    closeOnClick = DEFAULT_PROPS$T.closeOnClick,
+    closeOnClickAway = DEFAULT_PROPS$T.closeOnClickAway,
+    closeOnEscape = DEFAULT_PROPS$T.closeOnEscape,
+    fitToAnchorWidth = DEFAULT_PROPS$T.fitToAnchorWidth,
+    fitWithinViewportHeight = DEFAULT_PROPS$T.fitWithinViewportHeight,
     isOpen,
     offset,
-    focusAnchorOnClose = DEFAULT_PROPS$U.focusAnchorOnClose,
+    focusAnchorOnClose = DEFAULT_PROPS$T.focusAnchorOnClose,
     onClose,
     onInfiniteScroll,
-    placement = DEFAULT_PROPS$U.placement,
-    shouldFocusOnOpen = DEFAULT_PROPS$U.shouldFocusOnOpen,
+    placement = DEFAULT_PROPS$T.placement,
+    shouldFocusOnOpen = DEFAULT_PROPS$T.shouldFocusOnOpen,
     zIndex,
     ...forwardedProps
   } = props;
@@ -6674,7 +6674,7 @@ const Dropdown = forwardRef((props, ref) => {
 });
 Dropdown.displayName = COMPONENT_NAME$X;
 Dropdown.className = CLASSNAME$Y;
-Dropdown.defaultProps = DEFAULT_PROPS$U;
+Dropdown.defaultProps = DEFAULT_PROPS$T;
 
 /**
  * Component display name.
@@ -6693,7 +6693,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$T = {
+const DEFAULT_PROPS$S = {
   closeMode: 'unmount'
 };
 const isDragHandle = isComponent(DragHandle);
@@ -6711,7 +6711,7 @@ const ExpansionPanel = forwardRef((props, ref) => {
   const defaultTheme = useTheme() || Theme$1.light;
   const {
     className,
-    closeMode = DEFAULT_PROPS$T.closeMode,
+    closeMode = DEFAULT_PROPS$S.closeMode,
     children: anyChildren,
     hasBackground,
     hasHeaderDivider,
@@ -6828,11 +6828,11 @@ const ExpansionPanel = forwardRef((props, ref) => {
 });
 ExpansionPanel.displayName = COMPONENT_NAME$W;
 ExpansionPanel.className = CLASSNAME$X;
-ExpansionPanel.defaultProps = DEFAULT_PROPS$T;
+ExpansionPanel.defaultProps = DEFAULT_PROPS$S;
 
 const COMPONENT_NAME$V = 'Flag';
 const CLASSNAME$W = 'lumx-flag';
-const DEFAULT_PROPS$S = {};
+const DEFAULT_PROPS$R = {};
 const {
   block: block$N,
   element: element$B
@@ -6896,7 +6896,7 @@ const Flag = forwardRef((props, ref) => {
 });
 Flag.displayName = COMPONENT_NAME$V;
 Flag.className = CLASSNAME$W;
-Flag.defaultProps = DEFAULT_PROPS$S;
+Flag.defaultProps = DEFAULT_PROPS$R;
 
 /**
  * Defines the props of the component.
@@ -6989,7 +6989,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$R = {
+const DEFAULT_PROPS$Q = {
   gap: Size$1.big,
   orientation: Orientation$1.horizontal
 };
@@ -7019,8 +7019,8 @@ const BaseGenericBlock = forwardRef((props, ref) => {
     children,
     actions,
     actionsProps,
-    gap = DEFAULT_PROPS$R.gap,
-    orientation = DEFAULT_PROPS$R.orientation,
+    gap = DEFAULT_PROPS$Q.gap,
+    orientation = DEFAULT_PROPS$Q.orientation,
     contentProps,
     ...forwardedProps
   } = props;
@@ -7074,7 +7074,7 @@ const BaseGenericBlock = forwardRef((props, ref) => {
 });
 BaseGenericBlock.displayName = COMPONENT_NAME$T;
 BaseGenericBlock.className = CLASSNAME$U;
-BaseGenericBlock.defaultProps = DEFAULT_PROPS$R;
+BaseGenericBlock.defaultProps = DEFAULT_PROPS$Q;
 const GenericBlock = Object.assign(BaseGenericBlock, {
   Figure,
   Content,
@@ -7122,7 +7122,7 @@ const CLASSNAME$T = 'lumx-heading';
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$Q = {};
+const DEFAULT_PROPS$P = {};
 
 /**
  * Get Heading component common props
@@ -7223,7 +7223,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$P = {};
+const DEFAULT_PROPS$O = {};
 
 /**
  * Text component common props
@@ -7310,7 +7310,7 @@ const Text = forwardRef((props, ref) => {
 });
 Text.displayName = COMPONENT_NAME$R;
 Text.className = CLASSNAME$S;
-Text.defaultProps = DEFAULT_PROPS$P;
+Text.defaultProps = DEFAULT_PROPS$O;
 
 const HeadingLevelContext = /*#__PURE__*/createContext(defaultContext);
 
@@ -7347,7 +7347,7 @@ const Heading = forwardRef((props, ref) => {
 });
 Heading.displayName = COMPONENT_NAME$S;
 Heading.className = CLASSNAME$T;
-Heading.defaultProps = DEFAULT_PROPS$Q;
+Heading.defaultProps = DEFAULT_PROPS$P;
 
 /**
  * Computes the next heading level based on the optional prop level or the parent context level.
@@ -7398,7 +7398,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$O = {
+const DEFAULT_PROPS$N = {
   orientation: Orientation$1.horizontal,
   wrap: 'nowrap'
 };
@@ -7416,9 +7416,9 @@ const Grid = forwardRef((props, ref) => {
     className,
     gutter,
     hAlign,
-    orientation = DEFAULT_PROPS$O.orientation,
+    orientation = DEFAULT_PROPS$N.orientation,
     vAlign,
-    wrap = DEFAULT_PROPS$O.wrap,
+    wrap = DEFAULT_PROPS$N.wrap,
     ...forwardedProps
   } = props;
   return /*#__PURE__*/jsx("div", {
@@ -7436,7 +7436,7 @@ const Grid = forwardRef((props, ref) => {
 });
 Grid.displayName = COMPONENT_NAME$Q;
 Grid.className = CLASSNAME$R;
-Grid.defaultProps = DEFAULT_PROPS$O;
+Grid.defaultProps = DEFAULT_PROPS$N;
 
 /**
  * Component display name.
@@ -7494,7 +7494,7 @@ const CLASSNAME$P = 'lumx-grid-column';
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$N = {};
+const DEFAULT_PROPS$M = {};
 
 /**
  * The GridColumn is a layout component that can display children in a grid
@@ -7531,7 +7531,7 @@ const GridColumn$1 = props => {
 };
 GridColumn$1.displayName = COMPONENT_NAME$O;
 GridColumn$1.className = CLASSNAME$P;
-GridColumn$1.defaultProps = DEFAULT_PROPS$N;
+GridColumn$1.defaultProps = DEFAULT_PROPS$M;
 
 /**
  * Defines the props of the component.
@@ -7542,7 +7542,7 @@ GridColumn$1.defaultProps = DEFAULT_PROPS$N;
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$M = {};
+const DEFAULT_PROPS$L = {};
 
 /**
  * The GridColumn is a layout component that can display children in a grid
@@ -7561,7 +7561,7 @@ const GridColumn = forwardRef((props, ref) => {
 });
 GridColumn.displayName = COMPONENT_NAME$O;
 GridColumn.className = CLASSNAME$P;
-GridColumn.defaultProps = DEFAULT_PROPS$M;
+GridColumn.defaultProps = DEFAULT_PROPS$L;
 
 /**
  * Icon component.
@@ -7679,7 +7679,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$L = {
+const DEFAULT_PROPS$K = {
   captionPosition: ImageBlockCaptionPosition.below,
   align: Alignment.left
 };
@@ -7695,9 +7695,9 @@ const ImageBlock = forwardRef((props, ref) => {
   const defaultTheme = useTheme() || Theme$1.light;
   const {
     actions,
-    align = DEFAULT_PROPS$L.align,
+    align = DEFAULT_PROPS$K.align,
     alt,
-    captionPosition = DEFAULT_PROPS$L.captionPosition,
+    captionPosition = DEFAULT_PROPS$K.captionPosition,
     captionStyle,
     className,
     description,
@@ -7751,7 +7751,7 @@ const ImageBlock = forwardRef((props, ref) => {
 });
 ImageBlock.displayName = COMPONENT_NAME$N;
 ImageBlock.className = CLASSNAME$O;
-ImageBlock.defaultProps = DEFAULT_PROPS$L;
+ImageBlock.defaultProps = DEFAULT_PROPS$K;
 
 /**
  * Component display name.
@@ -8511,7 +8511,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$K = {};
+const DEFAULT_PROPS$J = {};
 
 /**
  * InlineList component.
@@ -8564,7 +8564,7 @@ const InlineList = forwardRef((props, ref) => {
 });
 InlineList.displayName = COMPONENT_NAME$L;
 InlineList.className = CLASSNAME$M;
-InlineList.defaultProps = DEFAULT_PROPS$K;
+InlineList.defaultProps = DEFAULT_PROPS$J;
 
 /**
  * InputHelper component.
@@ -8742,6 +8742,10 @@ const Lightbox = forwardRef((props, ref) => {
 Lightbox.displayName = COMPONENT_NAME$K;
 Lightbox.className = CLASSNAME$L;
 
+/**
+ * Defines the props of the component.
+ */
+
 /**
  * Component display name.
  */
@@ -8752,104 +8756,52 @@ const COMPONENT_NAME$J = 'Link';
  */
 const CLASSNAME$K = 'lumx-link';
 const {
-  block: block$E,
-  element: element$u
+  block: block$E
 } = bem(CLASSNAME$K);
 
 /**
- * Link component (Core UI).
+ * Link component.
  *
  * @param  props Component props.
  * @return JSX element.
  */
 const Link$1 = props => {
   const {
-    label,
+    children,
     className,
     color: propColor,
     colorVariant: propColorVariant,
-    leftIcon,
-    rightIcon,
     typography: typography$1,
-    as,
+    linkAs,
+    handleClick,
     ref,
-    isDisabled,
-    theme,
     href,
-    target,
-    handleClick,
     ...forwardedProps
   } = props;
   const [color, colorVariant] = resolveColorWithVariants(propColor, propColorVariant);
-
-  // Determine element type
-  const ElementType = as || (href ? 'a' : 'button');
-
-  // Build disabled props
-  const disabledProps = {};
-  if (isDisabled) {
-    if (ElementType === 'button' || !href && !as) {
-      disabledProps.disabled = true;
-    } else {
-      disabledProps['aria-disabled'] = true;
-      disabledProps.tabIndex = -1;
-    }
-  }
-
-  // Build class name
-  const combinedClassName = classnames(className, block$E({
-    [`color-${color}`]: Boolean(color),
-    [`color-variant-${colorVariant}`]: Boolean(colorVariant),
-    'has-typography': !!typography$1
-  }), typography$1 && typography(typography$1));
-
-  // Build content with proper spacing for icons
-  const content = /*#__PURE__*/jsxs(Fragment, {
-    children: [leftIcon && /*#__PURE__*/jsxs(Fragment, {
-      children: [" ", Icon$1({
-        icon: leftIcon,
-        className: element$u('left-icon')
-      }), " "]
-    }), label && /*#__PURE__*/jsx("span", {
-      className: element$u('content'),
-      children: label
-    }), rightIcon && /*#__PURE__*/jsxs(Fragment, {
-      children: [" ", Icon$1({
-        icon: rightIcon,
-        className: element$u('right-icon')
-      }), " "]
-    })]
-  });
-
-  // Build element props
-  const elementProps = {
+  return RawClickable({
     ref,
-    className: combinedClassName,
-    onClick: isDisabled ? undefined : handleClick,
+    as: linkAs || (href ? 'a' : 'button'),
+    href,
     ...forwardedProps,
-    ...disabledProps
-  };
-  if (href) {
-    elementProps.href = href;
-  }
-  if (target) {
-    elementProps.target = target;
-  }
-  return /*#__PURE__*/jsx(ElementType, {
-    ...elementProps,
-    children: content
+    handleClick,
+    children,
+    className: classnames(className, block$E({
+      [`color-${color}`]: Boolean(color),
+      [`color-variant-${colorVariant}`]: Boolean(colorVariant),
+      'has-typography': !!typography$1
+    }), typography$1 && typography(typography$1))
   });
 };
 
+const {
+  element: element$u
+} = classNames.bem(CLASSNAME$K);
+
 /**
  * Defines the props of the component.
  */
 
-/**
- * Component default props.
- */
-const DEFAULT_PROPS$J = {};
-
 /**
  * Link component.
  *
@@ -8859,42 +8811,39 @@ const DEFAULT_PROPS$J = {};
  */
 const Link = forwardRef((props, ref) => {
   const {
-    isAnyDisabled,
     disabledStateProps,
     otherProps
   } = useDisableStateProps(props);
   const {
     children,
-    className,
-    color,
-    colorVariant,
     leftIcon,
     rightIcon,
-    typography,
     linkAs,
+    onClick,
     ...forwardedProps
   } = otherProps;
-
-  // Wrap children with spaces if they contain icons
-  const label = wrapChildrenIconWithSpaces(children);
   return Link$1({
     ref,
-    label,
-    className,
-    color,
-    colorVariant,
-    leftIcon,
-    rightIcon,
-    typography,
-    as: linkAs,
-    ...forwardedProps,
     ...disabledStateProps,
-    isDisabled: isAnyDisabled
+    ...forwardedProps,
+    linkAs,
+    handleClick: onClick,
+    children: wrapChildrenIconWithSpaces(/*#__PURE__*/jsxs(Fragment, {
+      children: [leftIcon && /*#__PURE__*/jsx(Icon, {
+        icon: leftIcon,
+        className: element$u('left-icon')
+      }), children && /*#__PURE__*/jsx("span", {
+        className: element$u('content'),
+        children: children
+      }), rightIcon && /*#__PURE__*/jsx(Icon, {
+        icon: rightIcon,
+        className: element$u('right-icon')
+      })]
+    }))
   });
 });
 Link.displayName = COMPONENT_NAME$J;
 Link.className = CLASSNAME$K;
-Link.defaultProps = DEFAULT_PROPS$J;
 
 /**
  * Component display name.
@@ -15434,5 +15383,5 @@ UserBlock.displayName = COMPONENT_NAME;
 UserBlock.className = CLASSNAME;
 UserBlock.defaultProps = DEFAULT_PROPS;
 
-export { AlertDialog, Autocomplete, AutocompleteMultiple, Avatar, Badge, BadgeWrapper, Button, ButtonGroup, CLASSNAME$1d as CLASSNAME, COMPONENT_NAME$1d as COMPONENT_NAME, Checkbox, Chip, ChipGroup, CommentBlock, CommentBlockVariant, DEFAULT_PROPS$16 as DEFAULT_PROPS, DatePicker, DatePickerControlled, DatePickerField, Dialog, Divider, DragHandle, Dropdown, ExpansionPanel, Flag, FlexBox, GenericBlock, GenericBlockGapSize, Grid, GridColumn, GridItem, Heading, HeadingLevelProvider, Icon, IconButton, ImageBlock, ImageBlockCaptionPosition, ImageLightbox, InlineList, InputHelper, InputLabel, Lightbox, Link, LinkPreview, List, ListDivider, ListItem, ListSubheader, Message, Mosaic, Navigation, Notification, Placement, Popover, PopoverDialog, PostBlock, Progress, ProgressCircular, ProgressLinear, ProgressTracker, ProgressTrackerProvider, ProgressTrackerStep, ProgressTrackerStepPanel, ProgressVariant, RadioButton, RadioGroup, RawInputText, RawInputTextarea, Select, SelectMultiple, SelectMultipleField, SelectVariant, SelectionChipGroup, SideNavigation, SideNavigationItem, SkeletonCircle, SkeletonRectangle, SkeletonRectangleVariant, SkeletonTypography, Slider, Slides, Slideshow, SlideshowControls, SlideshowItem, Switch, Tab, TabList, TabListLayout, TabPanel, TabProvider, Table, TableBody, TableCell, TableCellVariant, TableHeader, TableRow, Text, TextField, ThOrder, ThemeProvider, Thumbnail, ThumbnailAspectRatio, ThumbnailObjectFit, ThumbnailVariant, Toolbar, Tooltip, Uploader, UploaderVariant, UserBlock, clamp, isClickable, useFocusPointStyle, useHeadingLevel, useTheme };
+export { AlertDialog, Autocomplete, AutocompleteMultiple, Avatar, Badge, BadgeWrapper, Button, ButtonGroup, CLASSNAME$1d as CLASSNAME, COMPONENT_NAME$1d as COMPONENT_NAME, Checkbox, Chip, ChipGroup, CommentBlock, CommentBlockVariant, DEFAULT_PROPS$15 as DEFAULT_PROPS, DatePicker, DatePickerControlled, DatePickerField, Dialog, Divider, DragHandle, Dropdown, ExpansionPanel, Flag, FlexBox, GenericBlock, GenericBlockGapSize, Grid, GridColumn, GridItem, Heading, HeadingLevelProvider, Icon, IconButton, ImageBlock, ImageBlockCaptionPosition, ImageLightbox, InlineList, InputHelper, InputLabel, Lightbox, Link, LinkPreview, List, ListDivider, ListItem, ListSubheader, Message, Mosaic, Navigation, Notification, Placement, Popover, PopoverDialog, PostBlock, Progress, ProgressCircular, ProgressLinear, ProgressTracker, ProgressTrackerProvider, ProgressTrackerStep, ProgressTrackerStepPanel, ProgressVariant, RadioButton, RadioGroup, RawInputText, RawInputTextarea, Select, SelectMultiple, SelectMultipleField, SelectVariant, SelectionChipGroup, SideNavigation, SideNavigationItem, SkeletonCircle, SkeletonRectangle, SkeletonRectangleVariant, SkeletonTypography, Slider, Slides, Slideshow, SlideshowControls, SlideshowItem, Switch, Tab, TabList, TabListLayout, TabPanel, TabProvider, Table, TableBody, TableCell, TableCellVariant, TableHeader, TableRow, Text, TextField, ThOrder, ThemeProvider, Thumbnail, ThumbnailAspectRatio, ThumbnailObjectFit, ThumbnailVariant, Toolbar, Tooltip, Uploader, UploaderVariant, UserBlock, clamp, isClickable, useFocusPointStyle, useHeadingLevel, useTheme };
 //# sourceMappingURL=index.js.map