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

package/build/cjs/components/AIButton/AIButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AIButton",{enumerable:!0,get:function(){return AIButton}});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")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_react1=require("@emotion/react"),_getAIButtonStyles=require("../../shared/mixins/Button/getAIButtonStyles"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),_mixins=require("../../shared/mixins"),StyledButton=(0,_styled.default)("button",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"loading"!==prop,target:"e1xt75qs0",label:"StyledButton"})(({theme,fullWidth,size,variant,disabled,loading})=>({...(0,_mixins.getButtonAppearanceReset)(),...(0,_mixins.getBaseButtonStyles)({theme,size}),..."primary"===variant&&{...(0,_mixins.getPrimaryVariantStyles)({theme,disabled,size}),backgroundColor:theme.values.color.background.ai.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.ai.hover},"&:active":{backgroundColor:theme.values.color.background.ai.active}},...loading&&{color:theme.values.color.icon.ai.default,backgroundColor:theme.values.color.background.ai.disabled}},..."secondary"===variant&&{...(0,_mixins.getSecondaryVariantStyles)({theme,disabled,size}),borderColor:theme.values.color.border.ai.default,color:theme.values.color.text.ai.default,...!disabled&&{"&:hover":{borderColor:theme.values.color.border.ai.default,backgroundColor:theme.values.color.background.ai.transparent.hover},"&:active":{borderColor:theme.values.color.border.ai.default,backgroundColor:theme.values.color.background.ai.transparent.active}},...loading&&{borderColor:theme.values.color.border.ai.disabled}},..."tertiary"===variant&&{...(0,_mixins.getTertiaryVariantStyles)({theme,disabled,size}),fontSize:theme.variables.size.font.xs,letterSpacing:theme.variables.size.letterSpacing.s,lineHeight:theme.variables.size.lineHeight.m,textTransform:"uppercase",color:theme.values.color.icon.ai.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.ai.transparent.hover},"&:active":{backgroundColor:theme.values.color.background.ai.transparent.active}}},..."gradient"===variant&&{...(0,_getAIButtonStyles.getGradientAnimation)({theme,disabled}),color:theme.values.color.text.onAccent.default,...loading&&{...(0,_mixins.getDisabledStyles)({theme})}},...disabled&&{...!loading&&{...(0,_mixins.getDisabledStyles)({theme})},cursor:"not-allowed"},...fullWidth&&{width:"100%"}})),StyledInner=(0,_styled.default)("div",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"loading"!==prop,target:"e1xt75qs1",label:"StyledInner"})(({loading})=>loading&&{color:"transparent"}),StyledLoaderWrap=(0,_styled.default)("div",{target:"e1xt75qs2",label:"StyledLoaderWrap"})({position:"relative",width:"100%",height:"100%",top:0,left:0,display:"flex",justifyContent:"center"}),rotation=(0,_react1.keyframes)({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},"label:rotation"),StyledLoader=(0,_styled.default)("div",{target:"e1xt75qs3",label:"StyledLoader"})({position:"absolute",animation:`${rotation} 1s infinite linear`}),AIButton=_react.default.forwardRef(({"data-e2e-test-id":dataE2eTestId,as,children,disabled=!1,fullWidth=!1,leftIcon,loading=!1,onBlur,onClick,onFocus,rightIcon,size="m",type="button",variant="primary",...rest},ref)=>{let handleClick=(0,_react.useCallback)(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]),rightIconElm=rightIcon?_react.default.createElement(_Icon.Icon,{size:"s",name:rightIcon,"data-testid":rightIcon,"data-e2e-test-id":rightIcon,"aria-hidden":!0}):null;return _react.default.createElement(StyledButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"AIButton",as:as,disabled:disabled||loading,loading:loading,type:as&&"button"!==as?void 0:type,fullWidth:fullWidth,variant:variant,size:size,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...rest},loading&&_react.default.createElement(StyledLoaderWrap,null,_react.default.createElement(StyledLoader,null,_react.default.createElement(_Icon.Icon,{"aria-hidden":!0,size:"s",name:"loader","data-testid":"loader","data-e2e-test-id":"loader"}))),_react.default.createElement(StyledInner,{loading:loading},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"center",space:"s"===size?"xxs":"xs",noWrap:!0},leftIcon&&_react.default.createElement(_Icon.Icon,{"aria-hidden":!0,size:"s",name:leftIcon,"data-testid":leftIcon,"data-e2e-test-id":leftIcon}),children,rightIconElm)))});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AIButton",{enumerable:!0,get:function(){return AIButton}});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")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_react1=require("@emotion/react"),_forwardRefPolymorphic=require("../../shared/forwardRefPolymorphic"),_getAIButtonStyles=require("../../shared/mixins/Button/getAIButtonStyles"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),_mixins=require("../../shared/mixins"),StyledButton=(0,_styled.default)("button",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"loading"!==prop,target:"e5nysfh0",label:"StyledButton"})(({theme,fullWidth,size,variant,disabled=!1,loading})=>({...(0,_mixins.getButtonAppearanceReset)(),...(0,_mixins.getBaseButtonStyles)({theme,size}),..."primary"===variant&&{...(0,_mixins.getPrimaryVariantStyles)({theme,disabled,size}),backgroundColor:theme.values.color.background.ai.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.ai.hover},"&:active":{backgroundColor:theme.values.color.background.ai.active}},...loading&&{color:theme.values.color.icon.ai.default,backgroundColor:theme.values.color.background.ai.disabled}},..."secondary"===variant&&{...(0,_mixins.getSecondaryVariantStyles)({theme,disabled,size}),borderColor:theme.values.color.border.ai.default,color:theme.values.color.text.ai.default,...!disabled&&{"&:hover":{borderColor:theme.values.color.border.ai.default,backgroundColor:theme.values.color.background.ai.transparent.hover},"&:active":{borderColor:theme.values.color.border.ai.default,backgroundColor:theme.values.color.background.ai.transparent.active}},...loading&&{borderColor:theme.values.color.border.ai.disabled}},..."tertiary"===variant&&{...(0,_mixins.getTertiaryVariantStyles)({theme,disabled,size}),fontSize:theme.variables.size.font.xs,letterSpacing:theme.variables.size.letterSpacing.s,lineHeight:theme.variables.size.lineHeight.m,textTransform:"uppercase",color:theme.values.color.icon.ai.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.ai.transparent.hover},"&:active":{backgroundColor:theme.values.color.background.ai.transparent.active}}},..."gradient"===variant&&{...(0,_getAIButtonStyles.getGradientAnimation)({theme,disabled}),color:theme.values.color.text.onAccent.default,...loading&&{...(0,_mixins.getDisabledStyles)({theme})}},...disabled&&{...!loading&&{...(0,_mixins.getDisabledStyles)({theme})},cursor:"not-allowed"},...fullWidth&&{width:"100%"}})),StyledInner=(0,_styled.default)("div",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"loading"!==prop,target:"e5nysfh1",label:"StyledInner"})(({loading})=>loading&&{color:"transparent"}),StyledLoaderWrap=(0,_styled.default)("div",{target:"e5nysfh2",label:"StyledLoaderWrap"})({position:"relative",width:"100%",height:"100%",top:0,left:0,display:"flex",justifyContent:"center"}),rotation=(0,_react1.keyframes)({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},"label:rotation"),StyledLoader=(0,_styled.default)("div",{target:"e5nysfh3",label:"StyledLoader"})({position:"absolute",animation:`${rotation} 1s infinite linear`}),AIButton=(0,_forwardRefPolymorphic.forwardRefPolymorphic)(({"data-e2e-test-id":dataE2eTestId,as,children,disabled=!1,fullWidth=!1,leftIcon,loading=!1,onBlur,onClick,onFocus,rightIcon,size="m",type="button",variant="primary",...rest},ref)=>{let handleClick=(0,_react.useCallback)(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]),rightIconElm=rightIcon?_react.default.createElement(_Icon.Icon,{size:"s",name:rightIcon,"data-testid":rightIcon,"data-e2e-test-id":rightIcon,"aria-hidden":!0}):null;return _react.default.createElement(StyledButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"AIButton",as:as,disabled:disabled||loading,loading:loading,type:as&&"button"!==as?void 0:type??void 0,fullWidth:fullWidth,variant:variant,size:size,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...rest},loading&&_react.default.createElement(StyledLoaderWrap,null,_react.default.createElement(StyledLoader,null,_react.default.createElement(_Icon.Icon,{"aria-hidden":!0,size:"s",name:"loader","data-testid":"loader","data-e2e-test-id":"loader"}))),_react.default.createElement(StyledInner,{loading:loading},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"center",space:"s"===size?"xxs":"xs",noWrap:!0},leftIcon&&_react.default.createElement(_Icon.Icon,{"aria-hidden":!0,size:"s",name:leftIcon,"data-testid":leftIcon,"data-e2e-test-id":leftIcon}),children,rightIconElm)))});

package/build/cjs/components/AccessCardItem/AccessCardItem.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AccessCardItem",{enumerable:!0,get:function(){return AccessCardItem}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_Badge=require("../Badge/Badge"),_Button=require("../Button/Button"),_Columns=require("../Column/Columns"),_Inline=require("../Inline/Inline"),_TextClamped=require("../Typography/TextClamped/TextClamped"),_Text=require("../Typography/Text/Text"),_IconTile=require("../IconTile/IconTile");function AccessCardItem({isIconActive=!0,iconName="activity",title,subTitle,badge,additionalInfo,primaryButton,secondaryButtons,"data-e2e-test-id":dataE2eTestId="detail-card-item-component",...ariaAttributes}){let iconColor=isIconActive?"brand":"gray";return _react.default.createElement(_Columns.Columns,{gap:"l",vAlignItems:"center","data-e2e-test-id":dataE2eTestId,...ariaAttributes},_react.default.createElement(_Columns.Column,{size:"fill"},_react.default.createElement(_Columns.Columns,{gap:"m",vAlignItems:"center"},_react.default.createElement(_Columns.Column,{size:"narrow",alignSelf:"start"},_react.default.createElement(_IconTile.IconTile,{icon:iconName,color:iconColor,"data-color":iconColor,"data-e2e-test-id":`icon-in-${dataE2eTestId}`,"aria-hidden":!0})),_react.default.createElement(_Columns.Column,null,_react.default.createElement(_Columns.Columns,{gap:"xs",vAlignItems:"center"},_react.default.createElement(_Columns.Column,{size:"fill"},_react.default.createElement(_Inline.Inline,{noWrap:!0,vAlignItems:"center",space:"xs"},_react.default.createElement(_TextClamped.TextClamped,{size:"m"},title),badge&&_react.default.createElement(_Badge.Badge,{"data-e2e-test-id":`badge-in-${dataE2eTestId}`,text:badge?.text,color:badge?.color??"green","data-color":badge?.["data-color"]})),subTitle&&_react.default.createElement(_Text.Text,{color:"tertiary","data-e2e-test-id":`subtitle-in-${dataE2eTestId}`,size:"s"},subTitle)),additionalInfo&&_react.default.createElement(_Columns.Column,{size:[12,12,"narrow"]},_react.default.createElement(_Text.Text,{size:"xs",transform:"uppercase",weight:"bold","data-e2e-test-id":`additional-info-in-${dataE2eTestId}`},additionalInfo)))))),(primaryButton||secondaryButtons?.length>0)&&_react.default.createElement(_Columns.Column,{size:[12,"narrow"]},_react.default.createElement(_Columns.Columns,{gap:"xs"},secondaryButtons?.map(({label,...buttonProps})=>_react.default.createElement(_Columns.Column,{key:label,size:[12,"narrow"]},_react.default.createElement(_Button.Button,{size:"s",fullWidth:!0,variant:"secondary",...buttonProps},label))),primaryButton&&_react.default.createElement(_Columns.Column,{size:[12,"narrow"]},_react.default.createElement(_Button.Button,{size:"s",fullWidth:!0,variant:"primary",...primaryButton},primaryButton.label)))))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AccessCardItem",{enumerable:!0,get:function(){return AccessCardItem}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_Badge=require("../Badge/Badge"),_Button=require("../Button/Button"),_Columns=require("../Column/Columns"),_Inline=require("../Inline/Inline"),_TextClamped=require("../Typography/TextClamped/TextClamped"),_Text=require("../Typography/Text/Text"),_IconTile=require("../IconTile/IconTile");function AccessCardItem({isIconActive=!0,iconName="activity",title,subTitle,badge,additionalInfo,primaryButton,secondaryButtons,"data-e2e-test-id":dataE2eTestId="detail-card-item-component",...ariaAttributes}){let iconColor=isIconActive?"brand":"gray";return _react.default.createElement(_Columns.Columns,{gap:"l",vAlignItems:"center","data-e2e-test-id":dataE2eTestId,...ariaAttributes},_react.default.createElement(_Columns.Column,{size:"fill"},_react.default.createElement(_Columns.Columns,{gap:"m",vAlignItems:"center"},_react.default.createElement(_Columns.Column,{size:"narrow",alignSelf:"start"},_react.default.createElement(_IconTile.IconTile,{icon:iconName,color:iconColor,"data-color":iconColor,"data-e2e-test-id":`icon-in-${dataE2eTestId}`,"aria-hidden":!0})),_react.default.createElement(_Columns.Column,null,_react.default.createElement(_Columns.Columns,{gap:"xs",vAlignItems:"center"},_react.default.createElement(_Columns.Column,{size:"fill"},_react.default.createElement(_Inline.Inline,{noWrap:!0,vAlignItems:"center",space:"xs"},_react.default.createElement(_TextClamped.TextClamped,{size:"m"},title),badge&&_react.default.createElement(_Badge.Badge,{"data-e2e-test-id":`badge-in-${dataE2eTestId}`,text:badge?.text,color:badge?.color??"green","data-color":badge?.["data-color"]})),subTitle&&_react.default.createElement(_Text.Text,{color:"tertiary","data-e2e-test-id":`subtitle-in-${dataE2eTestId}`,size:"s"},subTitle)),additionalInfo&&_react.default.createElement(_Columns.Column,{size:[12,12,"narrow"]},_react.default.createElement(_Text.Text,{size:"xs",transform:"uppercase",weight:"bold","data-e2e-test-id":`additional-info-in-${dataE2eTestId}`},additionalInfo)))))),(primaryButton||(secondaryButtons?.length??0)>0)&&_react.default.createElement(_Columns.Column,{size:[12,"narrow"]},_react.default.createElement(_Columns.Columns,{gap:"xs"},secondaryButtons?.map(({label,...buttonProps})=>_react.default.createElement(_Columns.Column,{key:label,size:[12,"narrow"]},_react.default.createElement(_Button.Button,{size:"s",fullWidth:!0,variant:"secondary",...buttonProps},label))),primaryButton&&_react.default.createElement(_Columns.Column,{size:[12,"narrow"]},_react.default.createElement(_Button.Button,{size:"s",fullWidth:!0,variant:"primary",...primaryButton},primaryButton.label)))))}

package/build/cjs/components/Avatar/Avatar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get AVATAR_COLORS(){return AVATAR_COLORS},get Avatar(){return Avatar}};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__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_Text=require("../Typography/Text"),_Tooltip=require("../Tooltip/Tooltip"),_Icon=require("../Icon/Icon"),_ariaAttributes=require("../../shared/ariaAttributes"),AVATAR_COLORS=["brand","gray","blue","green","yellow","red","purple"],AvatarContainer=(0,_styled.default)("div",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"color"!==prop,target:"efwbu0a0",label:"AvatarContainer"})(({theme,color})=>({display:"inline-flex",alignItems:"center",justifyContent:"center",width:theme.variables.size.dimension.icon.m,height:theme.variables.size.dimension.icon.m,borderRadius:theme.variables.size.borderRadius.full,backgroundColor:theme.values.color.colorIndicator[color].default,flexShrink:0,userSelect:"none","&:focus-visible":{outlineColor:"-webkit-focus-ring-color"}})),Avatar=({label,icon,color="brand",tooltipContent,hideTooltip,ariaAttributes:deprecatedAriaAttributes,"data-e2e-test-id":dataE2eTestId,...ariaAttributes})=>{let mergedAriaProps=(0,_ariaAttributes.getAriaAttributes)(ariaAttributes,deprecatedAriaAttributes),avatarElement=_react.default.createElement(AvatarContainer,{color:color,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Avatar",role:"img","aria-label":label,...mergedAriaProps},icon?_react.default.createElement(_Icon.Icon,{name:icon,size:"s",color:"onAccent"}):_react.default.createElement(_Text.Text,{as:"span",size:"xs",weight:"bold",color:"onAccent","aria-hidden":"true"},label.charAt(0).toUpperCase()));return hideTooltip?avatarElement:_react.default.createElement(_Tooltip.Tooltip,{content:tooltipContent||label},avatarElement)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get AVATAR_COLORS(){return AVATAR_COLORS},get Avatar(){return Avatar}};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__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_Text=require("../Typography/Text"),_Tooltip=require("../Tooltip/Tooltip"),_Icon=require("../Icon/Icon"),_ariaAttributes=require("../../shared/ariaAttributes"),AVATAR_COLORS=["brand","gray","blue","green","yellow","red","purple"],AvatarContainer=(0,_styled.default)("div",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"color"!==prop,target:"e1mlwwew0",label:"AvatarContainer"})(({theme,color})=>({display:"inline-flex",alignItems:"center",justifyContent:"center",width:theme.variables.size.dimension.icon.m,height:theme.variables.size.dimension.icon.m,borderRadius:theme.variables.size.borderRadius.full,backgroundColor:theme.values.color.colorIndicator[color].default,flexShrink:0,userSelect:"none","&:focus-visible":{outlineColor:"-webkit-focus-ring-color"}})),Avatar=({label,icon,color="brand",tooltipContent,hideTooltip,ariaAttributes:deprecatedAriaAttributes,"data-e2e-test-id":dataE2eTestId,...ariaAttributes})=>{let mergedAriaProps=(0,_ariaAttributes.getAriaAttributes)(ariaAttributes,deprecatedAriaAttributes),avatarElement=_react.default.createElement(AvatarContainer,{color:color,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Avatar",role:"img","aria-label":label,...mergedAriaProps},icon?_react.default.createElement(_Icon.Icon,{name:icon,size:"s",color:"onAccent"}):_react.default.createElement(_Text.Text,{as:"span",size:"xs",weight:"bold",color:"onAccent","aria-hidden":"true"},label.charAt(0).toUpperCase()));return hideTooltip?avatarElement:_react.default.createElement(_Tooltip.Tooltip,{content:tooltipContent||label},avatarElement)};

