@helsenorge/designsystem-react 1.0.0-beta123 → 1.0.0-beta126

package/components/Tag/index.js

@@ -0,0 +1,2 @@
+import{d as o}from"../../_rollupPluginBabelHelpers-0f007973.js";import t from"react";import{c as a}from"../../index-b4162bbf.js";import{Icon as e}from"../Icons/Icon.js";import{A as r,I as n}from"../../constants-088e1d4a.js";import{p as c}from"../../palette-f206f488.js";import s from"./styles.module.scss";import{u as i}from"../../useHover-b995a0e6.js";import m from"../Icons/Undo.js";import l from"../Icons/X.js";import"../../_tslib-51c8a283.js";var d,u,f;!function(o){o.medium="medium",o.large="large"}(d||(d={})),function(o){o.remove="remove",o.undo="undo"}(u||(u={})),function(o){o.normal="normal",o.oncolor="oncolor",o.emphasised="emphasised"}(f||(f={}));var v=function(o){var d=o.children,u=o.size,f=o.color,v=o.variant,g=o.action,p=o.onClick,b=o.testId,I=i(),j=I.hoverRef,h=I.isHovered,y=a(s.tag,s["tag--".concat(u)],s["tag--".concat(g)],s["tag--has-action"],"remove"===g&&[s["tag--".concat(f)],s["tag--".concat(v)]]);return t.createElement("button",{className:y,onClick:p,ref:j,type:"button","data-testid":b,"data-analyticsid":r.Tag},d,t.createElement(e,{svgIcon:function(){switch(g){case"remove":return l;case"undo":return m}}(),size:n.XXSmall,color:c["".concat("undo"===g?"blueberry":f,"800")],isHovered:h}))},g=function(i){var m=i.children,l=i.size,u=void 0===l?d.medium:l,f=i.color,g=void 0===f?"blueberry":f,p=i.svgIcon,b=i.variant,I=void 0===b?"normal":b,j=i.action,h=i.onClick,y=i.testId,z=a(s.tag,s["tag--".concat(u)],s["tag--".concat(g)],s["tag--".concat(I)],o({},s["tag--has-icon"],p));return j&&h?t.createElement(v,{size:u,color:g,variant:I,action:j,onClick:h,testId:y},m):t.createElement("span",{className:z,"data-testid":y,"data-analyticsid":r.Tag},p&&t.createElement(e,{svgIcon:p,size:n.XXSmall,color:c["".concat(g,"800")],className:s.tag__icon}),m)};export{u as TagAction,d as TagSize,f as TagVariant,g as default};
+//# sourceMappingURL=index.js.map

package/components/Tag/index.js.map

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

package/components/Tag/styles.module.scss

