carbon-react 162.11.0 → 162.12.0-beta.1

package/lib/components/tile/index.js

@@ -1 +1 @@
-"use strict";var e=require("./tile.component.js"),l=require("./tile-content/tile-content.component.js"),i=require("./tile-footer/tile-footer.component.js"),t=require("./tile-header/tile-header.component.js"),r=require("./flex-tile-container/flex-tile-container.component.js"),o=require("./flex-tile-cell/flex-tile-cell.component.js"),n=require("./flex-tile-divider/flex-tile-divider.component.js");exports.Tile=e.default,exports.TileContent=l.default,exports.TileFooter=i.TileFooter,exports.TileHeader=t.TileHeader,exports.FlexTileContainer=r.FlexTileContainer,exports.FlexTileCell=o.FlexTileCell,exports.FlexTileDivider=n.FlexTileDivider;
+export{default as Tile}from"./tile.component.js";export{default as TileContent}from"./tile-content/tile-content.component.js";export{TileFooter}from"./tile-footer/tile-footer.component.js";export{TileHeader}from"./tile-header/tile-header.component.js";export{FlexTileContainer}from"./flex-tile-container/flex-tile-container.component.js";export{FlexTileCell}from"./flex-tile-cell/flex-tile-cell.component.js";export{FlexTileDivider}from"./flex-tile-divider/flex-tile-divider.component.js";

package/lib/components/tile/tile-content/index.js

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

package/lib/components/tile/tile-content/tile-content.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("../../../__internal__/utils/helpers/tags/tags.js"),r=require("../../../style/utils/filter-styled-system-padding-props.js"),n=require("../../../style/utils/filter-styled-system-margin-props.js"),i=require("../../box/box.component.js");function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}exports.default=o=>{var{children:c,width:s,height:u}=o,a=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(o,["children","width","height"]);if(!c)return null;const p=l({},r.default(a),n.default(a));return e.jsx(i.Box,(b=l({"data-role":"tile-content",width:s,height:u,flexGrow:s||u?0:1,position:"relative",boxSizing:"border-box",display:"inline"},p,t.default("tile-content",a)),f=null!=(f={children:c})?f:{},Object.getOwnPropertyDescriptors?Object.defineProperties(b,Object.getOwnPropertyDescriptors(f)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(f)).forEach((function(e){Object.defineProperty(b,e,Object.getOwnPropertyDescriptor(f,e))})),b));var b,f};
+import{jsx as e}from"react/jsx-runtime";import"react";import t from"../../../__internal__/utils/helpers/tags/tags.js";import r from"../../../style/utils/filter-styled-system-padding-props.js";import n from"../../../style/utils/filter-styled-system-margin-props.js";import{Box as o}from"../../box/box.component.js";function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(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){i(e,t,r[t])}))}return e}const c=i=>{var{children:c,width:s,height:p}=i,f=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(i,["children","width","height"]);if(!c)return null;const u=l({},r(f),n(f));return e(o,(b=l({"data-role":"tile-content",width:s,height:p,flexGrow:s||p?0:1,position:"relative",boxSizing:"border-box",display:"inline"},u,t("tile-content",f)),a=null!=(a={children:c})?a:{},Object.getOwnPropertyDescriptors?Object.defineProperties(b,Object.getOwnPropertyDescriptors(a)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(a)).forEach((function(e){Object.defineProperty(b,e,Object.getOwnPropertyDescriptor(a,e))})),b));var b,a};export{c as default};

package/lib/components/tile/tile-footer/index.js

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

package/lib/components/tile/tile-footer/tile-footer.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./tile-footer.style.js"),n=require("../../../__internal__/utils/helpers/tags/tags.js"),o=require("../../../style/utils/filter-styled-system-padding-props.js"),i=require("../__internal__/tile.context.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}const c=c=>{var{variant:s,children:u}=c,a=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(c,["variant","children"]);const{setHasFooter:f,setFooterVariant:p}=i.useTileContext(),b="black"===s?"selected":"selected"===s||"active"===s?s:void 0;return t.useEffect((()=>(f(!0),p(b),()=>{f(!1),p(void 0)})),[b,p,f]),e.jsx(r.default,(O=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){l(e,t,r[t])}))}return e}({variant:b},o.default(a),n.default("tile-footer",a)),y=null!=(y={children:u})?y:{},Object.getOwnPropertyDescriptors?Object.defineProperties(O,Object.getOwnPropertyDescriptors(y)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(y)).forEach((function(e){Object.defineProperty(O,e,Object.getOwnPropertyDescriptor(y,e))})),O));var O,y};exports.TileFooter=c,exports.default=c;
+import{jsx as e}from"react/jsx-runtime";import{useEffect as t}from"react";import r from"./tile-footer.style.js";import n from"../../../__internal__/utils/helpers/tags/tags.js";import o from"../../../style/utils/filter-styled-system-padding-props.js";import{useTileContext as i}from"../__internal__/tile.context.js";function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const l=l=>{var{variant:s,children:a}=l,f=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(l,["variant","children"]);const{setHasFooter:p,setFooterVariant:u}=i(),b="black"===s?"selected":"selected"===s||"active"===s?s:void 0;return t((()=>(p(!0),u(b),()=>{p(!1),u(void 0)})),[b,u,p]),e(r,(O=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){c(e,t,r[t])}))}return e}({variant:b},o(f),n("tile-footer",f)),y=null!=(y={children:a})?y:{},Object.getOwnPropertyDescriptors?Object.defineProperties(O,Object.getOwnPropertyDescriptors(y)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(y)).forEach((function(e){Object.defineProperty(O,e,Object.getOwnPropertyDescriptor(y,e))})),O));var O,y};export{l as TileFooter,l as default};

package/lib/components/tile/tile-footer/tile-footer.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),r=require("../../../style/themes/apply-base-theme.js");function a(e){return e&&e.__esModule?e:{default:e}}const o=a(e).default.div.attrs(r.default).withConfig({displayName:"tile-footer.style__StyledTileFooter",componentId:"carbon_v162_10_0__sc-9929f508-0"})(["display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 var(--global-space-comp-xl);height:var(--global-size-l);"," ",""],t.padding,(({variant:t})=>e.css(["border-bottom-left-radius:calc( var(--tileBorderRadius) - "," );border-bottom-right-radius:calc( var(--tileBorderRadius) - "," );background:",";border-top:1px solid ",";",";",";"],t?"3px":"0px",t?"3px":"0px",(e=>{switch(e){case"selected":return"var(--container-action-bg-footer-active)";case"active":return"var(--container-action-bg-footer-activated)";default:return"transparent"}})(t),"selected"===t||"active"===t?"transparent":"var(--container-standard-border-default)",t&&"font: var(--global-font-static-comp-medium-l)",t&&`color: var(--container-action-label-footer-${"selected"===t?"activated":"active"})`)));exports.default=o;
+import t,{css as e}from"styled-components";import{padding as a}from"styled-system";import r from"../../../style/themes/apply-base-theme.js";const o=t.div.attrs(r).withConfig({displayName:"tile-footer.style__StyledTileFooter",componentId:"carbon_v162_12_0__sc-9929f508-0"})(["display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 var(--global-space-comp-xl);height:var(--global-size-l);"," ",""],a,(({variant:t})=>e(["border-bottom-left-radius:calc( var(--tileBorderRadius) - "," );border-bottom-right-radius:calc( var(--tileBorderRadius) - "," );background:",";border-top:1px solid ",";",";",";"],t?"3px":"0px",t?"3px":"0px",(t=>{switch(t){case"selected":return"var(--container-action-bg-footer-active)";case"active":return"var(--container-action-bg-footer-activated)";default:return"transparent"}})(t),"selected"===t||"active"===t?"transparent":"var(--container-standard-border-default)",t&&"font: var(--global-font-static-comp-medium-l)",t&&`color: var(--container-action-label-footer-${"selected"===t?"activated":"active"})`)));export{o as default};

package/lib/components/tile/tile-header/index.js

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

package/lib/components/tile/tile-header/tile-header.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../box/box.component.js"),t=require("../../../__internal__/utils/helpers/tags/tags.js"),n=require("../../../style/utils/filter-styled-system-padding-props.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 i={transparent:"transparent",black:"var(--colorsUtilityYin100)",grey:"var(--colorsUtilityMajor025)",default:"var(--colorsUtilityMajor100)"},l=l=>{var a,c,{variant:s,children:u}=l,p=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(l,["variant","children"]);return e.jsx(r.Box,(a=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){o(e,r,t[r])}))}return e}({"data-component":"tile-header",backgroundColor:i[s||"default"]},n.default(p),t.default("tile-header",p)),c=null!=(c={children:u})?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(c)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(c)).forEach((function(e){Object.defineProperty(a,e,Object.getOwnPropertyDescriptor(c,e))})),a))};exports.TileHeader=l,exports.default=l;
+import{jsx as r}from"react/jsx-runtime";import"react";import{Box as e}from"../../box/box.component.js";import t from"../../../__internal__/utils/helpers/tags/tags.js";import n from"../../../style/utils/filter-styled-system-padding-props.js";function o(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}const i={transparent:"transparent",black:"var(--colorsUtilityYin100)",grey:"var(--colorsUtilityMajor025)",default:"var(--colorsUtilityMajor100)"},c=c=>{var l,a,{variant:p,children:s}=c,u=function(r,e){if(null==r)return{};var t,n,o=function(r,e){if(null==r)return{};var t,n,o={},i=Object.keys(r);for(n=0;n<i.length;n++)t=i[n],e.indexOf(t)>=0||(o[t]=r[t]);return o}(r,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);for(n=0;n<i.length;n++)t=i[n],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(o[t]=r[t])}return o}(c,["variant","children"]);return r(e,(l=function(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable})))),n.forEach((function(e){o(r,e,t[e])}))}return r}({"data-component":"tile-header",backgroundColor:i[p||"default"]},n(u),t("tile-header",u)),a=null!=(a={children:s})?a:{},Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(a)):function(r){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e.push.apply(e,t)}return e}(Object(a)).forEach((function(r){Object.defineProperty(l,r,Object.getOwnPropertyDescriptor(a,r))})),l))};export{c as TileHeader,c as default};

