carbon-react 162.12.0-beta.1 → 162.13.0

package/esm/components/icon/icon.style.d.ts

@@ -0,0 +1,47 @@
+import { ThemeObject } from "../../style/themes/theme.types";
+import { IconType } from "./icon-type";
+export type BackgroundShape = "circle" | "rounded-rect" | "square";
+export type BgSize = "small" | "medium" | "large" | "extra-large";
+export type FontSize = "small" | "medium" | "large" | "extra-large";
+export declare const ICON_COLOR_TYPES: readonly ["neutral", "subtle", "caution", "info", "negative", "positive"];
+export type IconColor = (typeof ICON_COLOR_TYPES)[number];
+export interface StyledIconProps {
+    /** Background colour, provide any color from palette or any valid css color value. */
+    bg?: string;
+    /** Background shape */
+    bgShape?: BackgroundShape;
+    /** Background size */
+    bgSize?: BgSize;
+    /**
+     * @private
+     * @ignore
+     * Add classes to this component
+     */
+    className?: string;
+    /** Custom icon colour retained for backward compatibility. */
+    $customColor?: string;
+    /** Semantic icon color. */
+    color?: IconColor;
+    /** Sets the icon in the disabled state */
+    disabled?: boolean;
+    /** Icon font size */
+    fontSize?: FontSize;
+    /**
+     * Icon type
+     *
+     * The full list of types can be seen [here](https://github.com/Sage/carbon/blob/master/src/components/icon/icon-config.js).
+     */
+    type: IconType;
+    /**
+     * Renders the Icon using the inverse colour token, suitable for use on dark backgrounds.
+     */
+    inverse?: boolean;
+}
+export interface StyledIconInternalProps {
+    isInteractive?: boolean;
+    theme?: ThemeObject;
+}
+declare const StyledIcon: import("styled-components").StyledComponent<"span", any, {
+    theme: object;
+} & StyledIconProps & StyledIconInternalProps, "theme">;
+export default StyledIcon;

package/esm/components/icon/icon.style.js

@@ -0,0 +1 @@
+import o,{css as e}from"styled-components";import{margin as t}from"styled-system";import n from"../../style/themes/apply-base-theme.js";import r from"../../style/utils/add-focus-styling.js";import i from"../../style/utils/color.js";import{getWindow as l,getNavigator as s}from"../../__internal__/dom/globals.js";import c,{isSafari as a}from"../../__internal__/utils/helpers/browser-type-check/index.js";import m from"./icon-config.js";import p from"./icon-unicodes.js";import{StyledButton as u}from"../button/__next__/button.style.js";const d=["neutral","subtle","caution","info","negative","positive"],g={caution:"var(--page-content-caution-icon)",info:"var(--page-content-info-icon)",negative:"var(--page-content-negative-icon)",positive:"var(--page-content-positive-icon)"},f=e(["",' &{color:currentColor;}.mentions-list-item &&{color:currentColor;}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:currentColor;}.multi-select &,.filterable-select &{cursor:pointer;}.button-toggle &&{color:currentColor;}.step-indicator &&{color:currentColor;width:inherit;height:inherit;}.editor-dropdown &&{color:currentColor;}[data-element="menu-item-wrapper"] &&,[data-element="submenu-parent-item"] &&{color:currentColor;width:var(--global-size-2-xs);height:var(--global-size-2-xs);&:hover{color:currentColor;}}'],u),v=o.span.attrs(n).withConfig({displayName:"icon.style__StyledIcon",componentId:"carbon_v162_12_0__sc-4a70ae72-0"})([""," "," &,.popover-menu-item &{color:currentColor;}.mentions-list-item &&{color:currentColor;}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:currentColor;}"],(({theme:o,$customColor:n,color:u,bg:d,isInteractive:v,bgSize:h,bgShape:b,type:y,fontSize:_,disabled:C,tabIndex:x,inverse:j})=>{let w=((o,e)=>"neutral"===o?`var(--page-content${e?"-inverse":""}-icon-default)`:"subtle"===o?`var(--page-content${e?"-inverse":""}-icon-alt)`:g[o])(null!=u?u:"neutral",j),z="transparent";const S=l(),k=s(),I=h?m.backgroundSize[h]:void 0;if(C)w="var(--mode-color-action-inactive-icon)";else if(n){const{color:e}=i({color:n,theme:o});w=e}if(d){const{backgroundColor:e}=i({bg:d,theme:o});z=e}return e(["position:relative;color:",";background-color:",";vertical-align:middle;align-items:center;display:inline-flex;justify-content:center;height:",";width:",";",";",' &::before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:CarbonIcons;content:"','";font-style:normal;font-weight:normal;vertical-align:middle;'," "," "," display:block;}"," "," ",""],w,z,I,I,b?`border-radius: ${m.backgroundShape[b]}`:"",v&&e(["&:not(:focus):hover{filter:brightness(0.9);}"]),p[y],_&&e(["font-size:",";line-height:",";"],m.iconSize[_],m.iconSize[_]),S&&"services"===y&&c(S)&&e(["margin-top:",";"],"small"===_?"-7px":"-8px"),k&&S&&"services"===y&&a(k)&&!c(S)&&e(["margin-top:-6px;"]),void 0!==x&&`\n        :focus {\n          ${r()}\n        }\n      `,t,f)}),u);export{d as ICON_COLOR_TYPES,v as default};

package/esm/components/icon/icon.utils.d.ts

@@ -0,0 +1,3 @@
+import { IconColor } from "./icon.style";
+export declare const isLegacyWhiteColor: (colorValue: string) => boolean;
+export declare const resolveSemanticColor: (colorValue?: string) => IconColor | undefined;

package/esm/components/icon/icon.utils.js

@@ -0,0 +1 @@
+import{ICON_COLOR_TYPES as f}from"./icon.style.js";const r=new Set(["white","#fff","#ffffff","rgb(255,255,255)","rgb(255, 255, 255)","rgba(255,255,255,1)","rgba(255, 255, 255, 1)"]),e=f=>r.has(f),t=r=>{if(r&&f.some((f=>f===r)))return r};export{e as isLegacyWhiteColor,t as resolveSemanticColor};

package/esm/components/icon/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from "./icon.component";
+export type { IconProps } from "./icon.component";
+export { ICON_COLOR_TYPES } from "./icon.style";
+export type { IconColor } from "./icon.style";
+export type { IconType } from "./icon-type";

package/esm/components/icon/index.js

@@ -0,0 +1 @@
+export{default}from"./icon.component.js";export{ICON_COLOR_TYPES}from"./icon.style.js";

