@helsenorge/designsystem-react 1.0.0-beta110 → 1.0.0-beta113

package/components/Panel/styles.module.scss

@@ -0,0 +1,345 @@
+@import '../../scss/_spacers.scss';
+@import '../../scss/_breakpoints.scss';
+@import '../../scss/_palette.scss';
+@import '../../scss/_grid.scss';
+@import '../../scss/_font-settings.scss';
+
+.panel-wrapper {
+  width: 100%;
+}
+
+@mixin panel-padding {
+  padding: getSpacer(s) getSpacer(s) getSpacer(s) getSpacer(s);
+
+  @media (min-width: map-get($grid-breakpoints, md)) {
+    padding: getSpacer(l) getSpacer(m) getSpacer(l) getSpacer(l);
+  }
+}
+
+.panel {
+  @include panel-padding;
+  outline: none;
+  position: relative;
+  width: 100%;
+
+  &__container {
+    @media (min-width: map-get($grid-breakpoints, sm)) {
+      display: flex;
+      flex-direction: row;
+      flex: 1;
+    }
+
+    &--layout3ish{
+      @media (min-width: map-get($grid-breakpoints, lg)) {
+        display: flex;
+        flex-direction: row;
+      }
+    }
+
+    &--grow{
+      flex: 1;
+    }
+  }
+
+  &--with-icon {
+    display: flex;
+    flex-direction: row;
+  }
+
+  &__icon {
+    padding-right: getSpacer(s);
+    &--right {
+      padding-left: getSpacer(s);
+    }
+  }
+
+  &__content-left {
+    &--flex {
+      display: flex;
+    }
+  }
+
+  &__content-right {
+    &--layout1 {
+      display: flex;
+      flex-direction: column;
+      @media (min-width: map-get($grid-breakpoints, md)) {
+        flex-direction: row;
+      }
+    }
+
+    &--layout2 {
+      display: flex;
+      flex-direction: column;
+      @media (min-width: map-get($grid-breakpoints, md)) {
+        max-width: 200px;
+      }
+    }
+
+    &--layout3ish {
+      display: flex;
+      flex-direction: column;
+      padding-left: 0;
+      @media (min-width: map-get($grid-breakpoints, lg)) {
+        flex-direction: row;
+        padding-left: getSpacer(m);
+      }
+    }
+
+    &--layout3a {
+      flex: 0.4;
+    }
+    &--layout3b {
+      flex: 0.55;
+    }
+    &--layout3c {
+      flex: 0.65;
+    }
+  }
+
+  &__btn-container {
+    display: flex;
+    flex-direction: column;
+    @media (min-width: map-get($grid-breakpoints, lg)) {
+      align-self: end;
+      max-width: 300px;
+    }
+
+    &--layout3ish {
+      display: flex;
+      align-self: initial;
+      flex-direction: column;
+      @media (min-width: map-get($grid-breakpoints, lg)) {
+        align-self: end;
+      }
+    }
+    &--padding-top {
+      padding-top: getSpacer(s);
+    }
+  }
+
+  &__details-btn {
+    &--pull-right {
+      align-self: end;
+    }
+  }
+
+  // Panel variants
+
+  &--fill {
+    background-color: $neutral50;
+
+    &:hover {
+      background-color: $neutral100;
+    }
+
+    &:focus {
+      box-shadow: inset 0px 0px 0px 3px $neutral600;
+    }
+  }
+
+  &--selected#{&}--fill {
+    background-color: $neutral100;
+    border-bottom: 0;
+    &:hover {
+      background-color: $neutral200;
+    }
+  }
+
+  &--white {
+    background-color: $white;
+    &:hover {
+      background-color: $neutral100;
+    }
+    &:focus {
+      box-shadow: inset 0px 0px 0px 3px $neutral600;
+    }
+  }
+
+  &--selected#{&}--white {
+    box-shadow: inset 0px 0px 0px 6px $neutral100;
+    &:hover {
+      background-color: $neutral100;
+    }
+    &:focus {
+      box-shadow: inset 0px 0px 0px 3px $neutral600;
+    }
+  }
+
+  &--stroke {
+    border: 6px solid $neutral100;
+    &:hover {
+      background-color: $neutral50;
+    }
+    &:focus {
+      border-color: $neutral600;
+      box-shadow: inset 0px 0px 0px 3px $neutral100;
+    }
+  }
+
+  &--line {
+    background-color: $white;
+    border-color: $neutral500;
+    border-top: 1px solid;
+    border-bottom: 1px solid;
+    &:hover {
+      background-color: $neutral50;
+    }
+    &:focus {
+      border-color: transparent;
+      box-shadow: inset 0px 0px 0px 3px $neutral600;
+    }
+  }
+
+  &--selected#{&}--line {
+    background-color: $neutral50;
+    border-bottom: 0;
+    &:hover {
+      background-color: $neutral100;
+    }
+  }
+
+  &--button {
+    cursor: pointer;
+  }
+
+  //Panel status
+  &--status {
+    &::before {
+      content: '';
+      position: absolute;
+      border-left: 0.375rem;
+      top: 0;
+      left: 0;
+      height: 100%;
+      border-left-style: solid;
+    }
+  }
+  &--new {
+    &::before {
+      border-left-color: $blueberry600;
+    }
+  }
+
+  &--draft {
+    &::before {
+      border-left-style: dashed;
+      border-left-color: $neutral500;
+    }
+  }
+
+  &--error {
+    &::before {
+      border-left-color: $cherry500;
+    }
+  }
+}
+
+.panel-details {
+  background-color: $neutral50;
+  display: none;
+  @include panel-padding;
+
+  &--open {
+    display: block;
+  }
+
+  &--line {
+    background: $white;
+    border-bottom: 1px solid $neutral500;
+  }
+  &--white {
+    background: $white;
+  }
+}
+
+.status-message {
+  font-size: $font-size-sm;
+  color: $cherry500;
+  display: flex;
+
+  span {
+    padding-left: 5px;
+    align-self: center;
+    font-size: $font-size-sm;
+  }
+
+  &--new {
+    color: $blueberry800;
+  }
+}
+.panel-content-a {
+  flex: 1;
+  padding-right: 0;
+
+  @media (min-width: map-get($grid-breakpoints, md)) {
+    padding-right: getSpacer(m);
+  }
+
+  &__title-container {
+    display: flex;
+    align-items: center;
+    padding-bottom: getSpacer(s);
+
+    & > :last-child() {
+      padding-left: getSpacer(xs);
+    }
+    & > :first-child() {
+      padding-left: 0;
+    }
+  }
+
+  &--layout3a {
+    flex: 0.6;
+  }
+  &--layout3b {
+    flex: 0.45;
+  }
+  &--layout3c {
+    flex: 0.35;
+  }
+}
+
+.panel-content-b {
+  flex: 1;
+  padding-top: getSpacer(s);
+
+  @media (min-width: map-get($grid-breakpoints, lg)) {
+    padding-top: 0;
+  }
+
+  &--layout1 {
+    padding-top: getSpacer(s);
+    padding-left: 0;
+    @media (min-width: map-get($grid-breakpoints, md)) {
+      padding-right: getSpacer(m);
+    }
+  }
+}
+
+.datetime-container {
+  display: flex;
+  flex-direction: column;
+
+  @media (min-width: map-get($grid-breakpoints, lg)) {
+    padding-top: getSpacer(xs);
+    flex-direction: row;
+  }
+
+  &__icon {
+    display: flex;
+    align-items: center;
+    padding-bottom: getSpacer(2xs);
+
+    @media (min-width: map-get($grid-breakpoints, lg)) {
+      padding-top: 0;
+      padding-right: getSpacer(m);
+      padding-bottom: 0;
+    }
+
+    span {
+      padding-left: getSpacer(2xs);
+      font-size: $font-size-sm;
+    }
+  }
+}

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