package/build/cjs/components/BulkActionsToolbar/BulkActionsToolbar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BulkActionsToolbar",{enumerable:!0,get:function(){return BulkActionsToolbar}});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")),_breakpointsjson=/*#__PURE__*/_interop_require_default._(require("../../web-tokens/_breakpoints.json")),_ToolbarItemCount=require("../Internal/ToolbarItemCount/ToolbarItemCount"),_Button=require("../Button/Button"),_Inline=require("../Inline/Inline"),_Divider=require("../Divider/Divider"),_Checkbox=require("../Form/Checkbox/Checkbox"),_SearchInput=require("../Form/SearchInput/SearchInput"),_useBulkActionsToolbar=require("./useBulkActionsToolbar"),containerSmallSize=_breakpointsjson.default.s.value,toolbarContainerName="bulkActionsToolbar",containerSmall=`@container ${toolbarContainerName} (min-width: 0px) and (max-width:${containerSmallSize}px)`,containerLarge=`@container ${toolbarContainerName} (min-width: ${containerSmallSize}px)`,StyledBulkActionsToolbarContainer=(0,_styled.default)("div",{target:"e1072qx30",label:"StyledBulkActionsToolbarContainer"})({containerType:"inline-size",containerName:toolbarContainerName}),InlineContainer=(0,_styled.default)("div",{target:"e1072qx31",label:"InlineContainer"})(({theme})=>({display:"flex",padding:theme.variables.size.spacing.xs,gap:theme.variables.size.spacing.xs,[containerSmall]:{display:"flex",flexDirection:"column"},[containerLarge]:{paddingLeft:theme.variables.size.spacing.m}})),ToolbarInner=(0,_styled.default)("div",{target:"e1072qx32",label:"ToolbarInner"})(({theme})=>({display:"flex",alignItems:"center",gap:theme.variables.size.spacing.xs,flexGrow:1,[containerSmall]:{display:"contents"}})),ToolbarControls=(0,_styled.default)("div",{target:"e1072qx33",label:"ToolbarControls"})(({theme})=>({display:"flex",alignItems:"center",gap:theme.variables.size.spacing.xs,[containerSmall]:{order:3,justifyContent:"space-between"}})),StyledSearch=(0,_styled.default)("div",{target:"e1072qx34",label:"StyledSearch"})({[containerSmall]:{order:1}}),StyledRightSlot=(0,_styled.default)("div",{target:"e1072qx35",label:"StyledRightSlot"})(({theme,rightContentNoWrapOnMobile})=>({display:"flex",justifyContent:"flex-end",alignItems:"center",flex:1,gap:theme.variables.size.spacing.xs,[containerSmall]:{order:2,flex:"none",...!rightContentNoWrapOnMobile&&{flexWrap:"wrap"}}})),StyledRightContent=(0,_styled.default)("div",{target:"e1072qx36",label:"StyledRightContent"})(({rightContentNoWrapOnMobile})=>({...!rightContentNoWrapOnMobile&&{[containerSmall]:{flexGrow:1}}})),CustomInline=(0,_styled.default)(_Inline.Inline,{target:"e1072qx37",label:"CustomInline"})(({theme})=>({[containerSmall]:{gap:theme.variables.size.spacing.xxs},[containerLarge]:{gap:theme.variables.size.spacing.m}})),CheckboxStyled=(0,_styled.default)("label",{target:"e1072qx38",label:"CheckboxStyled"})(({theme})=>({display:"block",paddingLeft:theme.variables.size.spacing.xs,[containerLarge]:{paddingRight:theme.variables.size.spacing.xxs}})),CustomToolbarItemCount=(0,_styled.default)(_ToolbarItemCount.ToolbarItemCount,{target:"e1072qx39",label:"CustomToolbarItemCount"})(({theme})=>({[containerSmall]:{padding:theme.variables.size.spacing.xs}})),BulkActionsToolbar=_react.default.memo(function({actions,checkboxProps,totalItems,searchInputProps,renderRightContent,rightContentNoWrapOnMobile,hideDivider,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let id=(0,_react.useId)(),{toolbarId,toolbarRef,onBlur,onFocus}=(0,_useBulkActionsToolbar.useBulkActionsToolbar)(),hasSelectionControls=!!(checkboxProps||searchInputProps);return _react.default.createElement(StyledBulkActionsToolbarContainer,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Toolbar"},_react.default.createElement(InlineContainer,null,_react.default.createElement(ToolbarInner,{role:"toolbar","aria-describedby":hasSelectionControls?void 0:id,"aria-orientation":"horizontal",id:toolbarId,ref:toolbarRef,onBlur:onBlur,onFocus:onFocus,...ariaAttributes},_react.default.createElement(ToolbarControls,null,checkboxProps?_react.default.createElement(CustomInline,{vAlignItems:"center"},_react.default.createElement(CheckboxStyled,null,_react.default.createElement(_Checkbox.CheckboxRaw,{...checkboxProps,size:"s","aria-labelledby":id})),_react.default.createElement(CustomToolbarItemCount,{id:id},totalItems)):_react.default.createElement(CustomToolbarItemCount,{id:id},totalItems),_react.default.createElement(_Inline.Inline,{noWrap:!0},actions?.map(({variant="secondary",label,...buttonProps})=>_react.default.createElement(_Button.Button,{...buttonProps,key:`action-${label}`,size:"s",variant:variant,"aria-describedby":id},label)))),renderRightContent&&_react.default.createElement(StyledRightSlot,{rightContentNoWrapOnMobile:rightContentNoWrapOnMobile},_react.default.createElement(StyledRightContent,{rightContentNoWrapOnMobile:rightContentNoWrapOnMobile},renderRightContent({toolbarId:toolbarId})))),searchInputProps&&_react.default.createElement(StyledSearch,null,_react.default.createElement(_SearchInput.SearchInput,{...searchInputProps,"aria-describedby":id}))),!hideDivider&&_react.default.createElement(_Divider.Divider,null))});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BulkActionsToolbar",{enumerable:!0,get:function(){return BulkActionsToolbar}});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")),_breakpointsjson=/*#__PURE__*/_interop_require_default._(require("../../web-tokens/_breakpoints.json")),_ToolbarItemCount=require("../Internal/ToolbarItemCount/ToolbarItemCount"),_Button=require("../Button/Button"),_Inline=require("../Inline/Inline"),_Divider=require("../Divider/Divider"),_Checkbox=require("../Form/Checkbox/Checkbox"),_SearchInput=require("../Form/SearchInput/SearchInput"),_useBulkActionsToolbar=require("./useBulkActionsToolbar"),containerSmallSize=_breakpointsjson.default.s.value,toolbarContainerName="bulkActionsToolbar",containerSmall=`@container ${toolbarContainerName} (min-width: 0px) and (max-width:${containerSmallSize}px)`,containerLarge=`@container ${toolbarContainerName} (min-width: ${containerSmallSize}px)`,StyledBulkActionsToolbarContainer=(0,_styled.default)("div",{target:"eci7xfr0",label:"StyledBulkActionsToolbarContainer"})({containerType:"inline-size",containerName:toolbarContainerName}),InlineContainer=(0,_styled.default)("div",{target:"eci7xfr1",label:"InlineContainer"})(({theme})=>({display:"flex",padding:theme.variables.size.spacing.xs,gap:theme.variables.size.spacing.xs,[containerSmall]:{display:"flex",flexDirection:"column"},[containerLarge]:{paddingLeft:theme.variables.size.spacing.m}})),ToolbarInner=(0,_styled.default)("div",{target:"eci7xfr2",label:"ToolbarInner"})(({theme})=>({display:"flex",alignItems:"center",gap:theme.variables.size.spacing.xs,flexGrow:1,[containerSmall]:{display:"contents"}})),ToolbarControls=(0,_styled.default)("div",{target:"eci7xfr3",label:"ToolbarControls"})(({theme})=>({display:"flex",alignItems:"center",gap:theme.variables.size.spacing.xs,[containerSmall]:{order:3,justifyContent:"space-between"}})),StyledSearch=(0,_styled.default)("div",{target:"eci7xfr4",label:"StyledSearch"})({[containerSmall]:{order:1}}),StyledRightSlot=(0,_styled.default)("div",{target:"eci7xfr5",label:"StyledRightSlot"})(({theme,rightContentNoWrapOnMobile})=>({display:"flex",justifyContent:"flex-end",alignItems:"center",flex:1,gap:theme.variables.size.spacing.xs,[containerSmall]:{order:2,flex:"none",...!rightContentNoWrapOnMobile&&{flexWrap:"wrap"}}})),StyledRightContent=(0,_styled.default)("div",{target:"eci7xfr6",label:"StyledRightContent"})(({rightContentNoWrapOnMobile})=>({...!rightContentNoWrapOnMobile&&{[containerSmall]:{flexGrow:1}}})),CustomInline=(0,_styled.default)(_Inline.Inline,{target:"eci7xfr7",label:"CustomInline"})(({theme})=>({[containerSmall]:{gap:theme.variables.size.spacing.xxs},[containerLarge]:{gap:theme.variables.size.spacing.m}})),CheckboxStyled=(0,_styled.default)("label",{target:"eci7xfr8",label:"CheckboxStyled"})(({theme})=>({display:"block",paddingLeft:theme.variables.size.spacing.xs,[containerLarge]:{paddingRight:theme.variables.size.spacing.xxs}})),CustomToolbarItemCount=(0,_styled.default)(_ToolbarItemCount.ToolbarItemCount,{target:"eci7xfr9",label:"CustomToolbarItemCount"})(({theme})=>({[containerSmall]:{padding:theme.variables.size.spacing.xs}})),BulkActionsToolbar=_react.default.memo(function({actions,checkboxProps,totalItems,searchInputProps,renderRightContent,rightContentNoWrapOnMobile,hideDivider,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let id=(0,_react.useId)(),{toolbarId,toolbarRef,onBlur,onFocus}=(0,_useBulkActionsToolbar.useBulkActionsToolbar)(),hasSelectionControls=!!(checkboxProps||searchInputProps);return _react.default.createElement(StyledBulkActionsToolbarContainer,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Toolbar"},_react.default.createElement(InlineContainer,null,_react.default.createElement(ToolbarInner,{role:"toolbar","aria-describedby":hasSelectionControls?void 0:id,"aria-orientation":"horizontal",id:toolbarId,ref:toolbarRef,onBlur:onBlur,onFocus:onFocus,...ariaAttributes},_react.default.createElement(ToolbarControls,null,checkboxProps?_react.default.createElement(CustomInline,{vAlignItems:"center"},_react.default.createElement(CheckboxStyled,null,_react.default.createElement(_Checkbox.CheckboxRaw,{...checkboxProps,size:"s","aria-labelledby":id})),_react.default.createElement(CustomToolbarItemCount,{id:id},totalItems)):_react.default.createElement(CustomToolbarItemCount,{id:id},totalItems),_react.default.createElement(_Inline.Inline,{noWrap:!0},_react.default.createElement(_react.default.Fragment,null,actions?.map(({variant="secondary",label,...buttonProps})=>_react.default.createElement(_Button.Button,{...buttonProps,key:`action-${label}`,size:"s",variant:variant,"aria-describedby":id},label))))),renderRightContent&&_react.default.createElement(StyledRightSlot,{rightContentNoWrapOnMobile:rightContentNoWrapOnMobile},_react.default.createElement(StyledRightContent,{rightContentNoWrapOnMobile:rightContentNoWrapOnMobile},renderRightContent({toolbarId:toolbarId})))),searchInputProps&&_react.default.createElement(StyledSearch,null,_react.default.createElement(_SearchInput.SearchInput,{...searchInputProps,"aria-describedby":id}))),!hideDivider&&_react.default.createElement(_Divider.Divider,null))});

