@lumx/react 3.20.1-alpha.11 → 3.20.1-alpha.12

package/index.js

@@ -1,67 +1,67 @@
-export { A as Alignment, i as AspectRatio, C as CSS_PREFIX, j as ColorPalette, k as ColorVariant, D as DIALOG_TRANSITION_DURATION, E as EXPANSION_PANEL_TRANSITION_DURATION, d as Emphasis, K as Kind, N as NOTIFICATION_TRANSITION_DURATION, O as Orientation, S as SLIDESHOW_TRANSITION_DURATION, c as Size, T as TOOLTIP_HOVER_DELAY, a as TOOLTIP_LONG_PRESS_DELAY, b as Theme, h as Typography, g as TypographyCustom, e as TypographyInterface, f as TypographyTitleCustom, W as WhiteSpace } from './_internal/d3321a86.js';
+export { A as Alignment, i as AspectRatio, C as CSS_PREFIX, j as ColorPalette, k as ColorVariant, D as DIALOG_TRANSITION_DURATION, E as EXPANSION_PANEL_TRANSITION_DURATION, d as Emphasis, K as Kind, N as NOTIFICATION_TRANSITION_DURATION, O as Orientation, S as SLIDESHOW_TRANSITION_DURATION, c as Size, T as TOOLTIP_HOVER_DELAY, a as TOOLTIP_LONG_PRESS_DELAY, b as Theme, h as Typography, g as TypographyCustom, e as TypographyInterface, f as TypographyTitleCustom, W as WhiteSpace } from './_internal/6589b796.js';
 export { T as ThemeProvider, u as useTheme } from './_internal/3181f000.js';