package/lib/components/tile/tile.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./tile.style.js"),n=require("./__internal__/tile.context.js"),i=require("../../style/utils/filter-styled-system-padding-props.js"),l=require("../../style/utils/filter-styled-system-margin-props.js"),s=require("../../__internal__/utils/helpers/tags/tags.js"),a=require("./tile.config.js"),o=require("../../__internal__/utils/logger/index.js");function u(e){return e&&e.__esModule?e:{default:e}}var c=u(t);function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function p(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){d(e,t,r[t])}))}return e}let y=!1;exports.default=t=>{var{variant:u="standard",p:d,children:f,width:O="100%",roundness:h="curved",height:j,highlightVariant:b,hasOutline:g=!0,inverse:_,statusKeyline:v}=t,P=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(t,["variant","p","children","width","roundness","height","highlightVariant","hasOutline","inverse","statusKeyline"]);!y&&["default","large","small"].includes(h)&&(y=!0,o.default.deprecate(`The legacy roundness value: '${h}' in Tile is deprecated. Please use 'curved' or 'moderate' instead.`));const T=a.TILE_ROUNDNESS_VALUE_MAP[h],m=i.default(p({p:d},P)),w=l.default(P),S=v||(b?a.HIGHLIGHT_VARIANT_TO_STATUS_KEYLINE_MAP[b]:void 0);let A;A=u in a.TILE_VARIANT_DEPRECATION_MAP?a.TILE_VARIANT_DEPRECATION_MAP[u]:u;const[E,I]=c.default.useState(!1),[x,q]=c.default.useState(void 0);return e.jsx(r.StyledTileWrapper,{"data-role":"tile-wrapper",roundness:T,width:O,height:j,children:e.jsxs(n.TileProvider,{value:{hasFooter:E,setHasFooter:I,footerVariant:x,setFooterVariant:q},children:[e.jsx(r.StyledTileKeyline,{"data-role":"tile-keyline",statusKeyline:S,inverse:_}),e.jsx(r.StyledTile,(V=p({variant:A,p:d,roundness:T},m,w,s.default("tile",P)),N={hasOutline:g,inverse:_,statusKeyline:S,$hasFooter:E,$footerVariant:x,children:f},N=null!=N?N:{},Object.getOwnPropertyDescriptors?Object.defineProperties(V,Object.getOwnPropertyDescriptors(N)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(N)).forEach((function(e){Object.defineProperty(V,e,Object.getOwnPropertyDescriptor(N,e))})),V))]})});var V,N};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import r from"react";import{StyledTileWrapper as n,StyledTileKeyline as i,StyledTile as o}from"./tile.style.js";import{TileProvider as s}from"./__internal__/tile.context.js";import l from"../../style/utils/filter-styled-system-padding-props.js";import a from"../../style/utils/filter-styled-system-margin-props.js";import c from"../../__internal__/utils/helpers/tags/tags.js";import{TILE_ROUNDNESS_VALUE_MAP as u,HIGHLIGHT_VARIANT_TO_STATUS_KEYLINE_MAP as p,TILE_VARIANT_DEPRECATION_MAP as f}from"./tile.config.js";import d from"../../__internal__/utils/logger/index.js";function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function h(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){y(e,t,r[t])}))}return e}let m=!1;const O=y=>{var{variant:O="standard",p:g,children:b,width:j="100%",roundness:v="curved",height:w,highlightVariant:P,hasOutline:_=!0,inverse:S,statusKeyline:x}=y,V=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(y,["variant","p","children","width","roundness","height","highlightVariant","hasOutline","inverse","statusKeyline"]);!m&&["default","large","small"].includes(v)&&(m=!0,d.deprecate(`The legacy roundness value: '${v}' in Tile is deprecated. Please use 'curved' or 'moderate' instead.`));const k=u[v],D=l(h({p:g},V)),F=a(V),K=x||(P?p[P]:void 0);let E;E=O in f?f[O]:O;const[$,T]=r.useState(!1),[H,I]=r.useState(void 0);return e(n,{"data-role":"tile-wrapper",roundness:k,width:j,height:w,children:t(s,{value:{hasFooter:$,setHasFooter:T,footerVariant:H,setFooterVariant:I},children:[e(i,{"data-role":"tile-keyline",statusKeyline:K,inverse:S}),e(o,(q=h({variant:E,p:g,roundness:k},D,F,c("tile",V)),z={hasOutline:_,inverse:S,statusKeyline:K,$hasFooter:$,$footerVariant:H,children:b},z=null!=z?z:{},Object.getOwnPropertyDescriptors?Object.defineProperties(q,Object.getOwnPropertyDescriptors(z)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(z)).forEach((function(e){Object.defineProperty(q,e,Object.getOwnPropertyDescriptor(z,e))})),q))]})});var q,z};export{O as default};

package/lib/components/tile/tile.config.js

@@ -1 +1 @@
-"use strict";exports.HIGHLIGHT_VARIANT_TO_STATUS_KEYLINE_MAP={success:"positive",neutral:"neutral",error:"negative",warning:"warning",info:"informational",important:"important",gradient:"ai"},exports.STATUS_KEYLINE_VARIANTS=["ai","informational","positive","warning","negative","neutral","important"],exports.TILE_BORDER_VARIANTS=["default","info","selected","negative","positive","caution"],exports.TILE_HIGHLIGHT_VARIANTS=["gradient","success","neutral","error","warning","info","important"],exports.TILE_ORIENTATIONS=["horizontal","vertical"],exports.TILE_ROUNDNESS_VALUE_MAP={default:"curved",curved:"curved",moderate:"moderate",small:"moderate",large:"moderate"},exports.TILE_THEMES=["tile","transparent","active","grey"],exports.TILE_VARIANT_DEPRECATION_MAP={tile:"standard",transparent:"standard",active:"positive",grey:"alt"};
+const e=["horizontal","vertical"],t=["tile","transparent","active","grey"],a=["default","info","selected","negative","positive","caution"],r=["gradient","success","neutral","error","warning","info","important"],i=["ai","informational","positive","warning","negative","neutral","important"],n={success:"positive",neutral:"neutral",error:"negative",warning:"warning",info:"informational",important:"important",gradient:"ai"},o={default:"curved",curved:"curved",moderate:"moderate",small:"moderate",large:"moderate"},l={tile:"standard",transparent:"standard",active:"positive",grey:"alt"};export{n as HIGHLIGHT_VARIANT_TO_STATUS_KEYLINE_MAP,i as STATUS_KEYLINE_VARIANTS,a as TILE_BORDER_VARIANTS,r as TILE_HIGHLIGHT_VARIANTS,e as TILE_ORIENTATIONS,o as TILE_ROUNDNESS_VALUE_MAP,t as TILE_THEMES,l as TILE_VARIANT_DEPRECATION_MAP};

package/lib/components/tile/tile.style.js

@@ -1 +1 @@
-"use strict";var r=require("styled-components"),e=require("styled-system"),a=require("../../style/themes/apply-base-theme.js"),t=require("../../style/utils/element-sizing.js");function i(r){return r&&r.__esModule?r:{default:r}}var n=i(r);const o=({variant:r,inverse:e})=>{switch(r){case"alt":return{color:`var(--container-standard-${e?"inverse-":""}txt-default)`,border:`var(--container-standard-${e?"inverse-":""}border-default)`,bg:`var(--container-standard-${e?"inverse-":""}bg-alt)`};case"positive":return{color:"var(--container-standard-txt-default)",border:"var(--message-contextual-success-border-default)",bg:"var(--message-contextual-success-bg-alt)"};case"negative":return{color:"var(--container-standard-txt-default)",border:"var(--message-contextual-error-border-default)",bg:"var(--message-contextual-error-bg-alt)"};case"unavailable":return{color:"var(--container-standard-txt-default)",border:"var(--container-action-border-inactive)",bg:"var(--container-action-bg-disabled)"};default:return{color:`var(--container-standard-${e?"inverse-":""}txt-default)`,border:`var(--container-standard-${e?"inverse-":""}border-default)`,bg:`var(--container-standard-${e?"inverse-":""}bg-default)`}}},s=r=>"moderate"===r?"var(--global-radius-container-l)":"var(--global-radius-container-xl)",d=n.default.div.attrs(a.default).withConfig({displayName:"tile.style__StyledTile",componentId:"carbon_v162_10_0__sc-86252930-0"})(["",""],(({hasOutline:a,variant:t,inverse:i,roundness:n,$hasFooter:d,$footerVariant:l})=>r.css(["padding:var(--global-space-comp-xl);"," box-sizing:border-box;border:",";border-radius:",";--tileBorderRadius:",";background-color:",";color:",';> *:first-child:not([data-role="tile-content"]){border-top-left-radius:calc('," - 1px);border-bottom-left-radius:calc(",' - 1px);}> *:last-child:not([data-role="tile-content"]){border-top-right-radius:calc('," - 1px);border-bottom-right-radius:calc(",' - 1px);}display:flex;flex-direction:row;position:relative;height:100%;> [data-role="tile-content"]:not(:last-of-type){margin-right:var(--global-space-comp-s);border-right:solid 1px var(--container-standard-border-default);}[data-component="tile-header"]{border-radius:'," "," 0 0;}"],e.space,(({$hasFooter:r,$footerVariant:e,hasOutline:a,variant:t,inverse:i})=>!r||"selected"!==e&&"active"!==e?`var(--global-borderwidth-xs) solid ${a?o({variant:t,inverse:i}).border:"transparent"}`:"var(--global-borderwidth-s) solid "+("selected"===e?"var(--container-action-border-active)":"var(--container-action-bg-footer-activated)"))({$hasFooter:d,$footerVariant:l,hasOutline:a,variant:t,inverse:i}),s(n),s(n),o({variant:t,inverse:i}).bg,o({variant:t,inverse:i}).color,s(n),s(n),s(n),s(n),s(n),s(n)))),l=n.default.div.withConfig({displayName:"tile.style__StyledTileWrapper",componentId:"carbon_v162_10_0__sc-86252930-1"})(["position:relative;overflow:hidden;border-radius:",";",""],(({roundness:r})=>s(r)),(({width:e,height:a})=>r.css(["",""],t.default({width:e||void 0,height:a||void 0})))),c=n.default.div.withConfig({displayName:"tile.style__StyledTileKeyline",componentId:"carbon_v162_10_0__sc-86252930-2"})(["",""],(({statusKeyline:e,inverse:a})=>e&&r.css(["position:absolute;top:0;left:0;height:100%;width:var(--global-size-4-xs);background:",";z-index:1;"],(({variant:r,inverse:e})=>{switch(r){case"informational":return e?"var(--container-standard-priority-inverse-bg-info)":"var(--container-standard-priority-bg-info)";case"positive":return e?"var(--container-standard-priority-inverse-bg-positive)":"var(--container-standard-priority-bg-positive)";case"warning":return e?"var(--container-standard-priority-inverse-bg-caution)":"var(--container-standard-priority-bg-caution)";case"negative":return e?"var(--container-standard-priority-inverse-bg-negative)":"var(--container-standard-priority-bg-negative)";case"neutral":return e?"var(--container-standard-priority-inverse-bg-neutral)":"var(--container-standard-priority-bg-neutral)";case"important":return e?"var(--container-standard-priority-inverse-bg-prio)":"var(--container-standard-priority-bg-prio)";default:return"linear-gradient(to bottom, var(--mode-color-ai-alt-stop-1) 0%, var(--mode-color-ai-alt-stop-2) 40%, var(--mode-color-ai-alt-stop-3) 90%)"}})({variant:e,inverse:a}))));exports.StyledTile=d,exports.StyledTileKeyline=c,exports.StyledTileWrapper=l;
+import r,{css as a}from"styled-components";import{space as e}from"styled-system";import t from"../../style/themes/apply-base-theme.js";import i from"../../style/utils/element-sizing.js";const o=({variant:r,inverse:a})=>{switch(r){case"alt":return{color:`var(--container-standard-${a?"inverse-":""}txt-default)`,border:`var(--container-standard-${a?"inverse-":""}border-default)`,bg:`var(--container-standard-${a?"inverse-":""}bg-alt)`};case"positive":return{color:"var(--container-standard-txt-default)",border:"var(--message-contextual-success-border-default)",bg:"var(--message-contextual-success-bg-alt)"};case"negative":return{color:"var(--container-standard-txt-default)",border:"var(--message-contextual-error-border-default)",bg:"var(--message-contextual-error-bg-alt)"};case"unavailable":return{color:"var(--container-standard-txt-default)",border:"var(--container-action-border-inactive)",bg:"var(--container-action-bg-disabled)"};default:return{color:`var(--container-standard-${a?"inverse-":""}txt-default)`,border:`var(--container-standard-${a?"inverse-":""}border-default)`,bg:`var(--container-standard-${a?"inverse-":""}bg-default)`}}},n=r=>"moderate"===r?"var(--global-radius-container-l)":"var(--global-radius-container-xl)",s=r.div.attrs(t).withConfig({displayName:"tile.style__StyledTile",componentId:"carbon_v162_12_0__sc-86252930-0"})(["",""],(({hasOutline:r,variant:t,inverse:i,roundness:s,$hasFooter:d,$footerVariant:l})=>a(["padding:var(--global-space-comp-xl);"," box-sizing:border-box;border:",";border-radius:",";--tileBorderRadius:",";background-color:",";color:",';> *:first-child:not([data-role="tile-content"]){border-top-left-radius:calc('," - 1px);border-bottom-left-radius:calc(",' - 1px);}> *:last-child:not([data-role="tile-content"]){border-top-right-radius:calc('," - 1px);border-bottom-right-radius:calc(",' - 1px);}display:flex;flex-direction:row;position:relative;height:100%;> [data-role="tile-content"]:not(:last-of-type){margin-right:var(--global-space-comp-s);border-right:solid 1px var(--container-standard-border-default);}[data-component="tile-header"]{border-radius:'," "," 0 0;}"],e,(({$hasFooter:r,$footerVariant:a,hasOutline:e,variant:t,inverse:i})=>!r||"selected"!==a&&"active"!==a?`var(--global-borderwidth-xs) solid ${e?o({variant:t,inverse:i}).border:"transparent"}`:"var(--global-borderwidth-s) solid "+("selected"===a?"var(--container-action-border-active)":"var(--container-action-bg-footer-activated)"))({$hasFooter:d,$footerVariant:l,hasOutline:r,variant:t,inverse:i}),n(s),n(s),o({variant:t,inverse:i}).bg,o({variant:t,inverse:i}).color,n(s),n(s),n(s),n(s),n(s),n(s)))),d=r.div.withConfig({displayName:"tile.style__StyledTileWrapper",componentId:"carbon_v162_12_0__sc-86252930-1"})(["position:relative;overflow:hidden;border-radius:",";",""],(({roundness:r})=>n(r)),(({width:r,height:e})=>a(["",""],i({width:r||void 0,height:e||void 0})))),l=r.div.withConfig({displayName:"tile.style__StyledTileKeyline",componentId:"carbon_v162_12_0__sc-86252930-2"})(["",""],(({statusKeyline:r,inverse:e})=>r&&a(["position:absolute;top:0;left:0;height:100%;width:var(--global-size-4-xs);background:",";z-index:1;"],(({variant:r,inverse:a})=>{switch(r){case"informational":return a?"var(--container-standard-priority-inverse-bg-info)":"var(--container-standard-priority-bg-info)";case"positive":return a?"var(--container-standard-priority-inverse-bg-positive)":"var(--container-standard-priority-bg-positive)";case"warning":return a?"var(--container-standard-priority-inverse-bg-caution)":"var(--container-standard-priority-bg-caution)";case"negative":return a?"var(--container-standard-priority-inverse-bg-negative)":"var(--container-standard-priority-bg-negative)";case"neutral":return a?"var(--container-standard-priority-inverse-bg-neutral)":"var(--container-standard-priority-bg-neutral)";case"important":return a?"var(--container-standard-priority-inverse-bg-prio)":"var(--container-standard-priority-bg-prio)";default:return"linear-gradient(to bottom, var(--mode-color-ai-alt-stop-1) 0%, var(--mode-color-ai-alt-stop-2) 40%, var(--mode-color-ai-alt-stop-3) 90%)"}})({variant:r,inverse:e}))));export{s as StyledTile,l as StyledTileKeyline,d as StyledTileWrapper};