package/build/cjs/components/Button/Button.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return Button}});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"),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_Inline=require("../Inline/Inline"),_Icon=require("../Icon/Icon"),_mixins=require("../../shared/mixins"),_ariaAttributes=require("../../shared/ariaAttributes"),StyledButton=(0,_styled.default)("button",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"loading"!==prop,target:"e1tji73c0",label:"StyledButton"})(({theme,fullWidth,destructive,size,squareCorners,variant,disabled,noWrap,loading})=>({...(0,_mixins.getButtonAppearanceReset)(),...(0,_mixins.getBaseButtonStyles)({theme,size}),...noWrap&&{whiteSpace:"nowrap"},..."primary"===variant&&{...(0,_mixins.getPrimaryVariantStyles)({theme,destructive,disabled}),...loading&&{color:theme.values.color.text.onAccent.disabled,backgroundColor:destructive?theme.values.color.background.error.disabled:theme.values.color.background.accent.disabled}},..."secondary"===variant&&{...(0,_mixins.getSecondaryVariantStyles)({theme,disabled,size}),...loading&&{borderColor:theme.values.color.border.primary.disabled}},..."tertiary"===variant&&{...(0,_mixins.getTertiaryVariantStyles)({theme,destructive,disabled,size}),fontSize:theme.variables.size.font.xs,letterSpacing:theme.variables.size.letterSpacing.s,lineHeight:theme.variables.size.lineHeight.m,textTransform:"uppercase"},...disabled&&{...!loading&&{...(0,_mixins.getDisabledStyles)({theme})},cursor:"not-allowed"},...squareCorners&&"boolean"==typeof squareCorners?{borderRadius:0}:squareCorners&&"boolean"!=typeof squareCorners&&{...squareCorners.reduce((prev,actual)=>({...prev,[`border${actual}Radius`]:0}),{})},...fullWidth&&{width:"100%"}})),StyledInner=(0,_styled.default)("div",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"loading"!==prop,target:"e1tji73c1",label:"StyledInner"})(({loading})=>loading&&{color:"transparent"}),StyledLoaderWrap=(0,_styled.default)("div",{target:"e1tji73c2",label:"StyledLoaderWrap"})(()=>({position:"relative",width:"100%",height:"100%",top:0,left:0,display:"flex",justifyContent:"center"})),rotation=(0,_react1.keyframes)({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},"label:rotation"),StyledLoader=(0,_styled.default)("div",{target:"e1tji73c3",label:"StyledLoader"})(()=>({position:"absolute",animation:`${rotation} 1s infinite linear`})),Button=_react.default.forwardRef(({"data-e2e-test-id":dataE2eTestId,ariaAttributes,as,children,disabled=!1,fullWidth=!1,destructive=!1,leftIcon,loading=!1,onBlur,onClick,onFocus,privateProps={squareCorners:!1},rightIcon,size="m",type="button",variant="primary",noWrap=!1,...rest},ref)=>{let mergedAriaAttributes=(0,_ariaAttributes.getAriaAttributes)(rest,ariaAttributes),{squareCorners,alignItems,rightIconVariant,rightIconColor}=privateProps,handleClick=(0,_react.useCallback)(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]),rightIconElm=rightIcon?_react.default.createElement(_Icon.Icon,{size:"s",name:rightIcon,...rightIconVariant&&!rightIconColor&&{variant:rightIconVariant},...rightIconColor&&{color:rightIconColor},"data-testid":rightIcon,"data-e2e-test-id":rightIcon,"aria-hidden":!0}):null;return _react.default.createElement(StyledButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Button",as:as,disabled:disabled||loading,loading:loading,type:as&&"button"!==as?void 0:type,fullWidth:fullWidth,destructive:destructive,squareCorners:squareCorners,variant:variant,size:size,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,noWrap:noWrap,...rest,...mergedAriaAttributes},loading&&_react.default.createElement(StyledLoaderWrap,null,_react.default.createElement(StyledLoader,null,_react.default.createElement(_Icon.Icon,{"aria-hidden":!0,size:"s",name:"loader",color:function(variant,destructive){switch(variant){case"primary":return destructive?"error":"accent";case"secondary":return"primary";default:return destructive?"error":variant}}(variant,destructive),"data-testid":"loader","data-e2e-test-id":"loader"}))),_react.default.createElement(StyledInner,{loading:loading},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:alignItems||"center",space:"s"===size?"xxs":"xs",noWrap:!0},leftIcon&&_react.default.createElement(_Icon.Icon,{"aria-hidden":!0,size:"s",name:leftIcon,"data-testid":leftIcon,"data-e2e-test-id":leftIcon}),children,rightIconElm)))});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return Button}});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"),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_forwardRefPolymorphic=require("../../shared/forwardRefPolymorphic"),_Inline=require("../Inline/Inline"),_Icon=require("../Icon/Icon"),_mixins=require("../../shared/mixins"),_ariaAttributes=require("../../shared/ariaAttributes"),StyledButton=(0,_styled.default)("button",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"loading"!==prop,target:"e1rmzo3h0",label:"StyledButton"})(({theme,fullWidth,destructive,size,squareCorners,variant,disabled,noWrap,loading})=>({...(0,_mixins.getButtonAppearanceReset)(),...(0,_mixins.getBaseButtonStyles)({theme,size}),...noWrap&&{whiteSpace:"nowrap"},..."primary"===variant&&{...(0,_mixins.getPrimaryVariantStyles)({theme,destructive,disabled}),...loading&&{color:theme.values.color.text.onAccent.disabled,backgroundColor:destructive?theme.values.color.background.error.disabled:theme.values.color.background.accent.disabled}},..."secondary"===variant&&{...(0,_mixins.getSecondaryVariantStyles)({theme,disabled,size}),...loading&&{borderColor:theme.values.color.border.primary.disabled}},..."tertiary"===variant&&{...(0,_mixins.getTertiaryVariantStyles)({theme,destructive,disabled,size}),fontSize:theme.variables.size.font.xs,letterSpacing:theme.variables.size.letterSpacing.s,lineHeight:theme.variables.size.lineHeight.m,textTransform:"uppercase"},...disabled&&{...!loading&&{...(0,_mixins.getDisabledStyles)({theme})},cursor:"not-allowed"},...squareCorners&&"boolean"==typeof squareCorners?{borderRadius:0}:squareCorners&&"boolean"!=typeof squareCorners&&{...squareCorners.reduce((prev,actual)=>({...prev,[`border${actual}Radius`]:0}),{})},...fullWidth&&{width:"100%"}})),StyledInner=(0,_styled.default)("div",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"loading"!==prop,target:"e1rmzo3h1",label:"StyledInner"})(({loading})=>loading&&{color:"transparent"}),StyledLoaderWrap=(0,_styled.default)("div",{target:"e1rmzo3h2",label:"StyledLoaderWrap"})(()=>({position:"relative",width:"100%",height:"100%",top:0,left:0,display:"flex",justifyContent:"center"})),rotation=(0,_react1.keyframes)({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},"label:rotation"),StyledLoader=(0,_styled.default)("div",{target:"e1rmzo3h3",label:"StyledLoader"})(()=>({position:"absolute",animation:`${rotation} 1s infinite linear`})),Button=(0,_forwardRefPolymorphic.forwardRefPolymorphic)(({"data-e2e-test-id":dataE2eTestId,ariaAttributes,as,children,disabled=!1,fullWidth=!1,destructive=!1,leftIcon,loading=!1,onBlur,onClick,onFocus,privateProps={squareCorners:!1},rightIcon,size="m",type="button",variant="primary",noWrap=!1,...rest},ref)=>{let mergedAriaAttributes=(0,_ariaAttributes.getAriaAttributes)(rest,ariaAttributes),{squareCorners,alignItems,rightIconVariant,rightIconColor}=privateProps,handleClick=(0,_react.useCallback)(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]),rightIconElm=rightIcon?_react.default.createElement(_Icon.Icon,{size:"s",name:rightIcon,...rightIconVariant&&!rightIconColor&&{variant:rightIconVariant},...rightIconColor&&{color:rightIconColor},"data-testid":rightIcon,"data-e2e-test-id":rightIcon,"aria-hidden":!0}):null;return _react.default.createElement(StyledButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Button",as:as,disabled:disabled||loading,loading:loading,type:as&&"button"!==as?void 0:type??void 0,fullWidth:fullWidth,destructive:destructive,squareCorners:squareCorners,variant:variant,size:size,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,noWrap:noWrap,...rest,...mergedAriaAttributes},loading&&_react.default.createElement(StyledLoaderWrap,null,_react.default.createElement(StyledLoader,null,_react.default.createElement(_Icon.Icon,{"aria-hidden":!0,size:"s",name:"loader",color:function(variant,destructive){switch(variant){case"primary":return destructive?"error":"accent";case"secondary":return"primary";default:return destructive?"error":variant}}(variant,destructive),"data-testid":"loader","data-e2e-test-id":"loader"}))),_react.default.createElement(StyledInner,{loading:loading},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:alignItems||"center",space:"s"===size?"xxs":"xs",noWrap:!0},leftIcon&&_react.default.createElement(_Icon.Icon,{"aria-hidden":!0,size:"s",name:leftIcon,"data-testid":leftIcon,"data-e2e-test-id":leftIcon}),children,rightIconElm)))});

package/build/cjs/components/Card/CardHeader/CardHeader.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get CardHeader(){return CardHeader},get CardHeaderProps(){return CardHeaderProps}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_Box=require("../../Box/Box"),_Divider=require("../../Divider/Divider"),_DropdownMenu=require("../../DropdownMenu/DropdownMenu"),_Inline=require("../../Inline/Inline"),_Link=require("../../Link/Link"),_Stack=require("../../Stack/Stack"),_Header=require("../../Typography/Header/Header");class CardHeaderProps{}const SIDE_PADDING=["m","l","l"];function CardHeader({title,titleAs,action,"data-e2e-test-id":dataE2eTestId}){let isDropdown=action&&"dropdown"===action.type;return _react.default.createElement("div",{"data-e2e-test-id":dataE2eTestId},_react.default.createElement(_Box.Box,{vSpace:"m",lSpace:SIDE_PADDING,rSpace:isDropdown?"m":SIDE_PADDING},_react.default.createElement(_Inline.Inline,{alignItems:"spaceBetween",vAlignItems:"top",noWrap:!0},_react.default.createElement(_Stack.Stack,{space:"zero"},title&&_react.default.createElement(_Header.H5,{as:titleAs},title)),isDropdown&&_react.default.createElement(_DropdownMenu.DropdownMenu,{...action,size:"xs",iconName:"more-horizontal"}),action&&"link"===action.type&&_react.default.createElement(_Link.Link,{color:"accent",size:"m",weight:"bold",...action},action.label))),_react.default.createElement(_Divider.Divider,null))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get CardHeader(){return CardHeader},get CardHeaderProps(){return CardHeaderProps}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_Box=require("../../Box/Box"),_Divider=require("../../Divider/Divider"),_DropdownMenu=require("../../DropdownMenu/DropdownMenu"),_Inline=require("../../Inline/Inline"),_Link=require("../../Link/Link"),_Stack=require("../../Stack/Stack"),_Header=require("../../Typography/Header/Header");class CardHeaderProps{}const SIDE_PADDING=["m","l","l"];function CardHeader({title,titleAs,action,"data-e2e-test-id":dataE2eTestId}){let isDropdown=action&&"dropdown"===action.type;return _react.default.createElement("div",{"data-e2e-test-id":dataE2eTestId},_react.default.createElement(_Box.Box,{vSpace:"m",lSpace:SIDE_PADDING,rSpace:isDropdown?"m":SIDE_PADDING},_react.default.createElement(_Inline.Inline,{alignItems:"spaceBetween",vAlignItems:"top",noWrap:!0},_react.default.createElement(_Stack.Stack,{space:"zero"},_react.default.createElement(_react.default.Fragment,null,title&&_react.default.createElement(_Header.H5,{as:titleAs},title))),isDropdown&&_react.default.createElement(_DropdownMenu.DropdownMenu,{...action,size:"xs",iconName:"more-horizontal"}),action&&"link"===action.type&&_react.default.createElement(_Link.Link,{color:"accent",size:"m",weight:"bold",...action},action.label))),_react.default.createElement(_Divider.Divider,null))}

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

@@ -23,6 +23,10 @@ export type CatalogCardProps = Omit<ContainerProps, "id" | "elevation" | "overfl
     topLeftElement?: React.ReactNode;
     slotProps?: {
         dropdownMenu?: {
+            /**
+             * Accessible name for the icon-only menu trigger.
+             * TODO(DS): make required alongside `dropdownMenuOptions`. See follow-up.
+             */
             "aria-label"?: string;
         };
         title?: {
@@ -30,5 +34,5 @@ export type CatalogCardProps = Omit<ContainerProps, "id" | "elevation" | "overfl
         };
     };
 };
-export declare function CatalogCard({ title, subtitle, dropdownMenuOptions, onClick, onDropdownClick, topLeftElement, portalContainer, borderRadius, subtitleLines, colorPickerProps, slotProps, "data-e2e-test-id": dataE2eTestId, "data-ds-id": dataDsId, ...ariaAttributes }: CatalogCardProps): React.ReactElement;
+export declare function CatalogCard(props: CatalogCardProps): React.ReactElement;
 export {};

package/build/cjs/components/CatalogCard/CatalogCard.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CatalogCard",{enumerable:!0,get:function(){return CatalogCard}});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")),_types=require("../../types"),_Container=require("../Container/Container"),_DropdownMenu=require("../DropdownMenu/DropdownMenu"),_Box=require("../Box/Box"),_Columns=require("../Column/Columns"),_Stack=require("../Stack/Stack"),_Text=require("../Typography/Text/Text"),_TextClamped=require("../Typography/TextClamped/TextClamped"),_ColorPickerDropdown=require("../ColorPicker/ColorPickerDropdown"),StyledDropdownMenuContainer=(0,_styled.default)("div",{target:"etapgp70",label:"StyledDropdownMenuContainer"})(({theme})=>({marginRight:`-${theme.variables.size.spacing.xs}`,marginTop:`-${theme.variables.size.spacing.xs}`,pointerEvents:"auto"})),StyledButton=(0,_styled.default)("button",{target:"etapgp71",label:"StyledButton"})({position:"absolute",top:0,left:0,width:"1px",height:"1px",opacity:0,border:"none"}),StyledWrapper=(0,_styled.default)("div",{target:"etapgp72",label:"StyledWrapper"})(({theme})=>({position:"relative",height:"100%","> div":{height:"100%"},[`&:has(${StyledButton}:focus-visible)`]:{"> div":{outlineWidth:2,outlineStyle:"solid",outlineColor:"Highlight",outlineOffset:-1,"@media (-webkit-min-device-pixel-ratio:0)":{outlineColor:"-webkit-focus-ring-color",outlineStyle:"solid"}}},"&:hover":{"> div":{outline:"none",boxShadow:theme.values.elevation[2]}}})),StyledContainer=(0,_styled.default)("div",{target:"etapgp73",label:"StyledContainer"})({display:"flex",minHeight:"102px",cursor:"pointer",position:"relative",height:"100%",alignItems:"end","> div":{width:"100%"}}),StyledTitle=(0,_styled.default)("div",{target:"etapgp74",label:"StyledTitle"})(({theme})=>({display:"flex",flexDirection:"column",height:theme.variables.size.spacing.xxl,justifyContent:"flex-end"})),TopRightDropdownMenu=({menuItems,onMenuOpen,portalContainer,"aria-label":ariaLabel})=>_react.default.createElement(_Box.Box,{space:"xxs",bSpace:"zero"},_react.default.createElement(StyledDropdownMenuContainer,null,_react.default.createElement(_DropdownMenu.DropdownMenu,{iconName:"more-horizontal",menuItems:menuItems,onMenuOpen:onMenuOpen,portalContainer:portalContainer,size:"xs","aria-label":ariaLabel}))),TopRightColorPicker=({colorPickerProps,menuItems,portalContainer})=>{let{"aria-label":ariaLabel,"aria-labelledby":ariaLabelledBy,slotProps:colorPickerSlotProps,...restColorPickerProps}=(0,_types.asValidProps)(colorPickerProps);return _react.default.createElement(_Box.Box,{space:"xxs",bSpace:"zero"},_react.default.createElement(StyledDropdownMenuContainer,null,_react.default.createElement(_ColorPickerDropdown.ColorPickerDropdown,{portalContainer:portalContainer,...restColorPickerProps,slotProps:{colorPicker:void 0!==ariaLabel?{"aria-label":ariaLabel}:{"aria-labelledby":ariaLabelledBy},pictogramButton:{"aria-label":colorPickerSlotProps.pictogramButton["aria-label"]}},menuItems:menuItems})))};function CatalogCard({title,subtitle,dropdownMenuOptions=[],onClick,onDropdownClick,topLeftElement,portalContainer,borderRadius="s",subtitleLines=1,colorPickerProps,slotProps,"data-e2e-test-id":dataE2eTestId="CatalogCard","data-ds-id":dataDsId="CatalogCard",...ariaAttributes}){let topRightElement=colorPickerProps?_react.default.createElement(TopRightColorPicker,{colorPickerProps:colorPickerProps,menuItems:dropdownMenuOptions,portalContainer:portalContainer}):dropdownMenuOptions.length>0?_react.default.createElement(TopRightDropdownMenu,{menuItems:dropdownMenuOptions.filter(item=>"colorPicker"!==item),onMenuOpen:onDropdownClick,portalContainer:portalContainer,"aria-label":slotProps?.dropdownMenu?.["aria-label"]}):null,SubtitleComponent="none"===subtitleLines?_Text.Text:_TextClamped.TextClamped;return _react.default.createElement(StyledWrapper,null,_react.default.createElement(StyledButton,{onClick:onClick,"aria-label":title}),_react.default.createElement(_Container.Container,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId,borderRadius:borderRadius,outlined:!0,...ariaAttributes},_react.default.createElement(StyledContainer,null,_react.default.createElement(_Box.Box,{space:"m"},_react.default.createElement(_Columns.Columns,null,_react.default.createElement(_Columns.Column,{size:"fill"},_react.default.createElement("div",{onClick:onClick},_react.default.createElement(_Stack.Stack,{vAlignItems:"spaceBetween",space:"s"},topLeftElement,_react.default.createElement(_Stack.Stack,{space:"xxs",vAlignItems:"bottom"},_react.default.createElement(StyledTitle,null,_react.default.createElement(_TextClamped.TextClamped,{size:"m",weight:"bold",lines:2,as:slotProps?.title?.as},title)),subtitle&&_react.default.createElement(SubtitleComponent,{size:"s",color:"tertiary",..."none"!==subtitleLines&&{lines:subtitleLines}},subtitle))))),topRightElement&&_react.default.createElement(_Columns.Column,{size:"narrow"},topRightElement))))))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CatalogCard",{enumerable:!0,get:function(){return CatalogCard}});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")),_types=require("../../types"),_useIntl=require("../../shared/intl/useIntl"),_Container=require("../Container/Container"),_DropdownMenu=require("../DropdownMenu/DropdownMenu"),_Box=require("../Box/Box"),_Columns=require("../Column/Columns"),_Stack=require("../Stack/Stack"),_Text=require("../Typography/Text/Text"),_TextClamped=require("../Typography/TextClamped/TextClamped"),_ColorPickerDropdown=require("../ColorPicker/ColorPickerDropdown"),StyledDropdownMenuContainer=(0,_styled.default)("div",{target:"e1sb4k730",label:"StyledDropdownMenuContainer"})(({theme})=>({marginRight:`-${theme.variables.size.spacing.xs}`,marginTop:`-${theme.variables.size.spacing.xs}`,pointerEvents:"auto"})),StyledButton=(0,_styled.default)("button",{target:"e1sb4k731",label:"StyledButton"})({position:"absolute",top:0,left:0,width:"1px",height:"1px",opacity:0,border:"none"}),StyledWrapper=(0,_styled.default)("div",{target:"e1sb4k732",label:"StyledWrapper"})(({theme})=>({position:"relative",height:"100%","> div":{height:"100%"},[`&:has(${StyledButton}:focus-visible)`]:{"> div":{outlineWidth:2,outlineStyle:"solid",outlineColor:"Highlight",outlineOffset:-1,"@media (-webkit-min-device-pixel-ratio:0)":{outlineColor:"-webkit-focus-ring-color",outlineStyle:"solid"}}},"&:hover":{"> div":{outline:"none",boxShadow:theme.values.elevation[2]}}})),StyledContainer=(0,_styled.default)("div",{target:"e1sb4k733",label:"StyledContainer"})({display:"flex",minHeight:"102px",cursor:"pointer",position:"relative",height:"100%",alignItems:"end","> div":{width:"100%"}}),StyledTitle=(0,_styled.default)("div",{target:"e1sb4k734",label:"StyledTitle"})(({theme})=>({display:"flex",flexDirection:"column",height:theme.variables.size.spacing.xxl,justifyContent:"flex-end"})),TopRightDropdownMenu=({menuItems,onMenuOpen,portalContainer,"aria-label":ariaLabel})=>_react.default.createElement(_Box.Box,{space:"xxs",bSpace:"zero"},_react.default.createElement(StyledDropdownMenuContainer,null,_react.default.createElement(_DropdownMenu.DropdownMenu,{iconName:"more-horizontal",menuItems:menuItems,onMenuOpen:onMenuOpen,portalContainer:portalContainer,size:"xs","aria-label":ariaLabel}))),hasAriaLabel=props=>void 0!==props["aria-label"],TopRightColorPicker=({colorPickerProps,menuItems,portalContainer})=>{let validColorPickerProps=(0,_types.asValidProps)(colorPickerProps),{slotProps:colorPickerSlotProps,...restColorPickerProps}=validColorPickerProps;return _react.default.createElement(_Box.Box,{space:"xxs",bSpace:"zero"},_react.default.createElement(StyledDropdownMenuContainer,null,_react.default.createElement(_ColorPickerDropdown.ColorPickerDropdown,{portalContainer:portalContainer,...restColorPickerProps,slotProps:{colorPicker:hasAriaLabel(validColorPickerProps)?{"aria-label":validColorPickerProps["aria-label"]}:{"aria-labelledby":validColorPickerProps["aria-labelledby"]},pictogramButton:{"aria-label":colorPickerSlotProps.pictogramButton["aria-label"]}},menuItems:menuItems})))};function CatalogCard(props){let{title,subtitle,dropdownMenuOptions=[],onClick,onDropdownClick,topLeftElement,portalContainer,borderRadius="s",subtitleLines=1,colorPickerProps,slotProps,"data-e2e-test-id":dataE2eTestId="CatalogCard","data-ds-id":dataDsId="CatalogCard",...ariaAttributes}=props,{formatMessage}=(0,_useIntl.useIntl)(),topRightElement=colorPickerProps?_react.default.createElement(TopRightColorPicker,{colorPickerProps:colorPickerProps,menuItems:dropdownMenuOptions,portalContainer:portalContainer}):dropdownMenuOptions.length>0?_react.default.createElement(TopRightDropdownMenu,{menuItems:dropdownMenuOptions.filter(item=>"colorPicker"!==item),onMenuOpen:onDropdownClick,portalContainer:portalContainer,"aria-label":slotProps?.dropdownMenu?.["aria-label"]??formatMessage("CatalogCard.DropdownMenu.AriaLabel")}):null,SubtitleComponent="none"===subtitleLines?_Text.Text:_TextClamped.TextClamped;return _react.default.createElement(StyledWrapper,null,_react.default.createElement(StyledButton,{onClick:onClick,"aria-label":title}),_react.default.createElement(_Container.Container,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId,borderRadius:borderRadius,outlined:!0,...ariaAttributes},_react.default.createElement(StyledContainer,null,_react.default.createElement(_Box.Box,{space:"m"},_react.default.createElement(_Columns.Columns,null,_react.default.createElement(_Columns.Column,{size:"fill"},_react.default.createElement("div",{onClick:onClick},_react.default.createElement(_Stack.Stack,{vAlignItems:"spaceBetween",space:"s"},topLeftElement,_react.default.createElement(_Stack.Stack,{space:"xxs",vAlignItems:"bottom"},_react.default.createElement(StyledTitle,null,_react.default.createElement(_TextClamped.TextClamped,{size:"m",weight:"bold",lines:2,as:slotProps?.title?.as},title)),subtitle&&_react.default.createElement(SubtitleComponent,{size:"s",color:"tertiary",..."none"!==subtitleLines&&{lines:subtitleLines}},subtitle))))),topRightElement&&_react.default.createElement(_Columns.Column,{size:"narrow"},topRightElement))))))}