package/esm/components/icon-button/icon-button.component.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import { SpaceProps } from "styled-system";
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+import { IconProps } from "../icon";
+/**
+ * @deprecated `IconButton` has been deprecated. See the Carbon documentation for migration details.
+ */
+export interface IconButtonProps extends SpaceProps, TagProps {
+    /** Prop to specify the aria-label of the icon-button component */
+    "aria-label"?: string;
+    /** Icon meant to be rendered, should be an Icon component */
+    children: React.ReactElement<IconProps>;
+    /** Callback triggered on blur */
+    onBlur?: (ev: React.FocusEvent<HTMLButtonElement>) => void;
+    /** Callback triggered on focus */
+    onFocus?: (ev: React.FocusEvent<HTMLButtonElement>) => void;
+    /** Callback triggered on mouse enter */
+    onMouseEnter?: (ev: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Callback triggered on mouse leave */
+    onMouseLeave?: (ev: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Set the button to disabled */
+    disabled?: boolean;
+    /** Callback triggered on click */
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /** @private @internal @ignore */
+    "data-component"?: string;
+}
+/**
+ * @deprecated `IconButton` has been deprecated. See the Carbon documentation for migration details.
+ */
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default IconButton;

package/esm/components/icon-button/icon-button.component.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import t,{useState as r,useCallback as n}from"react";import o from"../../__internal__/utils/helpers/tags/tags.js";import l from"./icon-button.style.js";import{TooltipProvider as i}from"../../__internal__/tooltip-provider/index.js";function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){c(e,t,r[t])}))}return e}function u(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const p=t.forwardRef(((t,c)=>{var p,{"aria-label":b,onClick:f,children:s,disabled:y=!1}=t,O=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(t,["aria-label","onClick","children","disabled"]);const[d,j]=r(),m=b||(null==d||null===(p=d.querySelector("[data-component='icon']"))||void 0===p?void 0:p.getAttribute("type"))||"",g=n((e=>{j(e),c&&("object"==typeof c&&(c.current=e),"function"==typeof c&&c(e))}),[c]);var v;return e(l,u(a(u(a({p:0},O),{"aria-label":m,onClick:e=>{null==d||d.focus({preventScroll:!0}),null==f||f(e)},ref:g,disabled:y}),o(null!==(v=O["data-component"])&&void 0!==v?v:"icon-button",O)),{children:e(i,{disabled:y,focusable:!1,target:d,children:s})}))}));p.displayName="IconButton";export{p as default};

package/esm/components/icon-button/icon-button.style.d.ts

@@ -0,0 +1,6 @@
+declare const StyledIconButton: import("styled-components").StyledComponent<"button", any, {
+    theme: object;
+} & {
+    type: "button";
+}, "theme" | "type">;
+export default StyledIconButton;

package/esm/components/icon-button/icon-button.style.js

@@ -0,0 +1 @@
+import o,{css as t}from"styled-components";import{space as r}from"styled-system";import e from"../icon/icon.style.js";import n from"../../style/themes/apply-base-theme.js";import s from"../../style/utils/add-focus-styling.js";const i=o.button.attrs(n).attrs({type:"button"}).withConfig({displayName:"icon-button.style__StyledIconButton",componentId:"carbon_v162_12_0__sc-efc15704-0"})(["",""],(({disabled:o})=>t(["&&{","}background:transparent;border:none;border-radius:var(--borderRadius050);&:focus{","}&:hover{cursor:",";}&::-moz-focus-inner{border:none;}","{",";position:relative;&:focus{border:none;}}"],r,s(),o?"not-allowed":"pointer",e,o&&t(["color:var(--colorsActionMinorYin030);background-color:transparent;"]))));export{i as default};

package/esm/components/icon-button/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./icon-button.component";
+export type { IconButtonProps } from "./icon-button.component";

package/esm/components/icon-button/index.js

@@ -0,0 +1 @@
+export{default}from"./icon-button.component.js";

package/esm/components/image/image.component.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { StyledImageProps } from "./image.style";
+export declare const Image: {
+    ({ alt, decorative, src, children, position, top, right, bottom, left, ...rest }: StyledImageProps): React.JSX.Element;
+    displayName: string;
+};
+export default Image;
+export type { StyledImageProps as ImageProps } from "./image.style";

package/esm/components/image/image.component.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import"react";import t from"invariant";import{StyledImage as r}from"./image.style.js";import n from"../../__internal__/utils/helpers/tags/tags.js";function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const i=i=>{var c,a,{alt:l,decorative:p=!1,src:s,children:f,position:m,top:u,right:b,bottom:O,left:g}=i,y=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(i,["alt","decorative","src","children","position","top","right","bottom","left"]);return t(!s||!f,"The 'Image' component renders as an 'img' element when the 'src' prop is used and therefore does not accept children."),t(!s||l&&"string"==typeof l||p,"Please use the 'decorative' prop if the 'alt' text should be an empty value or provide an 'alt' string when rendering the 'Image' component as an 'img' element."),e(r,(c=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}({alt:l,decorative:p,src:s,position:m,top:u,right:b,bottom:O,left:g},y,n("image",y)),a=null!=(a={children:f})?a:{},Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(a)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(a)).forEach((function(e){Object.defineProperty(c,e,Object.getOwnPropertyDescriptor(a,e))})),c))};i.displayName="Image";export{i as Image,i as default};

package/esm/components/image/image.style.d.ts

@@ -0,0 +1,42 @@
+import { MarginProps, BackgroundProps, LayoutProps, PaddingProps } from "styled-system";
+import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
+export type PositionProps = "absolute" | "fixed" | "relative" | "static" | "sticky";
+export interface StyledImageProps extends BackgroundProps, LayoutProps, MarginProps, PaddingProps, TagProps {
+    /** HTML alt property to display when an img fails to load */
+    alt?: string;
+    /** Prop to specify if the image is decorative  */
+    decorative?: boolean;
+    /** Any valid file path, passing this will render the component as an img element */
+    src?: string;
+    /** HTML hidden property to indicate whether to remain hidden visually and from screen readers */
+    hidden?: boolean;
+    /** Children elements, will only render if component is a div element */
+    children?: React.ReactNode;
+    /** Any valid CSS string for position */
+    position?: PositionProps;
+    /** Any valid CSS string for top */
+    top?: string;
+    /** Any valid CSS string for right */
+    right?: string;
+    /** Any valid CSS string for bottom */
+    bottom?: string;
+    /** Any valid CSS string for left */
+    left?: string;
+}
+declare const StyledImage: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & {
+    children: import("react").ReactNode;
+    src: string | undefined;
+    hidden: boolean;
+    position: PositionProps | undefined;
+    top: string | undefined;
+    right: string | undefined;
+    bottom: string | undefined;
+    left: string | undefined;
+    as?: string | undefined;
+    backgroundPosition: import("styled-system").ResponsiveValue<import("csstype").Property.BackgroundPosition<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
+    backgroundRepeat: import("styled-system").ResponsiveValue<import("csstype").Property.BackgroundRepeat, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
+    backgroundSize: import("styled-system").ResponsiveValue<import("csstype").Property.BackgroundSize<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
+} & StyledImageProps, "position" | "top" | "right" | "bottom" | "left" | "hidden" | "theme" | "children" | "as" | "src" | "backgroundRepeat" | "backgroundSize" | "backgroundPosition">;
+export { StyledImage };

package/esm/components/image/image.style.js