-export { AlertDialog } from './_internal/07e0bd90.js';
-export { Autocomplete, AutocompleteMultiple } from './_internal/87bada02.js';
-export { Avatar } from './_internal/bc4cb4c0.js';
-export { Badge, BadgeWrapper } from './_internal/80e5c950.js';
-export { a as Button, B as ButtonEmphasis } from './_internal/baa0a23b.js';
-export { I as IconButton } from './_internal/7b214f74.js';
-export { ButtonGroup } from './_internal/43262bfe.js';
-export { Checkbox } from './_internal/38b3ecf3.js';
-export { C as Chip } from './_internal/e2440593.js';
-export { ChipGroup } from './_internal/9452daf7.js';
-export { CommentBlock, CommentBlockVariant } from './_internal/5ba8fae8.js';
-export { D as DatePicker, a as DatePickerControlled, b as DatePickerField, P as PopoverDialog } from './_internal/1aaa0341.js';
-export { Dialog } from './_internal/bba7d4c4.js';
-export { Divider } from './_internal/3683d267.js';
-export { DragHandle } from './_internal/f57d4eb8.js';
-export { Dropdown } from './_internal/2938a251.js';
-export { ExpansionPanel } from './_internal/bdd41804.js';
-export { Flag } from './_internal/e566d502.js';
-export { FlexBox } from './_internal/64046d7a.js';
-export { GenericBlock, GenericBlockGapSize } from './_internal/cb036703.js';
-export { Heading } from './_internal/4c5a7b63.js';
-export { H as HeadingLevelProvider, u as useHeadingLevel } from './_internal/30f4c83c.js';
-export { Grid, GridItem } from './_internal/2c7942af.js';
-export { GridColumn } from './_internal/e4613195.js';
-export { I as Icon } from './_internal/4e1dde79.js';
-export { ImageBlock, ImageBlockCaptionPosition } from './_internal/9cfa3e10.js';
-export { ImageLightbox } from './_internal/60f8e509.js';
-export { InlineList } from './_internal/1eab656b.js';
-export { InputHelper } from './_internal/fc47f2da.js';
-export { InputLabel } from './_internal/9210e2f3.js';
-export { Lightbox } from './_internal/742d4906.js';
-export { Link } from './_internal/1921f348.js';
-export { LinkPreview } from './_internal/32698205.js';
-export { L as List, a as ListItem, i as isClickable } from './_internal/1ce667fb.js';
-export { ListDivider, ListSubheader } from './_internal/0f4b35b2.js';
-export { Message } from './_internal/4d92e13b.js';
-export { Mosaic } from './_internal/b925072d.js';
-export { Navigation } from './_internal/2d6bde7d.js';
-export { Notification } from './_internal/18334f0d.js';
-export { P as Placement } from './_internal/407735b4.js';
-export { P as Popover } from './_internal/72407886.js';
-export { PostBlock } from './_internal/a67f26a8.js';
-export { Progress, ProgressCircular, ProgressLinear, ProgressVariant } from './_internal/881714a1.js';
-export { ProgressTracker, ProgressTrackerProvider, ProgressTrackerStep, ProgressTrackerStepPanel } from './_internal/aafcf80e.js';
-export { RadioButton, RadioGroup } from './_internal/9cf0d217.js';
-export { Select, SelectMultiple, SelectMultipleField, SelectVariant } from './_internal/e53b5a39.js';
-export { SideNavigation, SideNavigationItem } from './_internal/21cf275f.js';
-export { SkeletonCircle, SkeletonRectangle, SkeletonRectangleVariant, SkeletonTypography } from './_internal/cdc3efab.js';
-export { Slider, clamp } from './_internal/0a31e895.js';
-export { Slideshow } from './_internal/77eb8ef3.js';
-export { b as Slides, a as SlideshowControls, S as SlideshowItem } from './_internal/85d992d2.js';
-export { Switch } from './_internal/70cf341b.js';
-export { Table, TableBody, TableCell, TableCellVariant, TableHeader, TableRow, ThOrder } from './_internal/9d8130ae.js';
-export { Tab, TabList, TabListLayout, TabPanel, TabProvider } from './_internal/2368cb68.js';
-export { T as Text } from './_internal/8fcceef3.js';
-export { TextField } from './_internal/3646abc3.js';
-export { T as Thumbnail, u as useFocusPointStyle } from './_internal/714809cc.js';
-export { ThumbnailAspectRatio, ThumbnailObjectFit, ThumbnailVariant } from './_internal/95a2e851.js';
-export { Toolbar } from './_internal/1e4b7ad5.js';
-export { Tooltip } from './_internal/d6b3a3c0.js';
-export { Uploader, UploaderVariant } from './_internal/ee64ab0d.js';
-export { UserBlock } from './_internal/dd0a245d.js';
+export { AlertDialog } from './_internal/3a4e4636.js';
+export { Autocomplete, AutocompleteMultiple } from './_internal/179a84d1.js';
+export { Avatar } from './_internal/74a4a214.js';
+export { Badge, BadgeWrapper } from './_internal/9c9df5f2.js';
+export { a as Button, B as ButtonEmphasis } from './_internal/a34639bd.js';
+export { I as IconButton } from './_internal/0a490b07.js';
+export { ButtonGroup } from './_internal/f93fe83e.js';
+export { Checkbox } from './_internal/f0900583.js';
+export { C as Chip } from './_internal/85e3a5ca.js';
+export { ChipGroup } from './_internal/c0414b89.js';
+export { CommentBlock, CommentBlockVariant } from './_internal/21b83d16.js';
+export { D as DatePicker, a as DatePickerControlled, b as DatePickerField, P as PopoverDialog } from './_internal/b1af5979.js';
+export { Dialog } from './_internal/2f1716fa.js';
+export { Divider } from './_internal/3e653144.js';
+export { DragHandle } from './_internal/1a90ea3d.js';
+export { Dropdown } from './_internal/1ea72630.js';
+export { ExpansionPanel } from './_internal/68c10f98.js';
+export { Flag } from './_internal/c2388b10.js';
+export { FlexBox } from './_internal/329b5f12.js';
+export { GenericBlock, GenericBlockGapSize } from './_internal/a84f4981.js';
+export { Heading } from './_internal/193521fa.js';
+export { H as HeadingLevelProvider, u as useHeadingLevel } from './_internal/370bdaed.js';
+export { Grid, GridItem } from './_internal/2f6c7f84.js';
+export { GridColumn } from './_internal/501f2f9f.js';
+export { I as Icon } from './_internal/8ab42752.js';
+export { ImageBlock, ImageBlockCaptionPosition } from './_internal/690ca33e.js';
+export { ImageLightbox } from './_internal/7f54e947.js';
+export { InlineList } from './_internal/15eab19b.js';
+export { InputHelper } from './_internal/5f8f9454.js';
+export { InputLabel } from './_internal/b0a7a999.js';
+export { Lightbox } from './_internal/86aa4aa4.js';
+export { Link } from './_internal/66f691d3.js';
+export { LinkPreview } from './_internal/a003602b.js';
+export { L as List, a as ListItem, i as isClickable } from './_internal/f5508d3d.js';
+export { ListDivider, ListSubheader } from './_internal/95cfd814.js';
+export { Message } from './_internal/0be1006e.js';
+export { Mosaic } from './_internal/e52f0d3f.js';
+export { Navigation } from './_internal/1deba7d7.js';
+export { Notification } from './_internal/5ec059fe.js';
+export { P as Placement } from './_internal/4cd870a5.js';
+export { P as Popover } from './_internal/84dfe68f.js';
+export { PostBlock } from './_internal/6ca04271.js';
+export { Progress, ProgressCircular, ProgressLinear, ProgressVariant } from './_internal/f23cdf84.js';
+export { ProgressTracker, ProgressTrackerProvider, ProgressTrackerStep, ProgressTrackerStepPanel } from './_internal/edab29ce.js';
+export { RadioButton, RadioGroup } from './_internal/c459a04d.js';
+export { Select, SelectMultiple, SelectMultipleField, SelectVariant } from './_internal/297bed8f.js';
+export { SideNavigation, SideNavigationItem } from './_internal/b477da26.js';
+export { SkeletonCircle, SkeletonRectangle, SkeletonRectangleVariant, SkeletonTypography } from './_internal/6da19518.js';
+export { Slider, clamp } from './_internal/db4fdc7b.js';
+export { Slideshow } from './_internal/eaa8b1d8.js';
+export { b as Slides, a as SlideshowControls, S as SlideshowItem } from './_internal/34c59f5b.js';
+export { Switch } from './_internal/4962be5b.js';
+export { Table, TableBody, TableCell, TableCellVariant, TableHeader, TableRow, ThOrder } from './_internal/be6da9b0.js';
+export { Tab, TabList, TabListLayout, TabPanel, TabProvider } from './_internal/65f91970.js';
+export { T as Text } from './_internal/0420e67b.js';
+export { TextField } from './_internal/b0b2e33d.js';
+export { T as Thumbnail, u as useFocusPointStyle } from './_internal/628468c4.js';
+export { ThumbnailAspectRatio, ThumbnailObjectFit, ThumbnailVariant } from './_internal/76be70dd.js';
+export { Toolbar } from './_internal/bae266a9.js';
+export { Tooltip } from './_internal/9a4dfad0.js';
+export { Uploader, UploaderVariant } from './_internal/9fdc715b.js';
+export { UserBlock } from './_internal/0d1a078c.js';
 
 /**
  * The down key code.

package/package.json

@@ -6,8 +6,8 @@
         "url": "https://github.com/lumapps/design-system/issues"
     },
     "dependencies": {
-        "@lumx/core": "^3.20.1-alpha.11",
-        "@lumx/icons": "^3.20.1-alpha.11",
+        "@lumx/core": "^3.20.1-alpha.12",
+        "@lumx/icons": "^3.20.1-alpha.12",
         "@popperjs/core": "^2.5.4",
         "body-scroll-lock": "^3.1.5",
         "classnames": "^2.3.2",
@@ -16,14 +16,6 @@
     },
     "devDependencies": {
         "@babel/core": "^7.26.10",
-        "@babel/plugin-proposal-class-properties": "^7.18.6",
-        "@babel/plugin-proposal-export-default-from": "^7.25.9",
-        "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
-        "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
-        "@babel/plugin-proposal-optional-chaining": "^7.21.0",
-        "@babel/plugin-proposal-private-methods": "^7.18.6",
-        "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-        "@babel/preset-env": "^7.26.9",
         "@babel/preset-react": "^7.26.3",
         "@babel/preset-typescript": "^7.26.0",
         "@chromatic-com/storybook": "^4.1.1",
@@ -103,5 +95,5 @@
         "build:storybook": "storybook build"
     },
     "sideEffects": false,
-    "version": "3.20.1-alpha.11"
+    "version": "3.20.1-alpha.12"
 }

package/utils/index.js

@@ -1,4 +1,4 @@
-export { C as ClickAwayProvider } from '../_internal/bcce6ceb.js';
-export { P as Portal, a as PortalProvider } from '../_internal/c43d098b.js';
-export { D as DisabledStateProvider, u as useDisabledStateContext } from '../_internal/077b7bef.js';
+export { C as ClickAwayProvider } from '../_internal/7093ba23.js';
+export { P as Portal, a as PortalProvider } from '../_internal/3f86608e.js';
+export { D as DisabledStateProvider, u as useDisabledStateContext } from '../_internal/ea04260d.js';
 //# sourceMappingURL=index.js.map

package/_internal/1921f348.js

@@ -1,72 +0,0 @@
-import { m as getRootClassName, n as forwardRef, _ as _extends, l as classNames } from './d3321a86.js';
-import { h as handleBasicClasses } from './4ceaf17c.js';
-import { g as getTypographyClassName } from './d0dd1815.js';
-import { r as resolveColorWithVariants } from './7b221b05.js';
-import { w as wrapChildrenIconWithSpaces } from './7c4f4643.js';
-import { R as RawClickable } from './432c85a7.js';
-import { u as useDisableStateProps } from './60923026.js';
-import { I as Icon } from './4e1dde79.js';
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Link';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Link component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Link = forwardRef((props, ref) => {
-  const {
-    disabledStateProps,
-    otherProps
-  } = useDisableStateProps(props);
-  const {
-    children,
-    className,
-    color: propColor,
-    colorVariant: propColorVariant,
-    leftIcon,
-    rightIcon,
-    typography,
-    linkAs,
-    ...forwardedProps
-  } = otherProps;
-  const [color, colorVariant] = resolveColorWithVariants(propColor, propColorVariant);
-  return /*#__PURE__*/React.createElement(RawClickable, _extends({
-    ref: ref,
-    as: linkAs || (forwardedProps.href ? 'a' : 'button')
-  }, forwardedProps, disabledStateProps, {
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      color,
-      colorVariant,
-      hasTypography: !!typography
-    }), typography && getTypographyClassName(typography))
-  }), wrapChildrenIconWithSpaces(/*#__PURE__*/React.createElement(React.Fragment, null, leftIcon && /*#__PURE__*/React.createElement(Icon, {
-    icon: leftIcon,
-    className: `${CLASSNAME}__left-icon`
-  }), children && /*#__PURE__*/React.createElement("span", {
-    className: `${CLASSNAME}__content`
-  }, children), rightIcon && /*#__PURE__*/React.createElement(Icon, {
-    icon: rightIcon,
-    className: `${CLASSNAME}__right-icon`
-  }))));
-});
-Link.displayName = COMPONENT_NAME;
-Link.className = CLASSNAME;
-
-export { Link };
-//# sourceMappingURL=1921f348.js.map

