@helsenorge/designsystem-react 5.7.0 → 5.9.0

package/Checkbox.js

@@ -1,2 +1,2 @@
-import b,{useState as H,useEffect as V}from"react";import n from"classnames";import{FormMode as l,FormVariant as X,AnalyticsId as $,IconSize as J}from"./constants.js";import{usePseudoClasses as K}from"./hooks/usePseudoClasses.js";import{getColor as h}from"./theme/currys/color.js";import{isMutableRefObject as Q,mergeRefs as U}from"./utils/refs.js";import{u as Y}from"./uuid.js";import{Icon as Z}from"./components/Icons/Icon.js";import ee from"./components/Icons/Check.js";import{g as ce,r as oe}from"./Label.js";import e from"./components/Checkbox/styles.module.scss";const v=b.forwardRef((p,k)=>{const{className:I,checked:d=!1,disabled:r,label:x,inputId:m=Y(),mode:i=l.onwhite,name:N=m,variant:E,errorText:s,error:f=!!s,value:R=ce(x),testId:S,required:F,onChange:g,...L}=p,[o,w]=H(d),u=i===l.onwhite,C=i===l.ongrey,y=i===l.onblueberry,a=f||i===l.oninvalid,t=i===l.ondark,c=E===X.bigform,{refObject:T,isFocused:W}=K(Q(k)?k:null),j=U([k,T]),z=n(e["checkbox-wrapper"],{[e["checkbox-wrapper--with-error"]]:s,[e["checkbox-wrapper--bigform"]]:c}),A=n(e["checkbox-label"],{[e["checkbox-label--disabled"]]:r,[e["checkbox-label--on-dark"]]:t,[e["checkbox-label--bigform"]]:c,[e["checkbox-label__big-form--checked"]]:c&&o,[e["checkbox-label__big-form--focus"]]:c&&W,[e["checkbox-label__big-form--on-white"]]:c&&u,[e["checkbox-label__big-form--on-grey"]]:c&&C,[e["checkbox-label__big-form--on-blueberry"]]:c&&y,[e["checkbox-label__big-form--on-invalid"]]:c&&a,[e["checkbox-label__big-form--disabled"]]:c&&r}),M=n(e.checkbox,I),O=n(e["checkbox__icon-wrapper"],{[e["checkbox__icon-wrapper--on-white"]]:u,[e["checkbox__icon-wrapper--on-grey"]]:C,[e["checkbox__icon-wrapper--on-invalid"]]:a,[e["checkbox__icon-wrapper--disabled"]]:r,[e["checkbox__icon-wrapper__regular--checked"]]:!c&&o,[e["checkbox__icon-wrapper__regular--invalid"]]:!c&&o&&a,[e["checkbox__icon-wrapper__regular--on-dark"]]:!c&&o&&t,[e["checkbox__icon-wrapper__big-form--checked"]]:c&&o,[e["checkbox__icon-wrapper__big-form--invalid"]]:c&&a,[e["checkbox__icon-wrapper--on-dark"]]:t,[e["checkbox__icon-wrapper--on-blueberry"]]:y,[e["checkbox__icon-wrapper--invalid"]]:a,[e["checkbox__icon-wrapper__big-form--invalid"]]:c&&o&&a,[e["checkbox__icon-wrapper__big-form--disabled"]]:r&&c&&o,[e["checkbox__icon-wrapper__big-form--checked--invalid"]]:c&&o&&a,[e["checkbox__icon-wrapper__big-form--checked--disabled"]]:r&&c&&o}),P=n(e["checkbox-label__text"],{[e["checkbox-label__text__big-form--checked"]]:c&&o,[e["checkbox-label__text__big-form--invalid"]]:c&&o&&a,[e["checkbox-label__text--on-dark"]]:t,[e["checkbox-label__text--disabled"]]:r}),q=n(e["checkbox-errors"]);let _=h("white");(t||c&&o)&&(_=h("blueberry",900)),a&&c&&o&&(_=h("white")),r&&(_=h("neutral",400)),V(()=>{w(d)},[d]);const B=G=>{g&&g(G),w(!o)},D=()=>b.createElement(b.Fragment,null,b.createElement("input",{id:m,name:N,className:M,type:"checkbox",checked:o,disabled:r,value:R,ref:j,"aria-describedby":p["aria-describedby"]??void 0,"aria-invalid":f,required:F,onChange:B,...L}),b.createElement("span",{className:O},o&&b.createElement(Z,{color:_,className:e.checkbox__icon,svgIcon:ee,size:J.XSmall})));return b.createElement("div",{"data-testid":S,"data-analyticsid":$.Checkbox,className:z},s&&b.createElement("p",{className:q},s),oe(x,D(),m,i,r,A,P,e["checkbox-sublabel-wrapper"],c))});v.displayName="Checkbox";const de=v;export{de as C,v as a};
+import b,{useState as H,useEffect as V}from"react";import l from"classnames";import{FormMode as n,FormVariant as X,AnalyticsId as $,IconSize as J}from"./constants.js";import{usePseudoClasses as K}from"./hooks/usePseudoClasses.js";import{getColor as h}from"./theme/currys/color.js";import{isMutableRefObject as Q,mergeRefs as U}from"./utils/refs.js";import{u as Y}from"./uuid.js";import{Icon as Z}from"./components/Icons/Icon.js";import ee from"./components/Icons/Check.js";import{g as ce,r as oe}from"./Label.js";import e from"./components/Checkbox/styles.module.scss";const v=b.forwardRef((p,k)=>{const{className:I,checked:d=!1,disabled:r,label:x,inputId:m=Y(),mode:i=n.onwhite,name:N=m,variant:E,errorText:s,error:f=!!s,value:R=ce(x),testId:S,required:F,onChange:g,...L}=p,[o,u]=H(d),w=i===n.onwhite,C=i===n.ongrey,y=i===n.onblueberry,a=f||i===n.oninvalid,t=i===n.ondark,c=E===X.bigform,{refObject:T,isFocused:W}=K(Q(k)?k:null),j=U([k,T]),z=l(e["checkbox-wrapper"],{[e["checkbox-wrapper--with-error"]]:s,[e["checkbox-wrapper--bigform"]]:c}),A=l(e["checkbox-label"],{[e["checkbox-label--disabled"]]:r,[e["checkbox-label--on-dark"]]:t,[e["checkbox-label--bigform"]]:c,[e["checkbox-label__big-form--checked"]]:c&&o,[e["checkbox-label__big-form--focus"]]:c&&W,[e["checkbox-label__big-form--on-white"]]:c&&w,[e["checkbox-label__big-form--on-grey"]]:c&&C,[e["checkbox-label__big-form--on-blueberry"]]:c&&y,[e["checkbox-label__big-form--on-invalid"]]:c&&a,[e["checkbox-label__big-form--disabled"]]:c&&r}),M=l(e.checkbox,I),O=l(e["checkbox__icon-wrapper"],{[e["checkbox__icon-wrapper--on-white"]]:w,[e["checkbox__icon-wrapper--on-grey"]]:C,[e["checkbox__icon-wrapper--on-invalid"]]:a,[e["checkbox__icon-wrapper--disabled"]]:r,[e["checkbox__icon-wrapper__regular--checked"]]:!c&&o,[e["checkbox__icon-wrapper__regular--invalid"]]:!c&&o&&a,[e["checkbox__icon-wrapper__regular--on-dark"]]:!c&&o&&t,[e["checkbox__icon-wrapper__big-form--checked"]]:c&&o,[e["checkbox__icon-wrapper__big-form--invalid"]]:c&&a,[e["checkbox__icon-wrapper--on-dark"]]:t,[e["checkbox__icon-wrapper--on-blueberry"]]:y,[e["checkbox__icon-wrapper--invalid"]]:a,[e["checkbox__icon-wrapper__big-form--invalid"]]:c&&o&&a,[e["checkbox__icon-wrapper__big-form--disabled"]]:r&&c&&o,[e["checkbox__icon-wrapper__big-form--checked--invalid"]]:c&&o&&a,[e["checkbox__icon-wrapper__big-form--checked--disabled"]]:r&&c&&o}),P=l(e["checkbox-label__text"],{[e["checkbox-label__text__big-form--checked"]]:c&&o,[e["checkbox-label__text__big-form--invalid"]]:c&&o&&a,[e["checkbox-label__text--on-dark"]]:t,[e["checkbox-label__text--disabled"]]:r}),q=l(e["checkbox-errors"]);let _=h("white");(t||c&&o)&&(_=h("blueberry",900)),a&&c&&o&&(_=h("white")),r&&(_=h("neutral",400)),V(()=>{u(d)},[d]);const B=G=>{g&&g(G),u(!o)},D=()=>b.createElement(b.Fragment,null,b.createElement("input",{id:m,name:N,className:M,type:"checkbox",checked:o,disabled:r,value:R,ref:j,"aria-describedby":p["aria-describedby"]??void 0,"aria-invalid":f,required:F,onChange:B,...L}),b.createElement("span",{className:O},o&&b.createElement(Z,{color:_,className:e.checkbox__icon,svgIcon:ee,size:J.XSmall})));return b.createElement("div",{"data-testid":S,"data-analyticsid":$.Checkbox,className:z},s&&b.createElement("p",{className:q},s),oe(x,D(),m,i,r,A,P,e["checkbox-sublabel-wrapper"],c))});v.displayName="Checkbox";const de=v;export{de as C,v as a};
 //# sourceMappingURL=Checkbox.js.map

package/Close.js

@@ -1,2 +1,2 @@
-import o from"react";import b from"classnames";import{AnalyticsId as k}from"./constants.js";import{useBreakpoint as C,Breakpoint as y}from"./hooks/useBreakpoint.js";import{useHover as R}from"./hooks/useHover.js";import{palette as v}from"./theme/palette.js";import{mergeRefs as I}from"./utils/refs.js";import{Icon as B}from"./components/Icons/Icon.js";import N from"./components/Icons/X.js";import t from"./components/Close/styles.module.scss";const g=o.forwardRef(function(r,s){const{small:e,testId:a,ariaLabel:m="Lukk",onClick:l,className:i,color:c=v.blueberry600}=r,n=C(),{hoverRef:f,isHovered:p}=R(),d=n===y.xs||e?38:48,u=b(t.close,{[t["close--small"]]:e},i);return o.createElement("button",{ref:I([s,f]),"data-testid":a,"data-analyticsid":k.Close,className:u,"aria-label":m,onClick:l,type:"button"},o.createElement(B,{svgIcon:N,color:c,size:d,isHovered:p}))}),$=g;export{$ as C};
+import o from"react";import b from"classnames";import{AnalyticsId as k}from"./constants.js";import{useBreakpoint as C,Breakpoint as y}from"./hooks/useBreakpoint.js";import{useHover as R}from"./hooks/useHover.js";import{palette as v}from"./theme/palette.js";import{mergeRefs as I}from"./utils/refs.js";import{Icon as B}from"./components/Icons/Icon.js";import N from"./components/Icons/X.js";import t from"./components/Close/styles.module.scss";const g=o.forwardRef(function(r,s){const{small:e,testId:a,ariaLabel:m="Lukk",onClick:l,className:i,color:c=v.blueberry600}=r,n=C(),{hoverRef:f,isHovered:p}=R(),d=n===y.xs||e?38:48,u=b(t.close,{[t["close--small"]]:e},i);return o.createElement("button",{ref:I([s,f]),"data-testid":a,"data-analyticsid":k.Close,className:u,"aria-label":m,onClick:l,type:"button"},o.createElement(B,{svgIcon:N,color:c,size:d,isHovered:p}))}),X=g;export{X as C};
 //# sourceMappingURL=Close.js.map

package/FormLayout.js

@@ -1,2 +1,2 @@
-import a from"react";import m from"classnames";import{FormVariant as h,AnalyticsId as v}from"./constants.js";import o from"./components/FormLayout/styles.module.scss";var p=(t=>(t.one="one",t.two="two",t.three="three",t.four="four",t.five="five",t))(p||{});const l=a.forwardRef((t,w)=>{const{maxColumns:r="one",colMinWidth:s=300,variant:f,className:c,mapHelper:e}=t,n={"--min-col-width":`${s}px`},d=m(o["form-layout-container"],{[o["form-layout-container--bigform"]]:f===h.bigform},c),u=m(o["form-layout-child"],{[o["form-layout-child--two"]]:r==="two",[o["form-layout-child--three"]]:r==="three",[o["form-layout-child--four"]]:r==="four",[o["form-layout-child--five"]]:r==="five"});return a.createElement("div",{"data-testid":t.testId,"data-analyticsid":v.FormLayout,style:n,className:d},a.Children.map(t.children,(i,y)=>a.createElement("div",{className:u},e?e(i,y):i)))});l.displayName="FormLayout";const C=l;export{C as F,p as a,l as b};
+import e from"react";import l from"classnames";import{FormVariant as h,AnalyticsId as v}from"./constants.js";import o from"./components/FormLayout/styles.module.scss";var p=(t=>(t.one="one",t.two="two",t.three="three",t.four="four",t.five="five",t))(p||{});const m=e.forwardRef((t,w)=>{const{maxColumns:a="one",colMinWidth:s=300,variant:f,className:c,mapHelper:r}=t,n={"--min-col-width":`${s}px`},d=l(o["form-layout-container"],{[o["form-layout-container--bigform"]]:f===h.bigform},c),u=l(o["form-layout-child"],{[o["form-layout-child--two"]]:a==="two",[o["form-layout-child--three"]]:a==="three",[o["form-layout-child--four"]]:a==="four",[o["form-layout-child--five"]]:a==="five"});return e.createElement("div",{"data-testid":t.testId,"data-analyticsid":v.FormLayout,style:n,className:d},e.Children.map(t.children,(i,y)=>e.createElement("div",{className:u},r?r(i,y):i)))});m.displayName="FormLayout";const C=m;export{C as F,p as a,m as b};
 //# sourceMappingURL=FormLayout.js.map

package/HighlightBox.js

@@ -1,2 +1,2 @@
-import e from"react";import l from"classnames";import"./theme/grid.js";import{useBreakpoint as C,Breakpoint as I}from"./hooks/useBreakpoint.js";import{AnalyticsId as p,IconSize as N}from"./constants.js";import{Icon as y}from"./components/Icons/Icon.js";import{T as B}from"./Title.js";import t from"./components/HighlightBox/styles.module.scss";var H=(i=>(i.medium="medium",i.large="large",i.fluid="fluid",i))(H||{});const u=({className:i,size:r,children:s})=>e.createElement("div",{className:i,"data-testid":"highlightbox-wrapper"},e.createElement("div",{className:t.highlightbox__row},e.createElement("div",{className:l(t.highlightbox__col,r==="medium"&&t["highlightbox__col--offset"])},s))),x=i=>{const{children:r,className:s}=i,a=l(t["highlightbox__content-wrapper"],s);return e.createElement("div",{className:a},e.createElement("div",{className:l(t.highlightbox__row)},r))},W=i=>{const{children:r,color:s="white",size:a="medium",testId:n,svgIcon:c,htmlMarkup:b="div",className:f,contentWrapperClassName:v,title:g,titleHtmlMarkup:k="h2"}=i,_=C(),o=l(t.highlightbox,t[`highlightbox--${s}`],t[`highlightbox--${a}`],c&&t["highlightbox--has-icon"],{container:a==="medium"||a==="large"},f),m=()=>{if(c){const w=a==="large"&&_&&_>=I.md?N.Medium:N.Small,E=e.createElement(B,{testId:"titleId",htmlMarkup:k,appearance:"title4"},g);return e.createElement(e.Fragment,null,e.createElement("div",{className:t.highlightbox__icon},e.createElement(y,{svgIcon:c,size:w}),g&&e.createElement("div",{className:t.mobile},E)),e.createElement("div",{className:t.highlightbox__content},g&&e.createElement("div",{className:t.desktop,"aria-hidden":"true"},E),r))}return r},h=b,d=l(t["highlightbox__content-wrapper"],v);return a==="medium"?e.createElement(u,{className:o,size:a},e.createElement(h,{className:d,"data-testid":n,"data-analyticsid":p.HighlightBox},m())):a==="large"&&c?e.createElement(u,{className:o,size:a},e.createElement(x,{className:d},e.createElement(h,{className:l(t.highlightbox__col,t["highlightbox__col--large-with-icon"]),"data-testid":n,"data-analyticsid":p.HighlightBox},m()))):a==="large"?e.createElement(u,{className:o,size:a},e.createElement(x,{className:d},e.createElement(h,{className:l(t.highlightbox__col,t["highlightbox__col--offset"]),"data-testid":n,"data-analyticsid":p.HighlightBox},m()))):a==="fluid"?e.createElement(h,{className:o,"data-testid":n},m()):null},j=W;export{j as H,H as a};
+import e from"react";import l from"classnames";import"./theme/grid.js";import{useBreakpoint as C,Breakpoint as I}from"./hooks/useBreakpoint.js";import{AnalyticsId as p,IconSize as N}from"./constants.js";import{Icon as y}from"./components/Icons/Icon.js";import{T as B}from"./Title.js";import t from"./components/HighlightBox/styles.module.scss";var H=(i=>(i.medium="medium",i.large="large",i.fluid="fluid",i))(H||{});const u=({className:i,size:r,children:s})=>e.createElement("div",{className:i,"data-testid":"highlightbox-wrapper"},e.createElement("div",{className:t.highlightbox__row},e.createElement("div",{className:l(t.highlightbox__col,r==="medium"&&t["highlightbox__col--offset"])},s))),x=i=>{const{children:r,className:s}=i,a=l(t["highlightbox__content-wrapper"],s);return e.createElement("div",{className:a},e.createElement("div",{className:l(t.highlightbox__row)},r))},W=i=>{const{children:r,color:s="white",size:a="medium",testId:n,svgIcon:c,htmlMarkup:f="div",className:b,contentWrapperClassName:v,title:g,titleHtmlMarkup:k="h2"}=i,_=C(),o=l(t.highlightbox,t[`highlightbox--${s}`],t[`highlightbox--${a}`],c&&t["highlightbox--has-icon"],{container:a==="medium"||a==="large"},b),m=()=>{if(c){const w=a==="large"&&_&&_>=I.md?N.Medium:N.Small,E=e.createElement(B,{testId:"titleId",htmlMarkup:k,appearance:"title4"},g);return e.createElement(e.Fragment,null,e.createElement("div",{className:t.highlightbox__icon},e.createElement(y,{svgIcon:c,size:w}),g&&e.createElement("div",{className:t.mobile},E)),e.createElement("div",{className:t.highlightbox__content},g&&e.createElement("div",{className:t.desktop,"aria-hidden":"true"},E),r))}return r},h=f,d=l(t["highlightbox__content-wrapper"],v);return a==="medium"?e.createElement(u,{className:o,size:a},e.createElement(h,{className:d,"data-testid":n,"data-analyticsid":p.HighlightBox},m())):a==="large"&&c?e.createElement(u,{className:o,size:a},e.createElement(x,{className:d},e.createElement(h,{className:l(t.highlightbox__col,t["highlightbox__col--large-with-icon"]),"data-testid":n,"data-analyticsid":p.HighlightBox},m()))):a==="large"?e.createElement(u,{className:o,size:a},e.createElement(x,{className:d},e.createElement(h,{className:l(t.highlightbox__col,t["highlightbox__col--offset"]),"data-testid":n,"data-analyticsid":p.HighlightBox},m()))):a==="fluid"?e.createElement(h,{className:o,"data-testid":n},m()):null},j=W;export{j as H,H as a};
 //# sourceMappingURL=HighlightBox.js.map

package/HorizontalScroll.js