@@ -0,0 +1,175 @@
+@import '../../scss/_spacers.scss';
+@import '../../scss/_breakpoints.scss';
+@import '../../scss/_palette.scss';
+@import '../../scss/_font-settings.scss';
+
+/**
+* Konverter en gjennomsiktig farge til en ugjennomsiktig farge ved å simulere fargen plassert
+* på en bakgrunnsfarge (f.eks. 50% gjennomsiktig $blueberry200 på hvit bakgrunn).
+* 
+* Fra https://makandracards.com/makandra/42500-sass-how-to-convert-an-rgba-color-to-its-rgb-look-alike
+* 
+* @param $rgba Farge med alpha-verdi, f.eks. rgba(black, 0.67)
+* @param $background Bakgrunnsfarge. Default: $white
+* 
+* @returns Farge uten gjennomsiktighet
+*/
+@function rgba-to-rgb($rgba, $background: $white) {
+  @return mix(rgb(red($rgba), green($rgba), blue($rgba)), $background, alpha($rgba) * 100%);
+}
+
+.tag {
+  $tag: &;
+  display: inline-flex;
+  justify-content: space-between;
+  align-items: center;
+  text-transform: uppercase;
+  border-width: 1px;
+  border-style: solid;
+  background-color: transparent;
+  // komponenten bruker ekstra liten font-size og line-height
+  font-size: 0.875rem;
+  line-height: 1.125rem;
+  font-weight: 600;
+
+  @media (min-width: map-get($grid-breakpoints, md)) {
+    font-size: $font-size-xs;
+    line-height: 1.25rem;
+  }
+
+  $colors: 'blueberry', 'neutral', 'cherry', 'banana', 'kiwi', 'plum';
+
+  @each $color in $colors {
+    &--#{$color},
+    // Sørg for at fargene overstyrer dersom tag har type=button
+    &--#{$color}[type='button'] {
+      // banana og kiwi har unntak fra hovedregelen
+      @if $color == 'banana' {
+        color: map-get($palette-map, #{$color}900);
+        border-color: map-get($palette-map, #{$color}300);
+      } @else if $color == 'kiwi' {
+        color: map-get($palette-map, #{$color}900);
+        border-color: map-get($palette-map, #{$color}200);
+      } @else {
+        color: map-get($palette-map, #{$color}800);
+        border-color: map-get($palette-map, #{$color}200);
+      }
+
+      &#{$tag}--normal {
+        &#{$tag}--has-action {
+          &:hover {
+            background-color: rgba-to-rgb(rgba(map-get($palette-map, #{$color}200), 0.2));
+          }
+        }
+      }
+
+      &#{$tag}--oncolor {
+        background-color: transparent;
+        &#{$tag}--has-action {
+          &:hover {
+            background-color: map-get($palette-map, #{$color}100);
+            border-color: map-get($palette-map, #{$color}100);
+          }
+          &:focus {
+            background-color: $white;
+            border-color: $white;
+            box-shadow: 0px 0px 0px 3px $black;
+          }
+        }
+      }
+
+      &#{$tag}--emphasised {
+        @if $color == 'banana' {
+          background-color: rgba-to-rgb(rgba(map-get($palette-map, #{$color}300), 0.4));
+        } @else {
+          background-color: rgba-to-rgb(rgba(map-get($palette-map, #{$color}200), 0.4));
+        }
+        &#{$tag}--has-action {
+          &:hover {
+            @if $color == 'banana' {
+              background-color: rgba-to-rgb(rgba(map-get($palette-map, #{$color}300), 0.5));
+            } @else {
+              background-color: rgba-to-rgb(rgba(map-get($palette-map, #{$color}200), 0.5));
+            }
+          }
+        }
+      }
+    }
+  }
+
+  &--has-action[type='button'] {
+    cursor: pointer;
+    font-family: inherit;
+    &:focus {
+      outline: none;
+      border-color: $black;
+      box-shadow: inset 0px 0px 0px 2px $black;
+    }
+    &#{$tag}--undo {
+      color: $blueberry800;
+      background-color: $blueberry100;
+      border-color: $blueberry100;
+      text-decoration: line-through;
+      &:hover {
+        background-color: $white;
+        border-color: $blueberry200;
+      }
+    }
+  }
+
+  &--medium {
+    padding: 0 getSpacer(xs);
+    min-height: 26px;
+
+    @media (min-width: map-get($grid-breakpoints, md)) {
+      min-height: 30px;
+    }
+
+    &#{$tag}--has-icon {
+      padding: 0 getSpacer(xs) 0 6px;
+      @media (min-width: map-get($grid-breakpoints, md)) {
+        padding: getSpacer(4xs) getSpacer(xs) getSpacer(4xs) 6px;
+      }
+    }
+
+    &#{$tag}--has-action {
+      padding: 0 getSpacer(3xs) 0 getSpacer(xs);
+      @media (min-width: map-get($grid-breakpoints, md)) {
+        padding: getSpacer(4xs) getSpacer(3xs) getSpacer(4xs) getSpacer(xs);
+      }
+    }
+
+    #{$tag}__icon {
+      margin-right: getSpacer(4xs);
+    }
+  }
+  &--large {
+    padding: 0 getSpacer(xs);
+    min-height: 30px;
+
+    @media (min-width: map-get($grid-breakpoints, md)) {
+      min-height: 34px;
+    }
+
+    &#{$tag}--has-icon {
+      padding: getSpacer(4xs) getSpacer(xs) getSpacer(4xs) 6px;
+      @media (min-width: map-get($grid-breakpoints, md)) {
+        padding: getSpacer(3xs) getSpacer(xs) getSpacer(3xs) getSpacer(2xs);
+      }
+    }
+
+    &#{$tag}--has-action {
+      padding: getSpacer(4xs) getSpacer(3xs) getSpacer(4xs) getSpacer(xs);
+      @media (min-width: map-get($grid-breakpoints, md)) {
+        padding: getSpacer(3xs) getSpacer(2xs) getSpacer(3xs) getSpacer(xs);
+      }
+    }
+
+    #{$tag}__icon {
+      margin-right: getSpacer(4xs);
+      @media (min-width: map-get($grid-breakpoints, md)) {
+        margin-right: getSpacer(3xs);
+      }
+    }
+  }
+}

package/components/Tag/styles.module.scss.d.ts

@@ -0,0 +1,24 @@
+export type Styles = {
+  tag: string;
+  tag__icon: string;
+  'tag--banana': string;
+  'tag--blueberry': string;
+  'tag--cherry': string;
+  'tag--emphasised': string;
+  'tag--has-action': string;
+  'tag--has-icon': string;
+  'tag--kiwi': string;
+  'tag--large': string;
+  'tag--medium': string;
+  'tag--neutral': string;
+  'tag--normal': string;
+  'tag--oncolor': string;
+  'tag--plum': string;
+  'tag--undo': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/TagList/TagList.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface TagListPropsProps {
+    /** Sets the data-testid attribute on the expander button. */
+    testId?: string;
+}
+declare const TagList: React.FC<TagListPropsProps>;
+export default TagList;
+//# sourceMappingURL=TagList.d.ts.map

package/components/TagList/TagList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagList.d.ts","sourceRoot":"","sources":["../../../src/components/TagList/TagList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,iBAAiB;IACzB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAMxC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/components/TagList/componentdata.json

@@ -0,0 +1,23 @@
+{
+  "props": {
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute on the expander button.",
+      "name": "testId",
+      "parent": {
+        "fileName": "src/components/TagList/TagList.tsx",
+        "name": "TagListPropsProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/TagList/TagList.tsx",
+          "name": "TagListPropsProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    }
+  }
+}

package/components/TagList/index.d.ts

@@ -0,0 +1,4 @@
+import TagList from './TagList';
+export * from './TagList';
+export default TagList;
+//# sourceMappingURL=index.d.ts.map

package/components/TagList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagList/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,eAAe,OAAO,CAAC"}

package/components/TagList/index.js

@@ -0,0 +1,2 @@
+import t from"react";import a from"./styles.module.scss";import{A as s}from"../../constants-088e1d4a.js";var e=function(e){var r=e.children,i=e.testId;return t.createElement("div",{className:a["tag-list"],"data-testid":i,"data-analyticsid":s.TagList},r)};export{e as default};
+//# sourceMappingURL=index.js.map

package/components/TagList/index.js.map

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

package/components/TagList/styles.module.scss

@@ -0,0 +1,10 @@
+@import '../../scss/_spacers.scss';
+@import '../../scss/_breakpoints.scss';
+@import '../../scss/_palette.scss';
+
+.tag-list {
+  display: inline-flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: getSpacer(2xs);
+}

package/components/TagList/styles.module.scss.d.ts

@@ -0,0 +1,9 @@
+export type Styles = {
+  'tag-list': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/Textarea/index.js

@@ -1,2 +1,2 @@
-import{T as s}from"../../Textarea-e1e649cf.js";export{T as default}from"../../Textarea-e1e649cf.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"../../_tslib-51c8a283.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../constants-9528513d.js";import"../../uuid-11037462.js";
+import{T as s}from"../../Textarea-f2b34d54.js";export{T as default}from"../../Textarea-f2b34d54.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../../_tslib-51c8a283.js";import"react";import"../../index-b4162bbf.js";import"./styles.module.scss";import"../../constants-088e1d4a.js";import"../../uuid-11037462.js";
 //# sourceMappingURL=index.js.map

package/components/Tile/index.js

@@ -1,2 +1,2 @@
-import{_ as e,d as t}from"../../_rollupPluginBabelHelpers-4f206abf.js";import{_ as i}from"../../_tslib-51c8a283.js";import r,{useState as l}from"react";import{c as a}from"../../index-9b84fabc.js";import{A as o,I as n}from"../../constants-9528513d.js";import s from"./styles.module.scss";var c=r.forwardRef((function(e,i){var l,o=e.children,n=e.className,c=e.htmlMarkup,d=void 0===c?"span":c,m=e.highlighted,f=e.compact,p=a(s.tile__title,(t(l={},s["tile__title--highlighted"],m),t(l,s["tile__title--compact"],f),l),n),u=d;return r.createElement(u,{className:p,ref:i},o)})),d=r.forwardRef((function(c,d){var m,f=c.icon,p=c.title,u=c.className,h=void 0===u?"":u,g=c.description,_=c.fixed,v=void 0!==_&&_,b=c.highlighted,E=void 0!==b&&b,N=c.testId,x=i(c,["icon","title","className","description","fixed","highlighted","testId"]),j=l(!1),w=e(j,2),M=w[0],k=w[1],I=!g,y=a(s.tile,(t(m={},s["tile--fixed"],v),t(m,s["tile--compact"],I),t(m,s["tile--highlighted"],E),m),h),B=a(s["title-wrapper"],t({},s["title-wrapper--compact"],I));return r.createElement("a",Object.assign({ref:d,className:y,onMouseEnter:function(){return k(!0)},onMouseLeave:function(){return k(!1)},onFocus:function(){return k(!0)},onBlur:function(){return k(!1)},"data-testid":N,"data-analyticsid":o.Tile,rel:"_blank"===c.target?"noopener noreferrer":c.rel},x),r.createElement("div",{className:B},r.cloneElement(f,{size:n.Medium,isHovered:M,color:E?"white":"black"}),r.cloneElement(p,{highlighted:E,compact:I})),g?r.createElement("p",{className:s.tile__description},g):null)}));d.Title=c;export default d;export{d as Tile};
+import{d as e,_ as t}from"../../_rollupPluginBabelHelpers-0f007973.js";import{_ as i}from"../../_tslib-51c8a283.js";import r,{useState as l}from"react";import{c as a}from"../../index-b4162bbf.js";import{A as o,I as n}from"../../constants-088e1d4a.js";import s from"./styles.module.scss";var c=r.forwardRef((function(t,i){var l,o=t.children,n=t.className,c=t.htmlMarkup,d=void 0===c?"span":c,m=t.highlighted,f=t.compact,p=a(s.tile__title,(e(l={},s["tile__title--highlighted"],m),e(l,s["tile__title--compact"],f),l),n),u=d;return r.createElement(u,{className:p,ref:i},o)})),d=r.forwardRef((function(c,d){var m,f=c.icon,p=c.title,u=c.className,h=void 0===u?"":u,g=c.description,_=c.fixed,v=void 0!==_&&_,b=c.highlighted,E=void 0!==b&&b,N=c.testId,j=i(c,["icon","title","className","description","fixed","highlighted","testId"]),w=l(!1),x=t(w,2),M=x[0],k=x[1],I=!g,y=a(s.tile,(e(m={},s["tile--fixed"],v),e(m,s["tile--compact"],I),e(m,s["tile--highlighted"],E),m),h),B=a(s["title-wrapper"],e({},s["title-wrapper--compact"],I));return r.createElement("a",Object.assign({ref:d,className:y,onMouseEnter:function(){return k(!0)},onMouseLeave:function(){return k(!1)},onFocus:function(){return k(!0)},onBlur:function(){return k(!1)},"data-testid":N,"data-analyticsid":o.Tile,rel:"_blank"===c.target?"noopener noreferrer":c.rel},j),r.createElement("div",{className:B},r.cloneElement(f,{size:n.Medium,isHovered:M,color:E?"white":"black"}),r.cloneElement(p,{highlighted:E,compact:I})),g?r.createElement("p",{className:s.tile__description},g):null)}));d.Title=c;export{d as Tile,d as default};
 //# sourceMappingURL=index.js.map

package/components/Title/index.js

@@ -1,2 +1,2 @@
-import{T as s}from"../../Title-3a6d4597.js";export{T as default,i as instanceOfTitleMargin}from"../../Title-3a6d4597.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../constants-9528513d.js";
+import{T as s}from"../../Title-face7728.js";export{T as default,i as instanceOfTitleMargin}from"../../Title-face7728.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"react";import"../../index-b4162bbf.js";import"./styles.module.scss";import"../../constants-088e1d4a.js";
 //# sourceMappingURL=index.js.map

package/components/Validation/index.js

@@ -1,2 +1,2 @@
-import{V as s}from"../../Validation-5d79f53e.js";export{V as Validation,V as default}from"../../Validation-5d79f53e.js";import"react";import"../../index-9b84fabc.js";import"../../FormGroup-157f9e03.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"../FormGroup/styles.module.scss";import"../../Checkbox-1e2c2047.js";import"../../uuid-11037462.js";import"../Icons/Check.js";import"../Icons/Icon.js";import"../../_tslib-51c8a283.js";import"../../constants-9528513d.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../Checkbox/styles.module.scss";import"../../RadioButton-71099f5c.js";import"../RadioButton/styles.module.scss";import"../../Input-5bb47387.js";import"../../useBreakpoint-6eb418f7.js";import"../Input/styles.module.scss";import"../../Title-3a6d4597.js";import"../Title/styles.module.scss";import"../../FormLayout-a3d440c1.js";import"../FormLayout/styles.module.scss";import"./styles.module.scss";
+import{V as s}from"../../Validation-f34d539c.js";export{V as Validation,V as default}from"../../Validation-f34d539c.js";import"react";import"../../index-b4162bbf.js";import"../../FormGroup-97ca00ea.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../FormGroup/styles.module.scss";import"../../Checkbox-40365d70.js";import"../../uuid-11037462.js";import"../Icons/Check.js";import"../Icons/Icon.js";import"../../_tslib-51c8a283.js";import"../../constants-088e1d4a.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../Checkbox/styles.module.scss";import"../../RadioButton-692ed90a.js";import"../RadioButton/styles.module.scss";import"../../Input-58069d29.js";import"../../useBreakpoint-a74f5af5.js";import"../Input/styles.module.scss";import"../../Title-face7728.js";import"../Title/styles.module.scss";import"../../FormLayout-d6b786db.js";import"../FormLayout/styles.module.scss";import"./styles.module.scss";
 //# sourceMappingURL=index.js.map

package/constants-088e1d4a.js

@@ -0,0 +1,2 @@
+var a,o,n,e,r,t;!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.Dropdown="dropdown",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.Tag="tag",a.TagList="tag-list",a.Textarea="textarea",a.Tile="tile",a.Title="title",a.Validation="validation"}(r||(r={})),function(a){a.Enter="Enter",a.Escape="Escape",a.ArrowDown="ArrowDown",a.ArrowUp="ArrowUp",a.Home="Home",a.End="End"}(t||(t={}));export{r as A,n as F,a as I,t as K,o as Z,e as a};
+//# sourceMappingURL=constants-088e1d4a.js.map

package/constants-088e1d4a.js.map

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

package/constants.d.ts

@@ -92,6 +92,8 @@ export declare enum AnalyticsId {
     Slider = "slider",
     Spacer = "spacer",
     StatusDot = "status-dot",
+    Tag = "tag",
+    TagList = "tag-list",
     Textarea = "textarea",
     Tile = "tile",
     Title = "title",

package/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAClB,OAAO,KAAK;IACZ,MAAM,KAAK;IACX,KAAK,KAAK;IACV,MAAM,KAAK;IACX,KAAK,KAAK;IACV,MAAM,MAAM;CACb;AAED,oBAAY,MAAM;IAChB,KAAK,UAAU;IACf,eAAe,QAAQ;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,CAAC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,oBAAY,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAEnE,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EACX,EAAE,GACF,aAAa,GACb,aAAa,GACb,4BAA4B,GAC5B,QAAQ,GACR,0BAA0B,GAC1B,eAAe,GACf,iCAAiC,GACjC,YAAY,CAAC;CAClB;AAED,oBAAY,aAAa,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;AAEjF,oBAAY,QAAQ;IAClB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,MAAM,WAAW;IACjB,SAAS,cAAc;CACxB;AAED,oBAAY,WAAW;IACrB,MAAM,WAAW;IACjB,OAAO,YAAY;CACpB;AAED,oBAAY,WAAW;IACrB,UAAU,gBAAgB;IAC1B,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,QAAQ,aAAa;IACrB,YAAY,kBAAkB;IAC9B,oBAAoB,2BAA2B;IAC/C,SAAS,eAAe;IACxB,UAAU,gBAAgB;IAC1B,YAAY,kBAAkB;IAC9B,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;IACb,QAAQ,cAAc;IACtB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,iBAAiB,uBAAuB;IACxC,KAAK,UAAU;IACf,SAAS,eAAe;IACxB,MAAM,WAAW;IACjB,WAAW,iBAAiB;IAC5B,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,SAAS,eAAe;IACxB,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,UAAU,eAAe;CAC1B;AAED,oBAAY,gBAAgB;IAC1B,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,SAAS,cAAc;IACvB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,GAAG,QAAQ;CACZ"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"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"}

package/hoc/withBreakpoint/index.js

@@ -1,2 +1,2 @@
-import r from"react";import{u as e}from"../../useBreakpoint-6eb418f7.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"../../grid-c105cad1.js";function t(t){return r.forwardRef((function(o,a){var f=e();return r.createElement(t,Object.assign({ref:a},o,{breakpoint:f}))}))}export default t;export{t as withBreakpoint};
+import r from"react";import{u as e}from"../../useBreakpoint-a74f5af5.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../../grid-c105cad1.js";function t(t){return r.forwardRef((function(a,o){var f=e();return r.createElement(t,Object.assign({ref:o},a,{breakpoint:f}))}))}export{t as default,t as withBreakpoint};
 //# sourceMappingURL=index.js.map

package/index-b4162bbf.js

@@ -0,0 +1,8 @@
+var r=function(r,t){return r(t={exports:{}},t.exports),t.exports}((function(r){
+/*!
+  Copyright (c) 2018 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+!function(){var t={}.hasOwnProperty;function e(){for(var r=arguments,n=[],o=0;o<arguments.length;o++){var s=r[o];if(s){var i=typeof s;if("string"===i||"number"===i)n.push(s);else if(Array.isArray(s)){if(s.length){var a=e.apply(null,s);a&&n.push(a)}}else if("object"===i)if(s.toString===Object.prototype.toString)for(var p in s)t.call(s,p)&&s[p]&&n.push(p);else n.push(s.toString())}}return n.join(" ")}r.exports?(e.default=e,r.exports=e):window.classNames=e}()}));export{r as c};
+//# sourceMappingURL=index-b4162bbf.js.map

package/index-b4162bbf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-b4162bbf.js","sources":["../node_modules/classnames/index.js"],"sourcesContent":["/*!\n  Copyright (c) 2018 Jed Watson.\n  Licensed under the MIT License (MIT), see\n  http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString === Object.prototype.toString) {\n\t\t\t\t\tfor (var key in arg) {\n\t\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","argType","push","Array","isArray","inner","apply","toString","Object","prototype","key","call","join","module","exports","default","window"],"mappings":";;;;;;CAOC,WAGA,IAAIA,EAAS,GAAGC,eAEhB,SAASC,IAGR,oBAFIC,EAAU,GAELC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAC1C,IAAIG,EAAMF,EAAUD,GACpB,GAAKG,EAAL,CAEA,IAAIC,SAAiBD,EAErB,GAAgB,WAAZC,GAAoC,WAAZA,EAC3BL,EAAQM,KAAKF,QACP,GAAIG,MAAMC,QAAQJ,IACxB,GAAIA,EAAID,OAAQ,CACf,IAAIM,EAAQV,EAAWW,MAAM,KAAMN,GAC/BK,GACHT,EAAQM,KAAKG,SAGT,GAAgB,WAAZJ,EACV,GAAID,EAAIO,WAAaC,OAAOC,UAAUF,SACrC,IAAK,IAAIG,KAAOV,EACXP,EAAOkB,KAAKX,EAAKU,IAAQV,EAAIU,IAChCd,EAAQM,KAAKQ,QAIfd,EAAQM,KAAKF,EAAIO,aAKpB,OAAOX,EAAQgB,KAAK,KAGgBC,EAAOC,SAC3CnB,EAAWoB,QAAUpB,EACrBkB,EAAAC,QAAiBnB,GAOjBqB,OAAOrB,WAAaA,EAhDtB"}

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{b as useKeyboardEvent,c as useOutsideEvent,u as useResizeObserver,a as useToggle,d as useUuid}from"./useUuid-1ecdf8e8.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-9528513d.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-a74f5af5.js";export{u as useFocusToggle,a as useFocusTrap,b as useIntersectionObserver,c as useIsVisible}from"./useIsVisible-bef05e5e.js";export{u as useHover}from"./useHover-b995a0e6.js";import{u as e}from"./useWindowSize-030df49b.js";export{u as useLayoutEvent,a as useWindowSize}from"./useWindowSize-030df49b.js";export{u as usePrevious}from"./usePrevious-ae293b10.js";export{u as useSticky}from"./useSticky-29a434c1.js";import{_ as s}from"./_rollupPluginBabelHelpers-0f007973.js";import{useState as r}from"react";export{b as useKeyboardEvent,c as useOutsideEvent,u as useResizeObserver,a as useToggle}from"./useOutsideEvent-fb86686d.js";export{u as useUuid}from"./useUuid-3b1e73f2.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-beta123",
+  "version": "1.0.0-beta126",
   "description": "The official design system for Helsenorge built with React.",
   "repository": {
     "type": "tfs",
@@ -23,8 +23,8 @@
   "peerDependencies": {
     "bootstrap": "4.6.1",
     "normalize.css": "8.0.1",
-    "react": ">= 16.12.0",
-    "react-dom": ">= 16.12.0"
+    "react": "^16.0.0 | ^17.0.0",
+    "react-dom": "^16.0.0 | ^17.0.0"
   },
   "dependencies": {
     "bootstrap": "4.6.1"
@@ -53,7 +53,8 @@
     "@types/classnames": "^2.2.11",
     "@types/jest": "^25.2.3",
     "@types/prettier": "1.19.0",
-    "@types/react-dom": "16.9.8",
+    "@types/react": "^16.0.0",
+    "@types/react-dom": "^16.0.0",
     "@types/testing-library__react": "^10.0.5",
     "async": "^3.1.0",
     "babel-loader": "^8.0.6",
@@ -69,10 +70,10 @@
     "normalize.css": "8.0.1",
     "npm-run-all": "^4.1.5",
     "prettier": "1.19.1",
-    "react": "16.12.0",
+    "react": "^16.0.0",
     "react-docgen-typescript": "^1.22.0",
     "react-docgen-typescript-loader": "^3.3.0",
-    "react-dom": "16.12.0",
+    "react-dom": "^16.0.0",
     "react-hook-form": "^6.15.8",
     "resolve-url-loader": "^3.1.1",
     "rimraf": "^3.0.2",

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/{useBreakpoint-6eb418f7.js → useBreakpoint-a74f5af5.js}

@@ -1,2 +1,2 @@
-import{_ as e}from"./_rollupPluginBabelHelpers-4f206abf.js";import{useState as r,useEffect as a}from"react";import{b as n,s as i}from"./grid-c105cad1.js";var s;!function(e){e[e.xxs=n.xxs]="xxs",e[e.xs=n.xs]="xs",e[e.sm=n.sm]="sm",e[e.md=n.md]="md",e[e.lg=n.lg]="lg",e[e.xl=n.xl]="xl"}(s||(s={}));var t=function(){var n=r(s.xxs),t=e(n,2),m=t[0],d=t[1];return a((function(){var r,a,n=function(e){switch(e.media){case i.xl:return void d(e.matches?s.xl:s.lg);case i.lg:return void d(e.matches?s.lg:s.md);case i.md:return void d(e.matches?s.md:s.sm);case i.sm:return void d(e.matches?s.sm:s.xs);case i.xs:return void d(e.matches?s.xs:s.xxs);default:return void d(s.xxs)}},t=Object.entries(i).reverse().map((function(r){var a=e(r,2),n=a[0],i=a[1];return{breakpoint:s[n],mediaQuery:window.matchMedia(i)}}));t.forEach((function(e){e.mediaQuery.addEventListener?e.mediaQuery.addEventListener("change",n):e.mediaQuery.addListener&&e.mediaQuery.addListener(n)}));var o=null!==(a=null===(r=t.find((function(e){return e.mediaQuery.matches})))||void 0===r?void 0:r.breakpoint)&&void 0!==a?a:m;return d(o),function(){t.forEach((function(e){e.mediaQuery.removeEventListener?e.mediaQuery.removeEventListener("change",n):e.mediaQuery.removeListener&&e.mediaQuery.removeListener(n)}))}}),[]),m};export{s as B,t as u};
-//# sourceMappingURL=useBreakpoint-6eb418f7.js.map
+import{_ as e}from"./_rollupPluginBabelHelpers-0f007973.js";import{useState as r,useEffect as a}from"react";import{b as n,s as i}from"./grid-c105cad1.js";var s;!function(e){e[e.xxs=n.xxs]="xxs",e[e.xs=n.xs]="xs",e[e.sm=n.sm]="sm",e[e.md=n.md]="md",e[e.lg=n.lg]="lg",e[e.xl=n.xl]="xl"}(s||(s={}));var t=function(){var n=r(s.xxs),t=e(n,2),m=t[0],d=t[1];return a((function(){var r,a,n=function(e){switch(e.media){case i.xl:return void d(e.matches?s.xl:s.lg);case i.lg:return void d(e.matches?s.lg:s.md);case i.md:return void d(e.matches?s.md:s.sm);case i.sm:return void d(e.matches?s.sm:s.xs);case i.xs:return void d(e.matches?s.xs:s.xxs);default:return void d(s.xxs)}},t=Object.entries(i).reverse().map((function(r){var a=e(r,2),n=a[0],i=a[1];return{breakpoint:s[n],mediaQuery:window.matchMedia(i)}}));t.forEach((function(e){e.mediaQuery.addEventListener?e.mediaQuery.addEventListener("change",n):e.mediaQuery.addListener&&e.mediaQuery.addListener(n)}));var o=null!==(a=null===(r=t.find((function(e){return e.mediaQuery.matches})))||void 0===r?void 0:r.breakpoint)&&void 0!==a?a:m;return d(o),function(){t.forEach((function(e){e.mediaQuery.removeEventListener?e.mediaQuery.removeEventListener("change",n):e.mediaQuery.removeListener&&e.mediaQuery.removeListener(n)}))}}),[]),m};export{s as B,t as u};
+//# sourceMappingURL=useBreakpoint-a74f5af5.js.map

package/useBreakpoint-a74f5af5.js.map

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

package/useHover-b995a0e6.js

@@ -0,0 +1,2 @@
+import{_ as e}from"./_rollupPluginBabelHelpers-0f007973.js";import{useRef as r,useState as n,useEffect as t}from"react";var o=function(o,u){var i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],c=o||r(null),f=n(!1),a=e(f,2),v=a[0],s=a[1];return t((function(){var e=c.current,r=function(){return s(!0)},n=function(){return s(!1)},t=["mouseenter",i?"focusin":""];t.forEach((function(n){return e&&e.addEventListener(n,r)}));var o=["mouseleave",i?"focusout":""];return o.forEach((function(r){return e&&e.addEventListener(r,n)})),function(){[].concat(t,o).forEach((function(t){return e&&e.removeEventListener(t,r)&&e.removeEventListener(t,n)}))}}),[c,u]),{hoverRef:c,isHovered:v}};export{o as u};
+//# sourceMappingURL=useHover-b995a0e6.js.map

package/useHover-b995a0e6.js.map

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

package/{useIsVisible-fad4d769.js → useIsVisible-bef05e5e.js}

@@ -1,2 +1,2 @@
-import{useState as t,useEffect as e,useRef as n}from"react";import{_ as r}from"./_rollupPluginBabelHelpers-4f206abf.js";var o=['a[href]:not([tabindex^="-"])','area[href]:not([tabindex^="-"])','input:not([type="hidden"]):not([type="radio"]):not([disabled]):not([tabindex^="-"])','input[type="radio"]:not([disabled]):not([tabindex^="-"])','select:not([disabled]):not([tabindex^="-"])','textarea:not([disabled]):not([tabindex^="-"])','button:not([disabled]):not([tabindex^="-"])','iframe:not([tabindex^="-"])','audio[controls]:not([tabindex^="-"])','video[controls]:not([tabindex^="-"])','[contenteditable]:not([tabindex^="-"])','[tabindex]:not([tabindex^="-"])'].join(","),i=function(n,i){var a=t(),u=r(a,2),c=u[0],d=u[1];return e((function(){var t=function(){var t,e=null===(t=n.current)||void 0===t?void 0:t.querySelectorAll(o);d(e)},e=new MutationObserver(t);return(null==n?void 0:n.current)&&e.observe(n.current,{subtree:!0,childList:!0}),t(),function(){e.disconnect()}}),[n]),e((function(){i?null==c||c.forEach((function(t){var e=t.getAttribute("data-tabindex");e?t.setAttribute("tabindex",e):t.removeAttribute("tabindex")})):null==c||c.forEach((function(t){t.hasAttribute("tabindex")&&t.setAttribute("data-tabindex","".concat(t.tabIndex)),t.tabIndex=-1}))}),[i,c]),c};function a(){var t=n(null);function r(e){var n=t.current,r="Tab"===e.key;if(n&&r){var i=function(t){try{return("string"==typeof t?document.querySelector(t):t).getRootNode().activeElement}catch(e){return console.error("Feil ved å ta tak i active element basert på angitt node: ",t,e),null}}(n),a=null==n?void 0:n.querySelectorAll(o),u=a[0],c=1===a.length?u:a[a.length-1];e.shiftKey?i===u&&(c.focus(),e.preventDefault()):i===c&&(u.focus(),e.preventDefault())}}function i(e){var n=t.current;if(n){var r=n.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select');1===r.length&&(r[0].focus(),e.preventDefault())}}return e((function(){var e=t.current;return e.addEventListener("keydown",r),e.addEventListener("click",i),function(){e.removeEventListener("keydown",r),e.removeEventListener("click",i)}}),[]),t}var u=function(t,n,r){e((function(){var e=new IntersectionObserver(n,r);return(null==t?void 0:t.current)&&e.observe(t.current),function(){(null==t?void 0:t.current)&&e.unobserve(t.current)}}),[t])},c=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,o=t(!1),i=r(o,2),a=i[0],c=i[1],d=function(t){c(t[0].intersectionRatio>=n)};return u(e,d,{threshold:n}),a};export{a,u as b,c,i as u};
-//# sourceMappingURL=useIsVisible-fad4d769.js.map
+import{useState as t,useEffect as e,useRef as n}from"react";import{_ as r}from"./_rollupPluginBabelHelpers-0f007973.js";var o=['a[href]:not([tabindex^="-"])','area[href]:not([tabindex^="-"])','input:not([type="hidden"]):not([type="radio"]):not([disabled]):not([tabindex^="-"])','input[type="radio"]:not([disabled]):not([tabindex^="-"])','select:not([disabled]):not([tabindex^="-"])','textarea:not([disabled]):not([tabindex^="-"])','button:not([disabled]):not([tabindex^="-"])','iframe:not([tabindex^="-"])','audio[controls]:not([tabindex^="-"])','video[controls]:not([tabindex^="-"])','[contenteditable]:not([tabindex^="-"])','[tabindex]:not([tabindex^="-"])'].join(","),i=function(n,i){var a=t(),u=r(a,2),c=u[0],d=u[1];return e((function(){var t=function(){var t,e=null===(t=n.current)||void 0===t?void 0:t.querySelectorAll(o);d(e)},e=new MutationObserver(t);return(null==n?void 0:n.current)&&e.observe(n.current,{subtree:!0,childList:!0}),t(),function(){e.disconnect()}}),[n]),e((function(){i?null==c||c.forEach((function(t){var e=t.getAttribute("data-tabindex");e?t.setAttribute("tabindex",e):t.removeAttribute("tabindex")})):null==c||c.forEach((function(t){t.hasAttribute("tabindex")&&t.setAttribute("data-tabindex","".concat(t.tabIndex)),t.tabIndex=-1}))}),[i,c]),c};function a(){var t=n(null);function r(e){var n=t.current,r="Tab"===e.key;if(n&&r){var i=function(t){try{return("string"==typeof t?document.querySelector(t):t).getRootNode().activeElement}catch(e){return console.error("Feil ved å ta tak i active element basert på angitt node: ",t,e),null}}(n),a=null==n?void 0:n.querySelectorAll(o),u=a[0],c=1===a.length?u:a[a.length-1];e.shiftKey?i===u&&(c.focus(),e.preventDefault()):i===c&&(u.focus(),e.preventDefault())}}function i(e){var n=t.current;if(n){var r=n.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select');1===r.length&&(r[0].focus(),e.preventDefault())}}return e((function(){var e=t.current;return e.addEventListener("keydown",r),e.addEventListener("click",i),function(){e.removeEventListener("keydown",r),e.removeEventListener("click",i)}}),[]),t}var u=function(t,n,r){e((function(){var e=new IntersectionObserver(n,r);return(null==t?void 0:t.current)&&e.observe(t.current),function(){(null==t?void 0:t.current)&&e.unobserve(t.current)}}),[t])},c=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,o=t(!1),i=r(o,2),a=i[0],c=i[1],d=function(t){c(t[0].intersectionRatio>=n)};return u(e,d,{threshold:n}),a};export{a,u as b,c,i as u};
+//# sourceMappingURL=useIsVisible-bef05e5e.js.map

package/useIsVisible-bef05e5e.js.map

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

package/useOutsideEvent-fb86686d.js

@@ -0,0 +1,2 @@
+import{_ as n}from"./_rollupPluginBabelHelpers-0f007973.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-fb86686d.js.map

package/useOutsideEvent-fb86686d.js.map

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

package/{useSticky-807e5dde.js → useSticky-29a434c1.js}

@@ -1,2 +1,2 @@
-import{_ as i}from"./_rollupPluginBabelHelpers-4f206abf.js";import{useState as o}from"react";import{u as t}from"./useWindowSize-5cc481da.js";var e=function(e,n){var r=o(!1),d=i(r,2),u=d[0],l=d[1],s=o(!1),v=i(s,2),a=v[0],c=v[1],f=o(),g=i(f,2),m=g[0],p=g[1],h=o(),w=i(h,2),W=w[0],b=w[1];return t((function(){var i,o,t,r=(null===(i=e.current)||void 0===i?void 0:i.getBoundingClientRect())||{},d=r.top,u=void 0===d?0:d,s=r.width,v=void 0===s?0:s,a=r.bottom,f=void 0===a?0:a,g=null!==(t=null===(o=n.current)||void 0===o?void 0:o.getBoundingClientRect().height)&&void 0!==t?t:0;l(u<=0),c(f<=g),b(v),p(g)}),["resize","scroll"]),{isOutsideWindow:u,isLeavingWindow:a,offsetHeight:m,contentWidth:W}};export{e as u};
-//# sourceMappingURL=useSticky-807e5dde.js.map
+import{_ as i}from"./_rollupPluginBabelHelpers-0f007973.js";import{useState as o}from"react";import{u as t}from"./useWindowSize-030df49b.js";var e=function(e,n){var r=o(!1),d=i(r,2),u=d[0],l=d[1],s=o(!1),v=i(s,2),a=v[0],c=v[1],f=o(),g=i(f,2),m=g[0],p=g[1],h=o(),w=i(h,2),W=w[0],b=w[1];return t((function(){var i,o,t,r=(null===(i=e.current)||void 0===i?void 0:i.getBoundingClientRect())||{},d=r.top,u=void 0===d?0:d,s=r.width,v=void 0===s?0:s,a=r.bottom,f=void 0===a?0:a,g=null!==(t=null===(o=n.current)||void 0===o?void 0:o.getBoundingClientRect().height)&&void 0!==t?t:0;l(u<=0),c(f<=g),b(v),p(g)}),["resize","scroll"]),{isOutsideWindow:u,isLeavingWindow:a,offsetHeight:m,contentWidth:W}};export{e as u};
+//# sourceMappingURL=useSticky-29a434c1.js.map

package/useSticky-29a434c1.js.map

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

package/useUuid-3b1e73f2.js

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

package/useUuid-3b1e73f2.js.map

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

package/{useWindowSize-5cc481da.js → useWindowSize-030df49b.js}

@@ -1,2 +1,2 @@
-import{a as n,_ as e}from"./_rollupPluginBabelHelpers-4f206abf.js";import{useEffect as i,useState as t}from"react";function o(n,e,i){var t;return function(){var o=this,r=arguments,u=function(){t=null,i||n.apply(o,r)},a=i&&!t;t&&clearTimeout(t),t=setTimeout(u,e),a&&n.apply(o,r)}}var r=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:["layoutchange","resize","orientationchange"],r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10;i((function(){if("object"===("undefined"==typeof window?"undefined":n(window))){var i=o(e,r);return t.forEach((function(n){return window.addEventListener(n,i)})),i(),function(){t.forEach((function(n){return window.removeEventListener(n,i)}))}}}),[])},u=function(){var e="object"===("undefined"==typeof window?"undefined":n(window));return{width:e?window.innerWidth:void 0,height:e?window.innerHeight:void 0}};function a(){var n=t(u()),i=e(n,2),o=i[0],a=i[1];return r((function(){a(u())}),["resize"]),o}export{a,r as u};
-//# sourceMappingURL=useWindowSize-5cc481da.js.map
+import{a as n,_ as e}from"./_rollupPluginBabelHelpers-0f007973.js";import{useEffect as i,useState as t}from"react";function o(n,e,i){var t;return function(){var o=this,r=arguments,u=function(){t=null,i||n.apply(o,r)},a=i&&!t;t&&clearTimeout(t),t=setTimeout(u,e),a&&n.apply(o,r)}}var r=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:["layoutchange","resize","orientationchange"],r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10;i((function(){if("object"===("undefined"==typeof window?"undefined":n(window))){var i=o(e,r);return t.forEach((function(n){return window.addEventListener(n,i)})),i(),function(){t.forEach((function(n){return window.removeEventListener(n,i)}))}}}),[])},u=function(){var e="object"===("undefined"==typeof window?"undefined":n(window));return{width:e?window.innerWidth:void 0,height:e?window.innerHeight:void 0}};function a(){var n=t(u()),i=e(n,2),o=i[0],a=i[1];return r((function(){a(u())}),["resize"]),o}export{a,r as u};
+//# sourceMappingURL=useWindowSize-030df49b.js.map

package/useWindowSize-030df49b.js.map

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

package/Badge-32ba89d5.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 t from"./components/Badge/styles.module.scss";import{A as d}from"./constants-9528513d.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(t.badge,(a(b={},t["badge--oversized"],f),a(b,t["badge--black"],"black"===m),a(b,t["badge--white"],"white"===m),a(b,t["badge--blueberry"],"blueberry"===m),a(b,t["badge--banana"],"banana"===m),a(b,t["badge--cherry"],"cherry"===m),a(b,t["badge--kiwi"],"kiwi"===m),a(b,t["badge--neutral"],"neutral"===m),a(b,t["badge--plum"],"plum"===m),b),n);return e.createElement("span",{className:p,ref:o,"data-testid":g,"data-analyticsid":d.Badge},l)}));export{s as B};
-//# sourceMappingURL=Badge-32ba89d5.js.map

package/Badge-32ba89d5.js.map

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

package/Button-9f2ce63d.js.map

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

package/Checkbox-1e2c2047.js.map

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

package/Close-f197bf98.js

@@ -1,2 +0,0 @@
-import o from"react";import{p as t}from"./palette-f206f488.js";import{Icon as s}from"./components/Icons/Icon.js";import{A as e}from"./constants-9528513d.js";import r from"./components/Icons/X.js";import a from"./components/Close/styles.module.scss";import{u as n,B as m}from"./useBreakpoint-6eb418f7.js";var c=function(c){var l=n()===m.xs?38:48;return o.createElement("button",{"data-testid":c.testId,"data-analyticsid":e.Close,className:a.close,"aria-label":c.ariaLabel||"Lukk",onClick:c.onClick,role:"button"},o.createElement(s,{svgIcon:r,color:t.blueberry600,size:l}))};export{c as C};
-//# sourceMappingURL=Close-f197bf98.js.map

package/Close-f197bf98.js.map

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

package/FormGroup-157f9e03.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-1e2c2047.js";import{F as m,a as n,A as l}from"./constants-9528513d.js";import{R as i}from"./RadioButton-71099f5c.js";import{I as p}from"./Input-5bb47387.js";import{T as s}from"./Title-3a6d4597.js";import{F as f}from"./FormLayout-a3d440c1.js";var d=r.forwardRef((function(d,u){var c,g,v,_=d.className,b=d.mode,w=void 0===b?m.onwhite:b,y=d.variant,E=void 0===y?n.normal:y,j=d.error,N=d.name,h=w===m.ondark,k=E===n.bigform,F=a(o["form-group-wrapper"],(e(c={},o["form-group-wrapper--on-dark"],h),e(c,o["form-group-wrapper--invalid"],j),c),_),x=a(o["form-group-wrapper__title"],(e(g={},o["form-group-wrapper__title--on-dark"],h&&!j),e(g,o["form-group-wrapper__title--bigform"],k),g)),B=a(o["form-group"],e({},o["form-group--invalid"],j)),C=a(o["form-group-wrapper__errors"],e({},o["form-group-wrapper__errors--bigform"],k)),I=a(o["field-set__legend"],(e(v={},o["field-set__legend--on-dark"],h&&!j),e(v,o["field-set__legend--bigform"],k),v));return r.createElement("div",{"data-testid":d.testId,"data-analyticsid":l.FormGroup,className:F},d.title&&r.createElement(s,{className:x,htmlMarkup:"h4",appearance:"title4",margin:{marginTop:0,marginBottom:2}},d.title),r.createElement("div",{className:B},j&&r.createElement("p",{className:C},j),r.createElement("fieldset",{name:d.title,className:o["field-set"]},d.legend&&r.createElement("legend",{className:I},d.legend),r.Children.map(d.children,(function e(a){if(a.type===f)return r.cloneElement(a,{variant:E,mapHelper:e});if(a.type===t){var o=a.type===t;return r.cloneElement(a,{name:null!=N?N:o.valueOf.name,mode:w,variant:E,error:!!j})}if(a.type===i){var m=a.type===i;return r.cloneElement(a,{name:null!=N?N:m.valueOf.name,mode:w,variant:E,error:!!j})}if(a.type===p){var n=a.type===p;return r.cloneElement(a,{name:null!=N?N:n.valueOf.name,mode:w,variant:E,error:!!j})}return a})))))}));export{d as F};
-//# sourceMappingURL=FormGroup-157f9e03.js.map