@amboss/design-system 4.10.0 → 4.12.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"),_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)))});
+"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:"emsk2ga0",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:"emsk2ga1",label:"StyledInner"})(({loading})=>loading&&{color:"transparent"}),StyledLoaderWrap=(0,_styled.default)("div",{target:"emsk2ga2",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:"emsk2ga3",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/Badge/Badge.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return Badge}});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")),_Box=require("../Box/Box"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),BadgeContainer=(0,_styled.default)("div",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"color"!==prop,target:"eptnbd40",label:"BadgeContainer"})(({theme,color})=>({borderRadius:theme.variables.size.borderRadius.xl,display:"inline-block",textTransform:"uppercase",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.xs,lineHeight:theme.variables.size.lineHeight.m,fontWeight:"bold",letterSpacing:theme.variables.size.letterSpacing.s,border:"solid 1px",borderColor:color?theme.values.color.badge.borderSubtle[color]:theme.values.color.badge.borderSubtle.default,backgroundColor:color?theme.values.color.badge.background[color]:theme.values.color.badge.background.default,color:color?theme.values.color.badge.foreground[color]:theme.values.color.badge.foreground.default}));function Badge({text,color,icon,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){return _react.default.createElement(BadgeContainer,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Badge",color:color,...ariaAttributes},_react.default.createElement(_Box.Box,{space:"xs",vSpace:"xxs"},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",space:"xxs",noWrap:!0},icon&&_react.default.createElement(_Icon.Icon,{name:icon,size:"s","aria-hidden":!0}),_react.default.createElement("span",null,text))))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return Badge}});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")),_Box=require("../Box/Box"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),BadgeContainer=(0,_styled.default)("div",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"color"!==prop,target:"e14csraj0",label:"BadgeContainer"})(({theme,color})=>({borderRadius:theme.variables.size.borderRadius.xl,display:"inline-block",textTransform:"uppercase",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.xs,lineHeight:theme.variables.size.lineHeight.m,fontWeight:"bold",letterSpacing:theme.variables.size.letterSpacing.s,border:"solid 1px",borderColor:color?theme.values.color.badge.borderSubtle[color]:theme.values.color.badge.borderSubtle.default,backgroundColor:color?theme.values.color.badge.background[color]:theme.values.color.badge.background.default,color:color?theme.values.color.badge.foreground[color]:theme.values.color.badge.foreground.default}));function Badge({text,color,icon,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){return _react.default.createElement(BadgeContainer,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Badge",color:color,...ariaAttributes},_react.default.createElement(_Box.Box,{space:"xs",vSpace:"xxs"},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",space:"xxs",noWrap:!0},icon&&_react.default.createElement(_Icon.Icon,{name:icon,size:"s","aria-hidden":!0}),_react.default.createElement("span",null,text))))}

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")),_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)))});
+"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:"e147wn150",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:"e147wn151",label:"StyledInner"})(({loading})=>loading&&{color:"transparent"}),StyledLoaderWrap=(0,_styled.default)("div",{target:"e147wn152",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:"e147wn153",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/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:"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))}
+"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:"e1bzaend0",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/Column/Columns.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get Column(){return Column},get Columns(){return Columns}};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")),_mediaQueries=require("../../shared/mediaQueries"),columnWidthObject=Array(12).fill("").reduce((acc,_,index)=>({...acc,[index+1]:`${(index+1)*100/12}%`}),{}),makeNegative=obj=>Object.entries(obj).map(([key,value])=>[key,`-${value}`]).reduce((acc,[key,value])=>(acc[key]=value,acc),{}),StyledColumn=(0,_styled.default)("div",{target:"et4ren60",label:"StyledColumn"})(({size,order,alignSelf,show})=>({...(0,_mediaQueries.useResponsiveStyles)({width:[size,{...columnWidthObject,fill:"1px"}],flex:[size,{narrow:"none",auto:"1",fill:void 0}],order:[order,{first:"-1",last:"1",unset:"0"}],flexShrink:[size,{fill:1,auto:void 0,narrow:void 0}],flexGrow:[size,{fill:1,auto:void 0,narrow:void 0}],alignSelf:[alignSelf,{auto:"auto",start:"start",center:"center",end:"end"}],display:[show,value=>value?"block":"none"]}),boxSizing:"border-box","&:empty":{width:0,flex:"none"}})),Column=({children,size="auto",order,alignSelf="auto",show,"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId="Column",...rest})=>_react.default.createElement(StyledColumn,{size:size,order:order,alignSelf:alignSelf,show:show,"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId,...rest},children),StyledColumns=(0,_styled.default)("div",{target:"et4ren61",label:"StyledColumns"})(({theme,alignItems,vAlignItems,gap})=>({width:"auto",display:"flex",justifyItems:"stretch",justifyContent:"stretch",alignItems:"stretch",flexWrap:"wrap",flexDirection:"row",...(0,_mediaQueries.useResponsiveStyles)({alignItems:[vAlignItems,{top:"flex-start",bottom:"flex-end",center:"center",stretch:"stretch"}],justifyContent:[alignItems,{left:"flex-start",right:"flex-end",center:"center",spaceBetween:"space-between"}],marginRight:[gap,makeNegative(theme.variables.size.spacing)],marginBottom:[gap,makeNegative(theme.variables.size.spacing)]}),[`& > ${StyledColumn}`]:{...(0,_mediaQueries.useResponsiveStyles)({marginBottom:[gap,theme.variables.size.spacing],paddingRight:[gap,theme.variables.size.spacing]})}}),({alwaysFillSpace})=>alwaysFillSpace&&{[`& > ${StyledColumn}`]:{"&:last-child":{flexGrow:1,flexShrink:1}}}),Columns=({children,gap="zero",alwaysFillSpace=!1,alignItems="left",vAlignItems="top","data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId="Columns",...rest})=>_react.default.createElement(StyledColumns,{gap:gap,alwaysFillSpace:alwaysFillSpace,alignItems:alignItems,vAlignItems:vAlignItems,"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId,...rest},children);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get Column(){return Column},get Columns(){return Columns}};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")),_mediaQueries=require("../../shared/mediaQueries"),columnWidthObject=Array(12).fill("").reduce((acc,_,index)=>({...acc,[index+1]:`${(index+1)*100/12}%`}),{}),makeNegative=obj=>Object.entries(obj).map(([key,value])=>[key,`-${value}`]).reduce((acc,[key,value])=>(acc[key]=value,acc),{}),StyledColumn=(0,_styled.default)("div",{target:"e10u26ud0",label:"StyledColumn"})(({size,order,alignSelf,show})=>({...(0,_mediaQueries.useResponsiveStyles)({width:[size,{...columnWidthObject,fill:"1px"}],flex:[size,{narrow:"none",auto:"1",fill:void 0}],order:[order,{first:"-1",last:"1",unset:"0"}],flexShrink:[size,{fill:1,auto:void 0,narrow:void 0}],flexGrow:[size,{fill:1,auto:void 0,narrow:void 0}],alignSelf:[alignSelf,{auto:"auto",start:"start",center:"center",end:"end"}],display:[show,value=>value?"block":"none"]}),boxSizing:"border-box","&:empty":{width:0,flex:"none"}})),Column=({children,size="auto",order,alignSelf="auto",show,"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId="Column",...rest})=>_react.default.createElement(StyledColumn,{size:size,order:order,alignSelf:alignSelf,show:show,"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId,...rest},children),StyledColumns=(0,_styled.default)("div",{target:"e10u26ud1",label:"StyledColumns"})(({theme,alignItems,vAlignItems,gap})=>({width:"auto",display:"flex",justifyItems:"stretch",justifyContent:"stretch",alignItems:"stretch",flexWrap:"wrap",flexDirection:"row",...(0,_mediaQueries.useResponsiveStyles)({alignItems:[vAlignItems,{top:"flex-start",bottom:"flex-end",center:"center",stretch:"stretch"}],justifyContent:[alignItems,{left:"flex-start",right:"flex-end",center:"center",spaceBetween:"space-between"}],marginRight:[gap,makeNegative(theme.variables.size.spacing)],marginBottom:[gap,makeNegative(theme.variables.size.spacing)]}),[`& > ${StyledColumn}`]:{...(0,_mediaQueries.useResponsiveStyles)({marginBottom:[gap,theme.variables.size.spacing],paddingRight:[gap,theme.variables.size.spacing]})}}),({alwaysFillSpace})=>alwaysFillSpace&&{[`& > ${StyledColumn}`]:{"&:last-child":{flexGrow:1,flexShrink:1}}}),Columns=({children,gap="zero",alwaysFillSpace=!1,alignItems="left",vAlignItems="top","data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId="Columns",...rest})=>_react.default.createElement(StyledColumns,{gap:gap,alwaysFillSpace:alwaysFillSpace,alignItems:alignItems,vAlignItems:vAlignItems,"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId,...rest},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:"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)}
+"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:"exbl2i0",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:"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))))});
+"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:"egpzdz00",label:"StyledFakeInput"})(({theme})=>({"input:checked + &, input:indeterminate + &":{background:theme.values.color.content.checkbox.background.default}})),StyledInputContainer=(0,_styled.default)(_Checkbox.StyledInputContainer,{target:"egpzdz01",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:"egpzdz02",label:"StyledLabelContent"})(),StyledCheckboxContainer=(0,_styled.default)(_Checkbox.StyledCheckboxContainer,{target:"egpzdz03",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")),_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})});
+"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:"e1ssnhiw0",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/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:"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))}
+"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:"esnfmy80",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/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"),_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}))))});
+"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:"eudxzfx0",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:"eudxzfx1",label:"StyledInner"})(({loading})=>loading&&{color:"transparent"}),StyledTagWrapper=(0,_styled.default)("span",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"loading"!==prop,target:"eudxzfx2",label:"StyledTagWrapper"})(({loading})=>({display:"flex",...loading&&{opacity:0}})),StyledLoaderWrap=(0,_styled.default)("div",{target:"eudxzfx3",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:"eudxzfx4",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/DataTable.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get BaseDataTable(){return BaseDataTable},get DataTable(){return DataTable}};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"),_interop_require_wildcard=require("@swc/helpers/_/_interop_require_wildcard"),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_react=/*#__PURE__*/_interop_require_wildcard._(require("react")),_mediaQueries=require("../../shared/mediaQueries"),_Container=require("../Container/Container"),_ScreenReaderText=require("../Utilities/ScreenReaderText/ScreenReaderText"),_buildColumnSegments=require("./internal/buildColumnSegments"),_buildInternalColumns=require("./internal/buildInternalColumns"),_TableHeader=/*#__PURE__*/_interop_require_default._(require("./header/TableHeader")),_TableBody=/*#__PURE__*/_interop_require_default._(require("./TableBody")),_TableColumnGroups=/*#__PURE__*/_interop_require_default._(require("./TableColumnGroups")),_useDataTableScrollContainer=require("./useDataTableScrollContainer"),_useDataTableSort=require("./useDataTableSort"),_DataTableToolbar=require("./DataTableToolbar/DataTableToolbar");function getTableScrolledToRight(elm){let elmRect=elm.getBoundingClientRect();return elm.scrollLeft+elmRect.width>=elm.scrollWidth}const TableContainer=(0,_styled.default)("div",{target:"e1eldv6n0",label:"TableContainer"})(({theme,footer,maxHeight})=>({position:"relative",zIndex:0,overflow:"auto",backgroundColor:theme.values.color.background.primary.default,borderRadius:"inherit",...(0,_mediaQueries.useResponsiveValue)({maxHeight}),...footer&&{borderBottomLeftRadius:0,borderBottomRightRadius:0}})),StyledTable=(0,_styled.default)("table",{target:"e1eldv6n1",label:"StyledTable"})(({layout,tableWidth})=>({borderSpacing:0,tableLayout:layout,...(0,_mediaQueries.useResponsiveValue)({width:tableWidth})})),StyledFooter=(0,_styled.default)("div",{target:"e1eldv6n2",label:"StyledFooter"})(({theme})=>({padding:theme.variables.size.spacing.xs,backgroundColor:theme.values.color.background.primary.default,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"})),NO_SELECTED_ROW_IDS=[];function BaseDataTable({caption,columns,rows=[],footer,currentlySortedByColumn,isFirstColumnSticky=!0,isLastColumnSticky=!1,"data-e2e-test-id":dataE2eTestId,isLoading=!1,loadingStateScreenReaderText="Loading",isEmpty=!1,slotProps,children,emptyTableContentHeight="15rem",layout="auto",width="100%",bodyCellVerticalPadding="m",emptyCellContent="--",maxHeight,isSelectable,selectedRowIds=NO_SELECTED_ROW_IDS,allRowsSelected,selectAllRowsCheckboxAriaLabel,getRowProps=()=>({}),onRowSelectionChange,onAllRowsSelectionChange,isExpandable,expandedRowIds:expandedRowIdsProp,onRowExpansionChange,expandRowAriaLabel,collapseRowAriaLabel,onSort,...ariaAttributes}){let[isScrolledToRight,setIsScrolledToRight]=(0,_react.useState)(isLastColumnSticky),[isScrolledToLeft,setIsScrolledToLeft]=(0,_react.useState)(isFirstColumnSticky),[uncontrolledExpandedRowIds,setUncontrolledExpandedRowIds]=(0,_react.useState)([]),tableRef=(0,_react.useRef)(null),containerRef=(0,_react.useRef)(null),containerWidth=(0,_useDataTableScrollContainer.useDataTableScrollContainerWidth)(containerRef),isExpandedControlled=void 0!==expandedRowIdsProp,expandedRowIds=isExpandedControlled?expandedRowIdsProp:uncontrolledExpandedRowIds,activeSelectedRowIds=isSelectable?selectedRowIds:NO_SELECTED_ROW_IDS,internalColumns=(0,_buildInternalColumns.buildInternalColumns)({columns,features:{selectable:isSelectable,expandable:isExpandable}}),columnSegments=(0,_buildColumnSegments.buildColumnSegments)(internalColumns),hasColumnGroups=columnSegments.some(({group})=>group),handleRowExpansionChange=(0,_react.useCallback)(nextExpandedRowIds=>{isExpandedControlled||setUncontrolledExpandedRowIds(nextExpandedRowIds),onRowExpansionChange?.(nextExpandedRowIds)},[isExpandedControlled,onRowExpansionChange]),handleScroll=(0,_react.useCallback)(evt=>{let elm=evt.currentTarget;setIsScrolledToLeft(0===elm.scrollLeft),setIsScrolledToRight(getTableScrolledToRight(elm))},[]);(0,_react.useEffect)(()=>{if("undefined"==typeof ResizeObserver||!containerRef.current)return;let elm=containerRef.current,observer=new ResizeObserver(()=>{setIsScrolledToLeft(0===elm.scrollLeft),setIsScrolledToRight(getTableScrolledToRight(elm))});return observer.observe(elm),()=>observer.disconnect()},[]);let footerElm=footer?_react.default.createElement(StyledFooter,null,footer):null;return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(TableContainer,{ref:containerRef,footer:footer,maxHeight:maxHeight,onScroll:handleScroll},_react.default.createElement(StyledTable,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"DataTable",ref:tableRef,layout:layout,tableWidth:width,"aria-busy":isLoading||void 0,...ariaAttributes},_react.default.createElement(_ScreenReaderText.ScreenReaderText,{as:"caption"},caption),hasColumnGroups&&_react.default.createElement(_TableColumnGroups.default,{segments:columnSegments}),_react.default.createElement(_TableHeader.default,{columns:internalColumns,isFirstColumnSticky:isFirstColumnSticky,isLastColumnSticky:isLastColumnSticky,currentlySortedByColumn:currentlySortedByColumn,isTableScrolledToLeft:isScrolledToLeft,isTableScrolledToRight:isScrolledToRight,maxHeight:maxHeight,allRowsSelected:allRowsSelected,selectedRowIds:activeSelectedRowIds,onAllRowsSelectionChange:onAllRowsSelectionChange,selectAllRowsCheckboxAriaLabel:selectAllRowsCheckboxAriaLabel,onSort:onSort}),_react.default.createElement(_TableBody.default,{columns:internalColumns,rows:rows,bodyCellVerticalPadding:bodyCellVerticalPadding,isTableScrolledToLeft:isScrolledToLeft,isTableScrolledToRight:isScrolledToRight,isEmpty:isEmpty,emptyState:slotProps?.emptyState,isLoading:isLoading,loadingStateScreenReaderText:loadingStateScreenReaderText,emptyTableContentHeight:emptyTableContentHeight,containerWidth:containerWidth,footer:footer,isFirstColumnSticky:isFirstColumnSticky,isLastColumnSticky:isLastColumnSticky,emptyCellContent:emptyCellContent,selectedRowIds:activeSelectedRowIds,onRowSelectionChange:onRowSelectionChange,getRowProps:getRowProps,expandedRowIds:expandedRowIds,isTableExpandable:isExpandable,expandRowAriaLabel:expandRowAriaLabel,collapseRowAriaLabel:collapseRowAriaLabel,onRowExpansionChange:handleRowExpansionChange},children))),footerElm)}function DataTable({children,...rest}){return _react.default.createElement(_Container.Container,{elevation:1},_react.default.createElement(BaseDataTable,rest,children))}DataTable.sortCompareFn=_useDataTableSort.defaultSortCompareFn,DataTable.Toolbar=_DataTableToolbar.DataTableToolbar;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get BaseDataTable(){return BaseDataTable},get DataTable(){return DataTable}};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"),_interop_require_wildcard=require("@swc/helpers/_/_interop_require_wildcard"),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_react=/*#__PURE__*/_interop_require_wildcard._(require("react")),_mediaQueries=require("../../shared/mediaQueries"),_Container=require("../Container/Container"),_ScreenReaderText=require("../Utilities/ScreenReaderText/ScreenReaderText"),_buildColumnSegments=require("./internal/buildColumnSegments"),_buildInternalColumns=require("./internal/buildInternalColumns"),_TableHeader=/*#__PURE__*/_interop_require_default._(require("./header/TableHeader")),_TableBody=/*#__PURE__*/_interop_require_default._(require("./TableBody")),_TableColumnGroups=/*#__PURE__*/_interop_require_default._(require("./TableColumnGroups")),_useDataTableScrollContainer=require("./useDataTableScrollContainer"),_useDataTableSort=require("./useDataTableSort"),_DataTableToolbar=require("./DataTableToolbar/DataTableToolbar");function getTableScrolledToRight(elm){let elmRect=elm.getBoundingClientRect();return elm.scrollLeft+elmRect.width>=elm.scrollWidth}const TableContainer=(0,_styled.default)("div",{target:"e17u2o1w0",label:"TableContainer"})(({theme,footer,maxHeight})=>({position:"relative",zIndex:0,overflow:"auto",backgroundColor:theme.values.color.background.primary.default,borderRadius:"inherit",...(0,_mediaQueries.useResponsiveValue)({maxHeight}),...footer&&{borderBottomLeftRadius:0,borderBottomRightRadius:0}})),StyledTable=(0,_styled.default)("table",{target:"e17u2o1w1",label:"StyledTable"})(({layout,tableWidth})=>({borderSpacing:0,tableLayout:layout,...(0,_mediaQueries.useResponsiveValue)({width:tableWidth})})),StyledFooter=(0,_styled.default)("div",{target:"e17u2o1w2",label:"StyledFooter"})(({theme})=>({padding:theme.variables.size.spacing.xs,backgroundColor:theme.values.color.background.primary.default,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"})),NO_SELECTED_ROW_IDS=[];function BaseDataTable({caption,columns,rows=[],footer,currentlySortedByColumn,isFirstColumnSticky=!0,isLastColumnSticky=!1,"data-e2e-test-id":dataE2eTestId,isLoading=!1,loadingStateScreenReaderText="Loading",isEmpty=!1,slotProps,children,emptyTableContentHeight="15rem",layout="auto",width="100%",bodyCellVerticalPadding="m",emptyCellContent="--",maxHeight,isSelectable,selectedRowIds=NO_SELECTED_ROW_IDS,allRowsSelected,selectAllRowsCheckboxAriaLabel,getRowProps=()=>({}),onRowSelectionChange,onAllRowsSelectionChange,isExpandable,expandedRowIds:expandedRowIdsProp,onRowExpansionChange,expandRowAriaLabel,collapseRowAriaLabel,onSort,...ariaAttributes}){let[isScrolledToRight,setIsScrolledToRight]=(0,_react.useState)(isLastColumnSticky),[isScrolledToLeft,setIsScrolledToLeft]=(0,_react.useState)(isFirstColumnSticky),[uncontrolledExpandedRowIds,setUncontrolledExpandedRowIds]=(0,_react.useState)([]),tableRef=(0,_react.useRef)(null),containerRef=(0,_react.useRef)(null),containerWidth=(0,_useDataTableScrollContainer.useDataTableScrollContainerWidth)(containerRef),isExpandedControlled=void 0!==expandedRowIdsProp,expandedRowIds=isExpandedControlled?expandedRowIdsProp:uncontrolledExpandedRowIds,activeSelectedRowIds=isSelectable?selectedRowIds:NO_SELECTED_ROW_IDS,internalColumns=(0,_buildInternalColumns.buildInternalColumns)({columns,features:{selectable:isSelectable,expandable:isExpandable}}),columnSegments=(0,_buildColumnSegments.buildColumnSegments)(internalColumns),hasColumnGroups=columnSegments.some(({group})=>group),handleRowExpansionChange=(0,_react.useCallback)(nextExpandedRowIds=>{isExpandedControlled||setUncontrolledExpandedRowIds(nextExpandedRowIds),onRowExpansionChange?.(nextExpandedRowIds)},[isExpandedControlled,onRowExpansionChange]),handleScroll=(0,_react.useCallback)(evt=>{let elm=evt.currentTarget;setIsScrolledToLeft(0===elm.scrollLeft),setIsScrolledToRight(getTableScrolledToRight(elm))},[]);(0,_react.useEffect)(()=>{if("undefined"==typeof ResizeObserver||!containerRef.current)return;let elm=containerRef.current,observer=new ResizeObserver(()=>{setIsScrolledToLeft(0===elm.scrollLeft),setIsScrolledToRight(getTableScrolledToRight(elm))});return observer.observe(elm),()=>observer.disconnect()},[]);let footerElm=footer?_react.default.createElement(StyledFooter,null,footer):null;return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(TableContainer,{ref:containerRef,footer:footer,maxHeight:maxHeight,onScroll:handleScroll},_react.default.createElement(StyledTable,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"DataTable",ref:tableRef,layout:layout,tableWidth:width,"aria-busy":isLoading||void 0,...ariaAttributes},_react.default.createElement(_ScreenReaderText.ScreenReaderText,{as:"caption"},caption),hasColumnGroups&&_react.default.createElement(_TableColumnGroups.default,{segments:columnSegments}),_react.default.createElement(_TableHeader.default,{columns:internalColumns,isFirstColumnSticky:isFirstColumnSticky,isLastColumnSticky:isLastColumnSticky,currentlySortedByColumn:currentlySortedByColumn,isTableScrolledToLeft:isScrolledToLeft,isTableScrolledToRight:isScrolledToRight,maxHeight:maxHeight,allRowsSelected:allRowsSelected,selectedRowIds:activeSelectedRowIds,onAllRowsSelectionChange:onAllRowsSelectionChange,selectAllRowsCheckboxAriaLabel:selectAllRowsCheckboxAriaLabel,onSort:onSort}),_react.default.createElement(_TableBody.default,{columns:internalColumns,rows:rows,bodyCellVerticalPadding:bodyCellVerticalPadding,isTableScrolledToLeft:isScrolledToLeft,isTableScrolledToRight:isScrolledToRight,isEmpty:isEmpty,emptyState:slotProps?.emptyState,isLoading:isLoading,loadingStateScreenReaderText:loadingStateScreenReaderText,emptyTableContentHeight:emptyTableContentHeight,containerWidth:containerWidth,footer:footer,isFirstColumnSticky:isFirstColumnSticky,isLastColumnSticky:isLastColumnSticky,emptyCellContent:emptyCellContent,selectedRowIds:activeSelectedRowIds,onRowSelectionChange:onRowSelectionChange,getRowProps:getRowProps,expandedRowIds:expandedRowIds,isTableExpandable:isExpandable,expandRowAriaLabel:expandRowAriaLabel,collapseRowAriaLabel:collapseRowAriaLabel,onRowExpansionChange:handleRowExpansionChange},children))),footerElm)}function DataTable({children,...rest}){return _react.default.createElement(_Container.Container,{elevation:1},_react.default.createElement(BaseDataTable,rest,children))}DataTable.sortCompareFn=_useDataTableSort.defaultSortCompareFn,DataTable.Toolbar=_DataTableToolbar.DataTableToolbar;

package/build/cjs/components/Form/Combobox/SingleSelect.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"SingleSelect",{enumerable:!0,get:function(){return SingleSelect}});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")),_useKeyboard=require("../../../shared/useKeyboard"),_Input=require("../Input/Input"),_StyledSelectComponents=require("./StyledSelectComponents"),_OptionsList=require("./OptionsList"),StyledInnerInputContainer=(0,_styled.default)("div",{target:"eqabiiq0",label:"StyledInnerInputContainer"})({position:"relative",zIndex:1}),StyledInputWrap=(0,_styled.default)("div",{target:"eqabiiq1",label:"StyledInputWrap"})(()=>({position:"absolute",pointerEvents:"none",width:"100%",bottom:0,left:0})),HiddenSelectInput=(0,_styled.default)("select",{target:"eqabiiq2",label:"HiddenSelectInput"})(()=>({display:"none"})),SingleSelect=({options,name,value,placeholder,emptyStateMessage,hasError,filterMethod,onChange=()=>{},onBlur,onFocus,maxHeight,autoComplete,disabled,label,optionsListWidth,portalContainer,readOnly,"aria-describedby":ariaDescribedBy,privateProps,...ariaAttributes})=>{let[isOpen,setIsOpen]=(0,_react.useState)(!1),[innerValue,setInnerValue]=(0,_react.useState)(""),[preselectedIndex,setPreselectedIndex]=(0,_react.useState)(-1),initialValueOption=(0,_react.useMemo)(()=>options.find(option=>option.value===value)||{value:"",label:""},[options,value]),[fakeSelectedOption,setFakeSelectedOption]=(0,_react.useState)(initialValueOption),fakeSelectRef=(0,_react.useRef)(null),innerInputRef=(0,_react.useRef)(null),currentValueRef=(0,_react.useRef)(value);currentValueRef.current=value;let forceChangeFakeSelect=(0,_react.useCallback)(selectedOption=>{fakeSelectedOption.value!==selectedOption.value&&setFakeSelectedOption(selectedOption)},[fakeSelectedOption]),handleOpenDropdown=(0,_react.useCallback)(()=>{readOnly||setIsOpen(!0)},[readOnly,setIsOpen]),closeDropdown=(0,_react.useCallback)((noSelect=!1)=>{if(setIsOpen(!1),!noSelect){let selectedOption=options.find(option=>option.label.toLowerCase().trim()===innerValue.toLowerCase().trim());selectedOption&&forceChangeFakeSelect(selectedOption)}setInnerValue(""),setPreselectedIndex(-1),onBlur?.()},[onBlur,forceChangeFakeSelect,innerValue,options]);(0,_react.useEffect)(()=>{fakeSelectRef.current&&currentValueRef.current!==fakeSelectedOption.value&&fakeSelectRef.current.dispatchEvent(new Event("change",{bubbles:!0}))},[fakeSelectedOption,fakeSelectRef,currentValueRef]),(0,_react.useEffect)(()=>{forceChangeFakeSelect(initialValueOption)},[initialValueOption]);let filteredOptions=(0,_react.useMemo)(()=>innerValue?options.filter(option=>filterMethod(option,innerValue)):options,[options,filterMethod,innerValue]),displayValue=(0,_react.useMemo)(()=>options.find(option=>option.value===value)?.label??"",[value,options]);(0,_react.useEffect)(()=>{setPreselectedIndex(-1)},[filteredOptions]),(0,_useKeyboard.useKeyboard)({"ArrowUp ArrowDown":()=>{handleOpenDropdown()}},innerInputRef,!isOpen&&!disabled&&!readOnly);let optionsListId=(0,_OptionsList.getOptionsListId)(name),pendingOption=filteredOptions[preselectedIndex]??null,ariaActiveDescendant=isOpen&&pendingOption?(0,_OptionsList.getOptionId)(name,pendingOption.value):"";return _react.default.createElement(_StyledSelectComponents.StyledContainer,{onBlur:()=>{isOpen&&pendingOption&&!pendingOption.disabled&&forceChangeFakeSelect(pendingOption),closeDropdown(!0)}},_react.default.createElement(StyledInnerInputContainer,null,_react.default.createElement(_Input.InputRaw,{name:`${name}-innerInput`,value:innerValue,hasError:hasError,privateProps:{isTransparent:!(isOpen&&innerValue)||readOnly},icon:isOpen?"chevron-up":"chevron-down",disabled:disabled,readOnly:readOnly,onFocus:onFocus,onClick:handleOpenDropdown,onChange:e=>{e.currentTarget.value&&handleOpenDropdown(),setInnerValue(e.currentTarget.value)},ref:innerInputRef,autoComplete:autoComplete,...ariaAttributes,"aria-label":label,role:"combobox","aria-haspopup":"listbox","aria-activedescendant":ariaActiveDescendant,"aria-controls":isOpen?optionsListId:"","aria-expanded":isOpen,"aria-describedby":ariaDescribedBy})),_react.default.createElement(StyledInputWrap,null,_react.default.createElement(_Input.InputRaw,{"aria-hidden":!0,name:name,value:displayValue,onChange:()=>null,icon:isOpen?"chevron-up":"chevron-down",placeholder:placeholder,tabIndex:-1,hasError:hasError,autoComplete:"off",readOnly:readOnly})),_react.default.createElement(_OptionsList.OptionsList,{name:name,isOpen:isOpen,options:filteredOptions,triggerRef:innerInputRef,onCloseDropdown:closeDropdown,portalContainer:portalContainer,selectedIndex:preselectedIndex,onSelectedIndexChange:index=>{setPreselectedIndex(index)},forceChangeFakeSelect:forceChangeFakeSelect,value:value,emptyStateMessage:emptyStateMessage,disabled:disabled,maxHeight:maxHeight,optionsListWidth:optionsListWidth}),_react.default.createElement(HiddenSelectInput,{onChange:onChange,value:fakeSelectedOption.value,ref:fakeSelectRef,autoComplete:"off"},_react.default.createElement("option",{value:fakeSelectedOption.value},fakeSelectedOption.label)))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"SingleSelect",{enumerable:!0,get:function(){return SingleSelect}});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")),_useKeyboard=require("../../../shared/useKeyboard"),_Input=require("../Input/Input"),_StyledSelectComponents=require("./StyledSelectComponents"),_OptionsList=require("./OptionsList"),StyledInnerInputContainer=(0,_styled.default)("div",{target:"e1jb8j290",label:"StyledInnerInputContainer"})({position:"relative",zIndex:1}),StyledInputWrap=(0,_styled.default)("div",{target:"e1jb8j291",label:"StyledInputWrap"})(()=>({position:"absolute",pointerEvents:"none",width:"100%",bottom:0,left:0})),HiddenSelectInput=(0,_styled.default)("select",{target:"e1jb8j292",label:"HiddenSelectInput"})(()=>({display:"none"})),SingleSelect=({options,name,value,placeholder,emptyStateMessage,hasError,filterMethod,onChange=()=>{},onBlur,onFocus,maxHeight,autoComplete,disabled,label,optionsListWidth,portalContainer,readOnly,"aria-describedby":ariaDescribedBy,privateProps,...ariaAttributes})=>{let[isOpen,setIsOpen]=(0,_react.useState)(!1),[innerValue,setInnerValue]=(0,_react.useState)(""),[preselectedIndex,setPreselectedIndex]=(0,_react.useState)(-1),initialValueOption=(0,_react.useMemo)(()=>options.find(option=>option.value===value)||{value:"",label:""},[options,value]),[fakeSelectedOption,setFakeSelectedOption]=(0,_react.useState)(initialValueOption),fakeSelectRef=(0,_react.useRef)(null),innerInputRef=(0,_react.useRef)(null),currentValueRef=(0,_react.useRef)(value);currentValueRef.current=value;let forceChangeFakeSelect=(0,_react.useCallback)(selectedOption=>{fakeSelectedOption.value!==selectedOption.value&&setFakeSelectedOption(selectedOption)},[fakeSelectedOption]),handleOpenDropdown=(0,_react.useCallback)(()=>{readOnly||setIsOpen(!0)},[readOnly,setIsOpen]),closeDropdown=(0,_react.useCallback)((noSelect=!1)=>{if(setIsOpen(!1),!noSelect){let selectedOption=options.find(option=>option.label.toLowerCase().trim()===innerValue.toLowerCase().trim());selectedOption&&forceChangeFakeSelect(selectedOption)}setInnerValue(""),setPreselectedIndex(-1),onBlur?.()},[onBlur,forceChangeFakeSelect,innerValue,options]);(0,_react.useEffect)(()=>{fakeSelectRef.current&&currentValueRef.current!==fakeSelectedOption.value&&fakeSelectRef.current.dispatchEvent(new Event("change",{bubbles:!0}))},[fakeSelectedOption,fakeSelectRef,currentValueRef]),(0,_react.useEffect)(()=>{forceChangeFakeSelect(initialValueOption)},[initialValueOption]);let filteredOptions=(0,_react.useMemo)(()=>innerValue?options.filter(option=>filterMethod(option,innerValue)):options,[options,filterMethod,innerValue]),displayValue=(0,_react.useMemo)(()=>options.find(option=>option.value===value)?.label??"",[value,options]);(0,_react.useEffect)(()=>{setPreselectedIndex(-1)},[filteredOptions]),(0,_useKeyboard.useKeyboard)({"ArrowUp ArrowDown":()=>{handleOpenDropdown()}},innerInputRef,!isOpen&&!disabled&&!readOnly);let optionsListId=(0,_OptionsList.getOptionsListId)(name),pendingOption=filteredOptions[preselectedIndex]??null,ariaActiveDescendant=isOpen&&pendingOption?(0,_OptionsList.getOptionId)(name,pendingOption.value):"";return _react.default.createElement(_StyledSelectComponents.StyledContainer,{onBlur:()=>{isOpen&&pendingOption&&!pendingOption.disabled&&forceChangeFakeSelect(pendingOption),closeDropdown(!0)}},_react.default.createElement(StyledInnerInputContainer,null,_react.default.createElement(_Input.InputRaw,{name:`${name}-innerInput`,value:innerValue,hasError:hasError,privateProps:{isTransparent:!(isOpen&&innerValue)||readOnly},icon:isOpen?"chevron-up":"chevron-down",disabled:disabled,readOnly:readOnly,onFocus:onFocus,onClick:handleOpenDropdown,onChange:e=>{e.currentTarget.value&&handleOpenDropdown(),setInnerValue(e.currentTarget.value)},ref:innerInputRef,autoComplete:autoComplete,...ariaAttributes,"aria-label":label,role:"combobox","aria-haspopup":"listbox","aria-activedescendant":ariaActiveDescendant,"aria-controls":isOpen?optionsListId:"","aria-expanded":isOpen,"aria-describedby":ariaDescribedBy})),_react.default.createElement(StyledInputWrap,null,_react.default.createElement(_Input.InputRaw,{"aria-hidden":!0,name:name,value:displayValue,onChange:()=>null,icon:isOpen?"chevron-up":"chevron-down",placeholder:placeholder,tabIndex:-1,hasError:hasError,autoComplete:"off",readOnly:readOnly})),_react.default.createElement(_OptionsList.OptionsList,{name:name,isOpen:isOpen,options:filteredOptions,triggerRef:innerInputRef,onCloseDropdown:closeDropdown,portalContainer:portalContainer,selectedIndex:preselectedIndex,onSelectedIndexChange:index=>{setPreselectedIndex(index)},forceChangeFakeSelect:forceChangeFakeSelect,value:value,emptyStateMessage:emptyStateMessage,disabled:disabled,maxHeight:maxHeight,optionsListWidth:optionsListWidth}),_react.default.createElement(HiddenSelectInput,{onChange:onChange,value:fakeSelectedOption.value,ref:fakeSelectRef,autoComplete:"off"},_react.default.createElement("option",{value:fakeSelectedOption.value},fakeSelectedOption.label)))};

package/build/cjs/components/Form/Combobox/StyledSelectComponents.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get StyledContainer(){return StyledContainer},get StyledDropdown(){return StyledDropdown},get StyledFakeInputWrap(){return StyledFakeInputWrap},get StyledOption(){return StyledOption}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _styled=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("@emotion/styled")),_Portal=require("../../Portal/Portal"),StyledContainer=(0,_styled.default)("div",{target:"e1hs2c340",label:"StyledContainer"})(()=>({position:"relative",zIndex:0})),StyledOption=(0,_styled.default)("div",{target:"e1hs2c341",label:"StyledOption"})(({theme,active,preSelected,disabled})=>{let hoverStyles={backgroundColor:theme.values.color.background.secondary.hover,borderRadius:0};return{padding:`${theme.variables.size.spacing.xs} ${theme.variables.size.spacing.s}`,cursor:"pointer",borderRadius:theme.variables.size.borderRadius.xs,...active&&{backgroundColor:theme.values.color.background.secondary.active,borderRadius:0},...disabled&&{cursor:"not-allowed",opacity:theme.variables.opacity.disabled},...!disabled&&{"&:hover":hoverStyles},...preSelected&&hoverStyles}}),StyledFakeInputWrap=(0,_styled.default)("div",{target:"e1hs2c342",label:"StyledFakeInputWrap"})(()=>({zIndex:0,position:"absolute",pointerEvents:"none",width:"100%",bottom:0,left:0})),StyledDropdown=(0,_styled.default)("div",{target:"e1hs2c343",label:"StyledDropdown"})(({theme})=>{let zIndex=(0,_Portal.usePortalChildZIndex)(theme.variables.zIndex.dropdown);return{backgroundColor:theme.values.color.background.primary.default,position:"absolute",zIndex,borderRadius:theme.variables.size.borderRadius.xs,overflow:"hidden",boxShadow:theme.values.elevation[2],boxSizing:"border-box"}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get StyledContainer(){return StyledContainer},get StyledDropdown(){return StyledDropdown},get StyledFakeInputWrap(){return StyledFakeInputWrap},get StyledOption(){return StyledOption}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _styled=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("@emotion/styled")),_Portal=require("../../Portal/Portal"),StyledContainer=(0,_styled.default)("div",{target:"ewra0900",label:"StyledContainer"})(()=>({position:"relative",zIndex:0})),StyledOption=(0,_styled.default)("div",{target:"ewra0901",label:"StyledOption"})(({theme,active,preSelected,disabled})=>{let hoverStyles={backgroundColor:theme.values.color.background.secondary.hover,borderRadius:0};return{padding:`${theme.variables.size.spacing.xs} ${theme.variables.size.spacing.s}`,cursor:"pointer",borderRadius:theme.variables.size.borderRadius.xs,...active&&{backgroundColor:theme.values.color.background.secondary.active,borderRadius:0},...disabled&&{cursor:"not-allowed",opacity:theme.variables.opacity.disabled},...!disabled&&{"&:hover":hoverStyles},...preSelected&&hoverStyles}}),StyledFakeInputWrap=(0,_styled.default)("div",{target:"ewra0902",label:"StyledFakeInputWrap"})(()=>({zIndex:0,position:"absolute",pointerEvents:"none",width:"100%",bottom:0,left:0})),StyledDropdown=(0,_styled.default)("div",{target:"ewra0903",label:"StyledDropdown"})(({theme})=>{let zIndex=(0,_Portal.usePortalChildZIndex)(theme.variables.zIndex.dropdown);return{backgroundColor:theme.values.color.background.primary.default,position:"absolute",zIndex,borderRadius:theme.variables.size.borderRadius.xs,overflow:"hidden",boxShadow:theme.values.elevation[2],boxSizing:"border-box"}});

package/build/cjs/components/Form/Input/Input.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get Input(){return Input},get InputRaw(){return InputRaw}};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")),_Icon=require("../../Icon/Icon"),_FormField=require("../FormField/FormField"),_Text=require("../../Typography/Text/Text"),_useFormFieldMessageId=require("../FormField/useFormFieldMessageId"),_mixins=require("../../../shared/mixins"),StyledContainer=(0,_styled.default)("div",{target:"e16jtuij0",label:"StyledContainer"})(()=>({width:"100%",display:"flex",alignItems:"center",flexDirection:"row",position:"relative"})),StyledIconContainer=(0,_styled.default)("div",{target:"e16jtuij1",label:"StyledIconContainer"})(({theme})=>({position:"absolute",right:theme.variables.size.spacing.xs})),StyledInput=(0,_styled.default)("input",{target:"e16jtuij2",label:"StyledInput"})(({theme,privateProps,hasError,icon,readOnly,inputSize})=>({...(0,_mixins.getInputTextStyles)({theme,size:inputSize,hasError,readOnly}),...(0,_mixins.getInputTextPlaceholder)({theme}),...privateProps?.isTransparent?{backgroundColor:theme.values.color.background.transparent.default,borderColor:"transparent"}:{backgroundColor:theme.values.color.background.primary.default},...privateProps?.hideOutline&&{outline:"none"},"&.error":{borderColor:theme.values.color.border.error.default},"& svg":{pointerEvents:"none"},...icon&&{paddingRight:`calc(${theme.variables.size.spacing.s} + ${theme.variables.size.dimension.icon.m})`}})),InputRaw=_react.default.forwardRef(({size="m",hasError=!1,type="text",icon,autoComplete="on",privateProps={},readOnly,...rest},ref)=>_react.default.createElement(StyledContainer,null,_react.default.createElement(StyledInput,{...rest,type:type,inputSize:size,ref:ref,autoComplete:autoComplete,hasError:hasError,privateProps:privateProps,icon:icon,readOnly:readOnly,"aria-invalid":hasError}),icon&&_react.default.createElement(StyledIconContainer,null,_react.default.createElement(_Text.Text,{as:"span",color:"tertiary"},_react.default.createElement(_Icon.Icon,{name:icon,size:"m",color:readOnly?"quaternary":void 0}))))),Input=_react.default.forwardRef(({size="m",placeholder,hasError=!1,type="text",icon,autoComplete="on",privateProps={},readOnly,disabled,label,labelHint,hideLabel,hint,errorMessages,"aria-describedby":ariaDescribedBy,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let{id,ariaDescribedByProp}=(0,_useFormFieldMessageId.useFormFieldMessageId)({ariaDescribedBy,errorMessages,hint});return _react.default.createElement(_FormField.FormField,{"data-ds-id":"Input",disabled:disabled,"data-e2e-test-id":dataE2eTestId,hideLabel:hideLabel,label:label,labelHint:labelHint,hint:hint,errorMessages:errorMessages,messageId:id},_react.default.createElement(InputRaw,{...rest,ref:ref,size:size,type:type,icon:icon,placeholder:readOnly?void 0:placeholder,hasError:hasError,disabled:disabled,autoComplete:autoComplete,privateProps:privateProps,readOnly:readOnly,...ariaDescribedByProp}))});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get Input(){return Input},get InputRaw(){return InputRaw}};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")),_Icon=require("../../Icon/Icon"),_FormField=require("../FormField/FormField"),_Text=require("../../Typography/Text/Text"),_useFormFieldMessageId=require("../FormField/useFormFieldMessageId"),_mixins=require("../../../shared/mixins"),StyledContainer=(0,_styled.default)("div",{target:"e1owrw4k0",label:"StyledContainer"})(()=>({width:"100%",display:"flex",alignItems:"center",flexDirection:"row",position:"relative"})),StyledIconContainer=(0,_styled.default)("div",{target:"e1owrw4k1",label:"StyledIconContainer"})(({theme})=>({position:"absolute",right:theme.variables.size.spacing.xs})),StyledInput=(0,_styled.default)("input",{target:"e1owrw4k2",label:"StyledInput"})(({theme,privateProps,hasError,icon,readOnly,inputSize})=>({...(0,_mixins.getInputTextStyles)({theme,size:inputSize,hasError,readOnly}),...(0,_mixins.getInputTextPlaceholder)({theme}),...privateProps?.isTransparent?{backgroundColor:theme.values.color.background.transparent.default,borderColor:"transparent"}:{backgroundColor:theme.values.color.background.primary.default},...privateProps?.hideOutline&&{outline:"none"},"&.error":{borderColor:theme.values.color.border.error.default},"& svg":{pointerEvents:"none"},...icon&&{paddingRight:`calc(${theme.variables.size.spacing.s} + ${theme.variables.size.dimension.icon.m})`}})),InputRaw=_react.default.forwardRef(({size="m",hasError=!1,type="text",icon,autoComplete="on",privateProps={},readOnly,...rest},ref)=>_react.default.createElement(StyledContainer,null,_react.default.createElement(StyledInput,{...rest,type:type,inputSize:size,ref:ref,autoComplete:autoComplete,hasError:hasError,privateProps:privateProps,icon:icon,readOnly:readOnly,"aria-invalid":hasError}),icon&&_react.default.createElement(StyledIconContainer,null,_react.default.createElement(_Text.Text,{as:"span",color:"tertiary"},_react.default.createElement(_Icon.Icon,{name:icon,size:"m",color:readOnly?"quaternary":void 0}))))),Input=_react.default.forwardRef(({size="m",placeholder,hasError=!1,type="text",icon,autoComplete="on",privateProps={},readOnly,disabled,label,labelHint,hideLabel,hint,errorMessages,"aria-describedby":ariaDescribedBy,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let{id,ariaDescribedByProp}=(0,_useFormFieldMessageId.useFormFieldMessageId)({ariaDescribedBy,errorMessages,hint});return _react.default.createElement(_FormField.FormField,{"data-ds-id":"Input",disabled:disabled,"data-e2e-test-id":dataE2eTestId,hideLabel:hideLabel,label:label,labelHint:labelHint,hint:hint,errorMessages:errorMessages,messageId:id},_react.default.createElement(InputRaw,{...rest,ref:ref,size:size,type:type,icon:icon,placeholder:readOnly?void 0:placeholder,hasError:hasError,disabled:disabled,autoComplete:autoComplete,privateProps:privateProps,readOnly:readOnly,...ariaDescribedByProp}))});

package/build/cjs/components/Form/PasswordInput/PasswordInput.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get PasswordInput(){return PasswordInput},get PasswordInputRaw(){return PasswordInputRaw}};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")),_FormField=require("../FormField/FormField"),_useFormFieldMessageId=require("../FormField/useFormFieldMessageId"),_PasswordInputButton=require("./PasswordInputButton"),handleBorderColor=({theme,hasError,readOnly})=>hasError?theme.values.color.border.error.default:readOnly?theme.values.color.border.primary.disabled:theme.values.color.border.primary.default,StyledContainer=(0,_styled.default)("div",{target:"e1talrlh0",label:"StyledContainer"})(()=>({width:"100%",display:"flex",alignItems:"center",flexDirection:"row",position:"relative"})),StyledPasswordInput=(0,_styled.default)("input",{target:"e1talrlh1",label:"StyledPasswordInput"})(({theme,hasError=!1,readOnly=!1})=>({fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.m,lineHeight:theme.variables.size.lineHeight.xl,borderRadius:theme.variables.size.borderRadius.xs,borderWidth:"1px",borderStyle:"solid",width:"100%",padding:`calc(${theme.variables.size.spacing.xs} - 1px) ${theme.variables.size.spacing.s}`,paddingRight:theme.variables.size.spacing.xxl,boxSizing:"border-box",color:theme.values.color.text.secondary.default,borderColor:handleBorderColor({theme,hasError,readOnly}),backgroundColor:theme.values.color.background.primary.default,"&.error":{borderColor:theme.values.color.border.error.default},"&.has-icon":{paddingRight:theme.variables.size.spacing.xs+theme.variables.size.dimension.icon.m},"&::placeholder":{fontStyle:"italic",color:theme.values.color.text.tertiary.default,opacity:theme.variables.opacity.visible},"&:-ms-input-placeholder":{fontStyle:"italic",color:theme.values.color.text.tertiary.default},"&::-ms-input-placeholder":{fontStyle:"italic",color:theme.values.color.text.tertiary.default},...hasError&&{boxShadow:`0 0 0 1px inset ${theme.values.color.border.error.default}`}})),PasswordInputRaw=(0,_react.forwardRef)(({placeholder,hasError=!1,onIconClick,readOnly,disabled,slotProps:{toggleVisibility:{ariaLabelShow,ariaLabelHide}},...rest},ref)=>{let[isPasswordVisible,setIsPasswordVisible]=(0,_react.useState)(!1);return _react.default.createElement(StyledContainer,null,_react.default.createElement(StyledPasswordInput,{...rest,type:isPasswordVisible?"text":"password",placeholder:readOnly?void 0:placeholder,ref:ref,hasError:hasError,readOnly:readOnly,disabled:disabled,"aria-invalid":hasError}),_react.default.createElement(_PasswordInputButton.PasswordInputButton,{hasError:hasError,disabled:disabled,onIconClick:onIconClick,isPasswordVisible:isPasswordVisible,readOnly:readOnly,ariaLabel:isPasswordVisible?ariaLabelHide:ariaLabelShow,onToggle:()=>setIsPasswordVisible(prev=>!prev)}))}),PasswordInput=_react.default.forwardRef(({placeholder="••••••••",hasError=!1,onIconClick,autoComplete="on",slotProps,disabled,label,labelHint,hideLabel,hint,errorMessages,"aria-describedby":ariaDescribedBy,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let{id,ariaDescribedByProp}=(0,_useFormFieldMessageId.useFormFieldMessageId)({ariaDescribedBy,errorMessages,hint});return _react.default.createElement(_FormField.FormField,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"PasswordInput",disabled:disabled,label:label,labelHint:labelHint,hideLabel:hideLabel,hint:hint,errorMessages:errorMessages,messageId:id},_react.default.createElement(PasswordInputRaw,{...rest,ref:ref,placeholder:placeholder,hasError:hasError,disabled:disabled,onIconClick:onIconClick,autoComplete:autoComplete,slotProps:slotProps,...ariaDescribedByProp}))});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get PasswordInput(){return PasswordInput},get PasswordInputRaw(){return PasswordInputRaw}};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")),_FormField=require("../FormField/FormField"),_useFormFieldMessageId=require("../FormField/useFormFieldMessageId"),_PasswordInputButton=require("./PasswordInputButton"),handleBorderColor=({theme,hasError,readOnly})=>hasError?theme.values.color.border.error.default:readOnly?theme.values.color.border.primary.disabled:theme.values.color.border.primary.default,StyledContainer=(0,_styled.default)("div",{target:"expgvjt0",label:"StyledContainer"})(()=>({width:"100%",display:"flex",alignItems:"center",flexDirection:"row",position:"relative"})),StyledPasswordInput=(0,_styled.default)("input",{target:"expgvjt1",label:"StyledPasswordInput"})(({theme,hasError=!1,readOnly=!1})=>({fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.m,lineHeight:theme.variables.size.lineHeight.xl,borderRadius:theme.variables.size.borderRadius.xs,borderWidth:"1px",borderStyle:"solid",width:"100%",padding:`calc(${theme.variables.size.spacing.xs} - 1px) ${theme.variables.size.spacing.s}`,paddingRight:theme.variables.size.spacing.xxl,boxSizing:"border-box",color:theme.values.color.text.secondary.default,borderColor:handleBorderColor({theme,hasError,readOnly}),backgroundColor:theme.values.color.background.primary.default,"&.error":{borderColor:theme.values.color.border.error.default},"&.has-icon":{paddingRight:theme.variables.size.spacing.xs+theme.variables.size.dimension.icon.m},"&::placeholder":{fontStyle:"italic",color:theme.values.color.text.tertiary.default,opacity:theme.variables.opacity.visible},"&:-ms-input-placeholder":{fontStyle:"italic",color:theme.values.color.text.tertiary.default},"&::-ms-input-placeholder":{fontStyle:"italic",color:theme.values.color.text.tertiary.default},...hasError&&{boxShadow:`0 0 0 1px inset ${theme.values.color.border.error.default}`}})),PasswordInputRaw=(0,_react.forwardRef)(({placeholder,hasError=!1,onIconClick,readOnly,disabled,slotProps:{toggleVisibility:{ariaLabelShow,ariaLabelHide}},...rest},ref)=>{let[isPasswordVisible,setIsPasswordVisible]=(0,_react.useState)(!1);return _react.default.createElement(StyledContainer,null,_react.default.createElement(StyledPasswordInput,{...rest,type:isPasswordVisible?"text":"password",placeholder:readOnly?void 0:placeholder,ref:ref,hasError:hasError,readOnly:readOnly,disabled:disabled,"aria-invalid":hasError}),_react.default.createElement(_PasswordInputButton.PasswordInputButton,{hasError:hasError,disabled:disabled,onIconClick:onIconClick,isPasswordVisible:isPasswordVisible,readOnly:readOnly,ariaLabel:isPasswordVisible?ariaLabelHide:ariaLabelShow,onToggle:()=>setIsPasswordVisible(prev=>!prev)}))}),PasswordInput=_react.default.forwardRef(({placeholder="••••••••",hasError=!1,onIconClick,autoComplete="on",slotProps,disabled,label,labelHint,hideLabel,hint,errorMessages,"aria-describedby":ariaDescribedBy,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let{id,ariaDescribedByProp}=(0,_useFormFieldMessageId.useFormFieldMessageId)({ariaDescribedBy,errorMessages,hint});return _react.default.createElement(_FormField.FormField,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"PasswordInput",disabled:disabled,label:label,labelHint:labelHint,hideLabel:hideLabel,hint:hint,errorMessages:errorMessages,messageId:id},_react.default.createElement(PasswordInputRaw,{...rest,ref:ref,placeholder:placeholder,hasError:hasError,disabled:disabled,onIconClick:onIconClick,autoComplete:autoComplete,slotProps:slotProps,...ariaDescribedByProp}))});