@@ -1,2 +1,2 @@
-import t,{useRef as i}from"react";import e from"classnames";import{useIsVisible as c}from"./hooks/useIsVisible.js";import{useSize as g}from"./hooks/useSize.js";import o from"./components/HorizontalScroll/styles.module.scss";const m="3px",p=({children:d,childWidth:_,testId:h,...l})=>{const r=i(null),s=i(null),a=i(null),f=c(s,1,{root:r==null?void 0:r.current,rootMargin:m},!0),v=c(a,1,{root:r==null?void 0:r.current,rootMargin:m},!0),{width:u=0}=g(r)||{},z=_>u,b=e(o.horizontalscroll__viewport,z&&o["horizontalscroll__viewport--overflow"]),n=l["aria-label"]||l["aria-labelledby"];return t.createElement("div",{className:o.horizontalscroll,"data-testid":h},t.createElement("div",{className:b,ref:r,tabIndex:n?0:void 0,role:n?"region":void 0,...l},t.createElement("div",{className:e(o.horizontalscroll__indicator,o["horizontalscroll__indicator--left"],!f&&o["horizontalscroll__indicator--visible"])}),t.createElement("div",{className:e(o.horizontalscroll__indicator,o["horizontalscroll__indicator--right"],!v&&o["horizontalscroll__indicator--visible"])}),t.createElement("div",{ref:s}),d,t.createElement("div",{ref:a})))},S=p;export{S as H,p as a};
+import r,{useRef as e}from"react";import i from"classnames";import{useIsVisible as c}from"./hooks/useIsVisible.js";import{useSize as g}from"./hooks/useSize.js";import o from"./components/HorizontalScroll/styles.module.scss";const d="3px",p=({children:m,childWidth:_,testId:h,...l})=>{const t=e(null),a=e(null),s=e(null),f=c(a,1,{root:t==null?void 0:t.current,rootMargin:d},!0),u=c(s,1,{root:t==null?void 0:t.current,rootMargin:d},!0),{width:v=0}=g(t)||{},z=_>v,b=i(o.horizontalscroll__viewport,z&&o["horizontalscroll__viewport--overflow"]),n=l["aria-label"]||l["aria-labelledby"];return r.createElement("div",{className:o.horizontalscroll,"data-testid":h},r.createElement("div",{className:b,ref:t,tabIndex:n?0:void 0,role:n?"region":void 0,...l},r.createElement("div",{className:i(o.horizontalscroll__indicator,o["horizontalscroll__indicator--left"],!f&&o["horizontalscroll__indicator--visible"])}),r.createElement("div",{className:i(o.horizontalscroll__indicator,o["horizontalscroll__indicator--right"],!u&&o["horizontalscroll__indicator--visible"])}),r.createElement("div",{ref:a}),m,r.createElement("div",{ref:s})))},S=p;export{S as H,p as a};
 //# sourceMappingURL=HorizontalScroll.js.map

package/Input.js

@@ -1,2 +1,2 @@
-import r,{useRef as A,useState as K,useEffect as he}from"react";import x from"classnames";import{FormMode as l,FormVariant as ge,IconSize as D,AnalyticsId as ve,AVERAGE_CHARACTER_WIDTH_PX as Ce}from"./constants.js";import{useBreakpoint as xe,Breakpoint as Ee}from"./hooks/useBreakpoint.js";import{useUuid as ye}from"./hooks/useUuid.js";import{getColor as F}from"./theme/currys/color.js";import{E as _e}from"./ErrorWrapper.js";import{Icon as ke}from"./components/Icons/Icon.js";import{a as we}from"./Label.js";import{M as Ie}from"./MaxCharacters.js";import t from"./components/Input/styles.module.scss";var Ne=(e=>(e.text="text",e.number="number",e.email="email",e.password="password",e.search="search",e.tel="tel",e.url="url",e.date="date",e.time="time",e))(Ne||{});const Re=(e,u,f)=>{const o=u?"1.5rem":"2rem",b=u?`${f}px`:"0px",d="4px";return`calc(${e*Ce}px + ${o} + ${b} + ${d})`},M=r.forwardRef((e,u)=>{const{className:f,defaultValue:o="",placeholder:b,type:d="text",name:z,transparent:B=!1,icon:c,iconRight:h,inputId:P,inputWrapperRef:U,mode:i=l.onwhite,baseIncrementValue:E,variant:H,label:O,error:X,errorText:y,testId:q,disabled:s,readOnly:G,autoComplete:L,afterInputChildren:j,rightOfInput:J,width:_,required:Q,onChange:k,onKeyDown:w,autoFocus:Y,maxCharacters:m,maxText:Z,...T}=e,ee=xe(),p=A(null),I=ye(P),[N,R]=K(o),[te,ne]=K(void 0),g=A(!1),W=/^[0-9]$/;he(()=>{R(o)},[o]);const re=i===l.ondark,ae=i===l.onblueberry,oe=!!m&&N.toString().length>m,v=i===l.oninvalid||!!y||!!X||oe,C=H===ge.bigform,ie=B&&i!==l.ondark&&!v,ce=x(t["input-wrapper"],f),se=x(t["input-container"],{[t["input-container--transparent"]]:ie,[t["input-container--on-blueberry"]]:ae,[t["input-container--on-dark"]]:re,[t["input-container--invalid"]]:v,[t["input-container--bigform"]]:C,[t["input-container--disabled"]]:s,[t["input-container--with-icon"]]:c}),le=x(t["input-container__input"],{[t["input-container__input--bigform"]]:C,[t["input-container__input--disabled"]]:s}),ue=s?F("neutral",500):F("black"),S=ee===Ee.xs||!C?D.XSmall:D.Small,V=()=>c!==void 0?r.createElement(ke,{className:t["input-container__input__icon"],color:ue,size:S,svgIcon:c}):null,de=n=>{if(p&&p.current&&c){const a=h?0:1;p.current.children[a].focus(),e.onClick&&e.onClick(n)}},me=n=>{const a=pe(n);k&&k(n),R(a),ne(a)},pe=n=>{if(typeof E>"u"||d!=="number")return n.target.value;const a=Number(n.target.value);return!te&&!g.current&&(a===1||a===-1)&&(n.target.value=E+""),n.target.value},fe=n=>{W.test(n.key)&&(g.current=!0),w&&w(n)},be=n=>{W.test(n.key)&&(g.current=!1)},$=_?Re(_,!!c,S):void 0;return r.createElement(_e,{errorText:y},r.createElement("div",{"data-testid":q,"data-analyticsid":ve.Input,className:ce,ref:U},we(O,I,i,s),r.createElement("div",{className:t["content-wrapper"]},r.createElement("div",{onClick:de,ref:p,className:se,style:{maxWidth:$}},!h&&V(),r.createElement("input",{onChange:me,onKeyDown:fe,onKeyUp:be,name:z,type:d,defaultValue:o,id:I,className:le,ref:u,"aria-labelledby":e["aria-labelledby"]??void 0,"aria-describedby":e["aria-describedby"]??void 0,"aria-invalid":!!v,disabled:s,placeholder:b,readOnly:G,autoComplete:L||"off",required:Q,autoFocus:Y,...T}),h&&V()),r.createElement("div",{className:t["content-wrapper__right-of-input"]},J)),m&&r.createElement(Ie,{maxCharacters:m,length:N.toString().length,maxText:Z,mode:i,maxWidth:$}),j))});M.displayName="Input";const Ue=M;export{Ue as I,Ne as a};
+import r,{useRef as A,useState as K,useEffect as he}from"react";import x from"classnames";import{FormMode as l,FormVariant as ge,IconSize as D,AnalyticsId as ve,AVERAGE_CHARACTER_WIDTH_PX as Ce}from"./constants.js";import{useBreakpoint as xe,Breakpoint as _e}from"./hooks/useBreakpoint.js";import{useUuid as Ee}from"./hooks/useUuid.js";import{getColor as F}from"./theme/currys/color.js";import{E as ye}from"./ErrorWrapper.js";import{Icon as ke}from"./components/Icons/Icon.js";import{a as we}from"./Label.js";import{M as Ie}from"./MaxCharacters.js";import t from"./components/Input/styles.module.scss";var Ne=(e=>(e.text="text",e.number="number",e.email="email",e.password="password",e.search="search",e.tel="tel",e.url="url",e.date="date",e.time="time",e))(Ne||{});const Re=(e,u,f)=>{const o=u?"1.5rem":"2rem",b=u?`${f}px`:"0px",d="4px";return`calc(${e*Ce}px + ${o} + ${b} + ${d})`},M=r.forwardRef((e,u)=>{const{className:f,defaultValue:o="",placeholder:b,type:d="text",name:z,transparent:B=!1,icon:c,iconRight:h,inputId:P,inputWrapperRef:U,mode:i=l.onwhite,baseIncrementValue:_,variant:H,label:O,error:X,errorText:E,testId:q,disabled:s,readOnly:G,autoComplete:L,afterInputChildren:j,rightOfInput:J,width:y,required:Q,onChange:k,onKeyDown:w,autoFocus:Y,maxCharacters:m,maxText:Z,...T}=e,ee=xe(),p=A(null),I=Ee(P),[N,R]=K(o),[te,ne]=K(void 0),g=A(!1),W=/^[0-9]$/;he(()=>{R(o)},[o]);const re=i===l.ondark,ae=i===l.onblueberry,oe=!!m&&N.toString().length>m,v=i===l.oninvalid||!!E||!!X||oe,C=H===ge.bigform,ie=B&&i!==l.ondark&&!v,ce=x(t["input-wrapper"],f),se=x(t["input-container"],{[t["input-container--transparent"]]:ie,[t["input-container--on-blueberry"]]:ae,[t["input-container--on-dark"]]:re,[t["input-container--invalid"]]:v,[t["input-container--bigform"]]:C,[t["input-container--disabled"]]:s,[t["input-container--with-icon"]]:c}),le=x(t["input-container__input"],{[t["input-container__input--bigform"]]:C,[t["input-container__input--disabled"]]:s}),ue=s?F("neutral",500):F("black"),S=ee===_e.xs||!C?D.XSmall:D.Small,V=()=>c!==void 0?r.createElement(ke,{className:t["input-container__input__icon"],color:ue,size:S,svgIcon:c}):null,de=n=>{if(p&&p.current&&c){const a=h?0:1;p.current.children[a].focus(),e.onClick&&e.onClick(n)}},me=n=>{const a=pe(n);k&&k(n),R(a),ne(a)},pe=n=>{if(typeof _>"u"||d!=="number")return n.target.value;const a=Number(n.target.value);return!te&&!g.current&&(a===1||a===-1)&&(n.target.value=_+""),n.target.value},fe=n=>{W.test(n.key)&&(g.current=!0),w&&w(n)},be=n=>{W.test(n.key)&&(g.current=!1)},$=y?Re(y,!!c,S):void 0;return r.createElement(ye,{errorText:E},r.createElement("div",{"data-testid":q,"data-analyticsid":ve.Input,className:ce,ref:U},we(O,I,i,s),r.createElement("div",{className:t["content-wrapper"]},r.createElement("div",{onClick:de,ref:p,className:se,style:{maxWidth:$}},!h&&V(),r.createElement("input",{onChange:me,onKeyDown:fe,onKeyUp:be,name:z,type:d,defaultValue:o,id:I,className:le,ref:u,"aria-labelledby":e["aria-labelledby"]??void 0,"aria-describedby":e["aria-describedby"]??void 0,"aria-invalid":!!v,disabled:s,placeholder:b,readOnly:G,autoComplete:L||"off",required:Q,autoFocus:Y,...T}),h&&V()),r.createElement("div",{className:t["content-wrapper__right-of-input"]},J)),m&&r.createElement(Ie,{maxCharacters:m,length:N.toString().length,maxText:Z,mode:i,maxWidth:$}),j))});M.displayName="Input";const Ue=M;export{Ue as I,Ne as a};
 //# sourceMappingURL=Input.js.map

package/Label.js

@@ -1,2 +1,2 @@
-import e from"react";import y from"classnames";import{AnalyticsId as S,FormMode as f}from"./constants.js";import{S as h}from"./Spacer.js";import r from"./components/Label/styles.module.scss";import{isComponent as u}from"./utils/component.js";import{S as R}from"./StatusDot.js";const z=({className:t,id:a,mode:n,sublabelTexts:l,testId:s})=>{const o=p=>l&&l.map((i,E)=>{const b=y(r.label,r["label--sublabel"],{[r["label--semibold"]]:i.type==="semibold",[r["label--on-dark"]]:n===f.ondark});return p===i.hideFromScreenReader&&e.createElement("span",{className:b,key:E},i.text)}),m=o(),c=o(!0);return e.createElement(e.Fragment,null,e.createElement(h,{size:"3xs"}),m&&e.createElement("div",{className:t,id:a,"data-testid":s,"data-analyticsid":S.Sublabel},m),c&&e.createElement("div",{className:t,"data-testid":s},c))},$=t=>{let a="";return u(t,d)&&t.props.labelTexts.forEach(n=>{a+=n.hideFromScreenReader?"":n.text}),a},j=(t,a,n,l)=>e.createElement(e.Fragment,null,t&&u(t,d)?e.cloneElement(t,{htmlFor:a,mode:n,disabled:l}):typeof t=="string"&&e.createElement(d,{labelTexts:[{text:t,type:"semibold"}],htmlFor:a,mode:n,disabled:l})),q=(t,a,n,l,s,o,m,c,p)=>e.createElement(e.Fragment,null,t&&u(t,d)?e.cloneElement(t,{htmlFor:n,mode:l,children:a,disabled:s,labelClassName:y(o,t.props.labelClassName),labelTextClassName:m,sublabelWrapperClassName:c,sublabel:p?void 0:t.props.sublabel,statusDot:p?void 0:t.props.statusDot}):typeof t=="string"&&e.createElement(d,{labelTexts:[{text:t}],htmlFor:n,mode:l,disabled:s,labelClassName:o,labelTextClassName:m,sublabelWrapperClassName:c},a)),d=({afterLabelChildren:t,children:a,className:n,disabled:l,htmlFor:s,labelClassName:o,labelTextClassName:m,labelId:c,labelTexts:p,mode:i=f.onwhite,statusDot:E,sublabel:b,sublabelWrapperClassName:g,testId:k})=>{const v=a&&typeof a<"u",L=y(r["label-wrapper"],{[r["label-wrapper--no-bottom-margin"]]:v,[r["label-wrapper--after-label-children"]]:t},n),w=()=>p.map((F,N)=>{const x=y(r.label,{[r["label--semibold"]]:F.type==="semibold",[r["label--on-dark"]]:i===f.ondark,[r["label--disabled"]]:l},m);return e.createElement("span",{"aria-hidden":F.hideFromScreenReader,className:x,key:N},F.text)});return e.createElement("div",{className:L},e.createElement("div",{className:r["label-wrapper__inner"]},e.createElement("label",{className:o,id:c,htmlFor:s,"data-testid":k,"data-analyticsid":S.Label},e.createElement("span",{className:r["label-content-wrapper"]},a,e.createElement("span",null,w()))),e.createElement("div",{className:g},b&&u(b,z)&&e.cloneElement(b,{mode:i}),E&&u(E,R)&&e.createElement(e.Fragment,null,e.createElement(h,{size:"3xs"}),e.cloneElement(E,{mode:i===f.ondark?"ondark":"onwhite"})))),t&&e.createElement("div",{className:r["after-label-children"]},t))},B=d;export{B as L,z as S,j as a,$ as g,q as r};
+import e from"react";import y from"classnames";import{AnalyticsId as S,FormMode as f}from"./constants.js";import{S as h}from"./Spacer.js";import r from"./components/Label/styles.module.scss";import{isComponent as u}from"./utils/component.js";import{S as R}from"./StatusDot.js";const _=({className:t,id:a,mode:n,sublabelTexts:l,testId:s})=>{const o=p=>l&&l.map((i,E)=>{const b=y(r.label,r["label--sublabel"],{[r["label--semibold"]]:i.type==="semibold",[r["label--on-dark"]]:n===f.ondark});return p===i.hideFromScreenReader&&e.createElement("span",{className:b,key:E},i.text)}),m=o(),c=o(!0);return e.createElement(e.Fragment,null,e.createElement(h,{size:"3xs"}),m&&e.createElement("div",{className:t,id:a,"data-testid":s,"data-analyticsid":S.Sublabel},m),c&&e.createElement("div",{className:t,"data-testid":s},c))},$=t=>{let a="";return u(t,d)&&t.props.labelTexts.forEach(n=>{a+=n.hideFromScreenReader?"":n.text}),a},j=(t,a,n,l)=>e.createElement(e.Fragment,null,t&&u(t,d)?e.cloneElement(t,{htmlFor:a,mode:n,disabled:l}):typeof t=="string"&&e.createElement(d,{labelTexts:[{text:t,type:"semibold"}],htmlFor:a,mode:n,disabled:l})),q=(t,a,n,l,s,o,m,c,p)=>e.createElement(e.Fragment,null,t&&u(t,d)?e.cloneElement(t,{htmlFor:n,mode:l,children:a,disabled:s,labelClassName:y(o,t.props.labelClassName),labelTextClassName:m,sublabelWrapperClassName:c,sublabel:p?void 0:t.props.sublabel,statusDot:p?void 0:t.props.statusDot}):typeof t=="string"&&e.createElement(d,{labelTexts:[{text:t}],htmlFor:n,mode:l,disabled:s,labelClassName:o,labelTextClassName:m,sublabelWrapperClassName:c},a)),d=({afterLabelChildren:t,children:a,className:n,disabled:l,htmlFor:s,labelClassName:o,labelTextClassName:m,labelId:c,labelTexts:p,mode:i=f.onwhite,statusDot:E,sublabel:b,sublabelWrapperClassName:g,testId:k})=>{const v=a&&typeof a<"u",L=y(r["label-wrapper"],{[r["label-wrapper--no-bottom-margin"]]:v,[r["label-wrapper--after-label-children"]]:t},n),w=()=>p.map((F,N)=>{const x=y(r.label,{[r["label--semibold"]]:F.type==="semibold",[r["label--on-dark"]]:i===f.ondark,[r["label--disabled"]]:l},m);return e.createElement("span",{"aria-hidden":F.hideFromScreenReader,className:x,key:N},F.text)});return e.createElement("div",{className:L},e.createElement("div",{className:r["label-wrapper__inner"]},e.createElement("label",{className:o,id:c,htmlFor:s,"data-testid":k,"data-analyticsid":S.Label},e.createElement("span",{className:r["label-content-wrapper"]},a,e.createElement("span",null,w()))),e.createElement("div",{className:g},b&&u(b,_)&&e.cloneElement(b,{mode:i}),E&&u(E,R)&&e.createElement(e.Fragment,null,e.createElement(h,{size:"3xs"}),e.cloneElement(E,{mode:i===f.ondark?"ondark":"onwhite"})))),t&&e.createElement("div",{className:r["after-label-children"]},t))},B=d;export{B as L,_ as S,j as a,$ as g,q as r};
 //# sourceMappingURL=Label.js.map

package/LinkList.js

