@helsenorge/designsystem-react 1.0.0-beta117 → 1.0.0-beta120

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,cAAc,aAAa,CAAC"}

package/index.js

@@ -1,2 +1,2 @@
-export{t as theme}from"./index-d1c9177a.js";export{B as Breakpoint,u as useBreakpoint}from"./useBreakpoint-6eb418f7.js";export{u as useFocusToggle,a as useFocusTrap,b as useIntersectionObserver,c as useIsVisible}from"./useIsVisible-fad4d769.js";export{u as useHover}from"./useHover-026f72c1.js";import{u as e}from"./useWindowSize-5cc481da.js";export{u as useLayoutEvent,a as useWindowSize}from"./useWindowSize-5cc481da.js";export{u as usePrevious}from"./usePrevious-ae293b10.js";export{u as useSticky}from"./useSticky-807e5dde.js";import{_ as s}from"./_rollupPluginBabelHelpers-4f206abf.js";import{useState as r}from"react";export{A as AnalyticsId,F as FormMode,a as FormVariant,I as IconSize,Z as ZIndex}from"./constants-dd6fd92d.js";import"./palette-f206f488.js";import"./grid-c105cad1.js";var o=function(o){var a=r(),t=s(a,2),u=t[0],i=t[1];return e((function(){(null==o?void 0:o.current)&&i(o.current.getBoundingClientRect())})),u};export{o as useSize};
+export{t as theme}from"./index-d1c9177a.js";export{B as Breakpoint,u as useBreakpoint}from"./useBreakpoint-6eb418f7.js";export{u as useFocusToggle,a as useFocusTrap,b as useIntersectionObserver,c as useIsVisible}from"./useIsVisible-fad4d769.js";export{u as useHover}from"./useHover-026f72c1.js";import{u as e}from"./useWindowSize-5cc481da.js";export{u as useLayoutEvent,a as useWindowSize}from"./useWindowSize-5cc481da.js";export{u as usePrevious}from"./usePrevious-ae293b10.js";export{u as useSticky}from"./useSticky-807e5dde.js";import{_ as s}from"./_rollupPluginBabelHelpers-4f206abf.js";import{useState as r}from"react";export{u as uuid}from"./uuid-fe7442b7.js";export{A as AnalyticsId,F as FormMode,a as FormVariant,I as IconSize,Z as ZIndex}from"./constants-4fe8c7ff.js";import"./palette-f206f488.js";import"./grid-c105cad1.js";var o=function(o){var a=r(),u=s(a,2),t=u[0],i=u[1];return e((function(){(null==o?void 0:o.current)&&i(o.current.getBoundingClientRect())})),t};export{o as useSize};
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@helsenorge/designsystem-react",
   "sideEffects": false,