package/build/cjs/components/CheckboxCard/CheckboxCard.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CheckboxCard",{enumerable:!0,get:function(){return CheckboxCard}});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")),_Checkbox=require("../Form/Checkbox/Checkbox"),_Inline=require("../Inline/Inline"),_Stack=require("../Stack/Stack"),_Text=require("../Typography/Text/Text"),_mixins=require("../../shared/mixins"),CustomStyledCheckboxContainer=(0,_styled.default)(_Checkbox.StyledCheckboxContainer,{target:"e1vsfxos0",label:"CustomStyledCheckboxContainer"})(({theme,checked,disabled,isInteractable})=>({cursor:"pointer",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:"e1vsfxos1",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:"e1vsfxos2",label:"ReadOnlyOpacity"})(({theme,readOnly})=>({...readOnly&&{opacity:theme.variables.opacity.disabled}})),CheckboxCard=_react.default.forwardRef(({label,labelHint,disabled,checked,readOnly,renderContent,size="m","data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let textColor=checked?"accent":"primary";return _react.default.createElement(CustomStyledCheckboxContainer,{as:"label",checked:checked,disabled:disabled,isInteractable:!disabled&&!readOnly,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"CheckboxCard"},_react.default.createElement(_Inline.Inline,{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(_Checkbox.CheckboxRaw,{...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,"CheckboxCard",{enumerable:!0,get:function(){return CheckboxCard}});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")),_Checkbox=require("../Form/Checkbox/Checkbox"),_Inline=require("../Inline/Inline"),_Stack=require("../Stack/Stack"),_Text=require("../Typography/Text/Text"),_mixins=require("../../shared/mixins"),CustomStyledCheckboxContainer=(0,_styled.default)(_Checkbox.StyledCheckboxContainer,{target:"e1rt4myb0",label:"CustomStyledCheckboxContainer"})(({theme,checked,disabled,isInteractable})=>({cursor:"pointer",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:"e1rt4myb1",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:"e1rt4myb2",label:"ReadOnlyOpacity"})(({theme,readOnly})=>({...readOnly&&{opacity:theme.variables.opacity.disabled}})),CheckboxCard=_react.default.forwardRef(({label,labelHint,disabled,checked,readOnly,renderContent,size="m","data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let textColor=checked?"accent":"primary";return _react.default.createElement(CustomStyledCheckboxContainer,{as:"label",checked:checked,disabled:disabled,isInteractable:!disabled&&!readOnly,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"CheckboxCard"},_react.default.createElement(_Inline.Inline,{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(_Checkbox.CheckboxRaw,{...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/Collapsible/Collapsible.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get Collapsible(){return Collapsible},get CollapsibleHeader(){return CollapsibleHeader}};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")),_Box=require("../Box/Box"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),_Expandable=require("../Utilities/Expandable/Expandable"),IsExpandedContext=(0,_react.createContext)(!1),StyledButton=(0,_styled.default)("button",{target:"e10rtl4h0",label:"StyledButton"})(({theme,isExpanded})=>({display:"block",width:"100%",backgroundColor:theme.values.color.background.primary.default,border:"none",cursor:"pointer",padding:0,...isExpanded&&{backgroundColor:theme.values.color.background.secondary.hover,":global(.isDarkmodeActive) &":{backgroundColor:theme.values.color.background.primary.default}},"&:hover":{backgroundColor:theme.values.color.background.secondary.hover,":global(.isDarkmodeActive) &":{backgroundColor:theme.values.color.background.primary.default}}}));function CollapsibleHeader({space,vSpace,rSpace,lSpace,tSpace,bSpace,onClick,children,expandedIconAriaLabel="expanded",collapsedIconAriaLabel="collapsed"}){let isExpanded=(0,_react.useContext)(IsExpandedContext);return _react.default.createElement(StyledButton,{type:"button","data-ds-id":"CollapsibleHeader",isExpanded:isExpanded,onClick:onClick},_react.default.createElement(_Box.Box,{space:space,vSpace:vSpace,rSpace:rSpace,lSpace:lSpace,tSpace:tSpace,bSpace:bSpace},_react.default.createElement(_Inline.Inline,{alignItems:"spaceBetween",noWrap:!0},_react.default.createElement("div",null,children),_react.default.createElement(_Icon.Icon,{"aria-label":isExpanded?expandedIconAriaLabel:collapsedIconAriaLabel,role:"img",name:isExpanded?"chevron-up":"chevron-down",color:"tertiary"}))))}function Collapsible({isExpanded,overflow,children,reduceMotion=!1,...ariaAttributes}){let[collapsibleHeader,...collapsibleChildren]=children;return _react.default.createElement(IsExpandedContext.Provider,{value:isExpanded},collapsibleHeader,_react.default.createElement(_Expandable.Expandable,{isExpanded:isExpanded,overflow:overflow,reduceMotion:reduceMotion,...ariaAttributes},collapsibleChildren))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get Collapsible(){return Collapsible},get CollapsibleHeader(){return CollapsibleHeader}};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")),_Box=require("../Box/Box"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),_Expandable=require("../Utilities/Expandable/Expandable"),IsExpandedContext=(0,_react.createContext)(!1),StyledButton=(0,_styled.default)("button",{target:"e1vaobs20",label:"StyledButton"})(({theme,isExpanded})=>({display:"block",width:"100%",backgroundColor:theme.values.color.background.primary.default,border:"none",cursor:"pointer",padding:0,...isExpanded&&{backgroundColor:theme.values.color.background.secondary.hover,":global(.isDarkmodeActive) &":{backgroundColor:theme.values.color.background.primary.default}},"&:hover":{backgroundColor:theme.values.color.background.secondary.hover,":global(.isDarkmodeActive) &":{backgroundColor:theme.values.color.background.primary.default}}}));function CollapsibleHeader({space,vSpace,rSpace,lSpace,tSpace,bSpace,onClick,children,expandedIconAriaLabel="expanded",collapsedIconAriaLabel="collapsed"}){let isExpanded=(0,_react.useContext)(IsExpandedContext);return _react.default.createElement(StyledButton,{type:"button","data-ds-id":"CollapsibleHeader",isExpanded:isExpanded,onClick:onClick},_react.default.createElement(_Box.Box,{space:space,vSpace:vSpace,rSpace:rSpace,lSpace:lSpace,tSpace:tSpace,bSpace:bSpace},_react.default.createElement(_Inline.Inline,{alignItems:"spaceBetween",noWrap:!0},_react.default.createElement("div",null,children),_react.default.createElement(_Icon.Icon,{"aria-label":isExpanded?expandedIconAriaLabel:collapsedIconAriaLabel,role:"img",name:isExpanded?"chevron-up":"chevron-down",color:"tertiary"}))))}function Collapsible({isExpanded,overflow,children,reduceMotion=!1,...ariaAttributes}){let[collapsibleHeader,...collapsibleChildren]=children;return _react.default.createElement(IsExpandedContext.Provider,{value:!!isExpanded},collapsibleHeader,_react.default.createElement(_Expandable.Expandable,{isExpanded:isExpanded,overflow:overflow,reduceMotion:reduceMotion,...ariaAttributes},collapsibleChildren))}

package/build/cjs/components/Container/Container.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Container",{enumerable:!0,get:function(){return Container}});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")),_mediaQueries=require("../../shared/mediaQueries"),handleElevationLevel=(theme,elevation)=>{switch(elevation-0){case 1:return theme.values.elevation[1];case 2:return theme.values.elevation[2];case 3:return theme.values.elevation[3];case 4:return theme.values.elevation[4];default:return""}},StyledContainer=(0,_styled.default)("div",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"elevation"!==prop&&"borderRadius"!==prop&&"border"!==prop&&"outlined"!==prop,target:"ey7t6110",label:"StyledContainer"})(({theme,elevation,borderRadius,squareCorners,border})=>({position:"relative",zIndex:0,backgroundColor:theme.values.color.background.primary.default,...squareCorners?{borderRadius:0}:(0,_mediaQueries.useResponsiveStyles)({borderRadius:[borderRadius,theme.variables.size.borderRadius]}),":after":{content:'" "',position:"absolute",zIndex:1,top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",borderRadius:"inherit",boxShadow:handleElevationLevel(theme,elevation),...border&&{outline:`1px solid ${theme.values.color.border.secondary.default}`,outlineOffset:-1}}})),StyledDiv=(0,_styled.default)("div",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"overflow"!==prop,target:"ey7t6111",label:"StyledDiv"})(({overflow})=>({borderRadius:"inherit",overflow,height:"100%",zIndex:0,position:"relative","& > *:last-child":{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},"& > *:first-of-type":{borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit"}}));function Container({children,elevation=1,borderRadius="m",overflow,outlined,squareCorners=!1,id,privateProps={border:!1},"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId="Container",...ariaAttributes}){let border=void 0!==outlined?outlined:privateProps.border;return _react.default.createElement(StyledContainer,{...ariaAttributes,id:id,"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId,elevation:elevation,borderRadius:borderRadius,squareCorners:squareCorners,border:border},_react.default.createElement(StyledDiv,{overflow:overflow},children))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Container",{enumerable:!0,get:function(){return Container}});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")),_mediaQueries=require("../../shared/mediaQueries"),handleElevationLevel=(theme,elevation)=>{switch(Number(elevation)){case 1:return theme.values.elevation[1];case 2:return theme.values.elevation[2];case 3:return theme.values.elevation[3];case 4:return theme.values.elevation[4];default:return""}},StyledContainer=(0,_styled.default)("div",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"elevation"!==prop&&"borderRadius"!==prop&&"border"!==prop&&"outlined"!==prop,target:"e1j9o92c0",label:"StyledContainer"})(({theme,elevation,borderRadius,squareCorners,border})=>({position:"relative",zIndex:0,backgroundColor:theme.values.color.background.primary.default,...squareCorners?{borderRadius:0}:(0,_mediaQueries.useResponsiveStyles)({borderRadius:[borderRadius,theme.variables.size.borderRadius]}),":after":{content:'" "',position:"absolute",zIndex:1,top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",borderRadius:"inherit",boxShadow:handleElevationLevel(theme,elevation),...border&&{outline:`1px solid ${theme.values.color.border.secondary.default}`,outlineOffset:-1}}})),StyledDiv=(0,_styled.default)("div",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"overflow"!==prop,target:"e1j9o92c1",label:"StyledDiv"})(({overflow})=>({borderRadius:"inherit",overflow,height:"100%",zIndex:0,position:"relative","& > *:last-child":{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},"& > *:first-of-type":{borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit"}}));function Container({children,elevation=1,borderRadius="m",overflow,outlined,squareCorners=!1,id,privateProps={border:!1},"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId="Container",...ariaAttributes}){let border=void 0!==outlined?outlined:privateProps.border;return _react.default.createElement(StyledContainer,{...ariaAttributes,id:id,"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId,elevation:elevation,borderRadius:borderRadius,squareCorners:squareCorners,border:border},_react.default.createElement(StyledDiv,{overflow:overflow},children))}

package/build/cjs/components/Content/ContentBadge/ContentBadge.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ContentBadge",{enumerable:!0,get:function(){return ContentBadge}});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")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_FontSizeOffsetContext=require("../ContentFontResizer/FontSizeOffsetContext"),_ContentTableContext=require("../ContentTable/ContentTableContext"),StyledBadge=(0,_styled.default)("span",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"color"!==prop,target:"egpyfcy0",label:"StyledBadge"})(({theme,color,fontSizeOffset,noLeadingSpace})=>{let{background,border,foreground}=theme.values.color.content.badge,fontSize=theme.variables.size.font.xxs,colorValue=color??"default";return{margin:`${theme.variables.size.spacing.zero} ${theme.variables.size.spacing.xxs}`,padding:`${theme.variables.size.spacing.xxxs} ${theme.variables.size.spacing.xxs}`,border:`1px solid ${border[colorValue]}`,borderRadius:theme.variables.size.borderRadius.xs,backgroundColor:background[colorValue],color:foreground[colorValue],fontFamily:theme.variables.fontFamily.lato,fontWeight:theme.variables.weight.bold,fontSize:0!==fontSizeOffset?`calc(${fontSize} + ${fontSizeOffset}px)`:fontSize,lineHeight:1,letterSpacing:theme.variables.size.letterSpacing.s,textTransform:"uppercase",whiteSpace:"nowrap",...noLeadingSpace&&{marginInlineStart:theme.variables.size.spacing.zero}}});function ContentBadge({text,color,"data-e2e-test-id":dataE2eTestId,...rest}){let fontSizeOffset=(0,_react.useContext)(_FontSizeOffsetContext.FontSizeOffsetContext),contentTableContext=(0,_react.useContext)(_ContentTableContext.ContentTableContext),tableFontSizeOffset=contentTableContext?.fontSizeOffset??0;return _react.default.createElement(StyledBadge,{"data-ds-id":"ContentBadge","data-e2e-test-id":dataE2eTestId,color:color,fontSizeOffset:fontSizeOffset+tableFontSizeOffset,...rest},text)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ContentBadge",{enumerable:!0,get:function(){return ContentBadge}});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")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_FontSizeOffsetContext=require("../ContentFontResizer/FontSizeOffsetContext"),_ContentTableContext=require("../ContentTable/ContentTableContext"),StyledBadge=(0,_styled.default)("span",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"color"!==prop,target:"enal3dc0",label:"StyledBadge"})(({theme,color,fontSizeOffset,noLeadingSpace})=>{let{background,border,foreground}=theme.values.color.content.badge,fontSize=theme.variables.size.font.xxs,colorValue=color??"default";return{margin:`${theme.variables.size.spacing.zero} ${theme.variables.size.spacing.xxs}`,padding:`${theme.variables.size.spacing.xxxs} ${theme.variables.size.spacing.xxs}`,border:`1px solid ${border[colorValue]}`,borderRadius:theme.variables.size.borderRadius.xs,backgroundColor:background[colorValue],color:foreground[colorValue],fontFamily:theme.variables.fontFamily.lato,fontWeight:theme.variables.weight.bold,fontSize:0!==fontSizeOffset?`calc(${fontSize} + ${fontSizeOffset}px)`:fontSize,lineHeight:1,letterSpacing:theme.variables.size.letterSpacing.s,textTransform:"uppercase",whiteSpace:"nowrap",...noLeadingSpace&&{marginInlineStart:theme.variables.size.spacing.zero}}});function ContentBadge({text,color,"data-e2e-test-id":dataE2eTestId,...rest}){let fontSizeOffset=(0,_react.useContext)(_FontSizeOffsetContext.FontSizeOffsetContext),contentTableContext=(0,_react.useContext)(_ContentTableContext.ContentTableContext),tableFontSizeOffset=contentTableContext?.fontSizeOffset??0;return _react.default.createElement(StyledBadge,{"data-ds-id":"ContentBadge","data-e2e-test-id":dataE2eTestId,color:color,fontSizeOffset:fontSizeOffset+tableFontSizeOffset,...rest},text)}