@@ -1,2 +1,2 @@
-import e from"react";import L from"classnames";import{AnalyticsId as b}from"./constants.js";import{useHover as w}from"./hooks/useHover.js";import y from"./components/Icons/ChevronRight.js";import{r as R}from"./ListHeader.js";import t from"./components/LinkList/styles.module.scss";const p=e.forwardRef((u,l)=>{const{children:s,className:o="",color:c="neutral",icon:r,size:i="medium",chevron:a=!1,linkRef:m,testId:d,target:n,variant:f,htmlMarkup:k="a",..._}=u,{hoverRef:h,isHovered:v}=w(m),C=L(t["link-list__list-item"],{[t["link-list__list-item--line"]]:f==="line",[t["link-list__list-item--outline"]]:f==="outline"}),N=L(t["link-list__anchor"],t["link-list__anchor--"+c],{[t["link-list__anchor--fill"]]:f==="fill",[t["link-list__anchor--"+i]]:i,[t["link-list__anchor--button"]]:k==="button"},o);return e.createElement("li",{className:C,ref:l,"data-testid":d,"data-analyticsid":b.Link},k==="a"&&e.createElement("a",{className:N,ref:h,rel:n==="_blank"?"noopener noreferrer":void 0,target:n,..._},R(s,"span",v,i,a?y:void 0,r)),k==="button"&&e.createElement("button",{className:N,ref:h,type:"button",..._},R(s,"span",v,i,a?y:void 0,r)))}),E=e.forwardRef(function(l,s){const{children:o,className:c="",chevron:r=!1,size:i="medium",color:a,testId:m,variant:d="line"}=l;return e.createElement("ul",{ref:s,className:L(t["link-list"],c),"data-testid":m,"data-analyticsid":b.LinkList},e.Children.map(o,n=>{if(n.type===p)return e.cloneElement(n,{color:a,size:i,chevron:r,variant:d})}))});E.Link=p;p.displayName="LinkList.Link";const M=E;export{M as L,E as a};
+import e from"react";import _ from"classnames";import{AnalyticsId as b}from"./constants.js";import{useHover as w}from"./hooks/useHover.js";import y from"./components/Icons/ChevronRight.js";import{r as R}from"./ListHeader.js";import t from"./components/LinkList/styles.module.scss";const u=e.forwardRef((L,r)=>{const{children:s,className:o="",color:c="neutral",icon:a,size:i="medium",chevron:l=!1,linkRef:m,testId:d,target:n,variant:f,htmlMarkup:k="a",...p}=L,{hoverRef:h,isHovered:v}=w(m),C=_(t["link-list__list-item"],{[t["link-list__list-item--line"]]:f==="line",[t["link-list__list-item--outline"]]:f==="outline"}),N=_(t["link-list__anchor"],t["link-list__anchor--"+c],{[t["link-list__anchor--fill"]]:f==="fill",[t["link-list__anchor--"+i]]:i,[t["link-list__anchor--button"]]:k==="button"},o);return e.createElement("li",{className:C,ref:r,"data-testid":d,"data-analyticsid":b.Link},k==="a"&&e.createElement("a",{className:N,ref:h,rel:n==="_blank"?"noopener noreferrer":void 0,target:n,...p},R(s,"span",v,i,l?y:void 0,a)),k==="button"&&e.createElement("button",{className:N,ref:h,type:"button",...p},R(s,"span",v,i,l?y:void 0,a)))}),E=e.forwardRef(function(r,s){const{children:o,className:c="",chevron:a=!1,size:i="medium",color:l,testId:m,variant:d="line"}=r;return e.createElement("ul",{ref:s,className:_(t["link-list"],c),"data-testid":m,"data-analyticsid":b.LinkList},e.Children.map(o,n=>{if(n.type===u)return e.cloneElement(n,{color:l,size:i,chevron:a,variant:d})}))});E.Link=u;u.displayName="LinkList.Link";const M=E;export{M as L,E as a};
 //# sourceMappingURL=LinkList.js.map

package/ListHeader.js

@@ -1,2 +1,2 @@
-import n from"react";import h from"classnames";import{L as A}from"./ListHeaderText.js";import{useBreakpoint as k,Breakpoint as B}from"./hooks/useBreakpoint.js";import{isComponent as u,isComponentWithChildren as b}from"./utils/component.js";import{A as R,a as p}from"./Avatar.js";import{B as w}from"./Badge.js";import{Icon as X}from"./components/Icons/Icon.js";import{IconSize as C}from"./constants.js";import t from"./components/ListHeader/styles.module.scss";const P=(l,f,c,m,o,i)=>{if(u(l,E))return n.cloneElement(l,{chevronIcon:o,icon:i,isHovered:c,size:m});if(l)return n.createElement(E,{titleHtmlMarkup:f,chevronIcon:o,icon:i,isHovered:c,size:m},l)},N=(l,f=!1)=>{var d,v,_,s;let c,m;const o=[],i=[],a=[];n.Children.forEach(l,e=>{e===null||typeof e>"u"||(u(e,R)?c=e:u(e,A)?o.push(e):u(e,w)?m=e:typeof e=="string"?i.push(e):a.push(e))});const g=c!==void 0||o.length>0||m!==void 0&&i.length>0,r=a.length===0||b(a[0])&&typeof((v=(d=a[0])==null?void 0:d.props)==null?void 0:v.children)>"u";if(f||g||r)return{avatarChild:c,listHeaderTextChildren:o,badgeChild:m,stringChildren:i,remainingChildren:a};if(b(a[0]))return N((s=(_=a[0])==null?void 0:_.props)==null?void 0:s.children,!0)},E=n.forwardRef((l,f)=>{const{className:c="",titleHtmlMarkup:m="h2",chevronIcon:o,children:i,icon:a,isHovered:g,size:r,testId:d}=l,v=k(),_=r!=="small"&&!!(o||a),s=typeof i=="string",e=N(i),H=(e==null?void 0:e.avatarChild)||(e==null?void 0:e.listHeaderTextChildren)&&e.listHeaderTextChildren.length>0||(e==null?void 0:e.remainingChildren)&&(e==null?void 0:e.remainingChildren.length)>0,x=h(t["list-header"],{[t["list-header--for-element-content"]]:!s,[t["list-header--top-align-content"]]:H},c),L=h(t["list-header__badge"],{[t["list-header__badge--for-string-content"]]:s,[t["list-header__badge--right"]]:!s,[t["list-header__badge--"+r]]:!s&&r}),S=h(t["list-header__chevron"],{[t["list-header__chevron--for-string-content"]]:s,[t["list-header__chevron--"+r]]:!s&&r}),y=h(t["list-header__content"],{[t["list-header__content--string"]]:s,[t["list-header__content--element"]]:!s,[t["list-header__content--spacing"]]:!(e!=null&&e.avatarChild)&&!a}),I=h(t["list-header__icon"],{[t["list-header__icon--for-string-content"]]:s,[t["list-header__icon--for-element-content"]]:!s,[t["list-header__icon--for-element-content--"+r]]:!s&&r}),T=h(t["list-header__avatar"],{[t["list-header__avatar--for-string-content"]]:s,[t["list-header__avatar--for-element-content"]]:!s,[t["list-header__avatar--for-element-content--"+r]]:!s&&r}),z=m;return n.createElement("span",{"data-testid":d,className:x},_&&a&&n.createElement("span",{className:I},n.cloneElement(a,{size:v===B.xs?C.XSmall:C.Small,isHovered:g})),r!=="small"&&(e==null?void 0:e.avatarChild)&&n.createElement("span",{className:T},n.cloneElement(e.avatarChild,{size:p.xsmall})),n.createElement("span",{className:y},e==null?void 0:e.listHeaderTextChildren,!!(e!=null&&e.stringChildren.length)&&n.createElement(z,{className:t["list-header__title"]},e.stringChildren),e==null?void 0:e.remainingChildren),(e==null?void 0:e.badgeChild)&&n.createElement("span",{className:L},e.badgeChild),_&&o&&n.createElement("span",{className:S},n.createElement(X,{svgIcon:o,isHovered:g,size:C.XSmall})))});E.displayName="ListHeader";export{E as L,N as m,P as r};
+import n from"react";import _ from"classnames";import{L as A}from"./ListHeaderText.js";import{useBreakpoint as k,Breakpoint as B}from"./hooks/useBreakpoint.js";import{isComponent as u,isComponentWithChildren as b}from"./utils/component.js";import{A as R,a as p}from"./Avatar.js";import{B as w}from"./Badge.js";import{Icon as X}from"./components/Icons/Icon.js";import{IconSize as C}from"./constants.js";import t from"./components/ListHeader/styles.module.scss";const P=(l,f,c,m,o,i)=>{if(u(l,E))return n.cloneElement(l,{chevronIcon:o,icon:i,isHovered:c,size:m});if(l)return n.createElement(E,{titleHtmlMarkup:f,chevronIcon:o,icon:i,isHovered:c,size:m},l)},N=(l,f=!1)=>{var d,v,h,s;let c,m;const o=[],i=[],a=[];n.Children.forEach(l,e=>{e===null||typeof e>"u"||(u(e,R)?c=e:u(e,A)?o.push(e):u(e,w)?m=e:typeof e=="string"?i.push(e):a.push(e))});const g=c!==void 0||o.length>0||m!==void 0&&i.length>0,r=a.length===0||b(a[0])&&typeof((v=(d=a[0])==null?void 0:d.props)==null?void 0:v.children)>"u";if(f||g||r)return{avatarChild:c,listHeaderTextChildren:o,badgeChild:m,stringChildren:i,remainingChildren:a};if(b(a[0]))return N((s=(h=a[0])==null?void 0:h.props)==null?void 0:s.children,!0)},E=n.forwardRef((l,f)=>{const{className:c="",titleHtmlMarkup:m="h2",chevronIcon:o,children:i,icon:a,isHovered:g,size:r,testId:d}=l,v=k(),h=r!=="small"&&!!(o||a),s=typeof i=="string",e=N(i),H=(e==null?void 0:e.avatarChild)||(e==null?void 0:e.listHeaderTextChildren)&&e.listHeaderTextChildren.length>0||(e==null?void 0:e.remainingChildren)&&(e==null?void 0:e.remainingChildren.length)>0,x=_(t["list-header"],{[t["list-header--for-element-content"]]:!s,[t["list-header--top-align-content"]]:H},c),L=_(t["list-header__badge"],{[t["list-header__badge--for-string-content"]]:s,[t["list-header__badge--right"]]:!s,[t["list-header__badge--"+r]]:!s&&r}),S=_(t["list-header__chevron"],{[t["list-header__chevron--for-string-content"]]:s,[t["list-header__chevron--"+r]]:!s&&r}),y=_(t["list-header__content"],{[t["list-header__content--string"]]:s,[t["list-header__content--element"]]:!s,[t["list-header__content--spacing"]]:!(e!=null&&e.avatarChild)&&!a}),I=_(t["list-header__icon"],{[t["list-header__icon--for-string-content"]]:s,[t["list-header__icon--for-element-content"]]:!s,[t["list-header__icon--for-element-content--"+r]]:!s&&r}),T=_(t["list-header__avatar"],{[t["list-header__avatar--for-string-content"]]:s,[t["list-header__avatar--for-element-content"]]:!s,[t["list-header__avatar--for-element-content--"+r]]:!s&&r}),z=m;return n.createElement("span",{"data-testid":d,className:x},h&&a&&n.createElement("span",{className:I},n.cloneElement(a,{size:v===B.xs?C.XSmall:C.Small,isHovered:g})),r!=="small"&&(e==null?void 0:e.avatarChild)&&n.createElement("span",{className:T},n.cloneElement(e.avatarChild,{size:p.xsmall})),n.createElement("span",{className:y},e==null?void 0:e.listHeaderTextChildren,!!(e!=null&&e.stringChildren.length)&&n.createElement(z,{className:t["list-header__title"]},e.stringChildren),e==null?void 0:e.remainingChildren),(e==null?void 0:e.badgeChild)&&n.createElement("span",{className:L},e.badgeChild),h&&o&&n.createElement("span",{className:S},n.createElement(X,{svgIcon:o,isHovered:g,size:C.XSmall})))});E.displayName="ListHeader";export{E as L,N as m,P as r};
 //# sourceMappingURL=ListHeader.js.map

package/ListHeaderText.js

@@ -1,2 +1,2 @@
-import e from"react";import s from"classnames";import{S as N}from"./StatusDot.js";import t from"./components/ListHeader/styles.module.scss";const m=e.forwardRef((l,h)=>{const{firstText:n,firstTextEmphasised:p=!1,secondText:a=void 0,secondTextEmphasised:o=!1,subText:c=!1,statusDotVariant:r,className:i="",testId:d,titleHtmlMarkup:x="span"}=l,f=s(i,t["text-wrapper"],{[t["text-wrapper--sub-level"]]:c}),T=s({[t["text-wrapper__text--emphasised"]]:p}),u=s({[t["text-wrapper__text--emphasised"]]:o}),E=x;return e.createElement("span",{"data-testid":d,className:f},r!==void 0&&e.createElement("span",null,e.createElement(N,{text:"",variant:r})),e.createElement(E,{className:t["list-header__title"]},e.createElement("span",{className:T},n),a&&e.createElement("span",{className:u},a)))});m.displayName="ListHeaderText";const C=m;export{C as L,m as a};
+import e from"react";import s from"classnames";import{S as _}from"./StatusDot.js";import t from"./components/ListHeader/styles.module.scss";const l=e.forwardRef((m,N)=>{const{firstText:n,firstTextEmphasised:p=!1,secondText:a=void 0,secondTextEmphasised:o=!1,subText:c=!1,statusDotVariant:r,className:i="",testId:d,titleHtmlMarkup:x="span"}=m,f=s(i,t["text-wrapper"],{[t["text-wrapper--sub-level"]]:c}),T=s({[t["text-wrapper__text--emphasised"]]:p}),u=s({[t["text-wrapper__text--emphasised"]]:o}),E=x;return e.createElement("span",{"data-testid":d,className:f},r!==void 0&&e.createElement("span",null,e.createElement(_,{text:"",variant:r})),e.createElement(E,{className:t["list-header__title"]},e.createElement("span",{className:T},n),a&&e.createElement("span",{className:u},a)))});l.displayName="ListHeaderText";const C=l;export{C as L,l as a};
 //# sourceMappingURL=ListHeaderText.js.map

package/MaxCharacters.js

@@ -1,2 +1,2 @@
-import n from"react";import l from"classnames";import{FormMode as p}from"./constants.js";import r from"./components/MaxCharacters/styles.module.scss";const f=({maxCharacters:a,maxText:t,length:e,mode:s,maxWidth:c})=>{const o=e/a,m=l(r["max-characters"],{[r["max-characters--on-dark"]]:s===p.ondark,[r["max-characters--invalid"]]:o>1}),i=o>.95?"polite":"off";return n.createElement("div",{"aria-live":i,"aria-atomic":"true",className:m,style:{maxWidth:c}},`${e}/${a} ${t||"tegn"}`)},$=f;export{$ as M};
+import n from"react";import l from"classnames";import{FormMode as f}from"./constants.js";import a from"./components/MaxCharacters/styles.module.scss";const p=({maxCharacters:r,maxText:t,length:e,mode:s,maxWidth:c})=>{const o=e/r,m=l(a["max-characters"],{[a["max-characters--on-dark"]]:s===f.ondark,[a["max-characters--invalid"]]:o>1}),i=o>.95?"polite":"off";return n.createElement("div",{"aria-live":i,"aria-atomic":"true",className:m,style:{maxWidth:c}},`${e}/${r} ${t||"tegn"}`)},M=p;export{M};
 //# sourceMappingURL=MaxCharacters.js.map

package/Panel.js

