carbon-react 162.12.0-beta.1 → 162.13.0

package/lib/components/pill/pill.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import t,{StyledDeleteButton as o}from"./pill.style.js";import n from"../icon/icon.component.js";import"../icon/icon.style.js";import i from"../../__internal__/utils/helpers/tags/tags.js";import l from"../../hooks/__internal__/useLocale/useLocale.js";function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const c={neutral:"grey",positive:"green",negative:"red",warning:"orange",information:"blue",neutralWhite:"grey"},s=s=>{var{wrapText:p,borderColor:u,colorVariant:b,variant:f,isDarkBackground:y=!1,inverse:O=!1,icon:m,children:g,fill:j=!1,maxWidth:d,onClick:v,onDelete:h,pillRole:w,size:P="M",ariaLabelOfRemoveButton:k}=s,x=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(s,["wrapText","borderColor","colorVariant","variant","isDarkBackground","inverse","icon","children","fill","maxWidth","onClick","onDelete","pillRole","size","ariaLabelOfRemoveButton"]);const D=l(),$=null!=w?w:"tag",_=((e,r)=>void 0!==e?e:void 0!==r?c[r]:"grey")(f,b);return e(t,(C=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){a(e,r,t[r])}))}return e}({$inFill:j,$colorVariant:_,$inverse:O||y,$isDeletable:!!h,$pillRole:$,$size:P,$borderColor:u,onClick:v,$maxWidth:d,$wrapText:p},x,i("pill",x)),S=null!=(S={children:[m,g,h&&r(o,{type:"button",onClick:e=>h(e),"data-element":"close","aria-label":k||D.pill.remove(g),children:r(n,{type:"cross"})})]})?S:{},Object.getOwnPropertyDescriptors?Object.defineProperties(C,Object.getOwnPropertyDescriptors(S)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(S)).forEach((function(e){Object.defineProperty(C,e,Object.getOwnPropertyDescriptor(S,e))})),C));var C,S};export{s as Pill,s as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("./pill.style.js"),t=require("../icon/icon.component.js");require("../icon/icon.style.js");var n=require("../../__internal__/utils/helpers/tags/tags.js"),o=require("../../hooks/__internal__/useLocale/useLocale.js");function l(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const i={neutral:"grey",positive:"green",negative:"red",warning:"orange",information:"blue",neutralWhite:"grey"},a=a=>{var{wrapText:c,borderColor:s,colorVariant:u,variant:p,isDarkBackground:b=!1,inverse:f=!1,icon:y,children:O,fill:d=!1,maxWidth:j,onClick:g,onDelete:v,pillRole:m,size:h="M",ariaLabelOfRemoveButton:w}=a,x=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(a,["wrapText","borderColor","colorVariant","variant","isDarkBackground","inverse","icon","children","fill","maxWidth","onClick","onDelete","pillRole","size","ariaLabelOfRemoveButton"]);const P=o.default(),k=null!=m?m:"tag",D=((e,r)=>void 0!==e?e:void 0!==r?i[r]:"grey")(p,u);return e.jsxs(r.default,(_=function(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){l(e,r,t[r])}))}return e}({$inFill:d,$colorVariant:D,$inverse:f||b,$isDeletable:!!v,$pillRole:k,$size:h,$borderColor:s,onClick:g,$maxWidth:j,$wrapText:c},x,n.default("pill",x)),$=null!=($={children:[y,O,v&&e.jsx(r.StyledDeleteButton,{type:"button",onClick:e=>v(e),"data-element":"close","aria-label":w||P.pill.remove(O),children:e.jsx(t.default,{type:"cross"})})]})?$:{},Object.getOwnPropertyDescriptors?Object.defineProperties(_,Object.getOwnPropertyDescriptors($)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object($)).forEach((function(e){Object.defineProperty(_,e,Object.getOwnPropertyDescriptor($,e))})),_));var _,$};exports.Pill=a,exports.default=a;

package/lib/components/pill/pill.style.config.js

@@ -1 +1 @@
-var l=l=>{const e=l?"var(--pill-generic-inverse-label-default)":"var(--pill-generic-label-default)",r=l?"var(--pill-generic-inverse-label-alt-default)":"var(--pill-generic-label-alt-default)";return{status:{grey:{varietyColor:l?"var(--pill-gray-inverse-bg-default)":"var(--pill-gray-bg-default)",varietyColorAlt:l?"var(--pill-gray-inverse-bg-alt-default)":"var(--pill-gray-bg-alt-default)",varietyBorderColor:l?"var(--pill-gray-inverse-border-default)":"var(--pill-gray-border-default)",buttonFocus:l?"var(--pill-gray-inverse-bg-hover)":"var(--pill-gray-bg-hover)",buttonFocusAlt:l?"var(--pill-gray-inverse-bg-alt-hover)":"var(--pill-gray-bg-alt-hover)",content:e,contentAlt:r},green:{varietyColor:l?"var(--pill-green-inverse-bg-default)":"var(--pill-green-bg-default)",varietyColorAlt:l?"var(--pill-green-inverse-bg-alt-default)":"var(--pill-green-bg-alt-default)",varietyBorderColor:l?"var(--pill-green-inverse-border-default)":"var(--pill-green-border-default)",buttonFocus:l?"var(--pill-green-inverse-bg-hover)":"var(--pill-green-bg-hover)",buttonFocusAlt:l?"var(--pill-green-inverse-bg-alt-hover)":"var(--pill-green-bg-alt-hover)",content:e,contentAlt:r},red:{varietyColor:l?"var(--pill-red-inverse-bg-default)":"var(--pill-red-bg-default)",varietyColorAlt:l?"var(--pill-red-inverse-bg-alt-default)":"var(--pill-red-bg-alt-default)",varietyBorderColor:l?"var(--pill-red-inverse-border-default)":"var(--pill-red-border-default)",buttonFocus:l?"var(--pill-red-inverse-bg-hover)":"var(--pill-red-bg-hover)",buttonFocusAlt:l?"var(--pill-red-inverse-bg-alt-hover)":"var(--pill-red-bg-alt-hover)",content:e,contentAlt:r},orange:{varietyColor:l?"var(--pill-orange-inverse-bg-default)":"var(--pill-orange-bg-default)",varietyColorAlt:l?"var(--pill-orange-inverse-bg-alt-default)":"var(--pill-orange-bg-alt-default)",varietyBorderColor:l?"var(--pill-orange-inverse-border-default)":"var(--pill-orange-border-default)",buttonFocus:l?"var(--pill-orange-inverse-bg-hover)":"var(--pill-orange-bg-hover)",buttonFocusAlt:l?"var(--pill-orange-inverse-bg-alt-hover)":"var(--pill-orange-bg-alt-hover)",content:e,contentAlt:r},blue:{varietyColor:l?"var(--pill-blue-inverse-bg-default)":"var(--pill-blue-bg-default)",varietyColorAlt:l?"var(--pill-blue-inverse-bg-alt-default)":"var(--pill-blue-bg-alt-default)",varietyBorderColor:l?"var(--pill-blue-inverse-border-default)":"var(--pill-blue-border-default)",buttonFocus:l?"var(--pill-blue-inverse-bg-hover)":"var(--pill-blue-bg-hover)",buttonFocusAlt:l?"var(--pill-blue-inverse-bg-alt-hover)":"var(--pill-blue-bg-alt-hover)",content:e,contentAlt:r},purple:{varietyColor:l?"var(--pill-purple-inverse-bg-default)":"var(--pill-purple-bg-default)",varietyColorAlt:l?"var(--pill-purple-inverse-bg-alt-default)":"var(--pill-purple-bg-alt-default)",varietyBorderColor:l?"var(--pill-purple-inverse-border-default)":"var(--pill-purple-border-default)",buttonFocus:l?"var(--pill-purple-inverse-bg-hover)":"var(--pill-purple-bg-hover)",buttonFocusAlt:l?"var(--pill-purple-inverse-bg-alt-hover)":"var(--pill-purple-bg-alt-hover)",content:e,contentAlt:r},teal:{varietyColor:"var(--pill-teal-bg-default)",varietyColorAlt:"var(--pill-teal-bg-alt-default)",varietyBorderColor:"var(--pill-teal-border-default)",buttonFocus:"var(--pill-teal-bg-hover)",buttonFocusAlt:"var(--pill-teal-bg-alt-hover)",content:e,contentAlt:r},lime:{varietyColor:"var(--pill-lime-bg-default)",varietyColorAlt:"var(--pill-lime-bg-alt-default)",varietyBorderColor:"var(--pill-lime-border-default)",buttonFocus:"var(--pill-lime-bg-hover)",buttonFocusAlt:"var(--pill-lime-bg-alt-hover)",content:e,contentAlt:r},pink:{varietyColor:"var(--pill-pink-bg-default)",varietyColorAlt:"var(--pill-pink-bg-alt-default)",varietyBorderColor:"var(--pill-pink-border-default)",buttonFocus:"var(--pill-pink-bg-hover)",buttonFocusAlt:"var(--pill-pink-bg-alt-hover)",content:e,contentAlt:r},slate:{varietyColor:"var(--pill-slate-bg-default)",varietyColorAlt:"var(--pill-slate-bg-alt-default)",varietyBorderColor:"var(--pill-slate-border-default)",buttonFocus:"var(--pill-slate-bg-hover)",buttonFocusAlt:"var(--pill-slate-bg-alt-hover)",content:e,contentAlt:r}}}};export{l as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=l=>{const e=l?"var(--pill-generic-inverse-label-default)":"var(--pill-generic-label-default)",r=l?"var(--pill-generic-inverse-label-alt-default)":"var(--pill-generic-label-alt-default)";return{status:{grey:{varietyColor:l?"var(--pill-gray-inverse-bg-default)":"var(--pill-gray-bg-default)",varietyColorAlt:l?"var(--pill-gray-inverse-bg-alt-default)":"var(--pill-gray-bg-alt-default)",varietyBorderColor:l?"var(--pill-gray-inverse-border-default)":"var(--pill-gray-border-default)",buttonFocus:l?"var(--pill-gray-inverse-bg-hover)":"var(--pill-gray-bg-hover)",buttonFocusAlt:l?"var(--pill-gray-inverse-bg-alt-hover)":"var(--pill-gray-bg-alt-hover)",content:e,contentAlt:r},green:{varietyColor:l?"var(--pill-green-inverse-bg-default)":"var(--pill-green-bg-default)",varietyColorAlt:l?"var(--pill-green-inverse-bg-alt-default)":"var(--pill-green-bg-alt-default)",varietyBorderColor:l?"var(--pill-green-inverse-border-default)":"var(--pill-green-border-default)",buttonFocus:l?"var(--pill-green-inverse-bg-hover)":"var(--pill-green-bg-hover)",buttonFocusAlt:l?"var(--pill-green-inverse-bg-alt-hover)":"var(--pill-green-bg-alt-hover)",content:e,contentAlt:r},red:{varietyColor:l?"var(--pill-red-inverse-bg-default)":"var(--pill-red-bg-default)",varietyColorAlt:l?"var(--pill-red-inverse-bg-alt-default)":"var(--pill-red-bg-alt-default)",varietyBorderColor:l?"var(--pill-red-inverse-border-default)":"var(--pill-red-border-default)",buttonFocus:l?"var(--pill-red-inverse-bg-hover)":"var(--pill-red-bg-hover)",buttonFocusAlt:l?"var(--pill-red-inverse-bg-alt-hover)":"var(--pill-red-bg-alt-hover)",content:e,contentAlt:r},orange:{varietyColor:l?"var(--pill-orange-inverse-bg-default)":"var(--pill-orange-bg-default)",varietyColorAlt:l?"var(--pill-orange-inverse-bg-alt-default)":"var(--pill-orange-bg-alt-default)",varietyBorderColor:l?"var(--pill-orange-inverse-border-default)":"var(--pill-orange-border-default)",buttonFocus:l?"var(--pill-orange-inverse-bg-hover)":"var(--pill-orange-bg-hover)",buttonFocusAlt:l?"var(--pill-orange-inverse-bg-alt-hover)":"var(--pill-orange-bg-alt-hover)",content:e,contentAlt:r},blue:{varietyColor:l?"var(--pill-blue-inverse-bg-default)":"var(--pill-blue-bg-default)",varietyColorAlt:l?"var(--pill-blue-inverse-bg-alt-default)":"var(--pill-blue-bg-alt-default)",varietyBorderColor:l?"var(--pill-blue-inverse-border-default)":"var(--pill-blue-border-default)",buttonFocus:l?"var(--pill-blue-inverse-bg-hover)":"var(--pill-blue-bg-hover)",buttonFocusAlt:l?"var(--pill-blue-inverse-bg-alt-hover)":"var(--pill-blue-bg-alt-hover)",content:e,contentAlt:r},purple:{varietyColor:l?"var(--pill-purple-inverse-bg-default)":"var(--pill-purple-bg-default)",varietyColorAlt:l?"var(--pill-purple-inverse-bg-alt-default)":"var(--pill-purple-bg-alt-default)",varietyBorderColor:l?"var(--pill-purple-inverse-border-default)":"var(--pill-purple-border-default)",buttonFocus:l?"var(--pill-purple-inverse-bg-hover)":"var(--pill-purple-bg-hover)",buttonFocusAlt:l?"var(--pill-purple-inverse-bg-alt-hover)":"var(--pill-purple-bg-alt-hover)",content:e,contentAlt:r},teal:{varietyColor:"var(--pill-teal-bg-default)",varietyColorAlt:"var(--pill-teal-bg-alt-default)",varietyBorderColor:"var(--pill-teal-border-default)",buttonFocus:"var(--pill-teal-bg-hover)",buttonFocusAlt:"var(--pill-teal-bg-alt-hover)",content:e,contentAlt:r},lime:{varietyColor:"var(--pill-lime-bg-default)",varietyColorAlt:"var(--pill-lime-bg-alt-default)",varietyBorderColor:"var(--pill-lime-border-default)",buttonFocus:"var(--pill-lime-bg-hover)",buttonFocusAlt:"var(--pill-lime-bg-alt-hover)",content:e,contentAlt:r},pink:{varietyColor:"var(--pill-pink-bg-default)",varietyColorAlt:"var(--pill-pink-bg-alt-default)",varietyBorderColor:"var(--pill-pink-border-default)",buttonFocus:"var(--pill-pink-bg-hover)",buttonFocusAlt:"var(--pill-pink-bg-alt-hover)",content:e,contentAlt:r},slate:{varietyColor:"var(--pill-slate-bg-default)",varietyColorAlt:"var(--pill-slate-bg-alt-default)",varietyBorderColor:"var(--pill-slate-border-default)",buttonFocus:"var(--pill-slate-bg-hover)",buttonFocusAlt:"var(--pill-slate-bg-alt-hover)",content:e,contentAlt:r}}}};

package/lib/components/pill/pill.style.js

@@ -1 +1 @@
-import o,{css as e}from"styled-components";import{margin as t}from"styled-system";import r from"./pill.style.config.js";import a from"../../style/themes/apply-base-theme.js";import i from"../icon/icon.style.js";import l from"../../style/utils/add-focus-styling.js";import{toColor as s}from"../../style/utils/color.js";import n from"../../style/utils/get-color-value.js";import c from"../../style/utils/get-hex-value.js";import p from"../../style/utils/get-accessible-foreground-color.js";const d=o.button.withConfig({displayName:"pill.style__StyledDeleteButton",componentId:"carbon_v162_12_0__sc-e085f6af-0"})([""]),g=o.span.attrs(a).withConfig({displayName:"pill.style__StyledPill",componentId:"carbon_v162_12_0__sc-e085f6af-1"})([""," ",""],t,(({$wrapText:o,$borderColor:t,$colorVariant:a,$inverse:g,$isDeletable:b,$inFill:m,$maxWidth:h,$size:u,theme:f})=>{let v,x,y,w,_,z,j;if(t){v=s(f,t),x=v,y=v;const o=n(v);z=p(c(o),!1,!0),j=z}else{const{status:o}=r(g),{varietyColor:e,varietyColorAlt:t,varietyBorderColor:i,buttonFocus:l,buttonFocusAlt:s,content:n,contentAlt:c}=o[a];v=e,x=t,y=i,w=l,_=s,z=n,j=c}const $=m||t?z:j,k=m||t?w:_;return e(["position:relative;display:inline-flex;text-align:center;align-items:center;justify-content:center;gap:var(--global-space-comp-xs);border:var(--global-borderwidth-s) solid ",";border-radius:var(--global-radius-container-s);height:auto;box-sizing:border-box;"," "," color:",";","{color:inherit;width:var(--global-size-2-xs);height:var(--global-size-2-xs);padding:var(--global-space-comp-xs);box-sizing:border-box;}"," "," font-family:var(--global-font-families-component);font-weight:500;line-height:1;"," "," "," "," "," ",""],y,!o&&e(["white-space:nowrap;"]),o&&e(["overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:manual;"]),z,i,m&&e(["background-color:",";"],v),!m&&e(["",""],t?e(["color:",";"],g?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)"):e(["background-color:",";color:",";"],x,j)),"S"===u&&e(["min-height:var(--global-size-2-xs);font-size:14px;padding:0 var(--global-space-comp-s);"]),"M"===u&&e(["min-height:var(--global-size-xs);font-size:14px;padding:0 var(--global-space-comp-s);"]),"L"===u&&e(["min-height:28px;font-size:16px;padding:0 var(--global-space-comp-s);"]),"XL"===u&&e(["min-height:28px;font-size:16px;padding:0 12px;"]),b&&e(["","{-webkit-appearance:none;background:transparent;border-radius:0 var(--global-radius-container-s) var(--global-radius-container-s) 0;border:none;bottom:0;font-size:100%;position:absolute;right:0;top:0;width:20px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:",";"," ","{color:currentColor;height:unset;width:unset;}&:focus{"," color:",";::-moz-focus-inner{border:0;}","}&:hover{background-color:",";color:",";}","}"," "," "," ",""],d,$,!m&&t&&e(["color:",";"],g?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)"),i,l(),$,t?e(["&::before{border-radius:0 var(--global-radius-container-s) var(--global-radius-container-s) 0;}"]):e(["background-color:",";"],m?w:_),k,$,t&&e(['&:hover,&:focus{&::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:',";filter:brightness(0.9);}}"],v),"S"===u&&e(["padding:0 calc(20px + var(--global-space-comp-xs)) 0 var(--global-space-comp-s);"]),"M"===u&&e(["padding:0 calc(24px + var(--global-space-comp-xs)) 0 var(--global-space-comp-s);","{width:24px;padding:0;}"],d),"L"===u&&e(["padding:0 calc(28px + var(--global-space-comp-xs)) 0 var(--global-space-comp-s);","{width:28px;padding:0;}"],d),"XL"===u&&e(["padding:0 calc(32px + var(--global-space-comp-xs)) 0 12px;","{width:32px;padding:0;line-height:18px;}"],d)),h&&`max-width: ${h}`)}));export{d as StyledDeleteButton,g as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),o=require("styled-system"),s=require("./pill.style.config.js"),t=require("../../style/themes/apply-base-theme.js"),r=require("../icon/icon.style.js"),a=require("../../style/utils/add-focus-styling.js"),l=require("../../style/utils/color.js"),i=require("../../style/utils/get-color-value.js"),n=require("../../style/utils/get-hex-value.js"),c=require("../../style/utils/get-accessible-foreground-color.js");function d(e){return e&&e.__esModule?e:{default:e}}var p=d(e);const u=p.default.button.withConfig({displayName:"pill.style__StyledDeleteButton",componentId:"carbon_v162_12_0__sc-e085f6af-0"})([""]),g=p.default.span.attrs(t.default).withConfig({displayName:"pill.style__StyledPill",componentId:"carbon_v162_12_0__sc-e085f6af-1"})([""," ",""],o.margin,(({$wrapText:o,$borderColor:t,$colorVariant:d,$inverse:p,$isDeletable:g,$inFill:b,$maxWidth:h,$size:f,theme:v})=>{let x,m,y,w,_,z,j;if(t){x=l.toColor(v,t),m=x,y=x;const e=i.default(x);z=c.default(n.default(e),!1,!0),j=z}else{const{status:e}=s.default(p),{varietyColor:o,varietyColorAlt:t,varietyBorderColor:r,buttonFocus:a,buttonFocusAlt:l,content:i,contentAlt:n}=e[d];x=o,m=t,y=r,w=a,_=l,z=i,j=n}const q=b||t?z:j,$=b||t?w:_;return e.css(["position:relative;display:inline-flex;text-align:center;align-items:center;justify-content:center;gap:var(--global-space-comp-xs);border:var(--global-borderwidth-s) solid ",";border-radius:var(--global-radius-container-s);height:auto;box-sizing:border-box;"," "," color:",";","{color:inherit;width:var(--global-size-2-xs);height:var(--global-size-2-xs);padding:var(--global-space-comp-xs);box-sizing:border-box;}"," "," font-family:var(--global-font-families-component);font-weight:500;line-height:1;"," "," "," "," "," ",""],y,!o&&e.css(["white-space:nowrap;"]),o&&e.css(["overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:manual;"]),z,r.default,b&&e.css(["background-color:",";"],x),!b&&e.css(["",""],t?e.css(["color:",";"],p?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)"):e.css(["background-color:",";color:",";"],m,j)),"S"===f&&e.css(["min-height:var(--global-size-2-xs);font-size:14px;padding:0 var(--global-space-comp-s);"]),"M"===f&&e.css(["min-height:var(--global-size-xs);font-size:14px;padding:0 var(--global-space-comp-s);"]),"L"===f&&e.css(["min-height:28px;font-size:16px;padding:0 var(--global-space-comp-s);"]),"XL"===f&&e.css(["min-height:28px;font-size:16px;padding:0 12px;"]),g&&e.css(["","{-webkit-appearance:none;background:transparent;border-radius:0 var(--global-radius-container-s) var(--global-radius-container-s) 0;border:none;bottom:0;font-size:100%;position:absolute;right:0;top:0;width:20px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:",";"," ","{color:currentColor;height:unset;width:unset;}&:focus{"," color:",";::-moz-focus-inner{border:0;}","}&:hover{background-color:",";color:",";}","}"," "," "," ",""],u,q,!b&&t&&e.css(["color:",";"],p?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)"),r.default,a.default(),q,t?e.css(["&::before{border-radius:0 var(--global-radius-container-s) var(--global-radius-container-s) 0;}"]):e.css(["background-color:",";"],b?w:_),$,q,t&&e.css(['&:hover,&:focus{&::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:',";filter:brightness(0.9);}}"],x),"S"===f&&e.css(["padding:0 calc(20px + var(--global-space-comp-xs)) 0 var(--global-space-comp-s);"]),"M"===f&&e.css(["padding:0 calc(24px + var(--global-space-comp-xs)) 0 var(--global-space-comp-s);","{width:24px;padding:0;}"],u),"L"===f&&e.css(["padding:0 calc(28px + var(--global-space-comp-xs)) 0 var(--global-space-comp-s);","{width:28px;padding:0;}"],u),"XL"===f&&e.css(["padding:0 calc(32px + var(--global-space-comp-xs)) 0 12px;","{width:32px;padding:0;line-height:18px;}"],u)),h&&`max-width: ${h}`)}));exports.StyledDeleteButton=u,exports.default=g;