package/build/cjs/components/Content/ContentCheckbox/ContentCheckbox.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ContentCheckbox",{enumerable:!0,get:function(){return ContentCheckbox}});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"),_Text=require("../../Typography/Text/Text"),_Icon=require("../../Icon/Icon"),_Checkbox=require("../../Form/Checkbox/Checkbox"),_ContentText=require("../ContentText/ContentText"),_ContentFontResizer=require("../ContentFontResizer"),_getDisabledStyles=require("../../../shared/mixins/Button/getDisabledStyles"),StyledFakeInput=(0,_styled.default)(_Checkbox.StyledFakeInput,{target:"e2jgf570",label:"StyledFakeInput"})(({theme})=>({"input:checked + &, input:indeterminate + &":{background:theme.values.color.content.checkbox.background.default}})),StyledInputContainer=(0,_styled.default)(_Checkbox.StyledInputContainer,{target:"e2jgf571",label:"StyledInputContainer"})(({theme,isSpacedOut,vSize,fontSizeOffset})=>{let fontSize=(0,_Text.getTextFontSize)({theme,size:vSize}),lineHeight=(0,_Text.getTextLineHeight)({theme,size:vSize}),textLineHeightOffset=isSpacedOut?_ContentText.CONTENT_TEXT_LINE_HEIGHT_OFFSET:0,finalFontSize=0!==fontSizeOffset?`calc(${fontSize} + ${fontSizeOffset}px)`:fontSize,finalLineHeight=0!==textLineHeightOffset?`calc(${lineHeight} + ${textLineHeightOffset})`:lineHeight;return{height:`calc(${finalFontSize} * ${finalLineHeight})`}}),StyledLabelContent=(0,_styled.default)("div",{target:"e2jgf572",label:"StyledLabelContent"})(),StyledCheckboxContainer=(0,_styled.default)(_Checkbox.StyledCheckboxContainer,{target:"e2jgf573",label:"StyledCheckboxContainer"})(({theme,isInteractable})=>({"&:hover":{...isInteractable&&{cursor:"pointer",[`input:checked + ${StyledFakeInput}, input:indeterminate + ${StyledFakeInput}`]:{background:theme.values.color.content.checkbox.background.hover}}},[`:has(input:checked) ${StyledLabelContent} > *`]:{textDecoration:"line-through"},...!isInteractable&&{...(0,_getDisabledStyles.getDisabledStyles)({theme})}})),ContentCheckbox=_react.default.forwardRef(({indeterminate,size="m",disabled,checked,label,isSpacedOut=!1,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let internalRef=(0,_react.useRef)(null),inputRef=ref??internalRef,fontSizeOffset=(0,_react.useContext)(_ContentFontResizer.FontSizeOffsetContext);return(0,_react.useLayoutEffect)(()=>{inputRef.current&&(inputRef.current.indeterminate=indeterminate)},[indeterminate,inputRef]),_react.default.createElement("label",{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"ContentCheckbox"},_react.default.createElement(StyledCheckboxContainer,{isInteractable:!disabled},_react.default.createElement(_Inline.Inline,{space:"xs",vAlignItems:"top",noWrap:!0},_react.default.createElement(StyledInputContainer,{hSize:size,vSize:"m",isSpacedOut:isSpacedOut,fontSizeOffset:fontSizeOffset},_react.default.createElement(_Checkbox.StyledRealInput,{...rest,ref:inputRef,"aria-checked":indeterminate?"mixed":checked,type:"checkbox",disabled:disabled,checked:checked}),_react.default.createElement(StyledFakeInput,{size:size},indeterminate?_react.default.createElement(_Icon.Icon,{size:"s",name:"minus"}):_react.default.createElement(_Icon.Icon,{size:"s",name:"m"===size?"check":"check-small"}))),_react.default.createElement(StyledLabelContent,null,"string"==typeof label?_react.default.createElement(_ContentText.ContentText,{isSpacedOut:isSpacedOut},label):label))))});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ContentCheckbox",{enumerable:!0,get:function(){return ContentCheckbox}});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"),_Text=require("../../Typography/Text/Text"),_Icon=require("../../Icon/Icon"),_Checkbox=require("../../Form/Checkbox/Checkbox"),_ContentText=require("../ContentText/ContentText"),_ContentFontResizer=require("../ContentFontResizer"),_getDisabledStyles=require("../../../shared/mixins/Button/getDisabledStyles"),StyledFakeInput=(0,_styled.default)(_Checkbox.StyledFakeInput,{target:"e1dqrn6p0",label:"StyledFakeInput"})(({theme})=>({"input:checked + &, input:indeterminate + &":{background:theme.values.color.content.checkbox.background.default}})),StyledInputContainer=(0,_styled.default)(_Checkbox.StyledInputContainer,{target:"e1dqrn6p1",label:"StyledInputContainer"})(({theme,isSpacedOut,vSize,fontSizeOffset})=>{let fontSize=(0,_Text.getTextFontSize)({theme,size:vSize}),lineHeight=(0,_Text.getTextLineHeight)({theme,size:vSize}),textLineHeightOffset=isSpacedOut?_ContentText.CONTENT_TEXT_LINE_HEIGHT_OFFSET:0,finalFontSize=0!==fontSizeOffset?`calc(${fontSize} + ${fontSizeOffset}px)`:fontSize,finalLineHeight=0!==textLineHeightOffset?`calc(${lineHeight} + ${textLineHeightOffset})`:lineHeight;return{height:`calc(${finalFontSize} * ${finalLineHeight})`}}),StyledLabelContent=(0,_styled.default)("div",{target:"e1dqrn6p2",label:"StyledLabelContent"})(),StyledCheckboxContainer=(0,_styled.default)(_Checkbox.StyledCheckboxContainer,{target:"e1dqrn6p3",label:"StyledCheckboxContainer"})(({theme,isInteractable})=>({"&:hover":{...isInteractable&&{cursor:"pointer",[`input:checked + ${StyledFakeInput}, input:indeterminate + ${StyledFakeInput}`]:{background:theme.values.color.content.checkbox.background.hover}}},[`:has(input:checked) ${StyledLabelContent} > *`]:{textDecoration:"line-through"},...!isInteractable&&{...(0,_getDisabledStyles.getDisabledStyles)({theme})}})),ContentCheckbox=_react.default.forwardRef(({indeterminate,size="m",disabled,checked,label,isSpacedOut=!1,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let internalRef=(0,_react.useRef)(null),inputRef=ref??internalRef,fontSizeOffset=(0,_react.useContext)(_ContentFontResizer.FontSizeOffsetContext);return(0,_react.useLayoutEffect)(()=>{"function"!=typeof inputRef&&inputRef.current&&(inputRef.current.indeterminate=!!indeterminate)},[indeterminate,inputRef]),_react.default.createElement("label",{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"ContentCheckbox"},_react.default.createElement(StyledCheckboxContainer,{isInteractable:!disabled},_react.default.createElement(_Inline.Inline,{space:"xs",vAlignItems:"top",noWrap:!0},_react.default.createElement(StyledInputContainer,{hSize:size,vSize:"m",isSpacedOut:isSpacedOut,fontSizeOffset:fontSizeOffset},_react.default.createElement(_Checkbox.StyledRealInput,{...rest,ref:inputRef,"aria-checked":indeterminate?"mixed":checked,type:"checkbox",disabled:disabled,checked:checked}),_react.default.createElement(StyledFakeInput,{size:size},indeterminate?_react.default.createElement(_Icon.Icon,{size:"s",name:"minus"}):_react.default.createElement(_Icon.Icon,{size:"s",name:"m"===size?"check":"check-small"}))),_react.default.createElement(StyledLabelContent,null,"string"==typeof label?_react.default.createElement(_ContentText.ContentText,{isSpacedOut:isSpacedOut},label):label))))});

package/build/cjs/components/Content/ContentLink/ContentLink.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ContentLink",{enumerable:!0,get:function(){return ContentLink}});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")),_Link=require("../../Link/Link"),_FontSizeOffsetContext=require("../ContentFontResizer/FontSizeOffsetContext"),_isContentColor=require("../utils/isContentColor"),_ContentTableContext=require("../ContentTable/ContentTableContext"),_Text=require("../../Typography/Text/Text"),_ContentText=require("../ContentText/ContentText"),StyledContentLink=(0,_styled.default)(_Link.Link,{target:"e5vl0wm0",label:"StyledContentLink"})(({theme,fontSizeOffset,contentColor,size,isDotted,isSpacedOut,color})=>{let fontSize=(0,_Text.getTextFontSize)({theme,size}),lineHeight=(0,_Text.getTextLineHeight)({theme,size}),isDottedLink=isDotted&&(!!contentColor||"primary"===color||"secondary"===color||"tertiary"===color),textLineHeightOffset=isSpacedOut?_ContentText.CONTENT_TEXT_LINE_HEIGHT_OFFSET:0;return{fontSize:0!==fontSizeOffset?`calc(${fontSize} + ${fontSizeOffset}px)`:fontSize,lineHeight:0!==textLineHeightOffset?`calc(${lineHeight} + ${textLineHeightOffset})`:lineHeight,...contentColor&&{color:theme.values.color.content.text[contentColor].default,textDecorationColor:theme.values.color.content.textUnderline[contentColor].default,"&:hover":{color:theme.values.color.content.text[contentColor].hover,textDecorationColor:theme.values.color.content.textUnderline[contentColor].hover}},...isDottedLink&&{textDecorationStyle:"dotted",textDecorationThickness:"2px",textUnderlineOffset:"2px",textDecorationSkipInk:"none",textDecorationColor:contentColor?theme.values.color.content.textDottedUnderline[contentColor].default:theme.values.color.text.dottedUnderline.default,"&:hover":{color:theme.values.color.content.text[contentColor]?.hover,textDecorationThickness:"2px",textDecorationColor:contentColor?theme.values.color.content.textDottedUnderline[contentColor].hover:theme.values.color.text.dottedUnderline.hover}}}}),ContentLink=_react.default.forwardRef(({size,color,isDotted=!1,isSpacedOut,...rest},ref)=>{let fontSizeOffset=(0,_react.useContext)(_FontSizeOffsetContext.FontSizeOffsetContext),contentTableContext=(0,_react.useContext)(_ContentTableContext.ContentTableContext),contentTextContext=(0,_react.useContext)(_ContentText.ContentTextContext),tableFontSizeOffset=contentTableContext?.fontSizeOffset??0,colorValue=color??contentTextContext?.color,isSpacedOutValue=isSpacedOut??contentTextContext?.isSpacedOut??!1,contentColor=(0,_isContentColor.isContentColor)(colorValue)?colorValue:void 0,linkColor=(0,_isContentColor.isContentColor)(colorValue)?void 0:colorValue;return _react.default.createElement(StyledContentLink,{"data-ds-id":"ContentLink",fontSizeOffset:fontSizeOffset+tableFontSizeOffset,isSpacedOut:isSpacedOutValue,size:size??contentTextContext?.size,color:linkColor,contentColor:contentColor,isDotted:isDotted,inline:!0,ref:ref,...rest})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ContentLink",{enumerable:!0,get:function(){return ContentLink}});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"),_Link=require("../../Link/Link"),_FontSizeOffsetContext=require("../ContentFontResizer/FontSizeOffsetContext"),_isContentColor=require("../utils/isContentColor"),_ContentTableContext=require("../ContentTable/ContentTableContext"),_Text=require("../../Typography/Text/Text"),_ContentText=require("../ContentText/ContentText"),StyledContentLink=(0,_styled.default)(_Link.Link,{target:"esy09370",label:"StyledContentLink"})(({theme,fontSizeOffset,contentColor,size,isDotted,isSpacedOut,color})=>{let fontSize=size?(0,_Text.getTextFontSize)({theme,size}):void 0,lineHeight=size?(0,_Text.getTextLineHeight)({theme,size}):void 0,isDottedLink=isDotted&&(!!contentColor||"primary"===color||"secondary"===color||"tertiary"===color),textLineHeightOffset=isSpacedOut?_ContentText.CONTENT_TEXT_LINE_HEIGHT_OFFSET:0;return{fontSize:0!==fontSizeOffset?`calc(${fontSize} + ${fontSizeOffset}px)`:fontSize,lineHeight:0!==textLineHeightOffset?`calc(${lineHeight} + ${textLineHeightOffset})`:lineHeight,...contentColor&&{color:theme.values.color.content.text[contentColor].default,textDecorationColor:theme.values.color.content.textUnderline[contentColor].default,"&:hover":{color:theme.values.color.content.text[contentColor].hover,textDecorationColor:theme.values.color.content.textUnderline[contentColor].hover}},...isDottedLink&&{textDecorationStyle:"dotted",textDecorationThickness:"2px",textUnderlineOffset:"2px",textDecorationSkipInk:"none",textDecorationColor:contentColor?theme.values.color.content.textDottedUnderline[contentColor].default:theme.values.color.text.dottedUnderline.default,"&:hover":{color:contentColor?theme.values.color.content.text[contentColor]?.hover:void 0,textDecorationThickness:"2px",textDecorationColor:contentColor?theme.values.color.content.textDottedUnderline[contentColor].hover:theme.values.color.text.dottedUnderline.hover}}}}),ContentLink=(0,_forwardRefPolymorphic.forwardRefPolymorphic)(({size,color,isDotted=!1,isSpacedOut,...rest},ref)=>{let fontSizeOffset=(0,_react.useContext)(_FontSizeOffsetContext.FontSizeOffsetContext),contentTableContext=(0,_react.useContext)(_ContentTableContext.ContentTableContext),contentTextContext=(0,_react.useContext)(_ContentText.ContentTextContext),tableFontSizeOffset=contentTableContext?.fontSizeOffset??0,colorValue=color??contentTextContext?.color,isSpacedOutValue=isSpacedOut??contentTextContext?.isSpacedOut??!1,contentColor=(0,_isContentColor.isContentColor)(colorValue)?colorValue:void 0,linkColor=(0,_isContentColor.isContentColor)(colorValue)?void 0:colorValue;return _react.default.createElement(StyledContentLink,{"data-ds-id":"ContentLink",fontSizeOffset:fontSizeOffset+tableFontSizeOffset,isSpacedOut:isSpacedOutValue,size:size??contentTextContext?.size,color:linkColor,contentColor:contentColor,isDotted:isDotted,inline:!0,ref:ref,...rest})});

package/build/cjs/components/Content/ContentPictogramButton/ContentPictogramButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ContentPictogramButton",{enumerable:!0,get:function(){return ContentPictogramButton}});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"),_isContentColor=require("../utils/isContentColor"),StyledPictogramComponent=(0,_styled.default)(_PictogramButton.PictogramButton,{target:"elrbn770",label:"StyledPictogramComponent"})(({theme,iconColor,disabled})=>({...iconColor&&{color:theme.values.color.content.icon[iconColor].default,...!disabled&&{"&:active":{color:theme.values.color.content.icon[iconColor].hover}}}})),ContentPictogramButton=_react.default.forwardRef(({icon,iconColor,disabled=!1,size="xs",variant="quaternary",...rest},ref)=>{let contentColor=(0,_isContentColor.isContentColor)(iconColor)?iconColor:void 0;return _react.default.createElement(StyledPictogramComponent,{...rest,ref:ref,icon:icon,iconColor:contentColor,disabled:disabled,size:size,variant:variant})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ContentPictogramButton",{enumerable:!0,get:function(){return ContentPictogramButton}});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")),_forwardRefPolymorphic=require("../../../shared/forwardRefPolymorphic"),_PictogramButton=require("../../PictogramButton/PictogramButton"),_isContentColor=require("../utils/isContentColor"),StyledPictogramComponent=(0,_styled.default)(_PictogramButton.PictogramButton,{target:"e1y5oonw0",label:"StyledPictogramComponent"})(({theme,iconColor,disabled})=>({...iconColor&&{color:theme.values.color.content.icon[iconColor].default,...!disabled&&{"&:active":{color:theme.values.color.content.icon[iconColor].hover}}}})),ContentPictogramButton=(0,_forwardRefPolymorphic.forwardRefPolymorphic)(({icon,iconColor,disabled=!1,size="xs",variant="quaternary",...rest},ref)=>{let contentColor=(0,_isContentColor.isContentColor)(iconColor)?iconColor:void 0;return _react.default.createElement(StyledPictogramComponent,{...rest,ref:ref,icon:icon,iconColor:contentColor,disabled:disabled,size:size,variant:variant})});

