@helsenorge/designsystem-react 5.7.0 → 5.9.0

package/AnchorLink.js

@@ -1,2 +1,2 @@
-import e from"react";import g from"classnames";import{AnalyticsId as v,IconSize as y}from"./constants.js";import{useHover as E}from"./hooks/useHover.js";import{getColor as m}from"./theme/currys/color.js";import{Icon as N}from"./components/Icons/Icon.js";import C from"./components/Icons/ArrowUpRight.js";import r from"./components/AnchorLink/styles.module.scss";const I=e.forwardRef((i,p)=>{const{id:f,href:h,children:d,className:k,target:o="_self",htmlMarkup:t="a",onClick:u,testId:b}=i,n=o==="_blank",{hoverRef:a,isHovered:A}=E(p),c=g(r.anchorlink,k),l={id:f,"data-testid":b,"data-analyticsid":v.AnchorLink,onClick:u},s=()=>e.createElement(e.Fragment,null,d,n&&e.createElement(N,{className:r.anchorlink__icon,svgIcon:C,color:m("blueberry",600),hoverColor:m("blueberry",700),size:y.XSmall,isHovered:A}));return e.createElement(e.Fragment,null,t==="a"&&e.createElement("a",{href:h,target:o,className:c,rel:n?"noopener noreferrer":void 0,ref:a,...l},s()),t==="button"&&e.createElement("button",{type:"button",className:r["anchorlink-wrapper"],ref:a,...l},e.createElement("span",{className:c},s())))}),H=I;export{H as A};
+import e from"react";import g from"classnames";import{AnalyticsId as v,IconSize as y}from"./constants.js";import{useHover as E}from"./hooks/useHover.js";import{getColor as m}from"./theme/currys/color.js";import{Icon as N}from"./components/Icons/Icon.js";import _ from"./components/Icons/ArrowUpRight.js";import r from"./components/AnchorLink/styles.module.scss";const C=e.forwardRef((i,f)=>{const{id:p,href:h,children:d,className:u,target:o="_self",htmlMarkup:t="a",onClick:k,testId:b}=i,n=o==="_blank",{hoverRef:a,isHovered:A}=E(f),c=g(r.anchorlink,u),l={id:p,"data-testid":b,"data-analyticsid":v.AnchorLink,onClick:k},s=()=>e.createElement(e.Fragment,null,d,n&&e.createElement(N,{className:r.anchorlink__icon,svgIcon:_,color:m("blueberry",600),hoverColor:m("blueberry",700),size:y.XSmall,isHovered:A}));return e.createElement(e.Fragment,null,t==="a"&&e.createElement("a",{href:h,target:o,className:c,rel:n?"noopener noreferrer":void 0,ref:a,...l},s()),t==="button"&&e.createElement("button",{type:"button",className:r["anchorlink-wrapper"],ref:a,...l},e.createElement("span",{className:c},s())))}),H=C;export{H as A};
 //# sourceMappingURL=AnchorLink.js.map

package/Badge.js

@@ -1,2 +1,2 @@
-import r from"react";import n from"classnames";import{AnalyticsId as o}from"./constants.js";import a from"./components/Badge/styles.module.scss";const i=r.forwardRef(function(t,d){const{children:s,className:b="",color:e="black",testId:c}=t,l=n(a.badge,{[a["badge--black"]]:e==="black",[a["badge--white"]]:e==="white",[a["badge--blueberry"]]:e==="blueberry",[a["badge--banana"]]:e==="banana",[a["badge--cherry"]]:e==="cherry",[a["badge--kiwi"]]:e==="kiwi",[a["badge--neutral"]]:e==="neutral",[a["badge--plum"]]:e==="plum"},b);return r.createElement("span",{className:l,ref:d,"data-testid":c,"data-analyticsid":o.Badge},s)}),y=i;export{y as B};
+import r from"react";import n from"classnames";import{AnalyticsId as o}from"./constants.js";import a from"./components/Badge/styles.module.scss";const i=r.forwardRef(function(t,d){const{children:s,className:b="",color:e="black",testId:l}=t,c=n(a.badge,{[a["badge--black"]]:e==="black",[a["badge--white"]]:e==="white",[a["badge--blueberry"]]:e==="blueberry",[a["badge--banana"]]:e==="banana",[a["badge--cherry"]]:e==="cherry",[a["badge--kiwi"]]:e==="kiwi",[a["badge--neutral"]]:e==="neutral",[a["badge--plum"]]:e==="plum"},b);return r.createElement("span",{className:c,ref:d,"data-testid":l,"data-analyticsid":o.Badge},s)}),y=i;export{y as B};
 //# sourceMappingURL=Badge.js.map