@@ -0,0 +1,34 @@
+export type Styles = {
+  'panel-wrapper': string;
+  panel: string;
+  'panel--with-icon': string;
+  'panel--normal': string;
+  'panel--fill': string;
+  'panel--white': string;
+  'panel--stroke': string;
+  'panel--line': string;
+  'panel--new': string;
+  'panel--draft': string;
+  'panel--error': string;
+  'panel--status': string;
+  'panel--container': string;
+  'panel--button': string;
+  'panel__icon': string;
+  'panel__content-left': string;
+  'panel__content-right': string;
+  'panel-content-a__title-container': string;
+  'btn-container': string;
+  'panel-details': string;
+  'panel-details--line': string;
+  'panel-details--white': string;
+  'status-message': string;
+  'status-message--new': string;
+  'datetime-container': string;
+  'datetime-container__icon': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/Portal/index.js

@@ -1,2 +1,2 @@
-import t from"react";import{createPortal as e}from"react-dom";import{A as r}from"../../constants-075356e2.js";export default function(n){var a=n.children,o=n.parent,i=n.className,c=n.testId,d=t.useMemo((function(){return document.createElement("div")}),[]);return d.setAttribute("data-analyticsid",r.Portal),c&&d.setAttribute("data-testid",c),t.useEffect((function(){var t=o&&o.appendChild?o:document.body,e=["portal-container"];return i&&i.split(" ").forEach((function(t){return e.push(t)})),e.forEach((function(t){return d.classList.add(t)})),t.appendChild(d),function(){t.removeChild(d)}}),[d,o,i]),e(a,d)}
+import t from"react";import{createPortal as e}from"react-dom";import{A as r}from"../../constants-be4018c7.js";export default function(n){var a=n.children,o=n.parent,i=n.className,c=n.testId,d=t.useMemo((function(){return document.createElement("div")}),[]);return d.setAttribute("data-analyticsid",r.Portal),c&&d.setAttribute("data-testid",c),t.useEffect((function(){var t=o&&o.appendChild?o:document.body,e=["portal-container"];return i&&i.split(" ").forEach((function(t){return e.push(t)})),e.forEach((function(t){return d.classList.add(t)})),t.appendChild(d),function(){t.removeChild(d)}}),[d,o,i]),e(a,d)}
 //# sourceMappingURL=index.js.map

package/components/RadioButton/index.js

@@ -1,2 +1,2 @@
-import{R as o}from"../../RadioButton-b0da1997.js";export{R as RadioButton,R as default}from"../../RadioButton-b0da1997.js";import"../../_rollupPluginBabelHelpers-6b3099b0.js";import"react";import"../../index-9b84fabc.js";import"../../uuid-fe7442b7.js";import"./styles.module.scss";import"../../constants-075356e2.js";
+import{R as o}from"../../RadioButton-0233a8fb.js";export{R as RadioButton,R as default}from"../../RadioButton-0233a8fb.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"react";import"../../index-9b84fabc.js";import"../../uuid-fe7442b7.js";import"./styles.module.scss";import"../../constants-be4018c7.js";
 //# sourceMappingURL=index.js.map

package/components/Slider/index.js

@@ -1,2 +1,2 @@
-import{_ as e}from"../../_rollupPluginBabelHelpers-6b3099b0.js";import t,{useState as n,useRef as r,useEffect as a}from"react";import{c as o}from"../../index-9b84fabc.js";import{T as i}from"../../Title-1d8708ea.js";import c from"./styles.module.scss";import{A as u}from"../../constants-075356e2.js";import"../Title/styles.module.scss";var s=function(e){return e.stopPropagation&&e.stopPropagation(),e.preventDefault&&e.preventDefault(),!1},l=function(e){return m(e)?e.touches[0].pageX:e.pageX},d=function(e){var t=e?e.getBoundingClientRect():void 0;return t?t.right-t.left:0},m=function(e){return("touchcancel"===e.type||"touchend"===e.type||"touchenter"===e.type||"touchleave"===e.type||"touchmove"===e.type||"touchstart"===e.type)&&!(0===e.touches.length)},f=function(e,t,n){var r=e-e%t,a=Math.floor(n/t)*t;e>a&&(e>a+(n-a)/2&&(r=n));return Math.round(r)},v=t.forwardRef((function(m,v){var p=m.title,h=m.labelLeft,_=m.labelRight,g=m.disabled,E=void 0!==g&&g,y=m.step,b=void 0===y?1:y,w=m.onChange,k=m.testId,L=n(50),x=e(L,2),N=x[0],A=x[1],D=n(!1),M=e(D,2),R=M[0],j=M[1],T=n(0),B=e(T,2),C=B[0],P=B[1],I=n(0),S=e(I,2),X=S[0],H=S[1],K=n(0),U=e(K,2),q=U[0],z=U[1],F=n(0),G=e(F,2),J=G[0],O=G[1],Q=v||r(null),V=r(null),W=function(e){ne(e)},Y=function(e){te(e)},Z=function(e){ne(e)},$=function(e){te(e)};a((function(){var e=d(Q.current),t=d(V.current);z(function(e,t,n,r,a){return(t-n)/(a-r)*e}(N,e,t,0,100)),P(e),H(t)}),[]),a((function(){R&&(function(e,t){document.addEventListener("mousemove",e,!1),document.addEventListener("mouseup",t,!1)}(W,Y),function(e,t){document.addEventListener("touchmove",e,!1),document.addEventListener("touchend",t,!1)}(Z,$))}),[R]),a((function(){!E&&w&&w(N)}),[N]);var ee=function(e){var t;if(!E){var n=d(Q.current),r=d(V.current),a=l(e);!function(e,t,n,r){var a=t?t.getBoundingClientRect():void 0,o=a?a.left:0;r(o?e-(o+n/2):0)}(a,V.current,r,re),j(!0),O(a),P(n),H(r),null===(t=V.current)||void 0===t||t.focus(),s(e)}},te=function(e){E||(j(!1),function(e,t){document.removeEventListener("mousemove",e,!1),document.removeEventListener("mouseup",t,!1)}(W,Y),function(e,t){document.removeEventListener("touchmove",e,!1),document.removeEventListener("touchend",t,!1)}(Z,$),s(e))},ne=function(e){if(!E&&R){var t=l(e);re(t-J),s(e)}},re=function(e){if(0!==e){var t=function(e,t,n,r){var a=r+e;return a<0&&(a=0),a>t-n&&(a=t-n),a}(e,C,X,q);z(t),O(t+e),A(function(e,t,n,r,a,o){var i=(t-n)/(o-a),c=Math.round(e/i);return f(c,r,o)}(t,C,X,b,0,100))}};return t.createElement("div",{className:c.slider,"data-testid":k,"data-analyticsid":u.Slider},p&&t.createElement(i,{htmlMarkup:"h3",margin:1.5,appearance:"title3"},p),t.createElement("div",{ref:Q,className:o(c["slider__track-wrapper"],E?c["slider__track-wrapper--disabled"]:""),onMouseDown:ee,onTouchStart:ee,"data-testid":"tracker"},t.createElement("div",{className:o(c.slider__track,E?c["slider__track--disabled"]:"")}),t.createElement("div",{ref:V,className:o(c.slider__trigger,E?c["slider__trigger--disabled"]:""),style:{left:"".concat(q,"px")},onKeyDown:function(e){if(!E){var t=(C-X)/100;"ArrowRight"!==e.key&&"ArrowDown"!==e.key||re(b*t),"ArrowLeft"!==e.key&&"ArrowUp"!==e.key||re(-b*t)}},role:"slider","aria-valuenow":N,"aria-valuemin":0,"aria-valuemax":100,"aria-label":"".concat(p?p+" ":"").concat(h?h+" ":"").concat(_?_+" ":""),tabIndex:E?-1:0},t.createElement("div",{className:o(c["slider__trigger-inner"],E?c["slider__trigger-inner--disabled"]:"")}))),(h||_)&&t.createElement("span",{className:c.slider__options},t.createElement("p",{className:c.slider__text,"aria-hidden":!0},h),t.createElement("p",{className:c.slider__text,"aria-hidden":!0},_)))}));export default v;export{v as Slider};
+import{_ as e}from"../../_rollupPluginBabelHelpers-4f206abf.js";import t,{useState as n,useRef as r,useEffect as a}from"react";import{c as o}from"../../index-9b84fabc.js";import{T as i}from"../../Title-8fc7396e.js";import c from"./styles.module.scss";import{A as u}from"../../constants-be4018c7.js";import"../Title/styles.module.scss";var s=function(e){return e.stopPropagation&&e.stopPropagation(),e.preventDefault&&e.preventDefault(),!1},l=function(e){return m(e)?e.touches[0].pageX:e.pageX},d=function(e){var t=e?e.getBoundingClientRect():void 0;return t?t.right-t.left:0},m=function(e){return("touchcancel"===e.type||"touchend"===e.type||"touchenter"===e.type||"touchleave"===e.type||"touchmove"===e.type||"touchstart"===e.type)&&!(0===e.touches.length)},f=function(e,t,n){var r=e-e%t,a=Math.floor(n/t)*t;e>a&&(e>a+(n-a)/2&&(r=n));return Math.round(r)},v=t.forwardRef((function(m,v){var p=m.title,h=m.labelLeft,_=m.labelRight,g=m.disabled,E=void 0!==g&&g,y=m.step,b=void 0===y?1:y,w=m.onChange,k=m.testId,L=n(50),x=e(L,2),N=x[0],A=x[1],D=n(!1),M=e(D,2),R=M[0],j=M[1],T=n(0),B=e(T,2),C=B[0],P=B[1],I=n(0),S=e(I,2),X=S[0],H=S[1],K=n(0),U=e(K,2),q=U[0],z=U[1],F=n(0),G=e(F,2),J=G[0],O=G[1],Q=v||r(null),V=r(null),W=function(e){ne(e)},Y=function(e){te(e)},Z=function(e){ne(e)},$=function(e){te(e)};a((function(){var e=d(Q.current),t=d(V.current);z(function(e,t,n,r,a){return(t-n)/(a-r)*e}(N,e,t,0,100)),P(e),H(t)}),[]),a((function(){R&&(function(e,t){document.addEventListener("mousemove",e,!1),document.addEventListener("mouseup",t,!1)}(W,Y),function(e,t){document.addEventListener("touchmove",e,!1),document.addEventListener("touchend",t,!1)}(Z,$))}),[R]),a((function(){!E&&w&&w(N)}),[N]);var ee=function(e){var t;if(!E){var n=d(Q.current),r=d(V.current),a=l(e);!function(e,t,n,r){var a=t?t.getBoundingClientRect():void 0,o=a?a.left:0;r(o?e-(o+n/2):0)}(a,V.current,r,re),j(!0),O(a),P(n),H(r),null===(t=V.current)||void 0===t||t.focus(),s(e)}},te=function(e){E||(j(!1),function(e,t){document.removeEventListener("mousemove",e,!1),document.removeEventListener("mouseup",t,!1)}(W,Y),function(e,t){document.removeEventListener("touchmove",e,!1),document.removeEventListener("touchend",t,!1)}(Z,$),s(e))},ne=function(e){if(!E&&R){var t=l(e);re(t-J),s(e)}},re=function(e){if(0!==e){var t=function(e,t,n,r){var a=r+e;return a<0&&(a=0),a>t-n&&(a=t-n),a}(e,C,X,q);z(t),O(t+e),A(function(e,t,n,r,a,o){var i=(t-n)/(o-a),c=Math.round(e/i);return f(c,r,o)}(t,C,X,b,0,100))}};return t.createElement("div",{className:c.slider,"data-testid":k,"data-analyticsid":u.Slider},p&&t.createElement(i,{htmlMarkup:"h3",margin:1.5,appearance:"title3"},p),t.createElement("div",{ref:Q,className:o(c["slider__track-wrapper"],E?c["slider__track-wrapper--disabled"]:""),onMouseDown:ee,onTouchStart:ee,"data-testid":"tracker"},t.createElement("div",{className:o(c.slider__track,E?c["slider__track--disabled"]:"")}),t.createElement("div",{ref:V,className:o(c.slider__trigger,E?c["slider__trigger--disabled"]:""),style:{left:"".concat(q,"px")},onKeyDown:function(e){if(!E){var t=(C-X)/100;"ArrowRight"!==e.key&&"ArrowDown"!==e.key||re(b*t),"ArrowLeft"!==e.key&&"ArrowUp"!==e.key||re(-b*t)}},role:"slider","aria-valuenow":N,"aria-valuemin":0,"aria-valuemax":100,"aria-label":"".concat(p?p+" ":"").concat(h?h+" ":"").concat(_?_+" ":""),tabIndex:E?-1:0},t.createElement("div",{className:o(c["slider__trigger-inner"],E?c["slider__trigger-inner--disabled"]:"")}))),(h||_)&&t.createElement("span",{className:c.slider__options},t.createElement("p",{className:c.slider__text,"aria-hidden":!0},h),t.createElement("p",{className:c.slider__text,"aria-hidden":!0},_)))}));export default v;export{v as Slider};
 //# sourceMappingURL=index.js.map

package/components/Spacer/index.js

@@ -1,2 +1,2 @@
-import{b as s}from"../../_rollupPluginBabelHelpers-6b3099b0.js";import a from"react";import{c as e}from"../../index-9b84fabc.js";import r from"./styles.module.scss";import{A as l}from"../../constants-075356e2.js";var c=a.forwardRef((function(c,p){var t,x=c.size,o=void 0===x?"s":x,m=c.className,i=c.testId,f=e(r.spacer,(s(t={},r["spacer--4xs"],"4xs"===o),s(t,r["spacer--3xs"],"3xs"===o),s(t,r["spacer--2xs"],"2xs"===o),s(t,r["spacer--xs"],"xs"===o),s(t,r["spacer--s"],"s"===o),s(t,r["spacer--m"],"m"===o),s(t,r["spacer--l"],"l"===o),s(t,r["spacer--xl"],"xl"===o),s(t,r["spacer--2xl"],"2xl"===o),s(t,r["spacer--3xl"],"3xl"===o),s(t,r["spacer--4xl"],"4xl"===o),s(t,r["spacer--5xl"],"5xl"===o),s(t,r["spacer--6xl"],"6xl"===o),t),m);return a.createElement("span",{className:f,ref:p,"data-testid":i,"data-analyticsid":l.Spacer})}));export default c;
+import{d as s}from"../../_rollupPluginBabelHelpers-4f206abf.js";import a from"react";import{c as e}from"../../index-9b84fabc.js";import r from"./styles.module.scss";import{A as c}from"../../constants-be4018c7.js";var l=a.forwardRef((function(l,p){var t,x=l.size,o=void 0===x?"s":x,m=l.className,f=l.testId,i=e(r.spacer,(s(t={},r["spacer--4xs"],"4xs"===o),s(t,r["spacer--3xs"],"3xs"===o),s(t,r["spacer--2xs"],"2xs"===o),s(t,r["spacer--xs"],"xs"===o),s(t,r["spacer--s"],"s"===o),s(t,r["spacer--m"],"m"===o),s(t,r["spacer--l"],"l"===o),s(t,r["spacer--xl"],"xl"===o),s(t,r["spacer--2xl"],"2xl"===o),s(t,r["spacer--3xl"],"3xl"===o),s(t,r["spacer--4xl"],"4xl"===o),s(t,r["spacer--5xl"],"5xl"===o),s(t,r["spacer--6xl"],"6xl"===o),t),m);return a.createElement("span",{className:i,ref:p,"data-testid":f,"data-analyticsid":c.Spacer})}));export default l;
 //# sourceMappingURL=index.js.map

package/components/Textarea/index.js

@@ -1,2 +1,2 @@
-import{T as s}from"../../Textarea-648063a9.js";export{T as default}from"../../Textarea-648063a9.js";import"../../_rollupPluginBabelHelpers-6b3099b0.js";import"../../_tslib-51c8a283.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../constants-075356e2.js";import"../../uuid-fe7442b7.js";
+import{T as e}from"../../Textarea-4597fece.js";export{T as default}from"../../Textarea-4597fece.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"../../_tslib-51c8a283.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../constants-be4018c7.js";import"../../uuid-fe7442b7.js";
 //# sourceMappingURL=index.js.map

package/components/Tile/componentdata.json

@@ -263,7 +263,25 @@
       ],
       "required": false,
       "type": {
-        "name": "string"
+        "name": "enum",
+        "raw": "\"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"_self\""
+          },
+          {
+            "value": "\"_blank\""
+          },
+          {
+            "value": "\"_parent\""
+          },
+          {
+            "value": "\"_top\""
+          }
+        ]
       }
     },
     "target": {

package/components/Tile/index.js

@@ -1,2 +1,2 @@
-import{_ as e,b as t}from"../../_rollupPluginBabelHelpers-6b3099b0.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-075356e2.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,m=void 0===c?"span":c,d=e.highlighted,p=e.compact,f=a(s.tile__title,(t(l={},s["tile__title--highlighted"],d),t(l,s["tile__title--compact"],p),l),n),u=m;return r.createElement(u,{className:f,ref:i},o)})),m=r.forwardRef((function(c,m){var d,p=c.icon,f=c.title,u=c.className,h=void 0===u?"":u,g=c.description,_=c.fixed,b=void 0!==_&&_,v=c.highlighted,E=void 0!==v&&v,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(d={},s["tile--fixed"],b),t(d,s["tile--compact"],I),t(d,s["tile--highlighted"],E),d),h),B=a(s["title-wrapper"],t({},s["title-wrapper--compact"],I));return r.createElement("a",Object.assign({ref:m,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(p,{size:n.Medium,isHovered:M,color:E?"white":"black"}),r.cloneElement(f,{highlighted:E,compact:I})),g?r.createElement("p",{className:s.tile__description},g):null)}));m.Title=c;export default m;export{m as Tile};
+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-be4018c7.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,m=void 0===c?"span":c,d=e.highlighted,f=e.compact,p=a(s.tile__title,(t(l={},s["tile__title--highlighted"],d),t(l,s["tile__title--compact"],f),l),n),u=m;return r.createElement(u,{className:p,ref:i},o)})),m=r.forwardRef((function(c,m){var d,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(d={},s["tile--fixed"],v),t(d,s["tile--compact"],I),t(d,s["tile--highlighted"],E),d),h),B=a(s["title-wrapper"],t({},s["title-wrapper--compact"],I));return r.createElement("a",Object.assign({ref:m,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)}));m.Title=c;export default m;export{m as Tile};
 //# sourceMappingURL=index.js.map