package/lib/components/tile-select/__internal__/accordion/accordion.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./accordion.style.js"),n=require("../../../../hooks/__internal__/useResizeObserver/useResizeObserver.js"),o=require("../../../../hooks/useMediaQuery/useMediaQuery.js");exports.default=({children:i,expanded:l,contentId:s,controlId:c})=>{const[a,d]=r.useState(0),u=r.useRef(null),f=o.default("screen and (prefers-reduced-motion: no-preference)");return n.default(u,(()=>{u.current&&d(u.current.scrollHeight)})),e.jsx(t.StyledContentContainer,{$isExpanded:l,$height:a,$allowMotion:f,"data-role":"tile-select-accordion-content-container",children:e.jsx(t.StyledContent,{role:"region","data-element":"tile-select-accordion-content","data-role":"tile-select-accordion-content",ref:u,id:s,"aria-labelledby":c,children:i})})};
+import{jsx as e}from"react/jsx-runtime";import{useState as r,useRef as o}from"react";import{StyledContentContainer as t,StyledContent as n}from"./accordion.style.js";import c from"../../../../hooks/__internal__/useResizeObserver/useResizeObserver.js";import i from"../../../../hooks/useMediaQuery/useMediaQuery.js";const l=({children:l,expanded:a,contentId:s,controlId:d})=>{const[m,u]=r(0),p=o(null),f=i("screen and (prefers-reduced-motion: no-preference)");return c(p,(()=>{p.current&&u(p.current.scrollHeight)})),e(t,{$isExpanded:a,$height:m,$allowMotion:f,"data-role":"tile-select-accordion-content-container",children:e(n,{role:"region","data-element":"tile-select-accordion-content","data-role":"tile-select-accordion-content",ref:p,id:s,"aria-labelledby":d,children:l})})};export{l as default};

package/lib/components/tile-select/__internal__/accordion/accordion.style.js

@@ -1 +1 @@
-"use strict";var o=require("styled-components"),n=require("../../../accordion/accordion.style.js");function t(o){return o&&o.__esModule?o:{default:o}}var e=t(o);const r=e.default(n.StyledAccordionContentContainer).withConfig({displayName:"accordion.style__StyledContentContainer",componentId:"carbon_v162_10_0__sc-80dffb5e-0"})(["background-color:var(--colorsActionMinor050);opacity:1;"]),c=e.default(n.StyledAccordionContent).withConfig({displayName:"accordion.style__StyledContent",componentId:"carbon_v162_10_0__sc-80dffb5e-1"})(["padding:24px;position:relative;z-index:200;"]);exports.StyledContent=c,exports.StyledContentContainer=r;
+import o from"styled-components";import{StyledAccordionContentContainer as n,StyledAccordionContent as t}from"../../../accordion/accordion.style.js";const c=o(n).withConfig({displayName:"accordion.style__StyledContentContainer",componentId:"carbon_v162_12_0__sc-80dffb5e-0"})(["background-color:var(--colorsActionMinor050);opacity:1;"]),i=o(t).withConfig({displayName:"accordion.style__StyledContent",componentId:"carbon_v162_12_0__sc-80dffb5e-1"})(["padding:24px;position:relative;z-index:200;"]);export{i as StyledContent,c as StyledContentContainer};

package/lib/components/tile-select/__internal__/accordion/index.js

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

package/lib/components/tile-select/index.js

@@ -1 +1 @@
-"use strict";var e=require("./tile-select.component.js"),t=require("./tile-select-group/tile-select-group.component.js");exports.TileSelect=e.default,exports.TileSelectGroup=t.TileSelectGroup;
+export{default as TileSelect}from"./tile-select.component.js";export{TileSelectGroup}from"./tile-select-group/tile-select-group.component.js";