package/_internal/286fc728.js

@@ -1,2 +0,0 @@
-export { D as DatePicker, a as DatePickerControlled, b as DatePickerField } from './1aaa0341.js';
-//# sourceMappingURL=286fc728.js.map

package/_internal/286fc728.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"286fc728.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/2d6bde7d.js

@@ -1,209 +0,0 @@
-import { m as getRootClassName, l as classNames, _ as _extends, c as Size, O as Orientation, n as forwardRef, b as Theme } from './d3321a86.js';
-import { h as handleBasicClasses } from './4ceaf17c.js';
-import { u as useTheme, T as ThemeProvider } from './3181f000.js';
-import { createContext, useState, useRef, useContext } from 'react';
-import { u as useId } from './3a1facc0.js';
-import { f as forwardRefPolymorphic, R as RawClickable } from './432c85a7.js';
-import { u as useOverflowTooltipLabel, T as Text } from './8fcceef3.js';
-import { Tooltip } from './d6b3a3c0.js';
-import { P as Placement } from './407735b4.js';
-import { I as Icon } from './4e1dde79.js';
-import { P as Popover } from './72407886.js';
-import { m as mdiChevronUp, a as mdiChevronDown } from './0b9c76cb.js';
-
-/**
- * Navigation item props
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME$2 = 'NavigationItem';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME$2 = getRootClassName(COMPONENT_NAME$2);
-const NavigationItem = Object.assign(forwardRefPolymorphic((props, ref) => {
-  const {
-    className,
-    icon,
-    label,
-    isCurrentPage,
-    as: Element = 'a',
-    ...forwardedProps
-  } = props;
-  const theme = useTheme();
-  const {
-    tooltipLabel,
-    labelRef
-  } = useOverflowTooltipLabel(label);
-  return /*#__PURE__*/React.createElement("li", {
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME$2,
-      theme
-    }))
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    label: tooltipLabel,
-    placement: Placement.TOP
-  }, /*#__PURE__*/React.createElement(RawClickable, _extends({
-    as: Element,
-    className: handleBasicClasses({
-      prefix: `${CLASSNAME$2}__link`,
-      isSelected: isCurrentPage
-    }),
-    ref: ref,
-    "aria-current": isCurrentPage ? 'page' : undefined
-  }, forwardedProps), icon ? /*#__PURE__*/React.createElement(Icon, {
-    className: `${CLASSNAME$2}__icon`,
-    icon: icon,
-    size: Size.xs,
-    theme: theme
-  }) : null, /*#__PURE__*/React.createElement(Text, {
-    as: "span",
-    truncate: true,
-    className: `${CLASSNAME$2}__label`,
-    ref: labelRef
-  }, label))));
-}), {
-  displayName: COMPONENT_NAME$2,
-  className: CLASSNAME$2
-});
-
-const NavigationContext = /*#__PURE__*/createContext({
-  orientation: Orientation.vertical
-});
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME$1 = 'NavigationSection';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME$1 = getRootClassName(COMPONENT_NAME$1);
-const NavigationSection = forwardRef((props, ref) => {
-  const {
-    children,
-    className,
-    label,
-    icon,
-    ...forwardedProps
-  } = props;
-  const [isOpen, setIsOpen] = useState(false);
-  const buttonRef = useRef(null);
-  const sectionId = useId();
-  const {
-    orientation
-  } = useContext(NavigationContext) || {};
-  const theme = useTheme();
-  const isDropdown = orientation === Orientation.horizontal;
-  return /*#__PURE__*/React.createElement("li", {
-    className: classNames(className, CLASSNAME$1, CLASSNAME$2, handleBasicClasses({
-      prefix: CLASSNAME$2,
-      theme
-    })),
-    ref: ref
-  }, /*#__PURE__*/React.createElement(RawClickable, _extends({
-    as: "button"
-  }, forwardedProps, {
-    "aria-controls": sectionId,
-    "aria-expanded": isOpen,
-    className: classNames(`${CLASSNAME$2}__link`),
-    ref: buttonRef,
-    onClick: event => {
-      setIsOpen(!isOpen);
-      event.stopPropagation();
-    }
-  }), icon ? /*#__PURE__*/React.createElement(Icon, {
-    className: `${CLASSNAME$2}__icon`,
-    icon: icon,
-    size: Size.xs
-  }) : null, /*#__PURE__*/React.createElement(Text, {
-    as: "span",
-    truncate: true,
-    className: `${CLASSNAME$2}__label`,
-    ref: ref
-  }, label), /*#__PURE__*/React.createElement(Icon, {
-    className: classNames(`${CLASSNAME$2}__icon`, `${CLASSNAME$1}__chevron`),
-    icon: isOpen ? mdiChevronUp : mdiChevronDown
-  })), isOpen && (isDropdown ? /*#__PURE__*/React.createElement(Popover, {
-    anchorRef: buttonRef,
-    isOpen: isOpen,
-    placement: Placement.BOTTOM_START,
-    usePortal: false,
-    closeOnClickAway: true,
-    closeOnEscape: true,
-    onClick: () => setIsOpen(false),
-    onClose: () => setIsOpen(false),
-    zIndex: 996
-  }, /*#__PURE__*/React.createElement(ThemeProvider, {
-    value: Theme.light
-  }, /*#__PURE__*/React.createElement("ul", {
-    className: `${CLASSNAME$1}__drawer--popover`,
-    id: sectionId
-  }, /*#__PURE__*/React.createElement(NavigationContext.Provider, {
-    value: {
-      orientation: Orientation.vertical
-    }
-  }, children)))) : /*#__PURE__*/React.createElement("ul", {
-    className: `${CLASSNAME$1}__drawer`,
-    id: sectionId
-  }, children)));
-});
-NavigationSection.displayName = COMPONENT_NAME$1;
-NavigationSection.className = CLASSNAME$1;
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Navigation';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props
- */
-const DEFAULT_PROPS = {
-  orientation: Orientation.vertical
-};
-const Navigation = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    children,
-    className,
-    theme = defaultTheme,
-    orientation = DEFAULT_PROPS.orientation,
-    ...forwardedProps
-  } = props;
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
-    value: theme
-  }, /*#__PURE__*/React.createElement("nav", _extends({
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      theme,
-      orientation
-    })),
-    ref: ref
-  }, forwardedProps), /*#__PURE__*/React.createElement(NavigationContext.Provider, {
-    value: {
-      orientation
-    }
-  }, /*#__PURE__*/React.createElement("ul", {
-    className: `${CLASSNAME}__list`
-  }, children))));
-});
-Navigation.displayName = COMPONENT_NAME;
-Navigation.className = CLASSNAME;
-Navigation.defaultProps = DEFAULT_PROPS;
-
-// Sub components
-Navigation.Section = NavigationSection;
-Navigation.Item = NavigationItem;
-
-export { Navigation };
-//# sourceMappingURL=2d6bde7d.js.map