package/components/Title/index.js

@@ -1,2 +1,2 @@
-import{T as s}from"../../Title-1d8708ea.js";export{T as default,i as instanceOfTitleMargin}from"../../Title-1d8708ea.js";import"../../_rollupPluginBabelHelpers-6b3099b0.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../constants-075356e2.js";
+import{T as s}from"../../Title-8fc7396e.js";export{T as default,i as instanceOfTitleMargin}from"../../Title-8fc7396e.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../constants-be4018c7.js";
 //# sourceMappingURL=index.js.map

package/components/Validation/index.js

@@ -1,2 +1,2 @@
-import{V as s}from"../../Validation-c196f3f2.js";export{V as Validation,V as default}from"../../Validation-c196f3f2.js";import"react";import"../../index-9b84fabc.js";import"../../FormGroup-f10939e6.js";import"../../_rollupPluginBabelHelpers-6b3099b0.js";import"../FormGroup/styles.module.scss";import"../../Checkbox-8e590de0.js";import"../../uuid-fe7442b7.js";import"../Icons/Check.js";import"../Icons/Icon.js";import"../../_tslib-51c8a283.js";import"../../constants-075356e2.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../Checkbox/styles.module.scss";import"../../RadioButton-b0da1997.js";import"../RadioButton/styles.module.scss";import"../../Input-01c967ac.js";import"../../useBreakpoint-8209ae3c.js";import"../Input/styles.module.scss";import"../../Title-1d8708ea.js";import"../Title/styles.module.scss";import"./styles.module.scss";
+import{V as s}from"../../Validation-247496a2.js";export{V as Validation,V as default}from"../../Validation-247496a2.js";import"react";import"../../index-9b84fabc.js";import"../../FormGroup-e67d4a50.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"../FormGroup/styles.module.scss";import"../../Checkbox-657cb5e7.js";import"../../uuid-fe7442b7.js";import"../Icons/Check.js";import"../Icons/Icon.js";import"../../_tslib-51c8a283.js";import"../../constants-be4018c7.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../Checkbox/styles.module.scss";import"../../RadioButton-0233a8fb.js";import"../RadioButton/styles.module.scss";import"../../Input-fe2b4c5a.js";import"../../useBreakpoint-004c6cb2.js";import"../Input/styles.module.scss";import"../../Title-8fc7396e.js";import"../Title/styles.module.scss";import"./styles.module.scss";
 //# sourceMappingURL=index.js.map