@@ -1,2 +1,2 @@
-import t from"react";import r from"classnames";import{AnalyticsId as oe,IconSize as B}from"./constants.js";import{useExpand as se}from"./hooks/useExpand.js";import{useUuid as H}from"./hooks/useUuid.js";import{palette as W}from"./theme/palette.js";import{getAriaLabelAttributes as ce}from"./utils/accessibility.js";import{B as ie}from"./Badge.js";import{B as X}from"./Button.js";import{Icon as C}from"./components/Icons/Icon.js";import me from"./components/Icons/AlertSignFill.js";import ue from"./components/Icons/ArrowRight.js";import pe from"./components/Icons/Calendar.js";import de from"./components/Icons/ChevronDown.js";import _e from"./components/Icons/ChevronUp.js";import Ee from"./components/Icons/Pencil.js";import fe from"./components/Icons/Watch.js";import{T as ye}from"./Title.js";import e from"./components/Panel/styles.module.scss";var ve=(a=>(a.normal="normal",a.new="new",a.error="error",a.draft="draft",a))(ve||{}),be=(a=>(a.fill="fill",a.white="white",a.stroke="stroke",a.line="line",a))(be||{}),Ce=(a=>(a.layout1="layout1",a.layout2="layout2",a.layout3a="layout3a",a.layout3b="layout3b",a.layout3c="layout3c",a))(Ce||{});const S=({status:a,statusMessage:n})=>{const m=()=>a==="error"?{color:W.cherry500,svgIcon:me}:{color:W.black,svgIcon:Ee},s=r(e["status-message"],{[e["status-message--new"]]:a==="new"});return(a==="error"||a==="draft")&&n?t.createElement("div",{className:s,"data-testid":"display-status"},t.createElement(C,{...m(),size:B.XSmall})," ",t.createElement("span",null,n)):null},L=({children:a})=>typeof a>"u"?null:t.createElement("div",{className:e["header-container"]},a),Ne=({date:a,time:n})=>a||n?t.createElement("div",{className:e["datetime-container"],"data-testid":"datetime"},a&&t.createElement("div",{className:e["datetime-container__icon"]},t.createElement(C,{svgIcon:pe,size:B.XSmall}),t.createElement("span",null,a)),n&&t.createElement("div",{className:e["datetime-container__icon"]},t.createElement(C,{svgIcon:fe,size:B.XSmall}),t.createElement("span",null,n))):null,he=({contentA:a,contentB:n,contentHeader:m,ctaContainer:s,icon:l,status:c,statusMessage:p,titleElement:d})=>{const i=r(e["panel__layout-1"],{[e["panel__layout-1--with-icon"]]:l}),o=r(e.panel__icon,e["panel__icon--layout-1"],{[e["panel__icon--no-content"]]:!a&&!n});return t.createElement("div",{className:i},t.createElement(S,{status:c,statusMessage:p}),t.createElement(L,null,m),l&&t.createElement("div",{className:o},l),t.createElement("div",{className:e["panel__layout-1__content-a"]},d,a),n&&t.createElement("div",null,n),s)},we=({contentA:a,contentB:n,contentHeader:m,ctaContainer:s,icon:l,status:c,statusMessage:p,titleElement:d})=>{const i=r(e["panel__layout-2"],{[e["panel__layout-2--with-icon"]]:l}),o=r(e.panel__icon,e["panel__icon--layout-2"],{[e["panel__icon--no-content"]]:!a&&!n}),y=e["panel__layout-2__last-column"];return t.createElement("div",{className:i},t.createElement(S,{status:c,statusMessage:p}),t.createElement(L,null,m),l&&t.createElement("div",{className:o},l),t.createElement("div",{className:e["panel__layout-2__content-a"]},d,a),n&&t.createElement("div",{className:y},n),s&&t.createElement("div",{className:y},s))},Ie=({contentA:a,contentB:n,contentHeader:m,ctaContainer:s,icon:l,layout:c,status:p,statusMessage:d,titleElement:i})=>{const o=r(e["panel__layout-3"],{[e["panel__layout-3--with-icon"]]:l,[e["panel__layout-3--a"]]:c==="layout3a",[e["panel__layout-3--b"]]:c==="layout3b",[e["panel__layout-3--c"]]:c==="layout3c"}),y=r(e.panel__icon,e["panel__icon--layout-3"],{[e["panel__icon--no-content"]]:!a&&!n});return t.createElement("div",{className:o},t.createElement(S,{status:p,statusMessage:d}),t.createElement(L,null,m),l&&t.createElement("div",{className:y},l),t.createElement("div",null,i,a),t.createElement("div",{className:e["panel__layout-3__last-column"]},n&&t.createElement("div",{className:e["panel__layout-3__last-column__content-b"]},n),s))},ge=t.forwardRef(function(n,m){const{buttonAriaLabel:s,buttonAriaLabelledById:l,buttonText:c="Se detaljer",buttonTextClose:p="Skjul detaljer",buttonHtmlMarkup:d="a",buttonOnClick:i,children:o,className:y,containerAsButton:w=!1,contentA:M,contentB:$,contentHeader:F,date:z,expanded:P=!1,focusable:U=!1,icon:I,layout:v="layout2",noTopBorder:O,onExpand:D,renderChildrenWhenClosed:q=!1,status:_="normal",statusMessage:g,target:G="_self",testId:J,time:R,title:x,titleHtmlMarkup:K="h2",url:k,variant:E="fill"}=n,[f,Q]=se(P,D),T=H(),N=H(),j=g&&_==="new",h=typeof $>"u",Y=v==="layout1"||h,Z=!h&&v==="layout2",V=!h&&(v==="layout3a"||v==="layout3b"||v==="layout3c"),ee=r(e["panel-wrapper"],y),te=r(e.panel,{[e["panel--fill"]]:E==="fill",[e["panel--stroke"]]:E==="stroke",[e["panel--white"]]:E==="white",[e["panel--line"]]:E==="line",[e["panel--no-top-border"]]:E==="line"&&O,[e["panel--selected"]]:f,[e["panel--new"]]:_==="new",[e["panel--draft"]]:_==="draft",[e["panel--error"]]:_==="error",[e["panel--status"]]:_&&_!=="normal",[e["panel--with-icon"]]:I,[e["panel--button"]]:w,[e["panel--clickable"]]:o||k||D||i||w}),ae=()=>{const u=o||k||i,b=r(e["panel__btn-container"],{[e["panel__btn-container--no-content-b"]]:h,[e["panel__btn-container--no-button"]]:!u});return(u||z||R)&&t.createElement("div",{className:b},t.createElement(Ne,{date:z,time:R}),u&&t.createElement("div",{className:e["panel__details-btn"]},ne()))},ne=()=>{const u=ce({label:s,id:l&&`${N} ${l}`||x&&T&&`${N} ${T}`,prefer:"label"}),b={onClick:i||(()=>Q(!f)),className:w?e.panel__expand:void 0,variant:"borderless",ellipsis:!0,...u};return o?t.createElement(X,{testId:"expand","aria-expanded":f,...b},t.createElement("span",{id:N},f?p:c),t.createElement(C,{svgIcon:f?_e:de})):t.createElement(X,{testId:"url",htmlMarkup:d,href:k,target:G,...b},t.createElement("span",{id:N},c),t.createElement(C,{svgIcon:ue}))},le=()=>{if(!o||!q&&!f)return null;const u=r(e["panel-details"],{[e["panel-details--open"]]:f,[e["panel-details--line"]]:E==="line",[e["panel-details--white"]]:E==="white",[e["panel-details--with-icon"]]:I});return t.createElement("div",{className:u,"data-testid":"panel-details"},t.createElement("div",null,o))},re=()=>{const u=r(e["title-container"],{[e["title-container--no-content-a"]]:!M}),b=r(e["title-container__title"],{[e["title-container__title--badge"]]:j});return x&&t.createElement("div",{className:u},t.createElement(ye,{appearance:"title3",htmlMarkup:K,id:T,className:b},x),j&&t.createElement("div",{className:e.panel__badge},t.createElement(ie,{color:"blueberry",testId:"badge-status"},g)))},A={contentA:M,contentB:$,contentHeader:F,ctaContainer:ae(),icon:I,status:_,statusMessage:g,titleElement:re()};return t.createElement("div",{tabIndex:U?-1:void 0,ref:m,"data-testid":J,className:ee,"data-analyticsid":oe.Panel},t.createElement("div",{className:te},Y&&t.createElement(he,{...A}),Z&&t.createElement(we,{...A}),V&&t.createElement(Ie,{...A,layout:v})),le())}),Oe=ge;export{Oe as P,ve as a,be as b,Ce as c};
+import t from"react";import r from"classnames";import{AnalyticsId as oe,IconSize as B}from"./constants.js";import{useExpand as se}from"./hooks/useExpand.js";import{useUuid as H}from"./hooks/useUuid.js";import{palette as W}from"./theme/palette.js";import{getAriaLabelAttributes as ce}from"./utils/accessibility.js";import{B as ie}from"./Badge.js";import{B as X}from"./Button.js";import{Icon as C}from"./components/Icons/Icon.js";import me from"./components/Icons/AlertSignFill.js";import ue from"./components/Icons/ArrowRight.js";import de from"./components/Icons/Calendar.js";import pe from"./components/Icons/ChevronDown.js";import _e from"./components/Icons/ChevronUp.js";import Ee from"./components/Icons/Pencil.js";import fe from"./components/Icons/Watch.js";import{T as ye}from"./Title.js";import e from"./components/Panel/styles.module.scss";var ve=(a=>(a.normal="normal",a.new="new",a.error="error",a.draft="draft",a))(ve||{}),be=(a=>(a.fill="fill",a.white="white",a.stroke="stroke",a.line="line",a))(be||{}),Ce=(a=>(a.layout1="layout1",a.layout2="layout2",a.layout3a="layout3a",a.layout3b="layout3b",a.layout3c="layout3c",a))(Ce||{});const S=({status:a,statusMessage:n})=>{const m=()=>a==="error"?{color:W.cherry500,svgIcon:me}:{color:W.black,svgIcon:Ee},s=r(e["status-message"],{[e["status-message--new"]]:a==="new"});return(a==="error"||a==="draft")&&n?t.createElement("div",{className:s,"data-testid":"display-status"},t.createElement(C,{...m(),size:B.XSmall})," ",t.createElement("span",null,n)):null},L=({children:a})=>typeof a>"u"?null:t.createElement("div",{className:e["header-container"]},a),Ne=({date:a,time:n})=>a||n?t.createElement("div",{className:e["datetime-container"],"data-testid":"datetime"},a&&t.createElement("div",{className:e["datetime-container__icon"]},t.createElement(C,{svgIcon:de,size:B.XSmall}),t.createElement("span",null,a)),n&&t.createElement("div",{className:e["datetime-container__icon"]},t.createElement(C,{svgIcon:fe,size:B.XSmall}),t.createElement("span",null,n))):null,he=({contentA:a,contentB:n,contentHeader:m,ctaContainer:s,icon:l,status:c,statusMessage:d,titleElement:p})=>{const i=r(e["panel__layout-1"],{[e["panel__layout-1--with-icon"]]:l}),o=r(e.panel__icon,e["panel__icon--layout-1"],{[e["panel__icon--no-content"]]:!a&&!n});return t.createElement("div",{className:i},t.createElement(S,{status:c,statusMessage:d}),t.createElement(L,null,m),l&&t.createElement("div",{className:o},l),t.createElement("div",{className:e["panel__layout-1__content-a"]},p,a),n&&t.createElement("div",null,n),s)},we=({contentA:a,contentB:n,contentHeader:m,ctaContainer:s,icon:l,status:c,statusMessage:d,titleElement:p})=>{const i=r(e["panel__layout-2"],{[e["panel__layout-2--with-icon"]]:l}),o=r(e.panel__icon,e["panel__icon--layout-2"],{[e["panel__icon--no-content"]]:!a&&!n}),y=e["panel__layout-2__last-column"];return t.createElement("div",{className:i},t.createElement(S,{status:c,statusMessage:d}),t.createElement(L,null,m),l&&t.createElement("div",{className:o},l),t.createElement("div",{className:e["panel__layout-2__content-a"]},p,a),n&&t.createElement("div",{className:y},n),s&&t.createElement("div",{className:y},s))},Ie=({contentA:a,contentB:n,contentHeader:m,ctaContainer:s,icon:l,layout:c,status:d,statusMessage:p,titleElement:i})=>{const o=r(e["panel__layout-3"],{[e["panel__layout-3--with-icon"]]:l,[e["panel__layout-3--a"]]:c==="layout3a",[e["panel__layout-3--b"]]:c==="layout3b",[e["panel__layout-3--c"]]:c==="layout3c"}),y=r(e.panel__icon,e["panel__icon--layout-3"],{[e["panel__icon--no-content"]]:!a&&!n});return t.createElement("div",{className:o},t.createElement(S,{status:d,statusMessage:p}),t.createElement(L,null,m),l&&t.createElement("div",{className:y},l),t.createElement("div",null,i,a),t.createElement("div",{className:e["panel__layout-3__last-column"]},n&&t.createElement("div",{className:e["panel__layout-3__last-column__content-b"]},n),s))},ge=t.forwardRef(function(n,m){const{buttonAriaLabel:s,buttonAriaLabelledById:l,buttonText:c="Se detaljer",buttonTextClose:d="Skjul detaljer",buttonHtmlMarkup:p="a",buttonOnClick:i,children:o,className:y,containerAsButton:w=!1,contentA:M,contentB:$,contentHeader:F,date:z,expanded:P=!1,focusable:U=!1,icon:I,layout:v="layout2",noTopBorder:O,onExpand:D,renderChildrenWhenClosed:q=!1,status:_="normal",statusMessage:g,target:G="_self",testId:J,time:R,title:x,titleHtmlMarkup:K="h2",url:k,variant:E="fill"}=n,[f,Q]=se(P,D),T=H(),N=H(),j=g&&_==="new",h=typeof $>"u",Y=v==="layout1"||h,Z=!h&&v==="layout2",V=!h&&(v==="layout3a"||v==="layout3b"||v==="layout3c"),ee=r(e["panel-wrapper"],y),te=r(e.panel,{[e["panel--fill"]]:E==="fill",[e["panel--stroke"]]:E==="stroke",[e["panel--white"]]:E==="white",[e["panel--line"]]:E==="line",[e["panel--no-top-border"]]:E==="line"&&O,[e["panel--selected"]]:f,[e["panel--new"]]:_==="new",[e["panel--draft"]]:_==="draft",[e["panel--error"]]:_==="error",[e["panel--status"]]:_&&_!=="normal",[e["panel--with-icon"]]:I,[e["panel--button"]]:w,[e["panel--clickable"]]:o||k||D||i||w}),ae=()=>{const u=o||k||i,b=r(e["panel__btn-container"],{[e["panel__btn-container--no-content-b"]]:h,[e["panel__btn-container--no-button"]]:!u});return(u||z||R)&&t.createElement("div",{className:b},t.createElement(Ne,{date:z,time:R}),u&&t.createElement("div",{className:e["panel__details-btn"]},ne()))},ne=()=>{const u=ce({label:s,id:l&&`${N} ${l}`||x&&T&&`${N} ${T}`,prefer:"label"}),b={onClick:i||(()=>Q(!f)),className:w?e.panel__expand:void 0,variant:"borderless",ellipsis:!0,...u};return o?t.createElement(X,{testId:"expand","aria-expanded":f,...b},t.createElement("span",{id:N},f?d:c),t.createElement(C,{svgIcon:f?_e:pe})):t.createElement(X,{testId:"url",htmlMarkup:p,href:k,target:G,...b},t.createElement("span",{id:N},c),t.createElement(C,{svgIcon:ue}))},le=()=>{if(!o||!q&&!f)return null;const u=r(e["panel-details"],{[e["panel-details--open"]]:f,[e["panel-details--line"]]:E==="line",[e["panel-details--white"]]:E==="white",[e["panel-details--with-icon"]]:I});return t.createElement("div",{className:u,"data-testid":"panel-details"},t.createElement("div",null,o))},re=()=>{const u=r(e["title-container"],{[e["title-container--no-content-a"]]:!M}),b=r(e["title-container__title"],{[e["title-container__title--badge"]]:j});return x&&t.createElement("div",{className:u},t.createElement(ye,{appearance:"title3",htmlMarkup:K,id:T,className:b},x),j&&t.createElement("div",{className:e.panel__badge},t.createElement(ie,{color:"blueberry",testId:"badge-status"},g)))},A={contentA:M,contentB:$,contentHeader:F,ctaContainer:ae(),icon:I,status:_,statusMessage:g,titleElement:re()};return t.createElement("div",{tabIndex:U?-1:void 0,ref:m,"data-testid":J,className:ee,"data-analyticsid":oe.Panel},t.createElement("div",{className:te},Y&&t.createElement(he,{...A}),Z&&t.createElement(we,{...A}),V&&t.createElement(Ie,{...A,layout:v})),le())}),Oe=ge;export{Oe as P,ve as a,be as b,Ce as c};
 //# sourceMappingURL=Panel.js.map

package/PopOver.js

@@ -1,2 +1,2 @@
-import f,{useRef as B,useState as U,useEffect as Z}from"react";import E from"classnames";import{AnalyticsId as $}from"./constants.js";import{useInterval as j}from"./hooks/useInterval.js";import{useIsVisible as k}from"./hooks/useIsVisible.js";import{useLayoutEvent as q}from"./hooks/useLayoutEvent.js";import{useSize as J}from"./hooks/useSize.js";import{mergeRefs as K}from"./utils/refs.js";import u from"./components/PopOver/styles.module.scss";const Q=373,s=12,g=16,C=20,Y=4,L=12,I=(t,o,n)=>n!==r.positionautomatic?n:t.top>o.height+g?r.positionabove:r.positionbelow,W=t=>t.left+t.width/2,z=t=>document.documentElement.clientWidth-t.right+t.width/2,m=(t,o)=>W(t)-o.width/2,S=(t,o)=>m(t,o)+o.width,tt=(t,o)=>m(t,o)>s,ot=(t,o)=>S(t,o)<document.documentElement.clientWidth-s,et=(t,o)=>ot(t,o)?tt(t,o)?"floating":"left":"right",P=(t,o)=>t.top-g-o.height,w=t=>t.bottom+g,nt=()=>document.documentElement.clientWidth-s*2,it=()=>document.documentElement.clientWidth>Q+s*2,A=t=>t.top-g-Y,rt=t=>W(t)-C/2,st=t=>z(t)-C/2,lt=(t,o,n)=>{const i=et(t,o),e=I(t,o,n);return i==="left"?e===r.positionabove?"leftabove":"leftbelow":i==="right"?e===r.positionabove?"rightabove":"rightbelow":e===r.positionabove?"floatingabove":"floatingbelow"},ct=(t,o,n)=>{const i=lt(t,o,n),e=it()?void 0:nt();return i==="leftabove"?{left:s,top:P(t,o),width:e}:i==="leftbelow"?{left:s,top:w(t),width:e}:i==="rightabove"?{right:s,top:P(t,o),width:e}:i==="rightbelow"?{right:s,top:w(t),width:e}:i==="floatingbelow"?{left:m(t,o),top:w(t),width:e}:{left:m(t,o),top:P(t,o),width:e}},at=(t,o,n)=>{const i=rt(o),e=st(o),l=t.left+L,c=t.right+L;return t.right?n===r.positionabove?{right:e>c?e:c,top:A(o)}:{right:e>c?e:c,top:o.bottom}:n===r.positionabove?{left:i>l?i:l,top:A(o)}:{left:i>l?i:l,top:o.bottom}};var r=(t=>(t.positionautomatic="positionautomatic",t.positionbelow="positionbelow",t.positionabove="positionabove",t))(r||{});const O=f.forwardRef((t,o)=>{const{id:n,children:i,controllerRef:e,popOverRef:l,show:c=!1,className:N="",variant:v="positionautomatic",role:R,testId:y,arrowClassName:T}=t,x=l||B(null),F=B(null),p=J(x),[a,H]=U(),X=k(e,0),h=()=>{var _;H((_=e.current)==null?void 0:_.getBoundingClientRect())};j(h,500),q(h,["scroll","resize"],10),Z(()=>{h()},[]);const V=R==="tooltip",D=E(u.popover,{[u["popover--visible"]]:V?c:X},N),b=a&&p&&I(a,p,v),G=E(u.popover__arrow,T,{[u["popover__arrow--over"]]:b==="positionbelow",[u["popover__arrow--under"]]:b==="positionabove"}),d=a&&p&&ct(a,p,v),M=d&&a&&b&&at(d,a,b);return f.createElement(f.Fragment,null,f.createElement("div",{id:n,ref:K([o,x]),className:D,style:d,"data-testid":y,"data-analyticsid":$.PopOver,role:R},i),f.createElement("div",{ref:F,className:G,style:M}))});O.displayName="PopOver";const wt=O;export{r as P,wt as a};
+import f,{useRef as B,useState as U,useEffect as Z}from"react";import E from"classnames";import{AnalyticsId as $}from"./constants.js";import{useInterval as j}from"./hooks/useInterval.js";import{useIsVisible as k}from"./hooks/useIsVisible.js";import{useLayoutEvent as q}from"./hooks/useLayoutEvent.js";import{useSize as J}from"./hooks/useSize.js";import{mergeRefs as K}from"./utils/refs.js";import u from"./components/PopOver/styles.module.scss";const Q=373,s=12,g=16,C=20,Y=4,L=12,I=(t,o,n)=>n!==r.positionautomatic?n:t.top>o.height+g?r.positionabove:r.positionbelow,W=t=>t.left+t.width/2,z=t=>document.documentElement.clientWidth-t.right+t.width/2,m=(t,o)=>W(t)-o.width/2,S=(t,o)=>m(t,o)+o.width,tt=(t,o)=>m(t,o)>s,ot=(t,o)=>S(t,o)<document.documentElement.clientWidth-s,et=(t,o)=>ot(t,o)?tt(t,o)?"floating":"left":"right",P=(t,o)=>t.top-g-o.height,w=t=>t.bottom+g,nt=()=>document.documentElement.clientWidth-s*2,it=()=>document.documentElement.clientWidth>Q+s*2,A=t=>t.top-g-Y,rt=t=>W(t)-C/2,st=t=>z(t)-C/2,lt=(t,o,n)=>{const i=et(t,o),e=I(t,o,n);return i==="left"?e===r.positionabove?"leftabove":"leftbelow":i==="right"?e===r.positionabove?"rightabove":"rightbelow":e===r.positionabove?"floatingabove":"floatingbelow"},at=(t,o,n)=>{const i=lt(t,o,n),e=it()?void 0:nt();return i==="leftabove"?{left:s,top:P(t,o),width:e}:i==="leftbelow"?{left:s,top:w(t),width:e}:i==="rightabove"?{right:s,top:P(t,o),width:e}:i==="rightbelow"?{right:s,top:w(t),width:e}:i==="floatingbelow"?{left:m(t,o),top:w(t),width:e}:{left:m(t,o),top:P(t,o),width:e}},ct=(t,o,n)=>{const i=rt(o),e=st(o),l=t.left+L,a=t.right+L;return t.right?n===r.positionabove?{right:e>a?e:a,top:A(o)}:{right:e>a?e:a,top:o.bottom}:n===r.positionabove?{left:i>l?i:l,top:A(o)}:{left:i>l?i:l,top:o.bottom}};var r=(t=>(t.positionautomatic="positionautomatic",t.positionbelow="positionbelow",t.positionabove="positionabove",t))(r||{});const O=f.forwardRef((t,o)=>{const{id:n,children:i,controllerRef:e,popOverRef:l,show:a=!1,className:N="",variant:v="positionautomatic",role:R,testId:y,arrowClassName:T}=t,x=l||B(null),F=B(null),p=J(x),[c,H]=U(),X=k(e,0),h=()=>{var _;H((_=e.current)==null?void 0:_.getBoundingClientRect())};j(h,500),q(h,["scroll","resize"],10),Z(()=>{h()},[]);const V=R==="tooltip",D=E(u.popover,{[u["popover--visible"]]:V?a:X},N),b=c&&p&&I(c,p,v),G=E(u.popover__arrow,T,{[u["popover__arrow--over"]]:b==="positionbelow",[u["popover__arrow--under"]]:b==="positionabove"}),d=c&&p&&at(c,p,v),M=d&&c&&b&&ct(d,c,b);return f.createElement(f.Fragment,null,f.createElement("div",{id:n,ref:K([o,x]),className:D,style:d,"data-testid":y,"data-analyticsid":$.PopOver,role:R},i),f.createElement("div",{ref:F,className:G,style:M}))});O.displayName="PopOver";const wt=O;export{r as P,wt as a};
 //# sourceMappingURL=PopOver.js.map