package/build/cjs/components/Form/RadioButton/RadioButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"RadioButton",{enumerable:!0,get:function(){return RadioButton}});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")),_FormField=require("../FormField/FormField"),_Icon=require("../../Icon/Icon"),_Inline=require("../../Inline/Inline"),StyledContainer=(0,_styled.default)("div",{target:"e1ddt1cz0",label:"StyledContainer"})(()=>({userSelect:"none",display:"block",position:"relative",width:"100%",boxSizing:"border-box"})),StyledRealInput=(0,_styled.default)("input",{target:"e1ddt1cz1",label:"StyledRealInput"})(({theme})=>({opacity:theme.variables.opacity.hidden,cursor:"pointer",height:0,width:0,position:"absolute"})),StyledFakeInput=(0,_styled.default)("div",{target:"e1ddt1cz2",label:"StyledFakeInput"})(({theme})=>({cursor:"pointer",textTransform:"none",textDecoration:"none",borderRadius:theme.variables.size.borderRadius.xs,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,fontWeight:theme.variables.weight.bold,lineHeight:theme.variables.size.lineHeight.xs,padding:`${theme.variables.size.spacing.s} ${theme.variables.size.spacing.l}`,"input: focus-visible + &":{outlineWidth:"2px",outlineStyle:"solid",outlineColor:"Highlight"},"@media (-webkit-min-device-pixel-ratio:0)":{"input: focus-visible + &":{outlineColor:"-webkit-focus-ring-color",outlineStyle:"auto"}},"input:not(:checked) + &":{border:`1px solid ${theme.values.color.border.secondary.default}`,backgroundColor:theme.values.color.background.primary.default,color:theme.values.color.text.secondary.default,"&:hover":{backgroundColor:theme.values.color.background.secondary.default}},"input:checked + & ":{border:`1px solid ${theme.values.color.border.accent.default}`,backgroundColor:theme.values.color.background.accentSubtle.default,color:theme.values.color.text.accent.default}}));function RadioButton({name,value="",checked,label="",icon,disabled=!1,onChange,onClick,onBlur,onFocus,...rest}){return _react.default.createElement(_FormField.FormField,{"data-ds-id":"RadioButton",...rest,disabled:disabled},_react.default.createElement(StyledContainer,null,_react.default.createElement(StyledRealInput,{type:"radio",name:name,value:value,checked:checked,disabled:disabled,onChange:onChange,onClick:onClick,onBlur:onBlur,onFocus:onFocus}),_react.default.createElement(StyledFakeInput,null,_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"spaceBetween",noWrap:!0},label,icon&&_react.default.createElement(_Icon.Icon,{name:icon})))))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"RadioButton",{enumerable:!0,get:function(){return RadioButton}});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")),_FormField=require("../FormField/FormField"),_Icon=require("../../Icon/Icon"),_Inline=require("../../Inline/Inline"),StyledContainer=(0,_styled.default)("div",{target:"erfbmk0",label:"StyledContainer"})(()=>({userSelect:"none",display:"block",position:"relative",width:"100%",boxSizing:"border-box"})),StyledRealInput=(0,_styled.default)("input",{target:"erfbmk1",label:"StyledRealInput"})(({theme})=>({opacity:theme.variables.opacity.hidden,cursor:"pointer",height:0,width:0,position:"absolute"})),StyledFakeInput=(0,_styled.default)("div",{target:"erfbmk2",label:"StyledFakeInput"})(({theme})=>({cursor:"pointer",textTransform:"none",textDecoration:"none",borderRadius:theme.variables.size.borderRadius.xs,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,fontWeight:theme.variables.weight.bold,lineHeight:theme.variables.size.lineHeight.xs,padding:`${theme.variables.size.spacing.s} ${theme.variables.size.spacing.l}`,"input: focus-visible + &":{outlineWidth:"2px",outlineStyle:"solid",outlineColor:"Highlight"},"@media (-webkit-min-device-pixel-ratio:0)":{"input: focus-visible + &":{outlineColor:"-webkit-focus-ring-color",outlineStyle:"auto"}},"input:not(:checked) + &":{border:`1px solid ${theme.values.color.border.secondary.default}`,backgroundColor:theme.values.color.background.primary.default,color:theme.values.color.text.secondary.default,"&:hover":{backgroundColor:theme.values.color.background.secondary.default}},"input:checked + & ":{border:`1px solid ${theme.values.color.border.accent.default}`,backgroundColor:theme.values.color.background.accentSubtle.default,color:theme.values.color.text.accent.default}}));function RadioButton({name,value="",checked,label="",icon,disabled=!1,onChange,onClick,onBlur,onFocus,...rest}){return _react.default.createElement(_FormField.FormField,{"data-ds-id":"RadioButton",...rest,disabled:disabled},_react.default.createElement(StyledContainer,null,_react.default.createElement(StyledRealInput,{type:"radio",name:name,value:value,checked:checked,disabled:disabled,onChange:onChange,onClick:onClick,onBlur:onBlur,onFocus:onFocus}),_react.default.createElement(StyledFakeInput,null,_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"spaceBetween",noWrap:!0},label,icon&&_react.default.createElement(_Icon.Icon,{name:icon})))))}