package/lib/components/pod/index.js

@@ -1 +1 @@
-export{default}from"./pod.component.js";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./pod.component.js");exports.default=e.default;

package/lib/components/pod/package.json

@@ -0,0 +1,5 @@
+{
+  "sideEffects": false,
+  "module": "../../../esm/components/pod/index.js",
+  "types": "./index.d.ts"
+}

package/lib/components/pod/pod.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import n,{useState as o,useMemo as r}from"react";import i from"../../hooks/__internal__/useLocale/useLocale.js";import l from"../../__internal__/utils/helpers/tags/tags.js";import{StyledPod as a,StyledBlock as d,StyledContent as s,StyledHeader as c,StyledTitle as u,StyledSubtitle as p,StyledFooter as f,StyledActionsContainer as b,StyledUndoButton as y,StyledEditAction as m,StyledDeleteButton as O}from"./pod.style.js";import h from"../icon/icon.component.js";import"../icon/icon.style.js";import g from"../../__internal__/utils/helpers/events/events.js";function v(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),o.forEach((function(t){v(e,t,n[t])}))}return e}function E(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 B=n.forwardRef(((n,v)=>{var{alignTitle:B="left",border:w=!0,children:P,displayEditButtonOnHover:D,editContentFullWidth:_,footer:k,height:F,internalEditButton:z,onDelete:C,onEdit:H,onUndo:x,size:M="medium",softDelete:S,subtitle:T,title:L,triggerEditOnContent:K,variant:W="primary"}=n,I=function(e,t){if(null==e)return{};var n,o,r=function(e,t){if(null==e)return{};var n,o,r={},i=Object.keys(e);for(o=0;o<i.length;o++)n=i[o],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)n=i[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}(n,["alignTitle","border","children","displayEditButtonOnHover","editContentFullWidth","footer","height","internalEditButton","onDelete","onEdit","onUndo","size","softDelete","subtitle","title","triggerEditOnContent","variant"]);const[U,N]=o(!1),[R,$]=o(!1),[q,A]=o(!1),[G,J]=o(!1),[Q,V]=o(!1),[X,Y]=o(!1),Z=i(),ee=r((()=>!(!H||!K&&!D)),[D,H,K]),te=r((()=>!!(H||C||x)),[H,C,x]),ne=e=>t=>{g.isKeyboardEvent(t)&&g.isEventType(t,"keydown")&&!g.isEnterKey(t)||(t.preventDefault(),e(t))},oe={onMouseEnter:()=>$(!0),onMouseLeave:()=>$(!1),onFocus:()=>N(!0),onBlur:()=>N(!1),onClick:H&&ne(H),onKeyDown:H&&ne(H)};return e(a,E(j({alignTitle:B,internalEditButton:z,height:"number"==typeof F?`${F}px`:F,ref:v},I,l("pod",I)),{children:[e(d,E(j({"data-element":"block","data-role":"pod-block",contentTriggersEdit:ee,hasButtons:te,fullWidth:_,internalEditButton:z,isFocused:U||q,isHovered:R||G,noBorder:!w,variant:W,softDelete:S},ee&&E(j({},oe),{tabIndex:0})),{children:[e(s,{"data-element":"content",size:M,children:[L&&e(c,{"data-role":"pod-content-header",alignTitle:B,internalEditButton:z,size:M,children:["string"==typeof L?t(u,{"data-element":"title",children:L}):L,"string"==typeof T?t(p,{"data-element":"subtitle",children:T}):T]}),P]}),k&&t(f,{"data-element":"footer",size:M,variant:W,softDelete:S,children:k})]})),te&&e(b,{"data-element":"action-button-container","data-role":"action-button-container",internalEditButton:z,children:[S&&x&&t(y,{"aria-label":Z.pod.undo(),onMouseEnter:()=>Y(!0),onMouseLeave:()=>Y(!1),onFocus:()=>V(!0),onBlur:()=>V(!1),"data-element":"undo",internalEditButton:z,isFocused:Q,isHovered:X,noBorder:!w,size:M,variant:W,onClick:ne(x),children:t(h,{type:"undo"})}),!S&&H&&t(m,E(j({},oe),{"aria-label":Z.actions.edit(),"data-element":"edit",displayOnlyOnHover:D,internalEditButton:z,isFocused:U,isHovered:R,noBorder:!w,size:M,variant:W,children:t(h,{type:"edit"})})),!S&&C&&t(O,{"aria-label":Z.actions.delete(),"data-element":"delete",onMouseEnter:()=>J(!0),onMouseLeave:()=>J(!1),onFocus:()=>A(!0),onBlur:()=>A(!1),internalEditButton:z,isFocused:q,isHovered:G,noBorder:!w,size:M,variant:W,onClick:ne(C),children:t(h,{type:"delete"})})]})]}))}));B.displayName="Pod";export{B as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../../hooks/__internal__/useLocale/useLocale.js"),r=require("../../__internal__/utils/helpers/tags/tags.js"),o=require("./pod.style.js"),i=require("../icon/icon.component.js");require("../icon/icon.style.js");var l=require("../../__internal__/utils/helpers/events/events.js");function a(e){return e&&e.__esModule?e:{default:e}}function s(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(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){s(e,t,n[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 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 c=a(t).default.forwardRef(((a,s)=>{var{alignTitle:c="left",border:f=!0,children:y,displayEditButtonOnHover:p,editContentFullWidth:b,footer:j,height:O,internalEditButton:v,onDelete:h,onEdit:g,onUndo:m,size:E="medium",softDelete:S,subtitle:B,title:x,triggerEditOnContent:P,variant:_="primary"}=a,w=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}(a,["alignTitle","border","children","displayEditButtonOnHover","editContentFullWidth","footer","height","internalEditButton","onDelete","onEdit","onUndo","size","softDelete","subtitle","title","triggerEditOnContent","variant"]);const[D,k]=t.useState(!1),[F,M]=t.useState(!1),[C,q]=t.useState(!1),[z,H]=t.useState(!1),[T,L]=t.useState(!1),[K,U]=t.useState(!1),W=n.default(),A=t.useMemo((()=>!(!g||!P&&!p)),[p,g,P]),I=t.useMemo((()=>!!(g||h||m)),[g,h,m]),N=e=>t=>{l.default.isKeyboardEvent(t)&&l.default.isEventType(t,"keydown")&&!l.default.isEnterKey(t)||(t.preventDefault(),e(t))},R={onMouseEnter:()=>M(!0),onMouseLeave:()=>M(!1),onFocus:()=>k(!0),onBlur:()=>k(!1),onClick:g&&N(g),onKeyDown:g&&N(g)};return e.jsxs(o.StyledPod,u(d({alignTitle:c,internalEditButton:v,height:"number"==typeof O?`${O}px`:O,ref:s},w,r.default("pod",w)),{children:[e.jsxs(o.StyledBlock,u(d({"data-element":"block","data-role":"pod-block",contentTriggersEdit:A,hasButtons:I,fullWidth:b,internalEditButton:v,isFocused:D||C,isHovered:F||z,noBorder:!f,variant:_,softDelete:S},A&&u(d({},R),{tabIndex:0})),{children:[e.jsxs(o.StyledContent,{"data-element":"content",size:E,children:[x&&e.jsxs(o.StyledHeader,{"data-role":"pod-content-header",alignTitle:c,internalEditButton:v,size:E,children:["string"==typeof x?e.jsx(o.StyledTitle,{"data-element":"title",children:x}):x,"string"==typeof B?e.jsx(o.StyledSubtitle,{"data-element":"subtitle",children:B}):B]}),y]}),j&&e.jsx(o.StyledFooter,{"data-element":"footer",size:E,variant:_,softDelete:S,children:j})]})),I&&e.jsxs(o.StyledActionsContainer,{"data-element":"action-button-container","data-role":"action-button-container",internalEditButton:v,children:[S&&m&&e.jsx(o.StyledUndoButton,{"aria-label":W.pod.undo(),onMouseEnter:()=>U(!0),onMouseLeave:()=>U(!1),onFocus:()=>L(!0),onBlur:()=>L(!1),"data-element":"undo",internalEditButton:v,isFocused:T,isHovered:K,noBorder:!f,size:E,variant:_,onClick:N(m),children:e.jsx(i.default,{type:"undo"})}),!S&&g&&e.jsx(o.StyledEditAction,u(d({},R),{"aria-label":W.actions.edit(),"data-element":"edit",displayOnlyOnHover:p,internalEditButton:v,isFocused:D,isHovered:F,noBorder:!f,size:E,variant:_,children:e.jsx(i.default,{type:"edit"})})),!S&&h&&e.jsx(o.StyledDeleteButton,{"aria-label":W.actions.delete(),"data-element":"delete",onMouseEnter:()=>H(!0),onMouseLeave:()=>H(!1),onFocus:()=>q(!0),onBlur:()=>q(!1),internalEditButton:v,isFocused:C,isHovered:z,noBorder:!f,size:E,variant:_,onClick:N(h),children:e.jsx(i.default,{type:"delete"})})]})]}))}));c.displayName="Pod",exports.default=c;

package/lib/components/pod/pod.config.js

@@ -1 +1 @@
-const r=["extra-small","small","medium","large","extra-large"],e=["left","center","right"],t=["primary","secondary","tertiary","tile","transparent"];export{e as POD_ALIGNMENTS,r as POD_SIZES,t as POD_VARIANTS};
+"use strict";exports.POD_ALIGNMENTS=["left","center","right"],exports.POD_SIZES=["extra-small","small","medium","large","extra-large"],exports.POD_VARIANTS=["primary","secondary","tertiary","tile","transparent"];

package/lib/components/pod/pod.style.js

@@ -1 +1 @@
-import o,{css as r}from"styled-components";import{margin as t}from"styled-system";import i from"../../style/themes/apply-base-theme.js";import{StyledContent as e}from"../link/link.style.js";import n from"../icon-button/icon-button.component.js";import a from"../icon/icon.style.js";const l=o.div.attrs(i).withConfig({displayName:"pod.style__StyledPod",componentId:"carbon_v162_12_0__sc-b71164e0-0"})([""," display:flex;align-items:flex-start;width:100%;",";",";&:focus{outline:none;}"],t,(({internalEditButton:o})=>o&&"position: relative"),(({height:o})=>o&&`height: ${o}`)),s={primary:"var(--colorsUtilityYang100)",secondary:"var(--colorsUtilityMajor025)",tertiary:"var(--colorsUtilityMajor040)",transparent:"var(--colorsUtilityMajorTransparent)",tile:"var(--colorsUtilityYang100)"},c=o.div.withConfig({displayName:"pod.style__StyledBlock",componentId:"carbon_v162_12_0__sc-b71164e0-1"})(["",""],(({variant:o,softDelete:t,noBorder:i,hasButtons:e,contentTriggersEdit:n,fullWidth:a,internalEditButton:l,isHovered:c,isFocused:d})=>r(["box-sizing:border-box;border-radius:var(--borderRadius100);display:flex;flex-direction:column;background-color:",";width:100%;height:100%;",";",";",";",";"," "," ",";"],s[o],"tile"===o&&"box-shadow: 0 2px 3px 0 rgba(2, 18, 36, 0.2)",i?"border: none":"border: 1px solid var(--colorsUtilityMajor100)",e&&!(a||l)&&"width: auto;",n&&"cursor: pointer",(c||d)&&r(["background-color:var(--colorsUtilityMajor075);"," ",""],l&&"tile"===o&&"background-color: var(--colorsUtilityMajorTransparent);",n&&r(["background-color:var(--colorsActionMajor600);*{color:var(--colorsUtilityYang100);}"])),(!l||n)&&(d?r(["outline:3px solid var(--colorsSemanticFocus500);border:none;padding:","px;"],i?0:1):r(["outline:none;"])),t&&r(["border:none;background-color:var(--colorsActionDisabled500);& > *{color:var(--colorsUtilityYin065);}"])))),d={"extra-small":"8px",small:"8px",medium:"16px",large:"32px 24px","extra-large":"40px"},p=o.div.withConfig({displayName:"pod.style__StyledContent",componentId:"carbon_v162_12_0__sc-b71164e0-2"})(["text-align:left;padding:",";flex-grow:1;"],(({size:o})=>d[o])),b={"extra-small":"8px",small:"8px",medium:"8px 16px",large:"16px 24px","extra-large":"24px 40px"},x=o.div.withConfig({displayName:"pod.style__StyledFooter",componentId:"carbon_v162_12_0__sc-b71164e0-3"})(["",""],(({variant:o,size:t,softDelete:i})=>r(["background-color:var(--colorsUtilityMajor025);border-bottom-left-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius100);box-shadow:inset 0px 1px 1px 0 rgba(0,0,0,0.1);color:var(--colorsUtilityYin090);padding:",";",";",";"],b[t],i&&"color: var(--colorsUtilityYin055)","tile"===o&&"border-top: 1px solid var(--colorsUtilityMajor100)"))),g=o.div.withConfig({displayName:"pod.style__StyledActionsContainer",componentId:"carbon_v162_12_0__sc-b71164e0-4"})(["display:flex;flex-direction:column;",""],(({internalEditButton:o})=>o&&r(["position:absolute;right:2px;top:2px;z-index:10;"]))),m={"extra-small":34,small:34,medium:50,large:50,"extra-large":50},v={primary:"var(--colorsActionMajorYang100)",secondary:"var(--colorsActionMinor050)",tertiary:"var(--colorsActionMinor100)",transparent:"var(--colorsActionMajorTransparent)",tile:"var(--colorsActionMajorYang100)"},_=o(n).withConfig({displayName:"pod.style__StyledEditAction",componentId:"carbon_v162_12_0__sc-b71164e0-5"})(["&&{",";}","{clip:rect(1px,1px,1px,1px);position:absolute;}"],(({displayOnlyOnHover:o,isHovered:t,isFocused:i,variant:e,size:n,internalEditButton:l,noBorder:s})=>r(["cursor:pointer;background-color:",";border:1px solid var(--colorsActionMinor200);margin-left:8px;margin-bottom:8px;box-sizing:border-box;height:",";width:",";display:flex;align-items:center;justify-content:center;border-radius:var(--borderRadius100);","{top:-2px;height:16px;width:16px;color:var(--colorsActionMajor500);}"," "," "," "," ",";"],v[e],`${m[n]}px`,`${m[n]}px`,a,o&&!(t||i)&&"display: none",s&&"border: none;",l&&r(["border:none;background:var(--colorsActionMajorTransparent);"]),(t||i)&&!l&&r(["background-color:var(--colorsActionMajor600);color:var(--colorsActionMajorYang100);","{color:var(--colorsActionMajorYang100);}"],a),i&&r(["outline:3px solid var(--colorsSemanticFocus500);border:none;"]))),e),u=o(n).withConfig({displayName:"pod.style__StyledDeleteButton",componentId:"carbon_v162_12_0__sc-b71164e0-6"})(["&&{","}"],(({noBorder:o,internalEditButton:t,isHovered:i,isFocused:e,variant:n,size:l})=>r(["cursor:pointer;background-color:",";border:",";margin-left:8px;margin-bottom:8px;box-sizing:border-box;height:",";width:",";border-radius:var(--borderRadius100);","{top:-2px;height:16px;width:16px;color:var(--colorsSemanticNegative500);}"," "," ",";"],v[n],o?"none":"1px solid var(--colorsActionMinor200)",`${m[l]}px`,`${m[l]}px`,a,t&&r(["border:none;background:var(--colorsActionMajorTransparent);"]),(i||e)&&!t&&r(["background-color:var(--colorsSemanticNegative600);color:var(--colorsActionMajorYang100);","{color:var(--colorsActionMajorYang100);}"],a),e&&r(["outline:3px solid var(--colorsSemanticFocus500);border:none;"])))),y=o(n).withConfig({displayName:"pod.style__StyledUndoButton",componentId:"carbon_v162_12_0__sc-b71164e0-7"})(["&&{","}"],(({isHovered:o,isFocused:t,variant:i,size:e,noBorder:n,internalEditButton:l})=>r(["cursor:pointer;background-color:",";border:1px solid var(--colorsActionMinor200);margin-left:8px;margin-bottom:8px;box-sizing:border-box;height:",";width:",";border-radius:var(--borderRadius100);","{top:-2px;height:16px;width:16px;color:var(--colorsActionMajor500);}"," "," "," ",";"],v[i],`${m[e]}px`,`${m[e]}px`,a,n&&"border: none;",l&&r(["border:none;background:var(--colorsActionMajorTransparent);"]),(o||t)&&!l&&r(["background-color:var(--colorsActionMajor600);color:var(--colorsActionMajorYang100);","{color:var(--colorsActionMajorYang100);}"],a),t&&r(["outline:3px solid var(--colorsSemanticFocus500);border:none;"])))),h={"extra-small":20,small:25,medium:30,large:30,"extra-large":30},f=o.div.withConfig({displayName:"pod.style__StyledHeader",componentId:"carbon_v162_12_0__sc-b71164e0-8"})(["",""],(({alignTitle:o,internalEditButton:t,size:i})=>r(["margin-bottom:24px;text-align:",";",";"],o,"right"===o&&t&&r(["margin-right:","px;"],h[i])))),j=o.h5.withConfig({displayName:"pod.style__StyledSubtitle",componentId:"carbon_v162_12_0__sc-b71164e0-9"})(["margin-top:8px;font-size:14px;font-weight:normal;"]),M=o.h4.withConfig({displayName:"pod.style__StyledTitle",componentId:"carbon_v162_12_0__sc-b71164e0-10"})(["display:inline;font-size:18px;font-weight:500;"]);export{g as StyledActionsContainer,c as StyledBlock,p as StyledContent,u as StyledDeleteButton,_ as StyledEditAction,x as StyledFooter,f as StyledHeader,l as StyledPod,j as StyledSubtitle,M as StyledTitle,y as StyledUndoButton};
+"use strict";var o=require("styled-components"),r=require("styled-system"),t=require("../../style/themes/apply-base-theme.js"),e=require("../link/link.style.js"),i=require("../icon-button/icon-button.component.js"),a=require("../icon/icon.style.js");function n(o){return o&&o.__esModule?o:{default:o}}var l=n(o);const s=l.default.div.attrs(t.default).withConfig({displayName:"pod.style__StyledPod",componentId:"carbon_v162_12_0__sc-b71164e0-0"})([""," display:flex;align-items:flex-start;width:100%;",";",";&:focus{outline:none;}"],r.margin,(({internalEditButton:o})=>o&&"position: relative"),(({height:o})=>o&&`height: ${o}`)),d={primary:"var(--colorsUtilityYang100)",secondary:"var(--colorsUtilityMajor025)",tertiary:"var(--colorsUtilityMajor040)",transparent:"var(--colorsUtilityMajorTransparent)",tile:"var(--colorsUtilityYang100)"},c=l.default.div.withConfig({displayName:"pod.style__StyledBlock",componentId:"carbon_v162_12_0__sc-b71164e0-1"})(["",""],(({variant:r,softDelete:t,noBorder:e,hasButtons:i,contentTriggersEdit:a,fullWidth:n,internalEditButton:l,isHovered:s,isFocused:c})=>o.css(["box-sizing:border-box;border-radius:var(--borderRadius100);display:flex;flex-direction:column;background-color:",";width:100%;height:100%;",";",";",";",";"," "," ",";"],d[r],"tile"===r&&"box-shadow: 0 2px 3px 0 rgba(2, 18, 36, 0.2)",e?"border: none":"border: 1px solid var(--colorsUtilityMajor100)",i&&!(n||l)&&"width: auto;",a&&"cursor: pointer",(s||c)&&o.css(["background-color:var(--colorsUtilityMajor075);"," ",""],l&&"tile"===r&&"background-color: var(--colorsUtilityMajorTransparent);",a&&o.css(["background-color:var(--colorsActionMajor600);*{color:var(--colorsUtilityYang100);}"])),(!l||a)&&(c?o.css(["outline:3px solid var(--colorsSemanticFocus500);border:none;padding:","px;"],e?0:1):o.css(["outline:none;"])),t&&o.css(["border:none;background-color:var(--colorsActionDisabled500);& > *{color:var(--colorsUtilityYin065);}"])))),p={"extra-small":"8px",small:"8px",medium:"16px",large:"32px 24px","extra-large":"40px"},u=l.default.div.withConfig({displayName:"pod.style__StyledContent",componentId:"carbon_v162_12_0__sc-b71164e0-2"})(["text-align:left;padding:",";flex-grow:1;"],(({size:o})=>p[o])),x={"extra-small":"8px",small:"8px",medium:"8px 16px",large:"16px 24px","extra-large":"24px 40px"},b=l.default.div.withConfig({displayName:"pod.style__StyledFooter",componentId:"carbon_v162_12_0__sc-b71164e0-3"})(["",""],(({variant:r,size:t,softDelete:e})=>o.css(["background-color:var(--colorsUtilityMajor025);border-bottom-left-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius100);box-shadow:inset 0px 1px 1px 0 rgba(0,0,0,0.1);color:var(--colorsUtilityYin090);padding:",";",";",";"],x[t],e&&"color: var(--colorsUtilityYin055)","tile"===r&&"border-top: 1px solid var(--colorsUtilityMajor100)"))),g=l.default.div.withConfig({displayName:"pod.style__StyledActionsContainer",componentId:"carbon_v162_12_0__sc-b71164e0-4"})(["display:flex;flex-direction:column;",""],(({internalEditButton:r})=>r&&o.css(["position:absolute;right:2px;top:2px;z-index:10;"]))),v={"extra-small":34,small:34,medium:50,large:50,"extra-large":50},y={primary:"var(--colorsActionMajorYang100)",secondary:"var(--colorsActionMinor050)",tertiary:"var(--colorsActionMinor100)",transparent:"var(--colorsActionMajorTransparent)",tile:"var(--colorsActionMajorYang100)"},_=l.default(i.default).withConfig({displayName:"pod.style__StyledEditAction",componentId:"carbon_v162_12_0__sc-b71164e0-5"})(["&&{",";}","{clip:rect(1px,1px,1px,1px);position:absolute;}"],(({displayOnlyOnHover:r,isHovered:t,isFocused:e,variant:i,size:n,internalEditButton:l,noBorder:s})=>o.css(["cursor:pointer;background-color:",";border:1px solid var(--colorsActionMinor200);margin-left:8px;margin-bottom:8px;box-sizing:border-box;height:",";width:",";display:flex;align-items:center;justify-content:center;border-radius:var(--borderRadius100);","{top:-2px;height:16px;width:16px;color:var(--colorsActionMajor500);}"," "," "," "," ",";"],y[i],`${v[n]}px`,`${v[n]}px`,a.default,r&&!(t||e)&&"display: none",s&&"border: none;",l&&o.css(["border:none;background:var(--colorsActionMajorTransparent);"]),(t||e)&&!l&&o.css(["background-color:var(--colorsActionMajor600);color:var(--colorsActionMajorYang100);","{color:var(--colorsActionMajorYang100);}"],a.default),e&&o.css(["outline:3px solid var(--colorsSemanticFocus500);border:none;"]))),e.StyledContent),m=l.default(i.default).withConfig({displayName:"pod.style__StyledDeleteButton",componentId:"carbon_v162_12_0__sc-b71164e0-6"})(["&&{","}"],(({noBorder:r,internalEditButton:t,isHovered:e,isFocused:i,variant:n,size:l})=>o.css(["cursor:pointer;background-color:",";border:",";margin-left:8px;margin-bottom:8px;box-sizing:border-box;height:",";width:",";border-radius:var(--borderRadius100);","{top:-2px;height:16px;width:16px;color:var(--colorsSemanticNegative500);}"," "," ",";"],y[n],r?"none":"1px solid var(--colorsActionMinor200)",`${v[l]}px`,`${v[l]}px`,a.default,t&&o.css(["border:none;background:var(--colorsActionMajorTransparent);"]),(e||i)&&!t&&o.css(["background-color:var(--colorsSemanticNegative600);color:var(--colorsActionMajorYang100);","{color:var(--colorsActionMajorYang100);}"],a.default),i&&o.css(["outline:3px solid var(--colorsSemanticFocus500);border:none;"])))),f=l.default(i.default).withConfig({displayName:"pod.style__StyledUndoButton",componentId:"carbon_v162_12_0__sc-b71164e0-7"})(["&&{","}"],(({isHovered:r,isFocused:t,variant:e,size:i,noBorder:n,internalEditButton:l})=>o.css(["cursor:pointer;background-color:",";border:1px solid var(--colorsActionMinor200);margin-left:8px;margin-bottom:8px;box-sizing:border-box;height:",";width:",";border-radius:var(--borderRadius100);","{top:-2px;height:16px;width:16px;color:var(--colorsActionMajor500);}"," "," "," ",";"],y[e],`${v[i]}px`,`${v[i]}px`,a.default,n&&"border: none;",l&&o.css(["border:none;background:var(--colorsActionMajorTransparent);"]),(r||t)&&!l&&o.css(["background-color:var(--colorsActionMajor600);color:var(--colorsActionMajorYang100);","{color:var(--colorsActionMajorYang100);}"],a.default),t&&o.css(["outline:3px solid var(--colorsSemanticFocus500);border:none;"])))),h={"extra-small":20,small:25,medium:30,large:30,"extra-large":30},M=l.default.div.withConfig({displayName:"pod.style__StyledHeader",componentId:"carbon_v162_12_0__sc-b71164e0-8"})(["",""],(({alignTitle:r,internalEditButton:t,size:e})=>o.css(["margin-bottom:24px;text-align:",";",";"],r,"right"===r&&t&&o.css(["margin-right:","px;"],h[e])))),S=l.default.h5.withConfig({displayName:"pod.style__StyledSubtitle",componentId:"carbon_v162_12_0__sc-b71164e0-9"})(["margin-top:8px;font-size:14px;font-weight:normal;"]),j=l.default.h4.withConfig({displayName:"pod.style__StyledTitle",componentId:"carbon_v162_12_0__sc-b71164e0-10"})(["display:inline;font-size:18px;font-weight:500;"]);exports.StyledActionsContainer=g,exports.StyledBlock=c,exports.StyledContent=u,exports.StyledDeleteButton=m,exports.StyledEditAction=_,exports.StyledFooter=b,exports.StyledHeader=M,exports.StyledPod=s,exports.StyledSubtitle=S,exports.StyledTitle=j,exports.StyledUndoButton=f;

package/lib/components/popover-container/index.js

@@ -1 +1 @@
-export{PopoverContainer as default}from"./popover-container.component.js";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./popover-container.component.js");exports.default=e.PopoverContainer;

package/lib/components/popover-container/package.json

@@ -0,0 +1,5 @@
+{
+  "sideEffects": false,
+  "module": "../../../esm/components/popover-container/index.js",
+  "types": "./index.d.ts"
+}

package/lib/components/popover-container/popover-container.component.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as n,jsx as t}from"react/jsx-runtime";import{forwardRef as o,useState as r,useRef as i,useContext as l,useCallback as a,useEffect as s,useImperativeHandle as c,useMemo as u,useLayoutEffect as p}from"react";import{CSSTransition as d}from"react-transition-group";import{offset as m,flip as f,shift as b}from"@floating-ui/dom";import v from"../../hooks/useMediaQuery/useMediaQuery.js";import{PopoverContainerWrapperStyle as h,PopoverContainerContentStyle as _,PopoverContainerHeaderStyle as y,PopoverContainerTitleStyle as O,PopoverContainerHeaderContentStyle as g}from"./popover-container.style.js";import j from"../icon/icon.component.js";import"../icon/icon.style.js";import x from"../../__internal__/popover/popover.component.js";import P from"../../__internal__/utils/helpers/guid/index.js";import w from"../../style/utils/filter-styled-system-padding-props.js";import C from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import k from"../../__internal__/utils/helpers/events/events.js";import A from"../../__internal__/focus-trap/focus-trap.component.js";import B from"../../__internal__/modal/modal.context.js";import D,{nextElementToFocus as L}from"../../hooks/__internal__/useFocusPortalContent/useFocusPortalContent.js";import E from"../../__internal__/utils/helpers/tags/tags.js";import S from"../flat-table/__internal__/flat-table.context.js";import{useGlobalHeader as z}from"../global-header/__internal__/global-header.context.js";import I from"../menu/__internal__/menu.context.js";import{Button as F}from"../button/__next__/button.component.js";import M from"../../hooks/__internal__/useLocale/useLocale.js";function $(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){$(e,n,t[n])}))}return e}function T(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}const W=({onClick:e,"data-element":n,ref:o,id:r,"aria-expanded":i,"aria-haspopup":l,children:a,isOpen:s,size:c})=>t(F,{onClick:e,"data-element":n,ref:o,"aria-haspopup":l,"aria-expanded":i,id:r,variantType:"secondary",className:s?"active":"",size:c,children:a}),K="undefined"!=typeof window?p:s,H=({"data-element":e,onClick:n,ref:o,"aria-label":r,closeButtonDataProps:i})=>t(F,T(R({onClick:n,ref:o,"aria-label":r,variantType:"subtle",size:"small"},E("close",R({"data-element":e},i))),{py:0,px:2,children:t(j,{type:"cross",size:"medium"})}));function N(e,n,t){return u((()=>[m(e?({rects:e})=>({mainAxis:-e.reference.height}):t),f({fallbackStrategy:"initialPlacement"}),...n?[b()]:[]]),[e,n,t])}const Q=o(((o,u)=>{var{children:p,title:m,borderRadius:f,position:b="right",offset:F=6,open:$,onOpen:Q,onClose:G,renderOpenComponent:U=W,renderCloseComponent:q=H,shouldCoverButton:J=!1,ariaDescribedBy:V,openButtonAriaLabel:X,closeButtonAriaLabel:Y="close",containerAriaLabel:Z,closeButtonDataProps:ee,disableAnimation:ne=!1,hasFullWidth:te=!1,roundness:oe="moderate",size:re="medium"}=o,ie=function(e,n){if(null==e)return{};var t,o,r=function(e,n){if(null==e)return{};var t,o,r={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],n.indexOf(t)>=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)t=i[o],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}(o,["children","title","borderRadius","position","offset","open","onOpen","onClose","renderOpenComponent","renderCloseComponent","shouldCoverButton","ariaDescribedBy","openButtonAriaLabel","closeButtonAriaLabel","containerAriaLabel","closeButtonDataProps","disableAnimation","hasFullWidth","roundness","size"]);const le=void 0!==$,[ae,se]=r(!1),ce=i(null),ue=i(null),[pe,de]=r(null),[me,fe]=r(null),be=i(P()),ve=i(null),he=m?`PopoverContainer_${be.current}`:void 0,{inMenu:_e}=l(I),ye=M(),Oe=le?$:ae,ge=!v("screen and (prefers-reduced-motion: no-preference)"),je=N(J,"center"===b,F),{isInFlatTable:xe}=l(S),Pe=a((e=>{le||se(!1),null==G||G(e)}),[le,G]),we=a((e=>{var n;!k.composedPath(e).find((e=>e instanceof HTMLElement&&"input"===e.getAttribute("data-element")&&"true"===e.getAttribute("aria-expanded")))&&Oe&&k.isEscKey(e)&&(Pe(e),null===(n=ue.current)||void 0===n||n.focus({preventScroll:!0}))}),[Pe,Oe]);s((()=>(document.addEventListener("keydown",we),()=>{document.removeEventListener("keydown",we)})),[we]),s((()=>{var e;!J&&Oe&&(null===(e=ve.current)||void 0===e||e.focus({preventScroll:!0}))}),[Oe,J,ve]),D(J?void 0:ve,J?void 0:ue,Pe);const Ce={tabIndex:0,"aria-expanded":Oe,"aria-haspopup":"dialog",isOpen:Oe,"data-element":"popover-container-open-component",onClick:e=>{le||se(!Oe),Oe?null==G||G(e):null==Q||Q(e)},ref:ue,id:Oe?void 0:he,"data-popover-container-button":"true",children:e(n,{children:[ye.popoverContainer.openButton.text(),t(j,{type:"ellipsis_vertical"})]}),size:re},ke={"data-element":"popover-container-close-component",tabIndex:0,onClick:e=>{var n;Pe(e),null===(n=ue.current)||void 0===n||n.focus({preventScroll:!0})},ref:ce,"aria-label":Y,closeButtonDataProps:ee},Ae=C((e=>{le||se(!1),Oe&&(null==G||G(e))}),"mousedown"),[Be,De]=r(!1),{isWithinGlobalHeader:Le}=z();c(u,(()=>({focusButton(){var e;null===(e=ue.current)||void 0===e||e.focus()}})),[]);const Ee=()=>t(_,T(R({"data-element":"popover-container-content",role:"dialog","aria-labelledby":he,"aria-label":Z,"aria-describedby":V,$popoverOffset:F,$roundness:oe,$borderRadius:f,$size:re,ref:ve,tabIndex:-1,disableAnimation:ne||ge,zIndex:Le?1e4:2e3,$inMenu:_e},w(ie)),{children:e(I.Provider,{value:{inMenu:!1},children:[e(y,{onKeyDown:e=>{var n;!J&&"Tab"===e.key&&e.shiftKey&&ce.current===document.activeElement&&(e.preventDefault(),Pe(e),null===(n=ue.current)||void 0===n||n.focus())},children:[!m&&q(ke),m?t(O,{id:he,"data-element":"popover-container-title",children:m}):t(g,{children:p}),m&&q(ke)]}),m&&p]})}));K((()=>{var e;const n=_e?null==pe?void 0:pe.closest("[data-component='global-header']"):null,t=_e?null==pe||null===(e=pe.closest("[data-component='menu']"))||void 0===e?void 0:e.parentElement:null,o=null==pe?void 0:pe.closest("[data-component='tokens-wrapper']");var r,i;fe(null!==(i=null!==(r=null!=n?n:t)&&void 0!==r?r:o)&&void 0!==i?i:null)}),[_e,pe]);const Se=null!=me?me:pe;return e(h,T(R({onMouseDown:Ae,$hasFullWidth:te},E("popover-container",ie)),{children:[t("div",{className:"popover-open-component",ref:de,children:U(Ce)}),t(d,{nodeRef:ve,timeout:{exit:ne?0:300},in:Oe,unmountOnExit:!0,onEntered:J?()=>De(!0):void 0,onExiting:J?()=>De(!1):void 0,children:t(x,{reference:{current:pe},placement:"center"===b?"bottom":"right"===b?"bottom-start":"bottom-end",popoverStrategy:ne||ge?"fixed":"absolute",middleware:je,childRefOverride:ve,disableBackgroundUI:xe,portalTarget:Se,children:J?t(B.Provider,{value:{isAnimationComplete:Be},children:t(A,{wrapperRef:ve,isOpen:Oe,children:Ee()})}):e(n,{children:[Ee(),t("div",{"data-element":"tab-guard-bottom","data-focus-guard":!0,tabIndex:0,onFocus:e=>{if(Oe){Pe(e);const{current:t}=ue,{current:o}=ve;var n;t&&o&&(null!==(n=L(t,o))&&void 0!==n?n:t).focus()}}})]})})})]}))}));export{Q as PopoverContainer,Q as default,H as renderClose,W as renderOpen};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("react-transition-group"),r=require("@floating-ui/dom"),o=require("../../hooks/useMediaQuery/useMediaQuery.js"),a=require("./popover-container.style.js"),l=require("../icon/icon.component.js");require("../icon/icon.style.js");var i=require("../../__internal__/popover/popover.component.js"),s=require("../../__internal__/utils/helpers/guid/index.js"),u=require("../../style/utils/filter-styled-system-padding-props.js"),c=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),d=require("../../__internal__/utils/helpers/events/events.js"),p=require("../../__internal__/focus-trap/focus-trap.component.js"),f=require("../../__internal__/modal/modal.context.js"),v=require("../../hooks/__internal__/useFocusPortalContent/useFocusPortalContent.js"),b=require("../../__internal__/utils/helpers/tags/tags.js"),m=require("../flat-table/__internal__/flat-table.context.js"),y=require("../global-header/__internal__/global-header.context.js"),j=require("../menu/__internal__/menu.context.js"),_=require("../button/__next__/button.component.js"),h=require("../../hooks/__internal__/useLocale/useLocale.js");function x(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(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){x(e,t,n[t])}))}return e}function g(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 C=({onClick:t,"data-element":n,ref:r,id:o,"aria-expanded":a,"aria-haspopup":l,children:i,isOpen:s,size:u})=>e.jsx(_.Button,{onClick:t,"data-element":n,ref:r,"aria-haspopup":l,"aria-expanded":a,id:o,variantType:"secondary",className:s?"active":"",size:u,children:i}),P="undefined"!=typeof window?t.useLayoutEffect:t.useEffect,w=({"data-element":t,onClick:n,ref:r,"aria-label":o,closeButtonDataProps:a})=>e.jsx(_.Button,g(O({onClick:n,ref:r,"aria-label":o,variantType:"subtle",size:"small"},b.default("close",O({"data-element":t},a))),{py:0,px:2,children:e.jsx(l.default,{type:"cross",size:"medium"})})),k=t.forwardRef(((_,x)=>{var{children:k,title:q,borderRadius:S,position:B="right",offset:E=6,open:A,onOpen:L,onClose:D,renderOpenComponent:R=C,renderCloseComponent:F=w,shouldCoverButton:z=!1,ariaDescribedBy:I,openButtonAriaLabel:M,closeButtonAriaLabel:T="close",containerAriaLabel:$,closeButtonDataProps:H,disableAnimation:W=!1,hasFullWidth:K=!1,roundness:G="moderate",size:N="medium"}=_,Q=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(_,["children","title","borderRadius","position","offset","open","onOpen","onClose","renderOpenComponent","renderCloseComponent","shouldCoverButton","ariaDescribedBy","openButtonAriaLabel","closeButtonAriaLabel","containerAriaLabel","closeButtonDataProps","disableAnimation","hasFullWidth","roundness","size"]);const U=void 0!==A,[J,V]=t.useState(!1),X=t.useRef(null),Y=t.useRef(null),[Z,ee]=t.useState(null),[te,ne]=t.useState(null),re=t.useRef(s.default()),oe=t.useRef(null),ae=q?`PopoverContainer_${re.current}`:void 0,{inMenu:le}=t.useContext(j.default),ie=h.default(),se=U?A:J,ue=!o.default("screen and (prefers-reduced-motion: no-preference)"),ce=function(e,n,o){return t.useMemo((()=>[r.offset(e?({rects:e})=>({mainAxis:-e.reference.height}):o),r.flip({fallbackStrategy:"initialPlacement"}),...n?[r.shift()]:[]]),[e,n,o])}(z,"center"===B,E),{isInFlatTable:de}=t.useContext(m.default),pe=t.useCallback((e=>{U||V(!1),null==D||D(e)}),[U,D]),fe=t.useCallback((e=>{var t;!d.default.composedPath(e).find((e=>e instanceof HTMLElement&&"input"===e.getAttribute("data-element")&&"true"===e.getAttribute("aria-expanded")))&&se&&d.default.isEscKey(e)&&(pe(e),null===(t=Y.current)||void 0===t||t.focus({preventScroll:!0}))}),[pe,se]);t.useEffect((()=>(document.addEventListener("keydown",fe),()=>{document.removeEventListener("keydown",fe)})),[fe]),t.useEffect((()=>{var e;!z&&se&&(null===(e=oe.current)||void 0===e||e.focus({preventScroll:!0}))}),[se,z,oe]),v.default(z?void 0:oe,z?void 0:Y,pe);const ve={tabIndex:0,"aria-expanded":se,"aria-haspopup":"dialog",isOpen:se,"data-element":"popover-container-open-component",onClick:e=>{U||V(!se),se?null==D||D(e):null==L||L(e)},ref:Y,id:se?void 0:ae,"data-popover-container-button":"true",children:e.jsxs(e.Fragment,{children:[ie.popoverContainer.openButton.text(),e.jsx(l.default,{type:"ellipsis_vertical"})]}),size:N},be={"data-element":"popover-container-close-component",tabIndex:0,onClick:e=>{var t;pe(e),null===(t=Y.current)||void 0===t||t.focus({preventScroll:!0})},ref:X,"aria-label":T,closeButtonDataProps:H},me=c.default((e=>{U||V(!1),se&&(null==D||D(e))}),"mousedown"),[ye,je]=t.useState(!1),{isWithinGlobalHeader:_e}=y.useGlobalHeader();t.useImperativeHandle(x,(()=>({focusButton(){var e;null===(e=Y.current)||void 0===e||e.focus()}})),[]);const he=()=>e.jsx(a.PopoverContainerContentStyle,g(O({"data-element":"popover-container-content",role:"dialog","aria-labelledby":ae,"aria-label":$,"aria-describedby":I,$popoverOffset:E,$roundness:G,$borderRadius:S,$size:N,ref:oe,tabIndex:-1,disableAnimation:W||ue,zIndex:_e?1e4:2e3,$inMenu:le},u.default(Q)),{children:e.jsxs(j.default.Provider,{value:{inMenu:!1},children:[e.jsxs(a.PopoverContainerHeaderStyle,{onKeyDown:e=>{var t;!z&&"Tab"===e.key&&e.shiftKey&&X.current===document.activeElement&&(e.preventDefault(),pe(e),null===(t=Y.current)||void 0===t||t.focus())},children:[!q&&F(be),q?e.jsx(a.PopoverContainerTitleStyle,{id:ae,"data-element":"popover-container-title",children:q}):e.jsx(a.PopoverContainerHeaderContentStyle,{children:k}),q&&F(be)]}),q&&k]})}));P((()=>{var e;const t=le?null==Z?void 0:Z.closest("[data-component='global-header']"):null,n=le?null==Z||null===(e=Z.closest("[data-component='menu']"))||void 0===e?void 0:e.parentElement:null,r=null==Z?void 0:Z.closest("[data-component='tokens-wrapper']");var o,a;ne(null!==(a=null!==(o=null!=t?t:n)&&void 0!==o?o:r)&&void 0!==a?a:null)}),[le,Z]);const xe=null!=te?te:Z;return e.jsxs(a.PopoverContainerWrapperStyle,g(O({onMouseDown:me,$hasFullWidth:K},b.default("popover-container",Q)),{children:[e.jsx("div",{className:"popover-open-component",ref:ee,children:R(ve)}),e.jsx(n.CSSTransition,{nodeRef:oe,timeout:{exit:W?0:300},in:se,unmountOnExit:!0,onEntered:z?()=>je(!0):void 0,onExiting:z?()=>je(!1):void 0,children:e.jsx(i.default,{reference:{current:Z},placement:"center"===B?"bottom":"right"===B?"bottom-start":"bottom-end",popoverStrategy:W||ue?"fixed":"absolute",middleware:ce,childRefOverride:oe,disableBackgroundUI:de,portalTarget:xe,children:z?e.jsx(f.default.Provider,{value:{isAnimationComplete:ye},children:e.jsx(p.default,{wrapperRef:oe,isOpen:se,children:he()})}):e.jsxs(e.Fragment,{children:[he(),e.jsx("div",{"data-element":"tab-guard-bottom","data-focus-guard":!0,tabIndex:0,onFocus:e=>{if(se){pe(e);const{current:n}=Y,{current:r}=oe;var t;n&&r&&(null!==(t=v.nextElementToFocus(n,r))&&void 0!==t?t:n).focus()}}})]})})})]}))}));exports.PopoverContainer=k,exports.default=k,exports.renderClose=w,exports.renderOpen=C;

package/lib/components/popover-container/popover-container.style.js

@@ -1 +1 @@
-import o,{css as t}from"styled-components";import{padding as e}from"styled-system";import r from"../../style/themes/apply-base-theme.js";import{StyledForm as a,StyledFormContent as i,StyledFormFooter as n}from"../form/form.style.js";const s=o.div.withConfig({displayName:"popover-container.style__PopoverContainerWrapperStyle",componentId:"carbon_v162_12_0__sc-e605c9f0-0"})(["position:relative;display:inline-block;",""],(({$hasFullWidth:o})=>o&&t(["width:100%;"]))),l=o.div.withConfig({displayName:"popover-container.style__PopoverContainerTitleStyle",componentId:"carbon_v162_12_0__sc-e605c9f0-1"})(["flex:1;min-width:0;font:var(--global-font-static-subheading-l);"]),d=o.div.withConfig({displayName:"popover-container.style__PopoverContainerHeaderContentStyle",componentId:"carbon_v162_12_0__sc-e605c9f0-2"})(["order:-1;flex:1;min-width:0;"]),p=o.div.withConfig({displayName:"popover-container.style__PopoverContainerHeaderStyle",componentId:"carbon_v162_12_0__sc-e605c9f0-3"})(["display:flex;align-items:flex-start;justify-content:flex-end;width:100%;&:has(","){margin-bottom:8px;}"],l),c=o.div.attrs(r).withConfig({displayName:"popover-container.style__PopoverContainerContentStyle",componentId:"carbon_v162_12_0__sc-e605c9f0-4"})(["background:var(--popover-bg-default);"," "," "," "," "," box-shadow:var(--global-depth-lvl1);min-width:300px;position:absolute;z-index:var(--adaptiveSidebarModalBackdrop,",");"," :focus{outline:none;}&:has(",".sticky){display:flex;flex-direction:column;padding:0;",".sticky{","{flex-grow:1;min-height:0;overflow-y:auto;}","{border-bottom-right-radius:var(--global-radius-action-m);border-bottom-left-radius:var(--global-radius-action-m);}}}"],(({$inMenu:o})=>o&&t(["color:var(--page-content-txt-default);"])),(({$roundness:o})=>t([""," ",""],"curved"===o&&t(["border-radius:var(--global-radius-container-xl);"]),"moderate"===o&&t(["border-radius:var(--global-radius-container-l);"]))),(({$size:o})=>t([""," "," ",""],"small"===o&&t(["padding:var(--global-space-comp-xs);"]),"medium"===o&&t(["padding:var(--global-space-comp-s);"]),"large"===o&&t(["padding:var(--global-space-comp-m);"]))),e,(({$borderRadius:o})=>{if(!o)return"";const e=o.split(" ").filter(Boolean);return t(["border-radius:",";"],e.map((o=>`var(--${o.trim()})`)).join(" "))}),(({zIndex:o})=>o),(({disableAnimation:o,$popoverOffset:e})=>o?t(["opacity:1;transform:none;"]):t(["&.enter{opacity:0;transform:translateY( ","px );}&.enter-done{opacity:1;transform:translateY(0);transition-property:opacity,transform;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.25,0.25,0,1.5);}&.exit{opacity:0;transform:translateY(-8px);transition-property:opacity,transform;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.25,0.25,0,1.5);}&.exit-done{opacity:0;transform:translateY(0);}"],e?-8:0)),a,a,i,n);export{c as PopoverContainerContentStyle,d as PopoverContainerHeaderContentStyle,p as PopoverContainerHeaderStyle,l as PopoverContainerTitleStyle,s as PopoverContainerWrapperStyle};
+"use strict";var e=require("styled-components"),t=require("styled-system"),o=require("../../style/themes/apply-base-theme.js"),r=require("../form/form.style.js");function a(e){return e&&e.__esModule?e:{default:e}}var n=a(e);const i=n.default.div.withConfig({displayName:"popover-container.style__PopoverContainerWrapperStyle",componentId:"carbon_v162_12_0__sc-e605c9f0-0"})(["position:relative;display:inline-block;",""],(({$hasFullWidth:t})=>t&&e.css(["width:100%;"]))),s=n.default.div.withConfig({displayName:"popover-container.style__PopoverContainerTitleStyle",componentId:"carbon_v162_12_0__sc-e605c9f0-1"})(["flex:1;min-width:0;font:var(--global-font-static-subheading-l);"]),l=n.default.div.withConfig({displayName:"popover-container.style__PopoverContainerHeaderContentStyle",componentId:"carbon_v162_12_0__sc-e605c9f0-2"})(["order:-1;flex:1;min-width:0;"]),d=n.default.div.withConfig({displayName:"popover-container.style__PopoverContainerHeaderStyle",componentId:"carbon_v162_12_0__sc-e605c9f0-3"})(["display:flex;align-items:flex-start;justify-content:flex-end;width:100%;&:has(","){margin-bottom:8px;}"],s),p=n.default.div.attrs(o.default).withConfig({displayName:"popover-container.style__PopoverContainerContentStyle",componentId:"carbon_v162_12_0__sc-e605c9f0-4"})(["background:var(--popover-bg-default);"," "," "," "," "," box-shadow:var(--global-depth-lvl1);min-width:300px;position:absolute;z-index:var(--adaptiveSidebarModalBackdrop,",");"," :focus{outline:none;}&:has(",".sticky){display:flex;flex-direction:column;padding:0;",".sticky{","{flex-grow:1;min-height:0;overflow-y:auto;}","{border-bottom-right-radius:var(--global-radius-action-m);border-bottom-left-radius:var(--global-radius-action-m);}}}"],(({$inMenu:t})=>t&&e.css(["color:var(--page-content-txt-default);"])),(({$roundness:t})=>e.css([""," ",""],"curved"===t&&e.css(["border-radius:var(--global-radius-container-xl);"]),"moderate"===t&&e.css(["border-radius:var(--global-radius-container-l);"]))),(({$size:t})=>e.css([""," "," ",""],"small"===t&&e.css(["padding:var(--global-space-comp-xs);"]),"medium"===t&&e.css(["padding:var(--global-space-comp-s);"]),"large"===t&&e.css(["padding:var(--global-space-comp-m);"]))),t.padding,(({$borderRadius:t})=>{if(!t)return"";const o=t.split(" ").filter(Boolean);return e.css(["border-radius:",";"],o.map((e=>`var(--${e.trim()})`)).join(" "))}),(({zIndex:e})=>e),(({disableAnimation:t,$popoverOffset:o})=>t?e.css(["opacity:1;transform:none;"]):e.css(["&.enter{opacity:0;transform:translateY( ","px );}&.enter-done{opacity:1;transform:translateY(0);transition-property:opacity,transform;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.25,0.25,0,1.5);}&.exit{opacity:0;transform:translateY(-8px);transition-property:opacity,transform;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.25,0.25,0,1.5);}&.exit-done{opacity:0;transform:translateY(0);}"],o?-8:0)),r.StyledForm,r.StyledForm,r.StyledFormContent,r.StyledFormFooter);exports.PopoverContainerContentStyle=p,exports.PopoverContainerHeaderContentStyle=l,exports.PopoverContainerHeaderStyle=d,exports.PopoverContainerTitleStyle=s,exports.PopoverContainerWrapperStyle=i;

package/lib/components/portal/__internal__/safe-portal.js

@@ -1 +1 @@
-import{useState as t,useEffect as e}from"react";import{createPortal as r}from"react-dom";const o=({children:o,id:n,className:s,attributes:c})=>{const[u,i]=t(null),[l,m]=t(!1);return e((()=>{let t=document.getElementById(n);const e=!t;return e&&(t=document.createElement("div"),t.setAttribute("id",n),document.body.appendChild(t)),m(e),i(t),()=>{e&&(null==t||t.remove())}}),[n]),e((()=>{if(u&&l){u.setAttribute("class",s);for(const[t,e]of Object.entries(c))u.setAttribute(t,e);return()=>{u.removeAttribute("class");for(const t of Object.keys(c))u.removeAttribute(t)}}}),[c,s,u,l]),u?r(o,u):null};export{o as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-dom");exports.default=({children:r,id:s,className:u,attributes:c})=>{const[o,n]=e.useState(null),[l,i]=e.useState(!1);return e.useEffect((()=>{let e=document.getElementById(s);const t=!e;return t&&(e=document.createElement("div"),e.setAttribute("id",s),document.body.appendChild(e)),i(t),n(e),()=>{t&&(null==e||e.remove())}}),[s]),e.useEffect((()=>{if(o&&l){o.setAttribute("class",u);for(const[e,t]of Object.entries(c))o.setAttribute(e,t);return()=>{o.removeAttribute("class");for(const e of Object.keys(c))o.removeAttribute(e)}}}),[c,u,o,l]),o?t.createPortal(r,o):null};

package/lib/components/portal/index.js

@@ -1 +1 @@
-export{Portal as default}from"./portal.js";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./portal.js");exports.default=e.Portal;

package/lib/components/portal/package.json

@@ -0,0 +1,5 @@
+{
+  "sideEffects": false,
+  "module": "../../../esm/components/portal/index.js",
+  "types": "./index.d.ts"
+}

package/lib/components/portal/portal.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useRef as t,useContext as r,useState as o,useEffect as n}from"react";import a,{css as i}from"styled-components";import c from"./__internal__/safe-portal.js";import s from"./portal.style.js";import p from"../../__internal__/utils/helpers/guid/index.js";import l from"../../style/themes/apply-base-theme.js";import d from"../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js";import b from"../tokens-wrapper/__internal__/context/tokens-wrapper.context.js";function m(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){m(e,t,r[t])}))}return e}const f=a.div.attrs(l).withConfig({displayName:"portal__Container",componentId:"carbon_v162_12_0__sc-1b79295f-0"})(["",""],(({theme:e})=>i(["{position:relative;z-index:",";}"],e.zIndex.aboveAll))),v=({children:a,className:i,id:l,onReposition:m,inertOptOut:v})=>{const{current:O}=t(p()),y=null!=l?l:O,j=t(null),{wrapperId:h}=r(b),[w,_]=o();return n((()=>(m&&(m(),window.addEventListener("resize",m)),()=>{m&&window.removeEventListener("resize",m)})),[m]),n((()=>{var e;const t=null===(e=j.current)||void 0===e?void 0:e.closest("[data-carbon-theme]");if(!t)return;var r;_(null!==(r=t.getAttribute("data-carbon-theme"))&&void 0!==r?r:void 0);const o=new MutationObserver((()=>{var e;_(null!==(e=t.getAttribute("data-carbon-theme"))&&void 0!==e?e:void 0)}));return o.observe(t,{attributes:!0,attributeFilter:["data-carbon-theme"]}),()=>o.disconnect()}),[]),e(s,{"data-role":"data-portal-entrance","data-portal-entrance":y,ref:j,children:e(c,{id:y,className:`carbon-portal ${null!=i?i:""}`.trim(),attributes:u({"data-portal-exit":y,"data-role":"carbon-portal-exit"},h&&{"data-tokens-wrapper-id":h},w&&{"data-carbon-theme":w},v&&{"data-not-inert":"true"}),children:e(d,(g=u({className:"carbon-portal-scoped-tokens-provider","data-role":"carbon-portal-scoped-tokens-provider","data-tokens-wrapper-id":h},w&&{"data-carbon-theme":w}),k={children:v?e(f,{children:a}):a},k=null!=k?k:{},Object.getOwnPropertyDescriptors?Object.defineProperties(g,Object.getOwnPropertyDescriptors(k)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(k)).forEach((function(e){Object.defineProperty(g,e,Object.getOwnPropertyDescriptor(k,e))})),g))})});var g,k};export{v as Portal,v as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),n=require("./__internal__/safe-portal.js"),o=require("./portal.style.js"),a=require("../../__internal__/utils/helpers/guid/index.js"),i=require("../../style/themes/apply-base-theme.js"),s=require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js"),c=require("../tokens-wrapper/__internal__/context/tokens-wrapper.context.js");function l(e){return e&&e.__esModule?e:{default:e}}function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(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){u(e,t,r[t])}))}return e}const p=l(r).default.div.attrs(i.default).withConfig({displayName:"portal__Container",componentId:"carbon_v162_12_0__sc-1b79295f-0"})(["",""],(({theme:e})=>r.css(["{position:relative;z-index:",";}"],e.zIndex.aboveAll))),b=({children:r,className:i,id:l,onReposition:u,inertOptOut:b})=>{const{current:f}=t.useRef(a.default()),v=null!=l?l:f,j=t.useRef(null),{wrapperId:O}=t.useContext(c.default),[m,y]=t.useState();return t.useEffect((()=>(u&&(u(),window.addEventListener("resize",u)),()=>{u&&window.removeEventListener("resize",u)})),[u]),t.useEffect((()=>{var e;const t=null===(e=j.current)||void 0===e?void 0:e.closest("[data-carbon-theme]");if(!t)return;var r;y(null!==(r=t.getAttribute("data-carbon-theme"))&&void 0!==r?r:void 0);const n=new MutationObserver((()=>{var e;y(null!==(e=t.getAttribute("data-carbon-theme"))&&void 0!==e?e:void 0)}));return n.observe(t,{attributes:!0,attributeFilter:["data-carbon-theme"]}),()=>n.disconnect()}),[]),e.jsx(o.default,{"data-role":"data-portal-entrance","data-portal-entrance":v,ref:j,children:e.jsx(n.default,{id:v,className:`carbon-portal ${null!=i?i:""}`.trim(),attributes:d({"data-portal-exit":v,"data-role":"carbon-portal-exit"},O&&{"data-tokens-wrapper-id":O},m&&{"data-carbon-theme":m},b&&{"data-not-inert":"true"}),children:e.jsx(s.default,(_=d({className:"carbon-portal-scoped-tokens-provider","data-role":"carbon-portal-scoped-tokens-provider","data-tokens-wrapper-id":O},m&&{"data-carbon-theme":m}),h={children:b?e.jsx(p,{children:r}):r},h=null!=h?h:{},Object.getOwnPropertyDescriptors?Object.defineProperties(_,Object.getOwnPropertyDescriptors(h)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(h)).forEach((function(e){Object.defineProperty(_,e,Object.getOwnPropertyDescriptor(h,e))})),_))})});var _,h};exports.Portal=b,exports.default=b;