@@ -0,0 +1 @@
+import t,{css as e}from"styled-components";import{margin as r,layout as o,padding as n,background as i}from"styled-system";import c from"../../style/themes/apply-base-theme.js";function p(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}const s=t.div.attrs(c).attrs((({backgroundPosition:t="center",backgroundRepeat:e="no-repeat",backgroundSize:r="cover",src:o,children:n,hidden:i=!1,position:c,top:s,right:b,bottom:a,left:l})=>{return f=function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})))),o.forEach((function(e){p(t,e,r[e])}))}return t}({backgroundPosition:t,backgroundRepeat:e,backgroundSize:r},o&&{as:"img"}),m=null!=(m={children:o?void 0:n,src:o,hidden:i,position:c,top:s,right:b,bottom:a,left:l})?m:{},Object.getOwnPropertyDescriptors?Object.defineProperties(f,Object.getOwnPropertyDescriptors(m)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e}(Object(m)).forEach((function(t){Object.defineProperty(f,t,Object.getOwnPropertyDescriptor(m,t))})),f;var f,m})).withConfig({displayName:"image.style__StyledImage",componentId:"carbon_v162_12_0__sc-ef5b153d-0"})([""," "," "," "," ",""],r,o,n,(({position:t,top:r,right:o,bottom:n,left:i})=>e(["position:",";top:",";right:",";bottom:",";left:",";"],t,r,o,n,i)),(({as:t})=>"img"!==t&&e(["",""],i)));export{s as StyledImage};

package/esm/components/image/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./image.component";
+export type { ImageProps } from "./image.component";

package/esm/components/image/index.js

@@ -0,0 +1 @@
+export{Image as default}from"./image.component.js";

package/esm/components/inline-inputs/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./inline-inputs.component";
+export type { InlineInputsProps } from "./inline-inputs.component";

package/esm/components/inline-inputs/index.js

@@ -0,0 +1 @@
+export{default}from"./inline-inputs.component.js";

package/esm/components/inline-inputs/inline-inputs.component.d.ts

@@ -0,0 +1,44 @@
+import React from "react";
+import { MarginProps } from "styled-system";
+import { StyledContentContainerProps, StyledInlineInputsProps } from "./inline-inputs.style";
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+/**
+ * @deprecated `InlineInputs` has been deprecated. See the Carbon documentation for migration details.
+ */
+export interface InlineInputsProps extends MarginProps, StyledContentContainerProps, StyledInlineInputsProps, TagProps {
+    /**
+     * @deprecated `adaptiveLabelBreakpoint` has been deprecated.
+     * It is recommended to use `useMediaQuery` hook to implement adaptive behaviour.
+     * Breakpoint for adaptive label (inline label change to top aligned). Enables the adaptive behaviour when set
+     **/
+    adaptiveLabelBreakpoint?: number;
+    /** Children elements */
+    children?: React.ReactNode;
+    /**
+     * @private
+     * @internal
+     * @ignore
+     * Sets className for component. INTERNAL USE ONLY. */
+    className?: string;
+    /** The id of the corresponding input control for the label */
+    htmlFor?: string;
+    /** Defines the label text for the heading. */
+    label?: string;
+    /** Inline label alignment */
+    labelAlign?: "left" | "right";
+    /**
+     * Custom label id, could be used in combination with aria-labelledby prop of each input,
+     * to make them accessible for screen readers.
+     */
+    labelId?: string;
+    /** Flag to configure component as mandatory. */
+    required?: boolean;
+}
+/**
+ * @deprecated `InlineInputs` has been deprecated. See the Carbon documentation for migration details.
+ */
+declare const InlineInputs: {
+    ({ adaptiveLabelBreakpoint, label, labelAlign, labelId, htmlFor, children, gutter, inputWidth, labelInline, labelWidth, required, ...rest }: InlineInputsProps): React.JSX.Element;
+    displayName: string;
+};
+export default InlineInputs;

package/esm/components/inline-inputs/inline-inputs.component.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useRef as n,useEffect as l}from"react";import i from"../../__internal__/legacy-label/label.component.js";import o,{StyledContentContainer as a,StyledInlineInput as u}from"./inline-inputs.style.js";import p from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import s from"../../__internal__/utils/helpers/tags/tags.js";import"../../style/utils/filter-styled-system-padding-props.js";import c from"../../style/utils/filter-styled-system-margin-props.js";function b(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const f=(e,n)=>r.Children.map(e,(e=>t(u,{gutter:n,"data-element":"inline-input",children:e}))),d=r=>{var{adaptiveLabelBreakpoint:u,label:d,labelAlign:m,labelId:y,htmlFor:O,children:g=null,gutter:h="none",inputWidth:j,labelInline:v=!0,labelWidth:P,required:_}=r,w=function(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}(r,["adaptiveLabelBreakpoint","label","labelAlign","labelId","htmlFor","children","gutter","inputWidth","labelInline","labelWidth","required"]);const I=p(u),k=n(null);let A=v;u&&(A=I);const S=c(w);return l((()=>{var e;_&&Array.from((null===(e=k.current)||void 0===e?void 0:e.querySelectorAll("input"))||[]).forEach((e=>e.setAttribute("required","")))}),[_]),e(o,(W=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){b(e,t,r[t])}))}return e}({gutter:h,labelWidth:P,labelInline:A,ref:k,role:"group"},S,s("inline-inputs",w)),q=null!=(q={children:[d?t(i,{align:m,labelId:y,inline:A,htmlFor:O,isRequired:_,children:d}):null,t(a,{gutter:h,"data-element":"inline-inputs-container","data-role":"inline-inputs-container",inputWidth:j,children:f(g,h)})]})?q:{},Object.getOwnPropertyDescriptors?Object.defineProperties(W,Object.getOwnPropertyDescriptors(q)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(q)).forEach((function(e){Object.defineProperty(W,e,Object.getOwnPropertyDescriptor(q,e))})),W));var W,q};d.displayName="InlineInputs";export{d as default};

package/esm/components/inline-inputs/inline-inputs.config.d.ts

@@ -0,0 +1 @@
+export declare const INLINE_INPUTS_SIZES: string[];

package/esm/components/inline-inputs/inline-inputs.config.js

@@ -0,0 +1 @@
+const e=["none","extra-small","small","medium-small","medium","medium-large","large","extra-large"];export{e as INLINE_INPUTS_SIZES};

package/esm/components/inline-inputs/inline-inputs.style.d.ts

@@ -0,0 +1,23 @@
+import { InlineInputsProps } from "./inline-inputs.component";
+type GutterOptions = "none" | "extra-small" | "small" | "medium-small" | "medium" | "medium-large" | "large" | "extra-large";
+interface StyledInlineInputProps {
+    /** Gutter prop gets passed down to Row component if false gutter value is "none" */
+    gutter?: GutterOptions;
+}
+export interface StyledContentContainerProps extends StyledInlineInputProps {
+    /** Width of the inline inputs container in percentage */
+    inputWidth?: number;
+}
+export interface StyledInlineInputsProps extends StyledInlineInputProps {
+    /** Width of a label in percentage */
+    labelWidth?: number;
+    /** @ignore @private */
+    labelInline?: boolean;
+}
+declare const StyledInlineInput: import("styled-components").StyledComponent<"div", any, InlineInputsProps, never>;
+declare const StyledContentContainer: import("styled-components").StyledComponent<"div", any, InlineInputsProps, never>;
+declare const StyledInlineInputs: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & InlineInputsProps, "theme">;
+export { StyledContentContainer, StyledInlineInput };
+export default StyledInlineInputs;

package/esm/components/inline-inputs/inline-inputs.style.js