package/lib/components/tile-select/tile-select-group/tile-select-group.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../__internal__/utils/helpers/tags/tags.js"),n=require("../../../__internal__/radio-button-mapper/radio-button-mapper.component.js"),l=require("../tile-select.style.js");require("../../../style/utils/filter-styled-system-padding-props.js");var o=require("../../../style/utils/filter-styled-system-margin-props.js");function i(e){return e&&e.__esModule?e:{default:e}}var u=i(t);function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){c(e,t,r[t])}))}return e}function 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 p=t=>{var{children:i,name:c,legend:p,description:d,onChange:f,onBlur:y,value:b,multiSelect:O=!1}=t,j=function(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}(t,["children","name","legend","description","onChange","onBlur","value","multiSelect"]);let g;return g=O?i:e.jsx(n.default,{name:c,onBlur:y,onChange:f,value:b,"data-role":"tile-select-group-radio-button-mapper",children:u.default.Children.map(i,(e=>u.default.isValidElement(e)?u.default.cloneElement(e,{type:"radio"}):e))}),e.jsxs(l.StyledTileSelectFieldset,a(s(a(s({legend:p},r.default("tile-select-group",j)),{multiSelect:O}),o.default(j)),{children:[d&&e.jsx(l.StyledGroupDescription,{"data-element":"tile-select-group-description",children:d}),g]}))};exports.TileSelectGroup=p,exports.default=p;
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import r from"react";import n from"../../../__internal__/utils/helpers/tags/tags.js";import o from"../../../__internal__/radio-button-mapper/radio-button-mapper.component.js";import{StyledTileSelectFieldset as l,StyledGroupDescription as i}from"../tile-select.style.js";import"../../../style/utils/filter-styled-system-padding-props.js";import c from"../../../style/utils/filter-styled-system-margin-props.js";function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){p(e,t,r[t])}))}return e}function s(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 u=p=>{var{children:u,name:m,legend:f,description:y,onChange:b,onBlur:O,value:d,multiSelect:g=!1}=p,j=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(p,["children","name","legend","description","onChange","onBlur","value","multiSelect"]);let h;return h=g?u:e(o,{name:m,onBlur:O,onChange:b,value:d,"data-role":"tile-select-group-radio-button-mapper",children:r.Children.map(u,(e=>r.isValidElement(e)?r.cloneElement(e,{type:"radio"}):e))}),t(l,s(a(s(a({legend:f},n("tile-select-group",j)),{multiSelect:g}),c(j)),{children:[y&&e(i,{"data-element":"tile-select-group-description",children:y}),h]}))};export{u as TileSelectGroup,u as default};

package/lib/components/tile-select/tile-select.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("../../hooks/__internal__/useLocale/useLocale.js"),o=require("../../__internal__/utils/helpers/guid/index.js"),l=require("../button/button.component.js"),i=require("../box/box.component.js"),c=require("./__internal__/accordion/accordion.component.js"),d=require("./tile-select.style.js");require("../../style/utils/filter-styled-system-padding-props.js");var a=require("../../style/utils/filter-styled-system-margin-props.js");function s(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 p(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}function f(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 y=e=>"string"!=typeof e,j=s(t).default.forwardRef(((s,u)=>{var{onChange:j,onBlur:b,onFocus:m,value:h,name:x,checked:O=!1,disabled:v,title:g,subtitle:S,description:_,titleAdornment:w,type:A="checkbox",id:P,customActionButton:k,actionButtonAdornment:C,footer:q,prefixAdornment:B,additionalInformation:D,accordionContent:E,accordionControl:F,accordionExpanded:I,"data-element":T,"data-role":W}=s,R=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(s,["onChange","onBlur","onFocus","value","name","checked","disabled","title","subtitle","description","titleAdornment","type","id","customActionButton","actionButtonAdornment","footer","prefixAdornment","additionalInformation","accordionContent","accordionControl","accordionExpanded","data-element","data-role"]);const L=n.default(),[M,$]=t.useState(!1),z=()=>null==j?void 0:j({target:f(p({},x&&{name:x},P&&{id:P}),{value:null,checked:!1})});t.useEffect((()=>{v&&M&&$(!1)}),[v,M]);const G=t.useRef(o.default()),N=`AccordionContent_${G.current}`,H=`AccordionControl_${G.current}`;return e.jsx(d.StyledTileSelectContainer,f(p({checked:O,disabled:v},r.default("tile-select",{"data-element":T,"data-role":W}),a.default(R)),{children:e.jsxs(d.StyledFocusWrapper,{"data-role":"focus-wrapper",hasFocus:M,checked:O,children:[e.jsx(d.StyledTileSelectInput,p({onChange:j,onBlur:e=>{$(!1),null==b||b(e)},onFocus:e=>{$(!0),null==m||m(e)},checked:O,name:x,type:A,value:h,disabled:v,id:P,ref:u},R)),e.jsx(d.StyledTileSelect,{disabled:v,checked:O,children:e.jsxs(i.Box,{display:"flex",justifyContent:"space-between",flexDirection:"row-reverse",children:[(k||O)&&e.jsxs(d.StyledDeselectWrapper,{"data-role":"deselect-wrapper",hasActionAdornment:!!C,children:[k&&k(z),!k&&O&&e.jsx(l.default,{buttonType:"tertiary",size:"small",disabled:v,onClick:z,children:L.tileSelect.deselect()}),C]}),e.jsxs(i.Box,{flexGrow:1,children:[e.jsxs(d.StyledTitleContainer,{children:[g&&e.jsx(d.StyledTitle,{as:y(g)?"div":void 0,children:g}),S&&e.jsx(d.StyledSubtitle,{as:y(S)?"div":void 0,children:S}),w&&e.jsx(d.StyledAdornment,{hasAdditionalInformation:!!D,"data-role":"title-adornment",children:w&&e.jsx("div",{children:w})})]}),D&&e.jsx("div",{children:D}),e.jsx(d.StyledDescription,{as:y(_)?"div":void 0,children:_}),q&&e.jsx(d.StyledFooterWrapper,{"data-role":"tile-select-footer",children:q}),E&&F&&e.jsx(d.StyledAccordionFooterWrapper,{accordionExpanded:I,"data-role":"accordion-footer",children:F(H,N)})]}),B&&e.jsx("div",{"data-element":"prefix-adornment","data-role":"prefix-adornment",style:{marginRight:"var(--global-space-layout-xs)",opacity:v?.3:void 0},children:B})]})}),E&&e.jsx(c.default,{contentId:N,controlId:H,expanded:I,children:E})]})}))}));j.displayName="TileSelect",exports.default=j;
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import r,{useState as n,useEffect as o,useRef as i}from"react";import l from"../../__internal__/utils/helpers/tags/tags.js";import c from"../../hooks/__internal__/useLocale/useLocale.js";import a from"../../__internal__/utils/helpers/guid/index.js";import d from"../button/button.component.js";import{Box as s}from"../box/box.component.js";import p from"./__internal__/accordion/accordion.component.js";import{StyledTileSelectContainer as u,StyledFocusWrapper as m,StyledTileSelectInput as f,StyledTileSelect as b,StyledTitleContainer as y,StyledTitle as h,StyledSubtitle as O,StyledAdornment as j,StyledDescription as g,StyledFooterWrapper as v,StyledAccordionFooterWrapper as x,StyledDeselectWrapper as _}from"./tile-select.style.js";import"../../style/utils/filter-styled-system-padding-props.js";import w from"../../style/utils/filter-styled-system-margin-props.js";function k(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function A(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){k(e,t,r[t])}))}return e}function P(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=e=>"string"!=typeof e,S=r.forwardRef(((r,k)=>{var{onChange:S,onBlur:B,onFocus:E,value:I,name:D,checked:F=!1,disabled:L,title:R,subtitle:T,description:$,titleAdornment:z,type:G="checkbox",id:N,customActionButton:q,actionButtonAdornment:H,footer:J,prefixAdornment:K,additionalInformation:M,accordionContent:Q,accordionControl:U,accordionExpanded:V,"data-element":W,"data-role":X}=r,Y=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(r,["onChange","onBlur","onFocus","value","name","checked","disabled","title","subtitle","description","titleAdornment","type","id","customActionButton","actionButtonAdornment","footer","prefixAdornment","additionalInformation","accordionContent","accordionControl","accordionExpanded","data-element","data-role"]);const Z=c(),[ee,te]=n(!1),re=()=>null==S?void 0:S({target:P(A({},D&&{name:D},N&&{id:N}),{value:null,checked:!1})});o((()=>{L&&ee&&te(!1)}),[L,ee]);const ne=i(a()),oe=`AccordionContent_${ne.current}`,ie=`AccordionControl_${ne.current}`;return e(u,P(A({checked:F,disabled:L},l("tile-select",{"data-element":W,"data-role":X}),w(Y)),{children:t(m,{"data-role":"focus-wrapper",hasFocus:ee,checked:F,children:[e(f,A({onChange:S,onBlur:e=>{te(!1),null==B||B(e)},onFocus:e=>{te(!0),null==E||E(e)},checked:F,name:D,type:G,value:I,disabled:L,id:N,ref:k},Y)),e(b,{disabled:L,checked:F,children:t(s,{display:"flex",justifyContent:"space-between",flexDirection:"row-reverse",children:[(q||F)&&t(_,{"data-role":"deselect-wrapper",hasActionAdornment:!!H,children:[q&&q(re),!q&&F&&e(d,{buttonType:"tertiary",size:"small",disabled:L,onClick:re,children:Z.tileSelect.deselect()}),H]}),t(s,{flexGrow:1,children:[t(y,{children:[R&&e(h,{as:C(R)?"div":void 0,children:R}),T&&e(O,{as:C(T)?"div":void 0,children:T}),z&&e(j,{hasAdditionalInformation:!!M,"data-role":"title-adornment",children:z&&e("div",{children:z})})]}),M&&e("div",{children:M}),e(g,{as:C($)?"div":void 0,children:$}),J&&e(v,{"data-role":"tile-select-footer",children:J}),Q&&U&&e(x,{accordionExpanded:V,"data-role":"accordion-footer",children:U(ie,oe)})]}),K&&e("div",{"data-element":"prefix-adornment","data-role":"prefix-adornment",style:{marginRight:"var(--global-space-layout-xs)",opacity:L?.3:void 0},children:K})]})}),Q&&e(p,{contentId:oe,controlId:ie,expanded:V,children:Q})]})}))}));S.displayName="TileSelect";export{S as default};

package/lib/components/tile-select/tile-select.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../fieldset/fieldset.component.js"),o=require("../../__internal__/legacy-input/input.component.js");require("react/jsx-runtime"),require("react"),require("../../__internal__/legacy-input/input-presentation.style.js"),require("../carbon-provider/__internal__/new-validation.context.js");var n=require("../fieldset/fieldset.style.js"),r=require("../icon/icon.style.js"),l=require("../../style/themes/apply-base-theme.js"),s=require("../../style/utils/add-focus-styling.js");function a(e){return e&&e.__esModule?e:{default:e}}var d=a(e);const c=d.default.h3.withConfig({displayName:"tile-select.style__StyledTitle",componentId:"carbon_v162_10_0__sc-88022e8f-0"})(["font-size:16px;font-weight:700;margin:0;margin-right:16px;margin-bottom:8px;color:var(--colorsActionMinorYin090);"]),p=d.default.h4.withConfig({displayName:"tile-select.style__StyledSubtitle",componentId:"carbon_v162_10_0__sc-88022e8f-1"})(["font-size:14px;font-weight:500;margin:0;margin-right:16px;margin-bottom:8px;color:var(--colorsActionMinorYin090);"]),_=d.default.div.withConfig({displayName:"tile-select.style__StyledAdornment",componentId:"carbon_v162_10_0__sc-88022e8f-2"})(["z-index:500;margin-bottom:","px;"],(({hasAdditionalInformation:e})=>e?"4":"8")),y=d.default.p.withConfig({displayName:"tile-select.style__StyledDescription",componentId:"carbon_v162_10_0__sc-88022e8f-3"})(["color:var(--colorsActionMinorYin055);font-size:14px;margin:0;"]),f=d.default.div.withConfig({displayName:"tile-select.style__StyledTileSelect",componentId:"carbon_v162_10_0__sc-88022e8f-4"})(["background:var(--colorsActionMinorYang100);padding:24px;"," ",""],(({checked:t})=>t&&e.css(["background:var(--colorsActionMajor025);"])),(({disabled:t})=>t&&e.css(["background:var(--colorsActionMinorYang100);",",",",","{color:var(--colorsActionMinorYin030);}"," *{opacity:0.3;}"],c,p,y,_))),m=d.default.div.withConfig({displayName:"tile-select.style__StyledFocusWrapper",componentId:"carbon_v162_10_0__sc-88022e8f-5"})(["",""],(({checked:t,hasFocus:i})=>e.css(["position:relative;border:1px solid var(--colorsActionMinor250);border-radius:var(--borderRadius100);overflow:hidden;"," ",""],t&&e.css(["border-color:var(--colorsActionMajor500);z-index:10;"]),i&&e.css([""," z-index:15;"],s.default())))),u=d.default.div.attrs(l.default).withConfig({displayName:"tile-select.style__StyledTileSelectContainer",componentId:"carbon_v162_10_0__sc-88022e8f-6"})([""," width:100%;position:relative;& + & ","{margin-top:-1px;}",""],t.margin,m,(({checked:t,disabled:i})=>!t&&!i&&e.css(["&:hover ","{background:var(--colorsActionMinor050);}"],f))),g=d.default.div.withConfig({displayName:"tile-select.style__StyledFooterWrapper",componentId:"carbon_v162_10_0__sc-88022e8f-7"})(["width:fit-content;position:relative;z-index:200;"]),v=d.default.div.withConfig({displayName:"tile-select.style__StyledAccordionFooterWrapper",componentId:"carbon_v162_10_0__sc-88022e8f-8"})(["width:fit-content;position:relative;z-index:200;left:-12px;border-bottom-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius100);",""],(({accordionExpanded:e})=>`\n      span[data-element="chevron_down"] {\n        transition: transform 0.3s;\n        ${!e&&"transform: rotate(-90deg)"};\n      }\n  `)),x=d.default(o.default).withConfig({displayName:"tile-select.style__StyledTileSelectInput",componentId:"carbon_v162_10_0__sc-88022e8f-9"})(["position:absolute;top:0;left:0;opacity:0;height:100%;width:100%;margin:0;z-index:100;cursor:",";"],(({disabled:e})=>e?"not-allowed":"pointer")),h=d.default.div.withConfig({displayName:"tile-select.style__StyledTitleContainer",componentId:"carbon_v162_10_0__sc-88022e8f-10"})(["display:inline-flex;align-items:baseline;flex-wrap:wrap;margin-right:16px;position:relative;"]),b=d.default.div.withConfig({displayName:"tile-select.style__StyledDeselectWrapper",componentId:"carbon_v162_10_0__sc-88022e8f-11"})(["",""],(({hasActionAdornment:t})=>e.css(["z-index:200;position:relative;top:-4px;right:8px;height:fit-content;",""],t&&`\n      margin-right: var(--sizing200);\n      display: flex;\n      align-items: baseline;\n      min-height: var(--sizing400);\n\n      ${r.default} {\n        top: 2px;\n      }\n    `))),S=d.default(i.Fieldset).attrs(l.default).withConfig({displayName:"tile-select.style__StyledTileSelectFieldset",componentId:"carbon_v162_10_0__sc-88022e8f-12"})([""," ","{font-size:16px;}","{gap:0px;}",""],t.margin,n.StyledLegend,n.StyledFieldsetContent,(({multiSelect:t})=>t&&e.css(["","{margin-bottom:8px;}"],u))),w=d.default.p.withConfig({displayName:"tile-select.style__StyledGroupDescription",componentId:"carbon_v162_10_0__sc-88022e8f-13"})(["color:var(--colorsActionMinorYin055);margin:0;margin-bottom:16px;"]);exports.StyledAccordionFooterWrapper=v,exports.StyledAdornment=_,exports.StyledDescription=y,exports.StyledDeselectWrapper=b,exports.StyledFocusWrapper=m,exports.StyledFooterWrapper=g,exports.StyledGroupDescription=w,exports.StyledSubtitle=p,exports.StyledTileSelect=f,exports.StyledTileSelectContainer=u,exports.StyledTileSelectFieldset=S,exports.StyledTileSelectInput=x,exports.StyledTitle=c,exports.StyledTitleContainer=h;
+import e,{css as t}from"styled-components";import{margin as o}from"styled-system";import{Fieldset as i}from"../fieldset/fieldset.component.js";import n from"../../__internal__/legacy-input/input.component.js";import"react/jsx-runtime";import"react";import"../../__internal__/legacy-input/input-presentation.style.js";import"../carbon-provider/__internal__/new-validation.context.js";import{StyledLegend as r,StyledFieldsetContent as l}from"../fieldset/fieldset.style.js";import a from"../icon/icon.style.js";import s from"../../style/themes/apply-base-theme.js";import c from"../../style/utils/add-focus-styling.js";const d=e.h3.withConfig({displayName:"tile-select.style__StyledTitle",componentId:"carbon_v162_12_0__sc-88022e8f-0"})(["font-size:16px;font-weight:700;margin:0;margin-right:16px;margin-bottom:8px;color:var(--colorsActionMinorYin090);"]),_=e.h4.withConfig({displayName:"tile-select.style__StyledSubtitle",componentId:"carbon_v162_12_0__sc-88022e8f-1"})(["font-size:14px;font-weight:500;margin:0;margin-right:16px;margin-bottom:8px;color:var(--colorsActionMinorYin090);"]),p=e.div.withConfig({displayName:"tile-select.style__StyledAdornment",componentId:"carbon_v162_12_0__sc-88022e8f-2"})(["z-index:500;margin-bottom:","px;"],(({hasAdditionalInformation:e})=>e?"4":"8")),m=e.p.withConfig({displayName:"tile-select.style__StyledDescription",componentId:"carbon_v162_12_0__sc-88022e8f-3"})(["color:var(--colorsActionMinorYin055);font-size:14px;margin:0;"]),f=e.div.withConfig({displayName:"tile-select.style__StyledTileSelect",componentId:"carbon_v162_12_0__sc-88022e8f-4"})(["background:var(--colorsActionMinorYang100);padding:24px;"," ",""],(({checked:e})=>e&&t(["background:var(--colorsActionMajor025);"])),(({disabled:e})=>e&&t(["background:var(--colorsActionMinorYang100);",",",",","{color:var(--colorsActionMinorYin030);}"," *{opacity:0.3;}"],d,_,m,p))),y=e.div.withConfig({displayName:"tile-select.style__StyledFocusWrapper",componentId:"carbon_v162_12_0__sc-88022e8f-5"})(["",""],(({checked:e,hasFocus:o})=>t(["position:relative;border:1px solid var(--colorsActionMinor250);border-radius:var(--borderRadius100);overflow:hidden;"," ",""],e&&t(["border-color:var(--colorsActionMajor500);z-index:10;"]),o&&t([""," z-index:15;"],c())))),g=e.div.attrs(s).withConfig({displayName:"tile-select.style__StyledTileSelectContainer",componentId:"carbon_v162_12_0__sc-88022e8f-6"})([""," width:100%;position:relative;& + & ","{margin-top:-1px;}",""],o,y,(({checked:e,disabled:o})=>!e&&!o&&t(["&:hover ","{background:var(--colorsActionMinor050);}"],f))),v=e.div.withConfig({displayName:"tile-select.style__StyledFooterWrapper",componentId:"carbon_v162_12_0__sc-88022e8f-7"})(["width:fit-content;position:relative;z-index:200;"]),h=e.div.withConfig({displayName:"tile-select.style__StyledAccordionFooterWrapper",componentId:"carbon_v162_12_0__sc-88022e8f-8"})(["width:fit-content;position:relative;z-index:200;left:-12px;border-bottom-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius100);",""],(({accordionExpanded:e})=>`\n      span[data-element="chevron_down"] {\n        transition: transform 0.3s;\n        ${!e&&"transform: rotate(-90deg)"};\n      }\n  `)),b=e(n).withConfig({displayName:"tile-select.style__StyledTileSelectInput",componentId:"carbon_v162_12_0__sc-88022e8f-9"})(["position:absolute;top:0;left:0;opacity:0;height:100%;width:100%;margin:0;z-index:100;cursor:",";"],(({disabled:e})=>e?"not-allowed":"pointer")),x=e.div.withConfig({displayName:"tile-select.style__StyledTitleContainer",componentId:"carbon_v162_12_0__sc-88022e8f-10"})(["display:inline-flex;align-items:baseline;flex-wrap:wrap;margin-right:16px;position:relative;"]),w=e.div.withConfig({displayName:"tile-select.style__StyledDeselectWrapper",componentId:"carbon_v162_12_0__sc-88022e8f-11"})(["",""],(({hasActionAdornment:e})=>t(["z-index:200;position:relative;top:-4px;right:8px;height:fit-content;",""],e&&`\n      margin-right: var(--sizing200);\n      display: flex;\n      align-items: baseline;\n      min-height: var(--sizing400);\n\n      ${a} {\n        top: 2px;\n      }\n    `))),u=e(i).attrs(s).withConfig({displayName:"tile-select.style__StyledTileSelectFieldset",componentId:"carbon_v162_12_0__sc-88022e8f-12"})([""," ","{font-size:16px;}","{gap:0px;}",""],o,r,l,(({multiSelect:e})=>e&&t(["","{margin-bottom:8px;}"],g))),S=e.p.withConfig({displayName:"tile-select.style__StyledGroupDescription",componentId:"carbon_v162_12_0__sc-88022e8f-13"})(["color:var(--colorsActionMinorYin055);margin:0;margin-bottom:16px;"]);export{h as StyledAccordionFooterWrapper,p as StyledAdornment,m as StyledDescription,w as StyledDeselectWrapper,y as StyledFocusWrapper,v as StyledFooterWrapper,S as StyledGroupDescription,_ as StyledSubtitle,f as StyledTileSelect,g as StyledTileSelectContainer,u as StyledTileSelectFieldset,b as StyledTileSelectInput,d as StyledTitle,x as StyledTitleContainer};

