@amboss/design-system 4.8.2-canary.1 → 4.9.0

package/build/cjs/components/MediaItem/MediaItem.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get MediaItem(){return MediaItem},get mediaSize(){return mediaSize}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Icon=require("../Icon/Icon"),_Stack=require("../Stack/Stack"),_TextClamped=require("../Typography/TextClamped/TextClamped"),_Inline=require("../Inline/Inline"),_Image=require("../Image/Image"),_ContentText=require("../Content/ContentText/ContentText"),mediaSize={xs:80,s:88,m:110,l:128,xl:204},StyledTextClamped=(0,_styled.default)(_TextClamped.TextClamped,{target:"eclnczy0",label:"StyledTextClamped"})(),StyledMedia=(0,_styled.default)("div",{target:"eclnczy1",label:"StyledMedia"})(({squareByWidth,srcError})=>({height:"100%",...squareByWidth&&{position:"absolute",left:0,bottom:0,top:0,right:0},...srcError&&{display:"flex",alignItems:"center",justifyContent:"center"}})),StyledOverlay=(0,_styled.default)("div",{target:"eclnczy2",label:"StyledOverlay"})(()=>({position:"absolute",left:0,bottom:0,top:0,right:0})),StyledButton=(0,_styled.default)("button",{target:"eclnczy3",label:"StyledButton"})(({theme,size,width,isActive})=>({padding:0,backgroundColor:theme.values.color.background.transparent.default,border:"none",cursor:"pointer",borderRadius:theme.variables.size.borderRadius.s,width:mediaSize[size]||width||"100%",outlineOffset:"1px",outline:`solid 2px ${theme.values.color.background.transparent.default}`,transition:"all 0.3s ease",[`&:hover ${StyledTextClamped}, &:active ${StyledTextClamped}`]:{color:theme.values.color.text.primary.default},[`&:hover ${StyledOverlay}`]:{backgroundColor:theme.values.color.mediaItem.overlay.hover},[`&:active ${StyledOverlay}`]:{backgroundColor:theme.values.color.mediaItem.overlay.active},...!isActive&&{"&:focus-visible":{outlineWidth:"2px",outlineStyle:"solid",outlineColor:"Highlight"},"@media (-webkit-min-device-pixel-ratio:0)":{"&:focus-visible":{outlineColor:"-webkit-focus-ring-color",outlineStyle:"auto"}}},...isActive&&{outlineColor:theme.values.color.border.secondary.active}})),StyledMediaContainer=(0,_styled.default)("div",{target:"eclnczy4",label:"StyledMediaContainer"})(({theme,size,height,backgroundColor,squareByWidth,srcError})=>({overflow:"hidden",border:"1px solid",borderColor:theme.values.color.border.secondary.default,borderRadius:theme.variables.size.borderRadius.s,position:"relative",backgroundClip:"padding-box",backgroundColor:theme.values.color.mediaItem.background[backgroundColor],height:mediaSize[size]||height||"auto",...squareByWidth&&{paddingTop:"calc(100% - 2px)",height:"auto"},...srcError&&{backgroundColor:theme.values.color.background.transparent.active}})),StyledIconContainer=(0,_styled.default)("div",{target:"eclnczy5",label:"StyledIconContainer"})(({theme})=>({position:"absolute",left:theme.variables.size.spacing.xxs,bottom:theme.variables.size.spacing.xxs,overflow:"hidden",borderRadius:theme.variables.size.borderRadius.xs,backgroundColor:theme.values.color.mediaItem.categoryIcon.background.default,padding:theme.variables.size.spacing.xxs,color:theme.values.color.text.onAccent.default})),MediaItem=_react.default.forwardRef(({"data-e2e-test-id":dataE2eTestId,as,src,title,showTitle=!0,fit="cover",categoryIcon,categoryLabel,categoryPlacement="outside",size,width,height,backgroundColor="transparent",hyphens="none",squareByWidth=!1,isActive,...rest},ref)=>{let[srcError,setSrcError]=(0,_react.useState)(!1),showCategoryOver=categoryIcon&&(!size&&"inside"===categoryPlacement||"xs"===size||"s"===size||"m"===size),showCategoryUnder=categoryIcon&&categoryLabel&&(!size&&"outside"===categoryPlacement||"l"===size||"xl"===size),textSize=["xs","s","m"].includes(size)?"xs":"s",noVisibleText=!showTitle&&!showCategoryUnder;return _react.default.createElement(StyledButton,{"data-ds-id":"MediaItem","data-e2e-test-id":dataE2eTestId,as:as,ref:ref,size:size,width:width,isActive:isActive,...rest,"aria-label":noVisibleText?title:void 0},_react.default.createElement(_Stack.Stack,{space:"xs"},_react.default.createElement(StyledMediaContainer,{size:size,height:height,backgroundColor:backgroundColor,squareByWidth:squareByWidth,srcError:srcError},_react.default.createElement(StyledMedia,{squareByWidth:squareByWidth,srcError:srcError},srcError?_react.default.createElement(_Icon.Icon,{name:"image-broken",color:"tertiary"}):_react.default.createElement(_Image.Image,{src:src,fit:fit,title:title,alt:title,width:"100%",height:"100%","aria-hidden":"true",onError:()=>{setSrcError(!0)}})),_react.default.createElement(StyledOverlay,null),showCategoryOver&&_react.default.createElement(StyledIconContainer,null,_react.default.createElement(_Icon.Icon,{name:categoryIcon,size:"s",color:"inherit"}))),(showCategoryUnder||showTitle)&&_react.default.createElement(_Stack.Stack,{space:"xxs"},showCategoryUnder&&_react.default.createElement(_Inline.Inline,{space:"xxs",vAlignItems:"center"},_react.default.createElement(_Icon.Icon,{name:categoryIcon,color:"quaternary",size:"s"}),_react.default.createElement(_ContentText.ContentText,{color:"tertiary",size:"xs",transform:"uppercase",weight:"bold"},categoryLabel)),showTitle&&_react.default.createElement(StyledTextClamped,{size:textSize,color:"secondary",lines:3,hyphens:hyphens,overflowWrap:"break-word"},title))))});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get MediaItem(){return MediaItem},get getMediaSize(){return getMediaSize},get mediaSize(){return mediaSize}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_forwardRefPolymorphic=require("../../shared/forwardRefPolymorphic"),_Icon=require("../Icon/Icon"),_Stack=require("../Stack/Stack"),_TextClamped=require("../Typography/TextClamped/TextClamped"),_Inline=require("../Inline/Inline"),_Image=require("../Image/Image"),_ContentText=require("../Content/ContentText/ContentText"),mediaSize={xs:80,s:88,m:110,l:128,xl:204},getMediaSize=size=>size?mediaSize[size]:void 0,StyledTextClamped=(0,_styled.default)(_TextClamped.TextClamped,{target:"e1oxgvtl0",label:"StyledTextClamped"})(),StyledMedia=(0,_styled.default)("div",{target:"e1oxgvtl1",label:"StyledMedia"})(({squareByWidth,srcError})=>({height:"100%",...squareByWidth&&{position:"absolute",left:0,bottom:0,top:0,right:0},...srcError&&{display:"flex",alignItems:"center",justifyContent:"center"}})),StyledOverlay=(0,_styled.default)("div",{target:"e1oxgvtl2",label:"StyledOverlay"})(()=>({position:"absolute",left:0,bottom:0,top:0,right:0})),StyledButton=(0,_styled.default)("button",{target:"e1oxgvtl3",label:"StyledButton"})(({theme,size,width,isActive})=>({padding:0,backgroundColor:theme.values.color.background.transparent.default,border:"none",cursor:"pointer",borderRadius:theme.variables.size.borderRadius.s,width:getMediaSize(size)||width||"100%",outlineOffset:"1px",outline:`solid 2px ${theme.values.color.background.transparent.default}`,transition:"all 0.3s ease",[`&:hover ${StyledTextClamped}, &:active ${StyledTextClamped}`]:{color:theme.values.color.text.primary.default},[`&:hover ${StyledOverlay}`]:{backgroundColor:theme.values.color.mediaItem.overlay.hover},[`&:active ${StyledOverlay}`]:{backgroundColor:theme.values.color.mediaItem.overlay.active},...!isActive&&{"&:focus-visible":{outlineWidth:"2px",outlineStyle:"solid",outlineColor:"Highlight"},"@media (-webkit-min-device-pixel-ratio:0)":{"&:focus-visible":{outlineColor:"-webkit-focus-ring-color",outlineStyle:"auto"}}},...isActive&&{outlineColor:theme.values.color.border.secondary.active}})),StyledMediaContainer=(0,_styled.default)("div",{target:"e1oxgvtl4",label:"StyledMediaContainer"})(({theme,size,height,backgroundColor,squareByWidth,srcError})=>({overflow:"hidden",border:"1px solid",borderColor:theme.values.color.border.secondary.default,borderRadius:theme.variables.size.borderRadius.s,position:"relative",backgroundClip:"padding-box",backgroundColor:theme.values.color.mediaItem.background[backgroundColor],height:getMediaSize(size)||height||"auto",...squareByWidth&&{paddingTop:"calc(100% - 2px)",height:"auto"},...srcError&&{backgroundColor:theme.values.color.background.transparent.active}})),StyledIconContainer=(0,_styled.default)("div",{target:"e1oxgvtl5",label:"StyledIconContainer"})(({theme})=>({position:"absolute",left:theme.variables.size.spacing.xxs,bottom:theme.variables.size.spacing.xxs,overflow:"hidden",borderRadius:theme.variables.size.borderRadius.xs,backgroundColor:theme.values.color.mediaItem.categoryIcon.background.default,padding:theme.variables.size.spacing.xxs,color:theme.values.color.text.onAccent.default})),MediaItem=(0,_forwardRefPolymorphic.forwardRefPolymorphic)(({"data-e2e-test-id":dataE2eTestId,as,src,title,showTitle=!0,fit="cover",categoryIcon,categoryLabel,categoryPlacement="outside",size,width,height,backgroundColor="transparent",hyphens="none",squareByWidth=!1,isActive,...rest},ref)=>{let[srcError,setSrcError]=(0,_react.useState)(!1),showCategoryOver=categoryIcon&&(!size&&"inside"===categoryPlacement||"xs"===size||"s"===size||"m"===size),showCategoryUnder=categoryIcon&&categoryLabel&&(!size&&"outside"===categoryPlacement||"l"===size||"xl"===size),textSize=size&&["xs","s","m"].includes(size)?"xs":"s",noVisibleText=!showTitle&&!showCategoryUnder;return _react.default.createElement(StyledButton,{"data-ds-id":"MediaItem","data-e2e-test-id":dataE2eTestId,as:as,ref:ref,size:size,width:width,isActive:isActive,...rest,"aria-label":noVisibleText?title:void 0},_react.default.createElement(_Stack.Stack,{space:"xs"},_react.default.createElement(StyledMediaContainer,{size:size,height:height,backgroundColor:backgroundColor,squareByWidth:squareByWidth,srcError:srcError},_react.default.createElement(StyledMedia,{squareByWidth:squareByWidth,srcError:srcError},srcError?_react.default.createElement(_Icon.Icon,{name:"image-broken",color:"tertiary"}):_react.default.createElement(_Image.Image,{src:src,fit:fit,title:title,alt:title,width:"100%",height:"100%","aria-hidden":"true",onError:()=>{setSrcError(!0)}})),_react.default.createElement(StyledOverlay,null),showCategoryOver&&_react.default.createElement(StyledIconContainer,null,_react.default.createElement(_Icon.Icon,{name:categoryIcon,size:"s",color:"inherit"}))),(showCategoryUnder||showTitle)&&_react.default.createElement(_Stack.Stack,{space:"xxs"},showCategoryUnder&&_react.default.createElement(_Inline.Inline,{space:"xxs",vAlignItems:"center"},_react.default.createElement(_Icon.Icon,{name:categoryIcon,color:"quaternary",size:"s"}),_react.default.createElement(_ContentText.ContentText,{color:"tertiary",size:"xs",transform:"uppercase",weight:"bold"},categoryLabel)),showTitle&&_react.default.createElement(StyledTextClamped,{size:textSize,color:"secondary",lines:3,hyphens:hyphens,overflowWrap:"break-word"},title))))});