-  "version": "1.0.0-beta117",
+  "version": "1.0.0-beta120",
   "description": "The official design system for Helsenorge built with React.",
   "repository": {
     "type": "tfs",
@@ -38,14 +38,14 @@
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",
     "@rollup/plugin-typescript": "^4.1.2",
-    "@storybook/addon-a11y": "^5.3.13",
-    "@storybook/addon-actions": "^5.3.12",
-    "@storybook/addon-backgrounds": "^5.3.12",
-    "@storybook/addon-centered": "^5.3.12",
-    "@storybook/addon-knobs": "^5.3.12",
-    "@storybook/addon-viewport": "^5.3.12",
-    "@storybook/addons": "^5.3.12",
-    "@storybook/react": "^5.3.12",
+    "@storybook/addon-a11y": "^5.3.21",
+    "@storybook/addon-actions": "^5.3.21",
+    "@storybook/addon-backgrounds": "^5.3.21",
+    "@storybook/addon-centered": "^5.3.21",
+    "@storybook/addon-knobs": "^5.3.21",
+    "@storybook/addon-viewport": "^5.3.21",
+    "@storybook/addons": "^5.3.21",
+    "@storybook/react": "^5.3.21",
     "@svgr/core": "^4.3.3",
     "@testing-library/jest-dom": "^5.9.0",
     "@testing-library/react": "^10.0.5",

package/Badge-de6c8a84.js

@@ -1,2 +0,0 @@
-import{d as a}from"./_rollupPluginBabelHelpers-4f206abf.js";import e from"react";import{c as r}from"./index-9b84fabc.js";import d from"./components/Badge/styles.module.scss";import{A as t}from"./constants-dd6fd92d.js";var s=e.forwardRef((function(s,o){var b,l=s.children,i=s.className,n=void 0===i?"":i,c=s.color,m=void 0===c?"black":c,g=s.testId,f=l.toString().length>2,p=r(d.badge,(a(b={},d["badge--oversized"],f),a(b,d["badge--black"],"black"===m),a(b,d["badge--white"],"white"===m),a(b,d["badge--blueberry"],"blueberry"===m),a(b,d["badge--banana"],"banana"===m),a(b,d["badge--cherry"],"cherry"===m),a(b,d["badge--kiwi"],"kiwi"===m),a(b,d["badge--neutral"],"neutral"===m),a(b,d["badge--plum"],"plum"===m),b),n);return e.createElement("span",{className:p,ref:o,"data-testid":g,"data-analyticsid":t.Badge},l)}));export{s as B};
-//# sourceMappingURL=Badge-de6c8a84.js.map

package/Badge-de6c8a84.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge-de6c8a84.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/Button-81c39cdc.js

@@ -1,2 +0,0 @@
-import{_ as t,d as e}from"./_rollupPluginBabelHelpers-4f206abf.js";import{_ as n}from"./_tslib-51c8a283.js";import o from"react";import{A as r,I as l}from"./constants-dd6fd92d.js";import{g as i}from"./color-e7d082c1.js";import{L as a}from"./Loader-72869219.js";import{u as s}from"./useHover-026f72c1.js";import{a as d}from"./useWindowSize-5cc481da.js";import{b as u}from"./grid-c105cad1.js";import{c}from"./index-9b84fabc.js";import m from"./components/Button/styles.module.scss";var f={primary:"blueberry",warning:"banana",danger:"cherry"},b=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.id,w=u.children,j=u.className,E=void 0===j?"":j,y=u.fluid,I=void 0!==y&&y,k=u.intent,N=void 0===k?"primary":k,x=u.inverted,B=void 0!==x&&x,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,A=u.variant,L=void 0===A?"fill":A,R=u.disabled,X=void 0!==R&&R,P=u.ellipsis,W=void 0!==P&&P,q=u.tabIndex,D=u.testId,G=u.href,J=u.target,K=n(u,["id","children","className","fluid","intent","inverted","htmlMarkup","onClick","large","loading","variant","disabled","ellipsis","tabIndex","testId","href","target"]),Q=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(w)),T=t(Q,3),U=T[0],V=T[1],Y=T[2],Z=s(p),$=Z.hoverRef,tt=Z.isHovered,et=function(t,e,n,o,r){return e?i("neutral",600):t&&!o||!t&&o?"white":i(f[n],r?700:600)}("fill"===L,X,N,B,tt),nt=d(),ot="fill"===L,rt="outline"===L,lt="borderless"===L,it="warning"===N,at="danger"===N,st=!(!U&&!V||M),dt=Object.assign({},K),ut=c(m.button,(e(v={},m["button--fluid"],I),e(v,m["button--large"],z),e(v,m["button--warning"],it),e(v,m["button--danger"],at),e(v,m["button--inverted"],B),e(v,m["button--fill"],ot),e(v,m["button--outline"],rt),e(v,m["button--borderless"],lt),e(v,m["button--with-icon"],st),e(v,m["button--ellipsis"],W),v),E),ct=c(m.button__content,(e(_={},m["button__content--warning"],it),e(_,m["button__content--danger"],at),e(_,m["button__content--fill"],ot),e(_,m["button__content--borderless"],lt),e(_,m["button__content--with-icon"],st&&!lt),e(_,m["button__content--large"],z),e(_,m["button__content--ellipsis"],W),e(_,m["button__content--inverted"],B),e(_,m["button__content--fluid"],I),_)),mt=c(m["button__left-fluid-content"],(e(g={},m["button__left-fluid-content--with-icon"],st),e(g,m["button__left-fluid-content--large"],z),g));function ft(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 bt=function(){return Y?o.createElement("span",{className:ct},Y):null},pt=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"!==L||B?f[N]:"white",size:"tiny"})):o.createElement(o.Fragment,null,I?o.createElement("div",{className:mt},ft(U,b(z,nt.width),et,tt),bt()):o.createElement(o.Fragment,null,ft(U,b(z,nt.width),et,tt),bt()),ft(V,l.XSmall,et,tt)))};return o.createElement(o.Fragment,null,"button"===H&&o.createElement("button",Object.assign({id:h,onClick:O,disabled:X,"data-testid":D,"data-analyticsid":r.Button,className:ut,ref:$,tabIndex:q},dt),pt()),"a"===H&&o.createElement("a",Object.assign({id:h,onClick:O,"data-testid":D,"data-analyticsid":r.Button,className:ut,href:G,target:J,rel:"_blank"===J?"noopener noreferrer":u.rel,ref:$,tabIndex:q},K),pt()))}));export{p as B,f as i};
-//# sourceMappingURL=Button-81c39cdc.js.map

package/Button-81c39cdc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-81c39cdc.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/Checkbox-77c5eb81.js

@@ -1,2 +0,0 @@
-import{_ as e,d as o}from"./_rollupPluginBabelHelpers-4f206abf.js";import r,{useState as c,useEffect as a}from"react";import{c as l}from"./index-9b84fabc.js";import{u as s}from"./uuid-fe7442b7.js";import n from"./components/Icons/Check.js";import{Icon as i}from"./components/Icons/Icon.js";import{F as b,a as t,A as m,I as d}from"./constants-dd6fd92d.js";import{g as p}from"./color-e7d082c1.js";import h from"./components/Checkbox/styles.module.scss";var k=r.forwardRef((function(k,x){var f,u,v,_=k.className,w=k.checked,y=void 0!==w&&w,g=k.disabled,j=k.label,I=k.inputId,N=void 0===I?s():I,E=k.mode,C=k.name,F=void 0===C?N:C,z=k.variant,A=k.errorText,B=k.error,H=void 0===B?!!A:B,P=k.value,R=void 0===P?j:P,S=c(y),T=e(S,2),X=T[0],q=T[1],D=H||E===b.oninvalid,G=E===b.ondark,J=E===b.onblueberry,K=z===t.bigform,L=l(h["checkbox-wrapper"],(o(f={},h["checkbox-wrapper--with-error"],A),o(f,h["checkbox-wrapper--bigform"],K),f)),M=l(h["checkbox-label"],(o(u={},h["checkbox-label--disabled"],g),o(u,h["checkbox-label--on-dark"],G),o(u,h["checkbox-label--on-blueberry"],J),o(u,h["checkbox-label--invalid"],D),o(u,h["checkbox-label--bigform"],K),u)),O=l(h.checkbox,_),Q=l(h["checkbox__icon-wrapper"],(o(v={},h["checkbox__icon-wrapper--checked"],X),o(v,h["checkbox__icon-wrapper--disabled"],g),o(v,h["checkbox__icon-wrapper--on-dark"],G),o(v,h["checkbox__icon-wrapper--on-blueberry"],J),o(v,h["checkbox__icon-wrapper--invalid"],D),v)),U=l(h["checkbox-errors"],o({},h["checkbox-errors--bigform"],K)),V=p("blueberry",500);return g&&(V=p("neutral",400)),G&&(V=p("blueberry",200)),D&&(V=p("cherry",500)),a((function(){q(y)}),[y]),r.createElement("div",{"data-testid":k.testId,"data-analyticsid":m.Checkbox,className:L},A&&r.createElement("p",{className:U},A),r.createElement("label",{htmlFor:N,className:M},r.createElement("input",{id:N,name:F,className:O,type:"checkbox",checked:X,disabled:g,onChange:function(){q(!X)},value:R,ref:x,"aria-invalid":H}),r.createElement("span",{className:Q},X&&r.createElement(i,{color:V,className:h.checkbox__icon,svgIcon:n,size:d.XSmall})),j))}));export{k as C};
-//# sourceMappingURL=Checkbox-77c5eb81.js.map

package/Checkbox-77c5eb81.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox-77c5eb81.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/Close-2208b6a2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Close-2208b6a2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/FormGroup-59af8a47.js

@@ -1,2 +0,0 @@
-import{d as e}from"./_rollupPluginBabelHelpers-4f206abf.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-77c5eb81.js";import{F as m,a as n,A as l}from"./constants-dd6fd92d.js";import{R as i}from"./RadioButton-0b6fb2c2.js";import{I as p}from"./Input-bb2921c2.js";import{T as s}from"./Title-42d581cc.js";var f=r.forwardRef((function(f,d){var c,u,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(c={},o["form-group-wrapper--on-dark"],N),e(c,o["form-group-wrapper--invalid"],y),c),v),F=a(o["form-group-wrapper__title"],(e(u={},o["form-group-wrapper__title--on-dark"],N&&!y),e(u,o["form-group-wrapper__title--bigform"],h),u)),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};
-//# sourceMappingURL=FormGroup-59af8a47.js.map

package/FormGroup-59af8a47.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormGroup-59af8a47.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/Input-bb2921c2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input-bb2921c2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/Loader-72869219.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Loader-72869219.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/Modal-aeb33706.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal-aeb33706.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/Panel-6db84e0d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Panel-6db84e0d.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/RadioButton-0b6fb2c2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioButton-0b6fb2c2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/Textarea-d228fc34.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Textarea-d228fc34.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/Title-42d581cc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Title-42d581cc.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/Validation-38e94036.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Validation-38e94036.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/constants-dd6fd92d.js

@@ -1,2 +0,0 @@
-var a,n,o,e,i;!function(a){a[a.XXSmall=24]="XXSmall",a[a.XSmall=38]="XSmall",a[a.Small=48]="Small",a[a.Medium=64]="Medium",a[a.Large=80]="Large",a[a.XLarge=130]="XLarge"}(a||(a={})),function(a){a[a.Modal=13e5]="Modal",a[a.ExpanderTrigger=1e4]="ExpanderTrigger"}(n||(n={})),function(a){a.onwhite="onwhite",a.ongrey="ongrey",a.onblueberry="onblueberry",a.ondark="ondark",a.oninvalid="oninvalid"}(o||(o={})),function(a){a.normal="normal",a.bigform="bigform"}(e||(e={})),function(a){a.AnchorLink="anchor-link",a.Avatar="avatar",a.Badge="badge",a.Button="button",a.Checkbox="checkbox",a.Close="close",a.Expander="expander",a.ExpanderList="expander-list",a.ExpanderListExpander="expander-list-expander",a.FormGroup="form-group",a.HighlightBox="highlight-box",a.Icon="icon",a.Input="input",a.Link="link",a.LinkList="link-list",a.List="list",a.Loader="loader",a.Logo="logo",a.Modal="modal",a.NotificationPanel="notification-panel",a.Panel="panel",a.PanelList="panel-list",a.Portal="portal",a.RadioButton="radio-button",a.Slider="slider",a.Spacer="spacer",a.StatusDot="status-dot",a.Textarea="textarea",a.Tile="tile",a.Title="title",a.Validation="validation"}(i||(i={}));export{i as A,o as F,a as I,n as Z,e as a};
-//# sourceMappingURL=constants-dd6fd92d.js.map

package/constants-dd6fd92d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants-dd6fd92d.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}