package/{constants-075356e2.js → constants-be4018c7.js}

@@ -1,2 +1,2 @@
-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.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.Portal="portal",a.RadioButton="radio-button",a.Slider="slider",a.Spacer="spacer",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-075356e2.js.map
+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.Portal="portal",a.RadioButton="radio-button",a.Slider="slider",a.Spacer="spacer",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-be4018c7.js.map

package/constants-be4018c7.js.map

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

package/constants.d.ts

@@ -22,6 +22,7 @@ export interface HTMLButtonProps {
     name?: string;
     type?: 'submit' | 'reset' | 'button' | string;
     value?: string | string[] | number;
+    id?: string;
 }
 export interface HTMLTextareaProps {
     autoFocus?: boolean;
@@ -38,13 +39,14 @@ export interface HTMLTextareaProps {
     spellcheck?: 'true' | 'default' | 'false';
     'aria-invalid'?: boolean;
 }
+export declare type AnchorTarget = '_self' | '_blank' | '_parent' | '_top';
 export interface HTMLAnchorProps {
     download?: string;
     href?: string;
     hrefLang?: string;
     media?: string;
     ping?: string;
-    rel?: string;
+    rel?: AnchorTarget;
     target?: string;
     referrerPolicy?: '' | 'same-origin' | 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';
 }
@@ -81,6 +83,7 @@ export declare enum AnalyticsId {
     Logo = "logo",
     Modal = "modal",
     NotificationPanel = "notification-panel",
+    Panel = "panel",
     Portal = "portal",
     RadioButton = "radio-button",
     Slider = "slider",

package/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"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"}
+{"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,YAAY,kBAAkB;IAC9B,oBAAoB,2BAA2B;IAC/C,SAAS,eAAe;IACxB,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,MAAM,WAAW;IACjB,WAAW,iBAAiB;IAC5B,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,UAAU,eAAe;CAC1B"}

package/hoc/withBreakpoint/index.js

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

package/hooks/useFocusTrap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusTrap.ts"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,wBAAgB,YAAY,IAAI,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CA2D5E;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusTrap.ts"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,wBAAgB,YAAY,IAAI,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CA2D5E;AAED,eAAe,YAAY,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-8209ae3c.js";import{_ as e}from"./_rollupPluginBabelHelpers-6b3099b0.js";import{useState as n,useEffect as o}from"react";export{u as useFocusTrap,a as useIntersectionObserver,b as useIsVisible}from"./useIsVisible-f5d49913.js";export{u as useHover}from"./useHover-507fb85a.js";export{u as useLayoutEvent,a as useWindowSize}from"./useWindowSize-58f26dea.js";export{u as usePrevious}from"./usePrevious-ae293b10.js";export{u as useSticky}from"./useSticky-a572c326.js";export{A as AnalyticsId,F as FormMode,a as FormVariant,I as IconSize,Z as ZIndex}from"./constants-075356e2.js";import"./palette-f206f488.js";import"./grid-c105cad1.js";var r=['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(t,a){var i=n(),s=e(i,2),u=s[0],d=s[1];return o((function(){var e=function(){var e,n=null===(e=t.current)||void 0===e?void 0:e.querySelectorAll(r);d(n)},n=new MutationObserver(e);return(null==t?void 0:t.current)&&n.observe(t.current,{subtree:!0,childList:!0}),e(),function(){n.disconnect()}}),[t]),o((function(){a?null==u||u.forEach((function(e){var t=e.getAttribute("data-tabindex");t?e.setAttribute("tabindex",t):e.removeAttribute("tabindex")})):null==u||u.forEach((function(e){e.hasAttribute("tabindex")&&e.setAttribute("data-tabindex","".concat(e.tabIndex)),e.tabIndex=-1}))}),[a,u]),u},s=function(t){var r=n(),a=e(r,2),i=a[0],s=a[1];return o((function(){var e=new ResizeObserver((function(e){s(e[0].target.getBoundingClientRect())}));return(null==t?void 0:t.current)&&e.observe(null==t?void 0:t.current),e.disconnect}),[t]),i};export{i as useFocusToggle,s as useSize};
+export{t as theme}from"./index-d1c9177a.js";export{B as Breakpoint,u as useBreakpoint}from"./useBreakpoint-004c6cb2.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";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 e}from"./_rollupPluginBabelHelpers-4f206abf.js";import{useState as s,useEffect as r}from"react";export{A as AnalyticsId,F as FormMode,a as FormVariant,I as IconSize,Z as ZIndex}from"./constants-be4018c7.js";import"./palette-f206f488.js";import"./grid-c105cad1.js";var o=function(o){var t=s(),a=e(t,2),u=a[0],i=a[1];return r((function(){var e=new ResizeObserver((function(e){i(e[0].target.getBoundingClientRect())}));return(null==o?void 0:o.current)&&e.observe(null==o?void 0:o.current),e.disconnect}),[o]),u};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-beta110",
+  "version": "1.0.0-beta113",
   "description": "The official design system for Helsenorge built with React.",
   "repository": {
     "type": "tfs",

package/{useBreakpoint-8209ae3c.js → useBreakpoint-004c6cb2.js}

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

package/useBreakpoint-004c6cb2.js.map

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

package/useHover-026f72c1.js

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

package/useHover-026f72c1.js.map

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

package/useIsVisible-fad4d769.js

@@ -0,0 +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

package/useIsVisible-fad4d769.js.map

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

package/{useSticky-a572c326.js → useSticky-807e5dde.js}

@@ -1,2 +1,2 @@
-import{_ as i}from"./_rollupPluginBabelHelpers-6b3099b0.js";import{useState as o}from"react";import{u as t}from"./useWindowSize-58f26dea.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(),b=i(h,2),w=b[0],W=b[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),W(v),p(g)}),["resize","scroll"]),{isOutsideWindow:u,isLeavingWindow:a,offsetHeight:m,contentWidth:w}};export{e as u};
-//# sourceMappingURL=useSticky-a572c326.js.map
+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

package/useSticky-807e5dde.js.map

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

package/{useWindowSize-58f26dea.js → useWindowSize-5cc481da.js}

@@ -1,2 +1,2 @@
-import{a as n,_ as e}from"./_rollupPluginBabelHelpers-6b3099b0.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-58f26dea.js.map
+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

package/useWindowSize-5cc481da.js.map

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