package/RadioButton.js

@@ -1,2 +1,2 @@
-import p,{useState as D}from"react";import s from"classnames";import{FormMode as d,FormVariant as V,AnalyticsId as W}from"./constants.js";import{usePseudoClasses as $}from"./hooks/usePseudoClasses.js";import{isMutableRefObject as z,mergeRefs as G}from"./utils/refs.js";import{u as H}from"./uuid.js";import{g as J,r as K}from"./Label.js";import o from"./components/RadioButton/styles.module.scss";const ro=(b,r,a,l)=>{const n=r==="oninvalid",e=b===l;return s({[o["radio-button-label__bigform--on-grey"]]:a&&r==="ongrey"&&!e,[o["radio-button-label__bigform--on-blueberry"]]:r==="onblueberry"&&!e&&a,[o["radio-button-label__bigform--selected"]]:a&&e&&!n,[o["radio-button-label__bigform--selected-invalid"]]:a&&e&&n})},h=p.forwardRef((b,r)=>{const{className:a,defaultChecked:l=!1,onChange:n,disabled:e,label:g,inputId:f=H(),mode:i=d.onwhite,name:C=f,variant:w,errorText:u,error:R=!!u,value:k=J(g),testId:B,required:N,labelClassNames:L,...x}=b,_=R||i===d.oninvalid,y=i===d.ondark,v=i===d.onblueberry,E=i===d.oninvalid,t=w===V.bigform,[F,I]=D(l),{refObject:S,isFocused:c}=$(z(r)?r:null),j=G([r,S]),A=s(o["radio-button-wrapper"],{[o["radio-button-wrapper--with-error"]]:u,[o["radio-button-wrapper__bigform"]]:t,[o["radio-button-wrapper__bigform--focused"]]:t&&c,[o["radio-button-wrapper__bigform--selected"]]:t&&F&&c,[o["radio-button-wrapper__bigform--invalid"]]:t&&E&&c,[o["radio-button-wrapper__bigform--on-blueberry"]]:t&&v&&c}),M=s(o["radio-button-label"],{[o["radio-button-label--disabled"]]:e,[o["radio-button-label--on-dark"]]:y,[o["radio-button-label--invalid"]]:_,[o["radio-button-label__bigform"]]:t,[o["radio-button-label__bigform--disabled"]]:t&&e},L),O=s(o["radio-button"],{[o["radio-button--on-dark"]]:y,[o["radio-button--disabled"]]:e,[o["radio-button--on-blueberry"]]:v,[o["radio-button--invalid"]]:_,[o["radio-button__bigform"]]:t,[o["radio-button__bigform--disabled"]]:t&&e,[o["radio-button__bigform--invalid"]]:t&&_},a),P=s(o["radio-button-errors"]),T=m=>{I(m.target.checked),n&&n(m)},q=()=>p.createElement("input",{id:f,name:C,className:O,type:"radio",disabled:e,value:k,ref:j,defaultChecked:l,"aria-describedby":b["aria-describedby"]??void 0,required:N,...x,onChange:m=>T(m)});return p.createElement("div",{"data-testid":B,"data-analyticsid":W.RadioButton,className:A},u&&p.createElement("p",{className:P},u),K(g,q(),f,i,e,M,void 0,o["radiobutton-sublabel-wrapper"],t))});h.displayName="RadioButton";const ao=h;export{ao as R,h as a,ro as g};
+import f,{useState as D}from"react";import s from"classnames";import{FormMode as d,FormVariant as V,AnalyticsId as W}from"./constants.js";import{usePseudoClasses as $}from"./hooks/usePseudoClasses.js";import{isMutableRefObject as z,mergeRefs as G}from"./utils/refs.js";import{u as H}from"./uuid.js";import{g as J,r as K}from"./Label.js";import o from"./components/RadioButton/styles.module.scss";const ro=(b,r,a,l)=>{const n=r==="oninvalid",e=b===l;return s({[o["radio-button-label__bigform--on-grey"]]:a&&r==="ongrey"&&!e,[o["radio-button-label__bigform--on-blueberry"]]:r==="onblueberry"&&!e&&a,[o["radio-button-label__bigform--selected"]]:a&&e&&!n,[o["radio-button-label__bigform--selected-invalid"]]:a&&e&&n})},h=f.forwardRef((b,r)=>{const{className:a,defaultChecked:l=!1,onChange:n,disabled:e,label:g,inputId:p=H(),mode:i=d.onwhite,name:C=p,variant:w,errorText:u,error:R=!!u,value:k=J(g),testId:B,required:N,labelClassNames:L,...x}=b,_=R||i===d.oninvalid,y=i===d.ondark,v=i===d.onblueberry,E=i===d.oninvalid,t=w===V.bigform,[F,I]=D(l),{refObject:S,isFocused:c}=$(z(r)?r:null),j=G([r,S]),A=s(o["radio-button-wrapper"],{[o["radio-button-wrapper--with-error"]]:u,[o["radio-button-wrapper__bigform"]]:t,[o["radio-button-wrapper__bigform--focused"]]:t&&c,[o["radio-button-wrapper__bigform--selected"]]:t&&F&&c,[o["radio-button-wrapper__bigform--invalid"]]:t&&E&&c,[o["radio-button-wrapper__bigform--on-blueberry"]]:t&&v&&c}),M=s(o["radio-button-label"],{[o["radio-button-label--disabled"]]:e,[o["radio-button-label--on-dark"]]:y,[o["radio-button-label--invalid"]]:_,[o["radio-button-label__bigform"]]:t,[o["radio-button-label__bigform--disabled"]]:t&&e},L),O=s(o["radio-button"],{[o["radio-button--on-dark"]]:y,[o["radio-button--disabled"]]:e,[o["radio-button--on-blueberry"]]:v,[o["radio-button--invalid"]]:_,[o["radio-button__bigform"]]:t,[o["radio-button__bigform--disabled"]]:t&&e,[o["radio-button__bigform--invalid"]]:t&&_},a),P=s(o["radio-button-errors"]),T=m=>{I(m.target.checked),n&&n(m)},q=()=>f.createElement("input",{id:p,name:C,className:O,type:"radio",disabled:e,value:k,ref:j,defaultChecked:l,"aria-describedby":b["aria-describedby"]??void 0,required:N,...x,onChange:m=>T(m)});return f.createElement("div",{"data-testid":B,"data-analyticsid":W.RadioButton,className:A},u&&f.createElement("p",{className:P},u),K(g,q(),p,i,e,M,void 0,o["radiobutton-sublabel-wrapper"],t))});h.displayName="RadioButton";const ao=h;export{ao as R,h as a,ro as g};
 //# sourceMappingURL=RadioButton.js.map

package/Select.js

@@ -1,2 +1,2 @@
-import t from"react";import b from"classnames";import{FormMode as T,AnalyticsId as _,IconSize as $,AVERAGE_CHARACTER_WIDTH_PX as q}from"./constants.js";import{useUuid as z}from"./hooks/useUuid.js";import{getColor as f}from"./theme/currys/color.js";import{E as D}from"./ErrorWrapper.js";import{Icon as F}from"./components/Icons/Icon.js";import H from"./components/Icons/ChevronDown.js";import{a as L}from"./Label.js";import e from"./components/Select/styles.module.scss";const M=a=>{const r="2rem";return`calc(${a*q}px + ${r})`},V=(a,r)=>r?f("neutral",500):f(a?"cherry":"blueberry",600),X=t.forwardRef(function(r,s){const{afterLabelChildren:B,className:v,children:w,concept:y="normal",disabled:o,error:C,errorText:c,label:E,selectId:i,name:h=i,mode:l=T.onwhite,testId:I,width:d,required:m,value:S,defaultValue:N,...R}=r,p=z(i),u=l==="onblueberry",n=l==="oninvalid"||!!c||!!C,W=V(n,!!o),g=d?M(d):void 0,x=b(e["select-inner-wrapper"],{[e["select-inner-wrapper--transparent"]]:y==="transparent",[e["select-inner-wrapper--on-blueberry"]]:u,[e["select-inner-wrapper--invalid"]]:n,[e["select-inner-wrapper--disabled"]]:o},v),A=b(e.select,{[e["select--on-blueberry"]]:u,[e["select--invalid"]]:n});return t.createElement(D,{errorText:c},t.createElement("div",{"data-testid":I,"data-analyticsid":_.Select,className:e["select-wrapper"],style:{maxWidth:g}},L(E,p,l,o),t.createElement("div",{className:x},t.createElement(F,{className:e["select-arrow"],svgIcon:H,color:W,size:$.XSmall}),t.createElement("select",{"aria-invalid":!!n,id:p,name:h,className:A,disabled:o,ref:s,required:m,"aria-describedby":r["aria-describedby"]??void 0,"aria-required":!!m,value:S,defaultValue:N,...R},w))))}),Z=X;export{Z as S,X as a};
+import t from"react";import b from"classnames";import{FormMode as _,AnalyticsId as T,IconSize as $,AVERAGE_CHARACTER_WIDTH_PX as q}from"./constants.js";import{useUuid as z}from"./hooks/useUuid.js";import{getColor as f}from"./theme/currys/color.js";import{E as D}from"./ErrorWrapper.js";import{Icon as F}from"./components/Icons/Icon.js";import H from"./components/Icons/ChevronDown.js";import{a as L}from"./Label.js";import e from"./components/Select/styles.module.scss";const M=a=>{const r="2rem";return`calc(${a*q}px + ${r})`},V=(a,r)=>r?f("neutral",500):f(a?"cherry":"blueberry",600),X=t.forwardRef(function(r,s){const{afterLabelChildren:B,className:v,children:w,concept:y="normal",disabled:o,error:C,errorText:c,label:E,selectId:i,name:h=i,mode:n=_.onwhite,testId:I,width:d,required:m,value:S,defaultValue:N,...R}=r,p=z(i),u=n==="onblueberry",l=n==="oninvalid"||!!c||!!C,W=V(l,!!o),g=d?M(d):void 0,x=b(e["select-inner-wrapper"],{[e["select-inner-wrapper--transparent"]]:y==="transparent",[e["select-inner-wrapper--on-blueberry"]]:u,[e["select-inner-wrapper--invalid"]]:l,[e["select-inner-wrapper--disabled"]]:o},v),A=b(e.select,{[e["select--on-blueberry"]]:u,[e["select--invalid"]]:l});return t.createElement(D,{errorText:c},t.createElement("div",{"data-testid":I,"data-analyticsid":T.Select,className:e["select-wrapper"],style:{maxWidth:g}},L(E,p,n,o),t.createElement("div",{className:x},t.createElement(F,{className:e["select-arrow"],svgIcon:H,color:W,size:$.XSmall}),t.createElement("select",{"aria-invalid":!!l,id:p,name:h,className:A,disabled:o,ref:s,required:m,"aria-describedby":r["aria-describedby"]??void 0,"aria-required":!!m,value:S,defaultValue:N,...R},w))))}),Z=X;export{Z as S,X as a};
 //# sourceMappingURL=Select.js.map

package/Spacer.js

@@ -1,2 +1,2 @@
-import e from"react";import x from"classnames";import{AnalyticsId as o}from"./constants.js";import s from"./components/Spacer/styles.module.scss";const m=e.forwardRef(function(r,c){const{size:a="s",className:p,testId:t}=r,l=x(s.spacer,{[s["spacer--4xs"]]:a==="4xs",[s["spacer--3xs"]]:a==="3xs",[s["spacer--2xs"]]:a==="2xs",[s["spacer--xs"]]:a==="xs",[s["spacer--s"]]:a==="s",[s["spacer--m"]]:a==="m",[s["spacer--l"]]:a==="l",[s["spacer--xl"]]:a==="xl",[s["spacer--2xl"]]:a==="2xl",[s["spacer--3xl"]]:a==="3xl",[s["spacer--4xl"]]:a==="4xl",[s["spacer--5xl"]]:a==="5xl",[s["spacer--6xl"]]:a==="6xl"},p);return e.createElement("span",{className:l,ref:c,"data-testid":t,"data-analyticsid":o.Spacer})}),y=m;export{y as S};
+import e from"react";import x from"classnames";import{AnalyticsId as o}from"./constants.js";import s from"./components/Spacer/styles.module.scss";const m=e.forwardRef(function(r,c){const{size:a="s",className:p,testId:t}=r,l=x(s.spacer,{[s["spacer--4xs"]]:a==="4xs",[s["spacer--3xs"]]:a==="3xs",[s["spacer--2xs"]]:a==="2xs",[s["spacer--xs"]]:a==="xs",[s["spacer--s"]]:a==="s",[s["spacer--m"]]:a==="m",[s["spacer--l"]]:a==="l",[s["spacer--xl"]]:a==="xl",[s["spacer--2xl"]]:a==="2xl",[s["spacer--3xl"]]:a==="3xl",[s["spacer--4xl"]]:a==="4xl",[s["spacer--5xl"]]:a==="5xl",[s["spacer--6xl"]]:a==="6xl"},p);return e.createElement("span",{className:l,ref:c,"data-testid":t,"data-analyticsid":o.Spacer})}),u=m;export{u as S};
 //# sourceMappingURL=Spacer.js.map

package/StepButtons.js

@@ -1,2 +1,2 @@
-import s from"react";import e from"classnames";import{AnalyticsId as m}from"./constants.js";import t from"./components/StepButtons/styles.module.scss";const p=r=>{const{backButton:n,forwardButton:a,additionalButtons:o,cancelButton:l,sticky:i=!1,testId:u}=r,c=e(t.stepbuttons,i&&t["stepbuttons--has-sticky-buttons"]);return n||a||o||l?s.createElement("div",{className:c,"data-testid":u,"data-analyticsid":m.StepButtons},(n||a)&&s.createElement("div",{className:e(t.stepbuttons__buttons,t["stepbuttons__buttons--navigation"])},n&&s.cloneElement(n,{variant:"outline",wrapperClassName:e(t["stepbuttons__button--back"])}),a&&s.cloneElement(a,{variant:"fill",wrapperClassName:e(t["stepbuttons__button--forward"])})),o&&s.createElement("div",{className:e(t.stepbuttons__buttons,t["stepbuttons__buttons--additional"])},o),l&&s.createElement("div",{className:t.stepbuttons__buttons},s.cloneElement(l,{variant:"borderless"}))):null},v=p;export{v as S,p as a};
+import s from"react";import e from"classnames";import{AnalyticsId as m}from"./constants.js";import t from"./components/StepButtons/styles.module.scss";const p=r=>{const{backButton:a,forwardButton:n,additionalButtons:o,cancelButton:l,sticky:u=!1,testId:i}=r,c=e(t.stepbuttons,u&&t["stepbuttons--has-sticky-buttons"]);return a||n||o||l?s.createElement("div",{className:c,"data-testid":i,"data-analyticsid":m.StepButtons},(a||n)&&s.createElement("div",{className:e(t.stepbuttons__buttons,t["stepbuttons__buttons--navigation"])},a&&s.cloneElement(a,{variant:"outline",wrapperClassName:e(t["stepbuttons__button--back"])}),n&&s.cloneElement(n,{variant:"fill",wrapperClassName:e(t["stepbuttons__button--forward"])})),o&&s.createElement("div",{className:e(t.stepbuttons__buttons,t["stepbuttons__buttons--additional"])},o),l&&s.createElement("div",{className:t.stepbuttons__buttons},s.cloneElement(l,{variant:"borderless"}))):null},v=p;export{v as S,p as a};
 //# sourceMappingURL=StepButtons.js.map

package/Table.js