@@ -0,0 +1 @@
+import t,{css as e}from"styled-components";import{margin as r}from"styled-system";import o from"../../__internal__/legacy-input/input-presentation.style.js";import{StyledLabelContainer as i}from"../../__internal__/legacy-label/label.style.js";import a from"../../style/themes/apply-base-theme.js";const n={none:0,"extra-small":8,small:16,"medium-small":20,medium:24,"medium-large":28,large:32,"extra-large":40},d=t.div.withConfig({displayName:"inline-inputs.style__StyledInlineInput",componentId:"carbon_v162_12_0__sc-7bef1a9c-0"})(["flex:1;",""],(({gutter:t})=>t&&e(["margin-bottom:0;padding-left:","px;"],n[t]))),l=t.div.withConfig({displayName:"inline-inputs.style__StyledContentContainer",componentId:"carbon_v162_12_0__sc-7bef1a9c-1"})(["display:flex;flex:",";",""],(({inputWidth:t})=>t?`0 0 ${t}%`:1),(({gutter:t})=>t&&e(["margin-bottom:0;margin-left:-","px;",""],n[t],"none"===t&&e([""," + "," ","{border-left:none;}",":not(:first-of-type):not(:last-of-type) ","{border-radius:var(--borderRadius000);}",":first-of-type:not(:last-of-type) ","{border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius050);border-bottom-left-radius:var(--borderRadius050);}",":last-of-type:not(:first-of-type) ","{border-top-left-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);border-top-right-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);}"],d,d,o,d,o,d,o,d,o)))),s=t.div.attrs(a).withConfig({displayName:"inline-inputs.style__StyledInlineInputs",componentId:"carbon_v162_12_0__sc-7bef1a9c-2"})(["margin-bottom:var(--fieldSpacing);"," display:",";align-items:center;","{width:auto;margin-bottom:",";padding-right:16px;flex:0 0 ",';}input{width:1px;}[data-component="carbon-select"] input{width:30px;}'],r,(({labelInline:t})=>t?"flex":"block"),i,(({labelInline:t})=>t?"0px":"8px"),(({labelWidth:t})=>t?`${t}%`:"auto"));export{l as StyledContentContainer,d as StyledInlineInput,s as default};

package/esm/components/link/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./link.component";
+export type { LinkProps } from "./link.component";

package/esm/components/link/index.js

@@ -0,0 +1 @@
+export{Link as default}from"./link.component.js";

package/esm/components/link/link.component.d.ts

@@ -0,0 +1,58 @@
+import React from "react";
+import { IconType } from "../icon";
+import { StyledLinkProps } from "./link.style";
+import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
+export interface LinkProps extends React.AriaAttributes, Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download">, TagProps {
+    /** An href for an anchor tag. */
+    href?: string;
+    /** An icon to display next to the link. */
+    icon?: IconType;
+    /** Function called when the mouse is clicked. */
+    onClick?: (ev: React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLButtonElement>) => void;
+    /** Function called when a key is pressed. */
+    onKeyDown?: (ev: React.KeyboardEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
+    /** Function called when a mouse down event triggers. */
+    onMouseDown?: (ev: React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLButtonElement>) => void;
+    /** Child content to render in the link. */
+    children?: React.ReactNode;
+    /** Target property in which link should open ie: _blank, _self, _parent, _top */
+    target?: string;
+    /** Aria label for accessibility purposes */
+    ariaLabel?: string;
+    /** allows to set rel property in <a> tag */
+    rel?: string;
+    /**
+     * @private
+     * @internal
+     * @ignore
+     * Sets className for component. INTERNAL USE ONLY. */
+    className?: string;
+    /** [Legacy] A message to display as a tooltip to the link.
+     * @deprecated The tooltipMessage prop in Link is deprecated and will soon be removed. */
+    tooltipMessage?: string;
+    /** [Legacy] Positions the tooltip with the link.
+     * @deprecated The tooltipPosition prop in Link is deprecated and will soon be removed. */
+    tooltipPosition?: "bottom" | "left" | "right" | "top";
+    /** @deprecated The disabled state of the link. This prop is deprecated and will soon be removed. */
+    disabled?: boolean;
+    /** Specifies when the link underline should be displayed. */
+    underline?: "always" | "hover" | "never";
+    /** Which side of the link to the render the link. */
+    iconAlign?: "left" | "right";
+    /** Allows to create skip link */
+    isSkipLink?: boolean;
+    /** Allows link styling to be updated for light or dark backgrounds */
+    variant?: Variants;
+    hasFocus?: boolean;
+    /** Sets the correct link size */
+    linkSize?: "medium" | "large";
+    /** Sets the colour styling when component is rendered on a dark background */
+    inverse?: boolean;
+    /** @deprecated The 'isDarkBackground' prop in Link is deprecated and will soon be removed. Please use 'inverse' prop instead. */
+    isDarkBackground?: boolean;
+    /** Sets the link style to bold */
+    bold?: boolean;
+}
+type Variants = Exclude<StyledLinkProps["$variant"], undefined>;
+export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export default Link;