package/build/cjs/components/Form/SegmentedControl/SegmentedControlOption.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"SegmentedControlOption",{enumerable:!0,get:function(){return SegmentedControlOption}});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")),_Text=require("../../Typography/Text/Text"),_Icon=require("../../Icon/Icon"),_ScreenReaderText=require("../../Utilities/ScreenReaderText/ScreenReaderText"),_Tooltip=require("../../Tooltip/Tooltip"),_Inline=require("../../Inline/Inline"),_mixins=require("../../../shared/mixins"),StyledInput=(0,_styled.default)("input",{target:"e13oprls0",label:"StyledInput"})(({theme})=>({position:"absolute",height:1,width:1,margin:-1,overflow:"hidden",padding:0,opacity:theme.variables.opacity.hidden})),StyledLabel=(0,_styled.default)(_Text.Text,{target:"e13oprls1",label:"StyledLabel"})(({theme,size})=>({..."s"===size&&{lineHeight:theme.variables.size.lineHeight.xs}})),StyledSublabel=(0,_styled.default)(_Text.Text,{target:"e13oprls2",label:"StyledSublabel"})(({theme,isResponsive})=>{let baseStyle={textAlign:"center"};return isResponsive?{...baseStyle,[`@media (max-width: ${_breakpointsjson.default.m.value}px)`]:{lineHeight:theme.variables.size.lineHeight.xs,textAlign:"right",marginLeft:theme.variables.size.spacing.m}}:baseStyle}),StyledIconContainer=(0,_styled.default)("div",{target:"e13oprls3",label:"StyledIconContainer"})(),StyledContainer=(0,_styled.default)("label",{target:"e13oprls4",label:"StyledContainer"})(({theme,size,checked,isResponsive,sublabel,iconOnly,displayAsOptionWithSublabel,disabled})=>{let borderStyle={"&:first-of-type":{borderTopLeftRadius:theme.variables.size.borderRadius.xs,borderBottomLeftRadius:theme.variables.size.borderRadius.xs,borderLeftStyle:"solid"},"&:last-of-type":{borderTopRightRadius:theme.variables.size.borderRadius.xs,borderBottomRightRadius:theme.variables.size.borderRadius.xs,borderRightStyle:"solid"}},basePaddingSize="s"===size?theme.variables.size.spacing.xs:theme.variables.size.spacing.s,basePadding=`calc(${basePaddingSize} - 1px)`,baseStyle={position:"relative",cursor:"pointer",backgroundColor:theme.values.color.background.primary.default,display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",border:`1px solid ${theme.values.color.border.secondary.default}`,borderLeftStyle:"none",borderRightStyle:"none",padding:(()=>{if(iconOnly)return"l"===size?`calc(${theme.variables.size.spacing.m} - 1px)`:basePadding;let horizontalPadding="s"===size?theme.variables.size.spacing.m:theme.variables.size.spacing.l;return`${basePadding} ${horizontalPadding}`})(),...!checked&&!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.secondary.default}},...disabled&&{cursor:"not-allowed",opacity:theme.variables.opacity.disabled},...checked&&(0,_mixins.getPressedStyles)({theme}),[`${StyledSublabel}, ${StyledLabel}, ${StyledIconContainer}`]:{color:theme.values.color.text.secondary.default,...checked&&{color:theme.values.color.text.accent.default}},[`&:has(${StyledInput}:focus-visible)`]:{outlineWidth:2,outlineStyle:"solid",outlineColor:"Highlight",outlineOffset:-1,"@media (-webkit-min-device-pixel-ratio:0)":{outlineColor:"-webkit-focus-ring-color",outlineStyle:"solid"}}};return isResponsive?{...baseStyle,[`@media (min-width: ${_breakpointsjson.default.m.value}px)`]:{...borderStyle},[`@media (max-width: ${_breakpointsjson.default.m.value}px)`]:{flexDirection:"row",justifyContent:sublabel||displayAsOptionWithSublabel?"space-between":"center",padding:theme.variables.size.spacing.m,borderTopStyle:"none",borderBottomStyle:"none",borderLeftStyle:"solid",borderRightStyle:"solid","&:first-of-type":{borderTopLeftRadius:theme.variables.size.borderRadius.xs,borderTopRightRadius:theme.variables.size.borderRadius.xs,borderTopStyle:"solid"},"&:last-of-type":{borderBottomLeftRadius:theme.variables.size.borderRadius.xs,borderBottomRightRadius:theme.variables.size.borderRadius.xs,borderBottomStyle:"solid"}}}:{...baseStyle,...borderStyle}});function SegmentedControlOption({name,value="",checked,label="",sublabel,iconName,iconOnly,slotProps,tooltipContent,tooltipPlacement,tooltipPortalContainer,tooltipShortcut,size,disabled=!1,isResponsive=!1,inputType="radio",displayAsOptionWithSublabel=!1,onChange,onClick,onBlur,onFocus,onTooltipVisibilityChange}){let containerRef=(0,_react.useRef)(null),iconAriaLabel=iconOnly?label:void 0,iconAccessibleName=slotProps?.icon?.ariaLabel??iconAriaLabel,iconElm=iconName?_react.default.createElement(StyledIconContainer,null,iconAccessibleName?_react.default.createElement(_Icon.Icon,{name:iconName,size:"s","aria-label":iconAccessibleName,role:"img"}):_react.default.createElement(_Icon.Icon,{name:iconName,size:"s"})):null,showIcon=!sublabel&&iconElm,labelElm=_react.default.createElement(StyledLabel,{size:"l"===size?"m":"s",weight:"bold"},label),labelContainerElm=labelElm;showIcon&&(labelContainerElm=iconOnly?_react.default.createElement(_react.default.Fragment,null,iconElm,_react.default.createElement(_ScreenReaderText.ScreenReaderText,null,label)):_react.default.createElement(_Inline.Inline,{space:"xs",noWrap:!0,vAlignItems:"center"},iconElm,labelElm));let sublabelElm=sublabel?_react.default.createElement(StyledSublabel,{size:"s",isResponsive:isResponsive},sublabel):null;return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(StyledContainer,{size:size,checked:checked,sublabel:sublabel,iconOnly:iconOnly,isResponsive:isResponsive,displayAsOptionWithSublabel:displayAsOptionWithSublabel,ref:containerRef,disabled:disabled,tabIndex:-1},_react.default.createElement(StyledInput,{type:inputType,name:name,value:value,checked:checked,disabled:disabled,onChange:onChange,onClick:onClick,onBlur:onBlur,onFocus:onFocus,"aria-expanded":slotProps?.input?.ariaExpanded,"aria-controls":slotProps?.input?.ariaControls}),labelContainerElm,sublabelElm),tooltipContent&&_react.default.createElement(_Tooltip.Tooltip,{content:tooltipContent,shortcut:tooltipShortcut,externalTriggerRef:containerRef,onVisibilityChange:onTooltipVisibilityChange,placement:tooltipPlacement??"auto",portalContainer:tooltipPortalContainer}))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"SegmentedControlOption",{enumerable:!0,get:function(){return SegmentedControlOption}});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")),_Text=require("../../Typography/Text/Text"),_Icon=require("../../Icon/Icon"),_ScreenReaderText=require("../../Utilities/ScreenReaderText/ScreenReaderText"),_Tooltip=require("../../Tooltip/Tooltip"),_Inline=require("../../Inline/Inline"),_mixins=require("../../../shared/mixins"),StyledInput=(0,_styled.default)("input",{target:"enpc8r20",label:"StyledInput"})(({theme})=>({position:"absolute",height:1,width:1,margin:-1,overflow:"hidden",padding:0,opacity:theme.variables.opacity.hidden})),StyledLabel=(0,_styled.default)(_Text.Text,{target:"enpc8r21",label:"StyledLabel"})(({theme,size})=>({..."s"===size&&{lineHeight:theme.variables.size.lineHeight.xs}})),StyledSublabel=(0,_styled.default)(_Text.Text,{target:"enpc8r22",label:"StyledSublabel"})(({theme,isResponsive})=>{let baseStyle={textAlign:"center"};return isResponsive?{...baseStyle,[`@media (max-width: ${_breakpointsjson.default.m.value}px)`]:{lineHeight:theme.variables.size.lineHeight.xs,textAlign:"right",marginLeft:theme.variables.size.spacing.m}}:baseStyle}),StyledIconContainer=(0,_styled.default)("div",{target:"enpc8r23",label:"StyledIconContainer"})(),StyledContainer=(0,_styled.default)("label",{target:"enpc8r24",label:"StyledContainer"})(({theme,size,checked,isResponsive,sublabel,iconOnly,displayAsOptionWithSublabel,disabled})=>{let borderStyle={"&:first-of-type":{borderTopLeftRadius:theme.variables.size.borderRadius.xs,borderBottomLeftRadius:theme.variables.size.borderRadius.xs,borderLeftStyle:"solid"},"&:last-of-type":{borderTopRightRadius:theme.variables.size.borderRadius.xs,borderBottomRightRadius:theme.variables.size.borderRadius.xs,borderRightStyle:"solid"}},basePaddingSize="s"===size?theme.variables.size.spacing.xs:theme.variables.size.spacing.s,basePadding=`calc(${basePaddingSize} - 1px)`,baseStyle={position:"relative",cursor:"pointer",backgroundColor:theme.values.color.background.primary.default,display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",border:`1px solid ${theme.values.color.border.secondary.default}`,borderLeftStyle:"none",borderRightStyle:"none",padding:(()=>{if(iconOnly)return"l"===size?`calc(${theme.variables.size.spacing.m} - 1px)`:basePadding;let horizontalPadding="s"===size?theme.variables.size.spacing.m:theme.variables.size.spacing.l;return`${basePadding} ${horizontalPadding}`})(),...!checked&&!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.secondary.default}},...disabled&&{cursor:"not-allowed",opacity:theme.variables.opacity.disabled},...checked&&(0,_mixins.getPressedStyles)({theme}),[`${StyledSublabel}, ${StyledLabel}, ${StyledIconContainer}`]:{color:theme.values.color.text.secondary.default,...checked&&{color:theme.values.color.text.accent.default}},[`&:has(${StyledInput}:focus-visible)`]:{outlineWidth:2,outlineStyle:"solid",outlineColor:"Highlight",outlineOffset:-1,"@media (-webkit-min-device-pixel-ratio:0)":{outlineColor:"-webkit-focus-ring-color",outlineStyle:"solid"}}};return isResponsive?{...baseStyle,[`@media (min-width: ${_breakpointsjson.default.m.value}px)`]:{...borderStyle},[`@media (max-width: ${_breakpointsjson.default.m.value}px)`]:{flexDirection:"row",justifyContent:sublabel||displayAsOptionWithSublabel?"space-between":"center",padding:theme.variables.size.spacing.m,borderTopStyle:"none",borderBottomStyle:"none",borderLeftStyle:"solid",borderRightStyle:"solid","&:first-of-type":{borderTopLeftRadius:theme.variables.size.borderRadius.xs,borderTopRightRadius:theme.variables.size.borderRadius.xs,borderTopStyle:"solid"},"&:last-of-type":{borderBottomLeftRadius:theme.variables.size.borderRadius.xs,borderBottomRightRadius:theme.variables.size.borderRadius.xs,borderBottomStyle:"solid"}}}:{...baseStyle,...borderStyle}});function SegmentedControlOption({name,value="",checked,label="",sublabel,iconName,iconOnly,slotProps,tooltipContent,tooltipPlacement,tooltipPortalContainer,tooltipShortcut,size,disabled=!1,isResponsive=!1,inputType="radio",displayAsOptionWithSublabel=!1,onChange,onClick,onBlur,onFocus,onTooltipVisibilityChange}){let containerRef=(0,_react.useRef)(null),iconAriaLabel=iconOnly?label:void 0,iconAccessibleName=slotProps?.icon?.ariaLabel??iconAriaLabel,iconElm=iconName?_react.default.createElement(StyledIconContainer,null,iconAccessibleName?_react.default.createElement(_Icon.Icon,{name:iconName,size:"s","aria-label":iconAccessibleName,role:"img"}):_react.default.createElement(_Icon.Icon,{name:iconName,size:"s"})):null,showIcon=!sublabel&&iconElm,labelElm=_react.default.createElement(StyledLabel,{size:"l"===size?"m":"s",weight:"bold"},label),labelContainerElm=labelElm;showIcon&&(labelContainerElm=iconOnly?_react.default.createElement(_react.default.Fragment,null,iconElm,_react.default.createElement(_ScreenReaderText.ScreenReaderText,null,label)):_react.default.createElement(_Inline.Inline,{space:"xs",noWrap:!0,vAlignItems:"center"},iconElm,labelElm));let sublabelElm=sublabel?_react.default.createElement(StyledSublabel,{size:"s",isResponsive:isResponsive},sublabel):null;return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(StyledContainer,{size:size,checked:checked,sublabel:sublabel,iconOnly:iconOnly,isResponsive:isResponsive,displayAsOptionWithSublabel:displayAsOptionWithSublabel,ref:containerRef,disabled:disabled,tabIndex:-1},_react.default.createElement(StyledInput,{type:inputType,name:name,value:value,checked:checked,disabled:disabled,onChange:onChange,onClick:onClick,onBlur:onBlur,onFocus:onFocus,"aria-expanded":slotProps?.input?.ariaExpanded,"aria-controls":slotProps?.input?.ariaControls}),labelContainerElm,sublabelElm),tooltipContent&&_react.default.createElement(_Tooltip.Tooltip,{content:tooltipContent,shortcut:tooltipShortcut,externalTriggerRef:containerRef,onVisibilityChange:onTooltipVisibilityChange,placement:tooltipPlacement??"auto",portalContainer:tooltipPortalContainer}))}