@@ -1,2 +1,2 @@
-import c,{useState as b,useRef as L,useEffect as z}from"react";import R from"classnames";import{AnalyticsId as D}from"./constants.js";import{Breakpoint as k,useBreakpoint as I}from"./hooks/useBreakpoint.js";import{useLayoutEvent as N}from"./hooks/useLayoutEvent.js";import{getAriaLabelAttributes as O}from"./utils/accessibility.js";import{H as _}from"./HorizontalScroll.js";import y from"./components/Table/styles.module.scss";import{isTouchDevice as $}from"./utils/device.js";const F=t=>t.variant===a.centeredoverflow||t.variant===a.block,P=t=>y[`table--${t.variant}-${t.breakpoint}`],G=(t,o)=>k[t.breakpoint]-k[o.breakpoint],C=(t,o)=>k[t.breakpoint]>=o,M=(t,o)=>{if(Array.isArray(t))return t.sort(G),t.find(n=>C(n,o));if(t&&C(t,o))return t},X=(t,o,n,f)=>{const e=M(t,o),l=$(),i=n<=f;if(e)return e.variant===a.centeredoverflow&&!i&&e.fallbackVariant===a.horizontalscroll?{variant:l?a.horizontalscroll:a.none,breakpoint:e.breakpoint}:e.variant===a.centeredoverflow&&!i&&e.fallbackVariant!==a.centeredoverflow?{variant:e.fallbackVariant??a.none,breakpoint:e.breakpoint}:e.variant===a.horizontalscroll&&!l&&e.fallbackVariant===a.centeredoverflow?{variant:i?a.centeredoverflow:a.none,breakpoint:e.breakpoint}:e.variant===a.horizontalscroll&&!l&&e.fallbackVariant!==a.horizontalscroll?{variant:e.fallbackVariant??a.none,breakpoint:e.breakpoint}:e},j=t=>t&&F(t)?P(t):void 0,q=(t,o)=>{if(t===o)return;const n=8;return{left:`${(t-o)/2-n}px`}};var a=(t=>(t.none="none",t.centeredoverflow="centeredoverflow",t.horizontalscroll="horizontalscroll",t.block="block",t))(a||{}),J=(t=>(t.compact="compact",t.normal="normal",t))(J||{});const K=[{breakpoint:"xl",variant:"centeredoverflow",fallbackVariant:"horizontalscroll"}],nt=[{breakpoint:"xl",variant:"centeredoverflow",fallbackVariant:"horizontalscroll"},{breakpoint:"sm",variant:"centeredoverflow",fallbackVariant:"block"}],lt=({id:t,testId:o,className:n,children:f,breakpointConfig:e=K,mode:l="normal",scrollAriaLabel:i,scrollAriaLabelledById:B})=>{const[r,W]=b(),[d,E]=b(0),[V,A]=b(0),[p,S]=b(window.innerWidth),v=L(null),m=I();z(()=>{W(X(e,m,d,p))},[e,m,d,p]),z(()=>{var s,h,u;((r==null?void 0:r.variant)==="centeredoverflow"||(r==null?void 0:r.variant)==="horizontalscroll")&&E(((s=v.current)==null?void 0:s.getBoundingClientRect().width)??0),(r==null?void 0:r.variant)==="centeredoverflow"&&A(((u=(h=v.current)==null?void 0:h.parentElement)==null?void 0:u.getBoundingClientRect().width)??0)},[r]),N(()=>S(window.innerWidth),["resize"],100);const T=(r==null?void 0:r.variant)==="centeredoverflow"?q(V,d):void 0,U=j(r),x=R(y.table,U,n),w=c.createElement("table",{className:x,id:t,"data-testid":o,"data-analyticsid":D.Table,ref:v,style:T},c.Children.map(f,s=>c.isValidElement(s)&&c.cloneElement(s,{mode:l}))),H=O({label:i,id:B});return(r==null?void 0:r.variant)==="horizontalscroll"?c.createElement(_,{childWidth:d,testId:"horizontal-scroll",...H},w):w};export{J as M,a as R,lt as T,K as d,nt as s};
+import c,{useState as b,useRef as H,useEffect as z}from"react";import L from"classnames";import{AnalyticsId as R}from"./constants.js";import{Breakpoint as k,useBreakpoint as D}from"./hooks/useBreakpoint.js";import{useLayoutEvent as I}from"./hooks/useLayoutEvent.js";import{getAriaLabelAttributes as N}from"./utils/accessibility.js";import{H as O}from"./HorizontalScroll.js";import y from"./components/Table/styles.module.scss";import{isTouchDevice as $}from"./utils/device.js";const F=t=>t.variant===a.centeredoverflow||t.variant===a.block,P=t=>y[`table--${t.variant}-${t.breakpoint}`],G=(t,o)=>k[t.breakpoint]-k[o.breakpoint],C=(t,o)=>k[t.breakpoint]>=o,M=(t,o)=>{if(Array.isArray(t))return t.sort(G),t.find(n=>C(n,o));if(t&&C(t,o))return t},X=(t,o,n,f)=>{const e=M(t,o),l=$(),i=n<=f;if(e)return e.variant===a.centeredoverflow&&!i&&e.fallbackVariant===a.horizontalscroll?{variant:l?a.horizontalscroll:a.none,breakpoint:e.breakpoint}:e.variant===a.centeredoverflow&&!i&&e.fallbackVariant!==a.centeredoverflow?{variant:e.fallbackVariant??a.none,breakpoint:e.breakpoint}:e.variant===a.horizontalscroll&&!l&&e.fallbackVariant===a.centeredoverflow?{variant:i?a.centeredoverflow:a.none,breakpoint:e.breakpoint}:e.variant===a.horizontalscroll&&!l&&e.fallbackVariant!==a.horizontalscroll?{variant:e.fallbackVariant??a.none,breakpoint:e.breakpoint}:e},j=t=>t&&F(t)?P(t):void 0,q=(t,o)=>{if(t===o)return;const n=8;return{left:`${(t-o)/2-n}px`}};var a=(t=>(t.none="none",t.centeredoverflow="centeredoverflow",t.horizontalscroll="horizontalscroll",t.block="block",t))(a||{}),J=(t=>(t.compact="compact",t.normal="normal",t))(J||{});const K=[{breakpoint:"xl",variant:"centeredoverflow",fallbackVariant:"horizontalscroll"}],nt=[{breakpoint:"xl",variant:"centeredoverflow",fallbackVariant:"horizontalscroll"},{breakpoint:"sm",variant:"centeredoverflow",fallbackVariant:"block"}],lt=({id:t,testId:o,className:n,children:f,breakpointConfig:e=K,mode:l="normal",scrollAriaLabel:i,scrollAriaLabelledById:B})=>{const[r,W]=b(),[d,E]=b(0),[V,A]=b(0),[p,S]=b(window.innerWidth),v=H(null),m=D();z(()=>{W(X(e,m,d,p))},[e,m,d,p]),z(()=>{var s,u,h;((r==null?void 0:r.variant)==="centeredoverflow"||(r==null?void 0:r.variant)==="horizontalscroll")&&E(((s=v.current)==null?void 0:s.getBoundingClientRect().width)??0),(r==null?void 0:r.variant)==="centeredoverflow"&&A(((h=(u=v.current)==null?void 0:u.parentElement)==null?void 0:h.getBoundingClientRect().width)??0)},[r]),I(()=>S(window.innerWidth),["resize"],100);const T=(r==null?void 0:r.variant)==="centeredoverflow"?q(V,d):void 0,U=j(r),_=L(y.table,U,n),w=c.createElement("table",{className:_,id:t,"data-testid":o,"data-analyticsid":R.Table,ref:v,style:T},c.Children.map(f,s=>c.isValidElement(s)&&c.cloneElement(s,{mode:l}))),x=N({label:i,id:B});return(r==null?void 0:r.variant)==="horizontalscroll"?c.createElement(O,{childWidth:d,testId:"horizontal-scroll",...x},w):w};export{J as M,a as R,lt as T,K as d,nt as s};
 //# sourceMappingURL=Table.js.map

package/TableBody.js

@@ -1,2 +1,2 @@
-import e from"react";import m from"classnames";import r from"./components/Table/styles.module.scss";import{M as n}from"./Table.js";const b=({className:a,children:t,mode:s=n.normal})=>{const l=m(r["table-body"],a);return e.createElement("tbody",{className:l},e.Children.map(t,o=>e.isValidElement(o)&&e.cloneElement(o,{mode:s})))},i=b;export{b as T,i as a};
+import e from"react";import m from"classnames";import r from"./components/Table/styles.module.scss";import{M as n}from"./Table.js";const d=({className:o,children:t,mode:l=n.normal})=>{const s=m(r["table-body"],o);return e.createElement("tbody",{className:s},e.Children.map(t,a=>e.isValidElement(a)&&e.cloneElement(a,{mode:l})))},i=d;export{d as T,i as a};
 //# sourceMappingURL=TableBody.js.map

package/TableCell.js

@@ -1,2 +1,2 @@
-import _ from"react";import n from"classnames";import t from"./components/Table/styles.module.scss";import{M as a}from"./Table.js";var p=(e=>(e.left="left",e.center="center",e.right="right",e))(p||{});const f=({nowrap:e=!1,textAlign:l="left",dataLabel:r,children:c,className:o,testId:s,mode:m=a.normal})=>{const b=n(t.table__cell,{[t["table__cell--compact"]]:m===a.compact},{[t["table__cell--nowrap"]]:e},{[t["table__cell--center"]]:l==="center"},{[t["table__cell--right"]]:l==="right"},o);return _.createElement("td",{className:b,"data-label":r,"data-testid":s},c)},u=f;export{f as T,p as a,u as b};
+import b from"react";import f from"classnames";import t from"./components/Table/styles.module.scss";import{M as a}from"./Table.js";var n=(e=>(e.left="left",e.center="center",e.right="right",e))(n||{});const p=({nowrap:e=!1,textAlign:l="left",dataLabel:r,children:c,className:o,testId:s,mode:m=a.normal})=>{const _=f(t.table__cell,{[t["table__cell--compact"]]:m===a.compact},{[t["table__cell--nowrap"]]:e},{[t["table__cell--center"]]:l==="center"},{[t["table__cell--right"]]:l==="right"},o);return b.createElement("td",{className:_,"data-label":r,"data-testid":s},c)},u=p;export{p as T,n as a,u as b};
 //# sourceMappingURL=TableCell.js.map

package/TableExpandedRow.js

@@ -1,2 +1,2 @@
-import e from"react";import o from"classnames";import{B as x}from"./Button.js";import{Icon as f}from"./components/Icons/Icon.js";import w from"./components/Icons/ChevronUp.js";import a from"./components/Table/styles.module.scss";import{M as n}from"./Table.js";const C=({numberOfColumns:m,expanded:t,hideDetailsText:c,toggleClick:s,children:p,className:l,mode:d=n.normal,id:i})=>{const b=o(a["table__expanded-row"],{[a["table__expanded-row--expanded"]]:t},l),_=o(a.table__cell,l,{[a["table__cell--compact"]]:d===n.compact}),E=o(a["table__expanded-row-container"],{[a["table__expanded-row-container--expanded"]]:t});return e.createElement("tr",{className:b,id:i},e.createElement("td",{colSpan:m,className:_},e.createElement("div",{className:E},e.Children.map(p,r=>e.isValidElement(r)&&e.cloneElement(r)),e.createElement(x,{variant:"borderless",onClick:s,"aria-expanded":t,tabIndex:t?0:-1},c,e.createElement(f,{svgIcon:w})))))},B=C;export{C as T,B as a};
+import e from"react";import o from"classnames";import{B as f}from"./Button.js";import{Icon as x}from"./components/Icons/Icon.js";import w from"./components/Icons/ChevronUp.js";import a from"./components/Table/styles.module.scss";import{M as n}from"./Table.js";const C=({numberOfColumns:m,expanded:t,hideDetailsText:c,toggleClick:s,children:p,className:l,mode:d=n.normal,id:i})=>{const _=o(a["table__expanded-row"],{[a["table__expanded-row--expanded"]]:t},l),b=o(a.table__cell,l,{[a["table__cell--compact"]]:d===n.compact}),E=o(a["table__expanded-row-container"],{[a["table__expanded-row-container--expanded"]]:t});return e.createElement("tr",{className:_,id:i},e.createElement("td",{colSpan:m,className:b},e.createElement("div",{className:E},e.Children.map(p,r=>e.isValidElement(r)&&e.cloneElement(r)),e.createElement(f,{variant:"borderless",onClick:s,"aria-expanded":t,tabIndex:t?0:-1},c,e.createElement(x,{svgIcon:w})))))},B=C;export{C as T,B as a};
 //# sourceMappingURL=TableExpandedRow.js.map

package/TableExpanderCell.js

@@ -1,2 +1,2 @@
-import a from"react";import i from"classnames";import{B as b}from"./Button.js";import{Icon as f}from"./components/Icons/Icon.js";import C from"./components/Icons/ChevronDown.js";import _ from"./components/Icons/ChevronUp.js";import o from"./components/Table/styles.module.scss";import{M as r}from"./Table.js";const E=({expandableRowId:t,hideDetailsText:l,showDetailsText:m,expanded:e,className:c,mode:n=r.normal})=>{const s=i(o.table__cell,o["table__cell-expander"],c,{[o["table__cell--compact"]]:n===r.compact}),p=e?_:C;return a.createElement("td",{className:s},a.createElement(b,{variant:"borderless","aria-expanded":e,"aria-controls":t,ariaLabel:e?l:m},a.createElement(f,{svgIcon:p})))},I=E;export{E as T,I as a};
+import a from"react";import i from"classnames";import{B as b}from"./Button.js";import{Icon as f}from"./components/Icons/Icon.js";import _ from"./components/Icons/ChevronDown.js";import C from"./components/Icons/ChevronUp.js";import o from"./components/Table/styles.module.scss";import{M as r}from"./Table.js";const d=({expandableRowId:t,hideDetailsText:l,showDetailsText:m,expanded:e,className:c,mode:n=r.normal})=>{const s=i(o.table__cell,o["table__cell-expander"],c,{[o["table__cell--compact"]]:n===r.compact}),p=e?C:_;return a.createElement("td",{className:s},a.createElement(b,{variant:"borderless","aria-expanded":e,"aria-controls":t,ariaLabel:e?l:m},a.createElement(f,{svgIcon:p})))},I=d;export{d as T,I as a};
 //# sourceMappingURL=TableExpanderCell.js.map

package/TableHeadCell.js

@@ -1,2 +1,2 @@
-import t from"react";import r from"classnames";import{Icon as _}from"./components/Icons/Icon.js";import{IconSize as f}from"./constants.js";import u from"./components/Icons/ArrowDown.js";import h from"./components/Icons/ArrowUp.js";import c from"./components/Table/styles.module.scss";import{M as m}from"./Table.js";var E=(e=>(e.asc="asc",e.desc="desc",e))(E||{});const w=({sortable:e,onClick:n,className:o,children:l,sortDir:a,mode:d=m.normal})=>{const s=r(c["table__head-cell"],o,{[c["table__head-cell--compact"]]:d===m.compact});if(!e&&!l)return t.createElement("td",{className:s});if(!e)return t.createElement("th",{scope:"col",className:s},l);const p=r(s,c["table__head-cell--sortable"],{[c["table__head-cell--sorted"]]:a},o),b=()=>a&&t.createElement("div",{className:c["table__head-cell-sort-icon-wrapper"]},t.createElement(_,{svgIcon:a=="asc"?u:h,size:f.XXSmall})),i=()=>{switch(a){case"asc":return"ascending";case"desc":return"descending"}};return t.createElement("th",{scope:"col",className:p,"aria-sort":i()},t.createElement("button",{type:"button",onClick:n,className:c["table__sort-button"],"aria-pressed":a?!!a:void 0},b(),l))},H=w;export{E as S,w as T,H as a};
+import a from"react";import r from"classnames";import{Icon as f}from"./components/Icons/Icon.js";import{IconSize as _}from"./constants.js";import u from"./components/Icons/ArrowDown.js";import E from"./components/Icons/ArrowUp.js";import c from"./components/Table/styles.module.scss";import{M as m}from"./Table.js";var h=(e=>(e.asc="asc",e.desc="desc",e))(h||{});const w=({sortable:e,onClick:n,className:l,children:s,sortDir:t,mode:p=m.normal})=>{const o=r(c["table__head-cell"],l,{[c["table__head-cell--compact"]]:p===m.compact});if(!e&&!s)return a.createElement("td",{className:o});if(!e)return a.createElement("th",{scope:"col",className:o},s);const d=r(o,c["table__head-cell--sortable"],l),i=()=>t&&a.createElement("div",{className:c["table__head-cell-sort-icon-wrapper"]},a.createElement(f,{svgIcon:t=="asc"?u:E,size:_.XXSmall})),b=()=>{switch(t){case"asc":return"ascending";case"desc":return"descending"}};return a.createElement("th",{scope:"col",className:d,"aria-sort":b()},a.createElement("button",{type:"button",onClick:n,className:c["table__sort-button"],"aria-pressed":t?!!t:void 0},i(),s))},H=w;export{h as S,w as T,H as a};
 //# sourceMappingURL=TableHeadCell.js.map