package/build/cjs/components/Content/ContentTableModal/ContentTableModal.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ContentTableModal",{enumerable:!0,get:function(){return ContentTableModal}});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"),_Container=require("../../Container/Container"),_Box=require("../../Box/Box"),_Inline=require("../../Inline/Inline"),_PictogramButton=require("../../PictogramButton/PictogramButton"),_mediaQueries=require("../../../shared/mediaQueries"),_useScrollDetection=require("../../../shared/useScrollDetection"),_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:"e2s0lh90",label:"StyledModalWrapper"})(({theme})=>{let fadeInModal=(0,_react.useMemo)(()=>(0,_react1.keyframes)`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ContentTableModal",{enumerable:!0,get:function(){return ContentTableModal}});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"),_Container=require("../../Container/Container"),_Box=require("../../Box/Box"),_Inline=require("../../Inline/Inline"),_PictogramButton=require("../../PictogramButton/PictogramButton"),_mediaQueries=require("../../../shared/mediaQueries"),_useScrollDetection=require("../../../shared/useScrollDetection"),_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:"e1lxtlm20",label:"StyledModalWrapper"})(({theme})=>{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)`,"auto"],maxWidth:[`calc(100% - ${getMobileSpace(theme)} * 2)`,`calc(100% - ${getDesktopSpace(theme)} * 2)`]})}}),StyledInner=(0,_styled.default)("div",{target:"e2s0lh91",label:"StyledInner"})(({theme})=>{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:[fullScreenMobile,"auto"],maxHeight:[fullScreenMobile,`calc(100dvh - ${desktopVerticalSpace} * 2 - ${desktopInnerVerticalSpace} * 2)`]}),flexDirection:"column",overflow:"hidden"}}),StyledBody=(0,_styled.default)("div",{target:"e2s0lh92",label:"StyledBody"})(({theme,borderTop,borderBottom})=>({height:"auto",overflowY:"auto",maxHeight:"100%",flex:1,...borderBottom&&{borderBottom:`1px solid ${theme.values.color.divider.primary}`},...borderTop&&{borderTop:`1px solid ${theme.values.color.divider.primary}`}})),StyledMaxWidth=(0,_styled.default)("div",{target:"e2s0lh93",label:"StyledMaxWidth"})(({theme})=>({maxWidth:theme.variables.size.dimension.modal.fullScreenContentWidth,margin:"0 auto",height:"100%"})),HorizontalOffset=({children,height,tSpace,bSpace,id})=>_react.default.createElement(_Box.Box,{space:["m","xl"],vSpace:"zero",tSpace:tSpace,bSpace:bSpace,id:id,height:height},_react.default.createElement(StyledMaxWidth,null,children));function ContentTableModal({children,role="dialog",onAction,portalContainer,closeButtonAriaLabel="Dismiss Dialog","data-e2e-test-id":dataE2eTestId,initialFocus,tableControls=_react.default.createElement("div",null),"aria-label":ariaLabel,"aria-describedby":ariaDescribedBy,footer,...restAriaAttributes}){let backdropRef=(0,_react.useRef)(null),footerId=(0,_react.useId)(),{scrollableRef,isScrollTop,isScrollBottom,hasScroll}=(0,_useScrollDetection.useScrollDetection)(),handleClose=()=>{onAction("cancel")},closeButton=_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:!0,initialFocus:initialFocus},_react.default.createElement(StyledModalWrapper,{role:role,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"ContentTableModal","aria-label":ariaLabel,"aria-describedby":[ariaDescribedBy,footer&&footerId].filter(Boolean).join(" ")||void 0,...restAriaAttributes,"aria-modal":"true",tabIndex:-1},_react.default.createElement(_Container.Container,{elevation:4},_react.default.createElement(_Box.Box,{space:"zero",vSpace:["m","xl"],bSpace:"xs"},_react.default.createElement(StyledInner,null,_react.default.createElement(HorizontalOffset,null,_react.default.createElement(_Box.Box,{space:"zero",bSpace:"xxs"},_react.default.createElement(_Inline.Inline,{alignItems:"spaceBetween"},tableControls,closeButton))),_react.default.createElement(StyledBody,{ref:scrollableRef,borderTop:hasScroll&&!isScrollTop,borderBottom:!!footer&&hasScroll&&!isScrollBottom},_react.default.createElement(_Box.Box,{space:"zero",vSpace:"xxxs",height:"100%"},_react.default.createElement(HorizontalOffset,{height:"100%"},children))),footer&&_react.default.createElement(HorizontalOffset,{tSpace:"xs",bSpace:"s",id:footerId},footer))))))}
+    `,[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)`,"auto"],maxWidth:[`calc(100% - ${getMobileSpace(theme)} * 2)`,`calc(100% - ${getDesktopSpace(theme)} * 2)`]})}}),StyledInner=(0,_styled.default)("div",{target:"e1lxtlm21",label:"StyledInner"})(({theme})=>{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:[fullScreenMobile,"auto"],maxHeight:[fullScreenMobile,`calc(100dvh - ${desktopVerticalSpace} * 2 - ${desktopInnerVerticalSpace} * 2)`]}),flexDirection:"column",overflow:"hidden"}}),StyledBody=(0,_styled.default)("div",{target:"e1lxtlm22",label:"StyledBody"})(({theme,borderTop,borderBottom})=>({height:"auto",overflowY:"auto",maxHeight:"100%",flex:1,...borderBottom&&{borderBottom:`1px solid ${theme.values.color.divider.primary}`},...borderTop&&{borderTop:`1px solid ${theme.values.color.divider.primary}`}})),StyledMaxWidth=(0,_styled.default)("div",{target:"e1lxtlm23",label:"StyledMaxWidth"})(({theme})=>({maxWidth:theme.variables.size.dimension.modal.fullScreenContentWidth,margin:"0 auto",height:"100%"})),HorizontalOffset=({children,height,tSpace,bSpace,id})=>_react.default.createElement(_Box.Box,{space:["m","xl"],vSpace:"zero",tSpace:tSpace,bSpace:bSpace,id:id,height:height},_react.default.createElement(StyledMaxWidth,null,children));function ContentTableModal({children,role="dialog",onAction,portalContainer,closeButtonAriaLabel="Dismiss Dialog","data-e2e-test-id":dataE2eTestId,initialFocus,tableControls=_react.default.createElement("div",null),"aria-label":ariaLabel,"aria-describedby":ariaDescribedBy,footer,...restAriaAttributes}){let backdropRef=(0,_react.useRef)(null),footerId=(0,_react.useId)(),{scrollableRef,isScrollTop,isScrollBottom,hasScroll}=(0,_useScrollDetection.useScrollDetection)(),handleClose=()=>{onAction?.("cancel")},closeButton=_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:!0,initialFocus:initialFocus},_react.default.createElement(StyledModalWrapper,{role:role,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"ContentTableModal","aria-label":ariaLabel,"aria-describedby":[ariaDescribedBy,footer&&footerId].filter(Boolean).join(" ")||void 0,...restAriaAttributes,"aria-modal":"true",tabIndex:-1},_react.default.createElement(_Container.Container,{elevation:4},_react.default.createElement(_Box.Box,{space:"zero",vSpace:["m","xl"],bSpace:"xs"},_react.default.createElement(StyledInner,null,_react.default.createElement(HorizontalOffset,null,_react.default.createElement(_Box.Box,{space:"zero",bSpace:"xxs"},_react.default.createElement(_Inline.Inline,{alignItems:"spaceBetween"},tableControls,closeButton))),_react.default.createElement(StyledBody,{ref:scrollableRef,borderTop:hasScroll&&!isScrollTop,borderBottom:!!footer&&hasScroll&&!isScrollBottom},_react.default.createElement(_Box.Box,{space:"zero",vSpace:"xxxs",height:"100%"},_react.default.createElement(HorizontalOffset,{height:"100%"},children))),footer&&_react.default.createElement(HorizontalOffset,{tSpace:"xs",bSpace:"s",id:footerId},footer))))))}

package/build/cjs/components/Content/ContentText/ContentText.d.ts

@@ -7,6 +7,6 @@ export type ContentTextProps = TypographyTextProps & {
     /** Provides additional line-height */
     isSpacedOut?: boolean;
 };
-export declare const ContentTextContext: React.Context<Pick<ContentTextProps, "color" | "size" | "weight" | "isSpacedOut">>;
+export declare const ContentTextContext: React.Context<Pick<ContentTextProps, "color" | "size" | "weight" | "isSpacedOut"> | null>;
 export declare const CONTENT_TEXT_LINE_HEIGHT_OFFSET = 0.14;
 export declare function ContentText({ size, color, weight, isSpacedOut, children, ...rest }: ContentTextProps): React.ReactElement;

package/build/cjs/components/Content/ContentText/ContentText.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get CONTENT_TEXT_LINE_HEIGHT_OFFSET(){return CONTENT_TEXT_LINE_HEIGHT_OFFSET},get ContentText(){return ContentText},get ContentTextContext(){return ContentTextContext}};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")),_Text=require("../../Typography/Text"),_FontSizeOffsetContext=require("../ContentFontResizer/FontSizeOffsetContext"),_ContentTableContext=require("../ContentTable/ContentTableContext"),_Text1=require("../../Typography/Text/Text"),_isContentColor=require("../utils/isContentColor"),ContentTextContext=(0,_react.createContext)(null),CONTENT_TEXT_LINE_HEIGHT_OFFSET=.14,TextComponent=(0,_styled.default)(_Text.Text,{target:"e1ygjcq60",label:"TextComponent"})(({theme,fontSizeOffset,contentColor,size,isSpacedOut})=>{let fontSize=(0,_Text1.getTextFontSize)({theme,size}),lineHeight=(0,_Text1.getTextLineHeight)({theme,size}),textLineHeightOffset=isSpacedOut?CONTENT_TEXT_LINE_HEIGHT_OFFSET:0;return{fontSize:0!==fontSizeOffset?`calc(${fontSize} + ${fontSizeOffset}px)`:fontSize,lineHeight:0!==textLineHeightOffset?`calc(${lineHeight} + ${textLineHeightOffset})`:lineHeight,...contentColor&&{color:theme.values.color.content.text[contentColor].default}}});function ContentText({size="m",color,weight,isSpacedOut=!1,children,...rest}){let fontSizeOffset=(0,_react.useContext)(_FontSizeOffsetContext.FontSizeOffsetContext),contentTableContext=(0,_react.useContext)(_ContentTableContext.ContentTableContext),tableFontSizeOffset=contentTableContext?.fontSizeOffset??0,contentColor=(0,_isContentColor.isContentColor)(color)?color:void 0,textColor=(0,_isContentColor.isContentColor)(color)?void 0:color,contextValue=(0,_react.useMemo)(()=>({color,size,weight,isSpacedOut}),[color,size,weight,isSpacedOut]);return _react.default.createElement(TextComponent,{"data-ds-id":"ContentText",fontSizeOffset:fontSizeOffset+tableFontSizeOffset,size:size,color:textColor,contentColor:contentColor,weight:weight,isSpacedOut:isSpacedOut,...rest},_react.default.createElement(ContentTextContext.Provider,{value:contextValue},children))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get CONTENT_TEXT_LINE_HEIGHT_OFFSET(){return CONTENT_TEXT_LINE_HEIGHT_OFFSET},get ContentText(){return ContentText},get ContentTextContext(){return ContentTextContext}};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")),_Text=require("../../Typography/Text"),_FontSizeOffsetContext=require("../ContentFontResizer/FontSizeOffsetContext"),_ContentTableContext=require("../ContentTable/ContentTableContext"),_Text1=require("../../Typography/Text/Text"),_isContentColor=require("../utils/isContentColor"),ContentTextContext=(0,_react.createContext)(null),CONTENT_TEXT_LINE_HEIGHT_OFFSET=.14,TextComponent=(0,_styled.default)(_Text.Text,{target:"e10ozzjp0",label:"TextComponent"})(({theme,fontSizeOffset,contentColor,size="m",isSpacedOut})=>{let fontSize=(0,_Text1.getTextFontSize)({theme,size}),lineHeight=(0,_Text1.getTextLineHeight)({theme,size}),textLineHeightOffset=isSpacedOut?CONTENT_TEXT_LINE_HEIGHT_OFFSET:0;return{fontSize:0!==fontSizeOffset?`calc(${fontSize} + ${fontSizeOffset}px)`:fontSize,lineHeight:0!==textLineHeightOffset?`calc(${lineHeight} + ${textLineHeightOffset})`:lineHeight,...contentColor&&{color:theme.values.color.content.text[contentColor].default}}});function ContentText({size="m",color,weight,isSpacedOut=!1,children,...rest}){let fontSizeOffset=(0,_react.useContext)(_FontSizeOffsetContext.FontSizeOffsetContext),contentTableContext=(0,_react.useContext)(_ContentTableContext.ContentTableContext),tableFontSizeOffset=contentTableContext?.fontSizeOffset??0,contentColor=(0,_isContentColor.isContentColor)(color)?color:void 0,textColor=(0,_isContentColor.isContentColor)(color)?void 0:color,contextValue=(0,_react.useMemo)(()=>({color,size,weight,isSpacedOut}),[color,size,weight,isSpacedOut]);return _react.default.createElement(TextComponent,{"data-ds-id":"ContentText",fontSizeOffset:fontSizeOffset+tableFontSizeOffset,size:size,color:textColor,contentColor:contentColor,weight:weight,isSpacedOut:isSpacedOut,...rest},_react.default.createElement(ContentTextContext.Provider,{value:contextValue},children))}

package/build/cjs/components/Content/DosageButton/DosageButton.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 export type DosageButtonProps = React.ComponentPropsWithRef<"button">;
 export declare const DosageButton: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: React.Ref<HTMLButtonElement>;
+    ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
 }, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/build/cjs/components/CountButton/CountButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CountButton",{enumerable:!0,get:function(){return CountButton}});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")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_react1=require("@emotion/react"),_Inline=require("../Inline/Inline"),_Icon=require("../Icon/Icon"),_mixins=require("../../shared/mixins"),_BaseTag=require("../Internal/BaseTag/BaseTag"),StyledButton=(0,_styled.default)("button",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"loading"!==prop,target:"e1efm8850",label:"StyledButton"})(({theme,fullWidth,size,disabled,loading})=>({...(0,_mixins.getButtonAppearanceReset)(),...(0,_mixins.getBaseButtonStyles)({theme,size}),...(0,_mixins.getSecondaryVariantStyles)({theme,disabled,size}),...loading&&{borderColor:theme.values.color.border.primary.disabled},...disabled&&{...!loading&&{...(0,_mixins.getDisabledStyles)({theme})},cursor:"not-allowed"},...fullWidth&&{width:"100%"}})),StyledInner=(0,_styled.default)("div",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"loading"!==prop,target:"e1efm8851",label:"StyledInner"})(({loading})=>loading&&{color:"transparent"}),StyledTagWrapper=(0,_styled.default)("span",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"loading"!==prop,target:"e1efm8852",label:"StyledTagWrapper"})(({loading})=>({display:"flex",...loading&&{opacity:0}})),StyledLoaderWrap=(0,_styled.default)("div",{target:"e1efm8853",label:"StyledLoaderWrap"})(()=>({position:"relative",width:"100%",height:"100%",top:0,left:0,display:"flex",justifyContent:"center"})),rotation=(0,_react1.keyframes)({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},"label:rotation"),StyledLoader=(0,_styled.default)("div",{target:"e1efm8854",label:"StyledLoader"})(()=>({position:"absolute",animation:`${rotation} 1s infinite linear`})),CountButton=_react.default.forwardRef(({"data-e2e-test-id":dataE2eTestId,as,children,disabled=!1,fullWidth=!1,leftIcon,rightIcon,loading=!1,onBlur,onClick,onFocus,count,size="m",type="button",...rest},ref)=>{let handleClick=(0,_react.useCallback)(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]);return _react.default.createElement(StyledButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Button",as:as,disabled:disabled||loading,loading:loading,type:as&&"button"!==as?void 0:type,fullWidth:fullWidth,size:size,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...rest},loading&&_react.default.createElement(StyledLoaderWrap,null,_react.default.createElement(StyledLoader,null,_react.default.createElement(_Icon.Icon,{"aria-hidden":!0,size:"s",name:"loader",color:"primary","data-testid":"loader","data-e2e-test-id":"loader"}))),_react.default.createElement(StyledInner,{loading:loading},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"center",space:"s"===size?"xxs":"xs",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(_Inline.Inline,{space:"xxs",vAlignItems:"center",alignItems:"center",noWrap:!0},children,null!==count&&_react.default.createElement(StyledTagWrapper,{loading:loading},_react.default.createElement(_BaseTag.BaseTag,{colorVariant:"blue",size:"s",label:count.toString()}))),rightIcon&&_react.default.createElement(_Icon.Icon,{size:"s",name:rightIcon,"data-testid":rightIcon,"data-e2e-test-id":rightIcon,"aria-hidden":!0}))))});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CountButton",{enumerable:!0,get:function(){return CountButton}});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")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_react1=require("@emotion/react"),_forwardRefPolymorphic=require("../../shared/forwardRefPolymorphic"),_Inline=require("../Inline/Inline"),_Icon=require("../Icon/Icon"),_mixins=require("../../shared/mixins"),_BaseTag=require("../Internal/BaseTag/BaseTag"),StyledButton=(0,_styled.default)("button",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"loading"!==prop,target:"e1uvurwy0",label:"StyledButton"})(({theme,fullWidth,size,disabled,loading})=>({...(0,_mixins.getButtonAppearanceReset)(),...(0,_mixins.getBaseButtonStyles)({theme,size}),...(0,_mixins.getSecondaryVariantStyles)({theme,disabled,size}),...loading&&{borderColor:theme.values.color.border.primary.disabled},...disabled&&{...!loading&&{...(0,_mixins.getDisabledStyles)({theme})},cursor:"not-allowed"},...fullWidth&&{width:"100%"}})),StyledInner=(0,_styled.default)("div",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"loading"!==prop,target:"e1uvurwy1",label:"StyledInner"})(({loading})=>loading&&{color:"transparent"}),StyledTagWrapper=(0,_styled.default)("span",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"loading"!==prop,target:"e1uvurwy2",label:"StyledTagWrapper"})(({loading})=>({display:"flex",...loading&&{opacity:0}})),StyledLoaderWrap=(0,_styled.default)("div",{target:"e1uvurwy3",label:"StyledLoaderWrap"})(()=>({position:"relative",width:"100%",height:"100%",top:0,left:0,display:"flex",justifyContent:"center"})),rotation=(0,_react1.keyframes)({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},"label:rotation"),StyledLoader=(0,_styled.default)("div",{target:"e1uvurwy4",label:"StyledLoader"})(()=>({position:"absolute",animation:`${rotation} 1s infinite linear`})),CountButton=(0,_forwardRefPolymorphic.forwardRefPolymorphic)(({"data-e2e-test-id":dataE2eTestId,as,children,disabled=!1,fullWidth=!1,leftIcon,rightIcon,loading=!1,onBlur,onClick,onFocus,count,size="m",type="button",...rest},ref)=>{let handleClick=(0,_react.useCallback)(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]);return _react.default.createElement(StyledButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Button",as:as,disabled:disabled||loading,loading:loading,type:as&&"button"!==as?void 0:type??void 0,fullWidth:fullWidth,size:size,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...rest},loading&&_react.default.createElement(StyledLoaderWrap,null,_react.default.createElement(StyledLoader,null,_react.default.createElement(_Icon.Icon,{"aria-hidden":!0,size:"s",name:"loader",color:"primary","data-testid":"loader","data-e2e-test-id":"loader"}))),_react.default.createElement(StyledInner,{loading:loading},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"center",space:"s"===size?"xxs":"xs",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(_Inline.Inline,{space:"xxs",vAlignItems:"center",alignItems:"center",noWrap:!0},children,null!==count&&_react.default.createElement(StyledTagWrapper,{loading:loading},_react.default.createElement(_BaseTag.BaseTag,{colorVariant:"blue",size:"s",label:count.toString()}))),rightIcon&&_react.default.createElement(_Icon.Icon,{size:"s",name:rightIcon,"data-testid":rightIcon,"data-e2e-test-id":rightIcon,"aria-hidden":!0}))))});