package/_internal/32698205.js

@@ -1,107 +0,0 @@
-import { m as getRootClassName, c as Size, n as forwardRef, b as Theme, _ as _extends, l as classNames, i as AspectRatio, j as ColorPalette, k as ColorVariant } from './d3321a86.js';
-import { h as handleBasicClasses } from './4ceaf17c.js';
-import { u as useTheme } from './3181f000.js';
-import { Link } from './1921f348.js';
-import { T as Thumbnail } from './714809cc.js';
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'LinkPreview';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  size: Size.regular,
-  titleHeading: 'h2'
-};
-
-/**
- * LinkPreview component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const LinkPreview = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    className,
-    description,
-    link,
-    linkAs,
-    linkProps,
-    size = DEFAULT_PROPS.size,
-    theme = defaultTheme,
-    thumbnailProps,
-    title,
-    titleHeading = DEFAULT_PROPS.titleHeading,
-    ...forwardedProps
-  } = props;
-  // Use title heading as title wrapper (see DEFAULT_PROPS for the default value).
-  const TitleHeading = titleHeading;
-  return /*#__PURE__*/React.createElement("article", _extends({
-    ref: ref
-  }, forwardedProps, {
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      size: size === Size.big && thumbnailProps ? Size.big : Size.regular,
-      theme
-    }))
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__wrapper`
-  }, thumbnailProps && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__thumbnail`
-  }, /*#__PURE__*/React.createElement(Thumbnail, _extends({}, thumbnailProps, {
-    linkAs: linkAs,
-    linkProps: {
-      ...linkProps,
-      href: link,
-      target: '_blank',
-      // Avoid redundant links in focus order
-      tabIndex: -1
-    },
-    aspectRatio: AspectRatio.free,
-    fillHeight: true
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__container`
-  }, title && /*#__PURE__*/React.createElement(TitleHeading, {
-    className: `${CLASSNAME}__title`
-  }, /*#__PURE__*/React.createElement(Link, _extends({}, linkProps, {
-    linkAs: linkAs,
-    target: "_blank",
-    href: link,
-    color: theme === Theme.light ? ColorPalette.dark : ColorPalette.light,
-    colorVariant: ColorVariant.N
-  }), title)), description && /*#__PURE__*/React.createElement("p", {
-    className: `${CLASSNAME}__description`
-  }, description), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__link`
-  }, /*#__PURE__*/React.createElement(Link, _extends({}, linkProps, {
-    linkAs: linkAs,
-    className: classNames(`${CLASSNAME}__link`, linkProps?.className),
-    target: "_blank",
-    href: link,
-    color: theme === Theme.light ? ColorPalette.primary : ColorPalette.light,
-    colorVariant: ColorVariant.N
-    // Avoid redundant links in focus order
-    ,
-    tabIndex: title ? '-1' : undefined
-  }), link)))));
-});
-LinkPreview.displayName = COMPONENT_NAME;
-LinkPreview.className = CLASSNAME;
-LinkPreview.defaultProps = DEFAULT_PROPS;
-
-export { LinkPreview };
-//# sourceMappingURL=32698205.js.map