package/TableHeadCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeadCell.js","sources":["../src/components/Table/TableHeadCell/TableHeadCell.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport Icon, { IconSize } from '../../Icons';\nimport ArrowDown from '../../Icons/ArrowDown';\nimport ArrowUp from '../../Icons/ArrowUp';\nimport tableStyles from '../styles.module.scss';\nimport { ModeType } from '../Table';\n\nexport enum SortDirection {\n  asc = 'asc',\n  desc = 'desc',\n}\n\nexport interface Props {\n  /** Sets if column for head cell should be sortable*/\n  sortable?: boolean;\n  /** Sort direction  */\n  sortDir?: SortDirection;\n  /** Function that is called when clicked */\n  onClick?: () => void;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the content of the td element.  */\n  children?: React.ReactNode;\n  /** For display with less space. Discouraged to use together with interactive elements. */\n  mode?: ModeType;\n}\n\nexport const TableHeadCell = ({ sortable, onClick, className, children, sortDir, mode = ModeType.normal }: Props): React.JSX.Element => {\n  const tableHeadCellDefaultClass = classNames(tableStyles['table__head-cell'], className, {\n    [tableStyles['table__head-cell--compact']]: mode === ModeType.compact,\n  });\n\n  if (!sortable && !children) {\n    return <td className={tableHeadCellDefaultClass}></td>;\n  }\n\n  if (!sortable) {\n    return (\n      <th scope=\"col\" className={tableHeadCellDefaultClass}>\n        {children}\n      </th>\n    );\n  }\n\n  const sortableClasses = classNames(\n    tableHeadCellDefaultClass,\n    tableStyles['table__head-cell--sortable'],\n    { [tableStyles['table__head-cell--sorted']]: sortDir },\n    className\n  );\n\n  const renderSortIcon = (): React.JSX.Element | undefined =>\n    sortDir && (\n      <div className={tableStyles['table__head-cell-sort-icon-wrapper']}>\n        <Icon svgIcon={sortDir == SortDirection.asc ? ArrowDown : ArrowUp} size={IconSize.XXSmall} />\n      </div>\n    );\n\n  const getSortDirection = (): React.AriaAttributes['aria-sort'] => {\n    switch (sortDir) {\n      case SortDirection.asc:\n        return 'ascending';\n      case SortDirection.desc:\n        return 'descending';\n    }\n  };\n\n  return (\n    <th scope=\"col\" className={sortableClasses} aria-sort={getSortDirection()}>\n      <button type=\"button\" onClick={onClick} className={tableStyles['table__sort-button']} aria-pressed={sortDir ? !!sortDir : undefined}>\n        {renderSortIcon()}\n        {children}\n      </button>\n    </th>\n  );\n};\n\nexport default TableHeadCell;\n"],"names":["SortDirection","TableHeadCell","sortable","onClick","className","children","sortDir","mode","ModeType","tableHeadCellDefaultClass","classNames","tableStyles","React","sortableClasses","renderSortIcon","Icon","ArrowDown","ArrowUp","IconSize","getSortDirection","TableHeadCell$1"],"mappings":"2TAUY,IAAAA,GAAAA,IACVA,EAAA,IAAM,MACNA,EAAA,KAAO,OAFGA,IAAAA,GAAA,CAAA,CAAA,EAoBC,MAAAC,EAAgB,CAAC,CAAE,SAAAC,EAAU,QAAAC,EAAS,UAAAC,EAAW,SAAAC,EAAU,QAAAC,EAAS,KAAAC,EAAOC,EAAS,UAAuC,CACtI,MAAMC,EAA4BC,EAAWC,EAAY,kBAAkB,EAAGP,EAAW,CACvF,CAACO,EAAY,2BAA2B,CAAC,EAAGJ,IAASC,EAAS,OAAA,CAC/D,EAEG,GAAA,CAACN,GAAY,CAACG,EACT,OAAAO,EAAA,cAAC,KAAG,CAAA,UAAWH,CAA2B,CAAA,EAGnD,GAAI,CAACP,EACH,uBACG,KAAG,CAAA,MAAM,MAAM,UAAWO,GACxBJ,CACH,EAIJ,MAAMQ,EAAkBH,EACtBD,EACAE,EAAY,4BAA4B,EACxC,CAAE,CAACA,EAAY,0BAA0B,CAAC,EAAGL,CAAQ,EACrDF,CAAA,EAGIU,EAAiB,IACrBR,mBACG,MAAI,CAAA,UAAWK,EAAY,oCAAoC,CAAA,kBAC7DI,EAAK,CAAA,QAAST,GAAW,MAAoBU,EAAYC,EAAS,KAAMC,EAAS,QAAS,CAC7F,EAGEC,EAAmB,IAAyC,CAChE,OAAQb,EAAS,CACf,IAAK,MACI,MAAA,YACT,IAAK,OACI,MAAA,YACX,CAAA,EAIA,OAAAM,EAAA,cAAC,KAAG,CAAA,MAAM,MAAM,UAAWC,EAAiB,YAAWM,EAAiB,CAAA,EACrEP,EAAA,cAAA,SAAA,CAAO,KAAK,SAAS,QAAAT,EAAkB,UAAWQ,EAAY,oBAAoB,EAAG,eAAcL,EAAU,CAAC,CAACA,EAAU,MACvH,EAAAQ,EAAA,EACAT,CACH,CACF,CAEJ,EAEAe,EAAenB"}
+{"version":3,"file":"TableHeadCell.js","sources":["../src/components/Table/TableHeadCell/TableHeadCell.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport Icon, { IconSize } from '../../Icons';\nimport ArrowDown from '../../Icons/ArrowDown';\nimport ArrowUp from '../../Icons/ArrowUp';\nimport tableStyles from '../styles.module.scss';\nimport { ModeType } from '../Table';\n\nexport enum SortDirection {\n  asc = 'asc',\n  desc = 'desc',\n}\n\nexport interface Props {\n  /** Sets if column for head cell should be sortable*/\n  sortable?: boolean;\n  /** Sort direction  */\n  sortDir?: SortDirection;\n  /** Function that is called when clicked */\n  onClick?: () => void;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the content of the td element.  */\n  children?: React.ReactNode;\n  /** For display with less space. Discouraged to use together with interactive elements. */\n  mode?: ModeType;\n}\n\nexport const TableHeadCell = ({ sortable, onClick, className, children, sortDir, mode = ModeType.normal }: Props): React.JSX.Element => {\n  const tableHeadCellDefaultClass = classNames(tableStyles['table__head-cell'], className, {\n    [tableStyles['table__head-cell--compact']]: mode === ModeType.compact,\n  });\n\n  if (!sortable && !children) {\n    return <td className={tableHeadCellDefaultClass}></td>;\n  }\n\n  if (!sortable) {\n    return (\n      <th scope=\"col\" className={tableHeadCellDefaultClass}>\n        {children}\n      </th>\n    );\n  }\n\n  const sortableClasses = classNames(tableHeadCellDefaultClass, tableStyles['table__head-cell--sortable'], className);\n\n  const renderSortIcon = (): React.JSX.Element | undefined =>\n    sortDir && (\n      <div className={tableStyles['table__head-cell-sort-icon-wrapper']}>\n        <Icon svgIcon={sortDir == SortDirection.asc ? ArrowDown : ArrowUp} size={IconSize.XXSmall} />\n      </div>\n    );\n\n  const getSortDirection = (): React.AriaAttributes['aria-sort'] => {\n    switch (sortDir) {\n      case SortDirection.asc:\n        return 'ascending';\n      case SortDirection.desc:\n        return 'descending';\n    }\n  };\n\n  return (\n    <th scope=\"col\" className={sortableClasses} aria-sort={getSortDirection()}>\n      <button type=\"button\" onClick={onClick} className={tableStyles['table__sort-button']} aria-pressed={sortDir ? !!sortDir : undefined}>\n        {renderSortIcon()}\n        {children}\n      </button>\n    </th>\n  );\n};\n\nexport default TableHeadCell;\n"],"names":["SortDirection","TableHeadCell","sortable","onClick","className","children","sortDir","mode","ModeType","tableHeadCellDefaultClass","classNames","tableStyles","React","sortableClasses","renderSortIcon","Icon","ArrowDown","ArrowUp","IconSize","getSortDirection","TableHeadCell$1"],"mappings":"2TAUY,IAAAA,GAAAA,IACVA,EAAA,IAAM,MACNA,EAAA,KAAO,OAFGA,IAAAA,GAAA,CAAA,CAAA,EAoBC,MAAAC,EAAgB,CAAC,CAAE,SAAAC,EAAU,QAAAC,EAAS,UAAAC,EAAW,SAAAC,EAAU,QAAAC,EAAS,KAAAC,EAAOC,EAAS,UAAuC,CACtI,MAAMC,EAA4BC,EAAWC,EAAY,kBAAkB,EAAGP,EAAW,CACvF,CAACO,EAAY,2BAA2B,CAAC,EAAGJ,IAASC,EAAS,OAAA,CAC/D,EAEG,GAAA,CAACN,GAAY,CAACG,EACT,OAAAO,EAAA,cAAC,KAAG,CAAA,UAAWH,CAA2B,CAAA,EAGnD,GAAI,CAACP,EACH,uBACG,KAAG,CAAA,MAAM,MAAM,UAAWO,GACxBJ,CACH,EAIJ,MAAMQ,EAAkBH,EAAWD,EAA2BE,EAAY,4BAA4B,EAAGP,CAAS,EAE5GU,EAAiB,IACrBR,mBACG,MAAI,CAAA,UAAWK,EAAY,oCAAoC,CAAA,kBAC7DI,EAAK,CAAA,QAAST,GAAW,MAAoBU,EAAYC,EAAS,KAAMC,EAAS,QAAS,CAC7F,EAGEC,EAAmB,IAAyC,CAChE,OAAQb,EAAS,CACf,IAAK,MACI,MAAA,YACT,IAAK,OACI,MAAA,YACX,CAAA,EAIA,OAAAM,EAAA,cAAC,KAAG,CAAA,MAAM,MAAM,UAAWC,EAAiB,YAAWM,EAAiB,CAAA,EACrEP,EAAA,cAAA,SAAA,CAAO,KAAK,SAAS,QAAAT,EAAkB,UAAWQ,EAAY,oBAAoB,EAAG,eAAcL,EAAU,CAAC,CAACA,EAAU,MACvH,EAAAQ,EAAA,EACAT,CACH,CACF,CAEJ,EAEAe,EAAenB"}

package/TableRow.js

@@ -1,2 +1,2 @@
-import e from"react";import p from"classnames";import l from"./components/Table/styles.module.scss";import{M as s}from"./Table.js";import{B as f}from"./Button.js";import{Icon as w}from"./components/Icons/Icon.js";import C from"./components/Icons/ChevronDown.js";import T from"./components/Icons/ChevronUp.js";const d=({expanded:t,onClick:m,hideDetailsText:n,showDetailsText:a,mode:o=s.normal})=>{const r=p(l.table__cell,l["table__expander-cell-mobile"],{[l["table__expander-cell-mobile--expanded"]]:t,[l["table__cell--compact"]]:o===s.compact});return e.createElement("td",{className:r},e.createElement(f,{"aria-expanded":t,variant:"borderless",onClick:m},e.createElement(w,{svgIcon:t?T:C})," ",t?n:a))},v=d,x=({rowKey:t,hideDetailsText:m,showDetailsText:n,expandable:a,expanded:o,onClick:r,className:i,children:_,mode:c=s.normal})=>{const E=p(l["table-row"],{[l["table__row--expandable"]]:a,[l["table__row--expanded"]]:o},i);return e.createElement("tr",{className:E,onClick:r,key:t},e.Children.map(_,b=>e.isValidElement(b)&&e.cloneElement(b,{mode:c})),a&&e.createElement(v,{expanded:o,onClick:r,hideDetailsText:m,showDetailsText:n,mode:c}))},$=x;export{x as T,$ as a};
+import e from"react";import p from"classnames";import l from"./components/Table/styles.module.scss";import{M as s}from"./Table.js";import{B as E}from"./Button.js";import{Icon as w}from"./components/Icons/Icon.js";import d from"./components/Icons/ChevronDown.js";import C from"./components/Icons/ChevronUp.js";const T=({expanded:t,onClick:m,hideDetailsText:n,showDetailsText:a,mode:o=s.normal})=>{const r=p(l.table__cell,l["table__expander-cell-mobile"],{[l["table__expander-cell-mobile--expanded"]]:t,[l["table__cell--compact"]]:o===s.compact});return e.createElement("td",{className:r},e.createElement(E,{"aria-expanded":t,variant:"borderless",onClick:m},e.createElement(w,{svgIcon:t?C:d})," ",t?n:a))},u=T,v=({rowKey:t,hideDetailsText:m,showDetailsText:n,expandable:a,expanded:o,onClick:r,className:i,children:_,mode:c=s.normal})=>{const f=p(l["table-row"],{[l["table__row--expandable"]]:a,[l["table__row--expanded"]]:o},i);return e.createElement("tr",{className:f,onClick:r,key:t},e.Children.map(_,b=>e.isValidElement(b)&&e.cloneElement(b,{mode:c})),a&&e.createElement(u,{expanded:o,onClick:r,hideDetailsText:m,showDetailsText:n,mode:c}))},$=v;export{v as T,$ as a};
 //# sourceMappingURL=TableRow.js.map

package/Textarea.js

@@ -1,2 +1,2 @@
-import o,{useState as A,useRef as Y,useEffect as M}from"react";import h from"classnames";import{FormMode as m,AnalyticsId as Z,AVERAGE_CHARACTER_WIDTH_PX as ee}from"./constants.js";import{u as te}from"./uuid.js";import{E as ae}from"./ErrorWrapper.js";import{a as re}from"./Label.js";import{M as ne}from"./MaxCharacters.js";import t from"./components/Textarea/styles.module.scss";const oe=r=>{const u="2rem",n="16px",p="4px";return`calc(${r*ee}px + ${u} + ${n} + ${p})`},N=o.forwardRef((r,u)=>{const{maxCharacters:n,maxText:p,width:f,testId:$,defaultValue:i="",marginBottom:B,transparent:k,mode:s=m.onwhite,label:L,textareaId:b=te(),minRows:g=3,maxRows:c=10,grow:w,errorText:C,autoFocus:S,disabled:E,name:D,autoComplete:T,placeholder:F,readOnly:V,required:q,onChange:y,...z}=r,[G,R]=A(g),[v,W]=A(i),l=Y(null);M(()=>{W(i)},[i]);const H=e=>{const d=e.rows;e.rows=g;const a=Math.floor((e.scrollHeight-16)/28);a===d&&(e.rows=a),a>=c&&(e.rows=c,e.scrollTop=e.scrollHeight),a<c?R(a):R(c)},O=s===m.ondark,P=s===m.onblueberry,X=!!n&&v.toString().length>n,_=s===m.oninvalid||!!C||X,j=h(t.textarea,{[t["textarea--gutterBottom"]]:B}),J=h(t["input-container"],{[t["input-container--transparent"]]:k,[t["input-container--on-blueberry"]]:P,[t["input-container--on-dark"]]:O,[t["input-container--invalid"]]:_,[t["input-container--disabled"]]:r.disabled}),K=h(t["input-container__input"],{[t["input-container__input--disabled"]]:r.disabled});M(()=>{var e,x,d;if(w&&((e=l.current)!=null&&e.children)&&((x=l.current)!=null&&x.children[0])){const a=(d=l.current)==null?void 0:d.children[0];H(a)}},[]);const Q=e=>{w&&H(e.target),W(e.target.value)},U=e=>{y&&y(e),Q(e)},I=f?oe(f):void 0;return o.createElement(ae,{errorText:C},o.createElement("div",{"data-testid":$,"data-analyticsid":Z.Textarea,className:j},re(L,b,s,E),o.createElement("div",{className:J,ref:l,style:{maxWidth:I}},o.createElement("textarea",{rows:G,defaultValue:i,id:b,className:K,ref:u,"aria-describedby":r["aria-describedby"]??void 0,"aria-invalid":!!_,autoFocus:S,disabled:E,name:D,autoComplete:T||void 0,placeholder:F,readOnly:V,required:q,onChange:U,...z})),n&&o.createElement(ne,{maxCharacters:n,length:v.toString().length,maxText:p,mode:s,maxWidth:I})))});N.displayName="Textarea";const xe=N;export{xe as T};
+import o,{useState as A,useRef as Y,useEffect as M}from"react";import h from"classnames";import{FormMode as m,AnalyticsId as Z,AVERAGE_CHARACTER_WIDTH_PX as ee}from"./constants.js";import{u as te}from"./uuid.js";import{E as ae}from"./ErrorWrapper.js";import{a as re}from"./Label.js";import{M as ne}from"./MaxCharacters.js";import t from"./components/Textarea/styles.module.scss";const oe=r=>{const u="2rem",n="16px",p="4px";return`calc(${r*ee}px + ${u} + ${n} + ${p})`},N=o.forwardRef((r,u)=>{const{maxCharacters:n,maxText:p,width:f,testId:$,defaultValue:i="",marginBottom:B,transparent:k,mode:s=m.onwhite,label:L,textareaId:b=te(),minRows:g=3,maxRows:c=10,grow:w,errorText:C,autoFocus:S,disabled:E,name:D,autoComplete:T,placeholder:F,readOnly:V,required:q,onChange:y,...z}=r,[G,R]=A(g),[v,W]=A(i),l=Y(null);M(()=>{W(i)},[i]);const _=e=>{const d=e.rows;e.rows=g;const a=Math.floor((e.scrollHeight-16)/28);a===d&&(e.rows=a),a>=c&&(e.rows=c,e.scrollTop=e.scrollHeight),a<c?R(a):R(c)},O=s===m.ondark,P=s===m.onblueberry,X=!!n&&v.toString().length>n,H=s===m.oninvalid||!!C||X,j=h(t.textarea,{[t["textarea--gutterBottom"]]:B}),J=h(t["input-container"],{[t["input-container--transparent"]]:k,[t["input-container--on-blueberry"]]:P,[t["input-container--on-dark"]]:O,[t["input-container--invalid"]]:H,[t["input-container--disabled"]]:r.disabled}),K=h(t["input-container__input"],{[t["input-container__input--disabled"]]:r.disabled});M(()=>{var e,x,d;if(w&&((e=l.current)!=null&&e.children)&&((x=l.current)!=null&&x.children[0])){const a=(d=l.current)==null?void 0:d.children[0];_(a)}},[]);const Q=e=>{w&&_(e.target),W(e.target.value)},U=e=>{y&&y(e),Q(e)},I=f?oe(f):void 0;return o.createElement(ae,{errorText:C},o.createElement("div",{"data-testid":$,"data-analyticsid":Z.Textarea,className:j},re(L,b,s,E),o.createElement("div",{className:J,ref:l,style:{maxWidth:I}},o.createElement("textarea",{rows:G,defaultValue:i,id:b,className:K,ref:u,"aria-describedby":r["aria-describedby"]??void 0,"aria-invalid":!!H,autoFocus:S,disabled:E,name:D,autoComplete:T||void 0,placeholder:F,readOnly:V,required:q,onChange:U,...z})),n&&o.createElement(ne,{maxCharacters:n,length:v.toString().length,maxText:p,mode:s,maxWidth:I})))});N.displayName="Textarea";const xe=N;export{xe as T};
 //# sourceMappingURL=Textarea.js.map

package/Title.js

@@ -1,2 +1,2 @@
-import l from"react";import g from"classnames";import{AnalyticsId as y}from"./constants.js";import t from"./components/Title/styles.module.scss";const u=l.forwardRef(function(r,o){const{id:n,children:m,className:s,htmlMarkup:c="h1",appearance:e="title1",margin:i=0,testId:p}=r,d=g(t.title,{[t["title--feature"]]:e==="titleFeature",[t["title--title1"]]:e==="title1",[t["title--title2"]]:e==="title2",[t["title--title3"]]:e==="title3",[t["title--title4"]]:e==="title4",[t["title--title5"]]:e==="title5"},s),T=c,f=h(i)?{marginTop:`${i.marginTop}rem`,marginBottom:`${i.marginBottom}rem`}:{marginTop:`${i}rem`,marginBottom:`${i}rem`};return l.createElement(T,{id:n,className:d,style:f,ref:o,"data-testid":p,"data-analyticsid":y.Title},m)}),h=a=>Object.prototype.hasOwnProperty.call(a,"marginTop")&&Object.prototype.hasOwnProperty.call(a,"marginBottom"),N=u;export{N as T,u as a,h as i};
+import l from"react";import g from"classnames";import{AnalyticsId as y}from"./constants.js";import t from"./components/Title/styles.module.scss";const u=l.forwardRef(function(r,o){const{id:n,children:m,className:s,htmlMarkup:c="h1",appearance:e="title1",margin:i=0,testId:p}=r,d=g(t.title,{[t["title--feature"]]:e==="titleFeature",[t["title--title1"]]:e==="title1",[t["title--title2"]]:e==="title2",[t["title--title3"]]:e==="title3",[t["title--title4"]]:e==="title4",[t["title--title5"]]:e==="title5"},s),f=c,T=h(i)?{marginTop:`${i.marginTop}rem`,marginBottom:`${i.marginBottom}rem`}:{marginTop:`${i}rem`,marginBottom:`${i}rem`};return l.createElement(f,{id:n,className:d,style:T,ref:o,"data-testid":p,"data-analyticsid":y.Title},m)}),h=a=>Object.prototype.hasOwnProperty.call(a,"marginTop")&&Object.prototype.hasOwnProperty.call(a,"marginBottom"),N=u;export{N as T,u as a,h as i};
 //# sourceMappingURL=Title.js.map

package/Tooltip.js

@@ -1,2 +1,2 @@
-import t,{useRef as b,useContext as y,useEffect as u,useState as C}from"react";import{T as D}from"./TooltipWord.js";import{useDelayedState as v}from"./hooks/useDelayedState.js";import{useUuid as B}from"./hooks/useUuid.js";import{H as R}from"./HelpBubble.js";const x=200,F=({children:s,description:r,testId:i})=>{const n=B(),a=b(null),{currentTooltip:p,setCurrentTooltip:c}=y(d),[{showTooltip:l,keepOpen:m},h,o]=v({showTooltip:!1,keepOpen:!1},x);u(()=>{c&&c(l?n:void 0)},[l]),u(()=>{p!==n&&typeof p<"u"&&o(e=>({showTooltip:!1,keepOpen:e.keepOpen}))},[p]);const f=()=>{l||o({showTooltip:!1,keepOpen:!1})};u(()=>(document.addEventListener("mouseup",f),()=>{document.removeEventListener("mouseup",f)}),[]);const k=()=>{o(e=>({showTooltip:!e.showTooltip,keepOpen:!e.keepOpen}))},w=()=>{p||h(e=>({showTooltip:!0,keepOpen:e.keepOpen}))},O=()=>{o(e=>({showTooltip:!1,keepOpen:e.keepOpen}))},E=e=>{e.key==="Enter"&&o(T=>({showTooltip:!T.showTooltip,keepOpen:!T.keepOpen})),e.key==="Escape"&&o({showTooltip:!1,keepOpen:!1})};return t.createElement(t.Fragment,null,t.createElement(D,{ref:a,onClick:k,onFocus:w,onBlur:O,onKeyDown:E,ariaDescribedById:n,testId:i},s),t.createElement(R,{helpBubbleId:n,controllerRef:a,role:"tooltip",showBubble:l||m},r))},d=t.createContext({currentTooltip:void 0}),P=({children:s})=>{const[r,i]=C();return t.createElement(d.Provider,{value:{currentTooltip:r,setCurrentTooltip:i}},s)},_=F;export{_ as T,F as a,P as b};
+import t,{useRef as b,useContext as y,useEffect as u,useState as C}from"react";import{T as D}from"./TooltipWord.js";import{useDelayedState as v}from"./hooks/useDelayedState.js";import{useUuid as B}from"./hooks/useUuid.js";import{H as R}from"./HelpBubble.js";const x=200,_=({children:s,description:r,testId:i})=>{const n=B(),a=b(null),{currentTooltip:p,setCurrentTooltip:c}=y(d),[{showTooltip:l,keepOpen:m},h,o]=v({showTooltip:!1,keepOpen:!1},x);u(()=>{c&&c(l?n:void 0)},[l]),u(()=>{p!==n&&typeof p<"u"&&o(e=>({showTooltip:!1,keepOpen:e.keepOpen}))},[p]);const f=()=>{l||o({showTooltip:!1,keepOpen:!1})};u(()=>(document.addEventListener("mouseup",f),()=>{document.removeEventListener("mouseup",f)}),[]);const k=()=>{o(e=>({showTooltip:!e.showTooltip,keepOpen:!e.keepOpen}))},w=()=>{p||h(e=>({showTooltip:!0,keepOpen:e.keepOpen}))},O=()=>{o(e=>({showTooltip:!1,keepOpen:e.keepOpen}))},E=e=>{e.key==="Enter"&&o(T=>({showTooltip:!T.showTooltip,keepOpen:!T.keepOpen})),e.key==="Escape"&&o({showTooltip:!1,keepOpen:!1})};return t.createElement(t.Fragment,null,t.createElement(D,{ref:a,onClick:k,onFocus:w,onBlur:O,onKeyDown:E,ariaDescribedById:n,testId:i},s),t.createElement(R,{helpBubbleId:n,controllerRef:a,role:"tooltip",showBubble:l||m},r))},d=t.createContext({currentTooltip:void 0}),K=({children:s})=>{const[r,i]=C();return t.createElement(d.Provider,{value:{currentTooltip:r,setCurrentTooltip:i}},s)},P=_;export{P as T,_ as a,K as b};
 //# sourceMappingURL=Tooltip.js.map

package/TooltipWord.js

@@ -1,2 +1,2 @@
-import a from"react";import{AnalyticsId as p}from"./constants.js";import c from"./components/Tooltip/TooltipWord/styles.module.scss";const e=a.forwardRef(({children:r,onClick:i,onFocus:o,onBlur:t,onKeyDown:d,testId:s,ariaDescribedById:l},m)=>a.createElement("button",{className:c.word,ref:m,onClick:i,onMouseEnter:o,onMouseLeave:t,onFocus:o,onBlur:t,onKeyDown:d,"aria-describedby":l,"data-testid":s,"data-analyticsid":p.Tooltip},r));e.displayName="TooltipWord";const T=e;export{T};
+import a from"react";import{AnalyticsId as p}from"./constants.js";import c from"./components/Tooltip/TooltipWord/styles.module.scss";const e=a.forwardRef(({children:r,onClick:d,onFocus:o,onBlur:t,onKeyDown:i,testId:s,ariaDescribedById:l},m)=>a.createElement("button",{className:c.word,ref:m,onClick:d,onMouseEnter:o,onMouseLeave:t,onFocus:o,onBlur:t,onKeyDown:i,"aria-describedby":l,"data-testid":s,"data-analyticsid":p.Tooltip},r));e.displayName="TooltipWord";const T=e;export{T};
 //# sourceMappingURL=TooltipWord.js.map

package/Trigger.js

@@ -1,2 +1,2 @@
-import e from"react";import I from"classnames";import{getIcon as M,Icon as T}from"./components/Icons/Icon.js";import{IconSize as d,AnalyticsId as f}from"./constants.js";import{useHover as Z}from"./hooks/useHover.js";import{getColor as h}from"./theme/currys/color.js";import{getAriaLabelAttributes as $}from"./utils/accessibility.js";import{mergeRefs as A}from"./utils/refs.js";import l from"./components/Trigger/styles.module.scss";const C=({size:t,isHovered:o})=>M({size:t,isHovered:o,normal:e.createElement("path",{d:"M18.854 19.678c0-2.268 1.701-4.74 5.126-4.74 3.358 0 5.172 2.222 5.172 4.536 0 1.793-.952 3.064-2.268 3.992l-.976.682c-.749.521-1.134 1.27-1.134 2.154 0 .047 0 .16.023.296h-2.269a46.85 46.85 0 0 0-.01-.139 8.554 8.554 0 0 1-.036-.724c0-1.36.522-2.471 1.84-3.424l1.042-.75c.75-.544 1.066-1.201 1.066-1.974 0-1.178-.793-2.29-2.45-2.29-1.679 0-2.563 1.293-2.563 2.585 0 .34.045.772.136 1.022l-2.564-.181a3.903 3.903 0 0 1-.135-1.044Zm3.176 10.186c0-.908.726-1.678 1.656-1.678.908 0 1.656.77 1.656 1.678 0 .907-.748 1.657-1.656 1.657-.93 0-1.656-.75-1.656-1.657Z"}),normalHover:e.createElement("path",{d:"M18.854 18.178c0-2.268 1.701-4.74 5.126-4.74 3.358 0 5.172 2.223 5.172 4.536 0 1.793-.952 3.064-2.268 3.992l-.976.682c-.749.521-1.134 1.27-1.134 2.154 0 .047 0 .16.023.296h-2.269a46.85 46.85 0 0 0-.01-.139 8.554 8.554 0 0 1-.036-.724c0-1.36.522-2.471 1.838-3.424l1.044-.75c.75-.544 1.066-1.201 1.066-1.974 0-1.178-.793-2.29-2.45-2.29-1.679 0-2.563 1.293-2.563 2.585 0 .34.045.772.135 1.022l-2.563-.181a3.903 3.903 0 0 1-.135-1.044Zm3.176 11.686c0-.908.725-1.678 1.655-1.678.908 0 1.657.77 1.657 1.678 0 .907-.749 1.657-1.657 1.657-.93 0-1.655-.75-1.655-1.657Z"}),xSmall:e.createElement("path",{d:"M23.98 14.937c-3.425 0-5.127 2.473-5.127 4.741 0 .363.047.726.137 1.044l2.563.182c-.09-.25-.136-.681-.136-1.022 0-1.292.885-2.586 2.563-2.586 1.658 0 2.45 1.112 2.45 2.291 0 .772-.317 1.43-1.065 1.974l-1.043.749c-1.317.953-1.84 2.065-1.84 3.425 0 .319.024.567.047.862h2.267c-.021-.135-.021-.25-.021-.295 0-.884.385-1.633 1.133-2.154l.976-.681c1.317-.93 2.27-2.2 2.27-3.993 0-2.314-1.816-4.537-5.174-4.537m-.294 13.248c-.93 0-1.656.773-1.656 1.678a1.65 1.65 0 0 0 1.656 1.657c.907 0 1.656-.748 1.656-1.657 0-.905-.749-1.678-1.656-1.678"}),xSmallHover:e.createElement("path",{d:"M18.853 18.289c0-2.268 1.701-4.742 5.127-4.742 3.357 0 5.173 2.223 5.173 4.537 0 1.794-.953 3.065-2.27 3.994l-.976.681c-.747.52-1.133 1.27-1.133 2.154 0 .046 0 .16.022.295h-2.267a39.324 39.324 0 0 0-.01-.125 8.468 8.468 0 0 1-.037-.737c0-1.36.523-2.472 1.839-3.425l1.043-.75c.748-.543 1.065-1.201 1.065-1.973 0-1.18-.792-2.29-2.45-2.29-1.678 0-2.562 1.293-2.562 2.585 0 .341.045.772.135 1.022l-2.563-.183a3.914 3.914 0 0 1-.136-1.043Zm3.176 11.575c0-.907.726-1.679 1.656-1.679.908 0 1.657.772 1.657 1.68 0 .907-.749 1.656-1.657 1.656-.93 0-1.656-.749-1.656-1.657Z"})}),N=C,R={help:N},w={medium:d.XSmall,large:d.Small},z=(t,o,a)=>{if(t==="ondark")return"white";const r=a?800:600;if(o==="help")return h("plum",r);if(o==="info")return h("blueberry",r)},u=e.forwardRef(({ariaLabel:t,ariaLabelledById:o,variant:a="help",mode:r="onlight",size:n="medium",selected:c=!1,isHovered:i,htmlMarkup:b="button",className:S,testId:m,...H},y)=>{const{isHovered:s,hoverRef:E}=Z(),g=I(l.trigger,r==="onlight"&&l[`trigger--${a}`],l[`trigger--${r}`],l[`trigger--${n}`],i&&l["trigger--hovered"],c&&l["trigger--selected"],S),v=z(r,a,i||s||c),p=e.createElement(T,{svgIcon:R[a],size:w[n],color:v,isHovered:i||s});if(b==="span")return e.createElement("span",{"data-testid":m,"data-analyticsid":f.Trigger,className:g},p);const x=$({label:t,id:o});return e.createElement("button",{"aria-label":t,type:"button","data-testid":m,"data-analyticsid":f.Trigger,className:g,ref:A([y,E]),"aria-expanded":c,...x,...H},p)});u.displayName="Trigger";const J=u;export{J as T};
+import e from"react";import I from"classnames";import{getIcon as M,Icon as T}from"./components/Icons/Icon.js";import{IconSize as d,AnalyticsId as f}from"./constants.js";import{useHover as Z}from"./hooks/useHover.js";import{getColor as u}from"./theme/currys/color.js";import{getAriaLabelAttributes as $}from"./utils/accessibility.js";import{mergeRefs as A}from"./utils/refs.js";import l from"./components/Trigger/styles.module.scss";const C=({size:r,isHovered:o})=>M({size:r,isHovered:o,normal:e.createElement("path",{d:"M18.854 19.678c0-2.268 1.701-4.74 5.126-4.74 3.358 0 5.172 2.222 5.172 4.536 0 1.793-.952 3.064-2.268 3.992l-.976.682c-.749.521-1.134 1.27-1.134 2.154 0 .047 0 .16.023.296h-2.269a46.85 46.85 0 0 0-.01-.139 8.554 8.554 0 0 1-.036-.724c0-1.36.522-2.471 1.84-3.424l1.042-.75c.75-.544 1.066-1.201 1.066-1.974 0-1.178-.793-2.29-2.45-2.29-1.679 0-2.563 1.293-2.563 2.585 0 .34.045.772.136 1.022l-2.564-.181a3.903 3.903 0 0 1-.135-1.044Zm3.176 10.186c0-.908.726-1.678 1.656-1.678.908 0 1.656.77 1.656 1.678 0 .907-.748 1.657-1.656 1.657-.93 0-1.656-.75-1.656-1.657Z"}),normalHover:e.createElement("path",{d:"M18.854 18.178c0-2.268 1.701-4.74 5.126-4.74 3.358 0 5.172 2.223 5.172 4.536 0 1.793-.952 3.064-2.268 3.992l-.976.682c-.749.521-1.134 1.27-1.134 2.154 0 .047 0 .16.023.296h-2.269a46.85 46.85 0 0 0-.01-.139 8.554 8.554 0 0 1-.036-.724c0-1.36.522-2.471 1.838-3.424l1.044-.75c.75-.544 1.066-1.201 1.066-1.974 0-1.178-.793-2.29-2.45-2.29-1.679 0-2.563 1.293-2.563 2.585 0 .34.045.772.135 1.022l-2.563-.181a3.903 3.903 0 0 1-.135-1.044Zm3.176 11.686c0-.908.725-1.678 1.655-1.678.908 0 1.657.77 1.657 1.678 0 .907-.749 1.657-1.657 1.657-.93 0-1.655-.75-1.655-1.657Z"}),xSmall:e.createElement("path",{d:"M23.98 14.937c-3.425 0-5.127 2.473-5.127 4.741 0 .363.047.726.137 1.044l2.563.182c-.09-.25-.136-.681-.136-1.022 0-1.292.885-2.586 2.563-2.586 1.658 0 2.45 1.112 2.45 2.291 0 .772-.317 1.43-1.065 1.974l-1.043.749c-1.317.953-1.84 2.065-1.84 3.425 0 .319.024.567.047.862h2.267c-.021-.135-.021-.25-.021-.295 0-.884.385-1.633 1.133-2.154l.976-.681c1.317-.93 2.27-2.2 2.27-3.993 0-2.314-1.816-4.537-5.174-4.537m-.294 13.248c-.93 0-1.656.773-1.656 1.678a1.65 1.65 0 0 0 1.656 1.657c.907 0 1.656-.748 1.656-1.657 0-.905-.749-1.678-1.656-1.678"}),xSmallHover:e.createElement("path",{d:"M18.853 18.289c0-2.268 1.701-4.742 5.127-4.742 3.357 0 5.173 2.223 5.173 4.537 0 1.794-.953 3.065-2.27 3.994l-.976.681c-.747.52-1.133 1.27-1.133 2.154 0 .046 0 .16.022.295h-2.267a39.324 39.324 0 0 0-.01-.125 8.468 8.468 0 0 1-.037-.737c0-1.36.523-2.472 1.839-3.425l1.043-.75c.748-.543 1.065-1.201 1.065-1.973 0-1.18-.792-2.29-2.45-2.29-1.678 0-2.562 1.293-2.562 2.585 0 .341.045.772.135 1.022l-2.563-.183a3.914 3.914 0 0 1-.136-1.043Zm3.176 11.575c0-.907.726-1.679 1.656-1.679.908 0 1.657.772 1.657 1.68 0 .907-.749 1.656-1.657 1.656-.93 0-1.656-.749-1.656-1.657Z"})}),N=C,R={help:N},w={medium:d.XSmall,large:d.Small},z=(r,o,a)=>{if(r==="ondark")return"white";const t=a?800:600;if(o==="help")return u("plum",t);if(o==="info")return u("blueberry",t)},h=e.forwardRef(({ariaLabel:r,ariaLabelledById:o,variant:a="help",mode:t="onlight",size:n="medium",selected:c=!1,isHovered:i,htmlMarkup:b="button",className:S,testId:m,...H},y)=>{const{isHovered:s,hoverRef:E}=Z(),g=I(l.trigger,t==="onlight"&&l[`trigger--${a}`],l[`trigger--${t}`],l[`trigger--${n}`],i&&l["trigger--hovered"],c&&l["trigger--selected"],S),v=z(t,a,i||s||c),p=e.createElement(T,{svgIcon:R[a],size:w[n],color:v,isHovered:i||s});if(b==="span")return e.createElement("span",{"data-testid":m,"data-analyticsid":f.Trigger,className:g},p);const x=$({label:r,id:o});return e.createElement("button",{"aria-label":r,type:"button","data-testid":m,"data-analyticsid":f.Trigger,className:g,ref:A([y,E]),"aria-expanded":c,...x,...H},p)});h.displayName="Trigger";const G=h;export{G as T};
 //# sourceMappingURL=Trigger.js.map

package/Validation.js

@@ -1,2 +1,2 @@
-import a from"react";import s from"classnames";import{AnalyticsId as m}from"./constants.js";import{F as l}from"./FormGroup.js";import o from"./components/Validation/styles.module.scss";const c=a.forwardRef((r,d)=>{const{errorSummary:e,className:i}=r,n=s(o.validation,i);return a.createElement(a.Fragment,null,a.createElement("div",{"data-testid":r.testId,"data-analyticsid":m.Validation,className:n},a.Children.map(r.children,t=>t.type===l?a.cloneElement(t,{className:e?o["form-group-wrapper--error-sibling"]:""}):t)),e&&a.createElement("p",{className:o.validation__errors},e))}),N=c;export{N as V,c as a};
+import a from"react";import s from"classnames";import{AnalyticsId as l}from"./constants.js";import{F as m}from"./FormGroup.js";import o from"./components/Validation/styles.module.scss";const d=a.forwardRef((e,c)=>{const{errorSummary:r,className:i}=e,n=s(o.validation,i);return a.createElement(a.Fragment,null,a.createElement("div",{"data-testid":e.testId,"data-analyticsid":l.Validation,className:n},a.Children.map(e.children,t=>t.type===m?a.cloneElement(t,{className:r?o["form-group-wrapper--error-sibling"]:""}):t)),r&&a.createElement("p",{className:o.validation__errors},r))}),N=d;export{N as V,d as a};
 //# sourceMappingURL=Validation.js.map

package/components/AnchorLink/styles.module.scss

@@ -48,16 +48,6 @@ $focus-width: 0.15rem;
   }
 }
 