package/build/cjs/components/Form/Select/Select.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Select",{enumerable:!0,get:function(){return Select}});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")),_FormField=require("../FormField/FormField"),_SelectWithCustomTrigger=require("./SelectWithCustomTrigger"),_Icon=require("../../Icon/Icon"),_Inline=require("../../Inline/Inline"),_TextClamped=require("../../Typography/TextClamped/TextClamped"),_useFormFieldMessageId=require("../FormField/useFormFieldMessageId"),StyledButton=(0,_styled.default)("button",{target:"emffu2u0",label:"StyledButton"})(({theme,hasError,isPlaceholderVisible,readOnly,size})=>({'&[type="button"]':{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},display:"inline-block",margin:0,borderRadius:theme.variables.size.borderRadius.xs,backgroundColor:theme.values.color.background.primary.default,borderWidth:"1px",borderStyle:"solid",width:"100%",padding:`${"s"===size?`calc(${theme.variables.size.spacing.xxs} + 1px)`:`calc(${theme.variables.size.spacing.xs} - 1px)`} ${theme.variables.size.spacing.s}`,paddingRight:theme.variables.size.spacing.xs,boxSizing:"border-box",borderColor:theme.values.color.border.primary.default,...readOnly&&{borderColor:theme.values.color.border.primary.disabled},...isPlaceholderVisible&&{fontStyle:"italic"},...hasError&&{boxShadow:`0 0 0 1px inset ${theme.values.color.border.error.default}`,borderColor:theme.values.color.border.error.default}})),StyledTriggerIcon=(0,_styled.default)(_Icon.Icon,{target:"emffu2u1",label:"StyledTriggerIcon"})(()=>({pointerEvents:"none"}));function TriggerButton({triggerRef,disabled,isOpen,hasError,isPlaceholderVisible,role,"aria-expanded":ariaExpanded,"aria-controls":ariaControls,"aria-activedescendant":ariaActiveDescendant,"aria-describedby":ariaDescribedBy,"aria-label":ariaLabel,readOnly,size,onFocus,onBlur,children,...ariaAttributes}){return _react.default.createElement(StyledButton,{type:"button",ref:triggerRef,disabled:disabled,hasError:hasError,isPlaceholderVisible:isPlaceholderVisible,...ariaAttributes,role:role,"aria-expanded":ariaExpanded,"aria-controls":ariaControls,"aria-activedescendant":ariaActiveDescendant,"aria-label":ariaLabel,"aria-invalid":hasError,"aria-describedby":ariaDescribedBy,readOnly:readOnly,size:size,onFocus:onFocus,onBlur:onBlur},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"spaceBetween",space:"xxs",noWrap:!0},_react.default.createElement(_TextClamped.TextClamped,{color:isPlaceholderVisible?"tertiary":"primary",size:size},readOnly&&isPlaceholderVisible?null:children),_react.default.createElement(StyledTriggerIcon,{size:size,name:isOpen?"chevron-up":"chevron-down",color:readOnly?"quaternary":"tertiary"})))}function Select({options,name,value,placeholder,hasError,optionsListWidth,maxHeight,disabled=!1,portalContainer,readOnly=!1,excludeFromFormData,label,labelHint,hideLabel,hint,errorMessages,size="m","data-e2e-test-id":dataE2eTestId,"aria-describedby":ariaDescribedBy,onChange,onFocus,onBlur,...ariaAttributes}){let selectedOption=options?.find(option=>option.value===value),isPlaceholderVisible=!!placeholder&&!value,{id,ariaDescribedByProp}=(0,_useFormFieldMessageId.useFormFieldMessageId)({ariaDescribedBy,errorMessages,hint});return _react.default.createElement(_SelectWithCustomTrigger.SelectWithCustomTrigger,{options:options,value:value,name:name,optionsListWidth:optionsListWidth,maxHeight:maxHeight,portalContainer:portalContainer,disabled:disabled,readOnly:readOnly,excludeFromFormData:excludeFromFormData,onChange:onChange,renderTrigger:({triggerRef,isOpen,role,"aria-expanded":ariaExpanded,"aria-controls":ariaControls,"aria-activedescendant":ariaActiveDescendant})=>_react.default.createElement(_FormField.FormField,{disabled:disabled,hideLabel:hideLabel,label:label,labelHint:labelHint,hint:hint,errorMessages:errorMessages,messageId:id,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Select"},_react.default.createElement(TriggerButton,{hasError:hasError,isPlaceholderVisible:isPlaceholderVisible,size:size,triggerRef:triggerRef,isOpen:isOpen,disabled:disabled,role:role,"aria-expanded":ariaExpanded,"aria-controls":ariaControls,"aria-activedescendant":ariaActiveDescendant,"aria-label":label,...ariaAttributes,...ariaDescribedByProp,readOnly:readOnly,onFocus:onFocus,onBlur:onBlur},selectedOption?selectedOption.label:placeholder??""))})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Select",{enumerable:!0,get:function(){return Select}});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")),_FormField=require("../FormField/FormField"),_SelectWithCustomTrigger=require("./SelectWithCustomTrigger"),_Icon=require("../../Icon/Icon"),_Inline=require("../../Inline/Inline"),_TextClamped=require("../../Typography/TextClamped/TextClamped"),_useFormFieldMessageId=require("../FormField/useFormFieldMessageId"),StyledButton=(0,_styled.default)("button",{target:"eaelaza0",label:"StyledButton"})(({theme,hasError,isPlaceholderVisible,readOnly,size})=>({'&[type="button"]':{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},display:"inline-block",margin:0,borderRadius:theme.variables.size.borderRadius.xs,backgroundColor:theme.values.color.background.primary.default,borderWidth:"1px",borderStyle:"solid",width:"100%",padding:`${"s"===size?`calc(${theme.variables.size.spacing.xxs} + 1px)`:`calc(${theme.variables.size.spacing.xs} - 1px)`} ${theme.variables.size.spacing.s}`,paddingRight:theme.variables.size.spacing.xs,boxSizing:"border-box",borderColor:theme.values.color.border.primary.default,...readOnly&&{borderColor:theme.values.color.border.primary.disabled},...isPlaceholderVisible&&{fontStyle:"italic"},...hasError&&{boxShadow:`0 0 0 1px inset ${theme.values.color.border.error.default}`,borderColor:theme.values.color.border.error.default}})),StyledTriggerIcon=(0,_styled.default)(_Icon.Icon,{target:"eaelaza1",label:"StyledTriggerIcon"})(()=>({pointerEvents:"none"}));function TriggerButton({triggerRef,disabled,isOpen,hasError,isPlaceholderVisible,role,"aria-expanded":ariaExpanded,"aria-controls":ariaControls,"aria-activedescendant":ariaActiveDescendant,"aria-describedby":ariaDescribedBy,"aria-label":ariaLabel,readOnly,size,onFocus,onBlur,children,...ariaAttributes}){return _react.default.createElement(StyledButton,{type:"button",ref:triggerRef,disabled:disabled,hasError:hasError,isPlaceholderVisible:isPlaceholderVisible,...ariaAttributes,role:role,"aria-expanded":ariaExpanded,"aria-controls":ariaControls,"aria-activedescendant":ariaActiveDescendant,"aria-label":ariaLabel,"aria-invalid":hasError,"aria-describedby":ariaDescribedBy,readOnly:readOnly,size:size,onFocus:onFocus,onBlur:onBlur},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"spaceBetween",space:"xxs",noWrap:!0},_react.default.createElement(_TextClamped.TextClamped,{color:isPlaceholderVisible?"tertiary":"primary",size:size},readOnly&&isPlaceholderVisible?null:children),_react.default.createElement(StyledTriggerIcon,{size:size,name:isOpen?"chevron-up":"chevron-down",color:readOnly?"quaternary":"tertiary"})))}function Select({options,name,value,placeholder,hasError,optionsListWidth,maxHeight,disabled=!1,portalContainer,readOnly=!1,excludeFromFormData,label,labelHint,hideLabel,hint,errorMessages,size="m","data-e2e-test-id":dataE2eTestId,"aria-describedby":ariaDescribedBy,onChange,onFocus,onBlur,...ariaAttributes}){let selectedOption=options?.find(option=>option.value===value),isPlaceholderVisible=!!placeholder&&!value,{id,ariaDescribedByProp}=(0,_useFormFieldMessageId.useFormFieldMessageId)({ariaDescribedBy,errorMessages,hint});return _react.default.createElement(_SelectWithCustomTrigger.SelectWithCustomTrigger,{options:options,value:value,name:name,optionsListWidth:optionsListWidth,maxHeight:maxHeight,portalContainer:portalContainer,disabled:disabled,readOnly:readOnly,excludeFromFormData:excludeFromFormData,onChange:onChange,renderTrigger:({triggerRef,isOpen,role,"aria-expanded":ariaExpanded,"aria-controls":ariaControls,"aria-activedescendant":ariaActiveDescendant})=>_react.default.createElement(_FormField.FormField,{disabled:disabled,hideLabel:hideLabel,label:label,labelHint:labelHint,hint:hint,errorMessages:errorMessages,messageId:id,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Select"},_react.default.createElement(TriggerButton,{hasError:hasError,isPlaceholderVisible:isPlaceholderVisible,size:size,triggerRef:triggerRef,isOpen:isOpen,disabled:disabled,role:role,"aria-expanded":ariaExpanded,"aria-controls":ariaControls,"aria-activedescendant":ariaActiveDescendant,"aria-label":label,...ariaAttributes,...ariaDescribedByProp,readOnly:readOnly,onFocus:onFocus,onBlur:onBlur},selectedOption?selectedOption.label:placeholder??""))})}