package/esm/components/link/link.component.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as n,Fragment as t}from"react/jsx-runtime";import r,{useState as o,useRef as i,useCallback as l,useMemo as a,useEffect as s}from"react";import c from"../icon/icon.component.js";import"../icon/icon.style.js";import{StyledLink as d,StyledContent as p}from"./link.style.js";import u from"../../__internal__/utils/helpers/tags/tags.js";import b from"../../hooks/__internal__/useLocale/useLocale.js";import f from"../../__internal__/utils/logger/index.js";function m(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function y(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(n){m(e,n,t[n])}))}return e}function k(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}let g=!1,v=!1,O=!1,h=!1;const j={default:!1,neutral:!1},w={default:"typical",neutral:"subtle"},P=r.forwardRef(((m,P)=>{var{children:L,onKeyDown:D,href:S,onClick:$,onMouseDown:_,icon:M,iconAlign:x="left",isSkipLink:B,disabled:T=!1,underline:C="always",ariaLabel:E,rel:N,tooltipMessage:z,tooltipPosition:A,target:K,variant:F="typical",isDarkBackground:I,inverse:R,className:W,linkSize:q="medium",download:G,bold:H=!1}=m,J=function(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(m,["children","onKeyDown","href","onClick","onMouseDown","icon","iconAlign","isSkipLink","disabled","underline","ariaLabel","rel","tooltipMessage","tooltipPosition","target","variant","isDarkBackground","inverse","className","linkSize","download","bold"]);const[Q,U]=o(!1),V=b(),X=i(null);!g&&T&&(g=!0,f.deprecate("The 'disabled' prop in Link is deprecated and will soon be removed.")),!O&&z&&(O=!0,f.deprecate("The 'tooltipMessage' prop in Link is deprecated and will soon be removed.")),!v&&A&&(v=!0,f.deprecate("The 'tooltipPosition' prop in Link is deprecated and will soon be removed.")),!h&&I&&(h=!0,f.deprecate("The 'isDarkBackground' prop in Link is deprecated and will soon be removed. Please use 'inverse' prop instead.")),!j[F]&&w[F]&&(j[F]=!0,f.deprecate(`The value '${F}' for the variant prop is deprecated and will soon be removed. Please use value '${w[F]}' instead.`));const Y=null!=R?R:I;var Z;const ee=null!==(Z=w[F])&&void 0!==Z?Z:F,ne=l((e=>{X.current=e,P&&("function"!=typeof P?"object"!=typeof P||(P.current=e):P(e))}),[P]),te=l((e=>{var n,t;null===(t=X.current)||void 0===t||null===(n=t.focus)||void 0===n||n.call(t,{preventScroll:!0}),null==$||$(e)}),[$]),re=(n="left")=>M&&x===n?e(c,{type:M,disabled:T,ariaLabel:E,tooltipMessage:z,tooltipPosition:A}):null,oe=a((()=>{const e=J;return Object.keys(e).filter((e=>e.startsWith("aria"))).reduce(((n,t)=>(n[t]=e[t],n)),{})}),[J]),ie=k(y({onKeyDown:D,onMouseDown:_,onClick:te,disabled:T,"aria-disabled":T||void 0,target:K,ref:ne,href:S,rel:N,"aria-label":E},oe),{onFocus:()=>U(!0),onBlur:()=>U(!1)}),le={type:"button"};return s((()=>{(T||!S&&!$)&&U(!1)}),[T,S,$]),e(d,k(y({$isSkipLink:B,$disabled:T,$underline:C,$iconAlign:x,className:W,$hasContent:Boolean(L),$variant:ee,$inverse:Y},u("link",J),B&&{"data-element":"skip-link"}),{$hasFocus:Q,$linkSize:q,$bold:H,children:(()=>{let o="a";return $&&!S&&(o="button"),r.createElement(o,"button"===o?y({},ie,le):k(y({},ie),{download:G,"data-role":"link-anchor"}),n(t,{children:[re(),e(p,{children:B?V.link.skipLinkLabel():L}),re("right")]}))})()}))}));P.displayName="Link";export{P as Link,P as default};

package/esm/components/link/link.config.d.ts

@@ -0,0 +1,3 @@
+export declare const LINK_POSITIONS: string[];
+export declare const LINK_ALIGNMENTS: string[];
+export declare const LINK_VARIANTS: string[];

package/esm/components/link/link.config.js

@@ -0,0 +1 @@
+const t=["bottom","left","right","top"],e=["left","right"],o=["default","negative","neutral"];export{e as LINK_ALIGNMENTS,t as LINK_POSITIONS,o as LINK_VARIANTS};

package/esm/components/link/link.style.d.ts

@@ -0,0 +1,34 @@
+/** @deprecated The value 'default' for the variant prop is deprecated and will soon be removed. Please use value 'typical' instead. */
+type DeprecatedDefaultVariant = "default";
+/** @deprecated The value 'neutral' for the variant prop is deprecated and will soon be removed. Please use value 'subtle' instead. */
+type DeprecatedNeutralVariant = "neutral";
+type Variants = "typical" | "negative" | "subtle" | DeprecatedDefaultVariant | DeprecatedNeutralVariant;
+export interface StyledLinkProps {
+    /** @deprecated The disabled state of the link. This prop is deprecated and will soon be removed. */
+    $disabled?: boolean;
+    /** Specifies when the link underline should be displayed. */
+    $underline?: "always" | "hover" | "never";
+    /** Which side of the link to the render the link. */
+    $iconAlign?: "left" | "right";
+    /** Allows to create skip link */
+    $isSkipLink?: boolean;
+    /** Allows link styling to be updated for light or dark backgrounds */
+    $variant?: Variants;
+    $hasFocus?: boolean;
+    /** Sets the correct link size */
+    $linkSize?: "medium" | "large";
+    /** Sets the colour styling when component is rendered on a dark background */
+    $inverse?: boolean;
+    /** @deprecated The 'isDarkBackground' prop in Link is deprecated and will soon be removed. Please use 'inverse' prop instead. */
+    $isDarkBackground?: boolean;
+    /** Sets the link style to bold */
+    $bold?: boolean;
+}
+interface PrivateStyledLinkProps {
+    $hasContent: boolean;
+}
+declare const StyledLink: import("styled-components").StyledComponent<"span", any, {
+    theme: object;
+} & StyledLinkProps & PrivateStyledLinkProps, "theme">;
+declare const StyledContent: import("styled-components").StyledComponent<"span", any, {}, never>;
+export { StyledLink, StyledContent };

package/esm/components/link/link.style.js

@@ -0,0 +1 @@
+import o,{css as l}from"styled-components";import e from"../../style/themes/apply-base-theme.js";import r from"../../style/utils/add-focus-styling.js";import a from"../icon/icon.style.js";import t from"../button/button.style.js";const i={light:o=>{let l="var(--link-typical-label-default)",e="var(--link-typical-label-hover)";return"negative"===o?(l="var(--link-destructive-label-default)",e="var(--link-destructive-label-hover)"):"subtle"===o&&(l="var(--link-subtle-label-default)",e="var(--link-subtle-label-hover)"),{color:l,hoverColor:e,focusColor:"var(--focus-label)",focusBgColor:"var(--focus-bg)",focusBoxShadowColor:"var(--focus-borderalt)"}},dark:o=>{let l="var(--link-typical-inverse-label-default)",e="var(--link-typical-inverse-label-hover)";return"negative"===o?(l="var(--link-destructive-inverse-label-default)",e="var(--link-destructive-inverse-label-hover)"):"subtle"===o&&(l="var(--link-subtle-inverse-label-default)",e="var(--link-subtle-inverse-label-hover)"),{color:l,hoverColor:e,focusColor:"var(--focus-inverse-label)",focusBgColor:"var(--focus-inverse-bg)",focusBoxShadowColor:"var(--focus-inverse-borderalt)"}}},n=o.span.attrs(e).withConfig({displayName:"link.style__StyledLink",componentId:"carbon_v162_12_0__sc-4dd5555c-0"})(["",""],(({$isSkipLink:o,theme:e,$iconAlign:n,$hasContent:s,$disabled:c,$underline:d,$variant:u,$inverse:b,$hasFocus:v,$linkSize:g,$bold:f})=>{const p=b?"dark":"light",{color:m,hoverColor:h,focusColor:k,focusBgColor:x,focusBoxShadowColor:y}=i[p](u);return l([""," "," "," > a,> button{> ","{display:",";position:relative;vertical-align:middle;}&:focus{outline:none;}}"," > button,","{background-color:transparent;border:none;padding:0;}"],o&&l(["a{position:absolute;box-sizing:border-box;display:inline-flex;min-height:var(--global-size-m);padding:var(--global-space-comp-m) var(--global-space-comp-xl);flex-direction:column;justify-content:center;align-items:flex-start;left:-999em;z-index:",";border:var(--global-borderwidth-s) solid var(--focus-borderalt);box-shadow:var(--global-depth-lvl1);border-radius:0 var(--global-radius-action-m) var(--global-radius-action-m) 0;background-color:var(--focus-bg);font:var(--global-font-static-comp-regular-m);color:var(--link-subtle-label-default);text-decoration:underline;outline:none;&:focus{top:var(--global-space-comp-s);left:0;}}"],e.zIndex.aboveAll),!o&&l(["> a,> button{"," text-decoration:",";"," ","}"],((o,e)=>{let r;return r="large"===o?e?"--global-font-static-comp-lined-medium-l":"--global-font-static-comp-regular-l":e?"--global-font-static-comp-lined-medium-m":"--global-font-static-comp-regular-m",l(["font:var(",");"],r)})(g,f),s&&"always"===d?"underline":"none",!c&&l(["color:",";","{width:20px;height:20px;color:",";::before{font-size:18px;line-height:18px;}"," ","}&:hover{color:",";text-decoration:",";> ","{color:",";}}&:not(:has(img,svg,picture)):focus{color:",";text-decoration:none;","{color:",";}}&:has(img,svg,picture){display:inline-block;vertical-align:middle;}&:has(img,svg,picture):focus{"," border-radius:var(--global-radius-action-xs);outline:default;}"],m,a,m,"left"===n&&l(["margin-right:",";"],s?"var(--global-space-comp-s)":0),"right"===n&&l(["margin-right:0;margin-left:",";"],s?"var(--global-space-comp-s)":0),h,!s||"hover"!==d&&"always"!==d?"none":"underline",a,h,k,a,k,r()),c&&l(["color:var(--colorsActionMajorYin030);&:hover,&:focus{cursor:not-allowed;color:var(--colorsActionMajorYin030);}"])),!c&&l(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),a,s?"inline-block":"inline",!o&&!c&&v&&l(["max-width:fit-content;&:not(:has(img,svg,picture)){border-radius:var(--global-radius-action-xs);background-color:",";box-shadow:0 var(--global-size-5-xs) 0 0 ",';}&:has([data-popover-container-button="true"]){border-bottom-left-radius:0;border-bottom-right-radius:0;}'],x,y),t)})),s=o.span.withConfig({displayName:"link.style__StyledContent",componentId:"carbon_v162_12_0__sc-4dd5555c-1"})([""]);export{s as StyledContent,n as StyledLink};

package/esm/components/link-preview/__internal__/placeholder.component.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const StyledPlaceHolder: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const Placeholder: () => React.JSX.Element;
+export default Placeholder;

package/esm/components/link-preview/__internal__/placeholder.component.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import"react";import i from"styled-components";const r=i.div.withConfig({displayName:"placeholder.component__StyledPlaceHolder",componentId:"carbon_v162_12_0__sc-25235b82-0"})(["position:absolute;inset:0;svg{display:block;width:100%;height:100%;}"]),l=()=>t(r,{"data-component":"link-preview-placeholder",children:e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"160",height:"90",viewBox:"0 0 160 90",fill:"none","aria-hidden":"true",children:[e("g",{clipPath:"url(#a)",children:[t("path",{fill:"#fff",d:"M0 0h160v90H0z"}),t("circle",{cx:"55",cy:"24",r:"7",fill:"#d1d1d1"}),t("rect",{width:"120.67",height:"120.75",fill:"#eaeaea",rx:"1.96",transform:"rotate(43.49 -29.82 90.72)skewX(.64)"}),t("rect",{width:"120.67",height:"120.75",fill:"url(#b)",fillOpacity:".05",rx:"1.96",transform:"rotate(43.49 -29.82 90.72)skewX(.64)"}),t("rect",{width:"120.67",height:"120.75",fill:"#d4d4d4",rx:"1.96",transform:"rotate(43.49 11.3 141.27)skewX(.64)"}),t("rect",{width:"120.67",height:"120.75",fill:"url(#c)",fillOpacity:".2",rx:"1.96",transform:"rotate(43.49 11.3 141.27)skewX(.64)"})]}),e("defs",{children:[e("linearGradient",{id:"b",x1:"22.48",x2:"3.83",y1:"46.88",y2:".45",gradientUnits:"userSpaceOnUse",children:[t("stop",{}),t("stop",{offset:"1",stopOpacity:"0"})]}),e("linearGradient",{id:"c",x1:"60.08",x2:"-12.97",y1:"40.62",y2:"15.5",gradientUnits:"userSpaceOnUse",children:[t("stop",{}),t("stop",{offset:"1",stopOpacity:"0"})]}),t("clipPath",{id:"a",children:t("path",{fill:"#fff",d:"M0 0h160v90H0z"})})]})]})});export{r as StyledPlaceHolder,l as default};