package/lib/components/portal/portal.style.js

@@ -1 +1 @@
-import t from"styled-components";const o=t.span.withConfig({displayName:"portal.style__StyledPortalEntrance",componentId:"carbon_v162_12_0__sc-9fd1b647-0"})(["display:none;height:0;width:0;"]);export{o as default};
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.span.withConfig({displayName:"portal.style__StyledPortalEntrance",componentId:"carbon_v162_12_0__sc-9fd1b647-0"})(["display:none;height:0;width:0;"]);exports.default=t;

package/lib/components/portrait/__internal__/get-properties.js

@@ -1 +1 @@
-import r from"../../../style/utils/get-accessible-foreground-color.js";const e=(e,i=!1,o=!1,a=!1,l=void 0)=>{let s="var(--colorsUtilityYin090)",t="var(--colorsUtilityReadOnly400)";return!i||e||l||(t="var(--colorsUtilityYin090)",s="var(--colorsUtilityReadOnly600)"),e&&(t=e,s=r(e,o,a)),l&&(s=l),`background-color: ${t}; color: ${s};`},i=(r,e)=>"square"===r?"XS"===e||"S"===e?"var(--global-radius-container-xs)":"M"===e||"ML"===e||"L"===e?"var(--global-radius-container-m)":"var(--global-radius-container-l)":"var(--global-radius-container-circle)",o=r=>{const e={backgroundColor:"inherit",color:"inherit"};return"black"===r?(e.backgroundColor="var(--profile-bg-def)",e.color="var(--profile-label-default)"):(e.backgroundColor=`var(--profile-swatches-${r}-bg-default)`,e.color=`var(--profile-swatches-${r}-label-default)`),e},a=r=>({height:`var(--profile-size-outside-${r.toLowerCase()})`,width:`var(--profile-size-outside-${r.toLowerCase()})`}),l=r=>`var(--profile-font-initials-${r.toLowerCase()})`,s=r=>{switch(r){case"XS":return"var(--profile-size-inside-xs)";case"S":return"var(--profile-size-inside-s)";case"ML":return"var(--profile-size-inside-ml)";case"L":return"var(--profile-size-inside-l)";case"XL":return"var(--profile-size-inside-xl)";case"XXL":return"var(--profile-size-inside-xxl)";default:return"var(--profile-size-inside-m)"}};export{e as default,i as getPortraitBorderRadius,o as getPortraitColors,a as getPortraitDimensions,l as getPortraitFontSize,s as getPortraitIconFontSize};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../../style/utils/get-accessible-foreground-color.js");exports.default=(e,o=!1,i=!1,t=!1,a=void 0)=>{let l="var(--colorsUtilityYin090)",s="var(--colorsUtilityReadOnly400)";return!o||e||a||(s="var(--colorsUtilityYin090)",l="var(--colorsUtilityReadOnly600)"),e&&(s=e,l=r.default(e,i,t)),a&&(l=a),`background-color: ${s}; color: ${l};`},exports.getPortraitBorderRadius=(r,e)=>"square"===r?"XS"===e||"S"===e?"var(--global-radius-container-xs)":"M"===e||"ML"===e||"L"===e?"var(--global-radius-container-m)":"var(--global-radius-container-l)":"var(--global-radius-container-circle)",exports.getPortraitColors=r=>{const e={backgroundColor:"inherit",color:"inherit"};return"black"===r?(e.backgroundColor="var(--profile-bg-def)",e.color="var(--profile-label-default)"):(e.backgroundColor=`var(--profile-swatches-${r}-bg-default)`,e.color=`var(--profile-swatches-${r}-label-default)`),e},exports.getPortraitDimensions=r=>({height:`var(--profile-size-outside-${r.toLowerCase()})`,width:`var(--profile-size-outside-${r.toLowerCase()})`}),exports.getPortraitFontSize=r=>`var(--profile-font-initials-${r.toLowerCase()})`,exports.getPortraitIconFontSize=r=>{switch(r){case"XS":return"var(--profile-size-inside-xs)";case"S":return"var(--profile-size-inside-s)";case"ML":return"var(--profile-size-inside-ml)";case"L":return"var(--profile-size-inside-l)";case"XL":return"var(--profile-size-inside-xl)";case"XXL":return"var(--profile-size-inside-xxl)";default:return"var(--profile-size-inside-m)"}};