package/build/cjs/components/Form/Textarea/Textarea.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get Textarea(){return Textarea},get TextareaRaw(){return TextareaRaw}};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")),_FormField=require("../FormField/FormField"),_useFormFieldMessageId=require("../FormField/useFormFieldMessageId"),StyledTextarea=(0,_styled.default)("textarea",{target:"e1ibutd00",label:"StyledTextarea"})(({theme,resize,hasError})=>({fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.m,lineHeight:theme.variables.size.lineHeight.xl,minHeight:theme.variables.size.dimension.textarea.minHeight.m,borderRadius:theme.variables.size.borderRadius.xs,border:"1px solid",width:"100%",padding:theme.variables.size.spacing.xs,boxSizing:"border-box",color:theme.values.color.text.primary.default,borderColor:hasError?theme.values.color.border.error.default:theme.values.color.border.primary.default,backgroundColor:theme.values.color.background.primary.default,...hasError&&{boxShadow:`0 0 0 1px inset ${theme.values.color.border.error.default}`},resize})),StyledContainer=(0,_styled.default)("div",{target:"e1ibutd01",label:"StyledContainer"})(()=>({width:"100%",display:"flex",alignItems:"center",flexDirection:"row",position:"relative"})),TextareaRaw=_react.default.forwardRef(({autoComplete="on",rows=5,maxLength=256,resize="none",disabled,hasError,...rest},ref)=>_react.default.createElement(StyledContainer,null,_react.default.createElement(StyledTextarea,{...rest,ref:ref,hasError:hasError,autoComplete:autoComplete,disabled:disabled,rows:rows,maxLength:maxLength,resize:resize,"aria-invalid":hasError}))),Textarea=_react.default.forwardRef(({disabled,label,labelHint,hideLabel,hint,errorMessages,"aria-describedby":ariaDescribedBy,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let{id,ariaDescribedByProp}=(0,_useFormFieldMessageId.useFormFieldMessageId)({ariaDescribedBy,errorMessages,hint});return _react.default.createElement(_FormField.FormField,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Textarea",disabled:disabled,label:label,labelHint:labelHint,hideLabel:hideLabel,hint:hint,errorMessages:errorMessages,messageId:id},_react.default.createElement(TextareaRaw,{...rest,ref:ref,disabled:disabled,...ariaDescribedByProp}))});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get Textarea(){return Textarea},get TextareaRaw(){return TextareaRaw}};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")),_FormField=require("../FormField/FormField"),_useFormFieldMessageId=require("../FormField/useFormFieldMessageId"),StyledTextarea=(0,_styled.default)("textarea",{target:"e15fuuq00",label:"StyledTextarea"})(({theme,resize,hasError})=>({fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.m,lineHeight:theme.variables.size.lineHeight.xl,minHeight:theme.variables.size.dimension.textarea.minHeight.m,borderRadius:theme.variables.size.borderRadius.xs,border:"1px solid",width:"100%",padding:theme.variables.size.spacing.xs,boxSizing:"border-box",color:theme.values.color.text.primary.default,borderColor:hasError?theme.values.color.border.error.default:theme.values.color.border.primary.default,backgroundColor:theme.values.color.background.primary.default,...hasError&&{boxShadow:`0 0 0 1px inset ${theme.values.color.border.error.default}`},resize})),StyledContainer=(0,_styled.default)("div",{target:"e15fuuq01",label:"StyledContainer"})(()=>({width:"100%",display:"flex",alignItems:"center",flexDirection:"row",position:"relative"})),TextareaRaw=_react.default.forwardRef(({autoComplete="on",rows=5,maxLength=256,resize="none",disabled,hasError,...rest},ref)=>_react.default.createElement(StyledContainer,null,_react.default.createElement(StyledTextarea,{...rest,ref:ref,hasError:hasError,autoComplete:autoComplete,disabled:disabled,rows:rows,maxLength:maxLength,resize:resize,"aria-invalid":hasError}))),Textarea=_react.default.forwardRef(({disabled,label,labelHint,hideLabel,hint,errorMessages,"aria-describedby":ariaDescribedBy,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let{id,ariaDescribedByProp}=(0,_useFormFieldMessageId.useFormFieldMessageId)({ariaDescribedBy,errorMessages,hint});return _react.default.createElement(_FormField.FormField,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Textarea",disabled:disabled,label:label,labelHint:labelHint,hideLabel:hideLabel,hint:hint,errorMessages:errorMessages,messageId:id},_react.default.createElement(TextareaRaw,{...rest,ref:ref,disabled:disabled,...ariaDescribedByProp}))});