package/lib/components/time/__internal__/time-toggle/index.js

@@ -1 +1 @@
-"use strict";var e=require("./time-toggle.component.js");exports.TimeToggle=e.default;
+export{default as TimeToggle}from"./time-toggle.component.js";

package/lib/components/time/__internal__/time-toggle/time-toggle.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../../__internal__/utils/helpers/guid/index.js"),o=require("../../../../hooks/__internal__/useLocale/useLocale.js"),n=require("../../../button-toggle/button-toggle.component.js"),u=require("../../../button-toggle/button-toggle-group/button-toggle-group.component.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 c(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 g=({size:l,onChange:g,toggleValue:i,disabled:s,toggleProps:p})=>{const b=o.default(),f=b.time.amText(),d=b.time.pmText(),j=t.useRef(r.default()),{wrapperProps:m,amToggleProps:O,pmToggleProps:y}=p||{},P=t.useCallback((e=>{const t=e.target.value;t!==i&&g(t)}),[i,g]);return e.jsxs(u.default,a(c({},m),{"data-component":"time-button-toggle-group",m:"0px",id:j.current,onChange:P,value:i,disabled:s,size:l,children:[e.jsx(n.ButtonToggle,a(c({},O),{"data-component":"am-button-toggle",value:"AM",children:f})),e.jsx(n.ButtonToggle,a(c({},y),{"data-component":"pm-button-toggle",value:"PM",children:d}))]}))};g.displayName="Toggle",exports.default=g;
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as o,useCallback as r}from"react";import n from"../../../../__internal__/utils/helpers/guid/index.js";import c from"../../../../hooks/__internal__/useLocale/useLocale.js";import{ButtonToggle as l}from"../../../button-toggle/button-toggle.component.js";import p from"../../../button-toggle/button-toggle-group/button-toggle-group.component.js";function i(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function u(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},r=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),r.forEach((function(t){i(e,t,o[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 o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))})),e}const g=({size:i,onChange:g,toggleValue:s,disabled:m,toggleProps:b})=>{const f=c(),O=f.time.amText(),j=f.time.pmText(),y=o(n()),{wrapperProps:d,amToggleProps:P,pmToggleProps:h}=b||{},w=r((e=>{const t=e.target.value;t!==s&&g(t)}),[s,g]);return e(p,a(u({},d),{"data-component":"time-button-toggle-group",m:"0px",id:y.current,onChange:w,value:s,disabled:m,size:i,children:[t(l,a(u({},P),{"data-component":"am-button-toggle",value:"AM",children:O})),t(l,a(u({},h),{"data-component":"pm-button-toggle",value:"PM",children:j}))]}))};g.displayName="Toggle";export{g as default};

package/lib/components/time/index.js

@@ -1 +1 @@
-"use strict";var e=require("./time.component.js");exports.Time=e.default;
+export{default as Time}from"./time.component.js";