package/build/cjs/components/MediaItem/MediaItemSkeleton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"MediaItemSkeleton",{enumerable:!0,get:function(){return MediaItemSkeleton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Skeleton=require("../Skeleton/Skeleton"),_Stack=require("../Stack/Stack"),_Text=require("../Typography/Text"),_MediaItem=require("./MediaItem"),StyledMediaContainer=(0,_styled.default)("div",{target:"eyz5nci0",label:"StyledMediaContainer"})(({squareByWidth})=>({...squareByWidth&&{position:"relative",paddingTop:"100%"}})),StyledMedia=(0,_styled.default)("div",{target:"eyz5nci1",label:"StyledMedia"})(({squareByWidth,width,height})=>({width,height,...squareByWidth&&{position:"absolute",inset:0}}));function MediaItemSkeleton({size,showTitle=!0,width,height,squareByWidth,"data-e2e-test-id":dataE2eTestId}){let mediaSizePx=_MediaItem.mediaSize[size]&&`${_MediaItem.mediaSize[size]}px`,mediaItemWidth=mediaSizePx||width||"100%",mediaItemHeight=mediaSizePx||height||"auto";return _react.default.createElement(_Stack.Stack,{space:"xs","data-e2e-test-id":dataE2eTestId,"data-ds-id":"MediaItemSkeleton"},_react.default.createElement(StyledMediaContainer,{squareByWidth:squareByWidth},_react.default.createElement(StyledMedia,{width:mediaItemWidth,height:mediaItemHeight,squareByWidth:squareByWidth},_react.default.createElement(_Skeleton.Skeleton,{borderRadius:"s"}))),showTitle&&_react.default.createElement(_Text.TextSkeleton,{size:"xs"===size||"s"===size?"xs":"s",lines:2,width:mediaItemWidth}))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"MediaItemSkeleton",{enumerable:!0,get:function(){return MediaItemSkeleton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Skeleton=require("../Skeleton/Skeleton"),_Stack=require("../Stack/Stack"),_Text=require("../Typography/Text"),_MediaItem=require("./MediaItem"),StyledMediaContainer=(0,_styled.default)("div",{target:"e1f6kpba0",label:"StyledMediaContainer"})(({squareByWidth})=>({...squareByWidth&&{position:"relative",paddingTop:"100%"}})),StyledMedia=(0,_styled.default)("div",{target:"e1f6kpba1",label:"StyledMedia"})(({squareByWidth,width,height})=>({width,height,...squareByWidth&&{position:"absolute",inset:0}}));function MediaItemSkeleton({size,showTitle=!0,width,height,squareByWidth,"data-e2e-test-id":dataE2eTestId}){let mediaSizeValue=(0,_MediaItem.getMediaSize)(size),mediaSizePx=mediaSizeValue&&`${mediaSizeValue}px`,mediaItemWidth=mediaSizePx||width||"100%",mediaItemHeight=mediaSizePx||height||"auto";return _react.default.createElement(_Stack.Stack,{space:"xs","data-e2e-test-id":dataE2eTestId,"data-ds-id":"MediaItemSkeleton"},_react.default.createElement(StyledMediaContainer,{squareByWidth:squareByWidth},_react.default.createElement(StyledMedia,{width:mediaItemWidth,height:mediaItemHeight,squareByWidth:squareByWidth},_react.default.createElement(_Skeleton.Skeleton,{borderRadius:"s"}))),showTitle&&_react.default.createElement(_Text.TextSkeleton,{size:"xs"===size||"s"===size?"xs":"s",lines:2,width:mediaItemWidth}))}

package/build/cjs/components/MediaViewerBar/MediaViewerBar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"MediaViewerBar",{enumerable:!0,get:function(){return MediaViewerBar}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Inline=require("../Inline/Inline"),_flattenChildren=require("../../shared/flattenChildren"),_SubThemeProvider=require("../SubThemeProvider/SubThemeProvider"),StyledMediaViewerBar=(0,_styled.default)("div",{target:"e1rci0kk0",label:"StyledMediaViewerBar"})(({theme})=>({display:"inline-flex",borderRadius:theme.variables.size.spacing.xxs,height:theme.variables.size.spacing.l,backgroundColor:theme.values.color.background.primary.default,color:theme.values.color.text.secondary.default,overflow:"hidden","> div":{width:"100%","> div":{lineHeight:"normal"}}})),StyledSeparator=(0,_styled.default)("div",{target:"e1rci0kk1",label:"StyledSeparator"})(({theme})=>({width:theme.variables.size.dimension.mediaViewerBar.separator.width,height:theme.variables.size.spacing.l,backgroundColor:theme.values.color.background.primary.default}));function MediaViewerBar({children,hasSeparator,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let flattenedChildren=(0,_flattenChildren.flattenChildren)(children);return _react.default.createElement(_SubThemeProvider.SubThemeProvider,{name:"dimmed"},_react.default.createElement(StyledMediaViewerBar,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"MediaViewerBar",...ariaAttributes},_react.default.createElement(_Inline.Inline,{space:"zero",vAlignItems:"center",alignItems:"center",noWrap:!0},_react.default.Children.map(flattenedChildren,(child,index)=>_react.default.createElement(_react.default.Fragment,null,hasSeparator&&index>0&&_react.default.createElement(StyledSeparator,null),child)))))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"MediaViewerBar",{enumerable:!0,get:function(){return MediaViewerBar}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Inline=require("../Inline/Inline"),_flattenChildren=require("../../shared/flattenChildren"),_SubThemeProvider=require("../SubThemeProvider/SubThemeProvider"),StyledMediaViewerBar=(0,_styled.default)("div",{target:"e1w5iaq30",label:"StyledMediaViewerBar"})(({theme})=>({display:"inline-flex",borderRadius:theme.variables.size.spacing.xxs,height:theme.variables.size.spacing.l,backgroundColor:theme.values.color.background.primary.default,color:theme.values.color.text.secondary.default,overflow:"hidden","> div":{width:"100%","> div":{lineHeight:"normal"}}})),StyledSeparator=(0,_styled.default)("div",{target:"e1w5iaq31",label:"StyledSeparator"})(({theme})=>({width:theme.variables.size.dimension.mediaViewerBar.separator.width,height:theme.variables.size.spacing.l,backgroundColor:theme.values.color.background.primary.default}));function MediaViewerBar({children,hasSeparator,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let flattenedChildren=(0,_flattenChildren.flattenChildren)(children);return _react.default.createElement(_SubThemeProvider.SubThemeProvider,{name:"dimmed"},_react.default.createElement(StyledMediaViewerBar,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"MediaViewerBar",...ariaAttributes},_react.default.createElement(_Inline.Inline,{space:"zero",vAlignItems:"center",alignItems:"center",noWrap:!0},flattenedChildren.map((child,index)=>_react.default.createElement(_react.default.Fragment,{key:(0,_react.isValidElement)(child)?child.key:index},hasSeparator&&index>0&&_react.default.createElement(StyledSeparator,null),child)))))}

package/build/cjs/components/MediaViewerCarousel/CarouselThumbnail/CarouselThumbnail.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CarouselThumbnail",{enumerable:!0,get:function(){return CarouselThumbnail}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Icon=require("../../Icon/Icon"),_MediaItem=require("../../MediaItem/MediaItem"),StyledThumbnail=(0,_styled.default)("div",{target:"e1m1uu1j0",label:"StyledThumbnail"})(({theme})=>({margin:theme.variables.size.spacing.xxs,height:"80px",position:"relative"})),StyledIconContainer=(0,_styled.default)("div",{target:"e1m1uu1j1",label:"StyledIconContainer"})(({theme})=>({position:"absolute",top:theme.variables.size.spacing.xxs,left:theme.variables.size.spacing.xxs,overflow:"hidden",alignItems:"center",justifyContent:"center",backgroundColor:theme.values.color.mediaItem.categoryIcon.background.default,borderRadius:theme.variables.size.borderRadius.xs,padding:theme.variables.size.spacing.xxs,color:theme.values.color.text.onAccent.default,boxShadow:theme.values.elevation[1],display:"flex",zIndex:6})),CarouselThumbnail=(0,_react.forwardRef)(({assetIndex,bottomLeftIconName,isActive,onClickThumbnail,src,title,topLeftIconName},ref)=>_react.default.createElement(StyledThumbnail,{role:"presentation"},topLeftIconName&&_react.default.createElement(StyledIconContainer,{"data-testid":"top-left-icon"},_react.default.createElement(_Icon.Icon,{name:topLeftIconName,size:"s",color:"inherit"})),_react.default.createElement(_MediaItem.MediaItem,{src:src,title:title??"asset",size:"xs",squareByWidth:!0,categoryIcon:bottomLeftIconName??void 0,categoryPlacement:"inside",showTitle:!1,onClick:()=>{onClickThumbnail(assetIndex)},onKeyDown:ev=>{ev.key.startsWith("Arrow")||"Tab"===ev.key||"Shift"===ev.key||onClickThumbnail(assetIndex,ev)},ref:ref,isActive:isActive})));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CarouselThumbnail",{enumerable:!0,get:function(){return CarouselThumbnail}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Icon=require("../../Icon/Icon"),_MediaItem=require("../../MediaItem/MediaItem"),StyledThumbnail=(0,_styled.default)("div",{target:"eqnilxd0",label:"StyledThumbnail"})(({theme})=>({margin:theme.variables.size.spacing.xxs,height:"80px",position:"relative"})),StyledIconContainer=(0,_styled.default)("div",{target:"eqnilxd1",label:"StyledIconContainer"})(({theme})=>({position:"absolute",top:theme.variables.size.spacing.xxs,left:theme.variables.size.spacing.xxs,overflow:"hidden",alignItems:"center",justifyContent:"center",backgroundColor:theme.values.color.mediaItem.categoryIcon.background.default,borderRadius:theme.variables.size.borderRadius.xs,padding:theme.variables.size.spacing.xxs,color:theme.values.color.text.onAccent.default,boxShadow:theme.values.elevation[1],display:"flex",zIndex:6})),CarouselThumbnail=(0,_react.forwardRef)(({assetIndex,bottomLeftIconName,isActive,onClickThumbnail,src,title,topLeftIconName},ref)=>_react.default.createElement(StyledThumbnail,{role:"presentation"},topLeftIconName&&_react.default.createElement(StyledIconContainer,{"data-testid":"top-left-icon"},_react.default.createElement(_Icon.Icon,{name:topLeftIconName,size:"s",color:"inherit"})),_react.default.createElement(_MediaItem.MediaItem,{src:src,title:title??"asset",size:"xs",squareByWidth:!0,categoryIcon:bottomLeftIconName??void 0,categoryPlacement:"inside",showTitle:!1,onClick:()=>{onClickThumbnail(assetIndex)},onKeyDown:ev=>{ev.key.startsWith("Arrow")||"Tab"===ev.key||"Shift"===ev.key||onClickThumbnail(assetIndex,ev)},ref:ref,isActive:isActive})));

package/build/cjs/components/MediaViewerCarousel/MediaCarousel/MediaCarousel.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"MediaCarousel",{enumerable:!0,get:function(){return MediaCarousel}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Button=require("../../Button/Button"),_Icon=require("../../Icon/Icon"),_Inline=require("../../Inline/Inline"),_useIsScrollable=require("../useIsScrollable"),_CarouselThumbnail=require("../CarouselThumbnail/CarouselThumbnail"),StyledWrapper=(0,_styled.default)("div",{target:"e6wa5tu0",label:"StyledWrapper"})(({showNavButtons})=>({width:"100%",...showNavButtons?{padding:"0 40px"}:{padding:"0 8px"}})),StyledButtonWrapper=(0,_styled.default)("div",{target:"e6wa5tu1",label:"StyledButtonWrapper"})(({alignRight=!1,isScrollable,theme})=>({position:"absolute",top:"0",bottom:"0",left:alignRight?"auto":"0",right:alignRight?"0":"auto",height:"100%",width:40,display:"flex",boxShadow:isScrollable?theme.values.elevation[1]:"none",zIndex:1,button:{width:40}})),StyledOuterContainer=(0,_styled.default)("div",{target:"e6wa5tu2",label:"StyledOuterContainer"})(({theme})=>({position:"relative",display:"flex",flexWrap:"nowrap",justifyContent:"center",overflowX:"auto",overflowY:"hidden",paddingTop:theme.variables.size.spacing.xxs,scrollBehavior:"smooth",width:"100%",scrollbarWidth:"auto",scrollbarColor:`${theme.values.color.tag.background.gray} ${theme.values.color.background.transparent.active}`,"::-webkit-scrollbar":{height:"8px"},"::-webkit-scrollbar-thumb":{background:theme.values.color.tag.background.gray},"::-webkit-scrollbar-track":{background:theme.values.color.background.transparent.active}})),StyledInnerContainer=(0,_styled.default)("div",{target:"e6wa5tu3",label:"StyledInnerContainer"})({display:"flex",flexWrap:"nowrap",maxWidth:"100%"}),MediaCarousel=({activeItemRef,currentIndex,mediaAssets,nextBtnAriaLabel,onClickNext,onClickPrevious,onClickThumbnail,prevBtnAriaLabel,setIsReady,showNavButtons,skipArrowKeysListener,...ariaAttributes})=>{let thumbnailCount=mediaAssets.length,scrollContainerRef=(0,_react.useRef)(null),innerContainerRef=(0,_react.useRef)(null),isScrollable=(0,_useIsScrollable.useIsScrollable)(scrollContainerRef,innerContainerRef),currentIndexRef=(0,_react.useRef)(currentIndex);(0,_react.useEffect)(()=>{currentIndexRef.current=currentIndex},[currentIndex]),(0,_react.useEffect)(()=>{activeItemRef.current&&scrollContainerRef.current&&innerContainerRef.current&&setIsReady(()=>!0)},[activeItemRef,scrollContainerRef,innerContainerRef,setIsReady]);let handleClickNext=()=>{if(currentIndexRef.current!==thumbnailCount-1&&(onClickNext(),isScrollable&&scrollContainerRef.current&&activeItemRef.current)){let itemWidth=activeItemRef.current.offsetWidth+8;scrollContainerRef.current?.scrollBy?.({left:itemWidth,behavior:"smooth"})}},handleClickPrevious=()=>{if(!(currentIndexRef.current<=0)&&(onClickPrevious(),isScrollable&&scrollContainerRef.current&&activeItemRef.current)){let itemWidth=activeItemRef.current.offsetWidth+8;scrollContainerRef.current?.scrollBy?.({left:-itemWidth,behavior:"smooth"})}};return(0,_react.useEffect)(()=>{if(skipArrowKeysListener)return;let currentRef=scrollContainerRef.current;if(currentRef)return currentRef.addEventListener("keydown",listener),()=>{currentRef.removeEventListener("keydown",listener)};function listener(event){"ArrowRight"===event.key&&handleClickNext(),"ArrowLeft"===event.key&&handleClickPrevious()}},[scrollContainerRef]),_react.default.createElement(StyledWrapper,{showNavButtons:showNavButtons},showNavButtons&&_react.default.createElement(StyledButtonWrapper,{isScrollable:isScrollable},_react.default.createElement(_Button.Button,{variant:"tertiary",onClick:handleClickPrevious,disabled:0===currentIndex,size:"s","aria-label":prevBtnAriaLabel},_react.default.createElement(_Icon.Icon,{name:"chevron-left",color:"secondary"}))),_react.default.createElement(StyledOuterContainer,{ref:scrollContainerRef,"aria-label":"thumbnails scrollable container",...ariaAttributes},_react.default.createElement(StyledInnerContainer,{ref:innerContainerRef},_react.default.createElement(_Inline.Inline,{noWrap:!0,space:"xxxs"},mediaAssets.map(({src,title,bottomLeftIconName,topLeftIconName,xid},index)=>_react.default.createElement(_CarouselThumbnail.CarouselThumbnail,{key:`carousel-item-${xid}`,assetIndex:index,isActive:index===currentIndex,ref:index===currentIndex?activeItemRef:null,src:src,title:title,topLeftIconName:topLeftIconName,bottomLeftIconName:bottomLeftIconName,onClickThumbnail:onClickThumbnail}))))),showNavButtons&&_react.default.createElement(StyledButtonWrapper,{alignRight:!0,isScrollable:isScrollable},_react.default.createElement(_Button.Button,{variant:"tertiary",onClick:handleClickNext,disabled:currentIndex===thumbnailCount-1,size:"s","aria-label":nextBtnAriaLabel},_react.default.createElement(_Icon.Icon,{name:"chevron-right",color:"secondary"}))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"MediaCarousel",{enumerable:!0,get:function(){return MediaCarousel}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Button=require("../../Button/Button"),_Icon=require("../../Icon/Icon"),_Inline=require("../../Inline/Inline"),_useIsScrollable=require("../useIsScrollable"),_CarouselThumbnail=require("../CarouselThumbnail/CarouselThumbnail"),StyledWrapper=(0,_styled.default)("div",{target:"e1fy04om0",label:"StyledWrapper"})(({showNavButtons})=>({width:"100%",...showNavButtons?{padding:"0 40px"}:{padding:"0 8px"}})),StyledButtonWrapper=(0,_styled.default)("div",{target:"e1fy04om1",label:"StyledButtonWrapper"})(({alignRight=!1,isScrollable,theme})=>({position:"absolute",top:"0",bottom:"0",left:alignRight?"auto":"0",right:alignRight?"0":"auto",height:"100%",width:40,display:"flex",boxShadow:isScrollable?theme.values.elevation[1]:"none",zIndex:1,button:{width:40}})),StyledOuterContainer=(0,_styled.default)("div",{target:"e1fy04om2",label:"StyledOuterContainer"})(({theme})=>({position:"relative",display:"flex",flexWrap:"nowrap",justifyContent:"center",overflowX:"auto",overflowY:"hidden",paddingTop:theme.variables.size.spacing.xxs,scrollBehavior:"smooth",width:"100%",scrollbarWidth:"auto",scrollbarColor:`${theme.values.color.tag.background.gray} ${theme.values.color.background.transparent.active}`,"::-webkit-scrollbar":{height:"8px"},"::-webkit-scrollbar-thumb":{background:theme.values.color.tag.background.gray},"::-webkit-scrollbar-track":{background:theme.values.color.background.transparent.active}})),StyledInnerContainer=(0,_styled.default)("div",{target:"e1fy04om3",label:"StyledInnerContainer"})({display:"flex",flexWrap:"nowrap",maxWidth:"100%"}),MediaCarousel=({activeItemRef,currentIndex,mediaAssets,nextBtnAriaLabel,onClickNext,onClickPrevious,onClickThumbnail,prevBtnAriaLabel,setIsReady,showNavButtons,skipArrowKeysListener,...ariaAttributes})=>{let thumbnailCount=mediaAssets.length,scrollContainerRef=(0,_react.useRef)(null),innerContainerRef=(0,_react.useRef)(null),isScrollable=(0,_useIsScrollable.useIsScrollable)(scrollContainerRef,innerContainerRef),currentIndexRef=(0,_react.useRef)(currentIndex);(0,_react.useEffect)(()=>{currentIndexRef.current=currentIndex},[currentIndex]),(0,_react.useEffect)(()=>{activeItemRef?.current&&scrollContainerRef.current&&innerContainerRef.current&&setIsReady(()=>!0)},[activeItemRef,scrollContainerRef,innerContainerRef,setIsReady]);let handleClickNext=()=>{if(currentIndexRef.current!==thumbnailCount-1&&(onClickNext(),isScrollable&&scrollContainerRef.current&&activeItemRef?.current)){let itemWidth=activeItemRef.current.offsetWidth+8;scrollContainerRef.current?.scrollBy?.({left:itemWidth,behavior:"smooth"})}},handleClickPrevious=()=>{if(!(currentIndexRef.current<=0)&&(onClickPrevious(),isScrollable&&scrollContainerRef.current&&activeItemRef?.current)){let itemWidth=activeItemRef.current.offsetWidth+8;scrollContainerRef.current?.scrollBy?.({left:-itemWidth,behavior:"smooth"})}};return(0,_react.useEffect)(()=>{if(skipArrowKeysListener)return;let currentRef=scrollContainerRef.current;if(currentRef)return currentRef.addEventListener("keydown",listener),()=>{currentRef.removeEventListener("keydown",listener)};function listener(event){"ArrowRight"===event.key&&handleClickNext(),"ArrowLeft"===event.key&&handleClickPrevious()}},[scrollContainerRef]),_react.default.createElement(StyledWrapper,{showNavButtons:showNavButtons},showNavButtons&&_react.default.createElement(StyledButtonWrapper,{isScrollable:isScrollable},_react.default.createElement(_Button.Button,{variant:"tertiary",onClick:handleClickPrevious,disabled:0===currentIndex,size:"s","aria-label":prevBtnAriaLabel},_react.default.createElement(_Icon.Icon,{name:"chevron-left",color:"secondary"}))),_react.default.createElement(StyledOuterContainer,{ref:scrollContainerRef,"aria-label":"thumbnails scrollable container",...ariaAttributes},_react.default.createElement(StyledInnerContainer,{ref:innerContainerRef},_react.default.createElement(_Inline.Inline,{noWrap:!0,space:"xxxs"},mediaAssets.map(({src,title,bottomLeftIconName,topLeftIconName,xid},index)=>_react.default.createElement(_CarouselThumbnail.CarouselThumbnail,{key:`carousel-item-${xid}`,assetIndex:index,isActive:index===currentIndex,ref:index===currentIndex?activeItemRef:null,src:src,title:title,topLeftIconName:topLeftIconName,bottomLeftIconName:bottomLeftIconName,onClickThumbnail:onClickThumbnail}))))),showNavButtons&&_react.default.createElement(StyledButtonWrapper,{alignRight:!0,isScrollable:isScrollable},_react.default.createElement(_Button.Button,{variant:"tertiary",onClick:handleClickNext,disabled:currentIndex===thumbnailCount-1,size:"s","aria-label":nextBtnAriaLabel},_react.default.createElement(_Icon.Icon,{name:"chevron-right",color:"secondary"}))))};

package/build/cjs/components/Notification/Notification.d.ts

@@ -19,4 +19,4 @@ export type NotificationProps = {
     onClickDismiss?: () => void;
     children?: React.ReactNode;
 };
-export declare function Notification({ type, text, icon, isDismissable, callToActionLabel, onClickDismiss, onClickCallToAction, expandable, expandButtonLabel, shrinkButtonLabel, children, adjustForSideNavToggle, closeButtonAriaLabel, "data-e2e-test-id": dataE2eTestId, ...ariaAttributes }: NotificationProps): React.ReactElement;
+export declare function Notification({ type, text, icon, isDismissable, callToActionLabel, onClickDismiss, onClickCallToAction, expandable, expandButtonLabel, shrinkButtonLabel, children, adjustForSideNavToggle, closeButtonAriaLabel, "data-e2e-test-id": dataE2eTestId, ...ariaAttributes }: NotificationProps): React.ReactElement | null;

package/build/cjs/components/Notification/Notification.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Notification",{enumerable:!0,get:function(){return Notification}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Card=require("../Card/Card"),_Box=require("../Box/Box"),_Columns=require("../Column/Columns"),_Button=require("../Button/Button"),_Icon=require("../Icon/Icon"),_Text=require("../Typography/Text/Text"),_SubThemeProvider=require("../SubThemeProvider/SubThemeProvider"),_SubThemeContext=require("../SubThemeProvider/SubThemeContext"),StyledExpandingContainer=(0,_styled.default)("div",{target:"e1qub0kk0",label:"StyledExpandingContainer"})(({isDismissed})=>({transform:`translateY(${isDismissed?"calc(-100% - 8px)":"0%"})`,transition:`transform ${200*!!isDismissed}ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`})),StyledContainer=(0,_styled.default)("div",{target:"e1qub0kk1",label:"StyledContainer"})(()=>({overflow:"hidden"})),DEFAULT_ICONS_BY_TYPE={info:"info",success:"check-circle",error:"alert-triangle"};function Notification({type,text,icon,isDismissable,callToActionLabel,onClickDismiss,onClickCallToAction,expandable,expandButtonLabel,shrinkButtonLabel,children,adjustForSideNavToggle,closeButtonAriaLabel="Dismiss notification","data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let[isExpanded,setIsExpanded]=(0,_react.useState)(!1),[isDismissed,setIsDismissed]=(0,_react.useState)(!1),subTheme=(0,_react.useContext)(_SubThemeContext.SubThemeContext),subThemeName=Object.keys(DEFAULT_ICONS_BY_TYPE).includes(subTheme)?type??subTheme??"info":type??"info",iconName=void 0===icon?DEFAULT_ICONS_BY_TYPE[subThemeName]:icon;return isDismissed?null:_react.default.createElement(StyledContainer,{"data-ds-id":"Notification",...ariaAttributes,role:"alert"},_react.default.createElement(_SubThemeProvider.SubThemeProvider,{name:subThemeName},_react.default.createElement(StyledExpandingContainer,{isDismissed:isDismissed},_react.default.createElement(_Card.Card,{squareCorners:!0,"data-e2e-test-id":dataE2eTestId},_react.default.createElement(_Box.Box,{space:"s",...adjustForSideNavToggle&&{lSpace:["s","l"]}},_react.default.createElement(_Columns.Columns,{gap:"s",vAlignItems:"top"},iconName&&_react.default.createElement(_Columns.Column,{size:"narrow"},_react.default.createElement(_Box.Box,{vSpace:"xxs",space:"zero"},_react.default.createElement(_Icon.Icon,{"aria-label":subThemeName,role:"img",name:iconName,color:"primary","data-testid":"icon"}))),_react.default.createElement(_Columns.Column,{size:"fill"},_react.default.createElement(_Box.Box,{vSpace:"xxs",space:"zero"},_react.default.createElement(_Text.Text,null,text)))," ",(callToActionLabel||expandable)&&_react.default.createElement(_Columns.Column,{size:[12,"narrow","narrow"],order:["last","unset","unset"]},callToActionLabel&&_react.default.createElement(_Button.Button,{size:"s",fullWidth:!0,onClick:onClickCallToAction},callToActionLabel),expandable&&_react.default.createElement(_Button.Button,{size:"s",fullWidth:!0,onClick:()=>setIsExpanded(!isExpanded),rightIcon:isExpanded?"chevron-up":"chevron-down"},isExpanded?shrinkButtonLabel:expandButtonLabel)),isDismissable&&_react.default.createElement(_Columns.Column,{size:"narrow"},_react.default.createElement(_Button.Button,{"aria-label":closeButtonAriaLabel,leftIcon:"x",variant:"tertiary",size:"s",onClick:()=>{setIsDismissed(!0),setTimeout(onClickDismiss,200)}}))),isExpanded&&children)))))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Notification",{enumerable:!0,get:function(){return Notification}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Card=require("../Card/Card"),_Box=require("../Box/Box"),_Columns=require("../Column/Columns"),_Button=require("../Button/Button"),_Icon=require("../Icon/Icon"),_Text=require("../Typography/Text/Text"),_SubThemeProvider=require("../SubThemeProvider/SubThemeProvider"),_SubThemeContext=require("../SubThemeProvider/SubThemeContext"),StyledExpandingContainer=(0,_styled.default)("div",{target:"elxowvq0",label:"StyledExpandingContainer"})(({isDismissed})=>({transform:`translateY(${isDismissed?"calc(-100% - 8px)":"0%"})`,transition:`transform ${200*!!isDismissed}ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`})),StyledContainer=(0,_styled.default)("div",{target:"elxowvq1",label:"StyledContainer"})(()=>({overflow:"hidden"})),DEFAULT_ICONS_BY_TYPE={info:"info",success:"check-circle",error:"alert-triangle"};function Notification({type,text,icon,isDismissable,callToActionLabel,onClickDismiss,onClickCallToAction,expandable,expandButtonLabel,shrinkButtonLabel,children,adjustForSideNavToggle,closeButtonAriaLabel="Dismiss notification","data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let[isExpanded,setIsExpanded]=(0,_react.useState)(!1),[isDismissed,setIsDismissed]=(0,_react.useState)(!1),subTheme=(0,_react.useContext)(_SubThemeContext.SubThemeContext),subThemeName=subTheme&&Object.keys(DEFAULT_ICONS_BY_TYPE).includes(subTheme)?type??subTheme:type??"info",iconName=void 0===icon?DEFAULT_ICONS_BY_TYPE[subThemeName]:icon;return isDismissed?null:_react.default.createElement(StyledContainer,{"data-ds-id":"Notification",...ariaAttributes,role:"alert"},_react.default.createElement(_SubThemeProvider.SubThemeProvider,{name:subThemeName},_react.default.createElement(StyledExpandingContainer,{isDismissed:isDismissed},_react.default.createElement(_Card.Card,{squareCorners:!0,"data-e2e-test-id":dataE2eTestId},_react.default.createElement(_Box.Box,{space:"s",...adjustForSideNavToggle?{lSpace:["s","l"]}:{}},_react.default.createElement(_Columns.Columns,{gap:"s",vAlignItems:"top"},iconName&&_react.default.createElement(_Columns.Column,{size:"narrow"},_react.default.createElement(_Box.Box,{vSpace:"xxs",space:"zero"},_react.default.createElement(_Icon.Icon,{"aria-label":subThemeName,role:"img",name:iconName,color:"primary","data-testid":"icon"}))),_react.default.createElement(_Columns.Column,{size:"fill"},_react.default.createElement(_Box.Box,{vSpace:"xxs",space:"zero"},_react.default.createElement(_Text.Text,null,text)))," ",(callToActionLabel||expandable)&&_react.default.createElement(_Columns.Column,{size:[12,"narrow","narrow"],order:["last","unset","unset"]},callToActionLabel&&_react.default.createElement(_Button.Button,{size:"s",fullWidth:!0,onClick:onClickCallToAction},callToActionLabel),expandable&&_react.default.createElement(_Button.Button,{size:"s",fullWidth:!0,onClick:()=>setIsExpanded(!isExpanded),rightIcon:isExpanded?"chevron-up":"chevron-down"},isExpanded?shrinkButtonLabel:expandButtonLabel)),isDismissable&&_react.default.createElement(_Columns.Column,{size:"narrow"},_react.default.createElement(_Button.Button,{"aria-label":closeButtonAriaLabel,leftIcon:"x",variant:"tertiary",size:"s",onClick:()=>{setIsDismissed(!0),onClickDismiss&&setTimeout(onClickDismiss,200)}}))),isExpanded&&children)))))}

package/build/cjs/components/Patterns/ButtonGroup/ButtonGroup.d.ts

@@ -26,4 +26,4 @@ export type ButtonGroupProps<C extends React.ElementType = "button"> = {
     buttonSize?: ButtonSize;
     "data-e2e-test-id"?: string;
 } & AriaAttributes;
-export declare function ButtonGroup<C extends React.ElementType = "button">({ cancelButtonText, actionButton, secondaryButton, buttonSize, onButtonClick, "data-e2e-test-id": dataE2eTestId, "aria-describedby": ariaDescribedBy, ...ariaAttributes }: ButtonGroupProps<C>): React.ReactElement;
+export declare function ButtonGroup<C extends React.ElementType = "button">({ cancelButtonText, actionButton, secondaryButton, buttonSize, onButtonClick, "data-e2e-test-id": dataE2eTestId, "aria-describedby": ariaDescribedBy, ...ariaAttributes }: ButtonGroupProps<C>): React.ReactElement | null;

package/build/cjs/components/Patterns/EmptyState/EmptyState.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"EmptyState",{enumerable:!0,get:function(){return EmptyState}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_ariaAttributes=require("../../../shared/ariaAttributes"),_IconTile=require("../../IconTile/IconTile"),_Link=require("../../Link/Link"),_Stack=require("../../Stack/Stack"),_Header=require("../../Typography/Header"),_Text=require("../../Typography/Text"),_ButtonGroup=require("../ButtonGroup/ButtonGroup"),DEFAULT_ICONS_BY_VARIANT={brand:"face-happy",warning:"alert-circle",error:"alert-triangle",neutral:"info",ai:"ai-sparkle"},ICON_COLORS={brand:"brand",warning:"yellow",error:"red",neutral:"gray",ai:"purple"};function EmptyState({title,titleAs="p",description,variant,icon,children,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let reactId=_react.default.useId(),descriptionId=description&&_react.default.isValidElement(children)?`${reactId}-description`:void 0,action=descriptionId&&_react.default.isValidElement(children)?_react.default.cloneElement(children,{"aria-describedby":(0,_ariaAttributes.mergeAriaDescribedBy)(children.props["aria-describedby"],descriptionId)}):children;return _react.default.createElement(_Stack.Stack,{alignItems:"center",space:"s","data-e2e-test-id":dataE2eTestId,"data-ds-id":"EmptyState",...ariaAttributes},variant&&_react.default.createElement(_IconTile.IconTile,{icon:icon??DEFAULT_ICONS_BY_VARIANT[variant],color:ICON_COLORS[variant],"aria-hidden":!0}),_react.default.createElement(_Stack.Stack,{space:"zero",alignItems:"center"},_react.default.createElement(_Header.H3,{as:titleAs},title),description&&_react.default.createElement(_Text.Text,{id:descriptionId,align:"center",size:"s",color:"tertiary"},description)),action)}EmptyState.ButtonGroup=function({...rest}){return _react.default.createElement(_ButtonGroup.ButtonGroup,{...rest,buttonSize:"s"})},EmptyState.Link=function({children,...rest}){return _react.default.createElement(_Link.Link,{...rest,size:"s",color:"accent",weight:"bold",inline:!1},children)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"EmptyState",{enumerable:!0,get:function(){return EmptyState}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_ariaAttributes=require("../../../shared/ariaAttributes"),_IconTile=require("../../IconTile/IconTile"),_Link=require("../../Link/Link"),_Stack=require("../../Stack/Stack"),_Header=require("../../Typography/Header"),_Text=require("../../Typography/Text"),_ButtonGroup=require("../ButtonGroup/ButtonGroup"),DEFAULT_ICONS_BY_VARIANT={brand:"face-happy",warning:"alert-circle",error:"alert-triangle",neutral:"info",ai:"ai-sparkle"},ICON_COLORS={brand:"brand",warning:"yellow",error:"red",neutral:"gray",ai:"purple"},describeChild=({children,descriptionId})=>descriptionId&&_react.default.isValidElement(children)?_react.default.cloneElement(children,{"aria-describedby":(0,_ariaAttributes.mergeAriaDescribedBy)(children.props["aria-describedby"],descriptionId)}):children;function EmptyState({title,titleAs="p",description,variant,icon,children,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let reactId=_react.default.useId(),descriptionId=description&&_react.default.isValidElement(children)?`${reactId}-description`:void 0,action=describeChild({children,descriptionId});return _react.default.createElement(_Stack.Stack,{alignItems:"center",space:"s","data-e2e-test-id":dataE2eTestId,"data-ds-id":"EmptyState",...ariaAttributes},variant&&_react.default.createElement(_IconTile.IconTile,{icon:icon??DEFAULT_ICONS_BY_VARIANT[variant],color:ICON_COLORS[variant],"aria-hidden":!0}),_react.default.createElement(_Stack.Stack,{space:"zero",alignItems:"center"},_react.default.createElement(_Header.H3,{as:titleAs},title),description&&_react.default.createElement(_Text.Text,{id:descriptionId,align:"center",size:"s",color:"tertiary"},description)),action)}EmptyState.ButtonGroup=function({...rest}){return _react.default.createElement(_ButtonGroup.ButtonGroup,{...rest,buttonSize:"s"})},EmptyState.Link=function({children,...rest}){return _react.default.createElement(_Link.Link,{...rest,size:"s",color:"accent",weight:"bold",inline:!1},children)};

package/build/cjs/components/Patterns/Modal/Modal.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Modal",{enumerable:!0,get:function(){return Modal}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_react1=require("@emotion/react"),_Header=require("../../Typography/Header/Header"),_Stack=require("../../Stack/Stack"),_Container=require("../../Container/Container"),_Box=require("../../Box/Box"),_ButtonGroup=require("../ButtonGroup/ButtonGroup"),_PictogramButton=require("../../PictogramButton/PictogramButton"),_Text=require("../../Typography/Text/Text"),_mediaQueries=require("../../../shared/mediaQueries"),_useScrollDetection=require("../../../shared/useScrollDetection"),_appendId=require("../../../shared/appendId"),_useWindow=require("../../../shared/useWindow"),_Lightbox=require("../../Lightbox/Lightbox"),getDesktopSpace=theme=>theme.variables.size.spacing.l,getDesktopInnerSpace=theme=>theme.variables.size.spacing.xl,getMobileSpace=theme=>theme.variables.size.spacing.m,getMobileInnerSpace=theme=>theme.variables.size.spacing.m,StyledModalWrapper=(0,_styled.default)("div",{target:"ezci64j0",label:"StyledModalWrapper"})(({theme,isFullScreen,size})=>{let fadeInModal=(0,_react.useMemo)(()=>(0,_react1.keyframes)`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Modal",{enumerable:!0,get:function(){return Modal}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_react1=require("@emotion/react"),_Header=require("../../Typography/Header/Header"),_Stack=require("../../Stack/Stack"),_Container=require("../../Container/Container"),_Box=require("../../Box/Box"),_ButtonGroup=require("../ButtonGroup/ButtonGroup"),_PictogramButton=require("../../PictogramButton/PictogramButton"),_Text=require("../../Typography/Text/Text"),_mediaQueries=require("../../../shared/mediaQueries"),_useScrollDetection=require("../../../shared/useScrollDetection"),_appendId=require("../../../shared/appendId"),_useWindow=require("../../../shared/useWindow"),_Lightbox=require("../../Lightbox/Lightbox"),getDesktopSpace=theme=>theme.variables.size.spacing.l,getDesktopInnerSpace=theme=>theme.variables.size.spacing.xl,getMobileSpace=theme=>theme.variables.size.spacing.m,getMobileInnerSpace=theme=>theme.variables.size.spacing.m,StyledModalWrapper=(0,_styled.default)("div",{target:"eybea2o0",label:"StyledModalWrapper"})(({theme,isFullScreen,size})=>{let fadeInModal=(0,_react.useMemo)(()=>(0,_react1.keyframes)`
       from {
         opacity: ${theme.variables.opacity.hidden};
         transform: translateY(20px);
@@ -7,4 +7,4 @@
           opacity: ${theme.variables.opacity.visible};
         transform: translateY(0);
       }
-    `,[theme.variables.opacity.hidden,theme.variables.opacity.visible]);return{animation:`${fadeInModal} ${theme.variables.animation.modal.open.duration} ${theme.variables.animation.modal.open.delay} ${theme.variables.animation.modal.open.timingFunction} both`,"&:focus":{outline:"none"},...(0,_mediaQueries.useResponsiveValue)({width:[`calc(100% - ${getMobileSpace(theme)} * 2)`,isFullScreen?`calc(100% - ${getDesktopSpace(theme)} * 2)`:theme.variables.size.dimension.modal.width[size]]})}}),StyledInner=(0,_styled.default)("div",{target:"ezci64j1",label:"StyledInner"})(({theme,isFullScreen,size})=>{let mobileVerticalSpace=getMobileSpace(theme),mobileInnerVerticalSpace=getMobileInnerSpace(theme),desktopVerticalSpace=getDesktopSpace(theme),desktopInnerVerticalSpace=getDesktopInnerSpace(theme),fullScreenMobile=`calc(100dvh - ${mobileVerticalSpace} * 2 - ${mobileInnerVerticalSpace} * 2)`;return{display:"flex",...(0,_mediaQueries.useResponsiveValue)({height:["l"===size||isFullScreen?fullScreenMobile:"auto",isFullScreen?`calc(100dvh - ${desktopVerticalSpace} * 2 - ${desktopInnerVerticalSpace} * 2)`:"l"===size?`calc(100dvh - ${desktopVerticalSpace} * 2 - ${desktopInnerVerticalSpace} * 2 - ${theme.variables.size.dimension.modal.margin.l} * 2)`:"auto"],maxHeight:[fullScreenMobile,isFullScreen?"auto":"l"===size?`calc(${theme.variables.size.dimension.modal.maxHeight.l} - ${desktopInnerVerticalSpace} * 2)`:`calc(100dvh - ${desktopVerticalSpace} * 2 - ${desktopInnerVerticalSpace} * 2)`]}),flexDirection:"column",overflow:"hidden"}}),StyledBody=(0,_styled.default)("div",{target:"ezci64j2",label:"StyledBody"})(({theme,borderBottom,borderTop,size,isFullScreen,privateProps})=>({overflowY:"auto",maxHeight:"100%",...(isFullScreen||"l"===size)&&{flex:1},...privateProps?.height&&{height:privateProps?.height},...borderBottom&&{borderBottom:`1px solid ${theme.values.color.divider.primary}`},...borderTop&&{borderTop:`1px solid ${theme.values.color.divider.primary}`}})),StyledImg=(0,_styled.default)("img",{target:"ezci64j3",label:"StyledImg"})(()=>({width:"100%",aspectRatio:"16/9"})),StyledMaxWidth=(0,_styled.default)("div",{target:"ezci64j4",label:"StyledMaxWidth"})(({theme})=>({maxWidth:theme.variables.size.dimension.modal.fullScreenContentWidth,margin:"0 auto",height:"100%"})),StyledXContainer=(0,_styled.default)("div",{target:"ezci64j5",label:"StyledXContainer"})(({theme})=>({position:"absolute",...(0,_mediaQueries.useResponsiveValue)({top:[theme.variables.size.spacing.s,theme.variables.size.spacing.l],right:[theme.variables.size.spacing.s,theme.variables.size.spacing.l]})})),Footer=({children,alignItems=["stretch","right"],isShortViewport})=>_react.default.createElement(_Box.Box,{space:"zero",tSpace:isShortViewport?"m":"l"},_react.default.createElement(_Stack.Stack,{alignItems:alignItems},children)),HorizontalOffset=({children,isFullScreen,isMaxWidthLimit,height})=>_react.default.createElement(_Box.Box,{space:["m","xl"],vSpace:"zero",height:height},isFullScreen&&isMaxWidthLimit?_react.default.createElement(StyledMaxWidth,null,children):children);function getIsShortViewport(window){return void 0!==window&&window.innerHeight<420}function Modal({header,subHeader,labelHeader,children,imageUrl,ImageComponent,secondaryButton,cancelButtonLabel,isDismissible=!0,isFullScreen,isMaxWidthLimit=!0,actionButton,role="dialog",onAction,size="m",privateProps:{skipPortal,height,zeroPadding,tabbableOptions}={skipPortal:!1,height:void 0,zeroPadding:!1},portalContainer,closeButtonAriaLabel="Dismiss Dialog","data-e2e-test-id":dataE2eTestId,imageAlt,initialFocus,...ariaAttributes}){let{"aria-label":ariaLabel,"aria-describedby":ariaDescribedBy,...restAriaAttributes}=ariaAttributes,backdropRef=(0,_react.useRef)(null),subHeaderId=(0,_react.useId)(),window=(0,_useWindow.useWindow)(),{scrollableRef,isScrollBottom,isScrollTop,hasScroll}=(0,_useScrollDetection.useScrollDetection)(),[isShortViewport,setIsShortViewport]=(0,_react.useState)(getIsShortViewport(window));(0,_react.useEffect)(()=>{let resizeObserver;return"undefined"!=typeof ResizeObserver&&backdropRef.current&&(resizeObserver=new ResizeObserver(()=>{setIsShortViewport(getIsShortViewport(window))})).observe(backdropRef.current),()=>{resizeObserver&&resizeObserver.disconnect()}},[window]);let handleClose=()=>{onAction("cancel")},hasImage=imageUrl||ImageComponent,HeadingComponent=isShortViewport?_Header.H3:_Header.H2,isImageVisible=!isShortViewport&&!!hasImage,horizontalOffsetProps={isFullScreen,isMaxWidthLimit},closeButton=isDismissible&&_react.default.createElement(StyledXContainer,null,_react.default.createElement(_PictogramButton.PictogramButton,{variant:"tertiary",icon:"x",size:"s",onClick:handleClose,"aria-label":closeButtonAriaLabel,"data-modal-close-btn":!0}));return _react.default.createElement(_Lightbox.Lightbox,{backdropRef:backdropRef,portalContainer:portalContainer,handleClose:handleClose,isDismissible:isDismissible,privateProps:{skipPortal,tabbableOptions},initialFocus:initialFocus},_react.default.createElement(StyledModalWrapper,{role:role,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Modal",isFullScreen:isFullScreen,size:size,"aria-label":ariaLabel||header,"aria-describedby":subHeader?(0,_appendId.appendId)(ariaDescribedBy,subHeaderId):ariaDescribedBy,...restAriaAttributes,"aria-modal":"true",tabIndex:-1},_react.default.createElement(_Container.Container,{elevation:4},_react.default.createElement(_Box.Box,{space:"zero",vSpace:["m","xl"]},_react.default.createElement(StyledInner,{isFullScreen:isFullScreen,size:size},_react.default.createElement(HorizontalOffset,horizontalOffsetProps,_react.default.createElement(_Box.Box,{space:"zero",bSpace:"s"},_react.default.createElement(_Stack.Stack,{space:isImageVisible?["s","l"]:"zero"},isImageVisible&&(imageUrl?_react.default.createElement(_Box.Box,{space:"zero",tSpace:["xl","l"]},_react.default.createElement(StyledImg,{src:imageUrl,alt:imageAlt})):_react.default.createElement(ImageComponent,null)),_react.default.createElement(_Stack.Stack,{space:"xxs"},labelHeader&&_react.default.createElement(_Header.H6,{as:"div"},labelHeader),_react.default.createElement(_Stack.Stack,{space:"zero"},header&&_react.default.createElement(HeadingComponent,{as:"h1"},header),subHeader&&_react.default.createElement(_Header.H4,{as:"h2",color:"tertiary",id:subHeaderId},subHeader)))))),_react.default.createElement(StyledBody,{ref:scrollableRef,size:size,isFullScreen:isFullScreen,borderBottom:hasScroll&&!isScrollBottom,borderTop:hasScroll&&!isScrollTop,privateProps:{height}},zeroPadding?children:_react.default.createElement(_Box.Box,{space:"zero",vSpace:"xxxs",height:"100%"},_react.default.createElement(HorizontalOffset,{...horizontalOffsetProps,height:"100%"},children))),(actionButton||cancelButtonLabel||secondaryButton)&&_react.default.createElement(HorizontalOffset,horizontalOffsetProps,_react.default.createElement(Footer,{isShortViewport:isShortViewport},_react.default.createElement(_ButtonGroup.ButtonGroup,{actionButton:actionButton,secondaryButton:secondaryButton,cancelButtonText:cancelButtonLabel,onButtonClick:onAction}))),closeButton)))))}Modal.Stack=({children,...rest})=>_react.default.createElement(_Stack.Stack,{...rest,space:"m"},children),Modal.Text=({children,...rest})=>_react.default.createElement(_Text.Text,{...rest,size:"m",color:"tertiary"},children);
+    `,[theme.variables.opacity.hidden,theme.variables.opacity.visible]);return{animation:`${fadeInModal} ${theme.variables.animation.modal.open.duration} ${theme.variables.animation.modal.open.delay} ${theme.variables.animation.modal.open.timingFunction} both`,"&:focus":{outline:"none"},...(0,_mediaQueries.useResponsiveValue)({width:[`calc(100% - ${getMobileSpace(theme)} * 2)`,isFullScreen?`calc(100% - ${getDesktopSpace(theme)} * 2)`:theme.variables.size.dimension.modal.width[size]]})}}),StyledInner=(0,_styled.default)("div",{target:"eybea2o1",label:"StyledInner"})(({theme,isFullScreen,size})=>{let mobileVerticalSpace=getMobileSpace(theme),mobileInnerVerticalSpace=getMobileInnerSpace(theme),desktopVerticalSpace=getDesktopSpace(theme),desktopInnerVerticalSpace=getDesktopInnerSpace(theme),fullScreenMobile=`calc(100dvh - ${mobileVerticalSpace} * 2 - ${mobileInnerVerticalSpace} * 2)`;return{display:"flex",...(0,_mediaQueries.useResponsiveValue)({height:["l"===size||isFullScreen?fullScreenMobile:"auto",isFullScreen?`calc(100dvh - ${desktopVerticalSpace} * 2 - ${desktopInnerVerticalSpace} * 2)`:"l"===size?`calc(100dvh - ${desktopVerticalSpace} * 2 - ${desktopInnerVerticalSpace} * 2 - ${theme.variables.size.dimension.modal.margin.l} * 2)`:"auto"],maxHeight:[fullScreenMobile,isFullScreen?"auto":"l"===size?`calc(${theme.variables.size.dimension.modal.maxHeight.l} - ${desktopInnerVerticalSpace} * 2)`:`calc(100dvh - ${desktopVerticalSpace} * 2 - ${desktopInnerVerticalSpace} * 2)`]}),flexDirection:"column",overflow:"hidden"}}),StyledBody=(0,_styled.default)("div",{target:"eybea2o2",label:"StyledBody"})(({theme,borderBottom,borderTop,size,isFullScreen,privateProps})=>({overflowY:"auto",maxHeight:"100%",...(isFullScreen||"l"===size)&&{flex:1},...privateProps?.height&&{height:privateProps?.height},...borderBottom&&{borderBottom:`1px solid ${theme.values.color.divider.primary}`},...borderTop&&{borderTop:`1px solid ${theme.values.color.divider.primary}`}})),StyledImg=(0,_styled.default)("img",{target:"eybea2o3",label:"StyledImg"})(()=>({width:"100%",aspectRatio:"16/9"})),StyledMaxWidth=(0,_styled.default)("div",{target:"eybea2o4",label:"StyledMaxWidth"})(({theme})=>({maxWidth:theme.variables.size.dimension.modal.fullScreenContentWidth,margin:"0 auto",height:"100%"})),StyledXContainer=(0,_styled.default)("div",{target:"eybea2o5",label:"StyledXContainer"})(({theme})=>({position:"absolute",...(0,_mediaQueries.useResponsiveValue)({top:[theme.variables.size.spacing.s,theme.variables.size.spacing.l],right:[theme.variables.size.spacing.s,theme.variables.size.spacing.l]})})),Footer=({children,alignItems=["stretch","right"],isShortViewport})=>_react.default.createElement(_Box.Box,{space:"zero",tSpace:isShortViewport?"m":"l"},_react.default.createElement(_Stack.Stack,{alignItems:alignItems},children)),HorizontalOffset=({children,isFullScreen,isMaxWidthLimit,height})=>_react.default.createElement(_Box.Box,{space:["m","xl"],vSpace:"zero",height:height},isFullScreen&&isMaxWidthLimit?_react.default.createElement(StyledMaxWidth,null,children):children);function getIsShortViewport(window){return void 0!==window&&window.innerHeight<420}function Modal({header,subHeader,labelHeader,children,imageUrl,ImageComponent,secondaryButton,cancelButtonLabel,isDismissible=!0,isFullScreen,isMaxWidthLimit=!0,actionButton,role="dialog",onAction,size="m",privateProps:{skipPortal,height,zeroPadding,tabbableOptions}={skipPortal:!1,height:void 0,zeroPadding:!1},portalContainer,closeButtonAriaLabel="Dismiss Dialog","data-e2e-test-id":dataE2eTestId,imageAlt,initialFocus,...ariaAttributes}){let{"aria-label":ariaLabel,"aria-describedby":ariaDescribedBy,...restAriaAttributes}=ariaAttributes,backdropRef=(0,_react.useRef)(null),subHeaderId=(0,_react.useId)(),window=(0,_useWindow.useWindow)(),{scrollableRef,isScrollBottom,isScrollTop,hasScroll}=(0,_useScrollDetection.useScrollDetection)(),[isShortViewport,setIsShortViewport]=(0,_react.useState)(getIsShortViewport(window));(0,_react.useEffect)(()=>{let resizeObserver;return"undefined"!=typeof ResizeObserver&&backdropRef.current&&(resizeObserver=new ResizeObserver(()=>{setIsShortViewport(getIsShortViewport(window))})).observe(backdropRef.current),()=>{resizeObserver&&resizeObserver.disconnect()}},[window]);let handleClose=()=>{onAction?.("cancel")},hasImage=imageUrl||ImageComponent,HeadingComponent=isShortViewport?_Header.H3:_Header.H2,isImageVisible=!isShortViewport&&!!hasImage,horizontalOffsetProps={isFullScreen,isMaxWidthLimit},closeButton=isDismissible&&_react.default.createElement(StyledXContainer,null,_react.default.createElement(_PictogramButton.PictogramButton,{variant:"tertiary",icon:"x",size:"s",onClick:handleClose,"aria-label":closeButtonAriaLabel,"data-modal-close-btn":!0}));return _react.default.createElement(_Lightbox.Lightbox,{backdropRef:backdropRef,portalContainer:portalContainer,handleClose:handleClose,isDismissible:isDismissible,privateProps:{skipPortal,tabbableOptions},initialFocus:initialFocus},_react.default.createElement(StyledModalWrapper,{role:role,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Modal",isFullScreen:isFullScreen,size:size,"aria-label":ariaLabel||header,"aria-describedby":subHeader?(0,_appendId.appendId)(ariaDescribedBy,subHeaderId):ariaDescribedBy,...restAriaAttributes,"aria-modal":"true",tabIndex:-1},_react.default.createElement(_Container.Container,{elevation:4},_react.default.createElement(_Box.Box,{space:"zero",vSpace:["m","xl"]},_react.default.createElement(StyledInner,{isFullScreen:isFullScreen,size:size},_react.default.createElement(HorizontalOffset,horizontalOffsetProps,_react.default.createElement(_Box.Box,{space:"zero",bSpace:"s"},_react.default.createElement(_Stack.Stack,{space:isImageVisible?["s","l"]:"zero"},isImageVisible&&(imageUrl?_react.default.createElement(_Box.Box,{space:"zero",tSpace:["xl","l"]},_react.default.createElement(StyledImg,{src:imageUrl,alt:imageAlt})):ImageComponent&&_react.default.createElement(ImageComponent,null)),_react.default.createElement(_Stack.Stack,{space:"xxs"},labelHeader&&_react.default.createElement(_Header.H6,{as:"div"},labelHeader),_react.default.createElement(_Stack.Stack,{space:"zero"},header&&_react.default.createElement(HeadingComponent,{as:"h1"},header),subHeader&&_react.default.createElement(_Header.H4,{as:"h2",color:"tertiary",id:subHeaderId},subHeader)))))),_react.default.createElement(StyledBody,{ref:scrollableRef,size:size,isFullScreen:isFullScreen,borderBottom:hasScroll&&!isScrollBottom,borderTop:hasScroll&&!isScrollTop,privateProps:{height}},zeroPadding?children:_react.default.createElement(_Box.Box,{space:"zero",vSpace:"xxxs",height:"100%"},_react.default.createElement(HorizontalOffset,{...horizontalOffsetProps,height:"100%"},children))),(actionButton||cancelButtonLabel||secondaryButton)&&_react.default.createElement(HorizontalOffset,horizontalOffsetProps,_react.default.createElement(Footer,{isShortViewport:isShortViewport},_react.default.createElement(_ButtonGroup.ButtonGroup,{actionButton:actionButton,secondaryButton:secondaryButton,cancelButtonText:cancelButtonLabel,onButtonClick:onAction}))),closeButton)))))}Modal.Stack=({children,...rest})=>_react.default.createElement(_Stack.Stack,{...rest,space:"m"},children),Modal.Text=({children,...rest})=>_react.default.createElement(_Text.Text,{...rest,size:"m",color:"tertiary"},children);

package/build/cjs/components/PictogramButton/PictogramButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PictogramButton",{enumerable:!0,get:function(){return PictogramButton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ariaAttributes=require("../../shared/ariaAttributes"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),_Tooltip=require("../Tooltip/Tooltip"),StyledPictogramButton=(0,_styled.default)("button",{target:"e1ng8v9j0",label:"StyledPictogramButton"})(({theme,variant,size,squareCorners,disabled})=>{let basePadding="xs"===size?theme.variables.size.spacing.xxs:theme.variables.size.spacing.xs;return{"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},border:0,display:"inline-block",textTransform:"none",textDecoration:"none",borderRadius:theme.variables.size.borderRadius.xs,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,padding:basePadding,cursor:"pointer",...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"},..."secondary"===variant&&{border:"1px solid",borderColor:theme.values.color.border.primary.default,backgroundColor:theme.values.color.background.transparent.default,padding:parseInt(basePadding,10)-1,color:theme.values.color.icon.secondary.default,...!disabled&&{"&:hover":{color:theme.values.color.icon.primary.default,borderColor:theme.values.color.border.primary.default,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{borderColor:theme.values.color.border.primary.active,backgroundColor:theme.values.color.background.transparent.active}}},..."tertiary"===variant&&{backgroundColor:theme.values.color.background.transparent.default,color:theme.values.color.icon.secondary.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.icon.primary.default,backgroundColor:theme.values.color.background.transparent.active}}},..."quaternary"===variant&&{backgroundColor:theme.values.color.background.transparent.default,color:theme.values.color.icon.tertiary.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.icon.secondary.default,backgroundColor:theme.values.color.background.transparent.active}}},...squareCorners&&{borderRadius:"0"}}}),PictogramButton=_react.default.forwardRef(({ariaAttributes,type="button",size="xs",variant="tertiary",disabled=!1,onClick,onFocus,onBlur,"data-e2e-test-id":dataE2eTestId,as,icon,label,squareCorners=!1,...rest},ref)=>{let mergedAriaAttributes=(0,_ariaAttributes.getAriaAttributes)(rest,ariaAttributes),handleClick=(0,_react.useCallback)(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]),ariaLabelProp=label||ariaAttributes?.["aria-label"]?{"aria-label":ariaAttributes?.["aria-label"]||label}:{},pictogramContent=_react.default.createElement(StyledPictogramButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"PictogramButton",as:as,disabled:disabled,type:as&&"button"!==as?void 0:type,variant:variant,size:size,squareCorners:squareCorners,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...mergedAriaAttributes,...ariaLabelProp,...rest},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"center",space:"xxs",noWrap:!0},_react.default.createElement(_Icon.Icon,{"aria-hidden":!0,size:"m"===size?"m":"s",name:icon,"data-testid":icon,"data-e2e-test-id":icon})));return label?_react.default.createElement(_Tooltip.Tooltip,{content:label},pictogramContent):pictogramContent});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PictogramButton",{enumerable:!0,get:function(){return PictogramButton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_forwardRefPolymorphic=require("../../shared/forwardRefPolymorphic"),_ariaAttributes=require("../../shared/ariaAttributes"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),_Tooltip=require("../Tooltip/Tooltip"),StyledPictogramButton=(0,_styled.default)("button",{target:"e1n1i57a0",label:"StyledPictogramButton"})(({theme,variant,size,squareCorners,disabled})=>{let basePadding="xs"===size?theme.variables.size.spacing.xxs:theme.variables.size.spacing.xs;return{"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},border:0,display:"inline-block",textTransform:"none",textDecoration:"none",borderRadius:theme.variables.size.borderRadius.xs,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,padding:basePadding,cursor:"pointer",...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"},..."secondary"===variant&&{border:"1px solid",borderColor:theme.values.color.border.primary.default,backgroundColor:theme.values.color.background.transparent.default,padding:parseInt(basePadding,10)-1,color:theme.values.color.icon.secondary.default,...!disabled&&{"&:hover":{color:theme.values.color.icon.primary.default,borderColor:theme.values.color.border.primary.default,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{borderColor:theme.values.color.border.primary.active,backgroundColor:theme.values.color.background.transparent.active}}},..."tertiary"===variant&&{backgroundColor:theme.values.color.background.transparent.default,color:theme.values.color.icon.secondary.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.icon.primary.default,backgroundColor:theme.values.color.background.transparent.active}}},..."quaternary"===variant&&{backgroundColor:theme.values.color.background.transparent.default,color:theme.values.color.icon.tertiary.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.icon.secondary.default,backgroundColor:theme.values.color.background.transparent.active}}},...squareCorners&&{borderRadius:"0"}}}),PictogramButton=(0,_forwardRefPolymorphic.forwardRefPolymorphic)(({ariaAttributes,type="button",size="xs",variant="tertiary",disabled=!1,onClick,onFocus,onBlur,"data-e2e-test-id":dataE2eTestId,as,icon,label,squareCorners=!1,...rest},ref)=>{let mergedAriaAttributes=(0,_ariaAttributes.getAriaAttributes)(rest,ariaAttributes),handleClick=(0,_react.useCallback)(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]),ariaLabelProp=label||ariaAttributes?.["aria-label"]?{"aria-label":ariaAttributes?.["aria-label"]||label}:{},pictogramContent=_react.default.createElement(StyledPictogramButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"PictogramButton",as:as,disabled:disabled,type:as&&"button"!==as?void 0:type??void 0,variant:variant,size:size,squareCorners:squareCorners,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...mergedAriaAttributes,...ariaLabelProp,...rest},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"center",space:"xxs",noWrap:!0},_react.default.createElement(_Icon.Icon,{"aria-hidden":!0,size:"m"===size?"m":"s",name:icon,"data-testid":icon,"data-e2e-test-id":icon})));return label?_react.default.createElement(_Tooltip.Tooltip,{content:label},pictogramContent):pictogramContent});

package/build/cjs/components/Portal/Portal.d.ts

@@ -13,10 +13,10 @@ export declare function usePortalChildZIndex(zIndex: number): number;
  * @param portalContainer
  * @returns
  */
-export declare function usePortalContainerElement(portalContainer?: HTMLElement | null): Element;
+export declare function usePortalContainerElement(portalContainer?: HTMLElement | null): Element | null;
 export type PortalProps = {
     children: React.ReactNode;
     /** Custom portal container to render popup into */
     portalContainer?: HTMLElement | null;
 };
-export declare function Portal({ children, portalContainer, }: PortalProps): React.ReactElement;
+export declare function Portal({ children, portalContainer, }: PortalProps): React.ReactElement | null;

package/build/cjs/components/PromptButton/PromptButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PromptButton",{enumerable:!0,get:function(){return PromptButton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_Icon=require("../Icon/Icon"),_mixins=require("../../shared/mixins"),_Inline=require("../Inline/Inline"),_TextClamped=require("../Typography/TextClamped/TextClamped"),StyledPromptButton=(0,_styled.default)("button",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop),target:"e80vbpr0",label:"StyledPromptButton"})(({theme,disabled,leftIcon,variant})=>(0,_mixins.getPillStyles)({theme,disabled,leftIcon,variant})),CustomTextClamped=(0,_styled.default)(_TextClamped.TextClamped,{target:"e80vbpr1",label:"CustomTextClamped"})({fontSize:"inherit",lineHeight:"inherit",fontWeight:"inherit",color:"inherit"}),PromptButton=_react.default.forwardRef(({as,children,disabled=!1,leftIcon,type="button","data-e2e-test-id":dataE2eTestId,...rest},ref)=>_react.default.createElement(StyledPromptButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"PromptButton",as:as,disabled:disabled,type:as&&"button"!==as?void 0:type,leftIcon:leftIcon,tabIndex:0,...rest},_react.default.createElement(_Inline.Inline,{alignItems:"center",vAlignItems:"center",space:"xxs",noWrap:!0},leftIcon&&_react.default.createElement(_Icon.Icon,{"aria-hidden":!0,size:"s",name:leftIcon,"data-testid":leftIcon,"data-e2e-test-id":leftIcon}),_react.default.createElement(CustomTextClamped,{as:"span"},children))));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PromptButton",{enumerable:!0,get:function(){return PromptButton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_forwardRefPolymorphic=require("../../shared/forwardRefPolymorphic"),_Icon=require("../Icon/Icon"),_mixins=require("../../shared/mixins"),_Inline=require("../Inline/Inline"),_TextClamped=require("../Typography/TextClamped/TextClamped"),StyledPromptButton=(0,_styled.default)("button",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop),target:"e94xbpi0",label:"StyledPromptButton"})(({theme,disabled,leftIcon,variant})=>(0,_mixins.getPillStyles)({theme,disabled,leftIcon,variant})),CustomTextClamped=(0,_styled.default)(_TextClamped.TextClamped,{target:"e94xbpi1",label:"CustomTextClamped"})({fontSize:"inherit",lineHeight:"inherit",fontWeight:"inherit",color:"inherit"}),PromptButton=(0,_forwardRefPolymorphic.forwardRefPolymorphic)(({as,children,disabled=!1,leftIcon,type="button","data-e2e-test-id":dataE2eTestId,...rest},ref)=>_react.default.createElement(StyledPromptButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"PromptButton",as:as,disabled:disabled,type:as&&"button"!==as?void 0:type,leftIcon:leftIcon,tabIndex:0,...rest},_react.default.createElement(_Inline.Inline,{alignItems:"center",vAlignItems:"center",space:"xxs",noWrap:!0},leftIcon&&_react.default.createElement(_Icon.Icon,{"aria-hidden":!0,size:"s",name:leftIcon,"data-testid":leftIcon,"data-e2e-test-id":leftIcon}),_react.default.createElement(CustomTextClamped,{as:"span"},children))));

package/build/cjs/components/PromptInput/AutocompleteList.d.ts

@@ -10,4 +10,4 @@ export type AutocompleteListProps = {
     autocompleteListFooter?: ReactElement;
 } & Pick<CategoryListProps, "onListItemClick"> & Pick<PromptTextAreaProps, "name" | "value"> & Pick<PortalProps, "portalContainer">;
 export declare function getAutocompleteListId(name: string): string;
-export declare function AutocompleteList({ name, value, autocompleteListItems, triggerRef, portalContainer, selectedListItem, isOpen, autocompleteListFooter, onListItemClick, }: AutocompleteListProps): ReactElement;
+export declare function AutocompleteList({ name, value, autocompleteListItems, triggerRef, portalContainer, selectedListItem, isOpen, autocompleteListFooter, onListItemClick, }: AutocompleteListProps): ReactElement | null;

package/build/cjs/components/PromptInput/AutocompleteList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get AutocompleteList(){return AutocompleteList},get getAutocompleteListId(){return getAutocompleteListId}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_interactions=require("@react-aria/interactions"),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Box=require("../Box/Box"),_Stack=require("../Stack/Stack"),_CategoryList=require("./CategoryList"),_Container=require("../Container"),_Portal=require("../Portal/Portal"),_Inline=require("../Inline/Inline"),_useAutocompleteListPosition=require("./useAutocompleteListPosition");function getAutocompleteListId(name){return`${name}_AutocompleteList`}const StyledContainer=(0,_styled.default)("div",{target:"ecimzru0",label:"StyledContainer"})(({theme})=>({position:"absolute",zIndex:(0,_Portal.usePortalChildZIndex)(theme.variables.zIndex.dropdown)})),StyledListContainer=(0,_styled.default)("div",{target:"ecimzru1",label:"StyledListContainer"})(({theme})=>({backgroundColor:theme.values.color.canvas,borderRadius:theme.variables.size.borderRadius.s}));function AutocompleteList({name,value,autocompleteListItems,triggerRef,portalContainer,selectedListItem,isOpen,autocompleteListFooter,onListItemClick}){let menuRef=(0,_react.useRef)(null),{pressProps}=(0,_interactions.usePress)({preventFocusOnPress:!0}),{listStyle,calculateStyle}=(0,_useAutocompleteListPosition.useAutocompleteListPosition)({triggerRef,menuRef,isOpen});(0,_react.useEffect)(()=>{isOpen&&calculateStyle()},[value,calculateStyle,isOpen]);let lists=autocompleteListItems.map(listItem=>_react.default.createElement(_CategoryList.CategoryList,{name:name,key:listItem.category,...listItem,selectedListItem:selectedListItem,onListItemClick:onListItemClick})),listElm=_react.default.createElement(StyledContainer,{...pressProps,ref:menuRef,style:listStyle,id:getAutocompleteListId(name),role:"listbox",translate:"no"},_react.default.createElement(_Container.Container,null,_react.default.createElement(_Box.Box,{space:"xxs"},_react.default.createElement(StyledListContainer,null,_react.default.createElement(_Box.Box,{space:"s",vSpace:"s",bSpace:"xs"},_react.default.createElement(_Stack.Stack,{space:"xs"},_react.default.createElement(_Stack.Stack,{space:"s"},lists),_react.default.createElement(_Inline.Inline,{alignItems:"center"},autocompleteListFooter)))))));return isOpen?_react.default.createElement(_Portal.Portal,{portalContainer:portalContainer},listElm):null}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get AutocompleteList(){return AutocompleteList},get getAutocompleteListId(){return getAutocompleteListId}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_interactions=require("@react-aria/interactions"),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Box=require("../Box/Box"),_Stack=require("../Stack/Stack"),_CategoryList=require("./CategoryList"),_Container=require("../Container"),_Portal=require("../Portal/Portal"),_Inline=require("../Inline/Inline"),_useAutocompleteListPosition=require("./useAutocompleteListPosition");function getAutocompleteListId(name){return`${name}_AutocompleteList`}const StyledContainer=(0,_styled.default)("div",{target:"etdk1ck0",label:"StyledContainer"})(({theme})=>({position:"absolute",zIndex:(0,_Portal.usePortalChildZIndex)(theme.variables.zIndex.dropdown)})),StyledListContainer=(0,_styled.default)("div",{target:"etdk1ck1",label:"StyledListContainer"})(({theme})=>({backgroundColor:theme.values.color.canvas,borderRadius:theme.variables.size.borderRadius.s}));function AutocompleteList({name,value,autocompleteListItems=[],triggerRef,portalContainer,selectedListItem,isOpen,autocompleteListFooter,onListItemClick}){let menuRef=(0,_react.useRef)(null),{pressProps}=(0,_interactions.usePress)({preventFocusOnPress:!0}),{listStyle,calculateStyle}=(0,_useAutocompleteListPosition.useAutocompleteListPosition)({triggerRef,menuRef,isOpen});(0,_react.useEffect)(()=>{isOpen&&calculateStyle()},[value,calculateStyle,isOpen]);let lists=autocompleteListItems.map(listItem=>_react.default.createElement(_CategoryList.CategoryList,{name:name,key:listItem.category,...listItem,selectedListItem:selectedListItem,onListItemClick:onListItemClick})),listElm=_react.default.createElement(StyledContainer,{...pressProps,ref:menuRef,style:listStyle,id:getAutocompleteListId(name),role:"listbox",translate:"no"},_react.default.createElement(_Container.Container,null,_react.default.createElement(_Box.Box,{space:"xxs"},_react.default.createElement(StyledListContainer,null,_react.default.createElement(_Box.Box,{space:"s",vSpace:"s",bSpace:"xs"},_react.default.createElement(_Stack.Stack,{space:"xs"},_react.default.createElement(_Stack.Stack,{space:"s"},lists),_react.default.createElement(_Inline.Inline,{alignItems:"center"},autocompleteListFooter??[])))))));return isOpen?_react.default.createElement(_Portal.Portal,{portalContainer:portalContainer},listElm):null}

package/build/cjs/components/PromptInput/PromptInput.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PromptInput",{enumerable:!0,get:function(){return PromptInput}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_PromptTextArea=require("./PromptTextArea"),_Container=require("../Container"),_AutocompleteList=require("./AutocompleteList"),_CategoryList=require("./CategoryList"),_Text=require("../Typography/Text"),_Inline=require("../Inline/Inline"),_RoundButton=require("../RoundButton/RoundButton"),_PictogramButton=require("../PictogramButton/PictogramButton"),_Stack=require("../Stack/Stack"),_Icon=require("../Icon/Icon"),_SubThemeProvider=require("../SubThemeProvider/SubThemeProvider"),_useAnimatedBorder=require("../Utilities/AnimatedBorder/useAnimatedBorder"),_PromptInputHeader=require("./PromptInputHeader"),CustomContainer=(0,_styled.default)(_Container.Container,{target:"e1lp7eti0",label:"CustomContainer"})(({theme,hideBorder,hasShadow})=>({border:`1px solid ${theme.values.color.border.primary.default}`,background:theme.values.color.background.elevated.default,...hasShadow&&{boxShadow:theme.values.shadow.defaultRing,transitionProperty:"box-shadow, border-color, outline-color",transitionDuration:theme.variables.animation.promptInput.focus.duration,transitionTimingFunction:theme.variables.animation.promptInput.focus.timingFunction},...hideBorder&&{borderColor:"transparent"},cursor:"text",outlineColor:"transparent","&:has(textarea:focus-visible)":{outlineWidth:1,outlineStyle:"solid",outlineOffset:-1,boxShadow:theme.values.shadow.focusRing,outlineColor:theme.values.color.border.accent.default}})),StyledTextAreaContainer=(0,_styled.default)("div",{target:"e1lp7eti1",label:"StyledTextAreaContainer"})({borderRadius:"inherit",position:"relative",width:"100%"}),StyledLeftIconContainer=(0,_styled.default)("div",{target:"e1lp7eti2",label:"StyledLeftIconContainer"})(({theme,size})=>({display:"flex",position:"absolute",top:(0,_PromptTextArea.getPaddingVertical)(theme,size),left:(0,_PromptTextArea.getPaddingHorizontal)(theme,size),height:theme.variables.size.dimension.icon.m,alignItems:"center"})),StyledEmptyStateTopRightContentContainer=(0,_styled.default)("div",{target:"e1lp7eti3",label:"StyledEmptyStateTopRightContentContainer"})(({theme,size})=>({position:"absolute",top:(0,_PromptTextArea.getPaddingVertical)(theme,size),right:(0,_PromptTextArea.getPaddingHorizontal)(theme,size),userSelect:"none",pointerEvents:"none"})),StyledClearButton=(0,_styled.default)(_PictogramButton.PictogramButton,{target:"e1lp7eti4",label:"StyledClearButton"})(({theme,buttonSize})=>({position:"absolute",right:theme.variables.size.spacing.s,top:"m"===buttonSize?theme.variables.size.spacing.s:theme.variables.size.spacing.xs})),StyledSlotsContainer=(0,_styled.default)("div",{target:"e1lp7eti5",label:"StyledSlotsContainer"})({display:"flex",flexWrap:"wrap",alignItems:"center"}),StyledSlot=(0,_styled.default)("div",{target:"e1lp7eti6",label:"StyledSlot"})(({theme,side})=>({margin:`0 ${theme.variables.size.spacing.s} ${theme.variables.size.spacing.s}`,..."right"===side&&{marginLeft:"auto"}})),defaultSendButtonProps={type:"submit",icon:"arrow-up"},PromptInput=(0,_react.forwardRef)(({"data-e2e-test-id":dataE2eTestId,name,autocompleteListItems=[],value,bottomToolbar,isProcessing,sendButtonProps,autocompleteListFooter,clearButtonAriaLabel="Clear input",hint,emptyStateTopRightContent,portalContainer,leftIcon,header,onChange,onComplete,onClear,onEnterKey,onFocus,onBlur,onKeyDown,variant,size="m",skipAIAnimation=!1,rows=1,...rest},ref)=>{let containerRef=(0,_react.useRef)(null),animatedBorderRef=(0,_react.useRef)(null),textAreaContainerRef=(0,_react.useRef)(null),internalRef=(0,_react.useRef)(null),[selectedIndex,setSelectedIndex]=(0,_react.useState)(-1),userTypedQuery=(0,_react.useRef)(""),[isAutocompleteListOpen,setIsAutocompleteListOpen]=(0,_react.useState)(!1),textAreaRef=ref||internalRef;(0,_useAnimatedBorder.useAnimatedBorder)(animatedBorderRef,{skipAnimation:skipAIAnimation||"ai"!==variant,radius:"m"===size?12:8,iterations:1});let mergedSendButtonProps={...defaultSendButtonProps,...sendButtonProps??{}},closeAutocompleteList=(0,_react.useCallback)(()=>{setIsAutocompleteListOpen(!1),setSelectedIndex(-1)},[]),openAutocompleteList=(0,_react.useCallback)(()=>{autocompleteListItems.length&&(setIsAutocompleteListOpen(!0),setSelectedIndex(-1))},[autocompleteListItems]),acceptTextSelection=()=>{userTypedQuery.current=value,textAreaRef.current.selectionStart!==textAreaRef.current.selectionEnd&&textAreaRef.current.setSelectionRange(value.length,value.length)};(0,_react.useEffect)(()=>{autocompleteListItems.length?openAutocompleteList():closeAutocompleteList()},[autocompleteListItems,openAutocompleteList,closeAutocompleteList]),(0,_react.useEffect)(()=>{value&&value!==userTypedQuery.current&&isAutocompleteListOpen&&textAreaRef.current.setSelectionRange(userTypedQuery.current.length,value.length)},[value,textAreaRef,isAutocompleteListOpen]);let flattenedListItems=(0,_react.useMemo)(()=>{let list=[];return autocompleteListItems.forEach(listItem=>{listItem.items.forEach((item,index)=>{list.push({category:listItem.category,indexInCategory:index,value:item.value,id:(0,_CategoryList.getListItemId)(name,listItem.category,index)})})}),list},[autocompleteListItems,name]),handleSelectedIndexChange=(index,evt)=>{if(setSelectedIndex(index),-1!==index){let{category,value:itemValue}=flattenedListItems[index];onComplete({value:itemValue,category,evt,index})}},handlePreventFocus=evt=>{evt.preventDefault()},selectedListItem=-1!==selectedIndex?flattenedListItems[selectedIndex]:null,emptyStateTopRightContentElm=emptyStateTopRightContent?_react.default.createElement(StyledEmptyStateTopRightContentContainer,{size:size},_react.default.createElement(_Text.Text,{color:"tertiary"},emptyStateTopRightContent)):null,clearButtonElm=value?_react.default.createElement(StyledClearButton,{size:"m"===size?"s":"xs","aria-hidden":"true",tabIndex:-1,icon:"x-circle-filled","aria-label":clearButtonAriaLabel,onPointerDown:handlePreventFocus,onClick:onClear,buttonSize:size}):emptyStateTopRightContentElm,hintElm=!!hint&&_react.default.createElement(_Inline.Inline,{alignItems:"center"},_react.default.createElement(_Text.Text,{size:"s",color:"tertiary"},hint)),bottomToolbarElm=(bottomToolbar?.rightContent||bottomToolbar?.leftContent||!!sendButtonProps)&&_react.default.createElement(_react.default.Fragment,null,bottomToolbar?.leftContent&&_react.default.createElement(StyledSlot,null,bottomToolbar.leftContent),_react.default.createElement(StyledSlot,{"data-e2e-test-id":"bottomToolbar",side:"right"},_react.default.createElement(_Inline.Inline,{space:"xs",vAlignItems:"center"},bottomToolbar?.rightContent,sendButtonProps&&_react.default.createElement(_SubThemeProvider.SubThemeProvider,{name:variant},_react.default.createElement(_RoundButton.RoundButton,{ariaAttributes:{"aria-label":isProcessing?"Processing query":"Submit query"},...mergedSendButtonProps,size:"m"===size?"s":"xs",disabled:mergedSendButtonProps.disabled??!value,onClick:evt=>{mergedSendButtonProps.onClick?.(evt),closeAutocompleteList()},onPointerDown:handlePreventFocus,variant:"primary",icon:isProcessing?"stop-filled":mergedSendButtonProps.icon})))));return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement("div",{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"PromptInput",ref:containerRef,translate:"no"},_react.default.createElement(_Stack.Stack,{space:"s"},_react.default.createElement("div",{ref:animatedBorderRef},_react.default.createElement(_SubThemeProvider.SubThemeProvider,{name:variant},_react.default.createElement(CustomContainer,{elevation:0,borderRadius:size,hideBorder:!1,hasShadow:!0},_react.default.createElement(_SubThemeProvider.SubThemeProvider,{name:"unset"},_react.default.createElement(StyledSlotsContainer,{ref:textAreaContainerRef,onPointerDown:evt=>{evt.target===evt.currentTarget&&(textAreaRef.current?.focus(),evt.preventDefault())}},header&&_react.default.createElement(_PromptInputHeader.PromptInputHeader,{...header,borderRadiusSize:size,size:size}),_react.default.createElement(StyledTextAreaContainer,null,leftIcon&&_react.default.createElement(StyledLeftIconContainer,{size:size},_react.default.createElement(_Icon.Icon,{name:leftIcon,size:size,color:"tertiary","aria-hidden":"true"})),_react.default.createElement(_PromptTextArea.PromptTextArea,{...rest,dataE2eTestId:dataE2eTestId?`${dataE2eTestId}-input`:void 0,name:name,value:value,ref:textAreaRef,selectedListItem:selectedListItem,isAutocompleteListOpen:isAutocompleteListOpen,hasAutocomplete:!!autocompleteListItems.length,hasLeftIcon:!!leftIcon,onFocus:evt=>{onFocus?.(evt)},onBlur:evt=>{value!==userTypedQuery.current&&onComplete?.({value:userTypedQuery.current,evt}),onBlur?.(evt)},onChange:evt=>{userTypedQuery.current=evt.target.value,onChange(evt)},onKeyDown:evt=>{if(isAutocompleteListOpen)switch(evt.key){case"Escape":closeAutocompleteList(),onComplete({value:userTypedQuery.current,evt});break;case"Enter":!evt.shiftKey&&(evt.preventDefault(),closeAutocompleteList(),acceptTextSelection(),value&&onEnterKey?.());break;case" ":acceptTextSelection();break;case"ArrowUp":evt.preventDefault(),selectedIndex>-1&&handleSelectedIndexChange(selectedIndex-1,evt);break;case"ArrowDown":evt.preventDefault(),selectedIndex<flattenedListItems.length-1&&handleSelectedIndexChange(selectedIndex+1,evt)}else switch(evt.key){case"Escape":onClear?.();break;case"Enter":!evt.shiftKey&&(evt.preventDefault(),value&&onEnterKey?.())}onKeyDown?.(evt)},rows:rows,size:size}),clearButtonElm),bottomToolbarElm))))),hintElm)),_react.default.createElement(_AutocompleteList.AutocompleteList,{name:name,value:value,autocompleteListItems:autocompleteListItems,triggerRef:textAreaContainerRef,selectedListItem:selectedListItem,isOpen:isAutocompleteListOpen,autocompleteListFooter:autocompleteListFooter,portalContainer:portalContainer,onListItemClick:(category,indexInCategory,evt)=>{handleSelectedIndexChange(flattenedListItems.findIndex(listItem=>listItem.category===category&&listItem.indexInCategory===indexInCategory),evt),closeAutocompleteList()}}))});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PromptInput",{enumerable:!0,get:function(){return PromptInput}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_PromptTextArea=require("./PromptTextArea"),_Container=require("../Container"),_AutocompleteList=require("./AutocompleteList"),_CategoryList=require("./CategoryList"),_Text=require("../Typography/Text"),_Inline=require("../Inline/Inline"),_RoundButton=require("../RoundButton/RoundButton"),_PictogramButton=require("../PictogramButton/PictogramButton"),_Stack=require("../Stack/Stack"),_Icon=require("../Icon/Icon"),_SubThemeProvider=require("../SubThemeProvider/SubThemeProvider"),_useAnimatedBorder=require("../Utilities/AnimatedBorder/useAnimatedBorder"),_PromptInputHeader=require("./PromptInputHeader"),CustomContainer=(0,_styled.default)(_Container.Container,{target:"e15wgkyv0",label:"CustomContainer"})(({theme,hideBorder,hasShadow})=>({border:`1px solid ${theme.values.color.border.primary.default}`,background:theme.values.color.background.elevated.default,...hasShadow&&{boxShadow:theme.values.shadow.defaultRing,transitionProperty:"box-shadow, border-color, outline-color",transitionDuration:theme.variables.animation.promptInput.focus.duration,transitionTimingFunction:theme.variables.animation.promptInput.focus.timingFunction},...hideBorder&&{borderColor:"transparent"},cursor:"text",outlineColor:"transparent","&:has(textarea:focus-visible)":{outlineWidth:1,outlineStyle:"solid",outlineOffset:-1,boxShadow:theme.values.shadow.focusRing,outlineColor:theme.values.color.border.accent.default}})),StyledTextAreaContainer=(0,_styled.default)("div",{target:"e15wgkyv1",label:"StyledTextAreaContainer"})({borderRadius:"inherit",position:"relative",width:"100%"}),StyledLeftIconContainer=(0,_styled.default)("div",{target:"e15wgkyv2",label:"StyledLeftIconContainer"})(({theme,size})=>({display:"flex",position:"absolute",top:(0,_PromptTextArea.getPaddingVertical)(theme,size),left:(0,_PromptTextArea.getPaddingHorizontal)(theme,size),height:theme.variables.size.dimension.icon.m,alignItems:"center"})),StyledEmptyStateTopRightContentContainer=(0,_styled.default)("div",{target:"e15wgkyv3",label:"StyledEmptyStateTopRightContentContainer"})(({theme,size})=>({position:"absolute",top:(0,_PromptTextArea.getPaddingVertical)(theme,size),right:(0,_PromptTextArea.getPaddingHorizontal)(theme,size),userSelect:"none",pointerEvents:"none"})),StyledClearButton=(0,_styled.default)(_PictogramButton.PictogramButton,{target:"e15wgkyv4",label:"StyledClearButton"})(({theme,buttonSize})=>({position:"absolute",right:theme.variables.size.spacing.s,top:"m"===buttonSize?theme.variables.size.spacing.s:theme.variables.size.spacing.xs})),StyledSlotsContainer=(0,_styled.default)("div",{target:"e15wgkyv5",label:"StyledSlotsContainer"})({display:"flex",flexWrap:"wrap",alignItems:"center"}),StyledSlot=(0,_styled.default)("div",{target:"e15wgkyv6",label:"StyledSlot"})(({theme,side})=>({margin:`0 ${theme.variables.size.spacing.s} ${theme.variables.size.spacing.s}`,..."right"===side&&{marginLeft:"auto"}})),defaultSendButtonProps={type:"submit",icon:"arrow-up"},resolveObjectRef=(forwardedRef,fallbackRef)=>forwardedRef&&"function"!=typeof forwardedRef?forwardedRef:fallbackRef,PromptInput=(0,_react.forwardRef)(({"data-e2e-test-id":dataE2eTestId,name,autocompleteListItems=[],value,bottomToolbar,isProcessing,sendButtonProps,autocompleteListFooter,clearButtonAriaLabel="Clear input",hint,emptyStateTopRightContent,portalContainer,leftIcon,header,onChange,onComplete,onClear,onEnterKey,onFocus,onBlur,onKeyDown,variant,size="m",skipAIAnimation=!1,rows=1,...rest},ref)=>{let containerRef=(0,_react.useRef)(null),animatedBorderRef=(0,_react.useRef)(null),textAreaContainerRef=(0,_react.useRef)(null),internalRef=(0,_react.useRef)(null),[selectedIndex,setSelectedIndex]=(0,_react.useState)(-1),userTypedQuery=(0,_react.useRef)(""),[isAutocompleteListOpen,setIsAutocompleteListOpen]=(0,_react.useState)(!1),textAreaRef=ref||internalRef,textAreaObjectRef=resolveObjectRef(ref,internalRef);(0,_useAnimatedBorder.useAnimatedBorder)(animatedBorderRef,{skipAnimation:skipAIAnimation||"ai"!==variant,radius:"m"===size?12:8,iterations:1});let mergedSendButtonProps={...defaultSendButtonProps,...sendButtonProps??{}},closeAutocompleteList=(0,_react.useCallback)(()=>{setIsAutocompleteListOpen(!1),setSelectedIndex(-1)},[]),openAutocompleteList=(0,_react.useCallback)(()=>{autocompleteListItems.length&&(setIsAutocompleteListOpen(!0),setSelectedIndex(-1))},[autocompleteListItems]),acceptTextSelection=()=>{userTypedQuery.current=value;let textArea=textAreaObjectRef.current;textArea&&textArea.selectionStart!==textArea.selectionEnd&&textArea.setSelectionRange(value.length,value.length)};(0,_react.useEffect)(()=>{autocompleteListItems.length?openAutocompleteList():closeAutocompleteList()},[autocompleteListItems,openAutocompleteList,closeAutocompleteList]),(0,_react.useEffect)(()=>{value&&value!==userTypedQuery.current&&isAutocompleteListOpen&&textAreaObjectRef.current?.setSelectionRange(userTypedQuery.current.length,value.length)},[value,textAreaObjectRef,isAutocompleteListOpen]);let flattenedListItems=(0,_react.useMemo)(()=>{let list=[];return autocompleteListItems.forEach(listItem=>{listItem.items.forEach((item,index)=>{list.push({category:listItem.category,indexInCategory:index,value:item.value,id:(0,_CategoryList.getListItemId)(name,listItem.category,index)})})}),list},[autocompleteListItems,name]),handleSelectedIndexChange=(index,evt)=>{if(setSelectedIndex(index),-1!==index){let{category,value:itemValue}=flattenedListItems[index];onComplete?.({value:itemValue,category,evt,index})}},handlePreventFocus=evt=>{evt.preventDefault()},selectedListItem=-1!==selectedIndex?flattenedListItems[selectedIndex]:void 0,emptyStateTopRightContentElm=emptyStateTopRightContent?_react.default.createElement(StyledEmptyStateTopRightContentContainer,{size:size},_react.default.createElement(_Text.Text,{color:"tertiary"},emptyStateTopRightContent)):null,clearButtonElm=value?_react.default.createElement(StyledClearButton,{size:"m"===size?"s":"xs","aria-hidden":"true",tabIndex:-1,icon:"x-circle-filled","aria-label":clearButtonAriaLabel,onPointerDown:handlePreventFocus,onClick:onClear,buttonSize:size}):emptyStateTopRightContentElm,hintElm=!!hint&&_react.default.createElement(_Inline.Inline,{alignItems:"center"},_react.default.createElement(_Text.Text,{size:"s",color:"tertiary"},hint)),bottomToolbarElm=(bottomToolbar?.rightContent||bottomToolbar?.leftContent||!!sendButtonProps)&&_react.default.createElement(_react.default.Fragment,null,bottomToolbar?.leftContent&&_react.default.createElement(StyledSlot,null,bottomToolbar.leftContent),_react.default.createElement(StyledSlot,{"data-e2e-test-id":"bottomToolbar",side:"right"},_react.default.createElement(_Inline.Inline,{space:"xs",vAlignItems:"center"},bottomToolbar?.rightContent,sendButtonProps&&_react.default.createElement(_SubThemeProvider.SubThemeProvider,{name:variant},_react.default.createElement(_RoundButton.RoundButton,{ariaAttributes:{"aria-label":isProcessing?"Processing query":"Submit query"},...mergedSendButtonProps,size:"m"===size?"s":"xs",disabled:mergedSendButtonProps.disabled??!value,onClick:evt=>{mergedSendButtonProps.onClick?.(evt),closeAutocompleteList()},onPointerDown:handlePreventFocus,variant:"primary",icon:isProcessing?"stop-filled":mergedSendButtonProps.icon})))));return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement("div",{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"PromptInput",ref:containerRef,translate:"no"},_react.default.createElement(_Stack.Stack,{space:"s"},_react.default.createElement("div",{ref:animatedBorderRef},_react.default.createElement(_SubThemeProvider.SubThemeProvider,{name:variant},_react.default.createElement(CustomContainer,{elevation:0,borderRadius:size,hideBorder:!1,hasShadow:!0},_react.default.createElement(_SubThemeProvider.SubThemeProvider,{name:"unset"},_react.default.createElement(StyledSlotsContainer,{ref:textAreaContainerRef,onPointerDown:evt=>{evt.target===evt.currentTarget&&(textAreaObjectRef.current?.focus(),evt.preventDefault())}},header&&_react.default.createElement(_PromptInputHeader.PromptInputHeader,{...header,borderRadiusSize:size,size:size}),_react.default.createElement(StyledTextAreaContainer,null,leftIcon&&_react.default.createElement(StyledLeftIconContainer,{size:size},_react.default.createElement(_Icon.Icon,{name:leftIcon,size:size,color:"tertiary","aria-hidden":"true"})),_react.default.createElement(_PromptTextArea.PromptTextArea,{...rest,dataE2eTestId:dataE2eTestId?`${dataE2eTestId}-input`:void 0,name:name,value:value,ref:textAreaRef,selectedListItem:selectedListItem,isAutocompleteListOpen:isAutocompleteListOpen,hasAutocomplete:!!autocompleteListItems.length,hasLeftIcon:!!leftIcon,onFocus:evt=>{onFocus?.(evt)},onBlur:evt=>{value!==userTypedQuery.current&&onComplete?.({value:userTypedQuery.current,evt}),onBlur?.(evt)},onChange:evt=>{userTypedQuery.current=evt.target.value,onChange?.(evt)},onKeyDown:evt=>{if(isAutocompleteListOpen)switch(evt.key){case"Escape":closeAutocompleteList(),onComplete?.({value:userTypedQuery.current,evt});break;case"Enter":!evt.shiftKey&&(evt.preventDefault(),closeAutocompleteList(),acceptTextSelection(),value&&onEnterKey?.());break;case" ":acceptTextSelection();break;case"ArrowUp":evt.preventDefault(),selectedIndex>-1&&handleSelectedIndexChange(selectedIndex-1,evt);break;case"ArrowDown":evt.preventDefault(),selectedIndex<flattenedListItems.length-1&&handleSelectedIndexChange(selectedIndex+1,evt)}else switch(evt.key){case"Escape":onClear?.();break;case"Enter":!evt.shiftKey&&(evt.preventDefault(),value&&onEnterKey?.())}onKeyDown?.(evt)},rows:rows,size:size}),clearButtonElm),bottomToolbarElm))))),hintElm)),_react.default.createElement(_AutocompleteList.AutocompleteList,{name:name,value:value,autocompleteListItems:autocompleteListItems,triggerRef:textAreaContainerRef,selectedListItem:selectedListItem,isOpen:isAutocompleteListOpen,autocompleteListFooter:autocompleteListFooter,portalContainer:portalContainer,onListItemClick:(category,indexInCategory,evt)=>{handleSelectedIndexChange(flattenedListItems.findIndex(listItem=>listItem.category===category&&listItem.indexInCategory===indexInCategory),evt),closeAutocompleteList()}}))});

package/build/cjs/components/PromptInput/PromptTextArea.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get PromptTextArea(){return PromptTextArea},get getPaddingHorizontal(){return getPaddingHorizontal},get getPaddingVertical(){return getPaddingVertical}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_getInputTextPlaceholder=require("../../shared/mixins/TextInput/getInputTextPlaceholder"),_ScreenReaderText=require("../Utilities/ScreenReaderText/ScreenReaderText"),_AutocompleteList=require("./AutocompleteList"),getPaddingHorizontal=(theme,size)=>"s"===size?theme.variables.size.spacing.s:theme.variables.size.spacing.m,getPaddingVertical=(theme,size)=>"s"===size?theme.variables.size.spacing.xs:theme.variables.size.spacing.m,StyledTextAreaContainer=(0,_styled.default)("label",{target:"esul89v0",label:"StyledTextAreaContainer"})(({theme,maxTextAreaHeight,hasLeftIcon,size})=>{let paddingTop=getPaddingVertical(theme,size),paddingBottom=getPaddingVertical(theme,size),iconTextGap="s"===size?`calc(${theme.variables.size.spacing.xs} - ${theme.variables.size.spacing.xxxs})`:theme.variables.size.spacing.xs,basePaddingHorizontal=getPaddingHorizontal(theme,size),paddingRight=`calc(${basePaddingHorizontal} + ${theme.variables.size.dimension.icon.m} + ${iconTextGap})`,paddingLeft=hasLeftIcon?`calc(${basePaddingHorizontal} + ${theme.variables.size.dimension.icon[size]} + ${iconTextGap})`:basePaddingHorizontal;return{display:"grid",verticalAlign:"top",alignItems:"stretch",width:"100%",borderRadius:"inherit",position:"relative",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.m,lineHeight:theme.variables.size.lineHeight.xl,"&::after":{content:"attr(data-value) ' '",boxSizing:"border-box",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.m,gridArea:"1 / 1",whiteSpace:"pre-wrap",visibility:"hidden",maxHeight:maxTextAreaHeight},textarea:{all:"unset",resize:"none",gridArea:"1 / 1",cursor:"text",color:theme.values.color.text.primary.default,...(0,_getInputTextPlaceholder.getInputTextPlaceholder)({theme})},"textarea::placeholder":{whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden"},"&::after, textarea":{minWidth:"0",overflowWrap:"break-word",padding:`${paddingTop} ${paddingRight} ${paddingBottom} ${paddingLeft}`}}}),StyledTextAreaWrapper=(0,_styled.default)("div",{target:"esul89v1",label:"StyledTextAreaWrapper"})({borderRadius:"inherit",width:"100%"}),getPromptTextAreaLabelId=name=>`${name}_PromptTextAreaLabel`,getAutocompleteAriaProps=({name,isAutocompleteListOpen,selectedListItem})=>({"aria-autocomplete":"list","aria-controls":isAutocompleteListOpen?(0,_AutocompleteList.getAutocompleteListId)(name):void 0,"aria-activedescendant":selectedListItem?.id}),getComboboxProps=({name,labelId,isAutocompleteListOpen})=>({role:"combobox","aria-expanded":!!isAutocompleteListOpen,"aria-controls":isAutocompleteListOpen?(0,_AutocompleteList.getAutocompleteListId)(name):void 0,"aria-labelledby":labelId}),PromptTextArea=(0,_react.forwardRef)(({dataE2eTestId,label,name,value,placeholder,maxTextAreaHeight="200px",selectedListItem,isAutocompleteListOpen,hasAutocomplete,hasLeftIcon,rows=1,size,onChange,...rest},ref)=>{(0,_react.useEffect)(()=>{ref.current.parentNode.dataset.value=value},[value,ref]);let autocompleteAriaProps=hasAutocomplete?getAutocompleteAriaProps({name,isAutocompleteListOpen,selectedListItem}):{},labelId=getPromptTextAreaLabelId(name),textAreaElm=_react.default.createElement(StyledTextAreaContainer,{maxTextAreaHeight:maxTextAreaHeight,hasLeftIcon:hasLeftIcon,size:size},_react.default.createElement(_ScreenReaderText.ScreenReaderText,{id:labelId},label),_react.default.createElement("textarea",{...rest,"data-e2e-test-id":dataE2eTestId,ref:ref,name:name,value:value,placeholder:placeholder,onChange:onChange,rows:rows,...autocompleteAriaProps})),comboboxProps=hasAutocomplete?getComboboxProps({name,labelId,isAutocompleteListOpen}):{};return _react.default.createElement(StyledTextAreaWrapper,comboboxProps,textAreaElm)});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get PromptTextArea(){return PromptTextArea},get getPaddingHorizontal(){return getPaddingHorizontal},get getPaddingVertical(){return getPaddingVertical}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_getInputTextPlaceholder=require("../../shared/mixins/TextInput/getInputTextPlaceholder"),_ScreenReaderText=require("../Utilities/ScreenReaderText/ScreenReaderText"),_AutocompleteList=require("./AutocompleteList"),getPaddingHorizontal=(theme,size)=>"s"===size?theme.variables.size.spacing.s:theme.variables.size.spacing.m,getPaddingVertical=(theme,size)=>"s"===size?theme.variables.size.spacing.xs:theme.variables.size.spacing.m,StyledTextAreaContainer=(0,_styled.default)("label",{target:"eez85mj0",label:"StyledTextAreaContainer"})(({theme,maxTextAreaHeight,hasLeftIcon,size})=>{let paddingTop=getPaddingVertical(theme,size),paddingBottom=getPaddingVertical(theme,size),iconTextGap="s"===size?`calc(${theme.variables.size.spacing.xs} - ${theme.variables.size.spacing.xxxs})`:theme.variables.size.spacing.xs,basePaddingHorizontal=getPaddingHorizontal(theme,size),paddingRight=`calc(${basePaddingHorizontal} + ${theme.variables.size.dimension.icon.m} + ${iconTextGap})`,paddingLeft=hasLeftIcon?`calc(${basePaddingHorizontal} + ${theme.variables.size.dimension.icon[size]} + ${iconTextGap})`:basePaddingHorizontal;return{display:"grid",verticalAlign:"top",alignItems:"stretch",width:"100%",borderRadius:"inherit",position:"relative",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.m,lineHeight:theme.variables.size.lineHeight.xl,"&::after":{content:"attr(data-value) ' '",boxSizing:"border-box",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.m,gridArea:"1 / 1",whiteSpace:"pre-wrap",visibility:"hidden",maxHeight:maxTextAreaHeight},textarea:{all:"unset",resize:"none",gridArea:"1 / 1",cursor:"text",color:theme.values.color.text.primary.default,...(0,_getInputTextPlaceholder.getInputTextPlaceholder)({theme})},"textarea::placeholder":{whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden"},"&::after, textarea":{minWidth:"0",overflowWrap:"break-word",padding:`${paddingTop} ${paddingRight} ${paddingBottom} ${paddingLeft}`}}}),StyledTextAreaWrapper=(0,_styled.default)("div",{target:"eez85mj1",label:"StyledTextAreaWrapper"})({borderRadius:"inherit",width:"100%"}),getPromptTextAreaLabelId=name=>`${name}_PromptTextAreaLabel`,getAutocompleteAriaProps=({name,isAutocompleteListOpen,selectedListItem})=>({"aria-autocomplete":"list","aria-controls":isAutocompleteListOpen?(0,_AutocompleteList.getAutocompleteListId)(name):void 0,"aria-activedescendant":selectedListItem?.id}),getComboboxProps=({name,labelId,isAutocompleteListOpen})=>({role:"combobox","aria-expanded":!!isAutocompleteListOpen,"aria-controls":isAutocompleteListOpen?(0,_AutocompleteList.getAutocompleteListId)(name):void 0,"aria-labelledby":labelId}),PromptTextArea=(0,_react.forwardRef)(({dataE2eTestId,label,name,value,placeholder,maxTextAreaHeight="200px",selectedListItem,isAutocompleteListOpen,hasAutocomplete,hasLeftIcon,rows=1,size,onChange,...rest},ref)=>{(0,_react.useEffect)(()=>{let textArea=ref&&"function"!=typeof ref?ref.current:null;textArea&&(textArea.parentNode.dataset.value=value)},[value,ref]);let autocompleteAriaProps=hasAutocomplete?getAutocompleteAriaProps({name,isAutocompleteListOpen,selectedListItem}):{},labelId=getPromptTextAreaLabelId(name),textAreaElm=_react.default.createElement(StyledTextAreaContainer,{maxTextAreaHeight:maxTextAreaHeight,hasLeftIcon:hasLeftIcon,size:size},_react.default.createElement(_ScreenReaderText.ScreenReaderText,{id:labelId},label),_react.default.createElement("textarea",{...rest,"data-e2e-test-id":dataE2eTestId,ref:ref,name:name,value:value,placeholder:placeholder,onChange:onChange,rows:rows,...autocompleteAriaProps})),comboboxProps=hasAutocomplete?getComboboxProps({name,labelId,isAutocompleteListOpen}):{};return _react.default.createElement(StyledTextAreaWrapper,comboboxProps,textAreaElm)});

package/build/cjs/components/RadioCard/RadioCard.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"RadioCard",{enumerable:!0,get:function(){return RadioCard}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Inline=require("../Inline/Inline"),_Stack=require("../Stack/Stack"),_Text=require("../Typography/Text/Text"),_Radio=require("../Form/Radio/Radio"),_mixins=require("../../shared/mixins"),CustomStyledRadioContainer=(0,_styled.default)(_Radio.StyledRadioContainer,{target:"e1gnzs790",label:"CustomStyledRadioContainer"})(({theme,checked,disabled,isInteractable})=>({display:"block",backgroundColor:theme.values.color.background.primary.default,borderRadius:theme.variables.size.borderRadius.xs,border:`solid 1px ${theme.values.color.border.secondary.default}`,color:theme.values.color.text.primary.default,padding:theme.variables.size.spacing.m,...isInteractable&&!checked&&{"&:hover":{backgroundColor:theme.values.color.background.secondary.default,borderColor:theme.values.color.border.secondary.default}},...checked&&(0,_mixins.getPressedStyles)({theme}),...disabled&&{opacity:theme.variables.opacity.disabled}})),MinHeight=(0,_styled.default)("div",{target:"e1gnzs791",label:"MinHeight"})(({theme,size})=>({minHeight:`calc(${theme.variables.size.font[size]} * ${(0,_Text.getTextLineHeight)({theme,size})})`,display:"flex",alignItems:"center"})),ReadOnlyOpacity=(0,_styled.default)("div",{target:"e1gnzs792",label:"ReadOnlyOpacity"})(({theme,readOnly})=>({...readOnly&&{opacity:theme.variables.opacity.disabled}})),RadioCard=_react.default.forwardRef(({label,labelHint,checked,disabled,readOnly,renderContent,size="m","data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let textColor=checked?"accent":"primary";return _react.default.createElement(CustomStyledRadioContainer,{as:"label",disabled:disabled,checked:checked,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"RadioCard",isInteractable:!disabled&&!readOnly},_react.default.createElement(_Inline.Inline,{space:"m",alignItems:"spaceBetween",fullWidth:!0,noWrap:!0},_react.default.createElement(_Inline.Inline,{space:"s",fullWidth:!0,noWrap:!0},_react.default.createElement(ReadOnlyOpacity,{readOnly:readOnly&&!disabled},_react.default.createElement(_Radio.RadioRaw,{...rest,ref:ref,disabled:disabled||readOnly,checked:checked,size:size,labelSize:size})),_react.default.createElement(_Stack.Stack,{space:"zero"},_react.default.createElement(_Text.Text,{weight:"bold",color:textColor,size:size},label),_react.default.createElement(_Text.Text,{color:checked?"accent":"tertiary",size:"s"},labelHint))),renderContent&&_react.default.createElement(MinHeight,{size:size},renderContent({isSelected:checked}))))});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"RadioCard",{enumerable:!0,get:function(){return RadioCard}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Inline=require("../Inline/Inline"),_Stack=require("../Stack/Stack"),_Text=require("../Typography/Text/Text"),_Radio=require("../Form/Radio/Radio"),_mixins=require("../../shared/mixins"),CustomStyledRadioContainer=(0,_styled.default)(_Radio.StyledRadioContainer,{target:"e1clkch20",label:"CustomStyledRadioContainer"})(({theme,checked,disabled,isInteractable})=>({display:"block",backgroundColor:theme.values.color.background.primary.default,borderRadius:theme.variables.size.borderRadius.xs,border:`solid 1px ${theme.values.color.border.secondary.default}`,color:theme.values.color.text.primary.default,padding:theme.variables.size.spacing.m,...isInteractable&&!checked&&{"&:hover":{backgroundColor:theme.values.color.background.secondary.default,borderColor:theme.values.color.border.secondary.default}},...checked&&(0,_mixins.getPressedStyles)({theme}),...disabled&&{opacity:theme.variables.opacity.disabled}})),MinHeight=(0,_styled.default)("div",{target:"e1clkch21",label:"MinHeight"})(({theme,size="m"})=>({minHeight:`calc(${theme.variables.size.font[size]} * ${(0,_Text.getTextLineHeight)({theme,size})})`,display:"flex",alignItems:"center"})),ReadOnlyOpacity=(0,_styled.default)("div",{target:"e1clkch22",label:"ReadOnlyOpacity"})(({theme,readOnly})=>({...readOnly&&{opacity:theme.variables.opacity.disabled}})),RadioCard=_react.default.forwardRef(({label,labelHint,checked,disabled,readOnly,renderContent,size="m","data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let textColor=checked?"accent":"primary";return _react.default.createElement(CustomStyledRadioContainer,{as:"label",disabled:disabled,checked:checked,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"RadioCard",isInteractable:!disabled&&!readOnly},_react.default.createElement(_Inline.Inline,{space:"m",alignItems:"spaceBetween",fullWidth:!0,noWrap:!0},_react.default.createElement(_Inline.Inline,{space:"s",fullWidth:!0,noWrap:!0},_react.default.createElement(ReadOnlyOpacity,{readOnly:readOnly&&!disabled},_react.default.createElement(_Radio.RadioRaw,{...rest,ref:ref,disabled:disabled||readOnly,checked:checked,size:size,labelSize:size})),_react.default.createElement(_Stack.Stack,{space:"zero"},_react.default.createElement(_Text.Text,{weight:"bold",color:textColor,size:size},label),_react.default.createElement(_Text.Text,{color:checked?"accent":"tertiary",size:"s"},labelHint))),renderContent&&_react.default.createElement(MinHeight,{size:size},renderContent({isSelected:checked??!1}))))});

package/build/cjs/components/RoundButton/RoundButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"RoundButton",{enumerable:!0,get:function(){return RoundButton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ariaAttributes=require("../../shared/ariaAttributes"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),StyledRoundButton=(0,_styled.default)("button",{target:"e1k0oyrd0",label:"StyledRoundButton"})(({theme,variant,size,disabled})=>({"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},border:0,display:"inline-block",textTransform:"none",textDecoration:"none",borderRadius:"100%",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,padding:theme.variables.size.spacing.xxs,cursor:"pointer",...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"},..."s"===size&&{padding:theme.variables.size.spacing.xs},..."m"===size&&{padding:theme.variables.size.spacing.s},..."primary"===variant&&{backgroundColor:theme.values.color.background.accent.default,color:theme.values.color.text.onAccent.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.accent.hover},"&:active":{backgroundColor:theme.values.color.background.accent.active}}},..."secondary"===variant&&{border:"2px solid",color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.default,borderColor:theme.values.color.border.secondary.default,padding:`${parseInt(theme.variables.size.spacing.xxs,10)-2}px`,..."s"===size&&{padding:`${parseInt(theme.variables.size.spacing.xs,10)-2}px`},..."m"===size&&{padding:`${parseInt(theme.variables.size.spacing.s,10)-2}px`},...!disabled&&{"&:hover":{borderColor:theme.values.color.border.secondary.hover,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{borderColor:theme.values.color.border.secondary.active}}},..."tertiary"===variant&&{color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.default,...!disabled&&{"&:hover":{color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.text.primary.default,backgroundColor:theme.values.color.background.transparent.active}}}})),RoundButton=_react.default.forwardRef(({ariaAttributes,onClick,onFocus,onBlur,type="button",disabled,variant="tertiary",size="s",as,icon,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let mergedAriaAttributes=(0,_ariaAttributes.getAriaAttributes)(rest,ariaAttributes),handleClick=(0,_react.useCallback)(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]);return _react.default.createElement(StyledRoundButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"RoundButton",as:as,variant:variant,size:size,disabled:disabled,type:"a"===as?void 0:type,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...rest,...mergedAriaAttributes},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"center",space:"xxs",noWrap:!0},icon&&_react.default.createElement(_Icon.Icon,{size:"s",name:icon,"data-testid":icon,"data-e2e-test-id":icon})))});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"RoundButton",{enumerable:!0,get:function(){return RoundButton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_forwardRefPolymorphic=require("../../shared/forwardRefPolymorphic"),_ariaAttributes=require("../../shared/ariaAttributes"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),StyledRoundButton=(0,_styled.default)("button",{target:"e5igjiq0",label:"StyledRoundButton"})(({theme,variant,size,disabled})=>({"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},border:0,display:"inline-block",textTransform:"none",textDecoration:"none",borderRadius:"100%",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,padding:theme.variables.size.spacing.xxs,cursor:"pointer",...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"},..."s"===size&&{padding:theme.variables.size.spacing.xs},..."m"===size&&{padding:theme.variables.size.spacing.s},..."primary"===variant&&{backgroundColor:theme.values.color.background.accent.default,color:theme.values.color.text.onAccent.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.accent.hover},"&:active":{backgroundColor:theme.values.color.background.accent.active}}},..."secondary"===variant&&{border:"2px solid",color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.default,borderColor:theme.values.color.border.secondary.default,padding:`${parseInt(theme.variables.size.spacing.xxs,10)-2}px`,..."s"===size&&{padding:`${parseInt(theme.variables.size.spacing.xs,10)-2}px`},..."m"===size&&{padding:`${parseInt(theme.variables.size.spacing.s,10)-2}px`},...!disabled&&{"&:hover":{borderColor:theme.values.color.border.secondary.hover,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{borderColor:theme.values.color.border.secondary.active}}},..."tertiary"===variant&&{color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.default,...!disabled&&{"&:hover":{color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.text.primary.default,backgroundColor:theme.values.color.background.transparent.active}}}})),RoundButton=(0,_forwardRefPolymorphic.forwardRefPolymorphic)(({ariaAttributes,onClick,onFocus,onBlur,type="button",disabled,variant="tertiary",size="s",as,icon,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let mergedAriaAttributes=(0,_ariaAttributes.getAriaAttributes)(rest,ariaAttributes),handleClick=(0,_react.useCallback)(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]);return _react.default.createElement(StyledRoundButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"RoundButton",as:as,variant:variant,size:size,disabled:disabled,type:"a"===as?void 0:type??void 0,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...rest,...mergedAriaAttributes},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"center",space:"xxs",noWrap:!0},icon&&_react.default.createElement(_Icon.Icon,{size:"s",name:icon,"data-testid":icon,"data-e2e-test-id":icon})))});

package/build/cjs/components/SearchResult/SearchResult.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"SearchResult",{enumerable:!0,get:function(){return SearchResult}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Columns=require("../Column/Columns"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),_Stack=require("../Stack/Stack"),_StyledText=require("../Typography/StyledText/StyledText"),_Badge=require("../Badge/Badge"),_TextClamped=require("../Typography/TextClamped/TextClamped"),_Text=require("../Typography/Text/Text"),StyledResultContainer=(0,_styled.default)("div",{target:"ejj4x3a0",label:"StyledResultContainer"})(()=>({position:"relative",textDecoration:"none"})),StyledLinkTitle=(0,_styled.default)("div",{target:"ejj4x3a1",label:"StyledLinkTitle"})(({theme})=>({color:theme.values.color.text.accent.default})),StyledLinkContainerOnHover=(0,_styled.default)("div",{target:"ejj4x3a2",label:"StyledLinkContainerOnHover"})(({theme})=>({"> a":{textDecoration:"none",color:theme.values.color.text.accent.default},"&:hover":{[`${StyledLinkTitle}`]:{textDecoration:"underline"}}})),StyledSecLinkTitle=(0,_styled.default)("span",{target:"ejj4x3a3",label:"StyledSecLinkTitle"})(({theme})=>({display:"list-item",marginLeft:theme.variables.size.spacing.m,paddingTop:theme.variables.size.spacing.xxxs,paddingBottom:theme.variables.size.spacing.xxxs,"&:hover":{"> span":{textDecoration:"underline",color:theme.values.color.text.primary.default}}})),StyledSecLinkContainerOnHover=(0,_styled.default)("div",{target:"ejj4x3a4",label:"StyledSecLinkContainerOnHover"})(({theme})=>({"> a":{textDecoration:"none",color:theme.values.color.text.tertiary.default},"&:hover":{[`${StyledSecLinkTitle}`]:{color:theme.values.color.text.tertiary.default}}})),SecondaryTargets=({data})=>_react.default.createElement(_react.default.Fragment,null,data.map(({title,link:SecLink,body,"data-e2e-test-id":dataE2eTestId},i)=>{let key=`${title}-${i}`;return _react.default.createElement(StyledSecLinkContainerOnHover,{key:key,"data-e2e-test-id":dataE2eTestId},_react.default.createElement(SecLink,null,_react.default.createElement(StyledSecLinkTitle,null,_react.default.createElement(_Text.Text,{size:"m",color:"primary",as:"span"},_react.default.createElement(_StyledText.StyledText,null,title))),body&&_react.default.createElement(_TextClamped.TextClamped,{size:"s",color:"tertiary",lines:2},_react.default.createElement(_StyledText.StyledText,null,body))))})),BadgeWithBottomPadding=(0,_styled.default)("div",{target:"ejj4x3a5",label:"BadgeWithBottomPadding"})(({theme})=>({paddingBottom:theme.variables.size.spacing.xxxs}));function SearchResult({title,subtitle,icon,details,body,secondaryTargets,link,labels,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let containerRef=(0,_react.useRef)(null),spacing=subtitle||labels?.length?"xxs":"zero";return _react.default.createElement(StyledResultContainer,{ref:containerRef,"data-ds-id":"SearchResult",...ariaAttributes},_react.default.createElement(_Columns.Columns,{gap:"m"},icon&&_react.default.createElement(_Columns.Column,{size:"narrow"},_react.default.createElement(_Icon.Icon,{name:icon,color:"tertiary"})),_react.default.createElement(_Columns.Column,{size:"fill"},_react.default.createElement(_Stack.Stack,{space:"xxs"},_react.default.createElement(StyledLinkContainerOnHover,{"data-e2e-test-id":dataE2eTestId},_react.default.createElement(link,null,_react.default.createElement(_Stack.Stack,{space:spacing},_react.default.createElement(_Columns.Columns,{gap:"xxs"},_react.default.createElement(_Columns.Column,{size:[12,12,"fill"]},_react.default.createElement(StyledLinkTitle,null,_react.default.createElement(_Stack.Stack,{space:"zero"},_react.default.createElement(_TextClamped.TextClamped,{color:"accent",weight:"bold",lines:3,hyphens:"auto"},_react.default.createElement(_StyledText.StyledText,null,title)),subtitle&&_react.default.createElement(_TextClamped.TextClamped,{color:"accent",lines:3,size:"s"},_react.default.createElement(_StyledText.StyledText,null,subtitle))))),labels&&!!labels.length&&_react.default.createElement(_Columns.Column,{size:"narrow"},_react.default.createElement(_Inline.Inline,{space:"xs"},labels.map((label,i)=>{let key=`${i}${label}`;return _react.default.createElement(BadgeWithBottomPadding,{key:key},_react.default.createElement(_Badge.Badge,{text:label}))})))),_react.default.createElement(_Stack.Stack,{space:"xxs"},details&&!!details.length&&_react.default.createElement(_Stack.Stack,{space:"zero"},details.slice(0,3).map(detail=>_react.default.createElement(_TextClamped.TextClamped,{color:"primary",size:"s",key:detail,lines:3},_react.default.createElement(_StyledText.StyledText,null,detail)))),body&&_react.default.createElement(_TextClamped.TextClamped,{size:"s",lines:2},_react.default.createElement(_StyledText.StyledText,null,body)))))),secondaryTargets&&!!secondaryTargets.length&&_react.default.createElement(SecondaryTargets,{data:secondaryTargets})))))}SearchResult.defaultProps={icon:null,details:[],body:null,secondaryTargets:[],labels:[],"data-e2e-test-id":void 0};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"SearchResult",{enumerable:!0,get:function(){return SearchResult}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Columns=require("../Column/Columns"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),_Stack=require("../Stack/Stack"),_StyledText=require("../Typography/StyledText/StyledText"),_Badge=require("../Badge/Badge"),_TextClamped=require("../Typography/TextClamped/TextClamped"),_Text=require("../Typography/Text/Text"),StyledResultContainer=(0,_styled.default)("div",{target:"enm6m950",label:"StyledResultContainer"})(()=>({position:"relative",textDecoration:"none"})),StyledLinkTitle=(0,_styled.default)("div",{target:"enm6m951",label:"StyledLinkTitle"})(({theme})=>({color:theme.values.color.text.accent.default})),StyledLinkContainerOnHover=(0,_styled.default)("div",{target:"enm6m952",label:"StyledLinkContainerOnHover"})(({theme})=>({"> a":{textDecoration:"none",color:theme.values.color.text.accent.default},"&:hover":{[`${StyledLinkTitle}`]:{textDecoration:"underline"}}})),StyledSecLinkTitle=(0,_styled.default)("span",{target:"enm6m953",label:"StyledSecLinkTitle"})(({theme})=>({display:"list-item",marginLeft:theme.variables.size.spacing.m,paddingTop:theme.variables.size.spacing.xxxs,paddingBottom:theme.variables.size.spacing.xxxs,"&:hover":{"> span":{textDecoration:"underline",color:theme.values.color.text.primary.default}}})),StyledSecLinkContainerOnHover=(0,_styled.default)("div",{target:"enm6m954",label:"StyledSecLinkContainerOnHover"})(({theme})=>({"> a":{textDecoration:"none",color:theme.values.color.text.tertiary.default},"&:hover":{[`${StyledSecLinkTitle}`]:{color:theme.values.color.text.tertiary.default}}})),SecondaryTargets=({data})=>_react.default.createElement(_react.default.Fragment,null,data.map(({title,link:SecLink,body,"data-e2e-test-id":dataE2eTestId},i)=>{let key=`${title}-${i}`;return _react.default.createElement(StyledSecLinkContainerOnHover,{key:key,"data-e2e-test-id":dataE2eTestId},_react.default.createElement(SecLink,null,_react.default.createElement(StyledSecLinkTitle,null,_react.default.createElement(_Text.Text,{size:"m",color:"primary",as:"span"},_react.default.createElement(_StyledText.StyledText,null,title))),body&&_react.default.createElement(_TextClamped.TextClamped,{size:"s",color:"tertiary",lines:2},_react.default.createElement(_StyledText.StyledText,null,body))))})),BadgeWithBottomPadding=(0,_styled.default)("div",{target:"enm6m955",label:"BadgeWithBottomPadding"})(({theme})=>({paddingBottom:theme.variables.size.spacing.xxxs}));function SearchResult({title,subtitle,icon,details,body,secondaryTargets,link,labels,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let containerRef=(0,_react.useRef)(null),spacing=subtitle||labels?.length?"xxs":"zero";return _react.default.createElement(StyledResultContainer,{ref:containerRef,"data-ds-id":"SearchResult",...ariaAttributes},_react.default.createElement(_Columns.Columns,{gap:"m"},icon&&_react.default.createElement(_Columns.Column,{size:"narrow"},_react.default.createElement(_Icon.Icon,{name:icon,color:"tertiary"})),_react.default.createElement(_Columns.Column,{size:"fill"},_react.default.createElement(_Stack.Stack,{space:"xxs"},_react.default.createElement(StyledLinkContainerOnHover,{"data-e2e-test-id":dataE2eTestId},_react.default.createElement(link,null,_react.default.createElement(_Stack.Stack,{space:spacing},_react.default.createElement(_Columns.Columns,{gap:"xxs"},_react.default.createElement(_Columns.Column,{size:[12,12,"fill"]},_react.default.createElement(StyledLinkTitle,null,_react.default.createElement(_Stack.Stack,{space:"zero"},_react.default.createElement(_TextClamped.TextClamped,{color:"accent",weight:"bold",lines:3,hyphens:"auto"},_react.default.createElement(_StyledText.StyledText,null,title)),subtitle&&_react.default.createElement(_TextClamped.TextClamped,{color:"accent",lines:3,size:"s"},_react.default.createElement(_StyledText.StyledText,null,subtitle))))),labels&&!!labels.length&&_react.default.createElement(_Columns.Column,{size:"narrow"},_react.default.createElement(_Inline.Inline,{space:"xs"},labels.map((label,i)=>{let key=`${i}${label}`;return _react.default.createElement(BadgeWithBottomPadding,{key:key},_react.default.createElement(_Badge.Badge,{text:label}))})))),_react.default.createElement(_Stack.Stack,{space:"xxs"},details&&!!details.length&&_react.default.createElement(_Stack.Stack,{space:"zero"},details.slice(0,3).map(detail=>_react.default.createElement(_TextClamped.TextClamped,{color:"primary",size:"s",key:detail,lines:3},_react.default.createElement(_StyledText.StyledText,null,detail)))),body&&_react.default.createElement(_TextClamped.TextClamped,{size:"s",lines:2},_react.default.createElement(_StyledText.StyledText,null,body)))))),secondaryTargets&&!!secondaryTargets.length&&_react.default.createElement(SecondaryTargets,{data:secondaryTargets})))))}SearchResult.defaultProps={icon:void 0,details:[],body:void 0,secondaryTargets:[],labels:[],"data-e2e-test-id":void 0};

package/build/cjs/components/SegmentedProgressBar/-utils/getPercentagesForVariants.d.ts

@@ -1,5 +1,7 @@
 import type { ValuesVariant, Value, StyleVariant } from "../-types";
-export declare const getPercentagesForVariants: (maxValue: number, values: Partial<Record<ValuesVariant, Value>>) => {
+type VariantPercentage = {
     percentage: number;
     variant: StyleVariant;
-}[];
+};
+export declare const getPercentagesForVariants: (maxValue: number, values: Partial<Record<ValuesVariant, Value>>) => VariantPercentage[];
+export {};

package/build/cjs/components/SegmentedProgressBar/-utils/getPercentagesForVariants.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"getPercentagesForVariants",{enumerable:!0,get:function(){return getPercentagesForVariants}});const _constants=require("../-constants"),getPercentagesForVariants=(maxValue,values)=>{let result=_constants.variants.map(variant=>{let percentage=100*values[variant]/maxValue;return percentage>0?{percentage,variant:variant}:null}),usedPercentage=result.reduce((currentValue,item)=>currentValue+(item?item.percentage:0),0);return usedPercentage<100&&result.push({percentage:100-usedPercentage,variant:"empty"}),result.filter(Boolean)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"getPercentagesForVariants",{enumerable:!0,get:function(){return getPercentagesForVariants}});const _constants=require("../-constants"),getPercentagesForVariants=(maxValue,values)=>{let result=_constants.variants.map(variant=>{let percentage=100*(values[variant]??0)/maxValue;return percentage>0?{percentage,variant:variant}:null}),usedPercentage=result.reduce((currentValue,item)=>currentValue+(item?item.percentage:0),0);return usedPercentage<100&&result.push({percentage:100-usedPercentage,variant:"empty"}),result.filter(item=>null!==item)};

package/build/cjs/components/SegmentedProgressBar/LegendPopover.d.ts

@@ -6,6 +6,7 @@ type LegendPopoverProps = {
         variant: StyleVariant;
     }[];
     monochrome: boolean;
-} & Pick<SegmentedProgressBarProps, "getTooltipText" | "tooltipProps">;
+    getTooltipText: NonNullable<SegmentedProgressBarProps["getTooltipText"]>;
+} & Pick<SegmentedProgressBarProps, "tooltipProps">;
 export declare function LegendPopover({ percentages, getTooltipText, monochrome, tooltipProps: { triggerAriaLabel, portalContainer }, }: LegendPopoverProps): React.ReactElement;
 export {};

package/build/cjs/components/SegmentedProgressBar/LegendPopover.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"LegendPopover",{enumerable:!0,get:function(){return LegendPopover}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_PictogramButton=require("../PictogramButton/PictogramButton"),_Popover=require("../Popover/Popover"),_Text=require("../Typography/Text/Text"),_Box=require("../Box/Box"),_Inline=require("../Inline/Inline"),_Stack=require("../Stack/Stack"),_getBackgroundColor=require("./-utils/getBackgroundColor"),StyledKey=(0,_styled.default)("div",{target:"e1liqb4f0",label:"StyledKey"})(({theme,variant,monochrome})=>({width:theme.variables.size.dimension.legendKey.width,height:theme.variables.size.dimension.legendKey.width,borderRadius:theme.variables.size.borderRadius.full,backgroundColor:(0,_getBackgroundColor.getBackgroundColor)(theme,variant,monochrome)}));function LegendPopover({percentages,getTooltipText,monochrome,tooltipProps:{triggerAriaLabel,portalContainer}}){let content=_react.default.createElement(_Box.Box,{space:"m","data-e2e-test-id":"tooltipContent"},_react.default.createElement(_Stack.Stack,{space:"xs"},percentages.map(({percentage,variant})=>_react.default.createElement(_Inline.Inline,{space:"xs",vAlignItems:"center",key:variant},_react.default.createElement(StyledKey,{variant:variant,monochrome:monochrome,"aria-hidden":!0}),_react.default.createElement(_Text.Text,{size:"s",color:"secondary"},getTooltipText({percentage,variant}))))));return _react.default.createElement(_Popover.Popover,{content:content,portalContainer:portalContainer,defaultVerticalPlacement:"top"},_react.default.createElement(_PictogramButton.PictogramButton,{icon:"help-circle",size:"xs","aria-label":triggerAriaLabel}))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"LegendPopover",{enumerable:!0,get:function(){return LegendPopover}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_PictogramButton=require("../PictogramButton/PictogramButton"),_Popover=require("../Popover/Popover"),_Text=require("../Typography/Text/Text"),_Box=require("../Box/Box"),_Inline=require("../Inline/Inline"),_Stack=require("../Stack/Stack"),_getBackgroundColor=require("./-utils/getBackgroundColor"),StyledKey=(0,_styled.default)("div",{target:"e1ah9t590",label:"StyledKey"})(({theme,variant,monochrome})=>({width:theme.variables.size.dimension.legendKey.width,height:theme.variables.size.dimension.legendKey.width,borderRadius:theme.variables.size.borderRadius.full,backgroundColor:(0,_getBackgroundColor.getBackgroundColor)(theme,variant,monochrome)}));function LegendPopover({percentages,getTooltipText,monochrome,tooltipProps:{triggerAriaLabel="More information",portalContainer}={}}){let content=_react.default.createElement(_Box.Box,{space:"m","data-e2e-test-id":"tooltipContent"},_react.default.createElement(_Stack.Stack,{space:"xs"},percentages.map(({percentage,variant})=>_react.default.createElement(_Inline.Inline,{space:"xs",vAlignItems:"center",key:variant},_react.default.createElement(StyledKey,{variant:variant,monochrome:monochrome,"aria-hidden":!0}),_react.default.createElement(_Text.Text,{size:"s",color:"secondary"},getTooltipText({percentage,variant}))))));return _react.default.createElement(_Popover.Popover,{content:content,portalContainer:portalContainer,defaultVerticalPlacement:"top"},_react.default.createElement(_PictogramButton.PictogramButton,{icon:"help-circle",size:"xs","aria-label":triggerAriaLabel}))}

package/build/cjs/components/SegmentedProgressBar/SegmentedProgressBar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"SegmentedProgressBar",{enumerable:!0,get:function(){return SegmentedProgressBar}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_getBackgroundColor=require("./-utils/getBackgroundColor"),_sanitizeInputValues=require("./-utils/sanitizeInputValues"),_getPercentagesForVariants=require("./-utils/getPercentagesForVariants"),_getTotalFilledValue=require("./-utils/getTotalFilledValue"),_LegendPopover=require("./LegendPopover"),StyledProgressBarContainer=(0,_styled.default)("div",{target:"e1ou528a0",label:"StyledProgressBarContainer"})(({theme,squareCorners,weight})=>({width:"100%",lineHeight:0,backgroundColor:theme.values.color.background.placeholder.default,...!squareCorners&&{borderRadius:theme.variables.size.borderRadius.xs},height:"thin"===weight?theme.variables.size.spacing.xxs:theme.variables.size.spacing.xs,position:"relative"})),StyledSegment=(0,_styled.default)("div",{target:"e1ou528a1",label:"StyledSegment"})(({theme,styleVariant,percentage,monochrome,filledPercentage})=>({height:"100%",backgroundColor:(0,_getBackgroundColor.getBackgroundColor)(theme,styleVariant,monochrome),width:`${percentage/filledPercentage*100}%`,minWidth:4,"&:first-of-type":{borderTopLeftRadius:"inherit",borderBottomLeftRadius:"inherit"},"&:last-of-type":{borderTopRightRadius:"inherit",borderBottomRightRadius:"inherit"}})),StyledSegmentContainer=(0,_styled.default)("div",{target:"e1ou528a2",label:"StyledSegmentContainer"})(({theme,filledPercentage})=>({width:`${filledPercentage}%`,minWidth:"fit-content",display:"flex",flexDirection:"row",gap:theme.variables.size.spacing.xxxs,backgroundColor:theme.values.color.background.primary.default,borderRadius:"inherit",height:"100%"})),StyledProgressElement=(0,_styled.default)("progress",{target:"e1ou528a3",label:"StyledProgressElement"})(({theme})=>({appearance:"none",height:1,width:1,margin:-1,overflow:"hidden",padding:0,opacity:theme.variables.opacity.hidden,position:"absolute"})),StyledContainer=(0,_styled.default)("div",{target:"e1ou528a4",label:"StyledContainer"})(({theme})=>({width:"100%",display:"flex",gap:theme.variables.size.spacing.xs,alignItems:"center"}));function SegmentedProgressBar({maxValue,values,weight="fat",squareCorners=!1,getTooltipText,tooltipProps={triggerAriaLabel:"More information"},privateProps:{monochrome}={monochrome:!1},"data-e2e-test-id":dataE2eTestId,id,...ariaAttributes}){let{sanitizedMaxValue,sanitizedValues}=(0,_sanitizeInputValues.sanitizeInputValues)(maxValue,values),percentages=(0,_getPercentagesForVariants.getPercentagesForVariants)(sanitizedMaxValue,sanitizedValues),totalFilledValue=(0,_getTotalFilledValue.getTotalFilledValue)(sanitizedValues),filledSegmentPercentages=percentages.filter(({variant})=>"empty"!==variant),filledPercentage=filledSegmentPercentages.reduce((currentValue,item)=>currentValue+item.percentage,0),segments=filledPercentage?_react.default.createElement(StyledSegmentContainer,{filledPercentage:filledPercentage,"data-e2e-test-id":"segmentContainer"},filledSegmentPercentages.map(({percentage,variant})=>_react.default.createElement(StyledSegment,{key:variant,"data-e2e-test-id":variant,styleVariant:variant,monochrome:monochrome,percentage:percentage,filledPercentage:filledPercentage}))):null;return _react.default.createElement(StyledContainer,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"SegmentedProgressBar"},_react.default.createElement(StyledProgressBarContainer,{squareCorners:squareCorners,weight:weight,"data-e2e-test-id":"progressBarContainer"},_react.default.createElement(StyledProgressElement,{max:sanitizedMaxValue,value:totalFilledValue,id:id,...ariaAttributes}),segments),!!getTooltipText&&_react.default.createElement(_LegendPopover.LegendPopover,{percentages:percentages,getTooltipText:getTooltipText,tooltipProps:tooltipProps,monochrome:monochrome}))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"SegmentedProgressBar",{enumerable:!0,get:function(){return SegmentedProgressBar}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_getBackgroundColor=require("./-utils/getBackgroundColor"),_sanitizeInputValues=require("./-utils/sanitizeInputValues"),_getPercentagesForVariants=require("./-utils/getPercentagesForVariants"),_getTotalFilledValue=require("./-utils/getTotalFilledValue"),_LegendPopover=require("./LegendPopover"),StyledProgressBarContainer=(0,_styled.default)("div",{target:"eprpznh0",label:"StyledProgressBarContainer"})(({theme,squareCorners,weight})=>({width:"100%",lineHeight:0,backgroundColor:theme.values.color.background.placeholder.default,...!squareCorners&&{borderRadius:theme.variables.size.borderRadius.xs},height:"thin"===weight?theme.variables.size.spacing.xxs:theme.variables.size.spacing.xs,position:"relative"})),StyledSegment=(0,_styled.default)("div",{target:"eprpznh1",label:"StyledSegment"})(({theme,styleVariant,percentage,monochrome,filledPercentage})=>({height:"100%",backgroundColor:(0,_getBackgroundColor.getBackgroundColor)(theme,styleVariant,monochrome),width:`${percentage/filledPercentage*100}%`,minWidth:4,"&:first-of-type":{borderTopLeftRadius:"inherit",borderBottomLeftRadius:"inherit"},"&:last-of-type":{borderTopRightRadius:"inherit",borderBottomRightRadius:"inherit"}})),StyledSegmentContainer=(0,_styled.default)("div",{target:"eprpznh2",label:"StyledSegmentContainer"})(({theme,filledPercentage})=>({width:`${filledPercentage}%`,minWidth:"fit-content",display:"flex",flexDirection:"row",gap:theme.variables.size.spacing.xxxs,backgroundColor:theme.values.color.background.primary.default,borderRadius:"inherit",height:"100%"})),StyledProgressElement=(0,_styled.default)("progress",{target:"eprpznh3",label:"StyledProgressElement"})(({theme})=>({appearance:"none",height:1,width:1,margin:-1,overflow:"hidden",padding:0,opacity:theme.variables.opacity.hidden,position:"absolute"})),StyledContainer=(0,_styled.default)("div",{target:"eprpznh4",label:"StyledContainer"})(({theme})=>({width:"100%",display:"flex",gap:theme.variables.size.spacing.xs,alignItems:"center"}));function SegmentedProgressBar({maxValue,values,weight="fat",squareCorners=!1,getTooltipText,tooltipProps={triggerAriaLabel:"More information"},privateProps:{monochrome=!1}={},"data-e2e-test-id":dataE2eTestId,id,...ariaAttributes}){let{sanitizedMaxValue,sanitizedValues}=(0,_sanitizeInputValues.sanitizeInputValues)(maxValue,values),percentages=(0,_getPercentagesForVariants.getPercentagesForVariants)(sanitizedMaxValue,sanitizedValues),totalFilledValue=(0,_getTotalFilledValue.getTotalFilledValue)(sanitizedValues),filledSegmentPercentages=percentages.filter(({variant})=>"empty"!==variant),filledPercentage=filledSegmentPercentages.reduce((currentValue,item)=>currentValue+item.percentage,0),segments=filledPercentage?_react.default.createElement(StyledSegmentContainer,{filledPercentage:filledPercentage,"data-e2e-test-id":"segmentContainer"},filledSegmentPercentages.map(({percentage,variant})=>_react.default.createElement(StyledSegment,{key:variant,"data-e2e-test-id":variant,styleVariant:variant,monochrome:monochrome,percentage:percentage,filledPercentage:filledPercentage}))):null;return _react.default.createElement(StyledContainer,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"SegmentedProgressBar"},_react.default.createElement(StyledProgressBarContainer,{squareCorners:squareCorners,weight:weight,"data-e2e-test-id":"progressBarContainer"},_react.default.createElement(StyledProgressElement,{max:sanitizedMaxValue,value:totalFilledValue,id:id,...ariaAttributes}),segments),getTooltipText&&_react.default.createElement(_LegendPopover.LegendPopover,{percentages:percentages,getTooltipText:getTooltipText,tooltipProps:tooltipProps,monochrome:monochrome}))}

package/build/cjs/components/ShadowWebComponent/ShadowWebComponent.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ShadowWebComponent",{enumerable:!0,get:function(){return ShadowWebComponent}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_client=require("react-dom/client"),_index=require("../../index");class SuchShadow extends HTMLElement{get theme(){return this.themeValue}set theme(value){this.themeValue=value,this.setAttribute("theme",value)}connectedCallback(){this.attachShadow({mode:"open"});let emotionCache=(0,_index.createCache)({key:"shadow-css",container:this.shadowRoot});(0,_client.createRoot)(this.shadowRoot).render(_react.default.createElement(_index.ThemeProvider,{theme:"light-theme"===this.theme?_index.light:_index.dark},_react.default.createElement(_index.CacheProvider,{value:emotionCache},_react.default.createElement(_index.Card,null,_react.default.createElement(_index.CardBox,null,_react.default.createElement(_index.H1,null,"I love you shadow unicorn!!!"),_react.default.createElement(_index.H2,null,"I love you shadow unicorn!!!"),_react.default.createElement(_index.H3,null,"I love you shadow unicorn!!!"),_react.default.createElement(_index.H4,null,"I love you shadow unicorn!!!"))))))}constructor(...args){super(...args),this.themeValue="light-theme"}}function ShadowWebComponent({theme}){return _react.default.createElement("shadow-element",{theme},null)}"undefined"==typeof customElements||customElements.get("shadow-element")||customElements.define("shadow-element",SuchShadow);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ShadowWebComponent",{enumerable:!0,get:function(){return ShadowWebComponent}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_client=require("react-dom/client"),_index=require("../../index");class SuchShadow extends HTMLElement{get theme(){return this.themeValue}set theme(value){this.themeValue=value,this.setAttribute("theme",value)}connectedCallback(){let shadowRoot=this.attachShadow({mode:"open"}),emotionCache=(0,_index.createCache)({key:"shadow-css",container:shadowRoot});(0,_client.createRoot)(shadowRoot).render(_react.default.createElement(_index.ThemeProvider,{theme:"light-theme"===this.theme?_index.light:_index.dark},_react.default.createElement(_index.CacheProvider,{value:emotionCache},_react.default.createElement(_index.Card,null,_react.default.createElement(_index.CardBox,null,_react.default.createElement(_index.H1,null,"I love you shadow unicorn!!!"),_react.default.createElement(_index.H2,null,"I love you shadow unicorn!!!"),_react.default.createElement(_index.H3,null,"I love you shadow unicorn!!!"),_react.default.createElement(_index.H4,null,"I love you shadow unicorn!!!"))))))}constructor(...args){super(...args),this.themeValue="light-theme"}}function ShadowWebComponent({theme}){return _react.default.createElement("shadow-element",{theme},null)}"undefined"==typeof customElements||customElements.get("shadow-element")||customElements.define("shadow-element",SuchShadow);

package/build/cjs/components/Sheet/Sheet.d.ts

@@ -17,4 +17,4 @@ export type SheetProps = {
     role?: PopupRole;
 };
 export declare const SHEET_MAX_HEIGHT = "80svh";
-export declare function Sheet({ id, children, hasBackdrop, isVisible, onClose, onUnmount, portalContainer, dismissOnOutsideClick, disableInitialFocus, disableReturnFocusToTrigger, onClickOutsideDeactivates, "data-e2e-test-id": dataE2eTestId, role, ...ariaAttributes }: SheetProps): React.ReactElement;
+export declare function Sheet({ id, children, hasBackdrop, isVisible, onClose, onUnmount, portalContainer, dismissOnOutsideClick, disableInitialFocus, disableReturnFocusToTrigger, onClickOutsideDeactivates, "data-e2e-test-id": dataE2eTestId, role, ...ariaAttributes }: SheetProps): React.ReactElement | null;