@amboss/design-system 4.9.4 → 4.11.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/CheckboxCard/CheckboxCard.d.ts

@@ -15,4 +15,4 @@ export declare const CheckboxCard: React.ForwardRefExoticComponent<{
     renderContent?: (params: {
         isSelected: boolean;
     }) => React.ReactNode;
-} & Omit<CheckboxProps, "errorMessages" | "hint" | "hideLabel" | "indeterminate"> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<CheckboxProps, "errorMessages" | "hideLabel" | "hint" | "indeterminate"> & React.RefAttributes<HTMLInputElement>>;

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.d.ts

@@ -16,4 +16,4 @@ export declare const ContentCheckbox: React.ForwardRefExoticComponent<{
     /** Adds extra spacing around the checkbox to accomodate a label with larger line height */
     isSpacedOut?: boolean;
     "data-e2e-test-id"?: string;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & React.RefAttributes<HTMLInputElement>>;

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/ContentCitation/ContentCitation.d.ts

@@ -20,7 +20,7 @@ export type ContentCitationProps = {
  */
 export declare function ContentCitation({ children, color, isSpacedOut, as, "data-e2e-test-id": dataE2eTestId, }: ContentCitationProps): React.ReactElement;
 export declare namespace ContentCitation {
-    var Title: typeof ContentCitationTitle;
-    var Link: typeof ContentCitationLink;
-    var LookupLink: typeof ContentCitationLookupLink;
+    export { ContentCitationTitle as Title };
+    export { ContentCitationLink as Link };
+    export { ContentCitationLookupLink as LookupLink };
 }

package/build/cjs/components/Content/ContentFontResizer/FontSizeOffsetContext.d.ts

@@ -1,2 +1,2 @@
 export type FontSizeOffset = number;
-export declare const FontSizeOffsetContext: React.Context<number>;
+export declare const FontSizeOffsetContext: import("react").Context<number>;

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.d.ts

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get CONTENT_TEXT_LINE_HEIGHT_OFFSET(){return CONTENT_TEXT_LINE_HEIGHT_OFFSET},get ContentText(){return ContentText},get ContentTextContext(){return ContentTextContext}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Text=require("../../Typography/Text"),_FontSizeOffsetContext=require("../ContentFontResizer/FontSizeOffsetContext"),_ContentTableContext=require("../ContentTable/ContentTableContext"),_Text1=require("../../Typography/Text/Text"),_isContentColor=require("../utils/isContentColor"),ContentTextContext=(0,_react.createContext)(null),CONTENT_TEXT_LINE_HEIGHT_OFFSET=.14,TextComponent=(0,_styled.default)(_Text.Text,{target:"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/Content/DosageButton/DosageButton.d.ts

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CountButton",{enumerable:!0,get:function(){return CountButton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_react1=require("@emotion/react"),_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.d.ts

@@ -1,6 +1,7 @@
 import type { ReactElement, ReactNode } from "react";
 import type { MQ } from "../../types";
 import type { DataTableColumn, DataTableColumnOrGroup, DataTableRow, DataTableRowProps, DataTableSlotProps } from "./types";
+import { defaultSortCompareFn } from "./useDataTableSort";
 import { DataTableToolbar } from "./DataTableToolbar/DataTableToolbar";
 type DataTablePropsBase = {
     /** Screen reader text for table caption */
@@ -143,7 +144,7 @@ export type DataTableProps = DataTablePropsBase & (DataTableSelectableProps | Da
 export declare function BaseDataTable({ caption, columns, rows, footer, currentlySortedByColumn, isFirstColumnSticky, isLastColumnSticky, "data-e2e-test-id": dataE2eTestId, isLoading, loadingStateScreenReaderText, isEmpty, slotProps, children, emptyTableContentHeight, layout, width, bodyCellVerticalPadding, emptyCellContent, maxHeight, isSelectable, selectedRowIds, allRowsSelected, selectAllRowsCheckboxAriaLabel, getRowProps, onRowSelectionChange, onAllRowsSelectionChange, isExpandable, expandedRowIds: expandedRowIdsProp, onRowExpansionChange, expandRowAriaLabel, collapseRowAriaLabel, onSort, ...ariaAttributes }: DataTableProps): ReactElement;
 export declare function DataTable({ children, ...rest }: DataTableProps): ReactElement;
 export declare namespace DataTable {
-    var sortCompareFn: (a: DataTableRow, b: DataTableRow, columnName: DataTableColumn["name"], desiredSortDirection: DataTableColumn["sortDirection"]) => number;
-    var Toolbar: typeof DataTableToolbar;
+    export { defaultSortCompareFn as sortCompareFn };
+    export { DataTableToolbar as Toolbar };
 }
 export {};

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/DataTable/TableCell.d.ts

@@ -17,5 +17,5 @@ declare const TableCell: import("@emotion/styled").StyledComponent<{
     isTableScrolledToLeft: boolean;
     isTableScrolledToRight: boolean;
     sticky?: "left" | "right" | false;
-} & Pick<DataTableRowProps, "isActive">, React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
+} & Pick<DataTableRowProps, "isActive">, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
 export default TableCell;

package/build/cjs/components/DataTable/internal/tablePrimitives.d.ts

@@ -10,14 +10,14 @@ type StyledTrProps = {
 export declare const StyledTr: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & StyledTrProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
+} & StyledTrProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
 type StyledTextProps = {
     alignColumn?: DataTableColumn["align"];
 };
 export declare const StyledText: import("@emotion/styled").StyledComponent<Omit<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & import("../../Typography/Text/Text").BaseTextProps & React.ClassAttributes<HTMLParagraphElement> & React.HTMLAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement> & {
+} & import("../../Typography/Text/Text").BaseTextProps & import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement> & {
     theme?: import("@emotion/react").Theme;
 } & StyledTextProps, {}, {}>;
 export declare const StyledTd: import("@emotion/styled").StyledComponent<{
@@ -30,7 +30,7 @@ export declare const StyledTd: import("@emotion/styled").StyledComponent<{
     isTableScrolledToLeft: boolean;
     isTableScrolledToRight: boolean;
     sticky?: "left" | "right" | false;
-} & Pick<import("../types").DataTableRowProps, "isActive"> & React.ClassAttributes<HTMLTableDataCellElement> & React.TdHTMLAttributes<HTMLTableDataCellElement> & {
+} & Pick<import("../types").DataTableRowProps, "isActive"> & import("react").ClassAttributes<HTMLTableDataCellElement> & import("react").TdHTMLAttributes<HTMLTableDataCellElement> & {
     theme?: import("@emotion/react").Theme;
 } & {
     bodyCellVerticalPadding?: DataTableProps["bodyCellVerticalPadding"];

package/build/cjs/components/EntityList/styled-components.d.ts

@@ -3,38 +3,38 @@ import type { EntityListItemProps, EntityListItemWrapperProps } from "./types";
 import type { ListSize } from "../../types";
 export declare const getOffsetMqStyle: (cssProp: string, { theme, size, }: {
     theme: Theme;
-} & Partial<EntityListItemWrapperProps>) => Record<string, (string | number) | {
+} & Partial<EntityListItemWrapperProps>) => Record<string, {
     [x: string]: string | number;
-}>;
+} | (string | number)>;
 export declare const StyledList: import("@emotion/styled").StyledComponent<{
     theme?: Theme;
     as?: React.ElementType;
 } & {
     size: ListSize;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledEntityItem: import("@emotion/styled").StyledComponent<{
     theme?: Theme;
     as?: React.ElementType;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledShowMore: import("@emotion/styled").StyledComponent<{
     theme?: Theme;
     as?: React.ElementType;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledWrapperOffset: import("@emotion/styled").StyledComponent<{
     theme?: Theme;
     as?: React.ElementType;
 } & {
     size: ListSize;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledEntityListItemWrapper: import("@emotion/styled").StyledComponent<{
     theme?: Theme;
     as?: React.ElementType;
 } & {
     size: ListSize;
-} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     theme?: Theme;
 } & EntityListItemWrapperProps, {}, {}>;
 export declare const StyledEntityListItemButton: import("@emotion/styled").StyledComponent<{
     theme?: Theme;
     as?: React.ElementType;
-} & Partial<EntityListItemProps>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<EntityListItemProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/cjs/components/Form/Checkbox/Checkbox.d.ts

@@ -35,11 +35,11 @@ export declare const CheckboxRaw: React.ForwardRefExoticComponent<{
     label?: string | React.ReactElement;
     indeterminate?: boolean;
     size?: CheckboxSizes;
-} & Omit<FormFieldProps, "label" | "hideLabel"> & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
+} & Omit<FormFieldProps, "hideLabel" | "label"> & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
     labelSize?: CheckboxSizes;
 } & React.RefAttributes<HTMLInputElement>>;
 export declare const Checkbox: React.ForwardRefExoticComponent<{
     label?: string | React.ReactElement;
     indeterminate?: boolean;
     size?: CheckboxSizes;
-} & Omit<FormFieldProps, "label" | "hideLabel"> & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<FormFieldProps, "hideLabel" | "label"> & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & React.RefAttributes<HTMLInputElement>>;

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.d.ts

@@ -1,7 +1,7 @@
 export declare const StyledContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 type StyledOptionProps = {
     active: boolean;
     preSelected: boolean;
@@ -10,13 +10,13 @@ type StyledOptionProps = {
 export declare const StyledOption: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & StyledOptionProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & StyledOptionProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledFakeInputWrap: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledDropdown: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

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/DatePicker/DatePicker.d.ts

@@ -27,7 +27,7 @@ export declare const DatePicker: React.ForwardRefExoticComponent<{
             formatAriaLabel: (monthName: string, year: number) => string;
         };
     };
-} & import("../FormField/FormField").FormFieldProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "type" | "onChange"> & {
+} & import("../FormField/FormField").FormFieldProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "type" | "value"> & {
     value?: string;
     hasError?: boolean;
 } & React.RefAttributes<HTMLInputElement>>;

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/MaskedInput/MaskedInput.d.ts

@@ -20,4 +20,4 @@ export declare const MaskedInput: React.ForwardRefExoticComponent<{
     maskOptions: FactoryArg;
     onAccept?: (value: string, unmaskedValue: string, typedValue: string) => void;
     onComplete?: (value: string, unmaskedValue: string, typedValue: string) => void;
-} & Omit<InputProps, "type" | "onChange" | "size"> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<InputProps, "onChange" | "size" | "type"> & React.RefAttributes<HTMLInputElement>>;

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/Radio/Radio.d.ts

@@ -18,7 +18,7 @@ export declare const RadioRaw: React.ForwardRefExoticComponent<{
     /** Display hint below the label specific for the radio */
     labelHint?: string | React.ReactElement;
     size?: RadioSizes;
-} & Omit<FormFieldProps, "label" | "labelHint" | "hideLabel"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
+} & Omit<FormFieldProps, "hideLabel" | "label" | "labelHint"> & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
     labelSize?: RadioSizes;
 } & React.RefAttributes<HTMLInputElement>>;
 export declare const Radio: React.ForwardRefExoticComponent<{
@@ -26,5 +26,5 @@ export declare const Radio: React.ForwardRefExoticComponent<{
     /** Display hint below the label specific for the radio */
     labelHint?: string | React.ReactElement;
     size?: RadioSizes;
-} & Omit<FormFieldProps, "label" | "labelHint" | "hideLabel"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<FormFieldProps, "hideLabel" | "label" | "labelHint"> & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & React.RefAttributes<HTMLInputElement>>;
 export {};