-@mixin anchorlink-font {
-  font-size: 1.125rem;
-  line-height: 1.875rem;
-  font-weight: 400;
-
-  @media (min-width: map.get($grid-breakpoints, md)) {
-    font-size: 1.25rem;
-  }
-}
-
 @mixin anchorlink-icon {
   &[target='_blank'] {
     &::after {
@@ -73,7 +63,6 @@ $focus-width: 0.15rem;
 
 .anchorlink {
   @include anchorlink;
-  @include anchorlink-font;
 }
 
 .anchorlink-wrapper {

package/components/ButtonWithModal/index.js

@@ -1,2 +1,2 @@
-import t,{useState as m}from"react";import{B as p}from"../../Button.js";import{M as e}from"../../Modal.js";import"classnames";import"../Icons/Icon.js";import"../../constants.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";import"../../hooks/useBreakpoint.js";import"../../theme/grid.js";import"../../hooks/useHover.js";import"../../hooks/usePseudoClasses.js";import"../../hooks/useIcons.js";import"../../hooks/useSize.js";import"../../utils/debounce.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/palette.js";import"../../theme/spacers.js";import"../Icons/ArrowRight.js";import"../Button/styles.module.scss";import"../../hooks/useFocusTrap.js";import"../../hooks/useFocusableElements.js";import"../../hooks/useElementList.js";import"../../utils/focus.js";import"../../hooks/useIsVisible.js";import"../../hooks/useIntersectionObserver.js";import"../../Close.js";import"../../utils/refs.js";import"../Icons/X.js";import"../Close/styles.module.scss";import"../Icons/AlertSignFill.js";import"../Icons/AlertSignStroke.js";import"../Icons/CheckOutline.js";import"../Portal/index.js";import"react-dom";import"../../Title.js";import"../Title/styles.module.scss";import"../Modal/styles.module.scss";const a=t.forwardRef(function(o,d){const[i,r]=m(!1);return t.createElement("div",{"data-testid":o.testId},t.createElement(p,{onClick:()=>r(!0)},o.buttonText),i&&t.createElement(e,{...o,onClose:()=>r(!1)}))}),Y=a;export{Y as default};
+import t,{useState as m}from"react";import{B as p}from"../../Button.js";import{M as e}from"../../Modal.js";import"classnames";import"../Icons/Icon.js";import"../../constants.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";import"../../hooks/useBreakpoint.js";import"../../theme/grid.js";import"../../hooks/useHover.js";import"../../hooks/usePseudoClasses.js";import"../../hooks/useIcons.js";import"../../hooks/useSize.js";import"../../utils/debounce.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/palette.js";import"../../theme/spacers.js";import"../Icons/ArrowRight.js";import"../Button/styles.module.scss";import"../../hooks/useFocusTrap.js";import"../../hooks/useFocusableElements.js";import"../../hooks/useElementList.js";import"../../utils/focus.js";import"../../hooks/useIsVisible.js";import"../../hooks/useIntersectionObserver.js";import"../../Close.js";import"../../utils/refs.js";import"../Icons/X.js";import"../Close/styles.module.scss";import"../Icons/AlertSignFill.js";import"../Icons/AlertSignStroke.js";import"../Icons/CheckOutline.js";import"../Portal/index.js";import"react-dom";import"../../Title.js";import"../Title/styles.module.scss";import"../Modal/styles.module.scss";const a=t.forwardRef(function(o,l){const[i,r]=m(!1);return t.createElement("div",{"data-testid":o.testId},t.createElement(p,{onClick:()=>r(!0)},o.buttonText),i&&t.createElement(e,{...o,onClose:()=>r(!1)}))}),X=a;export{X as default};
 //# sourceMappingURL=index.js.map

package/components/DictionaryTrigger/index.js

@@ -1,2 +1,2 @@
-import r from"react";import g from"classnames";import{AnalyticsId as m}from"../../constants.js";import d from"./styles.module.scss";const t=r.forwardRef(({children:a,selected:i=!1,className:e,testId:o,...s},n)=>{const c=g(d.dictionarytrigger,e);return r.createElement("button",{type:"button","data-testid":o,"data-analyticsid":m.DictionaryTrigger,className:c,"aria-expanded":i,ref:n,...s},a)});t.displayName="DictionaryTrigger";const u=t;export{u as default};
+import t from"react";import d from"classnames";import{AnalyticsId as g}from"../../constants.js";import m from"./styles.module.scss";const r=t.forwardRef(({children:a,selected:e=!1,className:i,testId:o,...s},n)=>{const c=d(m.dictionarytrigger,i);return t.createElement("button",{type:"button","data-testid":o,"data-analyticsid":g.DictionaryTrigger,className:c,"aria-expanded":e,ref:n,...s},a)});r.displayName="DictionaryTrigger";const u=r;export{u as default};
 //# sourceMappingURL=index.js.map