carbon-react 154.3.2 → 154.3.3-beta.1

package/lib/components/link/link.component.js

@@ -1,123 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Link = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _icon = _interopRequireDefault(require("../icon"));
-var _menu = _interopRequireDefault(require("../menu/__internal__/menu.context"));
-var _link = require("./link.style");
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
-var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-var _batchSelection = _interopRequireDefault(require("../batch-selection/__internal__/batch-selection.context"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const Link = exports.Link = /*#__PURE__*/_react.default.forwardRef(({
-  children,
-  onKeyDown,
-  href,
-  onClick,
-  onMouseDown,
-  icon,
-  iconAlign = "left",
-  isSkipLink,
-  disabled,
-  ariaLabel,
-  rel,
-  tooltipMessage,
-  tooltipPosition,
-  target,
-  variant = "default",
-  isDarkBackground,
-  removeAriaLabelOnIcon,
-  className,
-  ...rest
-}, ref) => {
-  const [hasFocus, setHasFocus] = (0, _react.useState)(false);
-  const l = (0, _useLocale.default)();
-  const {
-    inMenu
-  } = (0, _react.useContext)(_menu.default);
-  const {
-    batchSelectionDisabled
-  } = (0, _react.useContext)(_batchSelection.default);
-  const isDisabled = disabled || batchSelectionDisabled;
-  const setRefs = _react.default.useCallback(reference => {
-    if (!ref) return;
-    if (typeof ref === "object") ref.current = reference;
-    if (typeof ref === "function") {
-      ref(reference);
-    }
-  }, [ref]);
-  const renderLinkIcon = (currentAlignment = "left") => {
-    const hasProperAlignment = icon && iconAlign === currentAlignment;
-    return hasProperAlignment ? /*#__PURE__*/_react.default.createElement(_icon.default, {
-      type: icon,
-      disabled: isDisabled,
-      ariaLabel: removeAriaLabelOnIcon ? undefined : ariaLabel,
-      tooltipMessage: tooltipMessage,
-      tooltipPosition: tooltipPosition
-    }) : null;
-  };
-  const ariaProps = (0, _react.useMemo)(() => {
-    const restObject = rest;
-    return Object.keys(restObject).filter(key => key.startsWith("aria")).reduce((obj, key) => {
-      obj[key] = restObject[key];
-      return obj;
-    }, {});
-  }, [rest]);
-  const componentProps = {
-    onKeyDown,
-    onMouseDown,
-    onClick,
-    disabled: isDisabled,
-    target,
-    ref: setRefs,
-    href,
-    rel,
-    "aria-label": ariaLabel,
-    ...ariaProps,
-    onFocus: () => setHasFocus(true),
-    onBlur: () => setHasFocus(false)
-  };
-  const buttonProps = {
-    type: "button"
-  };
-  const createLinkBasedOnType = () => {
-    let type = "a";
-    if (onClick && !href) {
-      type = "button";
-    }
-    return /*#__PURE__*/_react.default.createElement(type, type === "button" ? {
-      ...componentProps,
-      ...buttonProps
-    } : {
-      ...componentProps,
-      "data-role": "link-anchor"
-    }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderLinkIcon(), /*#__PURE__*/_react.default.createElement(_link.StyledContent, null, isSkipLink ? l.link.skipLinkLabel() : children), renderLinkIcon("right")));
-  };
-  (0, _react.useEffect)(() => {
-    if (disabled || !(href || onClick)) {
-      setHasFocus(false);
-    }
-  }, [disabled, href, onClick]);
-  return /*#__PURE__*/_react.default.createElement(_link.StyledLink, _extends({
-    isSkipLink: isSkipLink,
-    disabled: isDisabled,
-    iconAlign: iconAlign,
-    className: className,
-    hasContent: Boolean(children),
-    variant: variant,
-    isDarkBackground: isDarkBackground,
-    isMenuItem: inMenu
-  }, (0, _tags.default)("link", rest), isSkipLink && {
-    "data-element": "skip-link"
-  }, {
-    hasFocus: hasFocus
-  }), createLinkBasedOnType());
-});
-Link.displayName = "Link";
-var _default = exports.default = Link;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../icon/icon.component.js"),r=require("../menu/__internal__/menu.context.js"),o=require("./link.style.js"),i=require("../../__internal__/utils/helpers/tags/tags.js"),a=require("../../hooks/__internal__/useLocale/useLocale.js"),l=require("../batch-selection/__internal__/batch-selection.context.js");function s(e){return e&&e.__esModule?e:{default:e}}var c=s(t);function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){u(e,t,n[t])}))}return e}function b(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 n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const p=c.default.forwardRef(((s,u)=>{var{children:p,onKeyDown:d,href:y,onClick:O,onMouseDown:j,icon:k,iconAlign:g="left",isSkipLink:h,disabled:m,ariaLabel:_,rel:v,tooltipMessage:w,tooltipPosition:P,target:L,variant:x="default",isDarkBackground:D,removeAriaLabelOnIcon:S,className:M}=s,q=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(s,["children","onKeyDown","href","onClick","onMouseDown","icon","iconAlign","isSkipLink","disabled","ariaLabel","rel","tooltipMessage","tooltipPosition","target","variant","isDarkBackground","removeAriaLabelOnIcon","className"]);const[C,A]=t.useState(!1),B=a.default(),{inMenu:E}=t.useContext(r.default),{batchSelectionDisabled:I}=t.useContext(l.default),N=m||I,F=c.default.useCallback((e=>{u&&("object"==typeof u&&(u.current=e),"function"==typeof u&&u(e))}),[u]),K=(t="left")=>k&&g===t?e.jsx(n.default,{type:k,disabled:N,ariaLabel:S?void 0:_,tooltipMessage:w,tooltipPosition:P}):null,R=t.useMemo((()=>{const e=q;return Object.keys(e).filter((e=>e.startsWith("aria"))).reduce(((t,n)=>(t[n]=e[n],t)),{})}),[q]),W=b(f({onKeyDown:d,onMouseDown:j,onClick:O,disabled:N,target:L,ref:F,href:y,rel:v,"aria-label":_},R),{onFocus:()=>A(!0),onBlur:()=>A(!1)}),z={type:"button"};return t.useEffect((()=>{(m||!y&&!O)&&A(!1)}),[m,y,O]),e.jsx(o.StyledLink,b(f({isSkipLink:h,disabled:N,iconAlign:g,className:M,hasContent:Boolean(p),variant:x,isDarkBackground:D,isMenuItem:E},i.default("link",q),h&&{"data-element":"skip-link"}),{hasFocus:C,children:(()=>{let t="a";return O&&!y&&(t="button"),c.default.createElement(t,"button"===t?f({},W,z):b(f({},W),{"data-role":"link-anchor"}),e.jsxs(e.Fragment,{children:[K(),e.jsx(o.StyledContent,{children:h?B.link.skipLinkLabel():p}),K("right")]}))})()}))}));p.displayName="Link",exports.Link=p,exports.default=p;

package/lib/components/link/link.config.js

@@ -1,9 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LINK_VARIANTS = exports.LINK_POSITIONS = exports.LINK_ALIGNMENTS = void 0;
-const LINK_POSITIONS = exports.LINK_POSITIONS = ["bottom", "left", "right", "top"];
-const LINK_ALIGNMENTS = exports.LINK_ALIGNMENTS = ["left", "right"];
-const LINK_VARIANTS = exports.LINK_VARIANTS = ["default", "negative", "neutral"];
+"use strict";exports.LINK_ALIGNMENTS=["left","right"],exports.LINK_POSITIONS=["bottom","left","right","top"],exports.LINK_VARIANTS=["default","negative","neutral"];

package/lib/components/link/link.style.js

@@ -1,210 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledLink = exports.StyledContent = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-var _icon = _interopRequireDefault(require("../icon/icon.style"));
-var _button = _interopRequireDefault(require("../button/button.style"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const colorMap = {
-  light: variant => {
-    let color = "var(--colorsActionMajor500)";
-    let hoverColor = "var(--colorsActionMajor600)";
-    if (variant === "negative") {
-      color = "var(--colorsSemanticNegative500)";
-      hoverColor = "var(--colorsSemanticNegative600)";
-    } else if (variant === "neutral") {
-      color = "var(--colorsActionMajorYin090)";
-    }
-    return {
-      color,
-      hoverColor,
-      disabledColor: "var(--colorsActionMajorYin030)"
-    };
-  },
-  dark: variant => {
-    let color = "var(--colorsActionMajor350)";
-    let hoverColor = "var(--colorsActionMajor450)";
-    if (variant === "negative") {
-      color = "var(--colorsSemanticNegative350)";
-      hoverColor = "var(--colorsSemanticNegative450)";
-    } else if (variant === "neutral") {
-      color = "var(--colorsActionMinor100)";
-    }
-    return {
-      color,
-      hoverColor,
-      disabledColor: "var(--colorsActionMajorYang030)"
-    };
-  }
-};
-const StyledLink = exports.StyledLink = _styledComponents.default.span`
-  ${({
-  isSkipLink,
-  theme,
-  iconAlign,
-  hasContent,
-  disabled,
-  variant,
-  isDarkBackground,
-  isMenuItem,
-  hasFocus
-}) => {
-  const colorMapKey = isDarkBackground ? "dark" : "light";
-  const {
-    color,
-    hoverColor,
-    disabledColor
-  } = colorMap[colorMapKey](variant);
-  return (0, _styledComponents.css)`
-      ${isSkipLink && (0, _styledComponents.css)`
-        a {
-          position: absolute;
-          padding-left: var(--spacing300);
-          padding-right: var(--spacing300);
-          line-height: var(--sizing600);
-          left: -999em;
-          z-index: ${theme.zIndex.aboveAll};
-          border: 3px solid var(--colorsUtilityYin100);
-          box-shadow: var(--boxShadow300);
-          border-radius: var(--spacing000) var(--spacing100) var(--spacing100)
-            var(--spacing000);
-          font-size: var(--fontSizes100);
-          color: var(--colorsUtilityYin090);
-
-          &:hover {
-            cursor: pointer;
-            color: var(--colorsUtilityYin090);
-
-            ${_icon.default} {
-              color: var(--colorsActionMajor600);
-            }
-          }
-
-          &:focus {
-            background-color: var(--colorsSemanticFocus500);
-            text-decoration: underline var(--colorsUtilityYin100);
-            text-decoration-thickness: 4px;
-            text-underline-offset: 3px;
-            -webkit-text-decoration: underline var(--colorsUtilityYin100);
-            -webkit-text-decoration-thickness: 4px;
-            -webkit-text-underline-offset: 3px;
-          }
-        }
-
-        a:focus {
-          top: var(--spacing100);
-          left: var(--spacing000);
-        }
-      `}
-
-      ${!isSkipLink && (0, _styledComponents.css)`
-        > a,
-        > button {
-          font-size: var(--fontSizes100);
-
-          ${!disabled && (0, _styledComponents.css)`
-            color: ${color};
-            ${_icon.default} {
-              color: ${color};
-            }
-
-            &:hover {
-              color: ${hoverColor};
-
-              > ${_icon.default} {
-                color: ${hoverColor};
-              }
-            }
-
-            &:focus {
-              background-color: var(--colorsSemanticFocus250);
-              border-radius: var(--borderRadius025);
-            }
-          `}
-
-          ${disabled && (0, _styledComponents.css)`
-            color: ${disabledColor};
-            &:hover,
-            &:focus {
-              color: ${disabledColor};
-            }
-          `}
-        }
-      `}
-
-      ${!disabled && (0, _styledComponents.css)`
-        > a:any-link:hover,
-        > button:hover {
-          cursor: pointer;
-        }
-      `}
-
-      > a,
-      > button {
-        text-decoration: ${hasContent ? "underline" : "none"};
-        ${isMenuItem && "display: inline-block;"}
-
-        > ${_icon.default} {
-          display: ${hasContent ? "inline-block" : "inline"};
-          position: relative;
-          vertical-align: middle;
-          ${iconAlign === "left" && (0, _styledComponents.css)`
-            margin-right: ${hasContent ? "var(--spacing050)" : 0};
-          `}
-          ${iconAlign === "right" && (0, _styledComponents.css)`
-            margin-right: 0;
-            margin-left: ${hasContent ? "var(--spacing100)" : 0};
-          `}
-        }
-
-        &:focus {
-          color: var(--colorsActionMajorYin090);
-          outline: none;
-
-          ${_icon.default} {
-            color: var(--colorsActionMajorYin090);
-          }
-        }
-
-        ${disabled && (0, _styledComponents.css)`
-          &:hover,
-          &:focus {
-            cursor: not-allowed;
-          }
-        `}
-      }
-
-      ${!isSkipLink && !disabled && hasFocus && (0, _styledComponents.css)`
-        > a,
-        > button {
-          outline: none;
-          text-decoration: none;
-          border-bottom-left-radius: var(--borderRadius000);
-          border-bottom-right-radius: var(--borderRadius000);
-        }
-        max-width: fit-content;
-        box-shadow: 0 var(--spacing050) 0 0 var(--colorsUtilityYin090);
-        border-bottom-left-radius: var(--borderRadius025);
-        border-bottom-right-radius: var(--borderRadius025);
-      `}
-
-      > button, ${_button.default}:not(.search-button) {
-        background-color: transparent;
-        border: none;
-        padding: 0;
-      }
-    `;
-}}
-`;
-StyledLink.defaultProps = {
-  theme: _base.default,
-  disabled: false,
-  hasContent: true
-};
-const StyledContent = exports.StyledContent = _styledComponents.default.span``;
+"use strict";var o=require("styled-components"),r=require("../../style/themes/base/index.js"),t=require("../icon/icon.style.js"),e=require("../button/button.style.js");function a(o){return o&&o.__esModule?o:{default:o}}var i=a(o);const n={light:o=>{let r="var(--colorsActionMajor500)",t="var(--colorsActionMajor600)";return"negative"===o?(r="var(--colorsSemanticNegative500)",t="var(--colorsSemanticNegative600)"):"neutral"===o&&(r="var(--colorsActionMajorYin090)"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYin030)"}},dark:o=>{let r="var(--colorsActionMajor350)",t="var(--colorsActionMajor450)";return"negative"===o?(r="var(--colorsSemanticNegative350)",t="var(--colorsSemanticNegative450)"):"neutral"===o&&(r="var(--colorsActionMinor100)"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYang030)"}}},s=i.default.span.withConfig({displayName:"link.style__StyledLink",componentId:"sc-2d34dd4a-0"})(["",""],(({isSkipLink:r,theme:a,iconAlign:i,hasContent:s,disabled:l,variant:c,isDarkBackground:d,isMenuItem:u,hasFocus:v})=>{const b=d?"dark":"light",{color:g,hoverColor:p,disabledColor:f}=n[b](c);return o.css([""," "," "," > a,> button{text-decoration:",";"," > ","{display:",";position:relative;vertical-align:middle;"," ","}&:focus{color:var(--colorsActionMajorYin090);outline:none;","{color:var(--colorsActionMajorYin090);}}","}"," > button,",":not(.search-button){background-color:transparent;border:none;padding:0;}"],r&&o.css(["a{position:absolute;padding-left:var(--spacing300);padding-right:var(--spacing300);line-height:var(--sizing600);left:-999em;z-index:",";border:3px solid var(--colorsUtilityYin100);box-shadow:var(--boxShadow300);border-radius:var(--spacing000) var(--spacing100) var(--spacing100) var(--spacing000);font-size:var(--fontSizes100);color:var(--colorsUtilityYin090);&:hover{cursor:pointer;color:var(--colorsUtilityYin090);","{color:var(--colorsActionMajor600);}}&:focus{background-color:var(--colorsSemanticFocus500);text-decoration:underline var(--colorsUtilityYin100);text-decoration-thickness:4px;text-underline-offset:3px;-webkit-text-decoration:underline var(--colorsUtilityYin100);-webkit-text-decoration-thickness:4px;-webkit-text-underline-offset:3px;}}a:focus{top:var(--spacing100);left:var(--spacing000);}"],a.zIndex.aboveAll,t.default),!r&&o.css(["> a,> button{font-size:var(--fontSizes100);"," ","}"],!l&&o.css(["color:",";","{color:",";}&:hover{color:",";> ","{color:",";}}&:focus{background-color:var(--colorsSemanticFocus250);border-radius:var(--borderRadius025);}"],g,t.default,g,p,t.default,p),l&&o.css(["color:",";&:hover,&:focus{color:",";}"],f,f)),!l&&o.css(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),s?"underline":"none",u&&"display: inline-block;",t.default,s?"inline-block":"inline","left"===i&&o.css(["margin-right:",";"],s?"var(--spacing050)":0),"right"===i&&o.css(["margin-right:0;margin-left:",";"],s?"var(--spacing100)":0),t.default,l&&o.css(["cursor:not-allowed;"]),!r&&!l&&v&&o.css(["> a,> button{outline:none;text-decoration:none;border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}max-width:fit-content;box-shadow:0 var(--spacing050) 0 0 var(--colorsUtilityYin090);border-bottom-left-radius:var(--borderRadius025);border-bottom-right-radius:var(--borderRadius025);"]),e.default)}));s.defaultProps={theme:r.default,disabled:!1,hasContent:!0};const l=i.default.span.withConfig({displayName:"link.style__StyledContent",componentId:"sc-2d34dd4a-1"})([""]);exports.StyledContent=l,exports.StyledLink=s;

package/lib/components/link/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/link/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/link/index.js",
   "types": "./index.d.ts"
 }

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

@@ -1,56 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.StyledPlaceHolder = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const StyledPlaceHolder = exports.StyledPlaceHolder = _styledComponents.default.div`
-  overflow: hidden;
-  position: relative;
-  height: 152px;
-  min-width: 152px;
-  background-color: var(--colorsUtilityMajor025);
-  border-bottom-left-radius: var(--borderRadius100);
-  border-top-left-radius: var(--borderRadius100);
-`;
-const Circle = _styledComponents.default.div`
-  height: 22px;
-  width: 22px;
-  border-radius: 50%;
-  background-color: var(--colorsUtilityMajor100);
-  position: absolute;
-  left: 22px;
-  top: 30px;
-`;
-const Square = _styledComponents.default.div`
-  height: 200px;
-  width: 200px;
-  transform: rotate(45deg);
-  background-color: ${({
-  color
-}) => color};
-  position: absolute;
-  border-radius: 2%;
-  top: ${({
-  top
-}) => top};
-  left: ${({
-  left
-}) => left};
-`;
-const Placeholder = () => /*#__PURE__*/_react.default.createElement(StyledPlaceHolder, {
-  "data-component": "link preview image placeholder",
-  "data-role": "link preview image placeholder"
-}, /*#__PURE__*/_react.default.createElement(Circle, null), /*#__PURE__*/_react.default.createElement(Square, {
-  color: "var(--colorsUtilityMajor050)",
-  top: "120px",
-  left: "-64px"
-}), /*#__PURE__*/_react.default.createElement(Square, {
-  color: "var(--colorsUtilityMajor150)",
-  top: "96px",
-  left: "16px"
-}));
-var _default = exports.default = Placeholder;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");function o(e){return e&&e.__esModule?e:{default:e}}require("react");var r=o(require("styled-components"));const t=r.default.div.withConfig({displayName:"placeholder.component__StyledPlaceHolder",componentId:"sc-9e7fe579-0"})(["overflow:hidden;position:relative;height:152px;min-width:152px;background-color:var(--colorsUtilityMajor025);border-bottom-left-radius:var(--borderRadius100);border-top-left-radius:var(--borderRadius100);"]),l=r.default.div.withConfig({displayName:"placeholder.component__Circle",componentId:"sc-9e7fe579-1"})(["height:22px;width:22px;border-radius:50%;background-color:var(--colorsUtilityMajor100);position:absolute;left:22px;top:30px;"]),i=r.default.div.withConfig({displayName:"placeholder.component__Square",componentId:"sc-9e7fe579-2"})(["height:200px;width:200px;transform:rotate(45deg);background-color:",";position:absolute;border-radius:2%;top:",";left:",";"],(({color:e})=>e),(({top:e})=>e),(({left:e})=>e));exports.StyledPlaceHolder=t,exports.default=()=>e.jsxs(t,{"data-component":"link preview image placeholder","data-role":"link preview image placeholder",children:[e.jsx(l,{}),e.jsx(i,{color:"var(--colorsUtilityMajor050)",top:"120px",left:"-64px"}),e.jsx(i,{color:"var(--colorsUtilityMajor150)",top:"96px",left:"16px"})]});

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

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _linkPreview.default;
-  }
-});
-var _linkPreview = _interopRequireDefault(require("./link-preview.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./link-preview.component.js");exports.default=e.LinkPreview;

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

@@ -1,66 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.LinkPreview = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _linkPreview = require("./link-preview.style");
-var _image = _interopRequireDefault(require("../image"));
-var _preview = _interopRequireDefault(require("../preview"));
-var _iconButton = _interopRequireDefault(require("../icon-button"));
-var _icon = _interopRequireDefault(require("../icon"));
-var _placeholder = _interopRequireDefault(require("./__internal__/placeholder.component"));
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const SCHEME_SEPARATOR = "://";
-const LinkPreview = ({
-  as,
-  description,
-  image,
-  isLoading,
-  onClose,
-  title,
-  url,
-  ...rest
-}) => {
-  const loadingState = isLoading || !url;
-  const canRenderAsLink = !loadingState && as !== "div";
-  const imageProps = () => {
-    return {
-      src: image?.url,
-      alt: image?.alt || "Link preview image",
-      height: "152px"
-    };
-  };
-  const displayUrl = () => {
-    if (url?.includes(SCHEME_SEPARATOR)) {
-      const startIndex = url.indexOf(SCHEME_SEPARATOR) + SCHEME_SEPARATOR.length;
-      return url.substring(startIndex);
-    }
-    return url;
-  };
-  const linkProps = canRenderAsLink ? {
-    href: url,
-    target: "_blank",
-    rel: "noopener noreferrer"
-  } : {};
-  return /*#__PURE__*/_react.default.createElement(_linkPreview.StyledLinkPreview, _extends({
-    as: loadingState ? "div" : as,
-    tabIndex: loadingState || as === "div" ? -1 : 0
-  }, linkProps, rest, (0, _tags.default)("link-preview", rest)), imageProps().src ? /*#__PURE__*/_react.default.createElement(_image.default, imageProps()) : /*#__PURE__*/_react.default.createElement(_placeholder.default, null), /*#__PURE__*/_react.default.createElement(_linkPreview.StyledPreviewWrapper, {
-    isLoading: loadingState
-  }, /*#__PURE__*/_react.default.createElement(_preview.default, {
-    loading: loadingState,
-    lines: 4
-  }, /*#__PURE__*/_react.default.createElement(_linkPreview.StyledTitle, null, title), /*#__PURE__*/_react.default.createElement(_linkPreview.StyledDescription, null, /*#__PURE__*/_react.default.createElement("div", null, description)), /*#__PURE__*/_react.default.createElement(_linkPreview.StyledUrl, null, displayUrl()))), onClose && as === "div" && /*#__PURE__*/_react.default.createElement(_linkPreview.StyledCloseIconWrapper, null, /*#__PURE__*/_react.default.createElement(_iconButton.default, {
-    "aria-label": "link preview close button",
-    onClick: () => onClose(url)
-  }, /*#__PURE__*/_react.default.createElement(_icon.default, {
-    type: "close"
-  }))));
-};
-exports.LinkPreview = LinkPreview;
-LinkPreview.displayName = "LinkPreview";
-var _default = exports.default = LinkPreview;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("./link-preview.style.js"),t=require("../image/image.component.js"),n=require("../preview/preview.component.js"),i=require("../icon-button/icon-button.component.js"),o=require("../icon/icon.component.js"),l=require("./__internal__/placeholder.component.js"),s=require("../../__internal__/utils/helpers/tags/tags.js");function c(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function a(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){c(e,r,t[r])}))}return e}const u=c=>{var{as:u,description:p,image:d,isLoading:j,onClose:b,title:f,url:y}=c,v=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}(c,["as","description","image","isLoading","onClose","title","url"]);const O=j||!y,g=()=>({src:null==d?void 0:d.url,alt:(null==d?void 0:d.alt)||"Link preview image",height:"152px"}),m=O||"div"===u?{}:{href:y,target:"_blank",rel:"noopener noreferrer"};return e.jsxs(r.StyledLinkPreview,(w=a({as:O?"div":u,tabIndex:O||"div"===u?-1:0},m,v,s.default("link-preview",v)),x=null!=(x={children:[g().src?e.jsx(t.Image,a({},g())):e.jsx(l.default,{}),e.jsx(r.StyledPreviewWrapper,{isLoading:O,children:e.jsxs(n.Preview,{loading:O,lines:4,children:[e.jsx(r.StyledTitle,{children:f}),e.jsx(r.StyledDescription,{children:e.jsx("div",{children:p})}),e.jsx(r.StyledUrl,{children:(()=>{if(null==y?void 0:y.includes("://")){const e=y.indexOf("://")+3;return y.substring(e)}return y})()})]})}),b&&"div"===u&&e.jsx(r.StyledCloseIconWrapper,{children:e.jsx(i.default,{"aria-label":"link preview close button",onClick:()=>b(y),children:e.jsx(o.default,{type:"close"})})})]})?x:{},Object.getOwnPropertyDescriptors?Object.defineProperties(w,Object.getOwnPropertyDescriptors(x)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(x)).forEach((function(e){Object.defineProperty(w,e,Object.getOwnPropertyDescriptor(x,e))})),w));var w,x};u.displayName="LinkPreview",exports.LinkPreview=u,exports.default=u;

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