package/build/cjs/components/DataTable/header/SortableCellContent.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get SortableCellContent(){return SortableCellContent},get StyledLabel(){return StyledLabel}};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")),_Text=require("../../Typography/Text/Text"),_Icon=require("../../Icon/Icon"),_mediaQueries=require("../../../shared/mediaQueries"),_DataTableHeaderToggletip=require("./DataTableHeaderToggletip"),SORT_DIRECTION_ICON={asc:"sort-ascending",desc:"sort-descending"},SortIcon=(0,_styled.default)("span",{target:"e109ymrb0",label:"SortIcon"})(({theme})=>({marginLeft:theme.variables.size.spacing.xxxs,verticalAlign:"middle",color:theme.values.color.text.primary.default,display:"flex"})),StyledSortableCellWrapper=(0,_styled.default)("div",{target:"e109ymrb1",label:"StyledSortableCellWrapper"})(({theme})=>({display:"inline-flex",gap:theme.variables.size.spacing.xs})),StyledLabel=(0,_styled.default)(_Text.Text,{target:"e109ymrb2",label:"StyledLabel"})(({theme,alignColumn,normalizeHeight})=>({display:"flex",alignItems:"center",flexWrap:"nowrap",fontWeight:theme.variables.weight.bold,lineHeight:theme.variables.size.lineHeight.m,...(0,_mediaQueries.useResponsiveValue)({textAlign:alignColumn}),...normalizeHeight&&{paddingTop:theme.variables.size.spacing.xxs,paddingBottom:theme.variables.size.spacing.xxs}})),StyledSortableCellContent=(0,_styled.default)("button",{target:"e109ymrb3",label:"StyledSortableCellContent"})(({theme,alignColumn})=>({width:"100%",padding:0,background:"none",border:"none",cursor:"pointer",...(0,_mediaQueries.useResponsiveValue)({textAlign:alignColumn}),[`&:hover ${StyledLabel}`]:{color:theme.values.color.text.primary.default}}));function SortableCellContent({name,label,align,toggletipContent,toggletipAriaLabel,sortDirection="asc",currentlySortedByColumn,onSort}){let[hovered,setHovered]=(0,_react.useState)(!1),desiredSortDirection="asc"===sortDirection?"desc":"asc",iconName="sort-neutral";return name===currentlySortedByColumn&&(iconName=SORT_DIRECTION_ICON[sortDirection]),hovered&&(iconName=SORT_DIRECTION_ICON[desiredSortDirection]),_react.default.createElement(StyledSortableCellWrapper,null,_react.default.createElement(StyledSortableCellContent,{onClick:()=>{setHovered(!1),onSort&&onSort(name,desiredSortDirection)},type:"button",alignColumn:align,onPointerEnter:()=>setHovered(!0),onPointerLeave:()=>setHovered(!1)},_react.default.createElement(StyledLabel,{as:"span",size:"s",variant:"tertiary",normalizeHeight:!toggletipContent},label,_react.default.createElement(SortIcon,{"aria-hidden":"true"},_react.default.createElement(_Icon.Icon,{size:"s",name:iconName,color:"primary"})))),toggletipContent&&_react.default.createElement(_DataTableHeaderToggletip.DataTableHeaderToggletip,{content:toggletipContent,"aria-label":toggletipAriaLabel}))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get SortableCellContent(){return SortableCellContent},get StyledLabel(){return StyledLabel}};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")),_Text=require("../../Typography/Text/Text"),_Icon=require("../../Icon/Icon"),_mediaQueries=require("../../../shared/mediaQueries"),_DataTableHeaderToggletip=require("./DataTableHeaderToggletip"),SORT_DIRECTION_ICON={asc:"sort-ascending",desc:"sort-descending"},SortIcon=(0,_styled.default)("span",{target:"e8dg4370",label:"SortIcon"})(({theme})=>({marginLeft:theme.variables.size.spacing.xxxs,verticalAlign:"middle",color:theme.values.color.text.primary.default,display:"flex"})),StyledSortableCellWrapper=(0,_styled.default)("div",{target:"e8dg4371",label:"StyledSortableCellWrapper"})(({theme})=>({display:"inline-flex",gap:theme.variables.size.spacing.xs})),StyledLabel=(0,_styled.default)(_Text.Text,{target:"e8dg4372",label:"StyledLabel"})(({theme,alignColumn,normalizeHeight})=>({display:"flex",alignItems:"center",flexWrap:"nowrap",fontWeight:theme.variables.weight.bold,lineHeight:theme.variables.size.lineHeight.m,...(0,_mediaQueries.useResponsiveValue)({textAlign:alignColumn}),...normalizeHeight&&{paddingTop:theme.variables.size.spacing.xxs,paddingBottom:theme.variables.size.spacing.xxs}})),StyledSortableCellContent=(0,_styled.default)("button",{target:"e8dg4373",label:"StyledSortableCellContent"})(({theme,alignColumn})=>({width:"100%",padding:0,background:"none",border:"none",cursor:"pointer",...(0,_mediaQueries.useResponsiveValue)({textAlign:alignColumn}),[`&:hover ${StyledLabel}`]:{color:theme.values.color.text.primary.default}}));function SortableCellContent({name,label,align,toggletipContent,toggletipAriaLabel,sortDirection="asc",currentlySortedByColumn,onSort}){let[hovered,setHovered]=(0,_react.useState)(!1),desiredSortDirection="asc"===sortDirection?"desc":"asc",iconName="sort-neutral";return name===currentlySortedByColumn&&(iconName=SORT_DIRECTION_ICON[sortDirection]),hovered&&(iconName=SORT_DIRECTION_ICON[desiredSortDirection]),_react.default.createElement(StyledSortableCellWrapper,null,_react.default.createElement(StyledSortableCellContent,{onClick:()=>{setHovered(!1),onSort&&onSort(name,desiredSortDirection)},type:"button",alignColumn:align,onPointerEnter:()=>setHovered(!0),onPointerLeave:()=>setHovered(!1)},_react.default.createElement(StyledLabel,{as:"span",size:"s",variant:"tertiary",normalizeHeight:!toggletipContent},label,_react.default.createElement(SortIcon,{"aria-hidden":"true"},_react.default.createElement(_Icon.Icon,{size:"s",name:iconName,color:"primary"})))),toggletipContent&&_react.default.createElement(_DataTableHeaderToggletip.DataTableHeaderToggletip,{content:toggletipContent,"aria-label":toggletipAriaLabel}))}

package/build/cjs/components/DataTable/header/TableHeader.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _default}});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")),_TableCell=/*#__PURE__*/_interop_require_default._(require("../TableCell")),_getColumnSticky=require("../internal/getColumnSticky"),_types=require("../internal/types"),_buildColumnSegments=require("../internal/buildColumnSegments"),_SortableCellContent=require("./SortableCellContent"),_DataTableHeaderLabel=require("./DataTableHeaderLabel"),SORT_DIRECTION_TEXT={asc:"ascending",desc:"descending"},StyledThead=(0,_styled.default)("thead",{target:"elv391v0",label:"StyledThead"})(({maxHeight})=>({...maxHeight&&{position:"sticky",top:0,zIndex:2}})),StyledTh=(0,_styled.default)(_TableCell.default,{target:"elv391v1",label:"StyledTh"})(({theme,hasDivider})=>({padding:`${theme.variables.size.spacing.s} ${theme.variables.size.spacing.m}`,whiteSpace:"nowrap",backgroundColor:theme.values.color.background.primary.default,...hasDivider&&{borderRight:`1px solid ${theme.values.color.divider.primary}`}})),_default=_react.default.memo(function({className,columns,isFirstColumnSticky,isLastColumnSticky,currentlySortedByColumn,isTableScrolledToLeft,isTableScrolledToRight,maxHeight,allRowsSelected,selectedRowIds,selectAllRowsCheckboxAriaLabel,onAllRowsSelectionChange,onSort}){let headerContext={onSort,currentlySortedByColumn,allRowsSelected,selectedRowIds,selectAllRowsCheckboxAriaLabel,onAllRowsSelectionChange},renderColumnCell=({column,columnIndex},rowSpan)=>{let headerElm,isLastColumn=columnIndex===columns.length-1,sticky=(0,_getColumnSticky.getColumnSticky)({column,columnIndex,columns,isFirstColumnSticky,isLastColumnSticky});if((0,_types.isControlColumn)(column))return _react.default.createElement(StyledTh,{as:"th",alignColumn:"left",columnWidth:column.width,key:column.name,rowSpan:rowSpan,sticky:sticky,isTableScrolledToLeft:isTableScrolledToLeft,isTableScrolledToRight:isTableScrolledToRight,hasDivider:!1,scope:"col"},column.renderHeader(headerContext));let{isSortable,label,align="left",width,name,sortDirection,toggletipContent,toggletipAriaLabel}=column;headerElm=isSortable?_react.default.createElement(_SortableCellContent.SortableCellContent,{onSort:onSort,name:name,label:label,sortDirection:sortDirection,align:align,currentlySortedByColumn:currentlySortedByColumn,toggletipContent:toggletipContent,toggletipAriaLabel:toggletipAriaLabel}):_react.default.createElement(_DataTableHeaderLabel.DataTableHeaderLabel,{label:label,align:align,slotProps:(0,_DataTableHeaderLabel.toToggletipSlotProps)(column)});let ariaSortAttr=currentlySortedByColumn===name&&{"aria-sort":SORT_DIRECTION_TEXT[sortDirection]};return _react.default.createElement(StyledTh,{as:"th",alignColumn:align,columnWidth:width,key:name,rowSpan:rowSpan,sticky:sticky,isTableScrolledToLeft:isTableScrolledToLeft,isTableScrolledToRight:isTableScrolledToRight,hasDivider:!isLastColumn,scope:"col",...ariaSortAttr},headerElm)},renderGroupCell=(group,groupColumns)=>{let{name,label,align="center"}=group,isLastColumn=groupColumns[groupColumns.length-1].columnIndex===columns.length-1;return _react.default.createElement(StyledTh,{as:"th",alignColumn:align,key:name,colSpan:groupColumns.length,sticky:!1,isTableScrolledToLeft:isTableScrolledToLeft,isTableScrolledToRight:isTableScrolledToRight,hasDivider:!isLastColumn,scope:"colgroup"},_react.default.createElement(_DataTableHeaderLabel.DataTableHeaderLabel,{label:label,align:align,slotProps:(0,_DataTableHeaderLabel.toToggletipSlotProps)(group)}))},segments=(0,_buildColumnSegments.buildColumnSegments)(columns),hasColumnGroups=segments.some(({group})=>group),ungroupedRowSpan=hasColumnGroups?2:void 0;return _react.default.createElement(StyledThead,{className:className,maxHeight:maxHeight},_react.default.createElement("tr",null,segments.map(segment=>segment.group?renderGroupCell(segment.group,segment.columns):renderColumnCell(segment.columns[0],ungroupedRowSpan))),hasColumnGroups&&_react.default.createElement("tr",null,segments.flatMap(segment=>segment.group?segment.columns.map(indexed=>renderColumnCell(indexed)):[])))});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _default}});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")),_TableCell=/*#__PURE__*/_interop_require_default._(require("../TableCell")),_getColumnSticky=require("../internal/getColumnSticky"),_types=require("../internal/types"),_buildColumnSegments=require("../internal/buildColumnSegments"),_SortableCellContent=require("./SortableCellContent"),_DataTableHeaderLabel=require("./DataTableHeaderLabel"),SORT_DIRECTION_TEXT={asc:"ascending",desc:"descending"},StyledThead=(0,_styled.default)("thead",{target:"emk25r90",label:"StyledThead"})(({maxHeight})=>({...maxHeight&&{position:"sticky",top:0,zIndex:2}})),StyledTh=(0,_styled.default)(_TableCell.default,{target:"emk25r91",label:"StyledTh"})(({theme,hasDivider})=>({padding:`${theme.variables.size.spacing.s} ${theme.variables.size.spacing.m}`,whiteSpace:"nowrap",backgroundColor:theme.values.color.background.primary.default,...hasDivider&&{borderRight:`1px solid ${theme.values.color.divider.primary}`}})),_default=_react.default.memo(function({className,columns,isFirstColumnSticky,isLastColumnSticky,currentlySortedByColumn,isTableScrolledToLeft,isTableScrolledToRight,maxHeight,allRowsSelected,selectedRowIds,selectAllRowsCheckboxAriaLabel,onAllRowsSelectionChange,onSort}){let headerContext={onSort,currentlySortedByColumn,allRowsSelected,selectedRowIds,selectAllRowsCheckboxAriaLabel,onAllRowsSelectionChange},renderColumnCell=({column,columnIndex},rowSpan)=>{let headerElm,isLastColumn=columnIndex===columns.length-1,sticky=(0,_getColumnSticky.getColumnSticky)({column,columnIndex,columns,isFirstColumnSticky,isLastColumnSticky});if((0,_types.isControlColumn)(column))return _react.default.createElement(StyledTh,{as:"th",alignColumn:"left",columnWidth:column.width,key:column.name,rowSpan:rowSpan,sticky:sticky,isTableScrolledToLeft:isTableScrolledToLeft,isTableScrolledToRight:isTableScrolledToRight,hasDivider:!1,scope:"col"},column.renderHeader(headerContext));let{isSortable,label,align="left",width,name,sortDirection}=column;if(isSortable){let toggletipProps=column.toggletipContent?{toggletipContent:column.toggletipContent,toggletipAriaLabel:column.toggletipAriaLabel}:{toggletipContent:void 0,toggletipAriaLabel:void 0};headerElm=_react.default.createElement(_SortableCellContent.SortableCellContent,{onSort:onSort,name:name,label:label,sortDirection:sortDirection,align:align,currentlySortedByColumn:currentlySortedByColumn,...toggletipProps})}else headerElm=_react.default.createElement(_DataTableHeaderLabel.DataTableHeaderLabel,{label:label,align:align,slotProps:(0,_DataTableHeaderLabel.toToggletipSlotProps)(column)});let ariaSortAttr=currentlySortedByColumn===name&&sortDirection&&{"aria-sort":SORT_DIRECTION_TEXT[sortDirection]};return _react.default.createElement(StyledTh,{as:"th",alignColumn:align,columnWidth:width,key:name,rowSpan:rowSpan,sticky:sticky,isTableScrolledToLeft:isTableScrolledToLeft,isTableScrolledToRight:isTableScrolledToRight,hasDivider:!isLastColumn,scope:"col",...ariaSortAttr},headerElm)},renderGroupCell=(group,groupColumns)=>{let{name,label,align="center"}=group,isLastColumn=groupColumns[groupColumns.length-1].columnIndex===columns.length-1;return _react.default.createElement(StyledTh,{as:"th",alignColumn:align,key:name,colSpan:groupColumns.length,sticky:!1,isTableScrolledToLeft:isTableScrolledToLeft,isTableScrolledToRight:isTableScrolledToRight,hasDivider:!isLastColumn,scope:"colgroup"},_react.default.createElement(_DataTableHeaderLabel.DataTableHeaderLabel,{label:label,align:align,slotProps:(0,_DataTableHeaderLabel.toToggletipSlotProps)(group)}))},segments=(0,_buildColumnSegments.buildColumnSegments)(columns),hasColumnGroups=segments.some(({group})=>group),ungroupedRowSpan=hasColumnGroups?2:void 0;return _react.default.createElement(StyledThead,{className:className,maxHeight:maxHeight},_react.default.createElement("tr",null,segments.map(segment=>segment.group?renderGroupCell(segment.group,segment.columns):renderColumnCell(segment.columns[0],ungroupedRowSpan))),hasColumnGroups&&_react.default.createElement("tr",null,segments.flatMap(segment=>segment.group?segment.columns.map(indexed=>renderColumnCell(indexed)):[])))});