package/esm/components/link-preview/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./link-preview.component";
+export type { LinkPreviewProps } from "./link-preview.component";

package/esm/components/link-preview/index.js

@@ -0,0 +1 @@
+export{LinkPreview as default}from"./link-preview.component.js";

package/esm/components/link-preview/link-preview.component.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+interface ImageShape {
+    /** The url string to be passed to image src */
+    url: string;
+    /** The string to be passed to image alt */
+    alt?: string;
+}
+export interface LinkPreviewProps extends TagProps {
+    /** Used to set the root element to either an anchor link or div container */
+    as?: "a" | "div";
+    /** The description to be displayed */
+    description?: string;
+    /** The config for the image to be displayed */
+    image?: ImageShape;
+    /** Flag to trigger the loading animation */
+    isLoading?: boolean;
+    /** The callback for the close button. The button is rendered when this is set alongside `as="div"`. */
+    onClose?: (url?: string) => void;
+    /** The title to be displayed */
+    title?: string;
+    /** The url string to be displayed and to serve as the link's src */
+    url?: string;
+    /** Set the component's size. */
+    size?: "small" | "medium" | "large";
+}
+export declare const LinkPreview: {
+    ({ as, description, image, isLoading, onClose, title, url, size, ...rest }: LinkPreviewProps): React.JSX.Element;
+    displayName: string;
+};
+export default LinkPreview;

package/esm/components/link-preview/link-preview.component.js

