@helsenorge/designsystem-react 1.0.0-beta100 → 1.0.0-beta104
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{Button-a0423474.js → Button-d5147e38.js} +2 -2
- package/Button-d5147e38.js.map +1 -0
- package/{Checkbox-9e4f3440.js → Checkbox-798282e4.js} +2 -2
- package/Checkbox-798282e4.js.map +1 -0
- package/{Close-007fca15.js → Close-35ad7d35.js} +2 -2
- package/Close-35ad7d35.js.map +1 -0
- package/{FormGroup-8d31ac79.js → FormGroup-0577b07f.js} +2 -2
- package/FormGroup-0577b07f.js.map +1 -0
- package/{Input-de356c23.js → Input-19650c24.js} +2 -2
- package/Input-19650c24.js.map +1 -0
- package/Loader-fa16a352.js +2 -0
- package/Loader-fa16a352.js.map +1 -0
- package/Modal-ad02991b.js +2 -0
- package/Modal-ad02991b.js.map +1 -0
- package/RadioButton-fe4bbd36.js +2 -0
- package/RadioButton-fe4bbd36.js.map +1 -0
- package/Textarea-e1d1144c.js +2 -0
- package/Textarea-e1d1144c.js.map +1 -0
- package/Title-af53f589.js +2 -0
- package/Title-af53f589.js.map +1 -0
- package/{Validation-f096092a.js → Validation-fd3f7f58.js} +2 -2
- package/Validation-fd3f7f58.js.map +1 -0
- package/{_rollupPluginBabelHelpers-d0752906.js → _rollupPluginBabelHelpers-b8ef6dd9.js} +2 -2
- package/_rollupPluginBabelHelpers-b8ef6dd9.js.map +1 -0
- package/color-a10c7892.js +2 -0
- package/color-a10c7892.js.map +1 -0
- package/components/AnchorLink/index.js +1 -1
- package/components/Badge/index.js +1 -1
- package/components/Button/index.js +1 -1
- package/components/Button/styles.module.scss +14 -3
- package/components/ButtonWithModal/index.js +1 -1
- package/components/Checkbox/index.js +1 -1
- package/components/Checkbox/styles.module.scss +8 -8
- package/components/Close/index.js +1 -1
- package/components/Expander/index.js +1 -1
- package/components/Expander/styles.module.scss +5 -5
- package/components/ExpanderList/index.js +1 -1
- package/components/ExpanderList/styles.module.scss +7 -7
- package/components/FormExample/index.js +1 -1
- package/components/FormGroup/index.js +1 -1
- package/components/FormGroup/styles.module.scss +7 -7
- package/components/Input/index.js +1 -1
- package/components/Input/styles.module.scss +4 -0
- package/components/LinkList/index.js +1 -1
- package/components/LinkList/styles.module.scss +11 -11
- package/components/Loader/index.js +1 -1
- package/components/Loader/styles.module.scss +2 -1
- package/components/Logo/index.js +1 -1
- package/components/Modal/index.js +1 -1
- package/components/Modal/styles.module.scss +19 -17
- package/components/NotificationPanel/index.js +1 -1
- package/components/NotificationPanel/styles.module.scss +3 -3
- package/components/RadioButton/index.js +1 -1
- package/components/RadioButton/styles.module.scss +10 -10
- package/components/Slider/index.js +1 -1
- package/components/Spacer/Spacer.d.ts.map +1 -1
- package/components/Spacer/componentdata.json +4 -1
- package/components/Spacer/index.js +1 -1
- package/components/Spacer/styles.module.scss +19 -11
- package/components/Spacer/styles.module.scss.d.ts +2 -0
- package/components/Textarea/index.js +1 -1
- package/components/Textarea/styles.module.scss +1 -1
- package/components/Tile/index.js +1 -1
- package/components/Title/index.js +1 -1
- package/components/Validation/index.js +1 -1
- package/components/__mocks__/index.js +1 -1
- package/hooks/useBreakpoint.d.ts +9 -5
- package/hooks/useBreakpoint.d.ts.map +1 -1
- package/hooks/useFocusTrap.d.ts +2 -1
- package/hooks/useFocusTrap.d.ts.map +1 -1
- package/index-0e78dfa0.js +2 -0
- package/index-0e78dfa0.js.map +1 -0
- package/index.d.ts +10 -3
- package/index.d.ts.map +1 -1
- package/index.js +1 -1
- package/package.json +4 -8
- package/scss/_input.scss +5 -4
- package/scss/_spacers.scss +26 -24
- package/theme/currys/spacing.d.ts.map +1 -1
- package/theme/index.d.ts +1 -0
- package/theme/index.d.ts.map +1 -1
- package/theme/spacers.d.ts +2 -1
- package/theme/spacers.d.ts.map +1 -1
- package/useBreakpoint-552af2b9.js +2 -0
- package/useBreakpoint-552af2b9.js.map +1 -0
- package/{useHover-037be19d.js → useHover-9710204a.js} +2 -2
- package/useHover-9710204a.js.map +1 -0
- package/useIsVisible-a1f67a11.js +2 -0
- package/useIsVisible-a1f67a11.js.map +1 -0
- package/useSticky-194f2b78.js +2 -0
- package/useSticky-194f2b78.js.map +1 -0
- package/useWindowSize-750f9b68.js +2 -0
- package/useWindowSize-750f9b68.js.map +1 -0
- package/Button-a0423474.js.map +0 -1
- package/Checkbox-9e4f3440.js.map +0 -1
- package/Close-007fca15.js.map +0 -1
- package/FormGroup-8d31ac79.js.map +0 -1
- package/Input-de356c23.js.map +0 -1
- package/Loader-b7486541.js +0 -2
- package/Loader-b7486541.js.map +0 -1
- package/Modal-8ba60dd4.js +0 -2
- package/Modal-8ba60dd4.js.map +0 -1
- package/RadioButton-d3ed3858.js +0 -2
- package/RadioButton-d3ed3858.js.map +0 -1
- package/Textarea-e48685fc.js +0 -2
- package/Textarea-e48685fc.js.map +0 -1
- package/Title-fab4097d.js +0 -2
- package/Title-fab4097d.js.map +0 -1
- package/Validation-f096092a.js.map +0 -1
- package/_rollupPluginBabelHelpers-d0752906.js.map +0 -1
- package/color-acb834c6.js +0 -2
- package/color-acb834c6.js.map +0 -1
- package/index-19b48c51.js +0 -2
- package/index-19b48c51.js.map +0 -1
- package/useBreakpoint-324a9b14.js +0 -2
- package/useBreakpoint-324a9b14.js.map +0 -1
- package/useHover-037be19d.js.map +0 -1
- package/useWindowSize-73b47451.js +0 -2
- package/useWindowSize-73b47451.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{_ as t,
|
|
2
|
-
//# sourceMappingURL=Button-
|
|
1
|
+
import{_ as t,b as e}from"./_rollupPluginBabelHelpers-b8ef6dd9.js";import{_ as n}from"./_tslib-51c8a283.js";import o from"react";import{A as r,I as l}from"./constants-ad6c82db.js";import{g as i}from"./color-a10c7892.js";import"./Icon-89da8de4.js";import{L as a}from"./Loader-fa16a352.js";import{u as s}from"./useHover-9710204a.js";import{u as d}from"./useWindowSize-750f9b68.js";import{b as u}from"./grid-11a70eb7.js";import{c}from"./index-9b84fabc.js";import m from"./components/Button/styles.module.scss";var b={primary:"blueberry",warning:"banana",danger:"cherry"},f=function(t,e){return e&&e<u.md&&t?l.Small:t?l.Medium:l.XSmall},p=o.forwardRef((function(u,p){var v,_,g,h=u.children,j=u.className,w=void 0===j?"":j,E=u.fluid,y=void 0!==E&&E,k=u.intent,N=void 0===k?"primary":k,I=u.inverted,B=void 0!==I&&I,C=u.htmlMarkup,H=void 0===C?"button":C,O=u.onClick,S=u.large,z=void 0!==S&&S,F=u.loading,M=void 0!==F&&F,x=u.variant,A=void 0===x?"fill":x,L=u.disabled,R=void 0!==L&&L,X=u.ellipsis,P=void 0!==X&&X,W=u.testId,q=u.href,D=u.target,G=n(u,["children","className","fluid","intent","inverted","htmlMarkup","onClick","large","loading","variant","disabled","ellipsis","testId","href","target"]),J=function(t){var e,n,o,r,l=null,i=null;void 0!==(null===(n=null===(e=t[0])||void 0===e?void 0:e.props)||void 0===n?void 0:n.svgIcon)&&(l=t.shift()),void 0!==(null===(r=null===(o=t[t.length-1])||void 0===o?void 0:o.props)||void 0===r?void 0:r.svgIcon)&&(i=t.pop());var a=t.filter((function(t){return t}));return[l,i,a.length>0?a:null]}(o.Children.toArray(h)),K=t(J,3),Q=K[0],T=K[1],U=K[2],V=s(p),Y=V.hoverRef,Z=V.isHovered,$=function(t,e,n,o,r){return e?i("neutral",600):t&&!o||!t&&o?"white":i(b[n],r?700:600)}("fill"===A,R,N,B,Z),tt=d(),et="fill"===A,nt="outline"===A,ot="borderless"===A,rt="warning"===N,lt="danger"===N,it=!(!Q&&!T||M),at=Object.assign({},G),st=c(m.button,(e(v={},m["button--fluid"],y),e(v,m["button--large"],z),e(v,m["button--warning"],rt),e(v,m["button--danger"],lt),e(v,m["button--inverted"],B),e(v,m["button--fill"],et),e(v,m["button--outline"],nt),e(v,m["button--borderless"],ot),e(v,m["button--with-icon"],it),e(v,m["button--ellipsis"],P),v),w),dt=c(m.button__content,(e(_={},m["button__content--warning"],rt),e(_,m["button__content--danger"],lt),e(_,m["button__content--fill"],et),e(_,m["button__content--borderless"],ot),e(_,m["button__content--with-icon"],it),e(_,m["button__content--large"],z),e(_,m["button__content--ellipsis"],P),e(_,m["button__content--inverted"],B),e(_,m["button__content--fluid"],y),_)),ut=c(m["button__left-fluid-content"],(e(g={},m["button__left-fluid-content--with-icon"],it),e(g,m["button__left-fluid-content--large"],z),g));function ct(t,e,n,r){var l=t&&t.props&&t.props.color?t.props.color:n;return t&&Object.keys(t).length>0?o.cloneElement(t,{size:e,color:l,isHovered:r}):null}var mt=function(){return U?o.createElement("span",{className:dt},U):null},bt=function(){return o.createElement("span",{className:m["content-wrapper"]},M?o.createElement("div",{className:m["button__left-fluid-content"]},o.createElement(a,{testId:"test-id-loader",color:"fill"!==A||B?b[N]:"white",size:"tiny"})):o.createElement(o.Fragment,null,y?o.createElement("div",{className:ut},ct(Q,f(z,tt.width),$,Z),mt()):o.createElement(o.Fragment,null,ct(Q,f(z,tt.width),$,Z),mt()),ct(T,l.XSmall,$,Z)))};return o.createElement(o.Fragment,null,"button"===H&&o.createElement("button",Object.assign({onClick:O,disabled:R,"data-testid":W,"data-analyticsid":r.Button,className:st,ref:Y},at),bt()),"a"===H&&o.createElement("a",Object.assign({onClick:O,"data-testid":W,"data-analyticsid":r.Button,className:st,href:q,target:D,rel:"_blank"===D?"noopener noreferrer":u.rel,ref:Y},G),bt()))}));export{p as B,b as i};
|
|
2
|
+
//# sourceMappingURL=Button-d5147e38.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button-d5147e38.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{_ as e,
|
|
2
|
-
//# sourceMappingURL=Checkbox-
|
|
1
|
+
import{_ as e,b as r}from"./_rollupPluginBabelHelpers-b8ef6dd9.js";import a,{useState as o,useEffect as c}from"react";import{c as l}from"./index-9b84fabc.js";import{u as b}from"./uuid-fe7442b7.js";import{C as i}from"./Check-6291ad09.js";import{I as s}from"./Icon-89da8de4.js";import{F as n,a as t,A as d}from"./constants-ad6c82db.js";import{g as m}from"./color-a10c7892.js";import p from"./components/Checkbox/styles.module.scss";var h=a.forwardRef((function(h,k){var x,f,u,v=h.className,_=h.checked,w=void 0!==_&&_,y=h.disabled,g=h.label,j=h.inputId,N=void 0===j?b():j,C=h.mode,E=h.name,I=void 0===E?N:E,F=h.variant,z=h.errorText,A=h.error,B=void 0===A?!!z:A,H=h.value,P=void 0===H?g:H,R=o(w),T=e(R,2),q=T[0],D=T[1],G=B||C===n.oninvalid,J=C===n.ondark,K=C===n.onblueberry,L=F===t.bigform,M=l(p["checkbox-wrapper"],(r(x={},p["checkbox-wrapper--with-error"],z),r(x,p["checkbox-wrapper--bigform"],L),x)),O=l(p["checkbox-label"],(r(f={},p["checkbox-label--disabled"],y),r(f,p["checkbox-label--on-dark"],J),r(f,p["checkbox-label--on-blueberry"],K),r(f,p["checkbox-label--invalid"],G),r(f,p["checkbox-label--bigform"],L),f)),Q=l(p.checkbox,v),S=l(p["checkbox__icon-wrapper"],(r(u={},p["checkbox__icon-wrapper--checked"],q),r(u,p["checkbox__icon-wrapper--disabled"],y),r(u,p["checkbox__icon-wrapper--on-dark"],J),r(u,p["checkbox__icon-wrapper--on-blueberry"],K),r(u,p["checkbox__icon-wrapper--invalid"],G),u)),U=l(p["checkbox-errors"],r({},p["checkbox-errors--bigform"],L)),V=m("blueberry",500);return y&&(V=m("neutral",400)),J&&(V=m("blueberry",200)),G&&(V=m("cherry",500)),c((function(){D(w)}),[w]),a.createElement("div",{"data-testid":h.testId,"data-analyticsid":d.Checkbox,className:M},z&&a.createElement("p",{className:U},z),a.createElement("label",{htmlFor:N,className:O},a.createElement("input",{id:N,name:I,className:Q,type:"checkbox",checked:q,disabled:y,onChange:function(){D(!q)},value:P,ref:k,"aria-invalid":B}),a.createElement("span",{className:S},q&&a.createElement(s,{color:V,className:p.checkbox__icon,svgIcon:i,size:38})),g))}));export{h as C};
|
|
2
|
+
//# sourceMappingURL=Checkbox-798282e4.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox-798282e4.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import{p as t}from"./palette-f206f488.js";import{I as a}from"./Icon-89da8de4.js";import{A as l}from"./constants-ad6c82db.js";import r from"./components/Close/styles.module.scss";import{u as o,B as s}from"./useBreakpoint-
|
|
2
|
-
//# sourceMappingURL=Close-
|
|
1
|
+
import e from"react";import{p as t}from"./palette-f206f488.js";import{I as a}from"./Icon-89da8de4.js";import{A as l}from"./constants-ad6c82db.js";import r from"./components/Close/styles.module.scss";import{u as o,B as s}from"./useBreakpoint-552af2b9.js";var n=function(t){var a=t.isExtraSmall,l=t.isHovered,r=e.createElement("path",{d:"M25.403 24l10.259-10.259-1.403-1.403L24 22.597l-10.259-10.26-1.403 1.403L22.597 24 12.338 34.26l1.403 1.403L24 25.403l10.259 10.259 1.403-1.403z"}),o=e.createElement("path",{d:"M24 22.597L12.327 10.924l-1.403 1.402L22.597 24 10.923 35.674l1.403 1.402L24 25.403l11.674 11.673 1.403-1.402L25.403 24l11.673-11.674-1.403-1.402z"}),s=e.createElement("path",{d:"M25.773 24l10.432-10.432-1.772-1.773-10.432 10.433-10.433-10.433-1.773 1.772L22.229 24 11.795 34.433l1.773 1.772 10.433-10.433 10.432 10.433 1.772-1.773z"});return a?l?e.createElement("path",{d:"M24 22.227L11.781 10.008l-1.772 1.772 12.219 12.219-12.22 12.22 1.772 1.772L24 25.771l12.22 12.22 1.772-1.772-12.22-12.22L37.991 11.78l-1.772-1.772z"}):s:l?o:r},m=function(m){var c=o()===s.xs?38:48;return e.createElement("button",{"data-testid":m.testId,"data-analyticsid":l.Close,className:r.close,"aria-label":m.ariaLabel||"Lukk",onClick:m.onClick,role:"button"},e.createElement(a,{svgIcon:n,color:t.blueberry600,size:c}))};export{m as C};
|
|
2
|
+
//# sourceMappingURL=Close-35ad7d35.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Close-35ad7d35.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
2
|
-
//# sourceMappingURL=FormGroup-
|
|
1
|
+
import{b as e}from"./_rollupPluginBabelHelpers-b8ef6dd9.js";import r from"react";import{c as a}from"./index-9b84fabc.js";import o from"./components/FormGroup/styles.module.scss";import{C as t}from"./Checkbox-798282e4.js";import{F as m,a as n,A as l}from"./constants-ad6c82db.js";import{R as i}from"./RadioButton-fe4bbd36.js";import{I as p}from"./Input-19650c24.js";import{T as s}from"./Title-af53f589.js";var f=r.forwardRef((function(f,d){var u,c,g,v=f.className,_=f.mode,b=void 0===_?m.onwhite:_,w=f.variant,E=void 0===w?n.normal:w,y=f.error,j=f.name,N=b===m.ondark,h=E===n.bigform,k=a(o["form-group-wrapper"],(e(u={},o["form-group-wrapper--on-dark"],N),e(u,o["form-group-wrapper--invalid"],y),u),v),F=a(o["form-group-wrapper__title"],(e(c={},o["form-group-wrapper__title--on-dark"],N&&!y),e(c,o["form-group-wrapper__title--bigform"],h),c)),x=a(o["form-group"],e({},o["form-group--invalid"],y)),B=a(o["form-group-wrapper__errors"],e({},o["form-group-wrapper__errors--bigform"],h)),C=a(o["field-set__legend"],(e(g={},o["field-set__legend--on-dark"],N&&!y),e(g,o["field-set__legend--bigform"],h),g));return r.createElement("div",{"data-testid":f.testId,"data-analyticsid":l.FormGroup,className:k},f.title&&r.createElement(s,{className:F,htmlMarkup:"h4",appearance:"title4",margin:{marginTop:0,marginBottom:2}},f.title),r.createElement("div",{className:x},y&&r.createElement("p",{className:B},y),r.createElement("fieldset",{name:f.title,className:o["field-set"]},f.legend&&r.createElement("legend",{className:C},f.legend),r.Children.map(f.children,(function(e){if(e.type===t){var a=e.type===t;return r.cloneElement(e,{name:null!=j?j:a.valueOf.name,mode:b,variant:E,error:!!y})}if(e.type===i){var o=e.type===i;return r.cloneElement(e,{name:null!=j?j:o.valueOf.name,mode:b,variant:E,error:!!y})}if(e.type===p){var m=e.type===p;return r.cloneElement(e,{name:null!=j?j:m.valueOf.name,mode:b,variant:E,error:!!y})}return e})))))}));export{f as F};
|
|
2
|
+
//# sourceMappingURL=FormGroup-0577b07f.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormGroup-0577b07f.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
2
|
-
//# sourceMappingURL=Input-
|
|
1
|
+
import{b as e}from"./_rollupPluginBabelHelpers-b8ef6dd9.js";import{_ as r}from"./_tslib-51c8a283.js";import a,{useRef as t}from"react";import{c as n}from"./index-9b84fabc.js";import{F as l,a as o,A as i,I as p}from"./constants-ad6c82db.js";import{u as s}from"./uuid-fe7442b7.js";import{I as d}from"./Icon-89da8de4.js";import{g as c}from"./color-a10c7892.js";import{u as m,B as u}from"./useBreakpoint-552af2b9.js";import b from"./components/Input/styles.module.scss";var f;!function(e){e.text="text",e.number="number",e.email="email",e.password="password",e.search="search",e.tel="tel",e.url="url"}(f||(f={}));var w=a.forwardRef((function(w,v){var _,h,I,y=w.defaultValue,g=w.placeholder,j=w.type,x=void 0===j?f.text:j,E=w.inputId,k=void 0===E?s():E,C=w.name,N=w.transparent,L=void 0!==N&&N,O=w.icon,B=w.iconRight,R=w.mode,V=w.variant,F=w.label,S=w.error,T=w.errorText,z=w.testId,A=w.disabled,H=w.readOnly,P=w.autocomplete,X=w.afterLabelChildren,q=w.belowLabelChildren,D=r(w,["defaultValue","placeholder","type","inputId","name","transparent","icon","iconRight","mode","variant","label","error","errorText","testId","disabled","readOnly","autocomplete","afterLabelChildren","belowLabelChildren"]),G=m(),J=t(null),K=R===l.ondark,M=R===l.onblueberry,Q=R===l.oninvalid||T||S,U=V===o.bigform,W=L&&R!==l.ondark&&!Q,Y=n(b["input-wrapper"],e({},b["input-wrapper--invalid"],T)),Z=n(b["input-wrapper__label-wrapper"],(e(_={},b["input-wrapper__label-wrapper--on-dark"],K),e(_,b["input-wrapper__label-wrapper--disabled"],A),_)),$=n(b["content-wrapper"],(e(h={},b["content-wrapper--transparent"],W),e(h,b["content-wrapper--on-blueberry"],M),e(h,b["content-wrapper--on-dark"],K),e(h,b["content-wrapper--invalid"],Q),e(h,b["content-wrapper--bigform"],U),e(h,b["content-wrapper--disabled"],A),e(h,b["content-wrapper--with-icon"],O),h)),ee=n(b["content-wrapper__input"],(e(I={},b["content-wrapper__input--bigform"],U),e(I,b["content-wrapper__input--disabled"],A),I)),re=A?c("neutral",500):c("black"),ae=function(){var e=G!==u.xs&&U?p.Small:p.XSmall;return void 0!==O?a.createElement(d,{color:re,size:e,svgIcon:O}):null};return a.createElement("div",{"data-testid":z,"data-analyticsid":i.Input,className:Y},F&&a.createElement("div",{className:Z},a.createElement("label",{htmlFor:k},F),X&&a.createElement("div",{className:b["input-wrapper__after-label-children"]},X)),q&&a.createElement("div",null,q),a.createElement("div",{onClick:function(){if(J&&J.current&&O){var e=B?0:1;J.current.children[e].focus()}},ref:J,className:$},!B&&ae(),a.createElement("input",Object.assign({name:C,type:x,defaultValue:y,id:k,className:ee,ref:v,"aria-invalid":!!Q,disabled:A,placeholder:g,readOnly:H,autoComplete:P||"off"},D)),B&&ae()))}));export{w as I,f as a};
|
|
2
|
+
//# sourceMappingURL=Input-19650c24.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input-19650c24.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{_ as e,b as a}from"./_rollupPluginBabelHelpers-b8ef6dd9.js";import r,{useState as l,useRef as t,useEffect as o}from"react";import{c as d}from"./index-9b84fabc.js";import{u as n}from"./uuid-fe7442b7.js";import i from"./components/Loader/styles.module.scss";import{A as s}from"./constants-ad6c82db.js";var m;!function(e){e.screen="screen",e.parent="parent"}(m||(m={}));var c=r.forwardRef((function(c,p){var v,u,_,b=c.overlay,f=c.color,y=void 0===f?b?"black":"neutral":f,w=c.size,E=void 0===w?"small":w,N=c.className,L=void 0===N?"":N,g=c.labelId,h=void 0===g?n():g,k=c.testId,j=c.center,x=c.inline,I=c.ariaLabelledById,B=c.ariaLabel,z=void 0===B?"Laster inn":B,A=l(b!==m.parent&&!x),H=e(A,2),O=H[0],P=H[1],R="small"===E,q="medium"===E,C="large"===E,D=d(i["loader-wrapper"],(a(v={},i["loader-wrapper--center"],j),a(v,i["loader-wrapper--overlay"],b),a(v,i["loader-wrapper--overlay-screen"],b===m.screen),a(v,i["loader-wrapper--overlay-parent"],b===m.parent&&O),a(v,i["loader-wrapper--inline"],x&&O),v)),F=d(i.loader,(a(u={},i["loader--small"],R),a(u,i["loader--medium"],q),a(u,i["loader--large"],C),u),L),G=d(i.loader__dot,(a(_={},i["loader__dot--small"],R),a(_,i["loader__dot--medium"],q),a(_,i["loader__dot--large"],C),a(_,i["loader__dot--banana"],"banana"===y),a(_,i["loader__dot--cherry"],"cherry"===y),a(_,i["loader__dot--kiwi"],"kiwi"===y),a(_,i["loader__dot--neutral"],"neutral"===y),a(_,i["loader__dot--plum"],"plum"===y),a(_,i["loader__dot--black"],"black"===y),a(_,i["loader__dot--white"],"white"===y),_)),J=t(null);return o((function(){var e,a,r,l;b===m.parent&&(null===(a=null===(e=J.current)||void 0===e?void 0:e.parentElement)||void 0===a?void 0:a.style)&&(J.current.parentElement.style.position="relative",P(!0)),x&&(null===(l=null===(r=J.current)||void 0===r?void 0:r.parentElement)||void 0===l?void 0:l.style)&&(J.current.parentElement.style.display="flex",P(!0))}),[]),r.createElement("div",{role:"progressbar",className:D,ref:J},O&&r.createElement("div",{"data-testid":k,"data-analyticsid":s.Loader,"aria-labelledby":I||h,className:F},r.createElement("div",{className:G}),r.createElement("div",{className:G}),r.createElement("div",{className:G}),r.createElement("div",{className:G}),!I&&r.createElement("span",{id:h,className:i["loader__hidden-text"]},z)))}));export{c as L,m as O};
|
|
2
|
+
//# sourceMappingURL=Loader-fa16a352.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Loader-fa16a352.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{_ as e,b as a}from"./_rollupPluginBabelHelpers-b8ef6dd9.js";import t,{useEffect as r}from"react";import{c as l}from"./index-9b84fabc.js";import{p as n}from"./palette-f206f488.js";import{B as o}from"./Button-d5147e38.js";import{I as s}from"./Icon-89da8de4.js";import{A as i,Z as c,I as d}from"./constants-ad6c82db.js";import m from"./components/Modal/styles.module.scss";import{A as u,a as p}from"./AlertSignFill-e607ff43.js";import{b as f,u as v}from"./useIsVisible-a1f67a11.js";import{T as _}from"./Title-af53f589.js";import{u as E}from"./uuid-fe7442b7.js";import{C as b}from"./Close-35ad7d35.js";import{createPortal as h}from"react-dom";var g,y,N=function(e){e.isExtraSmall;var a=e.isHovered,r=t.createElement("path",{d:"m9.16 23.421 2.883-2.773 8.262 8.584L35.958 12.97l2.882 2.774-18.536 19.257-11.143-11.58zm26.744-13.279-15.6 16.206-8.206-8.529-5.766 5.547 13.973 14.518 21.362-22.193-5.764-5.549z","fill-rule":"evenodd"});return a?t.createElement("path",{d:"m11.128 25.394 2.88-2.771 6.291 6.613 17.071-17.68 2.882 2.775-19.944 20.668-9.18-9.605zM37.318 8.73 20.31 26.345l-6.239-6.558-5.766 5.548 11.996 12.552 22.781-23.609-5.764-5.548z","fill-rule":"evenodd"}):r};function C(e){var a=e.children,r=e.parent,l=e.className,n=e.testId,o=t.useMemo((function(){return document.createElement("div")}),[]);return o.setAttribute("data-analyticsid",i.Portal),n&&o.setAttribute("data-testid",n),t.useEffect((function(){var e=r&&r.appendChild?r:document.body,a=["portal-container"];return l&&l.split(" ").forEach((function(e){return a.push(e)})),a.forEach((function(e){return o.classList.add(e)})),e.appendChild(o),function(){e.removeChild(o)}}),[o,r,l]),h(a,o)}!function(e){e.normal="normal",e.warning="warning",e.error="error",e.success="success",e.image="image"}(g||(g={})),function(e){e.large="large",e.medium="medium"}(y||(y={}));var w={variant:g.normal,primaryButtonText:"OK",titleId:E(),className:"",size:y.large,zIndex:c.Modal},B=function(e,a){var r=function(e){return e===g.error?t.createElement(s,{size:d.Small,svgIcon:u,color:n.cherry500}):e===g.warning?t.createElement(s,{size:d.Small,svgIcon:p,color:n.black}):e===g.success?t.createElement(s,{size:d.Small,svgIcon:N,color:n.kiwi900}):null}(e);return r?t.createElement("div",{className:m.modal__iconWrapper},r):a?t.createElement("div",{className:m.modal__iconWrapper},t.cloneElement(a,{size:d.Small})):null},I=function(n){var s,c,d,u=t.useState(0),p=e(u,2),E=p[0],h=p[1],y=t.useRef(null),N=t.useRef(null),w=t.useRef(null),I=f(N),z=t.useRef(null),x=f(z),L=w.current&&w.current.scrollHeight>w.current.clientHeight;function T(e){"Escape"===e.key&&n.onClose&&(e.stopPropagation(),n.onClose())}function W(e){e.target&&k.current===e.target&&n.onClose&&(e.stopPropagation(),n.onClose())}var j=n.variant===g.image,k=t.useRef(null),S=n.secondaryButtonText&&(null===(c=n.secondaryButtonText)||void 0===c?void 0:c.length)>0||n.onSuccess,M=n.ariaLabelledBy?void 0:n.ariaLabel,P=n.ariaLabelledBy?n.ariaLabelledBy:n.ariaLabel?void 0:n.titleId;r((function(){var e,a=k.current;return null===(e=y.current)||void 0===e||e.focus(),document.body.style.overflow="hidden",n.disableCloseEvents||!a||S||(a.addEventListener("keydown",T),a.addEventListener("click",W)),function(){document.body.style.removeProperty("overflow"),n.disableCloseEvents||!a||S||(a.removeEventListener("keydown",T),a.removeEventListener("click",W))}}),[]);var A=l((a(s={},m["modal__title--error"],n.variant===g.error),a(s,m["modal__title--success"],n.variant===g.success),s)),R=t.createElement("div",{"data-testid":"dialog-container"},t.createElement("div",{ref:k,className:m["modal-overlay"],"data-testid":n.testId,"data-analyticsid":i.Modal,style:{zIndex:n.zIndex}},t.createElement("div",{className:m.align,ref:v()},t.createElement("div",{className:l(n.className,m.modal,m["modal--".concat(n.variant)],m["modal--".concat(n.size)]),role:"dialog","aria-label":M,"aria-labelledby":P},t.createElement("div",{tabIndex:E,ref:y,onBlur:function(){return h(-1)}}),t.createElement("div",{className:l(m.modal__shadow,m["modal__shadow--top"],a({},m["modal__shadow--show"],!I&&L))}),t.createElement("div",{className:l(m.modal__contentWrapper,a({},m["modal__contentWrapper--image"],j)),ref:w},!n.noCloseButton&&t.createElement("div",{className:m.modal__closeWrapper},t.createElement("div",{className:l(m.modal__closeWrapper__close)},t.createElement(b,{onClick:n.onClose,ariaLabel:n.ariaLabelCloseBtn}))),t.createElement("div",{className:l(m["modal__contentWrapper__scroll--".concat(n.size)],a({},m["modal__contentWrapper__scroll--image"],j))},t.createElement("div",{ref:N}),t.createElement("div",{className:m.modal__contentWrapper__title},B(n.variant,n.icon),t.createElement(_,{id:P,htmlMarkup:"h3",appearance:"title3",className:A},n.title),n.afterTitleChildren&&t.createElement("div",{className:m.modal__afterTitleChildren},n.afterTitleChildren)),j&&t.createElement("div",null,t.createElement("div",{className:m.modal__contentWrapper__imageWrapper},n.children),t.createElement("span",{className:m.modal__contentWrapper__imageDescription},n.description)),!j&&n.children&&t.createElement("div",null,n.children),!j&&!n.children&&t.createElement("p",{className:m.modal__description},n.description),t.createElement("div",{ref:z}))),t.createElement("div",{className:l(m.modal__shadow,m["modal__shadow--bottom"],a({},m["modal__shadow--show"],!x&&L))}),S&&t.createElement("div",{className:l(m["modal__call-to-action"],m["modal__call-to-action--".concat(n.size)])},n.onSuccess&&t.createElement(o,{onClick:n.onSuccess},n.primaryButtonText),n.secondaryButtonText&&(null===(d=n.secondaryButtonText)||void 0===d?void 0:d.length)>0&&t.createElement(o,{variant:"borderless",onClick:n.onClose},n.secondaryButtonText))))));if(n.printable){return t.createElement(C,{className:"print-modal",testId:"print-modal"},t.createElement("style",{media:"print"},"body > *:not(.".concat("print-modal",") {display: none;}")),R)}return R};I.defaultProps=w;export{I as M,g as a,y as b};
|
|
2
|
+
//# sourceMappingURL=Modal-ad02991b.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal-ad02991b.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{b as a}from"./_rollupPluginBabelHelpers-b8ef6dd9.js";import r from"react";import{c as o}from"./index-9b84fabc.js";import{u as e}from"./uuid-fe7442b7.js";import t from"./components/RadioButton/styles.module.scss";import{F as d,a as i,A as l}from"./constants-ad6c82db.js";var n=r.forwardRef((function(n,b){var s,u,m,c=n.className,p=n.defaultChecked,f=void 0!==p&&p,v=n.disabled,y=n.label,g=n.inputId,k=void 0===g?e():g,w=n.mode,N=n.name,h=void 0===N?k:N,j=n.variant,E=n.errorText,R=n.error,x=void 0===R?!!E:R,B=n.value,C=void 0===B?y:B,F=x||w===d.oninvalid,I=w===d.ondark,A=w===d.onblueberry,H=j===i.bigform,P=o(t["radio-button-wrapper"],(a(s={},t["radio-button-wrapper--with-error"],E),a(s,t["radio-button-wrapper--bigform"],H),s)),T=o(t["radio-button-label"],(a(u={},t["radio-button-label--disabled"],v),a(u,t["radio-button-label--on-dark"],I),a(u,t["radio-button-label--on-blueberry"],A),a(u,t["radio-button-label--invalid"],F),a(u,t["radio-button-label--bigform"],H),u)),_=o(t["radio-button"],(a(m={},t["radio-button--on-dark"],I),a(m,t["radio-button--disabled"],v),a(m,t["radio-button--on-blueberry"],A),a(m,t["radio-button--invalid"],F),m),c),q=o(t["radio-button-errors"],a({},t["radio-button-errors--bigform"],H));return r.createElement("div",{"data-testid":n.testId,"data-analyticsid":l.RadioButton,className:P},E&&r.createElement("p",{className:q},E),r.createElement("label",{htmlFor:k,className:T},r.createElement("input",{id:k,name:h,className:_,type:"radio",disabled:v,value:C,ref:b,"aria-invalid":x,defaultChecked:f}),y))}));export{n as R};
|
|
2
|
+
//# sourceMappingURL=RadioButton-fe4bbd36.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioButton-fe4bbd36.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{_ as e,b as a}from"./_rollupPluginBabelHelpers-b8ef6dd9.js";import{_ as r}from"./_tslib-51c8a283.js";import t,{useState as n,useRef as l,useEffect as o}from"react";import{c as i}from"./index-9b84fabc.js";import d from"./components/Textarea/styles.module.scss";import{F as s,A as c}from"./constants-ad6c82db.js";import{u as m}from"./uuid-fe7442b7.js";var p=t.forwardRef((function(p,u){var b,v,w,f=p.maxCharacters,x=p.maxText,_=p.testId,h=p.defaultValue,g=p.marginBottom,E=p.transparent,T=p.mode,C=p.label,j=p.textareaId,N=void 0===j?m():j,R=p.minRows,k=void 0===R?3:R,y=p.maxRows,B=void 0===y?10:y,I=p.grow,L=p.errorText,H=p.afterLabelChildren,V=p.belowLabelChildren,F=r(p,["maxCharacters","maxText","testId","defaultValue","marginBottom","transparent","mode","label","textareaId","minRows","maxRows","grow","errorText","afterLabelChildren","belowLabelChildren"]),A=n(k),M=e(A,2),O=M[0],P=M[1],q=n(h||""),z=e(q,2),D=z[0],G=z[1],J=l(null),K=function(e){var a=e.rows;e.rows=k;var r=Math.floor((e.scrollHeight-16)/28);r===a&&(e.rows=r),r>=B&&(e.rows=B,e.scrollTop=e.scrollHeight),P(r<B?r:B)},Q=T===s.ondark,S=T===s.onblueberry,U=f&&D.length>f,W=T===s.oninvalid||L||U,X=i(d.textarea,(a(b={},d["textarea--gutterBottom"],g),a(b,d["textarea--invalid"],L),b)),Y=i(d["textarea__label-wrapper"],a({},d["textarea__label-wrapper--on-dark"],Q)),Z=i(d["content-wrapper"],(a(v={},d["content-wrapper--transparent"],E),a(v,d["content-wrapper--on-blueberry"],S),a(v,d["content-wrapper--on-dark"],Q),a(v,d["content-wrapper--invalid"],W),a(v,d["content-wrapper--disabled"],p.disabled),v)),$=i(d["content-wrapper__input"],a({},d["content-wrapper__input--disabled"],p.disabled)),ee=i(d["textarea__counter-wrapper"],(a(w={},d["textarea__counter-wrapper--on-dark"],Q),a(w,d["textarea__counter-wrapper--invalid"],W),w));return o((function(){var e,a,r;if(I&&(null===(e=J.current)||void 0===e?void 0:e.children)&&(null===(a=J.current)||void 0===a?void 0:a.children[0])){var t=null===(r=J.current)||void 0===r?void 0:r.children[0];K(t)}}),[]),t.createElement("div",{"data-testid":_,"data-analyticsid":c.Textarea,className:X},C&&t.createElement("div",{className:Y},t.createElement("label",{htmlFor:N},C),H&&t.createElement("div",{className:d["textarea__after-label-children"]},H)),V&&t.createElement("div",null,V),t.createElement("div",{className:Z,ref:J},t.createElement("textarea",Object.assign({rows:O,defaultValue:h,id:N,className:$,ref:u,onChange:function(e){I&&K(e.target),G(e.target.value)},"aria-invalid":!!W},F))),f&&t.createElement("div",{className:ee},t.createElement("p",null,"".concat(D.length,"/").concat(f," ").concat(x||"tegn"))))}));export{p as T};
|
|
2
|
+
//# sourceMappingURL=Textarea-e1d1144c.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Textarea-e1d1144c.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{b as t}from"./_rollupPluginBabelHelpers-b8ef6dd9.js";import e from"react";import{c as i}from"./index-9b84fabc.js";import r from"./components/Title/styles.module.scss";import{A as a}from"./constants-ad6c82db.js";var o=function(t){return Object.prototype.hasOwnProperty.call(t,"marginTop")&&Object.prototype.hasOwnProperty.call(t,"marginBottom")},l=e.forwardRef((function(l,m){var n,c=l.id,s=l.children,p=l.className,d=l.htmlMarkup,f=void 0===d?"h1":d,g=l.appearance,u=void 0===g?"title1":g,b=l.margin,y=void 0===b?0:b,T=l.testId,h=i(r.title,(t(n={},r["title--feature"],"titleFeature"===u),t(n,r["title--title1"],"title1"===u),t(n,r["title--title2"],"title2"===u),t(n,r["title--title3"],"title3"===u),t(n,r["title--title4"],"title4"===u),t(n,r["title--title5"],"title5"===u),n),p),j=f,v=o(y)?{marginTop:"".concat(y.marginTop,"rem"),marginBottom:"".concat(y.marginBottom,"rem")}:{marginTop:"".concat(y,"rem"),marginBottom:"".concat(y,"rem")};return e.createElement(j,{id:c,className:h,style:v,ref:m,"data-testid":T,"data-analyticsid":a.Title},s)}));export{l as T,o as i};
|
|
2
|
+
//# sourceMappingURL=Title-af53f589.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Title-af53f589.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import r from"react";import{c as a}from"./index-9b84fabc.js";import{F as e}from"./FormGroup-
|
|
2
|
-
//# sourceMappingURL=Validation-
|
|
1
|
+
import r from"react";import{c as a}from"./index-9b84fabc.js";import{F as e}from"./FormGroup-0577b07f.js";import t from"./components/Validation/styles.module.scss";import{A as o}from"./constants-ad6c82db.js";var s=r.forwardRef((function(s,m){var n=s.errorSummary,i=s.className,l=a(t.validation,i);return r.createElement(r.Fragment,null,r.createElement("div",{"data-testid":s.testId,"data-analyticsid":o.Validation,className:l},r.Children.map(s.children,(function(a){return a.type===e?r.cloneElement(a,{className:n?t["form-group-wrapper--error-sibling"]:""}):a}))),n&&r.createElement("p",{className:t.validation__errors},n))}));export{s as V};
|
|
2
|
+
//# sourceMappingURL=Validation-fd3f7f58.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Validation-fd3f7f58.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
function r(t){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(t)}function t(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function n(r,t){for(var n=0;n<t.length;n++){var e=t[n];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(r,e.key,e)}}function e(r,t,e){return t&&n(r.prototype,t),e&&n(r,e),r}function o(r,t,n){return t in r?Object.defineProperty(r,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):r[t]=n,r}function a(r,t){return function(r){if(Array.isArray(r))return r}(r)||function(r,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(r)))return;var n=[],e=!0,o=!1,a=void 0;try{for(var i,u=r[Symbol.iterator]();!(e=(i=u.next()).done)&&(n.push(i.value),!t||n.length!==t);e=!0);}catch(r){o=!0,a=r}finally{try{e||null==u.return||u.return()}finally{if(o)throw a}}return n}(r,t)||function(r,t){if(!r)return;if("string"==typeof r)return i(r,t);var n=Object.prototype.toString.call(r).slice(8,-1);"Object"===n&&r.constructor&&(n=r.constructor.name);if("Map"===n||"Set"===n)return Array.from(r);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return i(r,t)}(r,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(r,t){(null==t||t>r.length)&&(t=r.length);for(var n=0,e=new Array(t);n<t;n++)e[n]=r[n];return e}export{a as _,
|
|
2
|
-
//# sourceMappingURL=_rollupPluginBabelHelpers-
|
|
1
|
+
function r(t){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(t)}function t(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function n(r,t){for(var n=0;n<t.length;n++){var e=t[n];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(r,e.key,e)}}function e(r,t,e){return t&&n(r.prototype,t),e&&n(r,e),r}function o(r,t,n){return t in r?Object.defineProperty(r,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):r[t]=n,r}function a(r,t){return function(r){if(Array.isArray(r))return r}(r)||function(r,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(r)))return;var n=[],e=!0,o=!1,a=void 0;try{for(var i,u=r[Symbol.iterator]();!(e=(i=u.next()).done)&&(n.push(i.value),!t||n.length!==t);e=!0);}catch(r){o=!0,a=r}finally{try{e||null==u.return||u.return()}finally{if(o)throw a}}return n}(r,t)||function(r,t){if(!r)return;if("string"==typeof r)return i(r,t);var n=Object.prototype.toString.call(r).slice(8,-1);"Object"===n&&r.constructor&&(n=r.constructor.name);if("Map"===n||"Set"===n)return Array.from(r);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return i(r,t)}(r,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(r,t){(null==t||t>r.length)&&(t=r.length);for(var n=0,e=new Array(t);n<t;n++)e[n]=r[n];return e}export{a as _,r as a,o as b,e as c,t as d};
|
|
2
|
+
//# sourceMappingURL=_rollupPluginBabelHelpers-b8ef6dd9.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"_rollupPluginBabelHelpers-b8ef6dd9.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color-a10c7892.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import{I as r}from"../../Icon-89da8de4.js";import{A as
|
|
1
|
+
import e from"react";import{I as r}from"../../Icon-89da8de4.js";import{A as a,I as t}from"../../constants-ad6c82db.js";import{g as o}from"../../color-a10c7892.js";import{u as s}from"../../useHover-9710204a.js";import l from"./styles.module.scss";import{c as i}from"../../index-9b84fabc.js";import"../../_tslib-51c8a283.js";import"../../index-0e78dfa0.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../_rollupPluginBabelHelpers-b8ef6dd9.js";var n=function(r){var a=r.isExtraSmall,t=r.isHovered,o=e.createElement("path",{d:"M33.305 14.659v14.546h-1.3V16.948L15.804 33.149l-.919-.92 16.27-16.27-12.394.001v-1.301z"}),s=e.createElement("path",{d:"M36.52 11.537v14.545h-1.3l-.001-12.347-19.415 19.414-.919-.92 19.393-19.392-12.302.001v-1.301z"}),l=e.createElement("path",{d:"M18.76 14.426v1.768h11.83L14.719 32.065l1.251 1.25 15.801-15.801v11.691h1.768V14.426z"});return a?t?e.createElement("path",{d:"M22.076 11.122v1.769h11.736L14.819 31.884l1.252 1.25 19.015-19.015v11.782h1.769V11.122z"}):l:t?s:o},d=e.forwardRef((function(d,m){var c=d.id,f=d.href,p=d.children,v=d.className,h=d.target,u=void 0===h?"_self":h,b=d.testId,j="_blank"===u,E=s(m,void 0,!1),g=E.hoverRef,_=E.isHovered,z=i(l.anchorlink,null!=v?v:"");return e.createElement("a",{id:c,href:f,className:z,target:u,rel:j?"noopener noreferrer":void 0,ref:g,"data-testid":b,"data-analyticsid":a.AnchorLink},p,j&&e.createElement(r,{className:l.anchorlink__icon,svgIcon:n,color:o("blueberry",600),hoverColor:o("blueberry",700),size:t.XSmall,isHovered:_}))}));export default d;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a}from"../../_rollupPluginBabelHelpers-
|
|
1
|
+
import{b as a}from"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import e from"react";import{c as r}from"../../index-9b84fabc.js";import t from"./styles.module.scss";import{A as d}from"../../constants-ad6c82db.js";var b=e.forwardRef((function(b,l){var s,i=b.children,o=b.className,n=void 0===o?"":o,c=b.color,m=void 0===c?"black":c,g=b.testId,f=i.toString().length>2,u=r(t.badge,(a(s={},t["badge--oversized"],f),a(s,t["badge--black"],"black"===m),a(s,t["badge--white"],"white"===m),a(s,t["badge--blueberry"],"blueberry"===m),a(s,t["badge--banana"],"banana"===m),a(s,t["badge--cherry"],"cherry"===m),a(s,t["badge--kiwi"],"kiwi"===m),a(s,t["badge--neutral"],"neutral"===m),a(s,t["badge--plum"],"plum"===m),s),n);return e.createElement("span",{className:u,ref:l,"data-testid":g,"data-analyticsid":d.Badge},i)}));export default b;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{B as o}from"../../Button-
|
|
1
|
+
import{B as o}from"../../Button-d5147e38.js";export{B as default,i as intentToColor}from"../../Button-d5147e38.js";import"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import"../../_tslib-51c8a283.js";import"react";import"../../constants-ad6c82db.js";import"../../color-a10c7892.js";import"../../index-0e78dfa0.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../Icon-89da8de4.js";import"../../Loader-fa16a352.js";import"../../index-9b84fabc.js";import"../../uuid-fe7442b7.js";import"../Loader/styles.module.scss";import"../../useHover-9710204a.js";import"../../useWindowSize-750f9b68.js";import"./styles.module.scss";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -75,6 +75,7 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
|
|
|
75
75
|
&:disabled {
|
|
76
76
|
background-color: $neutral200;
|
|
77
77
|
border: 0.125rem solid $neutral200;
|
|
78
|
+
box-shadow: 0 0 0 0.25rem $neutral200;
|
|
78
79
|
color: $neutral600;
|
|
79
80
|
}
|
|
80
81
|
}
|
|
@@ -162,9 +163,17 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
|
|
|
162
163
|
}
|
|
163
164
|
}
|
|
164
165
|
&:disabled {
|
|
165
|
-
background-color:
|
|
166
|
+
background-color: transparent;
|
|
166
167
|
border: 0.125rem solid $neutral200;
|
|
167
168
|
color: $neutral600;
|
|
169
|
+
|
|
170
|
+
&:before {
|
|
171
|
+
border: none;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
&:after {
|
|
175
|
+
border: none;
|
|
176
|
+
}
|
|
168
177
|
}
|
|
169
178
|
}
|
|
170
179
|
&--outline#{&}--warning {
|
|
@@ -234,8 +243,6 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
|
|
|
234
243
|
padding: 0;
|
|
235
244
|
}
|
|
236
245
|
&:disabled {
|
|
237
|
-
background-color: $neutral200;
|
|
238
|
-
border: 0.125rem solid $neutral200;
|
|
239
246
|
color: $neutral600;
|
|
240
247
|
}
|
|
241
248
|
}
|
|
@@ -396,6 +403,10 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
|
|
|
396
403
|
margin-right: 2.5rem;
|
|
397
404
|
}
|
|
398
405
|
}
|
|
406
|
+
|
|
407
|
+
#{$button}:disabled & {
|
|
408
|
+
border-bottom: none;
|
|
409
|
+
}
|
|
399
410
|
}
|
|
400
411
|
|
|
401
412
|
&__left-fluid-content {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{_ as t}from"../../_rollupPluginBabelHelpers-
|
|
1
|
+
import{_ as t}from"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import s,{useState as e}from"react";import{B as o}from"../../Button-d5147e38.js";import{M as r}from"../../Modal-ad02991b.js";import"../../_tslib-51c8a283.js";import"../../constants-ad6c82db.js";import"../../color-a10c7892.js";import"../../index-0e78dfa0.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../Icon-89da8de4.js";import"../../Loader-fa16a352.js";import"../../index-9b84fabc.js";import"../../uuid-fe7442b7.js";import"../Loader/styles.module.scss";import"../../useHover-9710204a.js";import"../../useWindowSize-750f9b68.js";import"../Button/styles.module.scss";import"../Modal/styles.module.scss";import"../../AlertSignFill-e607ff43.js";import"../../useIsVisible-a1f67a11.js";import"../../Title-af53f589.js";import"../Title/styles.module.scss";import"../../Close-35ad7d35.js";import"../Close/styles.module.scss";import"../../useBreakpoint-552af2b9.js";import"react-dom";var i=s.forwardRef((function(i,m){var a=e(!1),l=t(a,2),d=l[0],p=l[1];return s.createElement("div",{"data-testid":i.testId},s.createElement(o,{onClick:function(){return p(!0)}},i.buttonText),d&&s.createElement(r,Object.assign({},i,{onClose:function(){return p(!1)}})))}));export default i;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{C as o}from"../../Checkbox-
|
|
1
|
+
import{C as o}from"../../Checkbox-798282e4.js";export{C as Checkbox,C as default}from"../../Checkbox-798282e4.js";import"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import"react";import"../../index-9b84fabc.js";import"../../uuid-fe7442b7.js";import"../../Check-6291ad09.js";import"../../Icon-89da8de4.js";import"../../_tslib-51c8a283.js";import"../../constants-ad6c82db.js";import"../../color-a10c7892.js";import"../../index-0e78dfa0.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"./styles.module.scss";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
margin: getSpacer(s) 0;
|
|
15
15
|
|
|
16
16
|
&--with-error {
|
|
17
|
-
padding: getSpacer(s) getSpacer(
|
|
17
|
+
padding: getSpacer(s) getSpacer(2xs) getSpacer(m);
|
|
18
18
|
background-color: $cherry100;
|
|
19
19
|
border-left: 0.25rem solid $cherry500;
|
|
20
20
|
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
&--bigform {
|
|
31
|
-
margin: getSpacer(
|
|
31
|
+
margin: getSpacer(2xs) 0 getSpacer(2xs) 0;
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
|
|
@@ -99,21 +99,21 @@
|
|
|
99
99
|
display: flex;
|
|
100
100
|
justify-content: center;
|
|
101
101
|
align-items: center;
|
|
102
|
-
margin: getSpacer(
|
|
102
|
+
margin: getSpacer(4xs) getSpacer(s) getSpacer(4xs) getSpacer(4xs);
|
|
103
103
|
height: 1.625rem;
|
|
104
104
|
width: 1.625rem;
|
|
105
105
|
min-width: auto !important;
|
|
106
106
|
min-height: auto !important;
|
|
107
107
|
color: $neutral700;
|
|
108
|
-
box-shadow: 0 0 0 getSpacer(
|
|
108
|
+
box-shadow: 0 0 0 getSpacer(4xs);
|
|
109
109
|
|
|
110
110
|
:hover > & {
|
|
111
|
-
box-shadow: 0 0 0 getSpacer(
|
|
111
|
+
box-shadow: 0 0 0 getSpacer(3xs);
|
|
112
112
|
background-color: $neutral100;
|
|
113
113
|
}
|
|
114
114
|
|
|
115
115
|
:active > & {
|
|
116
|
-
box-shadow: 0 0 0 getSpacer(
|
|
116
|
+
box-shadow: 0 0 0 getSpacer(3xs);
|
|
117
117
|
color: $black;
|
|
118
118
|
}
|
|
119
119
|
|
|
@@ -171,7 +171,7 @@
|
|
|
171
171
|
color: $neutral400;
|
|
172
172
|
}
|
|
173
173
|
:hover > & {
|
|
174
|
-
box-shadow: 0 0 0 getSpacer(
|
|
174
|
+
box-shadow: 0 0 0 getSpacer(4xs);
|
|
175
175
|
background-color: transparent;
|
|
176
176
|
}
|
|
177
177
|
|
|
@@ -189,7 +189,7 @@
|
|
|
189
189
|
|
|
190
190
|
&:focus {
|
|
191
191
|
& + .checkbox__icon-wrapper {
|
|
192
|
-
box-shadow: 0 0 0 getSpacer(
|
|
192
|
+
box-shadow: 0 0 0 getSpacer(3xs);
|
|
193
193
|
color: $black;
|
|
194
194
|
|
|
195
195
|
&--on-dark {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{C as s}from"../../Close-
|
|
1
|
+
import{C as s}from"../../Close-35ad7d35.js";export{C as default}from"../../Close-35ad7d35.js";import"react";import"../../palette-f206f488.js";import"../../Icon-89da8de4.js";import"../../_tslib-51c8a283.js";import"../../constants-ad6c82db.js";import"./styles.module.scss";import"../../useBreakpoint-552af2b9.js";import"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import"../../grid-11a70eb7.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{_ as e}from"../../_rollupPluginBabelHelpers-
|
|
1
|
+
import{_ as e}from"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import t,{useState as a,useRef as n,useEffect as r}from"react";import{I as o}from"../../Icon-89da8de4.js";import{Z as s,A as i,I as d}from"../../constants-ad6c82db.js";import{u as l}from"../../useHover-9710204a.js";import c from"./styles.module.scss";import{c as p}from"../../index-9b84fabc.js";import{C as m,a as _}from"../../ChevronUp-4b6797ef.js";import{B as u}from"../../Button-d5147e38.js";import{b as x,u as f}from"../../useSticky-194f2b78.js";import"../../_tslib-51c8a283.js";import"../../color-a10c7892.js";import"../../index-0e78dfa0.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../Loader-fa16a352.js";import"../../uuid-fe7442b7.js";import"../Loader/styles.module.scss";import"../../useWindowSize-750f9b68.js";import"../Button/styles.module.scss";var g;!function(e){e.small="small",e.large="large"}(g||(g={}));export default function(v){var b=v.title,j=v.children,E=v.size,y=void 0===E?g.small:E,I=v.color,N=v.svgIcon,h=v.expanded,k=void 0!==h&&h,z=v.noNestedLine,H=void 0!==z&&z,S=v.sticky,w=void 0!==S&&S,B=v.testId,C=v.onExpand,L=a(k),W=e(L,2),X=W[0],T=W[1],A=n(null),O=n(null),P=n(null),U=l(O).isHovered,Z=x(A,O),q=Z.isOutsideWindow,D=Z.isLeavingWindow,F=Z.offsetHeight,G=Z.contentWidth;f(P,X);var J=w&&X&&q;r((function(){k!==X&&T(k)}),[k]),r((function(){C&&C(!!X)}),[X,C]);var K=function(e){return t.createElement("span",{className:p(c.expander__icon,c["expander__icon--".concat(e)])},t.createElement(o,{svgIcon:X?m:_,size:d.XSmall,isHovered:U}))},M=p(c.expander__trigger,c["expander__trigger--".concat(y)],y===g.large&&c["expander__trigger--".concat(I||"neutral")],y===g.large&&N&&c["expander__trigger--icon"],X&&c["expander__trigger--expanded"],J&&!D&&c["expander__trigger--sticky"],J&&D&&c["expander__trigger--absolute"]),Q=p(c.expander__button,X&&c["expander__button--expanded"],J&&!D&&c["expander__button--sticky"],J&&D&&c["expander__button--absolute"]),R=p(c.expander__content,c["expander__content--".concat(y)],y===g.large&&c["expander__content--".concat(I||"neutral")],y===g.large&&N&&c["expander__content--icon"],X&&c["expander__content--expanded"],y===g.small&&!H&&c["expander__content--nested-line"]);return t.createElement("div",{className:c.expander,ref:A,style:{paddingTop:J&&F?"".concat(F,"px"):void 0}},y===g.large?t.createElement("button",{className:M,style:{zIndex:U||J?s.ExpanderTrigger:void 0,width:J&&G?"".concat(G,"px"):void 0},"aria-expanded":X,ref:O,onClick:function(){return T(!X)},"data-testid":B,"data-analyticsid":i.Expander},y===g.small&&K("left"),N&&t.createElement("span",{className:p(c.expander__icon,c["expander__icon--left"])},t.createElement(o,{svgIcon:N,size:d.XSmall,isHovered:U})),b,y===g.large&&K("right")):t.createElement(u,{variant:"borderless",className:Q,"aria-expanded":X,ref:O,onClick:function(){return T(!X)},testId:B,"data-analyticsid":i.Expander},t.createElement(o,{svgIcon:X?m:_,size:d.XSmall}),b),t.createElement("div",{className:R,ref:P},j))}export{g as ExpanderSize};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -10,14 +10,14 @@
|
|
|
10
10
|
display: flex;
|
|
11
11
|
align-items: center;
|
|
12
12
|
&--left {
|
|
13
|
-
margin-right: getSpacer(
|
|
13
|
+
margin-right: getSpacer(2xs);
|
|
14
14
|
@media (min-width: map-get($grid-breakpoints, md)) {
|
|
15
15
|
margin-right: getSpacer(s);
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
&--right {
|
|
19
19
|
margin-left: auto;
|
|
20
|
-
padding-left: getSpacer(
|
|
20
|
+
padding-left: getSpacer(2xs);
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
&__button {
|
|
@@ -46,14 +46,14 @@
|
|
|
46
46
|
|
|
47
47
|
&--large {
|
|
48
48
|
width: 100%;
|
|
49
|
-
padding:
|
|
49
|
+
padding: getSpacer(xs) getSpacer(2xs) getSpacer(xs) getSpacer(s);
|
|
50
50
|
|
|
51
51
|
@media (min-width: map-get($grid-breakpoints, md)) {
|
|
52
|
-
padding:
|
|
52
|
+
padding: getSpacer(xs) getSpacer(s) getSpacer(xs) getSpacer(l);
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
55
|
&--icon {
|
|
56
|
-
padding-left: getSpacer(
|
|
56
|
+
padding-left: getSpacer(2xs);
|
|
57
57
|
@media (min-width: map-get($grid-breakpoints, md)) {
|
|
58
58
|
padding-left: getSpacer(s);
|
|
59
59
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{_ as e,
|
|
1
|
+
import{_ as e,b as n}from"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import t,{useState as a,useEffect as i}from"react";import{I as r}from"../../Icon-89da8de4.js";import{A as o,I as d}from"../../constants-ad6c82db.js";import{C as s,a as l}from"../../ChevronUp-4b6797ef.js";import{u as c}from"../../useHover-9710204a.js";import{u as m,B as p}from"../../useBreakpoint-552af2b9.js";import{c as u}from"../../index-9b84fabc.js";import f from"./styles.module.scss";import"../../_tslib-51c8a283.js";import"../../grid-11a70eb7.js";var x=t.forwardRef((function(e,a){var i,x=e.id,v=e.children,g=e.padding,E=void 0===g||g,_=e.color,b=void 0===_?"neutral":_,h=e.className,k=void 0===h?"":h,j=e.icon,N=e.large,C=void 0!==N&&N,w=e.title,H=e.isExpanded,I=void 0!==H&&H,y=e.testId,B=e.handleExpanderClick,O=c(),R=O.hoverRef,S=O.isHovered,z=m(),L=u(f["expander-list-link"],f["expander-list-link--".concat(b)],(n(i={},f["expander-list-link--closed"],!I),n(i,f["expander-list-link--large"],C),i)),P=u(f["expander-list-link__main-content"],E?f["expander-list-link__main-content--padding"]:"");return t.createElement("li",{className:k,ref:a},t.createElement("button",{id:x,onClick:B,"data-testid":y,"data-analyticsid":o.Expander,className:L,ref:R},j&&t.createElement("span",{className:f["expander-list-link__icon"]},t.cloneElement(j,{size:z===p.xs?d.XSmall:d.Small,isHovered:S})),t.createElement("span",{className:f["expander-list-link__title"]},w),t.createElement("span",{className:f["expander-list-link__chevron"]},t.createElement(r,{size:d.XSmall,svgIcon:I?s:l,isHovered:S}))),I?t.createElement("div",{className:P},v):null)})),v=t.forwardRef((function(r,d){var s=r.children,l=r.childPadding,c=void 0===l||l,m=r.large,p=r.isOpen,v=void 0!==p&&p,g=r.color,E=r.className,_=void 0===E?"":E,b=r.accordion,h=void 0!==b&&b,k=r.topBorder,j=void 0===k||k,N=r.bottomBorder,C=void 0===N||N,w=r.testId,H=a({}),I=e(H,2),y=I[0],B=I[1],O=a(),R=e(O,2),S=R[0],z=R[1],L=t.Children.count(s),P=u(f["expander-list"],_);return i((function(){var e,n,t,a,i;!h||!S||(e=S.getBoundingClientRect(),n=e.top,t=e.left,a=e.bottom,i=e.right,n>=0&&t>=0&&a<=(window.innerHeight||document.documentElement.clientHeight)&&i<=(window.innerWidth||document.documentElement.clientWidth))||S.scrollIntoView()}),[h,S]),i((function(){if(v){var e="expander-0";B((function(t){return h?n({},e,!t[e]):Object.assign(Object.assign({},t),n({},e,!t[e]))}))}}),[v]),t.createElement("ul",{className:P,ref:d,"data-testid":w,"data-analyticsid":o.ExpanderList},t.Children.map(s,(function(e,a){if(e.type===x){var i=y["expander-".concat(a)],r=function(e){var t;return u(f["expander-list__item"],(n(t={},f["expander-list__item--top"],0===e&&j),n(t,f["expander-list__item--no-bottom"],e===L-1&&!C),t))}(a);return t.cloneElement(e,{id:"expander-".concat(a),key:"expander-".concat(a),isExpanded:i,padding:c,color:g,large:m,"aria-expanded":i,className:r,handleExpanderClick:function(e){return function(e,t){B((function(e){return h?n({},t,!e[t]):Object.assign(Object.assign({},e),n({},t,!e[t]))})),z(e.currentTarget)}(e,"expander-".concat(a))}})}return e})))}));v.Expander=x,x.displayName="ExpanderList.Expander";export default v;export{v as ExpanderList};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -24,12 +24,12 @@
|
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
.expander-list-link {
|
|
27
|
-
padding: getSpacer(
|
|
27
|
+
padding: getSpacer(2xs) 0 getSpacer(2xs) 0;
|
|
28
28
|
font-size: $font-size-sm;
|
|
29
29
|
line-height: $lineheight-size-sm;
|
|
30
30
|
@media (min-width: map-get($grid-breakpoints, md)) {
|
|
31
|
-
padding-left: getSpacer(
|
|
32
|
-
padding-right: getSpacer(
|
|
31
|
+
padding-left: getSpacer(2xs);
|
|
32
|
+
padding-right: getSpacer(2xs);
|
|
33
33
|
font-size: $font-size-md;
|
|
34
34
|
line-height: $lineheight-size-md;
|
|
35
35
|
}
|
|
@@ -131,14 +131,14 @@
|
|
|
131
131
|
&__icon {
|
|
132
132
|
display: flex;
|
|
133
133
|
align-items: center;
|
|
134
|
-
margin-right: getSpacer(
|
|
134
|
+
margin-right: getSpacer(2xs);
|
|
135
135
|
}
|
|
136
136
|
|
|
137
137
|
&__chevron {
|
|
138
138
|
display: flex;
|
|
139
139
|
align-items: center;
|
|
140
140
|
margin-left: auto;
|
|
141
|
-
padding-left: getSpacer(
|
|
141
|
+
padding-left: getSpacer(2xs);
|
|
142
142
|
}
|
|
143
143
|
|
|
144
144
|
&__main-content {
|
|
@@ -147,8 +147,8 @@
|
|
|
147
147
|
&--padding {
|
|
148
148
|
padding: getSpacer(m) 0 getSpacer(m) 0;
|
|
149
149
|
@media (min-width: map-get($grid-breakpoints, md)) {
|
|
150
|
-
padding-left: getSpacer(
|
|
151
|
-
padding-right: getSpacer(
|
|
150
|
+
padding-left: getSpacer(2xs);
|
|
151
|
+
padding-right: getSpacer(2xs);
|
|
152
152
|
}
|
|
153
153
|
}
|
|
154
154
|
}
|