package/build/cjs/components/Grid/Grid.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Grid",{enumerable:!0,get:function(){return Grid}});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")),_mediaQueries=require("../../shared/mediaQueries"),_GridItem=require("./GridItem"),StyledContainer=(0,_styled.default)("div",{target:"e1l758so0",label:"StyledContainer"})(({theme,templateColumns,templateRows,autoRows,templateAreas,inline,columnGap,alignItems,justifyItems,isSubgrid})=>{function getTrackSize(size){return`calc((100% - 11 * ${theme.variables.size.spacing[size??"zero"]}) / 12)`}return{width:"100%",display:inline?"inline-grid":"grid",gridAutoFlow:"row",...(0,_mediaQueries.useResponsiveValue)({gridTemplateColumns:templateColumns||(isSubgrid?"subgrid":Array.isArray(columnGap)?columnGap.map(value=>`repeat(12, ${getTrackSize(value)})`):`repeat(12, ${getTrackSize(columnGap)})`),gridTemplateRows:templateRows,gridAutoRows:autoRows,gridTemplateAreas:templateAreas,alignItems,justifyItems})}},({theme,columnGap,rowGap})=>(0,_mediaQueries.useResponsiveStyles)({gridColumnGap:[columnGap,theme.variables.size.spacing],gridRowGap:[rowGap,theme.variables.size.spacing]}));function Grid({columnGap="m",rowGap="m","data-e2e-test-id":dataE2eTestId,children,...rest}){return _react.default.createElement(StyledContainer,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Grid",columnGap:columnGap,rowGap:rowGap,...rest},children)}Grid.Item=_GridItem.GridItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Grid",{enumerable:!0,get:function(){return Grid}});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")),_mediaQueries=require("../../shared/mediaQueries"),_GridItem=require("./GridItem"),StyledContainer=(0,_styled.default)("div",{target:"efhrkze0",label:"StyledContainer"})(({theme,templateColumns,templateRows,autoRows,templateAreas,inline,columnGap,alignItems,justifyItems,isSubgrid})=>{function getTrackSize(size){return`calc((100% - 11 * ${theme.variables.size.spacing[size??"zero"]}) / 12)`}return{width:"100%",display:inline?"inline-grid":"grid",gridAutoFlow:"row",...(0,_mediaQueries.useResponsiveValue)({gridTemplateColumns:templateColumns||(isSubgrid?"subgrid":Array.isArray(columnGap)?columnGap.map(value=>`repeat(12, ${getTrackSize(value)})`):`repeat(12, ${getTrackSize(columnGap)})`),gridTemplateRows:templateRows,gridAutoRows:autoRows,gridTemplateAreas:templateAreas,alignItems,justifyItems})}},({theme,columnGap,rowGap})=>(0,_mediaQueries.useResponsiveStyles)({gridColumnGap:[columnGap,theme.variables.size.spacing],gridRowGap:[rowGap,theme.variables.size.spacing]}));function Grid({columnGap="m",rowGap="m","data-e2e-test-id":dataE2eTestId,children,...rest}){return _react.default.createElement(StyledContainer,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Grid",columnGap:columnGap,rowGap:rowGap,...rest},children)}Grid.Item=_GridItem.GridItem;

