@helsenorge/designsystem-react 1.0.0-beta122 → 1.0.0-beta125

package/hooks/useToggle.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Hook for å toggle en boolean og kjøre en callback når verdien endres
+ *
+ * @param initialValue Initiell verdi for boolean
+ * @param callback Funksjon som kalles når value endrer verdi (optional)
+ * @returns Objekt med nåværende verdi og funksjon som kan kalles for å toggle verdien
+ */
+export declare const useToggle: (initialValue: boolean, callback?: ((value: boolean) => void) | undefined) => {
+    value: boolean;
+    toggleValue: () => void;
+};
+//# sourceMappingURL=useToggle.d.ts.map

package/hooks/useToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggle.d.ts","sourceRoot":"","sources":["../../src/hooks/useToggle.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,eAAO,MAAM,SAAS;;;CAqBrB,CAAC"}

package/hooks/useUuid.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Returner unik uuid som ikke endrer seg for hver render
+ *
+ * @returns uuid-string
+ */
+export declare const useUuid: () => string;
+//# sourceMappingURL=useUuid.d.ts.map

package/hooks/useUuid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUuid.d.ts","sourceRoot":"","sources":["../../src/hooks/useUuid.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,OAAO,cAInB,CAAC"}

package/index.d.ts

@@ -10,6 +10,11 @@ export { usePrevious } from './hooks/usePrevious';
 export { useSticky } from './hooks/useSticky';
 export { useWindowSize } from './hooks/useWindowSize';
 export { useSize } from './hooks/useSize';