package/build/cjs/components/DataTable/useDataTableSelectRows.d.ts

@@ -12,8 +12,8 @@ type UseDataTableSelectRowsArgs = {
 type UseDataTableSelectRowsReturn = {
     handleAllRowsSelectionChange: DataTableProps["onAllRowsSelectionChange"];
     handleRowSelectionChange: DataTableProps["onRowSelectionChange"];
-    setAllRowsSelected: Dispatch<React.SetStateAction<DataTableProps["allRowsSelected"]>>;
-    setSelectedRowIds: Dispatch<React.SetStateAction<DataTableProps["selectedRowIds"]>>;
+    setAllRowsSelected: Dispatch<React.SetStateAction<NonNullable<DataTableProps["allRowsSelected"]>>>;
+    setSelectedRowIds: Dispatch<React.SetStateAction<NonNullable<DataTableProps["selectedRowIds"]>>>;
 } & Required<Pick<DataTableProps, "selectedRowIds" | "allRowsSelected">>;
 export declare function useDataTableSelectRows({ rows, getRowProps, initialAllRowsSelected, initialSelectedRowIds, }: UseDataTableSelectRowsArgs): UseDataTableSelectRowsReturn;
 export {};

package/build/cjs/components/DataTable/useDataTableSelectRows.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useDataTableSelectRows",{enumerable:!0,get:function(){return useDataTableSelectRows}});const _react=require("react"),defaultGetRowProps=()=>({isSelectable:!0});function useDataTableSelectRows({rows,getRowProps=defaultGetRowProps,initialAllRowsSelected=!1,initialSelectedRowIds=[]}){let[allRowsSelected,setAllRowsSelected]=(0,_react.useState)(initialAllRowsSelected),[selectedRowIds,setSelectedRowIds]=(0,_react.useState)(initialSelectedRowIds);return{handleAllRowsSelectionChange:currentValue=>{currentValue?setSelectedRowIds(rows.filter(row=>!1!==getRowProps(row).isSelectable).map(({id})=>id)):setSelectedRowIds([]),setAllRowsSelected(currentValue)},handleRowSelectionChange:ids=>{let numOfSelectableRows=rows.filter(row=>!1!==getRowProps(row).isSelectable).length;ids.length===numOfSelectableRows?setAllRowsSelected(!0):setAllRowsSelected(!1),setSelectedRowIds(ids)},allRowsSelected,selectedRowIds,setAllRowsSelected,setSelectedRowIds}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useDataTableSelectRows",{enumerable:!0,get:function(){return useDataTableSelectRows}});const _react=require("react"),defaultGetRowProps=()=>({isSelectable:!0});function useDataTableSelectRows({rows=[],getRowProps=defaultGetRowProps,initialAllRowsSelected=!1,initialSelectedRowIds=[]}){let[allRowsSelected,setAllRowsSelected]=(0,_react.useState)(initialAllRowsSelected),[selectedRowIds,setSelectedRowIds]=(0,_react.useState)(initialSelectedRowIds);return{handleAllRowsSelectionChange:currentValue=>{currentValue?setSelectedRowIds(rows.filter(row=>!1!==getRowProps(row).isSelectable).map(({id})=>id)):setSelectedRowIds([]),setAllRowsSelected(currentValue)},handleRowSelectionChange:ids=>{let numOfSelectableRows=rows.filter(row=>!1!==getRowProps(row).isSelectable).length;ids.length===numOfSelectableRows?setAllRowsSelected(!0):setAllRowsSelected(!1),setSelectedRowIds(ids)},allRowsSelected,selectedRowIds,setAllRowsSelected,setSelectedRowIds}}

package/build/cjs/components/DataTable/useDataTableSort.d.ts

@@ -6,11 +6,11 @@ export declare const defaultSortCompareFn: (a: DataTableRow, b: DataTableRow, co
 export declare function useDataTableSort(initialColumns: DataTableColumnOrGroup[], initialRows: DataTableRow[], initialSortedByColumn?: DataTableColumn["name"], sortCompareFn?: SortCompareFn): {
     columns: DataTableColumnOrGroup[];
     rows: DataTableRow[];
-    currentlySortedByColumn: DataTableColumn["name"];
-    handleSort: DataTableProps["onSort"];
+    currentlySortedByColumn: DataTableColumn["name"] | undefined;
+    handleSort: NonNullable<DataTableProps["onSort"]>;
     resetColumns: VoidFunction;
     setColumns: Dispatch<SetStateAction<DataTableColumnOrGroup[]>>;
     setRows: Dispatch<SetStateAction<DataTableRow[]>>;
-    setCurrentlySortedByColumn: Dispatch<SetStateAction<DataTableColumn["name"]>>;
+    setCurrentlySortedByColumn: Dispatch<SetStateAction<DataTableColumn["name"] | undefined>>;
 };
 export {};

package/build/cjs/components/Divider/Divider.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Divider",{enumerable:!0,get:function(){return Divider}});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")),_Text=require("../Typography/Text/Text"),_Box=require("../Box/Box"),StyledContainer=(0,_styled.default)("div",{target:"e16wu7470",label:"StyledContainer"})(()=>({display:"flex",justifyContent:"center",alignItems:"center"})),HorizontalStyledDivider=(0,_styled.default)("hr",{target:"e16wu7471",label:"HorizontalStyledDivider"})(({theme})=>({border:0,margin:0,padding:0,height:0,borderTopColor:theme.values.color.divider.primary,borderTopWidth:"1px",borderTopStyle:"solid",flex:"1"})),VerticalStyledDivider=(0,_styled.default)("span",{target:"e16wu7472",label:"VerticalStyledDivider"})(({theme,size})=>({display:"flex",margin:0,padding:0,width:"1px",backgroundColor:theme.values.color.divider.secondary,alignSelf:"stretch",minHeight:theme.variables.size.dimension.divider[size]})),StyledContent=(0,_styled.default)("div",{target:"e16wu7473",label:"StyledContent"})(()=>({maxWidth:"50%"}));function Divider({text,"data-e2e-test-id":dataE2eTestId,orientation="horizontal",size="m",...ariaAttributes}){return"vertical"===orientation?_react.default.createElement(VerticalStyledDivider,{size:size,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Divider",...ariaAttributes,role:"separator","aria-orientation":"vertical"}):text?_react.default.createElement(StyledContainer,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Divider",...ariaAttributes,role:"separator","aria-orientation":"horizontal"},_react.default.createElement(HorizontalStyledDivider,{"aria-hidden":"true"}),_react.default.createElement(StyledContent,null,_react.default.createElement(_Box.Box,{space:"xxl",vSpace:"zero"},_react.default.createElement(_Text.Text,{color:"tertiary"},text))),_react.default.createElement(HorizontalStyledDivider,{"aria-hidden":"true"})):_react.default.createElement(HorizontalStyledDivider,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Divider",...ariaAttributes})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Divider",{enumerable:!0,get:function(){return Divider}});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")),_Text=require("../Typography/Text/Text"),_Box=require("../Box/Box"),StyledContainer=(0,_styled.default)("div",{target:"e1jrix1f0",label:"StyledContainer"})(()=>({display:"flex",justifyContent:"center",alignItems:"center"})),HorizontalStyledDivider=(0,_styled.default)("hr",{target:"e1jrix1f1",label:"HorizontalStyledDivider"})(({theme})=>({border:0,margin:0,padding:0,height:0,borderTopColor:theme.values.color.divider.primary,borderTopWidth:"1px",borderTopStyle:"solid",flex:"1"})),VerticalStyledDivider=(0,_styled.default)("span",{target:"e1jrix1f2",label:"VerticalStyledDivider"})(({theme,size})=>({display:"flex",margin:0,padding:0,width:"1px",backgroundColor:theme.values.color.divider.secondary,alignSelf:"stretch",minHeight:theme.variables.size.dimension.divider[size]})),StyledContent=(0,_styled.default)("div",{target:"e1jrix1f3",label:"StyledContent"})(()=>({maxWidth:"50%"}));function Divider({text,"data-e2e-test-id":dataE2eTestId,orientation="horizontal",size="m",...ariaAttributes}){return"vertical"===orientation?_react.default.createElement(VerticalStyledDivider,{size:size,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Divider",...ariaAttributes,role:"separator","aria-orientation":"vertical"}):text?_react.default.createElement(StyledContainer,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Divider",...ariaAttributes,role:"separator","aria-orientation":"horizontal"},_react.default.createElement(HorizontalStyledDivider,{"aria-hidden":"true"}),_react.default.createElement(StyledContent,null,_react.default.createElement(_Box.Box,{space:"xxl",vSpace:"zero"},_react.default.createElement(_Text.Text,{color:"tertiary"},text))),_react.default.createElement(HorizontalStyledDivider,{"aria-hidden":"true"})):_react.default.createElement(HorizontalStyledDivider,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Divider",...ariaAttributes})}

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

@@ -15,6 +15,10 @@ export type DropdownMenuProps = {
     disabled?: boolean;
     /** Horizontal alignment of the menu relative to the trigger. `"auto"` detects based on available viewport space. */
     placement?: "auto" | "left" | "right";
+    /**
+     * aria-label for trigger (especially if it only has icon).
+     * TODO(DS): make required for the icon-only trigger. See follow-up.
+     */
     triggerAriaLabel?: string;
     /** Dropdown menu open state callback */
     onMenuOpen?: (e: MouseEvent | KeyboardEvent) => void;
@@ -36,5 +40,5 @@ type ConditionalProps = {
     size?: DropdownMenuSize;
     label?: never;
 };
-export declare function DropdownMenu({ menuItems, label, placement, iconName, size, variant, disabled, portalContainer, triggerAriaLabel, onMenuOpen, onMenuClose, privateProps: { dropdownSquareCorners }, "data-e2e-test-id": dataE2eTestId, ...ariaAttributes }: DropdownMenuProps): React.ReactElement;
+export declare function DropdownMenu(props: DropdownMenuProps): React.ReactElement;
 export {};

package/build/cjs/components/DropdownMenu/DropdownMenu.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DropdownMenu",{enumerable:!0,get:function(){return DropdownMenu}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_useKeyboard=require("../../shared/useKeyboard"),_Button=require("../Button/Button"),_PictogramButton=require("../PictogramButton/PictogramButton"),_Menu=require("./Menu"),isSeperator=item=>"separator"===item;function DropdownMenu({menuItems,label,placement="auto",iconName="more-horizontal",size="m",variant="tertiary",disabled=!1,portalContainer,triggerAriaLabel,onMenuOpen=()=>void 0,onMenuClose=()=>void 0,privateProps:{dropdownSquareCorners}={dropdownSquareCorners:!1},"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let[isOpen,setIsOpen]=(0,_react.useState)(!1),buttonRef=(0,_react.useRef)(null),openMenu=(0,_react.useCallback)(e=>{setIsOpen(!0),onMenuOpen(e)},[setIsOpen,onMenuOpen]),closeMenu=(0,_react.useCallback)(e=>{setIsOpen(!1),buttonRef.current.focus({preventScroll:!0}),onMenuClose(e)},[setIsOpen,onMenuClose]),toggleMenu=(0,_react.useCallback)(e=>{isOpen?closeMenu(e.nativeEvent):openMenu(e.nativeEvent)},[isOpen,openMenu,closeMenu]),items=menuItems.map(item=>isSeperator(item)?item:{...item,onSelect:e=>{item.onSelect(e),closeMenu(e.nativeEvent)}});(0,_useKeyboard.useKeyboard)({"ArrowUp ArrowDown":openMenu},buttonRef,!isOpen);let usePictogramTrigger="secondary"===variant||"xs"===size;return _react.default.createElement(_react.default.Fragment,null,usePictogramTrigger?_react.default.createElement(_PictogramButton.PictogramButton,{tabIndex:0,ref:buttonRef,size:size,icon:iconName,variant:variant,onClick:toggleMenu,disabled:disabled,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"DropdownMenu","aria-label":triggerAriaLabel,...ariaAttributes,"aria-haspopup":"true","aria-expanded":isOpen}):_react.default.createElement(_Button.Button,{tabIndex:0,ref:buttonRef,size:size,leftIcon:iconName,variant:variant,onClick:toggleMenu,disabled:disabled,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"DropdownMenu",privateProps:{squareCorners:dropdownSquareCorners},"aria-label":triggerAriaLabel,...ariaAttributes,"aria-haspopup":"true","aria-expanded":isOpen},label),_react.default.createElement(_Menu.Menu,{items:items,isOpen:isOpen,onCloseMenu:closeMenu,triggerRef:buttonRef,placement:placement,portalContainer:portalContainer}))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DropdownMenu",{enumerable:!0,get:function(){return DropdownMenu}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_useIntl=require("../../shared/intl/useIntl"),_useKeyboard=require("../../shared/useKeyboard"),_Button=require("../Button/Button"),_PictogramButton=require("../PictogramButton/PictogramButton"),_Menu=require("./Menu"),isSeperator=item=>"separator"===item;function DropdownMenu(props){let{menuItems,label,placement="auto",iconName="more-horizontal",size="m",variant="tertiary",disabled=!1,portalContainer,triggerAriaLabel,onMenuOpen=()=>void 0,onMenuClose=()=>void 0,privateProps:{dropdownSquareCorners}={dropdownSquareCorners:!1},"data-e2e-test-id":dataE2eTestId,...ariaAttributes}=props,[isOpen,setIsOpen]=(0,_react.useState)(!1),{formatMessage}=(0,_useIntl.useIntl)(),buttonRef=(0,_react.useRef)(null),openMenu=(0,_react.useCallback)(e=>{setIsOpen(!0),onMenuOpen(e)},[setIsOpen,onMenuOpen]),closeMenu=(0,_react.useCallback)(e=>{setIsOpen(!1),buttonRef.current?.focus({preventScroll:!0}),onMenuClose(e)},[setIsOpen,onMenuClose]),toggleMenu=(0,_react.useCallback)(e=>{isOpen?closeMenu(e.nativeEvent):openMenu(e.nativeEvent)},[isOpen,openMenu,closeMenu]),items=menuItems.map(item=>isSeperator(item)?item:{...item,onSelect:e=>{item.onSelect(e),closeMenu(e.nativeEvent)}});return(0,_useKeyboard.useKeyboard)({"ArrowUp ArrowDown":openMenu},buttonRef,!isOpen),_react.default.createElement(_react.default.Fragment,null,"secondary"===props.variant||"xs"===props.size?_react.default.createElement(_PictogramButton.PictogramButton,{tabIndex:0,ref:buttonRef,size:size,icon:iconName,variant:variant,onClick:toggleMenu,disabled:disabled,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"DropdownMenu","aria-label":triggerAriaLabel??formatMessage("DropdownMenu.Trigger.AriaLabel"),...ariaAttributes,"aria-haspopup":"true","aria-expanded":isOpen}):_react.default.createElement(_Button.Button,{tabIndex:0,ref:buttonRef,size:"xs"===size?"s":size,leftIcon:iconName,variant:variant,onClick:toggleMenu,disabled:disabled,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"DropdownMenu",privateProps:{squareCorners:dropdownSquareCorners},"aria-label":triggerAriaLabel,...ariaAttributes,"aria-haspopup":"true","aria-expanded":isOpen},label),_react.default.createElement(_Menu.Menu,{items:items,isOpen:isOpen,onCloseMenu:closeMenu,triggerRef:buttonRef,placement:placement,portalContainer:portalContainer}))}

package/build/cjs/components/DropdownMenu/Menu.d.ts

@@ -7,5 +7,5 @@ type MenuProps = {
     triggerRef: RefObject<HTMLButtonElement>;
     onCloseMenu: (e: any) => void;
 } & Pick<DropdownMenuProps, "portalContainer" | "placement">;
-export declare function Menu({ isOpen, items, portalContainer, triggerRef, placement, onCloseMenu, }: MenuProps): React.ReactElement;
+export declare function Menu({ isOpen, items, portalContainer, triggerRef, placement, onCloseMenu, }: MenuProps): React.ReactElement | null;
 export {};