package/build/cjs/components/IconTile/IconTile.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"IconTile",{enumerable:!0,get:function(){return IconTile}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_Icon=require("../Icon/Icon"),_Box=require("../Box/Box"),IconTileWrapper=(0,_styled.default)("div",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"color"!==prop,target:"en9pfw00",label:"IconTileWrapper"})(({theme,color})=>({display:"inline-block",borderRadius:theme.variables.size.borderRadius.full,border:"1px solid",borderColor:color?theme.values.color.badge.borderSubtle[color]:theme.values.color.badge.borderSubtle.default,backgroundColor:color?theme.values.color.badge.background[color]:theme.values.color.badge.background.default,color:color?theme.values.color.badge.foreground[color]:theme.values.color.badge.foreground.gray})),IconTile=({icon,color,"data-color":dataColor,"data-e2e-test-id":dataE2eTestId,"aria-label":ariaLabel,"aria-labelledby":ariaLabelledBy,role,...ariaAttributes})=>{let hasAccessibleName=!!(ariaLabel||ariaLabelledBy);return _react.default.createElement(IconTileWrapper,{color:color,"data-e2e-test-id":dataE2eTestId,"data-color":dataColor,"data-ds-id":"IconTile","aria-hidden":!hasAccessibleName||void 0,"aria-label":ariaLabel,"aria-labelledby":ariaLabelledBy,role:role,...ariaAttributes},_react.default.createElement(_Box.Box,{space:"s"},_react.default.createElement(_Icon.Icon,{name:icon,size:"m"})))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"IconTile",{enumerable:!0,get:function(){return IconTile}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_Icon=require("../Icon/Icon"),_Box=require("../Box/Box"),IconTileWrapper=(0,_styled.default)("div",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"color"!==prop,target:"e1af4gik0",label:"IconTileWrapper"})(({theme,color})=>({display:"inline-block",borderRadius:theme.variables.size.borderRadius.full,border:"1px solid",borderColor:color?theme.values.color.badge.borderSubtle[color]:theme.values.color.badge.borderSubtle.default,backgroundColor:color?theme.values.color.badge.background[color]:theme.values.color.badge.background.default,color:color?theme.values.color.badge.foreground[color]:theme.values.color.badge.foreground.gray})),IconTile=({icon,color,"data-color":dataColor,"data-e2e-test-id":dataE2eTestId,"aria-label":ariaLabel,"aria-labelledby":ariaLabelledBy,role,...ariaAttributes})=>{let hasAccessibleName=!!(ariaLabel||ariaLabelledBy);return _react.default.createElement(IconTileWrapper,{color:color,"data-e2e-test-id":dataE2eTestId,"data-color":dataColor,"data-ds-id":"IconTile","aria-hidden":!hasAccessibleName||void 0,"aria-label":ariaLabel,"aria-labelledby":ariaLabelledBy,role:role,...ariaAttributes},_react.default.createElement(_Box.Box,{space:"s"},_react.default.createElement(_Icon.Icon,{name:icon,size:"m"})))};

package/build/cjs/components/Internal/Drawer/Drawer.js

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Drawer",{enumerable:!0,get:function(){return Drawer}});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"),_useOutsideClickDeactivatesWithinPortal=require("../../../shared/useOutsideClickDeactivatesWithinPortal"),_useDocument=require("../../../shared/useDocument"),_focusableSelector=require("../../../shared/focusableSelector"),_Portal=require("../../Portal/Portal"),_FocusTrapWrapper=require("../../../shared/FocusTrapWrapper"),_DialogContext=require("../../Patterns/Dialog/DialogContext"),_Backdrop=require("../../Utilities/Backdrop/Backdrop"),_useExitAnimation=require("../../../shared/useExitAnimation"),StyledViewportLayer=(0,_styled.default)("div",{target:"e1h3k5750",label:"StyledViewportLayer"})(({theme,isLeaving})=>{let{hidden,visible}=theme.variables.opacity,fadeIn=(0,_react1.keyframes)`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Drawer",{enumerable:!0,get:function(){return Drawer}});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"),_useOutsideClickDeactivatesWithinPortal=require("../../../shared/useOutsideClickDeactivatesWithinPortal"),_useDocument=require("../../../shared/useDocument"),_focusableSelector=require("../../../shared/focusableSelector"),_Portal=require("../../Portal/Portal"),_FocusTrapWrapper=require("../../../shared/FocusTrapWrapper"),_DialogContext=require("../../Patterns/Dialog/DialogContext"),_Backdrop=require("../../Utilities/Backdrop/Backdrop"),_useExitAnimation=require("../../../shared/useExitAnimation"),StyledViewportLayer=(0,_styled.default)("div",{target:"e1elpaa00",label:"StyledViewportLayer"})(({theme,isLeaving})=>{let{hidden,visible}=theme.variables.opacity,fadeIn=(0,_react1.keyframes)`
       from { opacity: ${hidden}; }
       to { opacity: ${visible}; }
     `,fadeOut=(0,_react1.keyframes)`
       from { opacity: ${visible}; }
       to { opacity: ${hidden}; }
-    `,{duration,timingFunction}=theme.variables.animation.modalBackdrop.open;return{position:"fixed",top:0,left:0,zIndex:theme.variables.zIndex.modal,width:"100%",height:"100dvh",animation:`${isLeaving?fadeOut:fadeIn} ${duration} ${timingFunction} both`,"@media (prefers-reduced-motion: reduce)":{animation:"none"}}}),StyledContent=(0,_styled.default)("div",{target:"e1h3k5751",label:"StyledContent"})(({theme,positionX,positionY,isLeaving})=>{let restX=positionX?"0%":"-50%",restY=positionY?"0%":"-50%",{x:fromX,y:fromY}="left"===positionX?{x:"-100%",y:restY}:"right"===positionX?{x:"100%",y:restY}:"top"===positionY?{x:restX,y:"-100%"}:"bottom"===positionY?{x:restX,y:"100%"}:{x:restX,y:restY},resting=`translate(${restX}, ${restY})`,offscreen=`translate(${fromX}, ${fromY})`,slideIn=(0,_react1.keyframes)`
+    `,{duration,timingFunction}=theme.variables.animation.modalBackdrop.open;return{position:"fixed",top:0,left:0,zIndex:theme.variables.zIndex.modal,width:"100%",height:"100dvh",animation:`${isLeaving?fadeOut:fadeIn} ${duration} ${timingFunction} both`,"@media (prefers-reduced-motion: reduce)":{animation:"none"}}}),StyledContent=(0,_styled.default)("div",{target:"e1elpaa01",label:"StyledContent"})(({theme,positionX,positionY,isLeaving})=>{let restX=positionX?"0%":"-50%",restY=positionY?"0%":"-50%",{x:fromX,y:fromY}="left"===positionX?{x:"-100%",y:restY}:"right"===positionX?{x:"100%",y:restY}:"top"===positionY?{x:restX,y:"-100%"}:"bottom"===positionY?{x:restX,y:"100%"}:{x:restX,y:restY},resting=`translate(${restX}, ${restY})`,offscreen=`translate(${fromX}, ${fromY})`,slideIn=(0,_react1.keyframes)`
       from { transform: ${offscreen}; }
       to { transform: ${resting}; }
     `,slideOut=(0,_react1.keyframes)`
       from { transform: ${resting}; }
       to { transform: ${offscreen}; }
-    `,{duration,timingFunction}=theme.variables.animation.navSlide.open;return{position:"fixed",...{..."left"===positionX&&{left:0},..."right"===positionX&&{right:0},...!positionX&&{left:"50%"},..."top"===positionY&&{top:0},..."bottom"===positionY&&{bottom:0},...!positionY&&{top:"50%"}},transform:resting,willChange:"transform",animation:`${isLeaving?slideOut:slideIn} ${duration} ${timingFunction} both`,"@media (prefers-reduced-motion: reduce)":{animation:"none"}}}),StyledBackdrop=(0,_styled.default)(_Backdrop.Backdrop,{target:"e1h3k5752",label:"StyledBackdrop"})({pointerEvents:"none"});function getFocusTarget(container,document){return container?.querySelector(_focusableSelector.FOCUSABLE_SELECTOR)??container??document.body}function Drawer({backdropRef,portalContainer,initialFocus,isDismissible=!0,isVisible=!0,onUnmount,hasBackdrop=!0,positionX,positionY,children,handleClose,privateProps:{skipPortal}={skipPortal:!1},...rest}){let portalContainerElement=(0,_Portal.usePortalContainerElement)(portalContainer),contentRef=(0,_react.useRef)(null),document=(0,_useDocument.useDocument)(),{isMounted,isLeaving,onAnimationEnd}=(0,_useExitAnimation.useExitAnimation)(isVisible),wasMounted=(0,_react.useRef)(isMounted);(0,_react.useEffect)(()=>{wasMounted.current&&!isMounted&&onUnmount?.(),wasMounted.current=isMounted},[isMounted,onUnmount]);let layerRef=(0,_react.useRef)(null),setLayerNode=(0,_react.useCallback)(node=>{layerRef.current=node,backdropRef&&(backdropRef.current=node)},[backdropRef]),handleClickOutsideDeactivates=(0,_useOutsideClickDeactivatesWithinPortal.useOutsideClickDeactivatesWithinPortal)({portalContainerElement,outerRef:layerRef,isDismissible});if(!isMounted)return null;let content=_react.default.createElement(StyledViewportLayer,{ref:setLayerNode,"data-ds-id":"Drawer",isLeaving:isLeaving},hasBackdrop&&_react.default.createElement(StyledBackdrop,{"data-ds-id":"DrawerBackdrop"}),_react.default.createElement(_FocusTrapWrapper.FocusTrapWrapper,{active:isVisible,focusTrapOptions:{allowOutsideClick:!0,clickOutsideDeactivates:handleClickOutsideDeactivates,escapeDeactivates:isDismissible,preventScroll:!0,initialFocus:()=>{var container;return container=contentRef.current,"string"==typeof initialFocus?initialFocus:initialFocus?.current??getFocusTarget(container,document)},fallbackFocus:()=>getFocusTarget(contentRef.current,document),onPostDeactivate:()=>handleClose?.()}},_react.default.createElement(StyledContent,{...rest,ref:contentRef,positionX:positionX,positionY:positionY,isLeaving:isLeaving,onAnimationEnd:onAnimationEnd,role:"dialog","aria-modal":"true"},children)));return skipPortal?content:_react.default.createElement(_DialogContext.DialogContext.Provider,{value:!0},_react.default.createElement(_Portal.Portal,{portalContainer:portalContainer},content))}
+    `,{duration,timingFunction}=theme.variables.animation.navSlide.open;return{position:"fixed",...{..."left"===positionX&&{left:0},..."right"===positionX&&{right:0},...!positionX&&{left:"50%"},..."top"===positionY&&{top:0},..."bottom"===positionY&&{bottom:0},...!positionY&&{top:"50%"}},transform:resting,willChange:"transform",animation:`${isLeaving?slideOut:slideIn} ${duration} ${timingFunction} both`,"@media (prefers-reduced-motion: reduce)":{animation:"none"}}}),StyledBackdrop=(0,_styled.default)(_Backdrop.Backdrop,{target:"e1elpaa02",label:"StyledBackdrop"})({pointerEvents:"none"});function getFocusTarget(container,document){return container?.querySelector(_focusableSelector.FOCUSABLE_SELECTOR)??container??document.body}function Drawer({backdropRef,portalContainer,initialFocus,isDismissible=!0,isVisible=!0,onUnmount,hasBackdrop=!0,positionX,positionY,children,handleClose,privateProps:{skipPortal}={skipPortal:!1},...rest}){let portalContainerElement=(0,_Portal.usePortalContainerElement)(portalContainer),contentRef=(0,_react.useRef)(null),document=(0,_useDocument.useDocument)(),{isMounted,isLeaving,onAnimationEnd}=(0,_useExitAnimation.useExitAnimation)(isVisible),wasMounted=(0,_react.useRef)(isMounted);(0,_react.useEffect)(()=>{wasMounted.current&&!isMounted&&onUnmount?.(),wasMounted.current=isMounted},[isMounted,onUnmount]);let layerRef=(0,_react.useRef)(null),setLayerNode=(0,_react.useCallback)(node=>{layerRef.current=node,backdropRef&&(backdropRef.current=node)},[backdropRef]),handleClickOutsideDeactivates=(0,_useOutsideClickDeactivatesWithinPortal.useOutsideClickDeactivatesWithinPortal)({portalContainerElement,outerRef:layerRef,isDismissible});if(!isMounted)return null;let content=_react.default.createElement(StyledViewportLayer,{ref:setLayerNode,"data-ds-id":"Drawer",isLeaving:isLeaving},hasBackdrop&&_react.default.createElement(StyledBackdrop,{"data-ds-id":"DrawerBackdrop"}),_react.default.createElement(_FocusTrapWrapper.FocusTrapWrapper,{active:isVisible,focusTrapOptions:{allowOutsideClick:!0,clickOutsideDeactivates:handleClickOutsideDeactivates,escapeDeactivates:isDismissible,preventScroll:!0,initialFocus:()=>{var container;return container=contentRef.current,"string"==typeof initialFocus?initialFocus:initialFocus?.current??getFocusTarget(container,document)},fallbackFocus:()=>getFocusTarget(contentRef.current,document),onPostDeactivate:()=>handleClose?.()}},_react.default.createElement(StyledContent,{...rest,ref:contentRef,positionX:positionX,positionY:positionY,isLeaving:isLeaving,onAnimationEnd:onAnimationEnd,role:"dialog","aria-modal":"true"},children)));return skipPortal?content:_react.default.createElement(_DialogContext.DialogContext.Provider,{value:!0},_react.default.createElement(_Portal.Portal,{portalContainer:portalContainer},content))}