@@ -0,0 +1 @@
+import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import"react";import{StyledContentWrapper as n,StyledTitleWrapper as i,StyledTitle as o,StyledDescription as l,StyledUrl as c,StyledLinkPreview as s,StyledThumbnailWrapper as a,StyledThumbnailImage as p,StyledWrapper as u}from"./link-preview.style.js";import{Preview as m}from"../preview/preview.component.js";import{Button as d}from"../button/__next__/button.component.js";import f from"../icon/icon.component.js";import"../icon/icon.style.js";import{Divider as b}from"../divider/divider.component.js";import v from"./__internal__/placeholder.component.js";import{Link as y}from"../link/link.component.js";import O from"../../__internal__/utils/helpers/tags/tags.js";import g from"../../hooks/__internal__/useLocale/useLocale.js";function h(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function j(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){h(e,r,t[r])}))}return e}function w(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const _=h=>{var _,P,{as:k,description:z,image:x,isLoading:L,onClose:S,title:$,url:D,size:C="medium"}=h,E=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(h,["as","description","image","isLoading","onClose","title","url","size"]);const A=g(),B=L||!D,I=!B&&"div"!==k,N=()=>({src:null==x?void 0:x.url,alt:(null==x?void 0:x.alt)||""}),T=()=>{if(null==D?void 0:D.includes("://")){const e=D.indexOf("://")+3;return D.substring(e)}return D},q={href:D,target:"_blank",rel:"noopener noreferrer"},F="small"===C?"medium":C,G="large"===C?"medium":"small",H=L||!D,J=H||!N().src,K=e(r,{children:[t(m,{loading:!0,my:"var(--global-space-comp-s)",height:"small"===C?"16px":"20px",width:"100%"}),t(m,{loading:!0,my:"var(--global-space-comp-s)",height:"10px",lines:"small"===C?2:3})]}),M=e(r,{children:[e(n,{children:[e(i,{$size:C,children:[$&&t(o,{$size:C,children:$}),S&&"div"===k&&t(d,{"aria-label":null===(P=A.linkPreview)||void 0===P||null===(_=P.closeButtonAriaLabel)||void 0===_?void 0:_.call(P),onClick:()=>S(D),variantType:"subtle",size:G,children:t(f,{type:"cross"})})]}),z&&t(l,{$size:C,children:z})]}),"div"===k?t(y,w(j({linkSize:F,variant:"subtle"},q),{children:T()})):t(c,{$size:C,children:T()})]});return e(s,w(j({as:B?"div":k},"div"===k&&{role:"article"},I&&j({},q),E,O("link-preview",E)),{children:[t(a,{children:J?t(v,{}):t(p,j({},!(null==x?void 0:x.alt)&&{"aria-hidden":"true"},N()))}),t(b,{m:0,type:"horizontal"}),t(u,{$size:C,$isLoading:H,children:H?K:M})]}))};_.displayName="LinkPreview";export{_ as LinkPreview,_ as default};

package/esm/components/link-preview/link-preview.style.d.ts

@@ -0,0 +1,18 @@
+interface StyledPreviewProps {
+    $size: "small" | "medium" | "large";
+    $isLoading?: boolean;
+}
+export declare const StyledWrapper: import("styled-components").StyledComponent<"div", any, StyledPreviewProps, never>;
+export declare const StyledContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTitleWrapper: import("styled-components").StyledComponent<"div", any, StyledPreviewProps, never>;
+export declare const StyledTitle: import("styled-components").StyledComponent<"div", any, StyledPreviewProps, never>;
+export declare const StyledDescription: import("styled-components").StyledComponent<"p", any, StyledPreviewProps, never>;
+export declare const StyledUrl: import("styled-components").StyledComponent<"div", any, StyledPreviewProps, never>;
+export declare const StyledThumbnailWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledThumbnailImage: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const StyledLinkPreview: import("styled-components").StyledComponent<"a", any, {
+    theme: object;
+} & {
+    as?: "a" | "div";
+}, "theme">;
+export {};

package/esm/components/link-preview/link-preview.style.js

@@ -0,0 +1 @@
+import e,{css as o}from"styled-components";import a from"../../style/utils/add-focus-styling.js";import t from"../../style/themes/apply-base-theme.js";const i={small:{wrapperPadding:"var(--global-space-comp-s)",wrapperGap:"var(--global-space-comp-xs)",titleWrapperGap:"var(--global-space-comp-s)",titleFont:"var(--global-font-static-comp-medium-s)",descriptionFont:"var(--global-font-static-comp-regular-s)",urlFont:"var(--global-font-static-comp-lined-regular-s)"},medium:{wrapperPadding:"var(--global-space-comp-m)",wrapperGap:"var(--global-space-comp-m)",titleWrapperGap:"var(--global-space-comp-m)",titleFont:"var(--global-font-static-comp-medium-m)",descriptionFont:"var(--global-font-static-comp-regular-m)",urlFont:"var(--global-font-static-comp-lined-regular-m)"},large:{wrapperPadding:"var(--global-space-comp-l)",wrapperGap:"var(--global-space-comp-m)",titleWrapperGap:"var(--global-space-comp-l)",titleFont:"var(--global-font-static-comp-medium-l)",descriptionFont:"var(--global-font-static-comp-regular-l)",urlFont:"var(--global-font-static-comp-lined-regular-l)"}},r=e.div.withConfig({displayName:"link-preview.style__StyledWrapper",componentId:"carbon_v162_12_0__sc-f277a2d1-0"})(["",""],(({$size:e,$isLoading:a})=>o(["display:flex;flex-direction:column;"," ",""],!a&&o(["padding:",";gap:",";"],i[e].wrapperPadding,i[e].wrapperGap),a&&o(["box-sizing:border-box;width:100%;padding:var(--global-space-comp-s) var(--global-space-comp-l);"])))),l=e.div.withConfig({displayName:"link-preview.style__StyledContentWrapper",componentId:"carbon_v162_12_0__sc-f277a2d1-1"})(["display:flex;flex-direction:column;"]),n=e.div.withConfig({displayName:"link-preview.style__StyledTitleWrapper",componentId:"carbon_v162_12_0__sc-f277a2d1-2"})(["",""],(({$size:e})=>o(["display:flex;align-items:flex-start;gap:",";"],i[e].titleWrapperGap))),p=e.div.withConfig({displayName:"link-preview.style__StyledTitle",componentId:"carbon_v162_12_0__sc-f277a2d1-3"})(["",""],(({$size:e})=>o(["display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1 0 0;text-overflow:ellipsis;overflow:hidden;white-space:normal;padding-top:var(--global-space-comp-xs);color:var(--container-action-txt-active);font:",";"],i[e].titleFont))),c=e.p.withConfig({displayName:"link-preview.style__StyledDescription",componentId:"carbon_v162_12_0__sc-f277a2d1-4"})(["",""],(({$size:e})=>o(["margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;color:var(--container-action-txt-alt-default);font:",";"],i[e].descriptionFont))),d=e.div.withConfig({displayName:"link-preview.style__StyledUrl",componentId:"carbon_v162_12_0__sc-f277a2d1-5"})(["",""],(({$size:e})=>o(["display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;color:var(--container-action-txt-active);font:",";text-decoration-line:underline;"],i[e].urlFont))),s=e.div.withConfig({displayName:"link-preview.style__StyledThumbnailWrapper",componentId:"carbon_v162_12_0__sc-f277a2d1-6"})(["width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;border-top-right-radius:var(--global-radius-container-xs);border-top-left-radius:var(--global-radius-container-xs);background-color:var(--container-action-bg-default);"]),m=e.img.withConfig({displayName:"link-preview.style__StyledThumbnailImage",componentId:"carbon_v162_12_0__sc-f277a2d1-7"})(["display:block;width:100%;height:100%;object-fit:contain;object-position:center;"]),v=e.a.attrs(t).withConfig({displayName:"link-preview.style__StyledLinkPreview",componentId:"carbon_v162_12_0__sc-f277a2d1-8"})(["",""],(({as:e})=>o(["display:flex;flex-direction:column;min-width:224px;width:fit-content;height:fit-content;max-width:400px;text-decoration:none;outline:none;box-sizing:border-box;border-radius:var(--global-radius-container-xs);border:var(--global-borderwidth-xs) solid var(--container-action-border-alt);background:var(--container-action-bg-default);",""],"div"!==e&&o(["&:focus{","}&:hover{cursor:pointer;border-color:var(--container-action-borderalt-hover);background:var(--container-action-bg-hover);",",",",","{color:var(--container-action-txt-hover);}}"],a(),p,c,d))));export{l as StyledContentWrapper,c as StyledDescription,v as StyledLinkPreview,m as StyledThumbnailImage,s as StyledThumbnailWrapper,p as StyledTitle,n as StyledTitleWrapper,d as StyledUrl,r as StyledWrapper};

package/esm/components/loader/__next__/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./loader.component";
+export type { LoaderProps } from "./loader.component";

package/esm/components/loader/__next__/index.js

@@ -0,0 +1 @@
+export{Loader as default}from"./loader.component.js";

package/esm/components/loader/__next__/internal/ring-loader.component.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { LoaderProps } from "../loader.component";
+declare const RingLoader: ({ inverse, size, variant, hasMotion, isTracked, animationTime, loaderLabel, showLabel, isSuccess, isError, }: LoaderProps) => React.JSX.Element;
+export default RingLoader;

package/esm/components/loader/__next__/internal/ring-loader.component.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useContext as a}from"react";import{StyledRingLoaderWrapper as r,StyledRingCircleSvg as n,StyledGradientFill as t,StyledLoaderLabel as l}from"../loader.style.js";import o from"../../../../hooks/__internal__/useLocale/useLocale.js";import s from"../../../button/__next__/button.context.js";const d=e=>e||.8,c=({inverse:c,size:m,variant:h,hasMotion:u,isTracked:g,animationTime:k,loaderLabel:f,showLabel:p,isSuccess:v,isError:x})=>{const _=o(),{isInsideButton:b}=a(s),j="ai-stacked"===h||"ai-inline"===h,T=b||"inline"===h||"ai-inline"===h?"inline":"stacked",w=b?"extra-small":m&&["extra-small","small","large"].includes(m)?m:"medium";return e(r,{loaderVariant:T,"data-role":"ring-loader-container",children:[e(n,{inverse:c,role:"presentation",size:w,variant:T,hasMotion:u,isTracked:g,animationTime:d(k),viewBox:"0 0 24 24",isSuccess:v,isError:x,isGradientVariant:j,children:[j&&i("defs",{children:e("mask",{id:"ai-ring-mask",children:[i("rect",{width:"24",height:"24",fill:"black"}),i("circle",{"data-role":"gradient-mask-arc"})]})}),i("circle",{"data-role":"outer-arc"}),j?i("foreignObject",{x:"0",y:"0",width:"24",height:"24",mask:"url(#ai-ring-mask)",children:i(t,{"data-role":"gradient-fill"})}):i("circle",{"data-role":"inner-arc"})]}),p&&i(l,{inverse:c,"data-role":"loader-label",variant:"span",loaderVariant:T,loaderType:"ring",$size:w,$isInsideButton:b,children:f||(null==_?void 0:_.loader.loading())})]})};export{c as default};