package/Button.js

@@ -1,2 +1,2 @@
-import e,{useRef as lt,useEffect as it}from"react";import w from"classnames";import{Icon as ct}from"./components/Icons/Icon.js";import{AnalyticsId as T,IconSize as v}from"./constants.js";import{useBreakpoint as ut}from"./hooks/useBreakpoint.js";import{useHover as U}from"./hooks/useHover.js";import{useIcons as mt}from"./hooks/useIcons.js";import{useSize as pt}from"./hooks/useSize.js";import{getColor as i}from"./theme/currys/color.js";import{breakpoints as dt}from"./theme/grid.js";import{isTest as bt,isProd as ft}from"./utils/environment.js";import ht from"./components/Icons/ArrowRight.js";import t from"./components/Button/styles.module.scss";const gt=(o,n,a,p,s,C)=>C&&a?!s||o?i("neutral",n?500:700):i("white"):a?!s||o?i("neutral",500):`${i("white")}b3`:o&&!s||!o&&s?"white":p==="normal"?i("blueberry",600):i("cherry",500),N=(o,n)=>n&&o?v.Small:o?v.Medium:v.XSmall,wt=(o,n,a)=>{if(a&&o&&(n===void 0||n===""))throw new Error("Fyll inn ariaLabel prop på Button uten tekst for å opprettholde UU krav")},Ct=e.forwardRef(function(n,a){const{ariaLabel:p,id:s,children:C,wrapperClassName:V,className:j,arrow:B=!1,concept:R="normal",disabled:d=!1,ellipsis:S=!1,fluid:q=!1,htmlMarkup:I="button",mode:D="onlight",onClick:z,size:X="medium",variant:y="fill",href:G,tabIndex:E,testId:M,target:x,type:J="button",...A}=n,[b,f,F]=mt(e.Children.toArray(C)),{hoverRef:W,isHovered:K}=I==="button"?U(a):U(a),$=lt(null),c=pt($),l=!!(b||f)&&!F,Q=b&&(f||B)&&!l,_=D==="ondark",h=ut()<dt.md,H=R==="destructive"&&!d,Y=y==="outline",u=y==="borderless",Z=gt(y==="fill",u,d,R,_,h),L=B&&!u,m=X==="large"&&!H&&!u,tt={...A},O=w(t["button-wrapper"],{[t["button-wrapper--fluid"]]:q||S},V),et=w(t.button,{[t["button--destructive"]]:H,[t["button--normal"]]:!m,[t["button--large"]]:m,[t["button--outline"]]:Y,[t["button--borderless"]]:u,[t["button--left-icon"]]:b&&!l,[t["button--right-icon"]]:f&&!l,[t["button--both-icons"]]:Q,[t["button--only-icon"]]:l,[t["button--arrow"]]:L,[t["button--on-dark"]]:_},j),ot=w(t.button__text,{[t["button__text--ellipsis"]]:S}),rt=w(t.diagonal,{[t["diagonal--on-dark"]]:_});it(()=>{wt(l,p,!bt()&&!ft())},[]);const k=(r,g,at)=>{const st=r&&r.props&&r.props.color?r.props.color:Z;return r&&Object.keys(r).length>0?e.cloneElement(r,{size:g,color:st,isHovered:K,className:at}):null},nt=()=>{let r,g;return c&&(r=Math.atan2(c.height,c.width),g=Math.sqrt(Math.pow(c.width,2)+Math.pow(c.height,2))),e.createElement("span",{className:ot,ref:$},d&&u&&e.createElement("span",{className:rt},e.createElement("span",{style:{transform:`rotate(${r}rad)`,width:g},className:t.diagonal__line})),e.createElement("span",null,l?p:F))},P=()=>e.createElement("span",{className:et},k(b,N(m,h),l?void 0:t["button__left-icon"]),nt(),L?k(e.createElement(ct,{svgIcon:ht}),N(m,h),t.button__arrow):k(f,N(m,h),t["button__right-icon"]));return e.createElement(e.Fragment,null,I==="button"&&e.createElement("button",{id:s,onClick:z,disabled:d,"data-testid":M,"data-analyticsid":T.Button,className:O,ref:W,tabIndex:E,type:J,...tt},P()),I==="a"&&e.createElement("a",{id:s,onClick:z,"data-testid":M,"data-analyticsid":T.Button,className:O,href:G,target:x,rel:x==="_blank"?"noopener noreferrer":n.rel,ref:W,tabIndex:E,...A},P()))}),Ft=Ct;export{Ft as B};
+import e,{useRef as lt,useEffect as it}from"react";import w from"classnames";import{Icon as ct}from"./components/Icons/Icon.js";import{AnalyticsId as T,IconSize as v}from"./constants.js";import{useBreakpoint as ut}from"./hooks/useBreakpoint.js";import{useHover as U}from"./hooks/useHover.js";import{useIcons as mt}from"./hooks/useIcons.js";import{useSize as pt}from"./hooks/useSize.js";import{getColor as i}from"./theme/currys/color.js";import{breakpoints as dt}from"./theme/grid.js";import{isTest as bt,isProd as ft}from"./utils/environment.js";import ht from"./components/Icons/ArrowRight.js";import t from"./components/Button/styles.module.scss";const gt=(o,n,a,p,s,C)=>C&&a?!s||o?i("neutral",n?500:700):i("white"):a?!s||o?i("neutral",500):`${i("white")}b3`:o&&!s||!o&&s?"white":p==="normal"?i("blueberry",600):i("cherry",500),N=(o,n)=>n&&o?v.Small:o?v.Medium:v.XSmall,wt=(o,n,a)=>{if(a&&o&&(n===void 0||n===""))throw new Error("Fyll inn ariaLabel prop på Button uten tekst for å opprettholde UU krav")},Ct=e.forwardRef(function(n,a){const{ariaLabel:p,id:s,children:C,wrapperClassName:V,className:j,arrow:B=!1,concept:R="normal",disabled:d=!1,ellipsis:S=!1,fluid:q=!1,htmlMarkup:I="button",mode:D="onlight",onClick:z,size:X="medium",variant:_="fill",href:G,tabIndex:E,testId:M,target:x,type:J="button",...A}=n,[b,f,F]=mt(e.Children.toArray(C)),{hoverRef:W,isHovered:K}=I==="button"?U(a):U(a),$=lt(null),c=pt($),l=!!(b||f)&&!F,Q=b&&(f||B)&&!l,y=D==="ondark",h=ut()<dt.md,H=R==="destructive"&&!d,Y=_==="outline",u=_==="borderless",Z=gt(_==="fill",u,d,R,y,h),L=B&&!u,m=X==="large"&&!H&&!u,tt={...A},O=w(t["button-wrapper"],{[t["button-wrapper--fluid"]]:q||S},V),et=w(t.button,{[t["button--destructive"]]:H,[t["button--normal"]]:!m,[t["button--large"]]:m,[t["button--outline"]]:Y,[t["button--borderless"]]:u,[t["button--left-icon"]]:b&&!l,[t["button--right-icon"]]:f&&!l,[t["button--both-icons"]]:Q,[t["button--only-icon"]]:l,[t["button--arrow"]]:L,[t["button--on-dark"]]:y},j),ot=w(t.button__text,{[t["button__text--ellipsis"]]:S}),rt=w(t.diagonal,{[t["diagonal--on-dark"]]:y});it(()=>{wt(l,p,!bt()&&!ft())},[]);const k=(r,g,at)=>{const st=r&&r.props&&r.props.color?r.props.color:Z;return r&&Object.keys(r).length>0?e.cloneElement(r,{size:g,color:st,isHovered:K,className:at}):null},nt=()=>{let r,g;return c&&(r=Math.atan2(c.height,c.width),g=Math.sqrt(Math.pow(c.width,2)+Math.pow(c.height,2))),e.createElement("span",{className:ot,ref:$},d&&u&&e.createElement("span",{className:rt},e.createElement("span",{style:{transform:`rotate(${r}rad)`,width:g},className:t.diagonal__line})),e.createElement("span",null,l?p:F))},P=()=>e.createElement("span",{className:et},k(b,N(m,h),l?void 0:t["button__left-icon"]),nt(),L?k(e.createElement(ct,{svgIcon:ht}),N(m,h),t.button__arrow):k(f,N(m,h),t["button__right-icon"]));return e.createElement(e.Fragment,null,I==="button"&&e.createElement("button",{id:s,onClick:z,disabled:d,"data-testid":M,"data-analyticsid":T.Button,className:O,ref:W,tabIndex:E,type:J,...tt},P()),I==="a"&&e.createElement("a",{id:s,onClick:z,"data-testid":M,"data-analyticsid":T.Button,className:O,href:G,target:x,rel:x==="_blank"?"noopener noreferrer":n.rel,ref:W,tabIndex:E,...A},P()))}),Ft=Ct;export{Ft as B};
 //# sourceMappingURL=Button.js.map