package/build/cjs/components/Internal/Float/Float.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Float",{enumerable:!0,get:function(){return Float}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_react1=require("@emotion/react"),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Portal=require("../../Portal/Portal"),_useFloatingPosition=require("../../Utilities/FloatingPosition/useFloatingPosition"),_useDocument=require("../../../shared/useDocument"),StyledContainer=(0,_styled.default)("div",{target:"e1gevmfu0",label:"StyledContainer"})(({floatingStyles,isPositioned,bottomBarHeight})=>({...floatingStyles,visibility:isPositioned?"visible":"hidden",...bottomBarHeight&&{translate:`0 calc(-1 * ${bottomBarHeight})`}}));function Float(props){let{children,...viewportPosition}=props,theme=(0,_react1.useTheme)(),document=(0,_useDocument.useDocument)(),{setFloating,floatingStyles,isPositioned}=(0,_useFloatingPosition.useFloatingPosition)({mode:"viewport",...viewportPosition,offset:parseInt(theme.variables.size.spacing.m,10)}),bottomBarHeight="bottom"===props.positionY?theme.variables.layout.bottomBar.height.default:void 0,portalContainer=document?document.querySelector(`.${_Portal.AMBOSS_DS_FLOAT_PORTAL}`):null;return _react.default.createElement(_Portal.Portal,{portalContainer:portalContainer},_react.default.createElement(StyledContainer,{"data-ds-id":"Float",ref:setFloating,floatingStyles:floatingStyles,isPositioned:isPositioned,bottomBarHeight:bottomBarHeight},children))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Float",{enumerable:!0,get:function(){return Float}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_react1=require("@emotion/react"),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Portal=require("../../Portal/Portal"),_useFloatingPosition=require("../../Utilities/FloatingPosition/useFloatingPosition"),_useDocument=require("../../../shared/useDocument"),StyledContainer=(0,_styled.default)("div",{target:"ewzfx030",label:"StyledContainer"})(({floatingStyles,isPositioned,bottomBarHeight})=>({...floatingStyles,visibility:isPositioned?"visible":"hidden",...bottomBarHeight&&{translate:`0 calc(-1 * ${bottomBarHeight})`}}));function Float(props){let{children,...viewportPosition}=props,theme=(0,_react1.useTheme)(),document=(0,_useDocument.useDocument)(),{setFloating,floatingStyles,isPositioned}=(0,_useFloatingPosition.useFloatingPosition)({mode:"viewport",...viewportPosition,offset:parseInt(theme.variables.size.spacing.m,10)}),bottomBarHeight="bottom"===props.positionY?theme.variables.layout.bottomBar.height.default:void 0,portalContainer=document?document.querySelector(`.${_Portal.AMBOSS_DS_FLOAT_PORTAL}`):null;return _react.default.createElement(_Portal.Portal,{portalContainer:portalContainer},_react.default.createElement(StyledContainer,{"data-ds-id":"Float",ref:setFloating,floatingStyles:floatingStyles,isPositioned:isPositioned,bottomBarHeight:bottomBarHeight},children))}