+export { useResizeObserver } from './hooks/useResizeObserver';
+export { useToggle } from './hooks/useToggle';
+export { useKeyboardEvent } from './hooks/useKeyboardEvent';
+export { useOutsideEvent } from './hooks/useOutsideEvent';
+export { useUuid } from './hooks/useUuid';
 export { uuid } from './utils/uuid';
 export * from './constants';
 //# sourceMappingURL=index.d.ts.map

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,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,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,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,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{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};
+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{b as useKeyboardEvent,c as useOutsideEvent,u as useResizeObserver,a as useToggle}from"./useOutsideEvent-342977b9.js";export{u as useUuid}from"./useUuid-24176312.js";export{u as uuid}from"./uuid-11037462.js";export{A as AnalyticsId,F as FormMode,a as FormVariant,I as IconSize,K as KeyboardEventKey,Z as ZIndex}from"./constants-088e1d4a.js";import"./palette-f206f488.js";import"./grid-c105cad1.js";var o=function(o){var u=r(),a=s(u,2),t=a[0],i=a[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-beta122",
+  "version": "1.0.0-beta125",
   "description": "The official design system for Helsenorge built with React.",
   "repository": {
     "type": "tfs",

package/scss/typography.module.scss.d.ts

@@ -1,25 +1,25 @@
-export type Styles = {
-  'anchorlink-wrapper': string;
-  'focused-content': string;
-  form: string;
-  'image-caption': string;
-  'image-credit': string;
-  label: string;
-  legend: string;
-  preamble: string;
-  strong: string;
-  table: string;
-  time: string;
-  'title-feature': string;
-  title1: string;
-  title2: string;
-  title3: string;
-  title4: string;
-  title5: string;
-};
-
-export type ClassNames = keyof Styles;
-
-declare const styles: Styles;
-
-export default styles;
+export type Styles = {
+  'anchorlink-wrapper': string;
+  'focused-content': string;
+  form: string;
+  'image-caption': string;
+  'image-credit': string;
+  label: string;
+  legend: string;
+  preamble: string;
+  strong: string;
+  table: string;
+  time: string;
+  'title-feature': string;
+  title1: string;
+  title2: string;
+  title3: string;
+  title4: string;
+  title5: string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/useOutsideEvent-342977b9.js

@@ -0,0 +1,2 @@
+import{_ as n}from"./_rollupPluginBabelHelpers-4f206abf.js";import{useState as r,useEffect as e}from"react";import{u as t}from"./usePrevious-ae293b10.js";var u=function(t){var u=r(),o=n(u,2),i=o[0],c=o[1];return e((function(){var n=new ResizeObserver((function(n){c(n[0].target.getBoundingClientRect())}));return(null==t?void 0:t.current)&&n.observe(null==t?void 0:t.current),n.disconnect}),[t]),i},o=function(u,o){var i=r(u),c=n(i,2),a=c[0],v=c[1],f=t(a);return e((function(){u!==a&&v(u)}),[u]),e((function(){o&&a!==!!f&&o(a)}),[a,o]),{value:a,toggleValue:function(){v(!a)}}},i=function(n,r,t,u){e((function(){var e,o=function(n){(n.key===t||Array.isArray(t)&&t.includes(n.key))&&u(n)};return null===(e=r.current)||void 0===e||e.addEventListener(n,o),function(){var e;null===(e=r.current)||void 0===e||e.removeEventListener(n,o)}}),[r,u])},c=function(n,r){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:["mousedown"],u=function(e){var t;(null===(t=n.current)||void 0===t?void 0:t.contains(e.target))||r()};e((function(){return t.forEach((function(n){return document.addEventListener(n,u)})),function(){t.forEach((function(n){return document.removeEventListener(n,u)}))}}))};export{o as a,i as b,c,u};
+//# sourceMappingURL=useOutsideEvent-342977b9.js.map

package/useOutsideEvent-342977b9.js.map

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

package/useUuid-24176312.js

@@ -0,0 +1,2 @@
+import{_ as r}from"./_rollupPluginBabelHelpers-4f206abf.js";import{useState as o}from"react";import{u as a}from"./uuid-11037462.js";var u=function(){var u=o(a());return r(u,1)[0]};export{u};
+//# sourceMappingURL=useUuid-24176312.js.map

package/useUuid-24176312.js.map

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

package/uuid-11037462.js

@@ -0,0 +1,2 @@
+var x=function(){return"test"===process.env.NODE_ENV?"test":"bxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx".replace(/[x]/g,(function(x){var t=16*Math.random()|0;return("x"==x?t:3&t|8).toString(16)}))},t=Object.freeze({__proto__:null,uuid:x,default:x});export{t as a,x as u};
+//# sourceMappingURL=uuid-11037462.js.map

package/uuid-11037462.js.map

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

package/Badge-2d8d73dd.js.map

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

package/Button-19ee3464.js.map

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

package/Checkbox-ca6c635d.js

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

package/Checkbox-ca6c635d.js.map

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

package/Close-476c50c6.js.map

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

package/FormGroup-a776b535.js.map

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

package/FormLayout-8d6d4552.js

@@ -1,2 +0,0 @@
-import{d as o}from"./_rollupPluginBabelHelpers-4f206abf.js";import t from"react";import{c as r}from"./index-9b84fabc.js";import e from"./components/FormLayout/styles.module.scss";import{a,A as n}from"./constants-4fe8c7ff.js";var i;!function(o){o.one="one",o.two="two",o.three="three",o.four="four",o.five="five"}(i||(i={}));var f=t.forwardRef((function(f,m){var l,s=f.maxColumns,c=void 0===s?i.one:s,u=f.colMinWidth,d=void 0===u?300:u,p=f.variant,v=f.className,y=f.mapHelper,h={"--min-col-width":"".concat(d,"px")},b=r(e["form-layout-container"],(o(l={},e["form-layout-container--bigform"],p===a.bigform),o(l,e["form-layout-container--two"],c===i.two),o(l,e["form-layout-container--three"],c===i.three),o(l,e["form-layout-container--four"],c===i.four),o(l,e["form-layout-container--five"],c===i.five),l),v);return t.createElement("div",{"data-testid":f.testId,"data-analyticsid":n.FormLayout,style:h,className:b},t.Children.map(f.children,(function(o){return t.createElement("div",null,y?y(o):o)})))}));export{f as F,i as a};
-//# sourceMappingURL=FormLayout-8d6d4552.js.map

package/FormLayout-8d6d4552.js.map

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

package/Input-cd941f2f.js.map

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

package/Loader-2f304e4f.js.map

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

package/Modal-d0213453.js.map

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

package/Panel-33611d84.js.map

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

package/RadioButton-6a868eb3.js.map

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

package/Textarea-1c857a8a.js.map

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

package/Title-2522b5b9.js

@@ -1,2 +0,0 @@
-import{d as t}from"./_rollupPluginBabelHelpers-4f206abf.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-4fe8c7ff.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,f=l.htmlMarkup,d=void 0===f?"h1":f,g=l.appearance,u=void 0===g?"title1":g,y=l.margin,T=void 0===y?0:y,b=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=d,v=o(T)?{marginTop:"".concat(T.marginTop,"rem"),marginBottom:"".concat(T.marginBottom,"rem")}:{marginTop:"".concat(T,"rem"),marginBottom:"".concat(T,"rem")};return e.createElement(j,{id:c,className:h,style:v,ref:m,"data-testid":b,"data-analyticsid":a.Title},s)}));export{l as T,o as i};
-//# sourceMappingURL=Title-2522b5b9.js.map

package/Title-2522b5b9.js.map

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

package/Validation-fa8b28c3.js.map

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

package/constants-4fe8c7ff.js

@@ -1,2 +0,0 @@
-var a,o,n,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"}(o||(o={})),function(a){a.onwhite="onwhite",a.ongrey="ongrey",a.onblueberry="onblueberry",a.ondark="ondark",a.oninvalid="oninvalid"}(n||(n={})),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.FormLayout="form-layout",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,n as F,a as I,o as Z,e as a};
-//# sourceMappingURL=constants-4fe8c7ff.js.map

package/constants-4fe8c7ff.js.map

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

package/uuid-fe7442b7.js

@@ -1,2 +0,0 @@
-var x=function(){return"test"===process.env.NODE_ENV?"test":"bxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx".replace(/[x]/g,(function(x){var t=16*Math.random()|0;return("x"==x?t:3&t|8).toString(16)}))};export{x as u};
-//# sourceMappingURL=uuid-fe7442b7.js.map

package/uuid-fe7442b7.js.map

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