package/lib/components/portrait/index.js

@@ -1 +1 @@
-export{Portrait as default}from"./portrait.component.js";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./portrait.component.js");exports.default=e.Portrait;

package/lib/components/portrait/package.json

@@ -0,0 +1,5 @@
+{
+  "sideEffects": false,
+  "module": "../../../esm/components/portrait/index.js",
+  "types": "./index.d.ts"
+}

package/lib/components/portrait/portrait.component.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useState as o,useEffect as e}from"react";import{Tooltip as r}from"../tooltip/tooltip.component.js";import i from"../../__internal__/utils/helpers/tags/tags.js";import{StyledPortraitInitials as n,StyledPortraitContainer as l,StyledIcon as s,StyledCustomImg as a}from"./portrait.style.js";import"../../style/utils/filter-styled-system-padding-props.js";import p from"../../style/utils/filter-styled-system-margin-props.js";function c(t,o,e){return o in t?Object.defineProperty(t,o,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[o]=e,t}function u(t){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{},r=Object.keys(e);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(e).filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})))),r.forEach((function(o){c(t,o,e[o])}))}return t}function f(t,o){return o=null!=o?o:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):function(t){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);o.push.apply(o,e)}return o}(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))})),t}const d=c=>{var{alt:d,backgroundColor:g,foregroundColor:m,className:y,name:b,darkBackground:O=!1,iconType:j="individual",initials:k,shape:C="circle",size:h="M",src:v,onClick:P,tooltipMessage:w,tooltipId:z,tooltipIsVisible:S,tooltipPosition:B,tooltipType:I,tooltipSize:V,tooltipBgColor:x,tooltipFontColor:D,variant:E}=c,N=function(t,o){if(null==t)return{};var e,r,i=function(t,o){if(null==t)return{};var e,r,i={},n=Object.keys(t);for(r=0;r<n.length;r++)e=n[r],o.indexOf(e)>=0||(i[e]=t[e]);return i}(t,o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);for(r=0;r<n.length;r++)e=n[r],o.indexOf(e)>=0||Object.prototype.propertyIsEnumerable.call(t,e)&&(i[e]=t[e])}return i}(c,["alt","backgroundColor","foregroundColor","className","name","darkBackground","iconType","initials","shape","size","src","onClick","tooltipMessage","tooltipId","tooltipIsVisible","tooltipPosition","tooltipType","tooltipSize","tooltipBgColor","tooltipFontColor","variant"]);const[T,_]=o(!1),M=Boolean(v)&&!T;e((()=>{_(!1)}),[v]);const F=i("portrait",N);return(()=>{let o=t(s,{type:j,$portraitSize:h});return k&&(o=t(n,{size:h,"data-element":"initials",variant:E,children:k.slice(0,3).toUpperCase()})),v&&!T&&(o=t(a,{src:v,alt:d||b||"","data-element":"user-image",onError:()=>_(!0)})),w?t(r,{message:w,id:z,position:B,type:I,size:V,isVisible:S,bgColor:x,fontColor:D,children:t(l,f(u(f(u({},p(N)),{onClick:P,className:y}),F),{hasValidImg:M,darkBackground:O,size:h,shape:C,backgroundColor:g,foregroundColor:m,variant:E,children:o}))}):t(l,f(u(f(u({},p(N)),{onClick:P,className:y}),F),{hasValidImg:M,darkBackground:O,size:h,shape:C,backgroundColor:g,foregroundColor:m,variant:E,children:o}))})()};export{d as Portrait,d as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../tooltip/tooltip.component.js"),o=require("../../__internal__/utils/helpers/tags/tags.js"),i=require("./portrait.style.js");require("../../style/utils/filter-styled-system-padding-props.js");var n=require("../../style/utils/filter-styled-system-margin-props.js");function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){l(e,t,r[t])}))}return e}function a(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 c=l=>{var{alt:c,backgroundColor:p,foregroundColor:u,className:d,name:y,darkBackground:f=!1,iconType:g="individual",initials:b,shape:j="circle",size:O="M",src:m,onClick:C,tooltipMessage:P,tooltipId:k,tooltipIsVisible:v,tooltipPosition:h,tooltipType:S,tooltipSize:x,tooltipBgColor:w,tooltipFontColor:I,variant:z}=l,q=function(e,t){if(null==e)return{};var r,o,i=function(e,t){if(null==e)return{};var r,o,i={},n=Object.keys(e);for(o=0;o<n.length;o++)r=n[o],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(o=0;o<n.length;o++)r=n[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(l,["alt","backgroundColor","foregroundColor","className","name","darkBackground","iconType","initials","shape","size","src","onClick","tooltipMessage","tooltipId","tooltipIsVisible","tooltipPosition","tooltipType","tooltipSize","tooltipBgColor","tooltipFontColor","variant"]);const[B,_]=t.useState(!1),E=Boolean(m)&&!B;t.useEffect((()=>{_(!1)}),[m]);const T=o.default("portrait",q);return(()=>{let t=e.jsx(i.StyledIcon,{type:g,$portraitSize:O});return b&&(t=e.jsx(i.StyledPortraitInitials,{size:O,"data-element":"initials",variant:z,children:b.slice(0,3).toUpperCase()})),m&&!B&&(t=e.jsx(i.StyledCustomImg,{src:m,alt:c||y||"","data-element":"user-image",onError:()=>_(!0)})),P?e.jsx(r.Tooltip,{message:P,id:k,position:h,type:S,size:x,isVisible:v,bgColor:w,fontColor:I,children:e.jsx(i.StyledPortraitContainer,a(s(a(s({},n.default(q)),{onClick:C,className:d}),T),{hasValidImg:E,darkBackground:f,size:O,shape:j,backgroundColor:p,foregroundColor:u,variant:z,children:t}))}):e.jsx(i.StyledPortraitContainer,a(s(a(s({},n.default(q)),{onClick:C,className:d}),T),{hasValidImg:E,darkBackground:f,size:O,shape:j,backgroundColor:p,foregroundColor:u,variant:z,children:t}))})()};exports.Portrait=c,exports.default=c;

package/lib/components/portrait/portrait.config.js

@@ -1 +1 @@
-const i=["circle","square"],n=["XS","S","M","ML","L","XL","XXL"],s={XS:{dimensions:32,iconDimensions:16},S:{dimensions:32,iconDimensions:20},M:{dimensions:40,iconDimensions:24},ML:{dimensions:56,iconDimensions:32},L:{dimensions:72,iconDimensions:40},XL:{dimensions:104,iconDimensions:56},XXL:{dimensions:128,iconDimensions:64}};export{i as PORTRAIT_SHAPES,n as PORTRAIT_SIZES,s as PORTRAIT_SIZE_PARAMS};
+"use strict";exports.PORTRAIT_SHAPES=["circle","square"],exports.PORTRAIT_SIZES=["XS","S","M","ML","L","XL","XXL"],exports.PORTRAIT_SIZE_PARAMS={XS:{dimensions:32,iconDimensions:16},S:{dimensions:32,iconDimensions:20},M:{dimensions:40,iconDimensions:24},ML:{dimensions:56,iconDimensions:32},L:{dimensions:72,iconDimensions:40},XL:{dimensions:104,iconDimensions:56},XXL:{dimensions:128,iconDimensions:64}};

package/lib/components/portrait/portrait.style.js

@@ -1 +1 @@
-import"react";import t from"styled-components";import{margin as o}from"styled-system";import i from"../icon/icon.component.js";import"../icon/icon.style.js";import e from"../../style/themes/apply-base-theme.js";import r,{getPortraitFontSize as n,getPortraitColors as s,getPortraitDimensions as l,getPortraitIconFontSize as a,getPortraitBorderRadius as d}from"./__internal__/get-properties.js";const c=t.div.withConfig({displayName:"portrait.style__StyledPortraitInitials",componentId:"carbon_v162_12_0__sc-67607789-0"})(["font:",";display:flex;white-space:nowrap;align-items:center;justify-content:center;height:inherit;width:inherit;.mentions-list-item &&{color:var(--input-dropdown-label-default);}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:var(--popover-label-hover);}"],(({size:t})=>n(t))),m=t.img.withConfig({displayName:"portrait.style__StyledCustomImg",componentId:"carbon_v162_12_0__sc-67607789-1"})(["height:inherit;min-width:inherit;"]),p=t(i).withConfig({displayName:"portrait.style__StyledIcon",componentId:"carbon_v162_12_0__sc-67607789-2"})(["&&{color:",";height:",";min-width:",";::before{font-size:",";}}"],(({variant:t})=>s(t).color),(({$portraitSize:t})=>l(t).height),(({$portraitSize:t})=>l(t).width),(({$portraitSize:t})=>a(t))),h=t.div.attrs(e).withConfig({displayName:"portrait.style__StyledPortraitContainer",componentId:"carbon_v162_12_0__sc-67607789-3"})([""," ",";"," min-width:",";height:",";overflow:hidden;border-radius:",";border:var(--global-borderwidth-xs) solid var(--profile-border-default);display:inline-block;"," "," .mentions-list-item &&{color:currentColor;}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:currentColor;}"],(({variant:t})=>`\n    background-color: ${s(t).backgroundColor};\n    color: ${s(t).color};\n  `),(({darkBackground:t,backgroundColor:o,size:i,foregroundColor:e,variant:n})=>!n&&r(o,t,!["XS","S"].includes(i),!0,e)),(({hasValidImg:t,size:o})=>t&&`max-width: ${l(o).width};`),(({size:t})=>l(t).width),(({size:t})=>l(t).height),(({shape:t,size:o})=>d(t,o)),(({onClick:t})=>t&&"cursor: pointer"),o);export{m as StyledCustomImg,p as StyledIcon,h as StyledPortraitContainer,c as StyledPortraitInitials};
+"use strict";require("react");var t=require("styled-components"),e=require("styled-system"),i=require("../icon/icon.component.js");require("../icon/icon.style.js");var r=require("../../style/themes/apply-base-theme.js"),o=require("./__internal__/get-properties.js");function n(t){return t&&t.__esModule?t:{default:t}}var a=n(t);const s=a.default.div.withConfig({displayName:"portrait.style__StyledPortraitInitials",componentId:"carbon_v162_12_0__sc-67607789-0"})(["font:",";display:flex;white-space:nowrap;align-items:center;justify-content:center;height:inherit;width:inherit;.mentions-list-item &&{color:var(--input-dropdown-label-default);}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:var(--popover-label-hover);}"],(({size:t})=>o.getPortraitFontSize(t))),l=a.default.img.withConfig({displayName:"portrait.style__StyledCustomImg",componentId:"carbon_v162_12_0__sc-67607789-1"})(["height:inherit;min-width:inherit;"]),d=a.default(i.default).withConfig({displayName:"portrait.style__StyledIcon",componentId:"carbon_v162_12_0__sc-67607789-2"})(["&&{color:",";height:",";min-width:",";::before{font-size:",";}}"],(({variant:t})=>o.getPortraitColors(t).color),(({$portraitSize:t})=>o.getPortraitDimensions(t).height),(({$portraitSize:t})=>o.getPortraitDimensions(t).width),(({$portraitSize:t})=>o.getPortraitIconFontSize(t))),c=a.default.div.attrs(r.default).withConfig({displayName:"portrait.style__StyledPortraitContainer",componentId:"carbon_v162_12_0__sc-67607789-3"})([""," ",";"," min-width:",";height:",";overflow:hidden;border-radius:",";border:var(--global-borderwidth-xs) solid var(--profile-border-default);display:inline-block;"," "," .mentions-list-item &&{color:currentColor;}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:currentColor;}"],(({variant:t})=>`\n    background-color: ${o.getPortraitColors(t).backgroundColor};\n    color: ${o.getPortraitColors(t).color};\n  `),(({darkBackground:t,backgroundColor:e,size:i,foregroundColor:r,variant:n})=>!n&&o.default(e,t,!["XS","S"].includes(i),!0,r)),(({hasValidImg:t,size:e})=>t&&`max-width: ${o.getPortraitDimensions(e).width};`),(({size:t})=>o.getPortraitDimensions(t).width),(({size:t})=>o.getPortraitDimensions(t).height),(({shape:t,size:e})=>o.getPortraitBorderRadius(t,e)),(({onClick:t})=>t&&"cursor: pointer"),e.margin);exports.StyledCustomImg=l,exports.StyledIcon=d,exports.StyledPortraitContainer=c,exports.StyledPortraitInitials=s;

package/lib/components/preview/index.js

@@ -1 +1 @@
-export{Preview as default}from"./preview.component.js";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./preview.component.js");exports.default=e.Preview;

package/lib/components/preview/package.json

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

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import"react";import{StyledPreviewPlaceholder as r,StyledPreview as t}from"./preview.style.js";import"../../style/utils/filter-styled-system-padding-props.js";import n from"../../style/utils/filter-styled-system-margin-props.js";import i from"../../hooks/useMediaQuery/useMediaQuery.js";import o from"../../__internal__/utils/helpers/tags/tags.js";function s(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function l(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){s(e,r,t[r])}))}return e}function p(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 a=s=>{var{children:a,loading:c,lines:u=1,height:f,width:y,shape:b="text",disableAnimation:d}=s,O=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}(s,["children","loading","lines","height","width","shape","disableAnimation"]);const m=n(O),h=null!=c?c:!a,j=!i("screen and (prefers-reduced-motion: no-preference)");if(h){const n=[];for(let t=0;t<u;t++)n.push(e(r,l({"data-role":"preview-placeholder",height:f,width:y,isLastLine:(g=t,u>1&&u===g+1),shape:b,disableAnimation:d||j},O,o("preview",O)),t));return e(t,p(l({"data-role":"preview-wrapper"},m),{children:n}))}var g;return e(t,p(l({"data-role":"preview-wrapper"},m),{children:a}))};export{a as Preview,a as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("./preview.style.js");require("../../style/utils/filter-styled-system-padding-props.js");var t=require("../../style/utils/filter-styled-system-margin-props.js"),n=require("../../hooks/useMediaQuery/useMediaQuery.js"),i=require("../../__internal__/utils/helpers/tags/tags.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function l(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){o(e,r,t[r])}))}return e}function s(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 a=o=>{var{children:a,loading:u,lines:c=1,height:p,width:d,shape:f="text",disableAnimation:y}=o,b=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}(o,["children","loading","lines","height","width","shape","disableAnimation"]);const O=t.default(b),j=null!=u?u:!a,h=!n.default("screen and (prefers-reduced-motion: no-preference)");if(j){const t=[];for(let n=0;n<c;n++)t.push(e.jsx(r.StyledPreviewPlaceholder,l({"data-role":"preview-placeholder",height:p,width:d,isLastLine:(w=n,c>1&&c===w+1),shape:f,disableAnimation:y||h},b,i.default("preview",b)),n));return e.jsx(r.StyledPreview,s(l({"data-role":"preview-wrapper"},O),{children:t}))}var w;return e.jsx(r.StyledPreview,s(l({"data-role":"preview-wrapper"},O),{children:a}))};exports.Preview=a,exports.default=a;

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

@@ -1 +1 @@
-import e,{keyframes as i,css as r}from"styled-components";import{margin as t}from"styled-system";import a from"../../style/themes/apply-base-theme.js";const n=e.div.attrs(a).withConfig({displayName:"preview.style__StyledPreview",componentId:"carbon_v162_12_0__sc-a74c6505-0"})(["",""],t),o=i(["0%{opacity:0.1;}70%{opacity:1;}100%{opacity:0.1;}"]);function s(e){return e.includes("rectangle")?"var(--sizing400)":"circle"===e?"var(--sizing700)":"var(--sizing175)"}function c(e){return e.includes("rectangle")?"var(--sizing1500)":"100%"}const d=e.span.withConfig({displayName:"preview.style__StyledPreviewPlaceholder",componentId:"carbon_v162_12_0__sc-a74c6505-1"})(["",""],(({shape:e,disableAnimation:i,isLastLine:t,height:a,width:n})=>r(["display:block;background:linear-gradient( 135deg,var(--colorsUtilityMajor100),var(--colorsUtilityMajor040) );border-radius:",";height:",";width:",";animation:"," 2s ease infinite;"," "," "," & + &{margin-top:6px;}"],function(e){switch(e){case"rectangle-round":return"var(--borderRadius400)";case"circle":return"var(--borderRadiusCircle)";default:return"var(--borderRadius100)"}}(e),a||s(e),n||c(e),o,t&&"text"===e&&r(["width:calc(","*0.8);"],n||c(e)),"circle"===e&&r(["width:",";"],a||s(e)),i&&r(["animation:none;"]))));export{n as StyledPreview,d as StyledPreviewPlaceholder};
+"use strict";var e=require("styled-components"),i=require("styled-system"),r=require("../../style/themes/apply-base-theme.js");function t(e){return e&&e.__esModule?e:{default:e}}var a=t(e);const s=a.default.div.attrs(r.default).withConfig({displayName:"preview.style__StyledPreview",componentId:"carbon_v162_12_0__sc-a74c6505-0"})(["",""],i.margin),n=e.keyframes(["0%{opacity:0.1;}70%{opacity:1;}100%{opacity:0.1;}"]);function c(e){return e.includes("rectangle")?"var(--sizing400)":"circle"===e?"var(--sizing700)":"var(--sizing175)"}function o(e){return e.includes("rectangle")?"var(--sizing1500)":"100%"}const l=a.default.span.withConfig({displayName:"preview.style__StyledPreviewPlaceholder",componentId:"carbon_v162_12_0__sc-a74c6505-1"})(["",""],(({shape:i,disableAnimation:r,isLastLine:t,height:a,width:s})=>e.css(["display:block;background:linear-gradient( 135deg,var(--colorsUtilityMajor100),var(--colorsUtilityMajor040) );border-radius:",";height:",";width:",";animation:"," 2s ease infinite;"," "," "," & + &{margin-top:6px;}"],function(e){switch(e){case"rectangle-round":return"var(--borderRadius400)";case"circle":return"var(--borderRadiusCircle)";default:return"var(--borderRadius100)"}}(i),a||c(i),s||o(i),n,t&&"text"===i&&e.css(["width:calc(","*0.8);"],s||o(i)),"circle"===i&&e.css(["width:",";"],a||c(i)),r&&e.css(["animation:none;"]))));exports.StyledPreview=s,exports.StyledPreviewPlaceholder=l;

package/lib/components/profile/index.js

@@ -1 +1 @@
-export{Profile as default}from"./profile.component.js";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./profile.component.js");exports.default=e.Profile;

package/lib/components/profile/package.json

@@ -0,0 +1,5 @@
+{
+  "sideEffects": false,
+  "module": "../../../esm/components/profile/index.js",
+  "types": "./index.d.ts"
+}

package/lib/components/profile/profile.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r,Fragment as t}from"react/jsx-runtime";import"react";import"../../style/utils/filter-styled-system-padding-props.js";import n from"../../style/utils/filter-styled-system-margin-props.js";import o from"../../__internal__/utils/helpers/tags/tags.js";import a from"../../__internal__/utils/logger/index.js";import{Link as i}from"../link/link.component.js";import l from"./profile.config.js";import{ProfileStyle as s,ProfileAvatarStyle as c,ProfileDetailsStyle as p,ProfileNameStyle as m,ProfileTypography as u,ProfileCustomContentStyle as d}from"./profile.style.js";function f(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function g(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){f(e,r,t[r])}))}return e}function y(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}let b=!1;const O=f=>{var{src:O,alt:j,className:h,initials:k,name:w,size:P,email:v,text:x,darkBackground:S,backgroundColor:_,foregroundColor:C,variant:z,children:B}=f,$=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(f,["src","alt","className","initials","name","size","email","text","darkBackground","backgroundColor","foregroundColor","variant","children"]);const N=P||"M",D=y(g({darkBackground:S,alt:j,name:w,initials:k||function(e){if(!e)return"";const r=e.match(/\b\w/g);return r?r.join(""):""}(w).slice(0,3).toUpperCase(),size:N},z?{variant:z}:{backgroundColor:_,foregroundColor:C}),{"data-role":"profile-portrait"});return b||w||!v&&!x||(b=!0,a.warn("[WARNING] The `email` or `text` prop should not be used without the `name` prop in `Profile`. Please use the `name` prop as well as `email` or `text`.")),e(s,y(g({className:h,$darkBackground:S},o("profile",$),n($)),{children:[r(c,g(O?{src:O,"data-element":"user-image"}:{},D)),w||B?e(p,{$size:N,"data-element":"details",children:[w&&e(t,{children:[r(m,{$font:l[N].nameTypography.font,$darkBackground:S,"data-element":"name",children:w}),v&&r(i,{href:`mailto:${v}`,linkSize:l[N].emailLinkSize,inverse:S,"data-role":"email-link","data-element":"email",children:v}),x&&r(u,y(g({forwardedAs:"span"},l[N].textTypography),{inverse:S,$darkBackground:S,m:0,"data-element":"text",children:x}))]}),B&&r(d,{"data-role":"custom-content","data-element":"custom-content",children:B})]}):null]}))};export{O as Profile,O as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react"),require("../../style/utils/filter-styled-system-padding-props.js");var r=require("../../style/utils/filter-styled-system-margin-props.js"),t=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("../../__internal__/utils/logger/index.js"),o=require("../link/link.component.js"),l=require("./profile.config.js"),a=require("./profile.style.js");function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function s(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){i(e,r,t[r])}))}return e}function c(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}let u=!1;const d=i=>{var{src:d,alt:f,className:p,initials:m,name:y,size:g,email:j,text:b,darkBackground:O,backgroundColor:h,foregroundColor:k,variant:P,children:x}=i,v=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(i,["src","alt","className","initials","name","size","email","text","darkBackground","backgroundColor","foregroundColor","variant","children"]);const w=g||"M",S=c(s({darkBackground:O,alt:f,name:y,initials:m||function(e){if(!e)return"";const r=e.match(/\b\w/g);return r?r.join(""):""}(y).slice(0,3).toUpperCase(),size:w},P?{variant:P}:{backgroundColor:h,foregroundColor:k}),{"data-role":"profile-portrait"});return u||y||!j&&!b||(u=!0,n.default.warn("[WARNING] The `email` or `text` prop should not be used without the `name` prop in `Profile`. Please use the `name` prop as well as `email` or `text`.")),e.jsxs(a.ProfileStyle,c(s({className:p,$darkBackground:O},t.default("profile",v),r.default(v)),{children:[d?e.jsx(a.ProfileAvatarStyle,s({src:d,"data-element":"user-image"},S)):e.jsx(a.ProfileAvatarStyle,s({},S)),y||x?e.jsxs(a.ProfileDetailsStyle,{$size:w,"data-element":"details",children:[y&&e.jsxs(e.Fragment,{children:[e.jsx(a.ProfileNameStyle,{$font:l.default[w].nameTypography.font,$darkBackground:O,"data-element":"name",children:y}),j&&e.jsx(o.Link,{href:`mailto:${j}`,linkSize:l.default[w].emailLinkSize,inverse:O,"data-role":"email-link","data-element":"email",children:j}),b&&e.jsx(a.ProfileTypography,c(s({forwardedAs:"span"},l.default[w].textTypography),{inverse:O,$darkBackground:O,m:0,"data-element":"text",children:b}))]}),x&&e.jsx(a.ProfileCustomContentStyle,{"data-role":"custom-content","data-element":"custom-content",children:x})]}):null]}))};exports.Profile=d,exports.default=d;

package/lib/components/profile/profile.config.js

@@ -1 +1 @@
-const a=["XS","S","M","ML","L","XL","XXL"],e={XS:{nameTypography:{font:"var(--profile-font-heading-xs)"},emailLinkSize:"medium",textTypography:{variant:"p",size:"M"},detailsMarginLeft:"var(--global-space-comp-s)"},S:{nameTypography:{font:"var(--profile-font-heading-s)"},emailLinkSize:"medium",textTypography:{variant:"p",size:"M"},detailsMarginLeft:"var(--global-space-comp-m)"},M:{nameTypography:{font:"var(--profile-font-heading-m)"},emailLinkSize:"medium",textTypography:{variant:"p",size:"M"},detailsMarginLeft:"var(--global-space-comp-l)"},ML:{nameTypography:{font:"var(--profile-font-heading-ml)"},emailLinkSize:"medium",textTypography:{variant:"p",size:"M"},detailsMarginLeft:"var(--global-space-comp-l)"},L:{nameTypography:{font:"var(--profile-font-heading-l)"},emailLinkSize:"large",textTypography:{variant:"p",size:"L"},detailsMarginLeft:"var(--global-space-comp-l)"},XL:{nameTypography:{font:"var(--profile-font-heading-xl)"},emailLinkSize:"large",textTypography:{variant:"p",size:"L"},detailsMarginLeft:"var(--global-space-comp-xl)"},XXL:{nameTypography:{font:"var(--profile-font-heading-xxl)"},emailLinkSize:"large",textTypography:{variant:"p",size:"L"},detailsMarginLeft:"var(--global-space-comp-2-xl)"}};export{a as PROFILE_SIZES,e as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PROFILE_SIZES=["XS","S","M","ML","L","XL","XXL"],exports.default={XS:{nameTypography:{font:"var(--profile-font-heading-xs)"},emailLinkSize:"medium",textTypography:{variant:"p",size:"M"},detailsMarginLeft:"var(--global-space-comp-s)"},S:{nameTypography:{font:"var(--profile-font-heading-s)"},emailLinkSize:"medium",textTypography:{variant:"p",size:"M"},detailsMarginLeft:"var(--global-space-comp-m)"},M:{nameTypography:{font:"var(--profile-font-heading-m)"},emailLinkSize:"medium",textTypography:{variant:"p",size:"M"},detailsMarginLeft:"var(--global-space-comp-l)"},ML:{nameTypography:{font:"var(--profile-font-heading-ml)"},emailLinkSize:"medium",textTypography:{variant:"p",size:"M"},detailsMarginLeft:"var(--global-space-comp-l)"},L:{nameTypography:{font:"var(--profile-font-heading-l)"},emailLinkSize:"large",textTypography:{variant:"p",size:"L"},detailsMarginLeft:"var(--global-space-comp-l)"},XL:{nameTypography:{font:"var(--profile-font-heading-xl)"},emailLinkSize:"large",textTypography:{variant:"p",size:"L"},detailsMarginLeft:"var(--global-space-comp-xl)"},XXL:{nameTypography:{font:"var(--profile-font-heading-xxl)"},emailLinkSize:"large",textTypography:{variant:"p",size:"L"},detailsMarginLeft:"var(--global-space-comp-2-xl)"}};

package/lib/components/profile/profile.style.js

@@ -1 +1 @@
-import e from"styled-components";import{margin as r}from"styled-system";import{Portrait as t}from"../portrait/portrait.component.js";import{Typography as o}from"../typography/typography.component.js";import"react/jsx-runtime";import"react";import i from"../../style/themes/apply-base-theme.js";import a from"./profile.config.js";import{StyledPortraitContainer as n}from"../portrait/portrait.style.js";const l=e.div.attrs(i).withConfig({displayName:"profile.style__ProfileStyle",componentId:"carbon_v162_12_0__sc-29e860cc-0"})(["border-radius:inherit;color:",";background-color:",";display:flex;flex-direction:row;align-items:center;"," ","{flex-shrink:0;}"],(({$darkBackground:e})=>e?"var(--container-standard-inverse-txt-default)":"var(--profile-label-default)"),(({$darkBackground:e})=>e?"var(--container-standard-inverse-bg-default)":"transparent"),r,n),c=e(t).withConfig({displayName:"profile.style__ProfileAvatarStyle",componentId:"carbon_v162_12_0__sc-29e860cc-1"})(["display:inline-block;"]),s=e.span.withConfig({displayName:"profile.style__ProfileNameStyle",componentId:"carbon_v162_12_0__sc-29e860cc-2"})(["color:",";font:",";"],(({$darkBackground:e})=>e?"var(--container-standard-inverse-txt-default)":"var(--profile-label-default)"),(({$font:e})=>e)),d=e(o).withConfig({displayName:"profile.style__ProfileTypography",componentId:"carbon_v162_12_0__sc-29e860cc-3"})(["color:",";"],(({$darkBackground:e})=>e?"var(--container-standard-inverse-txt-default)":"var(--profile-label-default)")),p=e.div.withConfig({displayName:"profile.style__ProfileDetailsStyle",componentId:"carbon_v162_12_0__sc-29e860cc-4"})(["display:flex;flex-direction:column;justify-content:center;margin-left:",";min-width:0;word-wrap:break-word;"],(({$size:e})=>a[e].detailsMarginLeft)),f=e.div.withConfig({displayName:"profile.style__ProfileCustomContentStyle",componentId:"carbon_v162_12_0__sc-29e860cc-5"})(["display:flex;flex-direction:column;align-items:flex-start;min-width:0;"]);export{c as ProfileAvatarStyle,f as ProfileCustomContentStyle,p as ProfileDetailsStyle,s as ProfileNameStyle,l as ProfileStyle,d as ProfileTypography};
+"use strict";var e=require("styled-components"),r=require("styled-system"),t=require("../portrait/portrait.component.js"),a=require("../typography/typography.component.js");require("react/jsx-runtime"),require("react");var o=require("../../style/themes/apply-base-theme.js"),i=require("./profile.config.js"),l=require("../portrait/portrait.style.js");function n(e){return e&&e.__esModule?e:{default:e}}var s=n(e);const d=s.default.div.attrs(o.default).withConfig({displayName:"profile.style__ProfileStyle",componentId:"carbon_v162_12_0__sc-29e860cc-0"})(["border-radius:inherit;color:",";background-color:",";display:flex;flex-direction:row;align-items:center;"," ","{flex-shrink:0;}"],(({$darkBackground:e})=>e?"var(--container-standard-inverse-txt-default)":"var(--profile-label-default)"),(({$darkBackground:e})=>e?"var(--container-standard-inverse-bg-default)":"transparent"),r.margin,l.StyledPortraitContainer),c=s.default(t.Portrait).withConfig({displayName:"profile.style__ProfileAvatarStyle",componentId:"carbon_v162_12_0__sc-29e860cc-1"})(["display:inline-block;"]),f=s.default.span.withConfig({displayName:"profile.style__ProfileNameStyle",componentId:"carbon_v162_12_0__sc-29e860cc-2"})(["color:",";font:",";"],(({$darkBackground:e})=>e?"var(--container-standard-inverse-txt-default)":"var(--profile-label-default)"),(({$font:e})=>e)),p=s.default(a.Typography).withConfig({displayName:"profile.style__ProfileTypography",componentId:"carbon_v162_12_0__sc-29e860cc-3"})(["color:",";"],(({$darkBackground:e})=>e?"var(--container-standard-inverse-txt-default)":"var(--profile-label-default)")),y=s.default.div.withConfig({displayName:"profile.style__ProfileDetailsStyle",componentId:"carbon_v162_12_0__sc-29e860cc-4"})(["display:flex;flex-direction:column;justify-content:center;margin-left:",";min-width:0;word-wrap:break-word;"],(({$size:e})=>i.default[e].detailsMarginLeft)),_=s.default.div.withConfig({displayName:"profile.style__ProfileCustomContentStyle",componentId:"carbon_v162_12_0__sc-29e860cc-5"})(["display:flex;flex-direction:column;align-items:flex-start;min-width:0;"]);exports.ProfileAvatarStyle=c,exports.ProfileCustomContentStyle=_,exports.ProfileDetailsStyle=y,exports.ProfileNameStyle=f,exports.ProfileStyle=d,exports.ProfileTypography=p;

package/lib/components/progress-tracker/index.js

@@ -1 +1 @@
-export{ProgressTracker as default}from"./progress-tracker.component.js";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./progress-tracker.component.js");exports.default=e.ProgressTracker;

package/lib/components/progress-tracker/package.json

@@ -0,0 +1,5 @@
+{
+  "sideEffects": false,
+  "module": "../../../esm/components/progress-tracker/index.js",
+  "types": "./index.d.ts"
+}

package/lib/components/progress-tracker/progress-tracker.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r,Fragment as t}from"react/jsx-runtime";import"react";import o from"../../hooks/__internal__/useLocale/useLocale.js";import n from"../../__internal__/utils/helpers/tags/tags.js";import{StyledProgressTracker as s,StyledProgressBar as a,StyledLabelWrapper as i,StyledValuesWrapper as l,StyledValue as c}from"./progress-tracker.style.js";function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const u=u=>{var{size:b="medium",length:g="256px",error:m,progress:f=0,description:d,currentProgressLabel:O,customValuePreposition:y,maxProgressLabel:h,labelsPosition:P="top",labelWidth:j,variant:v="neutral"}=u,w=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},s=Object.keys(e);for(o=0;o<s.length;o++)t=s[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(o=0;o<s.length;o++)t=s[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(u,["size","length","error","progress","description","currentProgressLabel","customValuePreposition","maxProgressLabel","labelsPosition","labelWidth","variant"]);const $=o(),k="bottom"!==P,x=m?"error":v,_=()=>{let o,n;return O?(o=O,n=h||void 0):(o=`${f}%`,n="100%"),e(i,{"data-role":"values-label",$size:b,$labelWidth:j,children:[e(l,{children:[r(c,{"data-element":"current-progress-label",$size:b,children:o}),n&&e(t,{children:[r("span",{"data-element":"custom-preposition",children:y||$.progressTracker.of()}),r(c,{"data-element":"max-progress-label",$size:b,children:n})]})]}),d&&r("span",{"data-element":"progress-tracker-description",children:d})]})};return e(s,(z=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){p(e,r,t[r])}))}return e}({$length:g,$labelsPosition:P,$size:b},w,n("progress-bar",w)),L=null!=(L={children:[k&&_(),r(a,{"data-role":"progress-bar","aria-hidden":"true",$variant:x,$size:b,$progress:f}),!k&&_()]})?L:{},Object.getOwnPropertyDescriptors?Object.defineProperties(z,Object.getOwnPropertyDescriptors(L)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(L)).forEach((function(e){Object.defineProperty(z,e,Object.getOwnPropertyDescriptor(L,e))})),z));var z,L};u.displayName="ProgressTracker";export{u as ProgressTracker,u as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../hooks/__internal__/useLocale/useLocale.js"),t=require("../../__internal__/utils/helpers/tags/tags.js"),s=require("./progress-tracker.style.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const n=n=>{var{size:a="medium",length:l="256px",error:i,progress:c=0,description:u,currentProgressLabel:p,customValuePreposition:b,maxProgressLabel:d,labelsPosition:g="top",labelWidth:y,variant:j="neutral"}=n,f=function(e,r){if(null==e)return{};var t,s,o=function(e,r){if(null==e)return{};var t,s,o={},n=Object.keys(e);for(s=0;s<n.length;s++)t=n[s],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(s=0;s<n.length;s++)t=n[s],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(n,["size","length","error","progress","description","currentProgressLabel","customValuePreposition","maxProgressLabel","labelsPosition","labelWidth","variant"]);const O=r.default(),P="bottom"!==g,m=i?"error":j,h=()=>{let r,t;return p?(r=p,t=d||void 0):(r=`${c}%`,t="100%"),e.jsxs(s.StyledLabelWrapper,{"data-role":"values-label",$size:a,$labelWidth:y,children:[e.jsxs(s.StyledValuesWrapper,{children:[e.jsx(s.StyledValue,{"data-element":"current-progress-label",$size:a,children:r}),t&&e.jsxs(e.Fragment,{children:[e.jsx("span",{"data-element":"custom-preposition",children:b||O.progressTracker.of()}),e.jsx(s.StyledValue,{"data-element":"max-progress-label",$size:a,children:t})]})]}),u&&e.jsx("span",{"data-element":"progress-tracker-description",children:u})]})};return e.jsxs(s.StyledProgressTracker,(x=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},s=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),s.forEach((function(r){o(e,r,t[r])}))}return e}({$length:l,$labelsPosition:g,$size:a},f,t.default("progress-bar",f)),v=null!=(v={children:[P&&h(),e.jsx(s.StyledProgressBar,{"data-role":"progress-bar","aria-hidden":"true",$variant:m,$size:a,$progress:c}),!P&&h()]})?v:{},Object.getOwnPropertyDescriptors?Object.defineProperties(x,Object.getOwnPropertyDescriptors(v)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(v)).forEach((function(e){Object.defineProperty(x,e,Object.getOwnPropertyDescriptor(v,e))})),x));var x,v};n.displayName="ProgressTracker",exports.ProgressTracker=n,exports.default=n;