package/lib/components/time/time.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../__internal__/utils/helpers/guid/index.js"),n=require("../../hooks/__internal__/useLocale/useLocale.js"),i=require("../../__internal__/utils/helpers/tags/tags.js");require("../../style/utils/filter-styled-system-padding-props.js");var l=require("../../style/utils/filter-styled-system-margin-props.js"),a=require("../../__internal__/fieldset/__next__/fieldset.component.js"),s=require("../box/box.component.js"),o=require("../textbox/textbox.component.js"),u=require("../../__internal__/label/label.component.js"),d=require("./time.style.js"),c=require("./__internal__/time-toggle/time-toggle.component.js"),p=require("../../__internal__/fieldset-validation-context/fieldset-validation-context.js");function m(e){return e&&e.__esModule?e:{default:e}}function f(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function g(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){f(e,t,r[t])}))}return e}function b(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var 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 y={small:"var(--global-size-l)",medium:"var(--global-size-xl)",large:"var(--global-size-2-xl)"},h=m(t).default.forwardRef(((m,f)=>{var{legend:h,legendHint:j,label:x,size:O="medium",inputHint:v,hoursInputProps:_={},minutesInputProps:P={},value:w,name:S,onChange:q,onBlur:z,required:T,disabled:$,readOnly:I,toggleProps:M={},validationMessagePositionTop:R=!0}=m,H=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(m,["legend","legendHint","label","size","inputHint","hoursInputProps","minutesInputProps","value","name","onChange","onBlur","required","disabled","readOnly","toggleProps","validationMessagePositionTop"]);const{id:D,label:C,"aria-label":E,error:L,warning:B}=_,{id:k,label:F,"aria-label":W,error:A,warning:N}=P,V=t.useRef(D||r.default()),G=t.useRef(k||r.default()),J=t.useRef(`${V.current}-${G.current}`),{hours:K,minutes:Q,period:U}=w,X=K.length?K.padStart(2,"0"):K,Y=Q.length?Q.padStart(2,"0"):Q,[Z,ee]=t.useState([K,Q]),[te,re]=t.useState([X,Y]),ne=n.default(),ie=void 0!==U,[le,ae]=t.useState(U),se=C||ne.time.hoursLabelText(),oe=F||ne.time.minutesLabelText(),ue=E||ne.time.hoursAriaLabelText(),de=W||ne.time.minutesAriaLabelText(),ce=t.useRef(null),pe=t.useRef(null);t.useEffect((()=>{const e=[...Z];if(Z[0]!==K&&(e[0]=K),Z[1]!==Q&&(e[1]=Q),Z[0]!==K||Z[1]!==Q){ee(e);const t=K.length?K.padStart(2,"0"):K,r=Q.length?Q.padStart(2,"0"):Q;re([t,r])}}),[K,Q,Z]);const me=(e,t)=>{const r="string"==typeof e,n="string"==typeof t;if(r||n)return r&&!n?e:n&&!r?t:`${e} ${t}`},fe=me(L,A),ge=me(B,N);t.useImperativeHandle(f,(()=>({focusHoursInput(){var e;null===(e=ce.current)||void 0===e||e.focus()},focusMinutesInput(){var e;null===(e=pe.current)||void 0===e||e.focus()}})),[]);const be=(e,t)=>{const r=e.target.value.replace(/[^0-9]/g,""),n="hrs"===t?r:Z[0],i="mins"===t?r:Z[1];ee([n,i]);const l=n.length?n.padStart(2,"0"):n,a=i.length?i.padStart(2,"0"):i;re([l,a]),q({target:{name:S,id:J.current,value:{hours:n,minutes:i,period:le,formattedHours:l,formattedMinutes:a}}})},ye=t.useCallback((e=>{setTimeout((()=>{const[t,r]=Z,[n,i]=te,l={hours:t,minutes:r,period:le,formattedHours:n,formattedMinutes:i};ce.current!==document.activeElement&&pe.current!==document.activeElement&&(null==z||z(e,l))}))}),[te,Z,z,le]);return e.jsx(a.default,b(g({id:J.current,legend:h||x,legendHint:j||v,size:O,isRequired:T,isDisabled:$,isReadOnly:I,name:S,error:fe,warning:ge,validationMessagePositionTop:R},H,l.default(H),i.default("time",H)),{children:e.jsx(p.default.Provider,{value:{disableErrorBorder:!0},children:e.jsxs(d.StyledTimeLayout,{className:"time",$hasToggle:ie,children:[e.jsxs(d.StyledTimeInputs,{children:[e.jsxs(d.StyledTimeInputField,{$size:O,$isDisabled:$,$isReadOnly:I,children:[e.jsx(u.default,{htmlFor:V.current,size:O,disabled:$,readOnly:I,children:se}),e.jsx(o.Textbox,b(g({},_),{label:void 0,"data-component":"hours",ref:ce,value:K,onChange:e=>be(e,"hrs"),onBlur:ye,id:V.current,size:O,error:!!L,warning:!!B,disabled:$,readOnly:I,required:T,maxWidth:y[O],my:0,inputMode:"numeric","aria-label":ue}))]}),e.jsxs(d.StyledColonWrapper,{$size:O,"aria-hidden":"true",children:[e.jsx(u.default,{size:O,disabled:$,readOnly:I,"data-role":"time-colon-spacer",children:" "}),e.jsx("div",{"data-role":"time-colon-input-row",children:e.jsx(d.default,{"data-role":"time-colon",$size:O,$isDisabled:$,$isReadOnly:I,children:":"})})]}),e.jsxs(d.StyledTimeInputField,{$size:O,$isDisabled:$,$isReadOnly:I,children:[e.jsx(u.default,{htmlFor:G.current,size:O,disabled:$,readOnly:I,children:oe}),e.jsx(o.Textbox,b(g({},P),{label:void 0,"data-component":"minutes",ref:pe,value:Q,onChange:e=>be(e,"mins"),onBlur:ye,id:G.current,size:O,error:!!A,warning:!!N,disabled:$,readOnly:I,required:T,maxWidth:y[O],my:0,inputMode:"numeric","aria-label":de}))]})]}),ie&&e.jsx(s.Box,{"data-role":"time-toggle-wrapper",display:"flex",flexDirection:"column",justifyContent:"flex-end",width:"max-content",children:e.jsx(c.default,{toggleProps:M,size:O,onChange:e=>{const[t,r]=Z,[n,i]=te;ae(e),q({target:{name:S,id:J.current,value:{hours:t,minutes:r,period:e,formattedHours:n,formattedMinutes:i}}})},toggleValue:U,disabled:$||I})})]})})}))}));h.displayName="Time",exports.default=h;
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import r,{useRef as n,useState as i,useEffect as o,useImperativeHandle as l,useCallback as a}from"react";import s from"../../__internal__/utils/helpers/guid/index.js";import d from"../../hooks/__internal__/useLocale/useLocale.js";import u from"../../__internal__/utils/helpers/tags/tags.js";import"../../style/utils/filter-styled-system-padding-props.js";import c from"../../style/utils/filter-styled-system-margin-props.js";import m from"../../__internal__/fieldset/__next__/fieldset.component.js";import{Box as p}from"../box/box.component.js";import{Textbox as g}from"../textbox/textbox.component.js";import f from"../../__internal__/label/label.component.js";import b,{StyledTimeLayout as h,StyledTimeInputs as y,StyledTimeInputField as O,StyledColonWrapper as v}from"./time.style.js";import j from"./__internal__/time-toggle/time-toggle.component.js";import _ from"../../__internal__/fieldset-validation-context/fieldset-validation-context.js";function x(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function P(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){x(e,t,r[t])}))}return e}function w(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 z={small:"var(--global-size-l)",medium:"var(--global-size-xl)",large:"var(--global-size-2-xl)"},$=r.forwardRef(((r,x)=>{var{legend:$,legendHint:S,label:T,size:D="medium",inputHint:H,hoursInputProps:M={},minutesInputProps:I={},value:C,name:E,onChange:L,onBlur:R,required:q,disabled:B,readOnly:k,toggleProps:A={},validationMessagePositionTop:F=!0}=r,N=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(r,["legend","legendHint","label","size","inputHint","hoursInputProps","minutesInputProps","value","name","onChange","onBlur","required","disabled","readOnly","toggleProps","validationMessagePositionTop"]);const{id:W,label:V,"aria-label":G,error:J,warning:K}=M,{id:Q,label:U,"aria-label":X,error:Y,warning:Z}=I,ee=n(W||s()),te=n(Q||s()),re=n(`${ee.current}-${te.current}`),{hours:ne,minutes:ie,period:oe}=C,le=ne.length?ne.padStart(2,"0"):ne,ae=ie.length?ie.padStart(2,"0"):ie,[se,de]=i([ne,ie]),[ue,ce]=i([le,ae]),me=d(),pe=void 0!==oe,[ge,fe]=i(oe),be=V||me.time.hoursLabelText(),he=U||me.time.minutesLabelText(),ye=G||me.time.hoursAriaLabelText(),Oe=X||me.time.minutesAriaLabelText(),ve=n(null),je=n(null);o((()=>{const e=[...se];if(se[0]!==ne&&(e[0]=ne),se[1]!==ie&&(e[1]=ie),se[0]!==ne||se[1]!==ie){de(e);const t=ne.length?ne.padStart(2,"0"):ne,r=ie.length?ie.padStart(2,"0"):ie;ce([t,r])}}),[ne,ie,se]);const _e=(e,t)=>{const r="string"==typeof e,n="string"==typeof t;if(r||n)return r&&!n?e:n&&!r?t:`${e} ${t}`},xe=_e(J,Y),Pe=_e(K,Z);l(x,(()=>({focusHoursInput(){var e;null===(e=ve.current)||void 0===e||e.focus()},focusMinutesInput(){var e;null===(e=je.current)||void 0===e||e.focus()}})),[]);const we=(e,t)=>{const r=e.target.value.replace(/[^0-9]/g,""),n="hrs"===t?r:se[0],i="mins"===t?r:se[1];de([n,i]);const o=n.length?n.padStart(2,"0"):n,l=i.length?i.padStart(2,"0"):i;ce([o,l]),L({target:{name:E,id:re.current,value:{hours:n,minutes:i,period:ge,formattedHours:o,formattedMinutes:l}}})},ze=a((e=>{setTimeout((()=>{const[t,r]=se,[n,i]=ue,o={hours:t,minutes:r,period:ge,formattedHours:n,formattedMinutes:i};ve.current!==document.activeElement&&je.current!==document.activeElement&&(null==R||R(e,o))}))}),[ue,se,R,ge]);return e(m,w(P({id:re.current,legend:$||T,legendHint:S||H,size:D,isRequired:q,isDisabled:B,isReadOnly:k,name:E,error:xe,warning:Pe,validationMessagePositionTop:F},N,c(N),u("time",N)),{children:e(_.Provider,{value:{disableErrorBorder:!0},children:t(h,{className:"time",$hasToggle:pe,children:[t(y,{children:[t(O,{$size:D,$isDisabled:B,$isReadOnly:k,children:[e(f,{htmlFor:ee.current,size:D,disabled:B,readOnly:k,children:be}),e(g,w(P({},M),{label:void 0,"data-component":"hours",ref:ve,value:ne,onChange:e=>we(e,"hrs"),onBlur:ze,id:ee.current,size:D,error:!!J,warning:!!K,disabled:B,readOnly:k,required:q,maxWidth:z[D],my:0,inputMode:"numeric","aria-label":ye}))]}),t(v,{$size:D,"aria-hidden":"true",children:[e(f,{size:D,disabled:B,readOnly:k,"data-role":"time-colon-spacer",children:" "}),e("div",{"data-role":"time-colon-input-row",children:e(b,{"data-role":"time-colon",$size:D,$isDisabled:B,$isReadOnly:k,children:":"})})]}),t(O,{$size:D,$isDisabled:B,$isReadOnly:k,children:[e(f,{htmlFor:te.current,size:D,disabled:B,readOnly:k,children:he}),e(g,w(P({},I),{label:void 0,"data-component":"minutes",ref:je,value:ie,onChange:e=>we(e,"mins"),onBlur:ze,id:te.current,size:D,error:!!Y,warning:!!Z,disabled:B,readOnly:k,required:q,maxWidth:z[D],my:0,inputMode:"numeric","aria-label":Oe}))]})]}),pe&&e(p,{"data-role":"time-toggle-wrapper",display:"flex",flexDirection:"column",justifyContent:"flex-end",width:"max-content",children:e(j,{toggleProps:A,size:D,onChange:e=>{const[t,r]=se,[n,i]=ue;fe(e),L({target:{name:E,id:re.current,value:{hours:t,minutes:r,period:e,formattedHours:n,formattedMinutes:i}}})},toggleValue:oe,disabled:B||k})})]})})}))}));$.displayName="Time";export{$ as default};

package/lib/components/time/time.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function a(e){return e&&e.__esModule?e:{default:e}}var l=a(e);const t={small:"var(--global-font-static-comp-regular-s)",medium:"var(--global-font-static-comp-regular-m)",large:"var(--global-font-static-comp-regular-l)"},i={small:"var(--global-font-static-comp-regular-s)",medium:"var(--global-font-static-comp-regular-m)",large:"var(--global-font-static-comp-regular-l)"},o=l.default.span.withConfig({displayName:"time.style__StyledColon",componentId:"carbon_v162_10_0__sc-ae51ab09-0"})(["",""],(({$size:a,$isDisabled:l,$isReadOnly:t})=>e.css(["font:",";color:var(--input-typical-txt-default);text-align:center;"," ",""],i[a],t&&e.css(["color:var(--input-typical-txt-read-only);"]),l&&e.css(["color:var(--input-typical-txt-disabled);"])))),s={small:"var(--global-size-l)",medium:"var(--global-size-xl)",large:"var(--global-size-2-xl)"},r={small:"var(--global-size-s)",medium:"var(--global-size-m)",large:"var(--global-size-l)"},n=l.default.div.withConfig({displayName:"time.style__StyledTimeLayout",componentId:"carbon_v162_10_0__sc-ae51ab09-1"})(["",""],(({$hasToggle:a})=>e.css(["display:flex;align-items:flex-end;flex-wrap:wrap;row-gap:var(--global-space-layout-2-xs);column-gap:",';@media screen and (max-width:480px){[data-role="time-toggle-wrapper"]{flex:0 0 100%;margin-top:var(--global-space-none);}}'],a?"var(--global-space-layout-2-xs)":"0px"))),d=l.default.div.withConfig({displayName:"time.style__StyledTimeInputs",componentId:"carbon_v162_10_0__sc-ae51ab09-2"})(["display:flex;align-items:flex-start;"]),c=l.default.div.withConfig({displayName:"time.style__StyledTimeInputField",componentId:"carbon_v162_10_0__sc-ae51ab09-3"})(["",""],(({$size:a,$isDisabled:l,$isReadOnly:i})=>e.css(["width:",";min-width:",";max-width:",';[data-component="label"]{font:',";color:",';}[data-role="input-container"]{min-height:',";height:",";}"],s[a],s[a],s[a],t[a],((e,a)=>e?"var(--input-typical-txt-disabled)":a?"var(--input-typical-txt-read-only)":"var(--input-typical-txt-default)")(l,i),r[a],r[a]))),p=l.default.div.withConfig({displayName:"time.style__StyledColonWrapper",componentId:"carbon_v162_10_0__sc-ae51ab09-4"})(["",""],(({$size:a})=>e.css(['display:flex;flex-direction:column;align-items:center;flex:0 0 var(--global-size-3-xs);width:var(--global-size-3-xs);min-width:var(--global-size-3-xs);max-width:var(--global-size-3-xs);[data-role="time-colon-input-row"]{display:flex;align-items:center;justify-content:center;width:100%;min-height:',";height:",';}[data-role="time-colon-spacer"]{font:',";visibility:hidden;}"],r[a],r[a],t[a])));exports.StyledColonWrapper=p,exports.StyledTimeInputField=c,exports.StyledTimeInputs=d,exports.StyledTimeLayout=n,exports.default=o;
+import a,{css as l}from"styled-components";const e={small:"var(--global-font-static-comp-regular-s)",medium:"var(--global-font-static-comp-regular-m)",large:"var(--global-font-static-comp-regular-l)"},t={small:"var(--global-font-static-comp-regular-s)",medium:"var(--global-font-static-comp-regular-m)",large:"var(--global-font-static-comp-regular-l)"},i=a.span.withConfig({displayName:"time.style__StyledColon",componentId:"carbon_v162_12_0__sc-ae51ab09-0"})(["",""],(({$size:a,$isDisabled:e,$isReadOnly:i})=>l(["font:",";color:var(--input-typical-txt-default);text-align:center;"," ",""],t[a],i&&l(["color:var(--input-typical-txt-read-only);"]),e&&l(["color:var(--input-typical-txt-disabled);"])))),o={small:"var(--global-size-l)",medium:"var(--global-size-xl)",large:"var(--global-size-2-xl)"},n={small:"var(--global-size-s)",medium:"var(--global-size-m)",large:"var(--global-size-l)"},s=a.div.withConfig({displayName:"time.style__StyledTimeLayout",componentId:"carbon_v162_12_0__sc-ae51ab09-1"})(["",""],(({$hasToggle:a})=>l(["display:flex;align-items:flex-end;flex-wrap:wrap;row-gap:var(--global-space-layout-2-xs);column-gap:",';@media screen and (max-width:480px){[data-role="time-toggle-wrapper"]{flex:0 0 100%;margin-top:var(--global-space-none);}}'],a?"var(--global-space-layout-2-xs)":"0px"))),r=a.div.withConfig({displayName:"time.style__StyledTimeInputs",componentId:"carbon_v162_12_0__sc-ae51ab09-2"})(["display:flex;align-items:flex-start;"]),d=a.div.withConfig({displayName:"time.style__StyledTimeInputField",componentId:"carbon_v162_12_0__sc-ae51ab09-3"})(["",""],(({$size:a,$isDisabled:t,$isReadOnly:i})=>l(["width:",";min-width:",";max-width:",';[data-component="label"]{font:',";color:",';}[data-role="input-container"]{min-height:',";height:",";}"],o[a],o[a],o[a],e[a],((a,l)=>a?"var(--input-typical-txt-disabled)":l?"var(--input-typical-txt-read-only)":"var(--input-typical-txt-default)")(t,i),n[a],n[a]))),m=a.div.withConfig({displayName:"time.style__StyledColonWrapper",componentId:"carbon_v162_12_0__sc-ae51ab09-4"})(["",""],(({$size:a})=>l(['display:flex;flex-direction:column;align-items:center;flex:0 0 var(--global-size-3-xs);width:var(--global-size-3-xs);min-width:var(--global-size-3-xs);max-width:var(--global-size-3-xs);[data-role="time-colon-input-row"]{display:flex;align-items:center;justify-content:center;width:100%;min-height:',";height:",';}[data-role="time-colon-spacer"]{font:',";visibility:hidden;}"],n[a],n[a],e[a])));export{m as StyledColonWrapper,d as StyledTimeInputField,r as StyledTimeInputs,s as StyledTimeLayout,i as default};

package/lib/components/toast/index.js

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

package/lib/components/toast/toast.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-transition-group"),n=require("../icon/icon.component.js");require("../icon/icon.style.js");var o=require("../../__internal__/utils/helpers/tags/tags.js"),i=require("./toast.style.js"),a=require("../message/message.style.js"),s=require("../icon-button/icon-button.component.js"),l=require("../../__internal__/utils/helpers/events/events.js"),c=require("../../hooks/__internal__/useLocale/useLocale.js"),u=require("../../hooks/__internal__/useModalManager/useModalManager.js"),f=require("../../__internal__/utils/helpers/guid/index.js"),d=require("../typography/typography.component.js");function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(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){p(e,t,r[t])}))}return e}function j(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 g=t.forwardRef(((p,g)=>{var{align:b="center",alignY:m,children:O,id:h,maxWidth:v,onDismiss:x,open:_=!0,targetPortalId:P,timeout:w,variant:q="success",disableAutoFocus:S,closeButtonDataProps:R}=p,T=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(p,["align","alignY","children","id","maxWidth","onDismiss","open","targetPortalId","timeout","variant","disableAutoFocus","closeButtonDataProps"]);const D="notice"===q,k="notification"===q,E=c.default(),I=t.useRef(f.default()),M=t.useRef(f.default()),N=t.useRef(null),Y=t.useRef(null),C=t.useRef(null),W=t.useRef(null),B=t.useRef(null),[L,A]=t.useState(0),F=`${!D&&I.current} ${M.current}`;let $=N;g&&"object"==typeof g&&"current"in g&&($=g);const G=t.useCallback((e=>{x&&l.default.isEscKey(e)&&(e.stopImmediatePropagation(),x(e))}),[x]);u.default({open:_,closeModal:G,modalRef:$,topModalOverride:!0}),t.useEffect((()=>{Y.current&&clearTimeout(Y.current),w&&_&&x&&(Y.current=setTimeout((()=>x()),+w))}),[x,_,w]),t.useEffect((()=>{S||(_?setTimeout((()=>{var e;B.current=document.activeElement,null===(e=C.current)||void 0===e||e.focus()}),0):B.current&&(B.current.focus(),B.current=null,A(0)))}),[_,x,S]),t.useEffect((()=>()=>{B.current&&B.current.focus()}),[]);const K={notification:"alert",neutral:"info",success:"tick_circle",error:"error",info:"info",warning:"warning"}[q]||"none";return e.jsx(i.ToastWrapper,{align:b,ref:$,isNotice:D,"data-role":"toast-wrapper",role:"region","aria-hidden":!_,"aria-labelledby":_?F:void 0,children:e.jsx(r.TransitionGroup,{children:function(){if(!_)return null;let t="success";return D||k||(t=q),e.jsx(r.CSSTransition,{enter:!0,classNames:D?"toast-alternative":"toast",timeout:{appear:1600,enter:1500,exit:500},nodeRef:C,children:e.jsxs(i.StyledToast,j(y(j(y({align:b,alignY:m,isNotice:D,isNotification:k},o.default("toast",T)),{variant:t,id:h,maxWidth:v,ref:C}),!S&&{tabIndex:L,onBlur:()=>A(void 0)}),{children:[!D&&e.jsxs(a.TypeIconStyle,{variant:k?"info":q,"data-role":"toast-type-icon",children:[e.jsx(n.default,{type:K}),e.jsx(d.Typography,{screenReaderOnly:!0,id:I.current,children:E.toast[q]()})]}),e.jsx(i.StyledToastContent,{isNotice:D,isDismiss:!!x,"data-role":"toast-content",id:M.current,children:O}),x&&e.jsx(s.default,j(y({"aria-label":E.toast.ariaLabels.close(),onClick:x,ref:W},o.default("close",y({"data-element":"close"},R))),{children:e.jsx(n.default,{type:"close"})}))]}))})}()})})})),b=t.forwardRef(((t,r)=>{const{targetPortalId:n,align:o,alignY:a,variant:s}=t;return e.jsx(i.StyledPortal,{id:n,align:null!=o?o:"center",alignY:a,isNotice:"notice"===s,children:e.jsx(g,j(y({},t),{ref:r}))})}));b.displayName="Toast",exports.Toast=b,exports.default=b;
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as r,useRef as n,useState as o,useCallback as i,useEffect as a}from"react";import{TransitionGroup as c,CSSTransition as l}from"react-transition-group";import s from"../icon/icon.component.js";import"../icon/icon.style.js";import u from"../../__internal__/utils/helpers/tags/tags.js";import{StyledPortal as p,ToastWrapper as m,StyledToast as f,StyledToastContent as d}from"./toast.style.js";import{TypeIconStyle as g}from"../message/message.style.js";import y from"../icon-button/icon-button.component.js";import b from"../../__internal__/utils/helpers/events/events.js";import O from"../../hooks/__internal__/useLocale/useLocale.js";import j from"../../hooks/__internal__/useModalManager/useModalManager.js";import h from"../../__internal__/utils/helpers/guid/index.js";import{Typography as v}from"../typography/typography.component.js";function _(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function P(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){_(e,t,r[t])}))}return e}function w(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 x=r(((r,p)=>{var{align:_="center",alignY:x,children:D,id:k,maxWidth:N,onDismiss:I,open:M=!0,targetPortalId:S,timeout:E,variant:Y="success",disableAutoFocus:T,closeButtonDataProps:B}=r,L=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(r,["align","alignY","children","id","maxWidth","onDismiss","open","targetPortalId","timeout","variant","disableAutoFocus","closeButtonDataProps"]);const R="notice"===Y,W="notification"===Y,A=O(),F=n(h()),$=n(h()),C=n(null),K=n(null),q=n(null),z=n(null),G=n(null),[H,J]=o(0),Q=`${!R&&F.current} ${$.current}`;let U=C;p&&"object"==typeof p&&"current"in p&&(U=p);const V=i((e=>{I&&b.isEscKey(e)&&(e.stopImmediatePropagation(),I(e))}),[I]);j({open:M,closeModal:V,modalRef:U,topModalOverride:!0}),a((()=>{K.current&&clearTimeout(K.current),E&&M&&I&&(K.current=setTimeout((()=>I()),+E))}),[I,M,E]),a((()=>{T||(M?setTimeout((()=>{var e;G.current=document.activeElement,null===(e=q.current)||void 0===e||e.focus()}),0):G.current&&(G.current.focus(),G.current=null,J(0)))}),[M,I,T]),a((()=>()=>{G.current&&G.current.focus()}),[]);const X={notification:"alert",neutral:"info",success:"tick_circle",error:"error",info:"info",warning:"warning"}[Y]||"none";return e(m,{align:_,ref:U,isNotice:R,"data-role":"toast-wrapper",role:"region","aria-hidden":!M,"aria-labelledby":M?Q:void 0,children:e(c,{children:function(){if(!M)return null;let r="success";return R||W||(r=Y),e(l,{enter:!0,classNames:R?"toast-alternative":"toast",timeout:{appear:1600,enter:1500,exit:500},nodeRef:q,children:t(f,w(P(w(P({align:_,alignY:x,isNotice:R,isNotification:W},u("toast",L)),{variant:r,id:k,maxWidth:N,ref:q}),!T&&{tabIndex:H,onBlur:()=>J(void 0)}),{children:[!R&&t(g,{variant:W?"info":Y,"data-role":"toast-type-icon",children:[e(s,{type:X}),e(v,{screenReaderOnly:!0,id:F.current,children:A.toast[Y]()})]}),e(d,{isNotice:R,isDismiss:!!I,"data-role":"toast-content",id:$.current,children:D}),I&&e(y,w(P({"aria-label":A.toast.ariaLabels.close(),onClick:I,ref:z},u("close",P({"data-element":"close"},B))),{children:e(s,{type:"close"})}))]}))})}()})})})),D=r(((t,r)=>{const{targetPortalId:n,align:o,alignY:i,variant:a}=t;return e(p,{id:n,align:null!=o?o:"center",alignY:i,isNotice:"notice"===a,children:e(x,w(P({},t),{ref:r}))})}));D.displayName="Toast";export{D as Toast,D as default};

package/lib/components/toast/toast.config.js

@@ -1 +1 @@
-"use strict";exports.TOAST_COLORS=["error","info","success","warning","neutral","notification"];
+const n=["error","info","success","warning","neutral","notification"];export{n as TOAST_COLORS};

package/lib/components/toast/toast.style.js

@@ -1 +1 @@
-"use strict";var t=require("styled-components"),o=require("../icon-button/icon-button.style.js"),e=require("../portal/portal.js"),a=require("../../style/themes/apply-base-theme.js"),i=require("../icon/icon.style.js");function r(t){return t&&t.__esModule?t:{default:t}}var s=r(t);const n=s.default(e.Portal).attrs(a.default).withConfig({displayName:"toast.style__StyledPortal",componentId:"carbon_v162_10_0__sc-6f15a9b3-0"})(["",""],(({theme:o,isNotice:e,align:a,alignY:i})=>t.css(["position:fixed;top:0;z-index:",";"," "," "," "," "," "," ",""],o.zIndex.notification,"left"===a&&t.css(["left:0;transform:translateX(50%);"]),"center"===a&&t.css(["margin-left:50%;transform:translateX(-50%);"]),"right"===a&&t.css(["right:0;transform:translateX(-50%);"]),e&&t.css(["bottom:0;top:auto;width:100%;"]),"top"===i&&t.css(["top:0;bottom:auto;"]),"center"===i&&t.css(["top:50%;transform:translate(",",-50%);"],"left"===a?"50%":"-50%"),"bottom"===i&&t.css(["bottom:0;top:auto;display:flex;flex-direction:column-reverse;"])))),l=".toast",c=".toast-alternative",p={error:"var(--colorsSemanticNegative500)",info:"var(--colorsSemanticInfo500)",success:"var(--colorsSemanticPositive500)",warning:"var(--colorsSemanticCaution500)",neutral:"var(--colorsSemanticNeutral500)"},d=t.css(["position:absolute;right:15px;top:50%;transform:translateY(-50%);"]),m=s.default.div.withConfig({displayName:"toast.style__StyledToast",componentId:"carbon_v162_10_0__sc-6f15a9b3-1"})([""," :focus{outline:none;}&","-appear,&","-enter{opacity:0;transform:scale(0.5);}&","-appear","-appear-active,&","-enter","-enter-active{opacity:1;transform:",";transition:all 300ms cubic-bezier(0.25,0.25,0,1.5);}&","-exit","-exit-active{opacity:0;",";transition:all 150ms ease-out;}","{","}",""],(({maxWidth:e,align:a,isNotification:i,alignY:r,isNotice:s,variant:n})=>t.css(["position:relative;display:flex;justify-content:flex-start;align-content:center;border-radius:var(--borderRadius100);overflow:hidden;border:1px solid ",";background-color:var(--colorsUtilityYang100);min-height:38px;:focus{outline:none;}","{","}box-shadow:",";line-height:22px;margin-top:",";margin-bottom:",";max-width:",";position:relative;margin-right:",";margin-left:",";",""],p[n],o.default,d,"0 10px 30px 0 rgba(0, 20, 29, 0.1), 0 30px 60px 0 rgba(0, 20, 29, 0.1)",s||"center"===r||"bottom"===r?"0":"30px","bottom"!==r||s?"0":"30px",e||"300px","center"===a||"right"===a?"auto":"30px","center"===a||"left"===a?"auto":"30px",i&&t.css(["border:1px solid var(--colorsSemanticInfo500);"]))),l,l,l,l,l,l,(({align:t})=>"center"===t?" scale(1) translateY(0)":"scale(1)"),l,l,(({alignY:t})=>"bottom"===t?"margin-bottom: -40px":"margin-top: -40px"),o.default,d,(({isNotice:e,alignY:a})=>e&&t.css(["background-color:var(--colorsUtilityMajor400);border:none;color:var(--colorsSemanticNeutralYang100);margin-right:0;max-width:100%;","{right:55px;}"," ","{color:var(--colorsSemanticNeutralYang100);}&","-appear,&","-enter{",";opacity:0;}&","-exit{",";opacity:1;}&","-appear","-appear-active,&","-enter","-enter-active{",";opacity:1;transition:all 400ms ease;}&","-exit","-exit-active{",";opacity:0;transition:all 200ms ease;}"],o.default,o.default,i.default,c,c,"top"===a?"top: -40px":"bottom: -40px",c,"top"===a?"top: 0":"bottom: 0",c,c,c,c,"top"===a?"top: 0":"bottom: 0",c,c,"top"===a?"top: -40px":"bottom: -40px"))),x=s.default.div.withConfig({displayName:"toast.style__StyledToastContent",componentId:"carbon_v162_10_0__sc-6f15a9b3-2"})(["padding:8px 16px 8px 16px;white-space:pre-wrap;flex:1;"," ",""],(({isNotice:o})=>o&&t.css(["display:flex;align-items:center;padding:11px 40px;"])),(({isDismiss:o,isNotice:e})=>o&&t.css(["padding-right:",";"],e?"88px":"48px"))),f=s.default.div.withConfig({displayName:"toast.style__ToastWrapper",componentId:"carbon_v162_10_0__sc-6f15a9b3-3"})([""," ",""],(({align:o})=>o&&t.css(["position:relative;width:auto;height:auto;justify-content:",";display:flex;"],o)),(({isNotice:o})=>o&&t.css(["display:block;"])));exports.StyledPortal=n,exports.StyledToast=m,exports.StyledToastContent=x,exports.ToastWrapper=f;
+import t,{css as o}from"styled-components";import a from"../icon-button/icon-button.style.js";import{Portal as e}from"../portal/portal.js";import i from"../../style/themes/apply-base-theme.js";import r from"../icon/icon.style.js";const n=t(e).attrs(i).withConfig({displayName:"toast.style__StyledPortal",componentId:"carbon_v162_12_0__sc-6f15a9b3-0"})(["",""],(({theme:t,isNotice:a,align:e,alignY:i})=>o(["position:fixed;top:0;z-index:",";"," "," "," "," "," "," ",""],t.zIndex.notification,"left"===e&&o(["left:0;transform:translateX(50%);"]),"center"===e&&o(["margin-left:50%;transform:translateX(-50%);"]),"right"===e&&o(["right:0;transform:translateX(-50%);"]),a&&o(["bottom:0;top:auto;width:100%;"]),"top"===i&&o(["top:0;bottom:auto;"]),"center"===i&&o(["top:50%;transform:translate(",",-50%);"],"left"===e?"50%":"-50%"),"bottom"===i&&o(["bottom:0;top:auto;display:flex;flex-direction:column-reverse;"])))),s=".toast",p=".toast-alternative",l={error:"var(--colorsSemanticNegative500)",info:"var(--colorsSemanticInfo500)",success:"var(--colorsSemanticPositive500)",warning:"var(--colorsSemanticCaution500)",neutral:"var(--colorsSemanticNeutral500)"},c=o(["position:absolute;right:15px;top:50%;transform:translateY(-50%);"]),m=t.div.withConfig({displayName:"toast.style__StyledToast",componentId:"carbon_v162_12_0__sc-6f15a9b3-1"})([""," :focus{outline:none;}&","-appear,&","-enter{opacity:0;transform:scale(0.5);}&","-appear","-appear-active,&","-enter","-enter-active{opacity:1;transform:",";transition:all 300ms cubic-bezier(0.25,0.25,0,1.5);}&","-exit","-exit-active{opacity:0;",";transition:all 150ms ease-out;}","{","}",""],(({maxWidth:t,align:e,isNotification:i,alignY:r,isNotice:n,variant:s})=>o(["position:relative;display:flex;justify-content:flex-start;align-content:center;border-radius:var(--borderRadius100);overflow:hidden;border:1px solid ",";background-color:var(--colorsUtilityYang100);min-height:38px;:focus{outline:none;}","{","}box-shadow:",";line-height:22px;margin-top:",";margin-bottom:",";max-width:",";position:relative;margin-right:",";margin-left:",";",""],l[s],a,c,"0 10px 30px 0 rgba(0, 20, 29, 0.1), 0 30px 60px 0 rgba(0, 20, 29, 0.1)",n||"center"===r||"bottom"===r?"0":"30px","bottom"!==r||n?"0":"30px",t||"300px","center"===e||"right"===e?"auto":"30px","center"===e||"left"===e?"auto":"30px",i&&o(["border:1px solid var(--colorsSemanticInfo500);"]))),s,s,s,s,s,s,(({align:t})=>"center"===t?" scale(1) translateY(0)":"scale(1)"),s,s,(({alignY:t})=>"bottom"===t?"margin-bottom: -40px":"margin-top: -40px"),a,c,(({isNotice:t,alignY:e})=>t&&o(["background-color:var(--colorsUtilityMajor400);border:none;color:var(--colorsSemanticNeutralYang100);margin-right:0;max-width:100%;","{right:55px;}"," ","{color:var(--colorsSemanticNeutralYang100);}&","-appear,&","-enter{",";opacity:0;}&","-exit{",";opacity:1;}&","-appear","-appear-active,&","-enter","-enter-active{",";opacity:1;transition:all 400ms ease;}&","-exit","-exit-active{",";opacity:0;transition:all 200ms ease;}"],a,a,r,p,p,"top"===e?"top: -40px":"bottom: -40px",p,"top"===e?"top: 0":"bottom: 0",p,p,p,p,"top"===e?"top: 0":"bottom: 0",p,p,"top"===e?"top: -40px":"bottom: -40px"))),d=t.div.withConfig({displayName:"toast.style__StyledToastContent",componentId:"carbon_v162_12_0__sc-6f15a9b3-2"})(["padding:8px 16px 8px 16px;white-space:pre-wrap;flex:1;"," ",""],(({isNotice:t})=>t&&o(["display:flex;align-items:center;padding:11px 40px;"])),(({isDismiss:t,isNotice:a})=>t&&o(["padding-right:",";"],a?"88px":"48px"))),x=t.div.withConfig({displayName:"toast.style__ToastWrapper",componentId:"carbon_v162_12_0__sc-6f15a9b3-3"})([""," ",""],(({align:t})=>t&&o(["position:relative;width:auto;height:auto;justify-content:",";display:flex;"],t)),(({isNotice:t})=>t&&o(["display:block;"])));export{n as StyledPortal,m as StyledToast,d as StyledToastContent,x as ToastWrapper};

package/lib/components/tokens-wrapper/__internal__/context/index.js

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

package/lib/components/tokens-wrapper/__internal__/context/tokens-wrapper.context.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react").createContext({});exports.default=e;
+import{createContext as r}from"react";var a=r({});export{a as default};

package/lib/components/tokens-wrapper/__internal__/hooks/index.js

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

package/lib/components/tokens-wrapper/__internal__/hooks/useModeSwitcher.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../__internal__/dom/globals.js");exports.default=r=>{let a;r&&"auto"!==r&&(a=r);const[n,s]=e.useState("light");return e.useEffect((()=>{var e;if(a)return;const r=null===(e=t.getWindow())||void 0===e?void 0:e.matchMedia("(prefers-color-scheme: dark)");if(!r)return;s(r.matches?"dark":"light");const n=e=>{s(e.matches?"dark":"light")};return r.addEventListener("change",n),()=>{r&&r.removeEventListener("change",n)}}),[a]),null!=a?a:n};
+import{useState as e,useEffect as r}from"react";import{getWindow as t}from"../../../../__internal__/dom/globals.js";var a=a=>{let n;a&&"auto"!==a&&(n=a);const[o,i]=e("light");return r((()=>{var e;if(n)return;const r=null===(e=t())||void 0===e?void 0:e.matchMedia("(prefers-color-scheme: dark)");if(!r)return;i(r.matches?"dark":"light");const a=e=>{i(e.matches?"dark":"light")};return r.addEventListener("change",a),()=>{r&&r.removeEventListener("change",a)}}),[n]),null!=n?n:o};export{a as default};