@redis-ui/components 38.6.0 → 39.0.0

package/dist/AutoCompleteSelect/AutoCompleteSelect.cjs

@@ -81,7 +81,7 @@ const AutoCompleteSelect = React__default.default.forwardRef(({
       onInteractOutside: onClickOutside,
       ref: contentRef,
       children: [!isSuggestedOptionsEmpty && jsxRuntime.jsxRuntimeExports.jsx(Menu.default.Content.Label, {
-        children: optionsLabel
+        text: optionsLabel
       }), suggestedOptions.map((item, index) => jsxRuntime.jsxRuntimeExports.jsx(AutoCompleteSelect_style.Item, {
         role: "button",
         onClick: () => onItemClick(item.value),

package/dist/AutoCompleteSelect/AutoCompleteSelect.js

@@ -77,7 +77,7 @@ const AutoCompleteSelect = React__default.forwardRef(({
       onInteractOutside: onClickOutside,
       ref: contentRef,
       children: [!isSuggestedOptionsEmpty && jsxRuntimeExports.jsx(Menu.Content.Label, {
-        children: optionsLabel
+        text: optionsLabel
       }), suggestedOptions.map((item, index) => jsxRuntimeExports.jsx(Item, {
         role: "button",
         onClick: () => onItemClick(item.value),

package/dist/AutoCompleteSelect/AutoCompleteSelect.style.d.ts

@@ -1,16 +1,20 @@
 /// <reference types="react" />
 export declare const Item: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ContentContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Menu/components/Content/Content.types").MenuContentProps & import("react").RefAttributes<HTMLDivElement>> & {
-    Item: (({ text, icon, subHead, description, isSelected, variant, ...restProps }: import("../Menu").MenuItemProps) => import("react/jsx-runtime").JSX.Element) & {
+    Item: (({ text, icon, subHead, description, isSelected, selected, ...restProps }: import("../Menu").MenuItemProps) => import("react/jsx-runtime").JSX.Element) & {
         Text: ({ tooltipOnEllipsis, ...restProps }: import("../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
         Icon: ({ icon, ...props }: import("../Menu/components/Content/components/Item/Components/Icon/Icon.types").MenuIconProps) => import("react/jsx-runtime").JSX.Element;
         SubHead: (props: import("../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
-        Compose: ({ isSelected, variant, onClick, ...restProps }: import("../Menu/components/Content/components/Item/Components/Compose/Compose.types").MenuItemComposeProps) => import("react/jsx-runtime").JSX.Element;
+        Compose: ({ isSelected, selected, onClick, ...restProps }: import("../Menu/components/Content/components/Item/Components/Compose/Compose.types").MenuItemComposeProps) => import("react/jsx-runtime").JSX.Element;
         Check: ({ icon, ...restProps }: import("../Menu/components/Content/components/Item/Components/Check/Check.types").CheckProps) => import("react/jsx-runtime").JSX.Element;
         Split: ({ minWidth, ...props }: import("../Menu/components/Content/components/Item/Components/Split/Split.types").SplitProps) => import("react/jsx-runtime").JSX.Element;
     };
     DropdownArrow: (props: import("../Menu/components/Content/components/DropdownArrow/DropdownArrow.types").DropdownArrowProps) => import("react/jsx-runtime").JSX.Element;
-    Label: ({ children, variant, tooltipOnEllipsis, ...restProps }: import("../Menu/components/Content/components/Label/Label.types").LabelProps) => import("react/jsx-runtime").JSX.Element;
+    Label: (({ children, text, icon, ...restProps }: import("../Menu").MenuLabelProps & import("../Menu").RestMenuLabelProps) => import("react/jsx-runtime").JSX.Element) & {
+        Text: ({ tooltipOnEllipsis, ...restProps }: import("../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
+        Icon: ({ icon, ...props }: import("../Menu/components/Content/components/Item/Components/Icon/Icon.types").MenuIconProps) => import("react/jsx-runtime").JSX.Element;
+        Compose: (props: import("../Menu/components/Content/components/Label/components/Compose/Compose.types").MenuLabelComposeProps & import("../Helpers/common.types").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element;
+    };
     Separator: (props: import("../Menu/components/Content/components/Separator/Separator.types").SeparatorProps) => import("react/jsx-runtime").JSX.Element;
 }, any, {
     $contentMaxHeight?: string | undefined;

package/dist/Filters/components/MultiSelectFilter/MultiSelectFilter.styles.d.ts

@@ -1,15 +1,19 @@
 /// <reference types="react" />
 export declare const MenuContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../Menu/components/Content/Content.types").MenuContentProps & import("react").RefAttributes<HTMLDivElement>> & {
-    Item: (({ text, icon, subHead, description, isSelected, variant, ...restProps }: import("../../../Menu").MenuItemProps) => import("react/jsx-runtime").JSX.Element) & {
+    Item: (({ text, icon, subHead, description, isSelected, selected, ...restProps }: import("../../../Menu").MenuItemProps) => import("react/jsx-runtime").JSX.Element) & {
         Text: ({ tooltipOnEllipsis, ...restProps }: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
         Icon: ({ icon, ...props }: import("../../../Menu/components/Content/components/Item/Components/Icon/Icon.types").MenuIconProps) => import("react/jsx-runtime").JSX.Element;
         SubHead: (props: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
-        Compose: ({ isSelected, variant, onClick, ...restProps }: import("../../../Menu/components/Content/components/Item/Components/Compose/Compose.types").MenuItemComposeProps) => import("react/jsx-runtime").JSX.Element;
+        Compose: ({ isSelected, selected, onClick, ...restProps }: import("../../../Menu/components/Content/components/Item/Components/Compose/Compose.types").MenuItemComposeProps) => import("react/jsx-runtime").JSX.Element;
         Check: ({ icon, ...restProps }: import("../../../Menu/components/Content/components/Item/Components/Check/Check.types").CheckProps) => import("react/jsx-runtime").JSX.Element;
         Split: ({ minWidth, ...props }: import("../../../Menu/components/Content/components/Item/Components/Split/Split.types").SplitProps) => import("react/jsx-runtime").JSX.Element;
     };
     DropdownArrow: (props: import("../../../Menu/components/Content/components/DropdownArrow/DropdownArrow.types").DropdownArrowProps) => import("react/jsx-runtime").JSX.Element;
-    Label: ({ children, variant, tooltipOnEllipsis, ...restProps }: import("../../../Menu/components/Content/components/Label/Label.types").LabelProps) => import("react/jsx-runtime").JSX.Element;
+    Label: (({ children, text, icon, ...restProps }: import("../../../Menu").MenuLabelProps & import("../../../Menu").RestMenuLabelProps) => import("react/jsx-runtime").JSX.Element) & {
+        Text: ({ tooltipOnEllipsis, ...restProps }: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
+        Icon: ({ icon, ...props }: import("../../../Menu/components/Content/components/Item/Components/Icon/Icon.types").MenuIconProps) => import("react/jsx-runtime").JSX.Element;
+        Compose: (props: import("../../../Menu/components/Content/components/Label/components/Compose/Compose.types").MenuLabelComposeProps & import("../../../Helpers/common.types").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element;
+    };
     Separator: (props: import("../../../Menu/components/Content/components/Separator/Separator.types").SeparatorProps) => import("react/jsx-runtime").JSX.Element;
 }, any, {}, never>;
 export declare const MenuTriggerContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -17,7 +21,7 @@ export declare const FilterToggleButton: import("styled-components").StyledCompo
     IndicatorCount: ({ count, ...restProps }: import("../../../Button/ToggleButton/components/IndicatorCount/IndicatorCount.types").IndicatorCountTypes) => import("react/jsx-runtime").JSX.Element;
 }, any, {}, never>;
 export declare const MenuOptionsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MenuOption: import("styled-components").StyledComponent<({ isSelected, variant, onClick, ...restProps }: import("../../../Menu/components/Content/components/Item/Components/Compose/Compose.types").MenuItemComposeProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const MenuOption: import("styled-components").StyledComponent<({ isSelected, selected, onClick, ...restProps }: import("../../../Menu/components/Content/components/Item/Components/Compose/Compose.types").MenuItemComposeProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
 export declare const OptionsSearch: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("../../../Inputs/components/Compose/TextCompose.types").TextInputComposeProps, "readOnly" | "parser" | "formatter"> & import("../../../Inputs/components/InputTag/InputTag.types").InputTagProps & import("../../../Inputs/components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../../../Inputs/components/ResetButton/ResetButton.types").ResetButtonProps & import("../../../Inputs").RestInputProps & import("react").RefAttributes<HTMLInputElement>> & {
     Compose: ({ value, defaultValue, onChange, parser, formatter, ...restProps }: import("../../../Inputs/components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../../../Inputs/components/Context/InputValueProvider").InputValueProviderProps, "children"> & Omit<import("../../../Helpers/common.types").ComposeElementProps<HTMLDivElement>, "defaultValue" | "onChange"> & {
         readonlyRender?: import("../../../Inputs/components/ReadonlyRender/ReadonlyRender.types").ReadOnlyRenderComponent | undefined;

package/dist/Helpers/css.utils.cjs

@@ -115,11 +115,39 @@ const splitDimensionsX2 = (dimensions) => {
     end: split[1] || split[0]
   };
 };
+const splitDimensionsX4 = (dimensions) => {
+  const split = dimensions == null ? void 0 : dimensions.trim().split(/\s+/g);
+  if (!(split == null ? void 0 : split.length) || !split[0]) return {};
+  if (split.length > 4) {
+    console.warn('Error: splitting dimensions "', dimensions, '" contains incorrect number of entries. Expecting 1-4, received', split.length);
+    return {};
+  }
+  const res = {};
+  if (split.length === 1) {
+    res.top = res.right = res.bottom = res.left = split[0];
+  } else if (split.length === 2) {
+    res.top = res.bottom = split[0];
+    res.right = res.left = split[1];
+  } else if (split.length === 3) {
+    res.top = split[0];
+    res.right = res.left = split[1];
+    res.bottom = split[2];
+  } else if (split.length === 4) {
+    res.top = split[0];
+    res.right = split[1];
+    res.bottom = split[2];
+    res.left = split[3];
+  }
+  res.block = `${res.top} ${res.bottom}`;
+  res.inline = `${res.left} ${res.right}`;
+  return res;
+};
 exports.calcSize = calcSize;
 exports.getRelatedStateSelector = getRelatedStateSelector;
 exports.numToUnit = numToUnit;
 exports.pxToRem = pxToRem;
 exports.splitDimensionsX2 = splitDimensionsX2;
+exports.splitDimensionsX4 = splitDimensionsX4;
 exports.styleFromTokens = styleFromTokens;
 exports.tokenMapMod = tokenMapMod;
 exports.tokenMaps = tokenMaps;

package/dist/Helpers/css.utils.js

@@ -113,12 +113,40 @@ const splitDimensionsX2 = (dimensions) => {
     end: split[1] || split[0]
   };
 };
+const splitDimensionsX4 = (dimensions) => {
+  const split = dimensions == null ? void 0 : dimensions.trim().split(/\s+/g);
+  if (!(split == null ? void 0 : split.length) || !split[0]) return {};
+  if (split.length > 4) {
+    console.warn('Error: splitting dimensions "', dimensions, '" contains incorrect number of entries. Expecting 1-4, received', split.length);
+    return {};
+  }
+  const res = {};
+  if (split.length === 1) {
+    res.top = res.right = res.bottom = res.left = split[0];
+  } else if (split.length === 2) {
+    res.top = res.bottom = split[0];
+    res.right = res.left = split[1];
+  } else if (split.length === 3) {
+    res.top = split[0];
+    res.right = res.left = split[1];
+    res.bottom = split[2];
+  } else if (split.length === 4) {
+    res.top = split[0];
+    res.right = split[1];
+    res.bottom = split[2];
+    res.left = split[3];
+  }
+  res.block = `${res.top} ${res.bottom}`;
+  res.inline = `${res.left} ${res.right}`;
+  return res;
+};
 export {
   calcSize,
   getRelatedStateSelector,
   numToUnit,
   pxToRem,
   splitDimensionsX2,
+  splitDimensionsX4,
   styleFromTokens,
   tokenMapMod,
   tokenMaps

package/dist/Link/Link.cjs

@@ -2,38 +2,21 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const jsxRuntime = require("../node_modules/react/jsx-runtime.cjs");
 const React = require("react");
+const Content = require("./components/Content/Content.cjs");
 const Link_style = require("./Link.style.cjs");
-const linkSizeMap = {
-  M: "M",
-  S: "S"
-};
-const iconSizeMap = {
-  M: "L",
-  S: "M"
-};
-const linkIconSizeMap = {
-  M: "M",
-  S: "S"
-};
 const getFalse = () => false;
 const Link = React.forwardRef(({
-  icon,
-  isExternalLink,
-  external = isExternalLink,
+  icon: Icon,
+  external,
   children = "Read More",
-  variant: userVariant,
-  size: userSize,
+  variant = "button",
+  size = "M",
   allowWrap = false,
   disabled,
   href,
   onClick,
   ...restProps
 }, ref) => {
-  const {
-    size = "M",
-    variant = "button"
-  } = getSizeAndLayout(userVariant, userSize);
-  const IconElement = icon;
   const commonProps = {
     ref,
     $variant: variant,
@@ -63,36 +46,18 @@ const Link = React.forwardRef(({
     onKeyDown: getFalse,
     "aria-disabled": true
   } : null;
-  return jsxRuntime.jsxRuntimeExports.jsxs(Link_style.StyledLink, {
+  return jsxRuntime.jsxRuntimeExports.jsx(Link_style.StyledLink, {
     ...commonProps,
     ...hrefProps,
     ...restProps,
     ...disabledProps,
-    children: [icon && jsxRuntime.jsxRuntimeExports.jsx(IconElement, {
-      size: iconSizeMap[size],
-      customColor: "currentColor"
-    }), typeof children === "string" ? jsxRuntime.jsxRuntimeExports.jsx(Link_style.StyledLinkText, {
-      variant: "semiBold",
-      size: linkSizeMap[size],
-      component: "span",
-      ellipsis: true,
-      tooltipOnEllipsis: true,
+    children: jsxRuntime.jsxRuntimeExports.jsx(Content.Content, {
+      icon: Icon,
+      size,
+      external,
       children
-    }) : children, external && jsxRuntime.jsxRuntimeExports.jsx(Link_style.ExternalArrow, {
-      size: linkIconSizeMap[size],
-      customColor: "currentColor"
-    })]
+    })
   });
 });
 const Link$1 = Link;
-const variantSizeMap = {
-  regular: "M",
-  "regular-inline": "M",
-  small: "S",
-  "small-inline": "S"
-};
-const getSizeAndLayout = (variant, size) => ({
-  variant: (variant == null ? void 0 : variant.includes("inline")) ? "inline" : void 0,
-  size: size || variantSizeMap[variant]
-});
 exports.default = Link$1;

package/dist/Link/Link.d.ts

@@ -1,289 +1,3 @@
 /// <reference types="react" />
-/// <reference types="react" />
-import { IconType } from '@redislabsdev/redis-ui-icons/monochrome';
-import { LinkButtonVariants, LinkSize, ObsoleteLinkVariants } from './Link.types';
-declare const Link: import("react").ForwardRefExoticComponent<{
-    slot?: string | undefined;
-    style?: import("react").CSSProperties | undefined;
-    title?: string | undefined;
-    type?: string | undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    autoFocus?: boolean | undefined;
-    className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    hidden?: boolean | undefined;
-    id?: string | undefined;
-    lang?: string | undefined;
-    nonce?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    tabIndex?: number | undefined;
-    translate?: "no" | "yes" | undefined;
-    radioGroup?: string | undefined;
-    role?: import("react").AriaRole | undefined;
-    about?: string | undefined;
-    content?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    rel?: string | undefined;
-    resource?: string | undefined;
-    rev?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    color?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
-    "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
-    "aria-braillelabel"?: string | undefined;
-    "aria-brailleroledescription"?: string | undefined;
-    "aria-busy"?: (boolean | "true" | "false") | undefined;
-    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
-    "aria-colcount"?: number | undefined;
-    "aria-colindex"?: number | undefined;
-    "aria-colindextext"?: string | undefined;
-    "aria-colspan"?: number | undefined;
-    "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
-    "aria-describedby"?: string | undefined;
-    "aria-description"?: string | undefined;
-    "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
-    "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "true" | "false") | undefined;
-    "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
-    "aria-hidden"?: (boolean | "true" | "false") | undefined;
-    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-    "aria-keyshortcuts"?: string | undefined;
-    "aria-label"?: string | undefined;
-    "aria-labelledby"?: string | undefined;
-    "aria-level"?: number | undefined;
-    "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "true" | "false") | undefined;
-    "aria-multiline"?: (boolean | "true" | "false") | undefined;
-    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined;
-    "aria-owns"?: string | undefined;
-    "aria-placeholder"?: string | undefined;
-    "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
-    "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: (boolean | "true" | "false") | undefined;
-    "aria-roledescription"?: string | undefined;
-    "aria-rowcount"?: number | undefined;
-    "aria-rowindex"?: number | undefined;
-    "aria-rowindextext"?: string | undefined;
-    "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "true" | "false") | undefined;
-    "aria-setsize"?: number | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-    "aria-valuemax"?: number | undefined;
-    "aria-valuemin"?: number | undefined;
-    "aria-valuenow"?: number | undefined;
-    "aria-valuetext"?: string | undefined;
-    children?: import("react").ReactNode;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined;
-    onCopy?: import("react").ClipboardEventHandler<HTMLAnchorElement> | undefined;
-    onCopyCapture?: import("react").ClipboardEventHandler<HTMLAnchorElement> | undefined;
-    onCut?: import("react").ClipboardEventHandler<HTMLAnchorElement> | undefined;
-    onCutCapture?: import("react").ClipboardEventHandler<HTMLAnchorElement> | undefined;
-    onPaste?: import("react").ClipboardEventHandler<HTMLAnchorElement> | undefined;
-    onPasteCapture?: import("react").ClipboardEventHandler<HTMLAnchorElement> | undefined;
-    onCompositionEnd?: import("react").CompositionEventHandler<HTMLAnchorElement> | undefined;
-    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLAnchorElement> | undefined;
-    onCompositionStart?: import("react").CompositionEventHandler<HTMLAnchorElement> | undefined;
-    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLAnchorElement> | undefined;
-    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLAnchorElement> | undefined;
-    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLAnchorElement> | undefined;
-    onFocus?: import("react").FocusEventHandler<HTMLAnchorElement> | undefined;
-    onFocusCapture?: import("react").FocusEventHandler<HTMLAnchorElement> | undefined;
-    onBlur?: import("react").FocusEventHandler<HTMLAnchorElement> | undefined;
-    onBlurCapture?: import("react").FocusEventHandler<HTMLAnchorElement> | undefined;
-    onChange?: import("react").FormEventHandler<HTMLAnchorElement> | undefined;
-    onChangeCapture?: import("react").FormEventHandler<HTMLAnchorElement> | undefined;
-    onBeforeInput?: import("react").FormEventHandler<HTMLAnchorElement> | undefined;
-    onBeforeInputCapture?: import("react").FormEventHandler<HTMLAnchorElement> | undefined;
-    onInput?: import("react").FormEventHandler<HTMLAnchorElement> | undefined;
-    onInputCapture?: import("react").FormEventHandler<HTMLAnchorElement> | undefined;
-    onReset?: import("react").FormEventHandler<HTMLAnchorElement> | undefined;
-    onResetCapture?: import("react").FormEventHandler<HTMLAnchorElement> | undefined;
-    onSubmit?: import("react").FormEventHandler<HTMLAnchorElement> | undefined;
-    onSubmitCapture?: import("react").FormEventHandler<HTMLAnchorElement> | undefined;
-    onInvalid?: import("react").FormEventHandler<HTMLAnchorElement> | undefined;
-    onInvalidCapture?: import("react").FormEventHandler<HTMLAnchorElement> | undefined;
-    onLoad?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onLoadCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onError?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onErrorCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLAnchorElement> | undefined;
-    onKeyPress?: import("react").KeyboardEventHandler<HTMLAnchorElement> | undefined;
-    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLAnchorElement> | undefined;
-    onKeyUp?: import("react").KeyboardEventHandler<HTMLAnchorElement> | undefined;
-    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLAnchorElement> | undefined;
-    onAbort?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onAbortCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onCanPlay?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onCanPlayCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onCanPlayThrough?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onDurationChange?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onEmptied?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onEmptiedCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onEncrypted?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onEncryptedCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onEnded?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onEndedCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onLoadedData?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onLoadedMetadata?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onLoadStart?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onLoadStartCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onPause?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onPauseCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onPlay?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onPlayCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onPlaying?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onPlayingCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onProgress?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onProgressCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onRateChange?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onRateChangeCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onResize?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onResizeCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onSeeked?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onSeekedCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onSeeking?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onSeekingCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onStalled?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onStalledCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onSuspend?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onSuspendCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onTimeUpdate?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onVolumeChange?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onWaiting?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onWaitingCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onAuxClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-    onAuxClickCapture?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-    onClickCapture?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-    onContextMenu?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-    onContextMenuCapture?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-    onDoubleClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-    onDrag?: import("react").DragEventHandler<HTMLAnchorElement> | undefined;
-    onDragCapture?: import("react").DragEventHandler<HTMLAnchorElement> | undefined;
-    onDragEnd?: import("react").DragEventHandler<HTMLAnchorElement> | undefined;
-    onDragEndCapture?: import("react").DragEventHandler<HTMLAnchorElement> | undefined;
-    onDragEnter?: import("react").DragEventHandler<HTMLAnchorElement> | undefined;
-    onDragEnterCapture?: import("react").DragEventHandler<HTMLAnchorElement> | undefined;
-    onDragExit?: import("react").DragEventHandler<HTMLAnchorElement> | undefined;
-    onDragExitCapture?: import("react").DragEventHandler<HTMLAnchorElement> | undefined;
-    onDragLeave?: import("react").DragEventHandler<HTMLAnchorElement> | undefined;
-    onDragLeaveCapture?: import("react").DragEventHandler<HTMLAnchorElement> | undefined;
-    onDragOver?: import("react").DragEventHandler<HTMLAnchorElement> | undefined;
-    onDragOverCapture?: import("react").DragEventHandler<HTMLAnchorElement> | undefined;
-    onDragStart?: import("react").DragEventHandler<HTMLAnchorElement> | undefined;
-    onDragStartCapture?: import("react").DragEventHandler<HTMLAnchorElement> | undefined;
-    onDrop?: import("react").DragEventHandler<HTMLAnchorElement> | undefined;
-    onDropCapture?: import("react").DragEventHandler<HTMLAnchorElement> | undefined;
-    onMouseDown?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-    onMouseDownCapture?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-    onMouseEnter?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-    onMouseLeave?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-    onMouseMove?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-    onMouseOut?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-    onMouseOutCapture?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-    onMouseOver?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-    onMouseOverCapture?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-    onMouseUp?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-    onMouseUpCapture?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-    onSelect?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onSelectCapture?: import("react").ReactEventHandler<HTMLAnchorElement> | undefined;
-    onTouchCancel?: import("react").TouchEventHandler<HTMLAnchorElement> | undefined;
-    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLAnchorElement> | undefined;
-    onTouchEnd?: import("react").TouchEventHandler<HTMLAnchorElement> | undefined;
-    onTouchEndCapture?: import("react").TouchEventHandler<HTMLAnchorElement> | undefined;
-    onTouchMove?: import("react").TouchEventHandler<HTMLAnchorElement> | undefined;
-    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLAnchorElement> | undefined;
-    onTouchStart?: import("react").TouchEventHandler<HTMLAnchorElement> | undefined;
-    onTouchStartCapture?: import("react").TouchEventHandler<HTMLAnchorElement> | undefined;
-    onPointerDown?: import("react").PointerEventHandler<HTMLAnchorElement> | undefined;
-    onPointerDownCapture?: import("react").PointerEventHandler<HTMLAnchorElement> | undefined;
-    onPointerMove?: import("react").PointerEventHandler<HTMLAnchorElement> | undefined;
-    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLAnchorElement> | undefined;
-    onPointerUp?: import("react").PointerEventHandler<HTMLAnchorElement> | undefined;
-    onPointerUpCapture?: import("react").PointerEventHandler<HTMLAnchorElement> | undefined;
-    onPointerCancel?: import("react").PointerEventHandler<HTMLAnchorElement> | undefined;
-    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLAnchorElement> | undefined;
-    onPointerEnter?: import("react").PointerEventHandler<HTMLAnchorElement> | undefined;
-    onPointerLeave?: import("react").PointerEventHandler<HTMLAnchorElement> | undefined;
-    onPointerOver?: import("react").PointerEventHandler<HTMLAnchorElement> | undefined;
-    onPointerOverCapture?: import("react").PointerEventHandler<HTMLAnchorElement> | undefined;
-    onPointerOut?: import("react").PointerEventHandler<HTMLAnchorElement> | undefined;
-    onPointerOutCapture?: import("react").PointerEventHandler<HTMLAnchorElement> | undefined;
-    onGotPointerCapture?: import("react").PointerEventHandler<HTMLAnchorElement> | undefined;
-    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLAnchorElement> | undefined;
-    onLostPointerCapture?: import("react").PointerEventHandler<HTMLAnchorElement> | undefined;
-    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLAnchorElement> | undefined;
-    onScroll?: import("react").UIEventHandler<HTMLAnchorElement> | undefined;
-    onScrollCapture?: import("react").UIEventHandler<HTMLAnchorElement> | undefined;
-    onWheel?: import("react").WheelEventHandler<HTMLAnchorElement> | undefined;
-    onWheelCapture?: import("react").WheelEventHandler<HTMLAnchorElement> | undefined;
-    onAnimationStart?: import("react").AnimationEventHandler<HTMLAnchorElement> | undefined;
-    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLAnchorElement> | undefined;
-    onAnimationEnd?: import("react").AnimationEventHandler<HTMLAnchorElement> | undefined;
-    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLAnchorElement> | undefined;
-    onAnimationIteration?: import("react").AnimationEventHandler<HTMLAnchorElement> | undefined;
-    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLAnchorElement> | undefined;
-    onTransitionEnd?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
-    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
-    media?: string | undefined;
-    target?: import("react").HTMLAttributeAnchorTarget | undefined;
-    href?: string | undefined;
-    download?: any;
-    hrefLang?: string | undefined;
-    ping?: string | undefined;
-    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
-} & {
-    icon?: IconType | undefined;
-    variant?: ObsoleteLinkVariants | LinkButtonVariants | undefined;
-    allowWrap?: boolean | undefined;
-    size?: LinkSize | undefined;
-    external?: boolean | undefined;
-    disabled?: boolean | undefined;
-    href?: string | undefined;
-    onClick?: import("react").UIEventHandler<Element> | undefined;
-    isExternalLink?: boolean | undefined;
-} & import("react").RefAttributes<HTMLAnchorElement>>;
+declare const Link: import("react").ForwardRefExoticComponent<import("./Link.types").RestLinkProps & import("./Link.types").OwnLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
 export default Link;

package/dist/Link/Link.js

@@ -1,37 +1,20 @@
 import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
 import { forwardRef } from "react";
-import { StyledLink, StyledLinkText, ExternalArrow } from "./Link.style.js";
-const linkSizeMap = {
-  M: "M",
-  S: "S"
-};
-const iconSizeMap = {
-  M: "L",
-  S: "M"
-};
-const linkIconSizeMap = {
-  M: "M",
-  S: "S"
-};
+import { Content } from "./components/Content/Content.js";
+import { StyledLink } from "./Link.style.js";
 const getFalse = () => false;
 const Link = forwardRef(({
-  icon,
-  isExternalLink,
-  external = isExternalLink,
+  icon: Icon,
+  external,
   children = "Read More",
-  variant: userVariant,
-  size: userSize,
+  variant = "button",
+  size = "M",
   allowWrap = false,
   disabled,
   href,
   onClick,
   ...restProps
 }, ref) => {
-  const {
-    size = "M",
-    variant = "button"
-  } = getSizeAndLayout(userVariant, userSize);
-  const IconElement = icon;
   const commonProps = {
     ref,
     $variant: variant,
@@ -61,38 +44,20 @@ const Link = forwardRef(({
     onKeyDown: getFalse,
     "aria-disabled": true
   } : null;
-  return jsxRuntimeExports.jsxs(StyledLink, {
+  return jsxRuntimeExports.jsx(StyledLink, {
     ...commonProps,
     ...hrefProps,
     ...restProps,
     ...disabledProps,
-    children: [icon && jsxRuntimeExports.jsx(IconElement, {
-      size: iconSizeMap[size],
-      customColor: "currentColor"
-    }), typeof children === "string" ? jsxRuntimeExports.jsx(StyledLinkText, {
-      variant: "semiBold",
-      size: linkSizeMap[size],
-      component: "span",
-      ellipsis: true,
-      tooltipOnEllipsis: true,
+    children: jsxRuntimeExports.jsx(Content, {
+      icon: Icon,
+      size,
+      external,
       children
-    }) : children, external && jsxRuntimeExports.jsx(ExternalArrow, {
-      size: linkIconSizeMap[size],
-      customColor: "currentColor"
-    })]
+    })
   });
 });
 const Link$1 = Link;
-const variantSizeMap = {
-  regular: "M",
-  "regular-inline": "M",
-  small: "S",
-  "small-inline": "S"
-};
-const getSizeAndLayout = (variant, size) => ({
-  variant: (variant == null ? void 0 : variant.includes("inline")) ? "inline" : void 0,
-  size: size || variantSizeMap[variant]
-});
 export {
   Link$1 as default
 };