package/esm/components/loader/__next__/internal/standalone-loader.component.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { LoaderProps } from "../loader.component";
+declare const StandaloneLoader: ({ size, variant, inverse, loaderLabel, showLabel, animationTime, hasMotion, }: LoaderProps) => React.JSX.Element;
+export default StandaloneLoader;

package/esm/components/loader/__next__/internal/standalone-loader.component.js

@@ -0,0 +1 @@
+import{jsxs as a,Fragment as e,jsx as r}from"react/jsx-runtime";import"react";import{OuterBar as i,InnerBar as o,StyledLoaderLabel as n}from"../loader.style.js";import l from"../../../../hooks/__internal__/useLocale/useLocale.js";const t=({size:t,variant:s,inverse:d,loaderLabel:m,showLabel:c,animationTime:p,hasMotion:v})=>{const u=l(),h="typical"===s||"ai"===s?s:"typical",b="small"===t||"large"===t?t:"medium";return a(e,{children:[r(i,{"data-role":"outer-bar",size:b,variant:h,inverse:!!d,children:r(o,{"data-role":"inner-bar",size:b,variant:h,inverse:!!d,animationTime:(a=>a||2)(p),hasMotion:v})}),c&&r(n,{inverse:d,"data-role":"loader-label",variant:"span",loaderVariant:s,loaderType:"standalone",$size:t,children:m||(null==u?void 0:u.loader.loading())})]})};export{t as default};

package/esm/components/loader/__next__/internal/star.component.d.ts

@@ -0,0 +1,9 @@
+interface StarProps {
+    starContainerClassName: "star-1" | "star-2" | "star-3";
+    gradientId: "gradient1" | "gradient2" | "gradient3";
+}
+declare const Star: {
+    ({ starContainerClassName, gradientId, }: StarProps): JSX.Element;
+    displayName: string;
+};
+export default Star;

package/esm/components/loader/__next__/internal/star.component.js

@@ -0,0 +1 @@
+import{jsx as a,jsxs as e}from"react/jsx-runtime";import"react";import{StyledLoaderStarContainer as t,StyledStarSVG as l,GradientStopTop as r,GradientStopBottom as s}from"./star.style.js";const c=({starContainerClassName:c,gradientId:i})=>a(t,{"data-component":"star",role:"presentation",className:c,children:e(l,{className:"ai-star-svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 217 216",children:[a("path",{className:"ai-star-path",fill:"#000",fillRule:"evenodd",d:"M108.502 215.994c-.166.006-.334.006-.502.006-7.218 0-11.975-3.217-15.497-8.335-4.396-5.656-7.56-13.591-10.338-21.896l-.597-1.807-.667-2.063-.91-2.87-1.225-3.904c-1.831-5.82-3.65-11.42-5.751-16.135-1.456-2.661-3.075-5.078-4.921-7.146-.356-.391-.72-.777-1.094-1.156-4.054-4.038-9.808-7.093-16.262-9.726-14.49-4.937-33.33-8.698-43.486-17.634C2.766 119.712 0 114.918 0 108l.003-.413c.108-6.697 2.852-11.372 7.25-14.916 10.155-8.935 28.995-12.696 43.485-17.633C57.192 72.405 62.946 69.35 67 65.312c.373-.38.738-.765 1.094-1.156 1.846-2.068 3.465-4.485 4.922-7.145 2.567-5.764 4.713-12.849 6.976-20.04l.91-2.87.666-2.063.338-1.028c2.84-8.586 6.063-16.843 10.598-22.675C95.954 3.32 100.592.13 107.57.004L108 0c.168 0 .336 0 .502.006L109 0l.405.003c6.999.119 11.645 3.316 15.102 8.347 5.071 6.529 8.5 16.09 11.592 25.75l.335 1.054 2.362 7.501c1.645 5.178 3.304 10.125 5.19 14.358 1.456 2.66 3.074 5.075 4.92 7.142.356.392.72.778 1.094 1.157 4.054 4.038 9.808 7.093 16.262 9.726 14.49 4.937 33.33 8.698 43.486 17.634C214.234 96.288 217 101.082 217 108c0 6.918-2.766 11.712-7.252 15.328-10.156 8.936-28.996 12.697-43.486 17.634-6.454 2.633-12.208 5.688-16.262 9.726-.373.38-.738.765-1.094 1.157-1.846 2.067-3.464 4.482-4.92 7.142-1.886 4.233-3.545 9.18-5.19 14.358l-2.362 7.5-.335 1.054c-3.091 9.66-6.521 19.222-11.592 25.751-3.524 5.127-8.282 8.35-15.507 8.35l-.498-.006Z"}),a("defs",{children:e("linearGradient",{id:i,x1:"0%",y1:"0%",x2:"100%",y2:"100%",children:[a(r,{offset:"0%"}),a(s,{offset:"100%"})]})})]})});c.displayName="Star";export{c as default};