@@ -1,97 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledUrl = exports.StyledTitle = exports.StyledPreviewWrapper = exports.StyledLinkPreview = exports.StyledDescription = exports.StyledCloseIconWrapper = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _preview = require("../preview/preview.style");
-var _addFocusStyling = _interopRequireDefault(require("../../style/utils/add-focus-styling"));
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledLinkPreview = exports.StyledLinkPreview = _styledComponents.default.a`
-  display: flex;
-  margin: 8px;
-  text-decoration: none;
-  outline: none;
-
-  ${({
-  as
-}) => (0, _styledComponents.css)`
-    border: 1px solid var(--colorsUtilityMajor050);
-    border-radius: var(--borderRadius100);
-    background-color: var(--colorsUtilityMajor025);
-    color: var(--colorsUtilityYin090);
-
-    ${as !== "div" && (0, _styledComponents.css)`
-      :focus {
-        ${(0, _addFocusStyling.default)()}
-      }
-
-      :hover {
-        cursor: pointer;
-        background-color: var(--colorsUtilityMajor100);
-      }
-    `}
-  `}
-`;
-StyledLinkPreview.defaultProps = {
-  theme: _base.default
-};
-const StyledCloseIconWrapper = exports.StyledCloseIconWrapper = _styledComponents.default.div`
-  padding: 16px;
-`;
-const StyledPreviewWrapper = exports.StyledPreviewWrapper = _styledComponents.default.div`
-  flex-grow: 1;
-  padding: 16px;
-
-  ${({
-  isLoading
-}) => !isLoading && (0, _styledComponents.css)`
-      ${_preview.StyledPreview} {
-        display: flex;
-        flex-direction: column;
-        height: 100%;
-      }
-    `}
-
-  ${_preview.StyledPreviewPlaceholder}:first-of-type {
-    margin-top: 8px;
-  }
-
-  ${_preview.StyledPreviewPlaceholder}:not(:first-of-type) {
-    margin-top: 16px;
-  }
-`;
-const StyledTitle = exports.StyledTitle = _styledComponents.default.div`
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 21px;
-`;
-const StyledDescription = exports.StyledDescription = _styledComponents.default.div`
-  > div {
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 21px;
-    padding-top: 4px;
-  }
-
-  flex-grow: 1;
-`;
-const StyledUrl = exports.StyledUrl = _styledComponents.default.div`
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 21px;
-  color: var(--colorsUtilityMajor400);
-`;
+"use strict";var e=require("styled-components"),i=require("../preview/preview.style.js"),t=require("../../style/utils/add-focus-styling.js"),o=require("../../style/themes/base/index.js");function l(e){return e&&e.__esModule?e:{default:e}}var r=l(e);const s=r.default.a.withConfig({displayName:"link-preview.style__StyledLinkPreview",componentId:"sc-91c0f66b-0"})(["display:flex;margin:8px;text-decoration:none;outline:none;",""],(({as:i})=>e.css(["border:1px solid var(--colorsUtilityMajor050);border-radius:var(--borderRadius100);background-color:var(--colorsUtilityMajor025);color:var(--colorsUtilityYin090);",""],"div"!==i&&e.css([":focus{","}:hover{cursor:pointer;background-color:var(--colorsUtilityMajor100);}"],t.default()))));s.defaultProps={theme:o.default};const d=r.default.div.withConfig({displayName:"link-preview.style__StyledCloseIconWrapper",componentId:"sc-91c0f66b-1"})(["padding:16px;"]),n=r.default.div.withConfig({displayName:"link-preview.style__StyledPreviewWrapper",componentId:"sc-91c0f66b-2"})(["flex-grow:1;padding:16px;"," ",":first-of-type{margin-top:8px;}",":not(:first-of-type){margin-top:16px;}"],(({isLoading:t})=>!t&&e.css(["","{display:flex;flex-direction:column;height:100%;}"],i.StyledPreview)),i.StyledPreviewPlaceholder,i.StyledPreviewPlaceholder),p=r.default.div.withConfig({displayName:"link-preview.style__StyledTitle",componentId:"sc-91c0f66b-3"})(["white-space:nowrap;text-overflow:ellipsis;font-weight:500;font-size:14px;line-height:21px;"]),a=r.default.div.withConfig({displayName:"link-preview.style__StyledDescription",componentId:"sc-91c0f66b-4"})(["> div{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-weight:400;font-size:14px;line-height:21px;padding-top:4px;}flex-grow:1;"]),c=r.default.div.withConfig({displayName:"link-preview.style__StyledUrl",componentId:"sc-91c0f66b-5"})(["white-space:nowrap;text-overflow:ellipsis;font-weight:400;font-size:14px;line-height:21px;color:var(--colorsUtilityMajor400);"]);exports.StyledCloseIconWrapper=d,exports.StyledDescription=a,exports.StyledLinkPreview=s,exports.StyledPreviewWrapper=n,exports.StyledTitle=p,exports.StyledUrl=c;

package/lib/components/link-preview/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/link-preview/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/link-preview/index.js",
   "types": "./index.d.ts"
 }

package/lib/components/loader/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _loader.default;
-  }
-});
-var _loader = _interopRequireDefault(require("./loader.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./loader.component.js");exports.default=e.Loader;