@helsenorge/designsystem-react 2.17.0 → 3.0.1

package/scss/typography.module.scss

@@ -1,12 +1,13 @@
+@use 'sass:map';
 @import './spacers';
 @import './breakpoints';
-@import './fonts.scss';
+@import './fonts';
 @import './palette';
-@import './title.scss';
+@import './title';
 
 /*
 Denne filen er ment til å importeres som en css module:
-import designsystemtypography from './scss/_typography.scss'
+import designsystemtypography from './scss/typography.scss'
 <div className={designsystemtypography.title1}></div>
 */
 
@@ -43,7 +44,8 @@ import designsystemtypography from './scss/_typography.scss'
   font-size: 1.375rem;
   line-height: getSpacer(l);
   font-weight: 600;
-  @media (min-width: map-get($grid-breakpoints, md)) {
+
+  @media (min-width: map.get($grid-breakpoints, md)) {
     font-size: getSpacer(m);
   }
 }
@@ -52,7 +54,8 @@ import designsystemtypography from './scss/_typography.scss'
   font-size: $font-size-md;
   line-height: 1.625rem;
   font-weight: 600;
-  @media (min-width: map-get($grid-breakpoints, md)) {
+
+  @media (min-width: map.get($grid-breakpoints, md)) {
     font-size: getSpacer(m);
     line-height: $lineheight-size-md;
   }
@@ -61,7 +64,8 @@ import designsystemtypography from './scss/_typography.scss'
 .label {
   font-size: $font-size-sm;
   line-height: getSpacer(m);
-  @media (min-width: map-get($grid-breakpoints, md)) {
+
+  @media (min-width: map.get($grid-breakpoints, md)) {
     font-size: $font-size-md;
     line-height: $lineheight-size-sm;
   }
@@ -70,7 +74,8 @@ import designsystemtypography from './scss/_typography.scss'
 .table {
   font-size: $font-size-sm;
   line-height: $lineheight-size-sm;
-  @media (min-width: map-get($grid-breakpoints, md)) {
+
+  @media (min-width: map.get($grid-breakpoints, md)) {
     font-size: $font-size-md;
   }
 }
@@ -78,7 +83,8 @@ import designsystemtypography from './scss/_typography.scss'
 .strong {
   font-size: $font-size-sm;
   line-height: $lineheight-size-sm;
-  @media (min-width: map-get($grid-breakpoints, md)) {
+
+  @media (min-width: map.get($grid-breakpoints, md)) {
     font-size: $font-size-md;
     line-height: $lineheight-size-md;
   }
@@ -87,7 +93,8 @@ import designsystemtypography from './scss/_typography.scss'
 .form {
   font-size: $font-size-sm;
   line-height: $lineheight-size-sm;
-  @media (min-width: map-get($grid-breakpoints, md)) {
+
+  @media (min-width: map.get($grid-breakpoints, md)) {
     font-size: $font-size-md;
   }
 }
@@ -110,7 +117,6 @@ import designsystemtypography from './scss/_typography.scss'
 .anchorlink-wrapper {
   a {
     display: inline;
-    -webkit-box-decoration-break: clone;
     box-decoration-break: clone;
     overflow-wrap: break-word;
     word-break: break-word;
@@ -126,15 +132,16 @@ import designsystemtypography from './scss/_typography.scss'
       background-color: $blueberry50;
       border-bottom-color: $blueberry600;
     }
+
     &:focus {
-      padding: 0 0 0.15rem 0;
+      padding: 0 0 0.15rem;
       outline: none;
       border: 0.15rem solid $black;
     }
 
     &[target='_blank'] {
-      /* external styling legge til icon*/
-      &:after {
+      /* external styling legge til icon */
+      &::after {
         content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='38px' height='38px' viewBox='0 0 48 48' fill='%2308667c'><polygon points='33.305,14.659,33.305,29.205,32.005,29.205,32.005,16.948,15.804,33.149,14.885,32.229,31.155,15.959,18.761,15.96,18.761,14.659' /></svg>");
         display: inline-block;
         vertical-align: bottom;

package/theme/currys/color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../src/theme/currys/color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAKzD,eAAO,MAAM,QAAQ,SAAU,YAAY,UAAU,aAAa,QAAkE,CAAC;AAErI,eAAO,MAAM,aAAa,UAAW,YAAY,GAAG,OAAO,GAAG,OAAO,WAAgC,CAAC"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../src/theme/currys/color.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAIzD,eAAO,MAAM,QAAQ,SAAU,YAAY,UAAU,aAAa,QAAkE,CAAC;AAErI,eAAO,MAAM,aAAa,UAAW,YAAY,GAAG,OAAO,GAAG,OAAO,WAAgC,CAAC"}

package/theme/currys/color.js

@@ -1,2 +1,2 @@
-import{theme as r}from"../index.js";import"../palette.js";import"../spacers.js";import"../grid.js";const e=o=>o==="black"||o==="white",p=(o,t)=>r.palette[`${o}${e(o)?"":t}`],s=o=>`${p(o,700)}0D`;export{p as getColor,s as getHoverColor};
+import{theme as r}from"../index.js";import"../grid.js";import"../palette.js";import"../spacers.js";const e=o=>o==="black"||o==="white",p=(o,t)=>r.palette[`${o}${e(o)?"":t}`],s=o=>`${p(o,700)}0D`;export{p as getColor,s as getHoverColor};
 //# sourceMappingURL=color.js.map

package/theme/currys/color.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.js","sources":["../../../src/theme/currys/color.ts"],"sourcesContent":["import { PaletteNames, PaletteDepths } from '../palette';\nimport { theme } from '..';\n\nconst isComplementary = (name: PaletteNames) => name === 'black' || name === 'white';\n\nexport const getColor = (name: PaletteNames, depth?: PaletteDepths) => theme.palette[`${name}${isComplementary(name) ? '' : depth}`];\n\nexport const getHoverColor = (color: PaletteNames | 'white' | 'black') => `${getColor(color, 700)}0D`;\n"],"names":["isComplementary","name","getColor","depth","theme","getHoverColor","color"],"mappings":"mGAGA,MAAMA,EAAmBC,GAAuBA,IAAS,SAAWA,IAAS,QAEhEC,EAAW,CAACD,EAAoBE,IAA0BC,EAAM,QAAQ,GAAGH,IAAOD,EAAgBC,CAAI,EAAI,GAAKE,KAE/GE,EAAiBC,GAA4C,GAAGJ,EAASI,EAAO,GAAG"}
+{"version":3,"file":"color.js","sources":["../../../src/theme/currys/color.ts"],"sourcesContent":["import { theme } from '..';\nimport { PaletteNames, PaletteDepths } from '../palette';\n\nconst isComplementary = (name: PaletteNames) => name === 'black' || name === 'white';\n\nexport const getColor = (name: PaletteNames, depth?: PaletteDepths) => theme.palette[`${name}${isComplementary(name) ? '' : depth}`];\n\nexport const getHoverColor = (color: PaletteNames | 'white' | 'black') => `${getColor(color, 700)}0D`;\n"],"names":["isComplementary","name","getColor","depth","theme","getHoverColor","color"],"mappings":"mGAGA,MAAMA,EAAmBC,GAAuBA,IAAS,SAAWA,IAAS,QAEhEC,EAAW,CAACD,EAAoBE,IAA0BC,EAAM,QAAQ,GAAGH,IAAOD,EAAgBC,CAAI,EAAI,GAAKE,GAAO,EAEtHE,EAAiBC,GAA4C,GAAGJ,EAASI,EAAO,GAAG"}

package/theme/currys/index.js

@@ -1,2 +1,2 @@
-import{getColor as a,getHoverColor as i}from"./color.js";import{getSpacer as l,mapSpacerValue as c}from"./spacing.js";import"../index.js";import"../palette.js";import"../spacers.js";import"../grid.js";export{a as getColor,i as getHoverColor,l as getSpacer,c as mapSpacerValue};
+import{getColor as a,getHoverColor as i}from"./color.js";import{getSpacer as l,mapSpacerValue as c}from"./spacing.js";import"../index.js";import"../grid.js";import"../palette.js";import"../spacers.js";export{a as getColor,i as getHoverColor,l as getSpacer,c as mapSpacerValue};
 //# sourceMappingURL=index.js.map

package/theme/currys/spacing.js.map

@@ -1 +1 @@
-{"version":3,"file":"spacing.js","sources":["../../../src/theme/currys/spacing.ts"],"sourcesContent":["import { spacers } from './../spacers';\nimport { SpacerSizes } from './../spacers';\n\nexport const mapSpacerValue = (spacerSize: SpacerSizes): number => {\n  switch (spacerSize) {\n    case '4xs':\n      return spacers[1];\n    case '3xs':\n      return spacers[2];\n    case '2xs':\n      return spacers[3];\n    case 'xs':\n      return spacers[4];\n    case 's':\n      return spacers[5];\n    case 'm':\n      return spacers[6];\n    case 'l':\n      return spacers[7];\n    case 'xl':\n      return spacers[8];\n    case '2xl':\n      return spacers[9];\n    case '3xl':\n      return spacers[10];\n    case '4xl':\n      return spacers[11];\n    case '5xl':\n      return spacers[12];\n    case '6xl':\n      return spacers[13];\n    default:\n      return spacers[5];\n  }\n};\n\nexport const getSpacer = (spacerSize: SpacerSizes): string => {\n  const spacerValue = mapSpacerValue(spacerSize);\n  return `${spacerValue}rem`;\n};\n"],"names":["mapSpacerValue","spacerSize","spacers","getSpacer"],"mappings":"wCAGa,MAAAA,EAAkBC,GAAoC,CACjE,OAAQA,EAAY,CAClB,IAAK,MACH,OAAOC,EAAQ,GACjB,IAAK,MACH,OAAOA,EAAQ,GACjB,IAAK,MACH,OAAOA,EAAQ,GACjB,IAAK,KACH,OAAOA,EAAQ,GACjB,IAAK,IACH,OAAOA,EAAQ,GACjB,IAAK,IACH,OAAOA,EAAQ,GACjB,IAAK,IACH,OAAOA,EAAQ,GACjB,IAAK,KACH,OAAOA,EAAQ,GACjB,IAAK,MACH,OAAOA,EAAQ,GACjB,IAAK,MACH,OAAOA,EAAQ,IACjB,IAAK,MACH,OAAOA,EAAQ,IACjB,IAAK,MACH,OAAOA,EAAQ,IACjB,IAAK,MACH,OAAOA,EAAQ,IACjB,QACE,OAAOA,EAAQ,EACnB,CACF,EAEaC,EAAaF,GAEjB,GADaD,EAAeC,CAAU"}
+{"version":3,"file":"spacing.js","sources":["../../../src/theme/currys/spacing.ts"],"sourcesContent":["import { spacers } from './../spacers';\nimport { SpacerSizes } from './../spacers';\n\nexport const mapSpacerValue = (spacerSize: SpacerSizes): number => {\n  switch (spacerSize) {\n    case '4xs':\n      return spacers[1];\n    case '3xs':\n      return spacers[2];\n    case '2xs':\n      return spacers[3];\n    case 'xs':\n      return spacers[4];\n    case 's':\n      return spacers[5];\n    case 'm':\n      return spacers[6];\n    case 'l':\n      return spacers[7];\n    case 'xl':\n      return spacers[8];\n    case '2xl':\n      return spacers[9];\n    case '3xl':\n      return spacers[10];\n    case '4xl':\n      return spacers[11];\n    case '5xl':\n      return spacers[12];\n    case '6xl':\n      return spacers[13];\n    default:\n      return spacers[5];\n  }\n};\n\nexport const getSpacer = (spacerSize: SpacerSizes): string => {\n  const spacerValue = mapSpacerValue(spacerSize);\n  return `${spacerValue}rem`;\n};\n"],"names":["mapSpacerValue","spacerSize","spacers","getSpacer"],"mappings":"wCAGa,MAAAA,EAAkBC,GAAoC,CACjE,OAAQA,EAAY,CAClB,IAAK,MACH,OAAOC,EAAQ,CAAC,EAClB,IAAK,MACH,OAAOA,EAAQ,CAAC,EAClB,IAAK,MACH,OAAOA,EAAQ,CAAC,EAClB,IAAK,KACH,OAAOA,EAAQ,CAAC,EAClB,IAAK,IACH,OAAOA,EAAQ,CAAC,EAClB,IAAK,IACH,OAAOA,EAAQ,CAAC,EAClB,IAAK,IACH,OAAOA,EAAQ,CAAC,EAClB,IAAK,KACH,OAAOA,EAAQ,CAAC,EAClB,IAAK,MACH,OAAOA,EAAQ,CAAC,EAClB,IAAK,MACH,OAAOA,EAAQ,EAAE,EACnB,IAAK,MACH,OAAOA,EAAQ,EAAE,EACnB,IAAK,MACH,OAAOA,EAAQ,EAAE,EACnB,IAAK,MACH,OAAOA,EAAQ,EAAE,EACnB,QACE,OAAOA,EAAQ,CAAC,CACpB,CACF,EAEaC,EAAaF,GAEjB,GADaD,EAAeC,CAAU"}

package/theme/index.js

@@ -1,2 +1,2 @@
-import{palette as r}from"./palette.js";import{spacer as e,spacers as o}from"./spacers.js";import{screen as t,breakpoints as p}from"./grid.js";const c={spacer:e,spacers:o,palette:r,screen:t,breakpoints:p};export{c as theme};
+import{screen as r,breakpoints as e}from"./grid.js";import{palette as o}from"./palette.js";import{spacer as t,spacers as p}from"./spacers.js";const c={spacer:t,spacers:p,palette:o,screen:r,breakpoints:e};export{c as theme};
 //# sourceMappingURL=index.js.map

package/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":["import { palette } from './palette';\nimport { spacer, spacers } from './spacers';\nimport { screen, breakpoints } from './grid';\n\nexport const theme = {\n  spacer,\n  spacers,\n  palette,\n  screen,\n  breakpoints,\n};\n"],"names":["theme","spacer","spacers","palette","screen","breakpoints"],"mappings":"8IAIO,MAAMA,EAAQ,CACnB,OAAAC,EACA,QAAAC,EACA,QAAAC,EACA,OAAAC,EACA,YAAAC,CACF"}
+{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":["import { screen, breakpoints } from './grid';\nimport { palette } from './palette';\nimport { spacer, spacers } from './spacers';\n\nexport const theme = {\n  spacer,\n  spacers,\n  palette,\n  screen,\n  breakpoints,\n};\n"],"names":["theme","spacer","spacers","palette","screen","breakpoints"],"mappings":"8IAIO,MAAMA,EAAQ,CACnB,OAAAC,EACA,QAAAC,EACA,QAAAC,EACA,OAAAC,EACA,YAAAC,CACF"}

package/theme/palette.d.ts

@@ -62,7 +62,7 @@ export declare const palette: {
     banana800: string;
     banana900: string;
 };
-export declare type PaletteNames = 'banana' | 'blueberry' | 'cherry' | 'kiwi' | 'neutral' | 'plum' | 'black' | 'white';
-export declare type PaletteDepths = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
-export declare type PaletteCodes = 'banana50' | 'banana100' | 'banana200' | 'banana300' | 'banana400' | 'banana500' | 'banana600' | 'banana700' | 'banana800' | 'banana900' | 'blueberry50' | 'blueberry100' | 'blueberry200' | 'blueberry300' | 'blueberry400' | 'blueberry500' | 'blueberry600' | 'blueberry700' | 'blueberry800' | 'blueberry900' | 'cherry50' | 'cherry100' | 'cherry200' | 'cherry300' | 'cherry400' | 'cherry500' | 'cherry600' | 'cherry700' | 'cherry800' | 'cherry900' | 'kiwi50' | 'kiwi100' | 'kiwi200' | 'kiwi300' | 'kiwi400' | 'kiwi500' | 'kiwi600' | 'kiwi700' | 'kiwi800' | 'kiwi900' | 'neutral50' | 'neutral100' | 'neutral200' | 'neutral300' | 'neutral400' | 'neutral500' | 'neutral600' | 'neutral700' | 'neutral800' | 'neutral900' | 'plum50' | 'plum100' | 'plum200' | 'plum300' | 'plum400' | 'plum500' | 'plum600' | 'plum700' | 'plum800' | 'plum900' | 'white' | 'black';
+export type PaletteNames = 'banana' | 'blueberry' | 'cherry' | 'kiwi' | 'neutral' | 'plum' | 'black' | 'white';
+export type PaletteDepths = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
+export type PaletteCodes = 'banana50' | 'banana100' | 'banana200' | 'banana300' | 'banana400' | 'banana500' | 'banana600' | 'banana700' | 'banana800' | 'banana900' | 'blueberry50' | 'blueberry100' | 'blueberry200' | 'blueberry300' | 'blueberry400' | 'blueberry500' | 'blueberry600' | 'blueberry700' | 'blueberry800' | 'blueberry900' | 'cherry50' | 'cherry100' | 'cherry200' | 'cherry300' | 'cherry400' | 'cherry500' | 'cherry600' | 'cherry700' | 'cherry800' | 'cherry900' | 'kiwi50' | 'kiwi100' | 'kiwi200' | 'kiwi300' | 'kiwi400' | 'kiwi500' | 'kiwi600' | 'kiwi700' | 'kiwi800' | 'kiwi900' | 'neutral50' | 'neutral100' | 'neutral200' | 'neutral300' | 'neutral400' | 'neutral500' | 'neutral600' | 'neutral700' | 'neutral800' | 'neutral900' | 'plum50' | 'plum100' | 'plum200' | 'plum300' | 'plum400' | 'plum500' | 'plum600' | 'plum700' | 'plum800' | 'plum900' | 'white' | 'black';
 //# sourceMappingURL=palette.d.ts.map

package/theme/palette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../src/theme/palette.ts"],"names":[],"mappings":"AA8EA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASnB,CAAC;AAEF,oBAAY,YAAY,GAAG,QAAQ,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAE/G,oBAAY,aAAa,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAErF,oBAAY,YAAY,GACpB,UAAU,GACV,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,aAAa,GACb,cAAc,GACd,cAAc,GACd,cAAc,GACd,cAAc,GACd,cAAc,GACd,cAAc,GACd,cAAc,GACd,cAAc,GACd,cAAc,GACd,UAAU,GACV,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,WAAW,GACX,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,OAAO,GACP,OAAO,CAAC"}
+{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../src/theme/palette.ts"],"names":[],"mappings":"AA8EA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASnB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAE/G,MAAM,MAAM,aAAa,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAErF,MAAM,MAAM,YAAY,GACpB,UAAU,GACV,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,aAAa,GACb,cAAc,GACd,cAAc,GACd,cAAc,GACd,cAAc,GACd,cAAc,GACd,cAAc,GACd,cAAc,GACd,cAAc,GACd,cAAc,GACd,UAAU,GACV,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,WAAW,GACX,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,OAAO,GACP,OAAO,CAAC"}

package/theme/palette.js

@@ -1,2 +1,2 @@
-const r={banana50:"#FCF2BF",banana100:"#F9EA9F",banana200:"#F5E080",banana300:"#F1D460",banana400:"#EBC840",banana500:"#DDAB06",banana600:"#C59302",banana700:"#AB7C00",banana800:"#916500",banana900:"#764F00"},e={blueberry50:"#E4F7F9",blueberry100:"#CAE7ED",blueberry200:"#AFDAE3",blueberry300:"#7ABECC",blueberry400:"#58AABB",blueberry500:"#188097",blueberry600:"#126F87",blueberry700:"#08667C",blueberry800:"#06596C",blueberry900:"#084350"},a={cherry50:"#FFF2EA",cherry100:"#F7E1D2",cherry200:"#EEC0A5",cherry300:"#E39376",cherry400:"#D56147",cherry500:"#C83521",cherry600:"#B62E1C",cherry700:"#A31F0E",cherry800:"#912112",cherry900:"#7E1C0E"},n={kiwi50:"#E6F8EE",kiwi100:"#C2EDD6",kiwi200:"#9DE2BF",kiwi300:"#79D6AA",kiwi400:"#56CA96",kiwi500:"#33BE84",kiwi600:"#10B172",kiwi700:"#0CA161",kiwi800:"#099150",kiwi900:"#078141"},l={neutral50:"#F5F3F3",neutral100:"#EAE7E7",neutral200:"#D6D4D3",neutral300:"#BDBAB9",neutral400:"#AAA8A6",neutral500:"#989693",neutral600:"#7D7C79",neutral700:"#62625F",neutral800:"#474745",neutral900:"#2B2C2B"},b={plum50:"#EFE4FD",plum100:"#D7BDF9",plum200:"#BF98F3",plum300:"#A875EB",plum400:"#9153E2",plum500:"#7A33D7",plum600:"#6A2ABF",plum700:"#5B22A6",plum800:"#4C1B8C",plum900:"#3C1471"},u={...r,...e,...a,...n,...l,...b,black:"#000000",white:"#ffffff"};export{u as palette};
+const r={banana50:"#FDF8DF",banana100:"#FCF2BF",banana200:"#F9EA9F",banana300:"#F5E080",banana400:"#EBC840",banana500:"#DDAB06",banana600:"#C59302",banana700:"#AB7C00",banana800:"#916500",banana900:"#764F00"},e={blueberry50:"#E4F7F9",blueberry100:"#CAE7ED",blueberry200:"#AFDAE3",blueberry300:"#7ABECC",blueberry400:"#58AABB",blueberry500:"#188097",blueberry600:"#126F87",blueberry700:"#08667C",blueberry800:"#06596C",blueberry900:"#084350"},a={cherry50:"#FFF2EA",cherry100:"#F7E1D2",cherry200:"#EEC0A5",cherry300:"#E39376",cherry400:"#D56147",cherry500:"#C83521",cherry600:"#B62E1C",cherry700:"#A31F0E",cherry800:"#912112",cherry900:"#7E1C0E"},n={kiwi50:"#E6F8EE",kiwi100:"#C2EDD6",kiwi200:"#9DE2BF",kiwi300:"#79D6AA",kiwi400:"#56CA96",kiwi500:"#33BE84",kiwi600:"#10B172",kiwi700:"#0CA161",kiwi800:"#099150",kiwi900:"#078141"},l={neutral50:"#F5F3F3",neutral100:"#EAE7E7",neutral200:"#D6D4D3",neutral300:"#BDBAB9",neutral400:"#AAA8A6",neutral500:"#989693",neutral600:"#7D7C79",neutral700:"#62625F",neutral800:"#474745",neutral900:"#2B2C2B"},b={plum50:"#EFE4FD",plum100:"#D7BDF9",plum200:"#BF98F3",plum300:"#A875EB",plum400:"#9153E2",plum500:"#7A33D7",plum600:"#6A2ABF",plum700:"#5B22A6",plum800:"#4C1B8C",plum900:"#3C1471"},u={...r,...e,...a,...n,...l,...b,black:"#000000",white:"#ffffff"};export{u as palette};
 //# sourceMappingURL=palette.js.map

package/theme/palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"palette.js","sources":["../../src/theme/palette.ts"],"sourcesContent":["const banana = {\n  banana50: '#FCF2BF',\n  banana100: '#F9EA9F',\n  banana200: '#F5E080',\n  banana300: '#F1D460',\n  banana400: '#EBC840',\n  banana500: '#DDAB06',\n  banana600: '#C59302',\n  banana700: '#AB7C00',\n  banana800: '#916500',\n  banana900: '#764F00',\n};\n\nconst blueberry = {\n  blueberry50: '#E4F7F9',\n  blueberry100: '#CAE7ED',\n  blueberry200: '#AFDAE3',\n  blueberry300: '#7ABECC',\n  blueberry400: '#58AABB',\n  blueberry500: '#188097',\n  blueberry600: '#126F87',\n  blueberry700: '#08667C',\n  blueberry800: '#06596C',\n  blueberry900: '#084350',\n};\n\nconst cherry = {\n  cherry50: '#FFF2EA',\n  cherry100: '#F7E1D2',\n  cherry200: '#EEC0A5',\n  cherry300: '#E39376',\n  cherry400: '#D56147',\n  cherry500: '#C83521',\n  cherry600: '#B62E1C',\n  cherry700: '#A31F0E',\n  cherry800: '#912112',\n  cherry900: '#7E1C0E',\n};\n\nconst kiwi = {\n  kiwi50: '#E6F8EE',\n  kiwi100: '#C2EDD6',\n  kiwi200: '#9DE2BF',\n  kiwi300: '#79D6AA',\n  kiwi400: '#56CA96',\n  kiwi500: '#33BE84',\n  kiwi600: '#10B172',\n  kiwi700: '#0CA161',\n  kiwi800: '#099150',\n  kiwi900: '#078141',\n};\n\nconst neutral = {\n  neutral50: '#F5F3F3',\n  neutral100: '#EAE7E7',\n  neutral200: '#D6D4D3',\n  neutral300: '#BDBAB9',\n  neutral400: '#AAA8A6',\n  neutral500: '#989693',\n  neutral600: '#7D7C79',\n  neutral700: '#62625F',\n  neutral800: '#474745',\n  neutral900: '#2B2C2B',\n};\n\nconst plum = {\n  plum50: '#EFE4FD',\n  plum100: '#D7BDF9',\n  plum200: '#BF98F3',\n  plum300: '#A875EB',\n  plum400: '#9153E2',\n  plum500: '#7A33D7',\n  plum600: '#6A2ABF',\n  plum700: '#5B22A6',\n  plum800: '#4C1B8C',\n  plum900: '#3C1471',\n};\n\nexport const palette = {\n  ...banana,\n  ...blueberry,\n  ...cherry,\n  ...kiwi,\n  ...neutral,\n  ...plum,\n  black: '#000000',\n  white: '#ffffff',\n};\n\nexport type PaletteNames = 'banana' | 'blueberry' | 'cherry' | 'kiwi' | 'neutral' | 'plum' | 'black' | 'white';\n\nexport type PaletteDepths = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;\n\nexport type PaletteCodes =\n  | 'banana50'\n  | 'banana100'\n  | 'banana200'\n  | 'banana300'\n  | 'banana400'\n  | 'banana500'\n  | 'banana600'\n  | 'banana700'\n  | 'banana800'\n  | 'banana900'\n  | 'blueberry50'\n  | 'blueberry100'\n  | 'blueberry200'\n  | 'blueberry300'\n  | 'blueberry400'\n  | 'blueberry500'\n  | 'blueberry600'\n  | 'blueberry700'\n  | 'blueberry800'\n  | 'blueberry900'\n  | 'cherry50'\n  | 'cherry100'\n  | 'cherry200'\n  | 'cherry300'\n  | 'cherry400'\n  | 'cherry500'\n  | 'cherry600'\n  | 'cherry700'\n  | 'cherry800'\n  | 'cherry900'\n  | 'kiwi50'\n  | 'kiwi100'\n  | 'kiwi200'\n  | 'kiwi300'\n  | 'kiwi400'\n  | 'kiwi500'\n  | 'kiwi600'\n  | 'kiwi700'\n  | 'kiwi800'\n  | 'kiwi900'\n  | 'neutral50'\n  | 'neutral100'\n  | 'neutral200'\n  | 'neutral300'\n  | 'neutral400'\n  | 'neutral500'\n  | 'neutral600'\n  | 'neutral700'\n  | 'neutral800'\n  | 'neutral900'\n  | 'plum50'\n  | 'plum100'\n  | 'plum200'\n  | 'plum300'\n  | 'plum400'\n  | 'plum500'\n  | 'plum600'\n  | 'plum700'\n  | 'plum800'\n  | 'plum900'\n  | 'white'\n  | 'black';\n"],"names":["banana","blueberry","cherry","kiwi","neutral","plum","palette"],"mappings":"AAAA,MAAMA,EAAS,CACb,SAAU,UACV,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,SACb,EAEMC,EAAY,CAChB,YAAa,UACb,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,SAChB,EAEMC,EAAS,CACb,SAAU,UACV,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,SACb,EAEMC,EAAO,CACX,OAAQ,UACR,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,SACX,EAEMC,EAAU,CACd,UAAW,UACX,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,SACd,EAEMC,EAAO,CACX,OAAQ,UACR,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,SACX,EAEaC,EAAU,CACrB,GAAGN,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,MAAO,UACP,MAAO,SACT"}
+{"version":3,"file":"palette.js","sources":["../../src/theme/palette.ts"],"sourcesContent":["const banana = {\n  banana50: '#FDF8DF',\n  banana100: '#FCF2BF',\n  banana200: '#F9EA9F',\n  banana300: '#F5E080',\n  banana400: '#EBC840',\n  banana500: '#DDAB06',\n  banana600: '#C59302',\n  banana700: '#AB7C00',\n  banana800: '#916500',\n  banana900: '#764F00',\n};\n\nconst blueberry = {\n  blueberry50: '#E4F7F9',\n  blueberry100: '#CAE7ED',\n  blueberry200: '#AFDAE3',\n  blueberry300: '#7ABECC',\n  blueberry400: '#58AABB',\n  blueberry500: '#188097',\n  blueberry600: '#126F87',\n  blueberry700: '#08667C',\n  blueberry800: '#06596C',\n  blueberry900: '#084350',\n};\n\nconst cherry = {\n  cherry50: '#FFF2EA',\n  cherry100: '#F7E1D2',\n  cherry200: '#EEC0A5',\n  cherry300: '#E39376',\n  cherry400: '#D56147',\n  cherry500: '#C83521',\n  cherry600: '#B62E1C',\n  cherry700: '#A31F0E',\n  cherry800: '#912112',\n  cherry900: '#7E1C0E',\n};\n\nconst kiwi = {\n  kiwi50: '#E6F8EE',\n  kiwi100: '#C2EDD6',\n  kiwi200: '#9DE2BF',\n  kiwi300: '#79D6AA',\n  kiwi400: '#56CA96',\n  kiwi500: '#33BE84',\n  kiwi600: '#10B172',\n  kiwi700: '#0CA161',\n  kiwi800: '#099150',\n  kiwi900: '#078141',\n};\n\nconst neutral = {\n  neutral50: '#F5F3F3',\n  neutral100: '#EAE7E7',\n  neutral200: '#D6D4D3',\n  neutral300: '#BDBAB9',\n  neutral400: '#AAA8A6',\n  neutral500: '#989693',\n  neutral600: '#7D7C79',\n  neutral700: '#62625F',\n  neutral800: '#474745',\n  neutral900: '#2B2C2B',\n};\n\nconst plum = {\n  plum50: '#EFE4FD',\n  plum100: '#D7BDF9',\n  plum200: '#BF98F3',\n  plum300: '#A875EB',\n  plum400: '#9153E2',\n  plum500: '#7A33D7',\n  plum600: '#6A2ABF',\n  plum700: '#5B22A6',\n  plum800: '#4C1B8C',\n  plum900: '#3C1471',\n};\n\nexport const palette = {\n  ...banana,\n  ...blueberry,\n  ...cherry,\n  ...kiwi,\n  ...neutral,\n  ...plum,\n  black: '#000000',\n  white: '#ffffff',\n};\n\nexport type PaletteNames = 'banana' | 'blueberry' | 'cherry' | 'kiwi' | 'neutral' | 'plum' | 'black' | 'white';\n\nexport type PaletteDepths = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;\n\nexport type PaletteCodes =\n  | 'banana50'\n  | 'banana100'\n  | 'banana200'\n  | 'banana300'\n  | 'banana400'\n  | 'banana500'\n  | 'banana600'\n  | 'banana700'\n  | 'banana800'\n  | 'banana900'\n  | 'blueberry50'\n  | 'blueberry100'\n  | 'blueberry200'\n  | 'blueberry300'\n  | 'blueberry400'\n  | 'blueberry500'\n  | 'blueberry600'\n  | 'blueberry700'\n  | 'blueberry800'\n  | 'blueberry900'\n  | 'cherry50'\n  | 'cherry100'\n  | 'cherry200'\n  | 'cherry300'\n  | 'cherry400'\n  | 'cherry500'\n  | 'cherry600'\n  | 'cherry700'\n  | 'cherry800'\n  | 'cherry900'\n  | 'kiwi50'\n  | 'kiwi100'\n  | 'kiwi200'\n  | 'kiwi300'\n  | 'kiwi400'\n  | 'kiwi500'\n  | 'kiwi600'\n  | 'kiwi700'\n  | 'kiwi800'\n  | 'kiwi900'\n  | 'neutral50'\n  | 'neutral100'\n  | 'neutral200'\n  | 'neutral300'\n  | 'neutral400'\n  | 'neutral500'\n  | 'neutral600'\n  | 'neutral700'\n  | 'neutral800'\n  | 'neutral900'\n  | 'plum50'\n  | 'plum100'\n  | 'plum200'\n  | 'plum300'\n  | 'plum400'\n  | 'plum500'\n  | 'plum600'\n  | 'plum700'\n  | 'plum800'\n  | 'plum900'\n  | 'white'\n  | 'black';\n"],"names":["banana","blueberry","cherry","kiwi","neutral","plum","palette"],"mappings":"AAAA,MAAMA,EAAS,CACb,SAAU,UACV,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,SACb,EAEMC,EAAY,CAChB,YAAa,UACb,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,SAChB,EAEMC,EAAS,CACb,SAAU,UACV,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,SACb,EAEMC,EAAO,CACX,OAAQ,UACR,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,SACX,EAEMC,EAAU,CACd,UAAW,UACX,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,SACd,EAEMC,EAAO,CACX,OAAQ,UACR,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,SACX,EAEaC,EAAU,CACrB,GAAGN,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,MAAO,UACP,MAAO,SACT"}

package/theme/spacers.d.ts

@@ -1,4 +1,4 @@
-export declare type SpacerSizes = '4xs' | '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
+export type SpacerSizes = '4xs' | '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
 export declare const spacer = 1;
 export declare const spacers: {
     0: number;

package/theme/spacers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spacers.d.ts","sourceRoot":"","sources":["../../src/theme/spacers.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAExH,eAAO,MAAM,MAAM,IAAI,CAAC;AAExB,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;CAenB,CAAC"}
+{"version":3,"file":"spacers.d.ts","sourceRoot":"","sources":["../../src/theme/spacers.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAExH,eAAO,MAAM,MAAM,IAAI,CAAC;AAExB,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;CAenB,CAAC"}

package/utils/accessibility.d.ts

@@ -4,7 +4,7 @@ interface AriaLabelAttributesConfig {
     id?: string;
     prefer?: 'id' | 'label';
 }
-export declare type AriaLabelAttributes = Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'>;
+export type AriaLabelAttributes = Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'>;
 export declare const getAriaLabelAttributes: (config: AriaLabelAttributesConfig) => AriaLabelAttributes | undefined;
 export {};
 //# sourceMappingURL=accessibility.d.ts.map

package/utils/accessibility.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accessibility.d.ts","sourceRoot":"","sources":["../../src/utils/accessibility.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,yBAAyB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC;CACzB;AAED,oBAAY,mBAAmB,GAAG,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,iBAAiB,CAAC,CAAC;AAEzF,eAAO,MAAM,sBAAsB,WAAY,yBAAyB,KAAG,mBAAmB,GAAG,SAoBhG,CAAC"}
+{"version":3,"file":"accessibility.d.ts","sourceRoot":"","sources":["../../src/utils/accessibility.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,yBAAyB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC;CACzB;AAED,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,iBAAiB,CAAC,CAAC;AAEzF,eAAO,MAAM,sBAAsB,WAAY,yBAAyB,KAAG,mBAAmB,GAAG,SAoBhG,CAAC"}

package/utils/component.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
-export declare const isComponent: <T>(element: {} | null | undefined, type: React.ForwardRefExoticComponent<T>) => element is React.ReactElement<T, string | React.JSXElementConstructor<any>>;
+export declare const isComponent: <T>(element: {} | null | undefined, type: React.ForwardRefExoticComponent<T> | React.FunctionComponent<T>) => element is React.ReactElement<T, string | React.JSXElementConstructor<any>>;
+export declare const isComponentWithChildren: <T>(element: {} | null | undefined) => element is React.ReactElement<React.PropsWithChildren<T>, string | React.JSXElementConstructor<any>>;
 //# sourceMappingURL=component.d.ts.map

package/utils/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/utils/component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,WAAW,eACb,EAAE,GAAG,IAAI,GAAG,SAAS,0HAEwF,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/utils/component.ts"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,eAAO,MAAM,WAAW,eACb,EAAE,GAAG,IAAI,GAAG,SAAS,uJAEwF,CAAC;AAEzH,eAAO,MAAM,uBAAuB,eAAgB,EAAE,GAAG,IAAI,GAAG,SAAS,yGAEsC,CAAC"}

package/utils/component.js

@@ -1,2 +1,2 @@
-import i from"react";const e=(o,t)=>i.isValidElement(o)&&o.type===t;export{e as isComponent};
+import t from"react";const n=(o,i)=>t.isValidElement(o)&&o.type===i,r=o=>t.isValidElement(o)&&Object.prototype.hasOwnProperty.call(o.props,"children");export{n as isComponent,r as isComponentWithChildren};
 //# sourceMappingURL=component.js.map

package/utils/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/utils/component.ts"],"sourcesContent":["import React from 'react';\n\nexport const isComponent = <T>(\n  element: {} | null | undefined,\n  type: React.ForwardRefExoticComponent<T>\n): element is React.ReactElement<T> => React.isValidElement<T>(element) && (element as React.ReactElement).type === type;\n"],"names":["isComponent","element","type","React"],"mappings":"qBAEa,MAAAA,EAAc,CACzBC,EACAC,IACqCC,EAAM,eAAkBF,CAAO,GAAMA,EAA+B,OAASC"}
+{"version":3,"file":"component.js","sources":["../../src/utils/component.ts"],"sourcesContent":["import React, { PropsWithChildren } from 'react';\n\nexport const isComponent = <T>(\n  element: {} | null | undefined,\n  type: React.ForwardRefExoticComponent<T> | React.FunctionComponent<T>\n): element is React.ReactElement<T> => React.isValidElement<T>(element) && (element as React.ReactElement).type === type;\n\nexport const isComponentWithChildren = <T>(element: {} | null | undefined): element is React.ReactElement<PropsWithChildren<T>> =>\n  React.isValidElement<PropsWithChildren<T>>(element) &&\n  Object.prototype.hasOwnProperty.call((element as React.ReactElement<PropsWithChildren<T>>).props, 'children');\n"],"names":["isComponent","element","type","React","isComponentWithChildren"],"mappings":"qBAEa,MAAAA,EAAc,CACzBC,EACAC,IACqCC,EAAM,eAAkBF,CAAO,GAAMA,EAA+B,OAASC,EAEvGE,EAA8BH,GACzCE,EAAM,eAAqCF,CAAO,GAClD,OAAO,UAAU,eAAe,KAAMA,EAAqD,MAAO,UAAU"}

package/utils/debounce.d.ts

@@ -2,7 +2,6 @@
  * debounce limits time a function can be executed
  * @param func function to debounce
  * @param wait wait for x time
- * @param immediate run now
  */
-export declare function debounce(func: Function, wait: number, immediate?: boolean): [() => void, () => void];
+export declare function debounce<A = unknown, R = void>(func: (args?: A) => R, wait: number): [(args?: A) => Promise<R>, () => void];
 //# sourceMappingURL=debounce.d.ts.map

package/utils/debounce.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"debounce.d.ts","sourceRoot":"","sources":["../../src/utils/debounce.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,IAAI,EAAE,MAAM,IAAI,CAAC,CA0BpG"}
+{"version":3,"file":"debounce.d.ts","sourceRoot":"","sources":["../../src/utils/debounce.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,wBAAgB,QAAQ,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,MAAM,IAAI,CAAC,CAmB3H"}

package/utils/debounce.js

@@ -1,2 +1,2 @@
-function s(e,u,n){let t;return[function(){const o=this,c=arguments,l=()=>{t=null,n||e.apply(o,c)},r=n&&!t;t&&clearTimeout(t),t=setTimeout(l,u),r&&e.apply(o,c)},()=>{t&&clearTimeout(t)}]}export{s as debounce};
+function d(o,t){let e;return[n=>new Promise(u=>{e&&clearTimeout(e),e=setTimeout(()=>{u(o(n))},t)}),()=>{e&&clearTimeout(e)}]}export{d as debounce};
 //# sourceMappingURL=debounce.js.map

package/utils/debounce.js.map

@@ -1 +1 @@
-{"version":3,"file":"debounce.js","sources":["../../src/utils/debounce.ts"],"sourcesContent":["/**\n * debounce limits time a function can be executed\n * @param func function to debounce\n * @param wait wait for x time\n * @param immediate run now\n */\n\nexport function debounce(func: Function, wait: number, immediate?: boolean): [() => void, () => void] {\n  let timeout: ReturnType<typeof setTimeout> | null;\n\n  const debouncedFunc = function (this: Function): void {\n    const context: Function = this,\n      args: IArguments = arguments,\n      later: () => void = (): void => {\n        timeout = null;\n        if (!immediate) {\n          func.apply(context, args);\n        }\n      },\n      callNow = immediate && !timeout;\n\n    if (timeout) clearTimeout(timeout);\n    timeout = setTimeout(later, wait);\n    if (callNow) {\n      func.apply(context, args);\n    }\n  };\n\n  const teardown = () => {\n    timeout && clearTimeout(timeout);\n  };\n\n  return [debouncedFunc, teardown];\n}\n"],"names":["debounce","func","wait","immediate","timeout","context","args","later","callNow"],"mappings":"AAOgB,SAAAA,EAASC,EAAgBC,EAAcC,EAA+C,CAChG,IAAAC,EAwBG,MAAA,CAtBe,UAAgC,CACpD,MAAMC,EAAoB,KACxBC,EAAmB,UACnBC,EAAoB,IAAY,CACpBH,EAAA,KACLD,GACEF,EAAA,MAAMI,EAASC,CAAI,CAC1B,EAEFE,EAAUL,GAAa,CAACC,EAEtBA,GAAS,aAAaA,CAAO,EACvBA,EAAA,WAAWG,EAAOL,CAAI,EAC5BM,GACGP,EAAA,MAAMI,EAASC,CAAI,CAC1B,EAGe,IAAM,CACrBF,GAAW,aAAaA,CAAO,CAAA,CAGF,CACjC"}
+{"version":3,"file":"debounce.js","sources":["../../src/utils/debounce.ts"],"sourcesContent":["/**\n * debounce limits time a function can be executed\n * @param func function to debounce\n * @param wait wait for x time\n */\n\nexport function debounce<A = unknown, R = void>(func: (args?: A) => R, wait: number): [(args?: A) => Promise<R>, () => void] {\n  let timeout: ReturnType<typeof setTimeout> | null;\n\n  const debouncedFunc = (args?: A): Promise<R> =>\n    new Promise(resolve => {\n      if (timeout) {\n        clearTimeout(timeout);\n      }\n\n      timeout = setTimeout((): void => {\n        resolve(func(args));\n      }, wait);\n    });\n\n  const teardown = (): void => {\n    timeout && clearTimeout(timeout);\n  };\n\n  return [debouncedFunc, teardown];\n}\n"],"names":["debounce","func","wait","timeout","args","resolve"],"mappings":"AAMgB,SAAAA,EAAgCC,EAAuBC,EAAsD,CACvH,IAAAC,EAiBG,MAAA,CAfgBC,GACrB,IAAI,QAAmBC,GAAA,CACjBF,GACF,aAAaA,CAAO,EAGtBA,EAAU,WAAW,IAAY,CACvBE,EAAAJ,EAAKG,CAAI,CAAC,GACjBF,CAAI,CAAA,CACR,EAEc,IAAY,CAC3BC,GAAW,aAAaA,CAAO,CAAA,CAGF,CACjC"}

package/utils/environment.js.map

@@ -1 +1 @@
-{"version":3,"file":"environment.js","sources":["../../src/utils/environment.ts"],"sourcesContent":["export const isTest = (): boolean => typeof process !== 'undefined' && process['env']?.NODE_ENV === 'test';\nexport const isProd = (): boolean => typeof process !== 'undefined' && process['env']?.NODE_ENV === 'production';\n"],"names":["isTest","_a","isProd"],"mappings":"AAAO,MAAMA,EAAS,IAAe,CAA9B,IAAAC,EAA8B,cAAO,QAAY,OAAeA,EAAA,QAAQ,MAAR,YAAAA,EAAgB,YAAa,QACvFC,EAAS,IAAe,CAD9B,IAAAD,EAC8B,cAAO,QAAY,OAAeA,EAAA,QAAQ,MAAR,YAAAA,EAAgB,YAAa"}
+{"version":3,"file":"environment.js","sources":["../../src/utils/environment.ts"],"sourcesContent":["export const isTest = (): boolean => typeof process !== 'undefined' && process['env']?.NODE_ENV === 'test';\nexport const isProd = (): boolean => typeof process !== 'undefined' && process['env']?.NODE_ENV === 'production';\n"],"names":["isTest","_a","isProd"],"mappings":"AAAa,MAAAA,EAAS,IAAe,CAAxB,IAAAC,EAAwB,cAAO,QAAY,OAAeA,EAAA,QAAQ,MAAR,YAAAA,EAAgB,YAAa,QACvFC,EAAS,IAAe,CADxB,IAAAD,EACwB,cAAO,QAAY,OAAeA,EAAA,QAAQ,MAAR,YAAAA,EAAgB,YAAa"}

package/utils/focus.js

@@ -1,2 +1,2 @@
-const r=t=>{try{return(typeof t=="string"?document.querySelector(t):t).getRootNode().activeElement}catch(o){return console.error("Feil ved \xE5 ta tak i active element basert p\xE5 angitt node: ",t,o),null}};export{r as getDocumentActiveElement};
+const r=t=>{try{return(typeof t=="string"?document.querySelector(t):t).getRootNode().activeElement}catch(o){return console.error("Feil ved å ta tak i active element basert på angitt node: ",t,o),null}};export{r as getDocumentActiveElement};
 //# sourceMappingURL=focus.js.map

package/utils/focus.js.map

@@ -1 +1 @@
-{"version":3,"file":"focus.js","sources":["../../src/utils/focus.ts"],"sourcesContent":["/**\n * Kopi fra core-frontend (focus-utils.tsx)\n * Returnerer document.activeElement (element in focus), uavhengig av om den er i document-dom eller shadow-dom\n * @param element HtmlElement som den skal søke i\n */\nexport const getDocumentActiveElement = (element: HTMLElement | string): Element | null => {\n  try {\n    const domNode = typeof element === 'string' ? (document.querySelector(element) as HTMLElement) : element;\n    const root = domNode.getRootNode() as Document;\n    return root.activeElement;\n  } catch (e) {\n    // eslint-disable-next-line no-console\n    console.error('Feil ved å ta tak i active element basert på angitt node: ', element, e);\n    return null;\n  }\n};\n"],"names":["getDocumentActiveElement","element","e"],"mappings":"AAKa,MAAAA,EAA4BC,GAAkD,CACrF,GAAA,CAGF,OAFgB,OAAOA,GAAY,SAAY,SAAS,cAAcA,CAAO,EAAoBA,GAC5E,cACT,oBACLC,GAEC,eAAA,MAAM,mEAA8DD,EAASC,CAAC,EAC/E,IACT,CACF"}
+{"version":3,"file":"focus.js","sources":["../../src/utils/focus.ts"],"sourcesContent":["/**\n * Kopi fra core-frontend (focus-utils.tsx)\n * Returnerer document.activeElement (element in focus), uavhengig av om den er i document-dom eller shadow-dom\n * @param element HtmlElement som den skal søke i\n */\nexport const getDocumentActiveElement = (element: HTMLElement | string): Element | null => {\n  try {\n    const domNode = typeof element === 'string' ? (document.querySelector(element) as HTMLElement) : element;\n    const root = domNode.getRootNode() as Document;\n    return root.activeElement;\n  } catch (e) {\n    // eslint-disable-next-line no-console\n    console.error('Feil ved å ta tak i active element basert på angitt node: ', element, e);\n    return null;\n  }\n};\n"],"names":["getDocumentActiveElement","element","e"],"mappings":"AAKa,MAAAA,EAA4BC,GAAkD,CACrF,GAAA,CAGF,OAFgB,OAAOA,GAAY,SAAY,SAAS,cAAcA,CAAO,EAAoBA,GAC5E,cACT,oBACLC,GAEC,eAAA,MAAM,6DAA8DD,EAASC,CAAC,EAC/E,IACT,CACF"}

package/utils/viewport.js

@@ -1,2 +1,2 @@
-const d=t=>{var{top:e,left:n,bottom:i,right:o}=t.getBoundingClientRect();return e>=0&&n>=0&&i<=(window.innerHeight||document.documentElement.clientHeight)&&o<=(window.innerWidth||document.documentElement.clientWidth)};export{d as isElementInViewport};
+const c=t=>{const{top:e,left:n,bottom:i,right:o}=t.getBoundingClientRect();return e>=0&&n>=0&&i<=(window.innerHeight||document.documentElement.clientHeight)&&o<=(window.innerWidth||document.documentElement.clientWidth)};export{c as isElementInViewport};
 //# sourceMappingURL=viewport.js.map

package/utils/viewport.js.map

@@ -1 +1 @@
-{"version":3,"file":"viewport.js","sources":["../../src/utils/viewport.ts"],"sourcesContent":["export const isElementInViewport = (el: HTMLElement): boolean => {\n  var { top, left, bottom, right } = el.getBoundingClientRect();\n\n  return (\n    top >= 0 &&\n    left >= 0 &&\n    bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n    right <= (window.innerWidth || document.documentElement.clientWidth)\n  );\n};\n"],"names":["isElementInViewport","el","top","left","bottom","right"],"mappings":"AAAa,MAAAA,EAAuBC,GAA6B,CAC/D,GAAI,CAAE,IAAAC,EAAK,KAAAC,EAAM,OAAAC,EAAQ,MAAAC,GAAUJ,EAAG,wBAEtC,OACEC,GAAO,GACPC,GAAQ,GACRC,IAAW,OAAO,aAAe,SAAS,gBAAgB,eAC1DC,IAAU,OAAO,YAAc,SAAS,gBAAgB,YAE5D"}
+{"version":3,"file":"viewport.js","sources":["../../src/utils/viewport.ts"],"sourcesContent":["export const isElementInViewport = (el: HTMLElement): boolean => {\n  const { top, left, bottom, right } = el.getBoundingClientRect();\n\n  return (\n    top >= 0 &&\n    left >= 0 &&\n    bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n    right <= (window.innerWidth || document.documentElement.clientWidth)\n  );\n};\n"],"names":["isElementInViewport","el","top","left","bottom","right"],"mappings":"AAAa,MAAAA,EAAuBC,GAA6B,CAC/D,KAAM,CAAE,IAAAC,EAAK,KAAAC,EAAM,OAAAC,EAAQ,MAAAC,GAAUJ,EAAG,wBAExC,OACEC,GAAO,GACPC,GAAQ,GACRC,IAAW,OAAO,aAAe,SAAS,gBAAgB,eAC1DC,IAAU,OAAO,YAAc,SAAS,gBAAgB,YAE5D"}

package/uuid.js

@@ -1,2 +1,2 @@
-import{isTest as r}from"./utils/environment.js";const t=()=>r()?"test":"bxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx".replace(/[x]/g,function(e){const x=Math.random()*16|0;return(e=="x"?x:x&3|8).toString(16)}),u=Object.freeze(Object.defineProperty({__proto__:null,uuid:t,default:t},Symbol.toStringTag,{value:"Module"}));export{t as a,u};
+import{isTest as r}from"./utils/environment.js";const t=()=>r()?"test":"bxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx".replace(/[x]/g,function(e){const x=Math.random()*16|0;return(e=="x"?x:x&3|8).toString(16)}),u=Object.freeze(Object.defineProperty({__proto__:null,default:t,uuid:t},Symbol.toStringTag,{value:"Module"}));export{t as a,u};
 //# sourceMappingURL=uuid.js.map

package/components/HelpBubble/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/HelpBubble/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAkBjD;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,mBACd,OAAO,cACX,OAAO,WACV,MAAM,wBAAwB,KACtC,MAAM,wBASR,CAAC;AAsKF;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,mBAAoB,OAAO,cAAc,OAAO,WAAW,MAAM,wBAAwB,KAAG,aA0BtH,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,gBACX,aAAa,kBACV,OAAO,oBACL,MAAM,wBAAwB,KAC/C,aA+BF,CAAC"}

package/components/Progressbar/Dot.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dot.d.ts","sourceRoot":"","sources":["../../../src/components/Progressbar/Dot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,QAAQ;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC7B;AAED,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAY3B,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/components/Progressbar/DotList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DotList.d.ts","sourceRoot":"","sources":["../../../src/components/Progressbar/DotList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,YAAY;IACpB,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,EAAE,MAAM,CAAC;CAC7B;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAMhC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/components/Progressbar/Progressbar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Progressbar.d.ts","sourceRoot":"","sources":["../../../src/components/Progressbar/Progressbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAYtC,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8C3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/components/Progressbar/componentdata.json

@@ -1 +0,0 @@
-{"props":{"ariaLabel":{"defaultValue":null,"description":"Sets aria-label of the progressbar. ariaLabel or ariaLabelledById MUST be set!","name":"ariaLabel","parent":{"fileName":"src/components/Progressbar/Progressbar.tsx","name":"ProgressbarProps"},"declarations":[{"fileName":"src/components/Progressbar/Progressbar.tsx","name":"ProgressbarProps"}],"required":false,"type":{"name":"string"}},"ariaLabelledById":{"defaultValue":null,"description":"Sets aria-labelledby of the progressbar. ariaLabel or ariaLabelledById MUST be set!","name":"ariaLabelledById","parent":{"fileName":"src/components/Progressbar/Progressbar.tsx","name":"ProgressbarProps"},"declarations":[{"fileName":"src/components/Progressbar/Progressbar.tsx","name":"ProgressbarProps"}],"required":false,"type":{"name":"string"}},"value":{"defaultValue":null,"description":"Current value. Must be between min and max","name":"value","parent":{"fileName":"src/components/Progressbar/Progressbar.tsx","name":"ProgressbarProps"},"declarations":[{"fileName":"src/components/Progressbar/Progressbar.tsx","name":"ProgressbarProps"}],"required":false,"type":{"name":"number"}},"min":{"defaultValue":{"value":"0"},"description":"Minimum value","name":"min","parent":{"fileName":"src/components/Progressbar/Progressbar.tsx","name":"ProgressbarProps"},"declarations":[{"fileName":"src/components/Progressbar/Progressbar.tsx","name":"ProgressbarProps"}],"required":false,"type":{"name":"number"}},"max":{"defaultValue":{"value":"2"},"description":"Maximum value","name":"max","parent":{"fileName":"src/components/Progressbar/Progressbar.tsx","name":"ProgressbarProps"},"declarations":[{"fileName":"src/components/Progressbar/Progressbar.tsx","name":"ProgressbarProps"}],"required":false,"type":{"name":"number"}},"testId":{"defaultValue":null,"description":"Sets the data-testid attribute.","name":"testId","parent":{"fileName":"src/components/Progressbar/Progressbar.tsx","name":"ProgressbarProps"},"declarations":[{"fileName":"src/components/Progressbar/Progressbar.tsx","name":"ProgressbarProps"}],"required":false,"type":{"name":"string"}}}}

package/components/Progressbar/index.d.ts

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

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

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

package/components/Progressbar/index.js

@@ -1,2 +0,0 @@
-import r,{useRef as y}from"react";import{useSize as A}from"../../hooks/useSize.js";import R from"classnames";import l from"./styles.module.scss";import{getAriaLabelAttributes as N}from"../../utils/accessibility.js";import{AnalyticsId as v}from"../../constants.js";import"../../utils/debounce.js";const x=4,D=24,S=8,$=(e,t)=>e<t?e:t-1,k=(e,t)=>t<e?e:t,I=(e,t,s)=>typeof e>"u"||e<t?t:e>s?s:e,W=e=>Math.floor(e/(D+x)),X=(e,t)=>(e-D)/(t-1),O=(e,t)=>e*t,T=(e,t)=>Array.from(Array(t-e+1),(s,a)=>a+e),B=(e,t,s)=>{const a=$(t,s),o=k(a,s);return{validatedValue:I(e,a,o),validatedMin:a,validatedMax:o}},g=({index:e,completed:t,distanceBetweenDots:s,position:a})=>{const o=R(l.progressbar__dot,t&&l["progressbar__dot--completed"],a&&l[`progressbar__dot--${a}`]),i=!a&&typeof e<"u"&&typeof s<"u"?{left:`${e*s+S}px`}:void 0;return r.createElement("span",{className:o,style:i,"data-testid":"dot"})},C=({allowedValues:e,currentValue:t,distanceBetweenDots:s})=>r.createElement(r.Fragment,null,e.map((a,o)=>r.createElement(g,{index:o,key:a,completed:a<t,distanceBetweenDots:s}))),q=({ariaLabelledById:e,ariaLabel:t,value:s,min:a=0,max:o=2,testId:p})=>{const i=y(null),f=y(null),{width:M=0}=A(i)||{},{width:_=0}=A(f)||{},{validatedValue:n,validatedMin:m,validatedMax:c}=B(s,a,o),d=T(m,c),h=d.indexOf(n),P=W(M),b=X(_,d.length),E=O(b,h),u=d.length<=P,V=n===c,w=N({label:t,id:e});return r.createElement("div",{className:l["progressbar-wrapper"],ref:i},r.createElement("span",{role:"progressbar",...w,"aria-valuenow":n,"aria-valuemin":m,"aria-valuemax":c,className:l.progressbar,style:{backgroundPositionX:`${V?_:E}px`},ref:f,"data-testid":p,"data-analyticsid":v.Progressbar},u&&r.createElement(C,{allowedValues:d,currentValue:n,distanceBetweenDots:b}),!u&&r.createElement(r.Fragment,null,r.createElement(g,{completed:n>m,position:"left"}),r.createElement(g,{completed:n===c,position:"right"})),r.createElement("span",{className:l.progressbar__marker,style:{left:`${E}px`}})),!u&&r.createElement("span",{className:l.progressbar__number},`${n}/${c}`))};export{q as default};
-//# sourceMappingURL=index.js.map

package/components/Progressbar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Progressbar/utils.ts","../../../src/components/Progressbar/Dot.tsx","../../../src/components/Progressbar/DotList.tsx","../../../src/components/Progressbar/Progressbar.tsx"],"sourcesContent":["/**\n * Minimum avstand fra markør til prikk\n */\nconst MARKER_DOT_MIN_DISTANCE_PX = 4;\n\n/**\n * Bredde på markør\n */\nconst MARKER_WIDTH_PX = 24;\n\n/**\n * Horisontal padding på progressbar\n */\nexport const PROGRESS_BAR_PADDING_X_PX = 8;\n\n/**\n * Valider at minimum-verdi er innenfor gyldig område\n * @param min Mimimum-verdi\n * @param max Maksimum-verdi\n * @returns Mimimum-verdi, ikke større enn eller lik maksimum-verdi\n */\nexport const getValidatedMin = (min: number, max: number): number => (min < max ? min : max - 1);\n\n/**\n * Valider at maksimum-verdi er innenfor gyldig område\n * @param min Mimimum-verdi\n * @param max Maksimum-verdi\n * @returns Maksimum-verdi, ikke mindre enn minimum-verdi\n */\nexport const getValidatedMax = (min: number, max: number): number => (max < min ? min : max);\n\n/**\n * Valider at verdi er innenfor gyldig område\n * @param value Nåværende verdi\n * @param min Mimimum-verdi\n * @param max Maksimum-verdi\n * @returns Verdi, ikke mindre enn 0, ikke mer enn max\n */\nexport const getValidatedValue = (value: number | undefined, min: number, max: number): number => {\n  if (typeof value === 'undefined' || value < min) {\n    return min;\n  }\n\n  return value > max ? max : value;\n};\n\n/**\n * Finn antall prikker det er plass til\n * @param progressbarWidth Bredde på progressbar\n * @returns Antall prikker\n */\nexport const getMaximumDots = (progressbarWidth: number): number =>\n  Math.floor(progressbarWidth / (MARKER_WIDTH_PX + MARKER_DOT_MIN_DISTANCE_PX));\n\n/**\n * Beregn riktig distance mellom prikker\n * @param progressbarWidth Bredde på progressbar\n * @param dots Antall prikker som skal vises\n * @returns Distanse mellom prikker\n */\nexport const getDistanceBetweenDots = (progressbarWidth: number, dots: number): number => (progressbarWidth - MARKER_WIDTH_PX) / (dots - 1);\n\n/**\n * Beregn riktig plassering av markør\n * @param distanceBetweenDots Distanse mellom prikker\n * @param index Nåværende verdi i progressbar\n * @returns Plassering til markør fra venstre\n */\nexport const getMarkerPosition = (distanceBetweenDots: number, index: number): number => distanceBetweenDots * index;\n\n/**\n * Lag liste med tillate verdier fra min til maks\n * @param min Mimimum-verdi\n * @param max Maksimum-verdi\n * @returns Liste med verdier\n */\nexport const getAllowedValues = (min: number, max: number): number[] => Array.from(Array(max - min + 1), (_, index) => index + min);\n\n/**\n * Valider props som skal brukes til beregning av posisjon m.m.\n * @param value Nåværende verdi\n * @param min Mimimum-verdi\n * @param max Maksimum-verdi\n * @returns Objekt med gyldige verdier\n */\nexport const getValidatedProps = (\n  value: number | undefined,\n  min: number,\n  max: number\n): { validatedValue: number; validatedMin: number; validatedMax: number } => {\n  const validatedMin = getValidatedMin(min, max);\n  const validatedMax = getValidatedMax(validatedMin, max);\n  const validatedValue = getValidatedValue(value, validatedMin, validatedMax);\n\n  return { validatedValue, validatedMin, validatedMax };\n};\n","import classNames from 'classnames';\nimport React from 'react';\n\nimport { PROGRESS_BAR_PADDING_X_PX } from './utils';\n\nimport styles from './styles.module.scss';\n\ninterface DotProps {\n  index?: number;\n  completed: boolean;\n  distanceBetweenDots?: number;\n  position?: 'left' | 'right';\n}\n\nconst Dot: React.FC<DotProps> = ({ index, completed, distanceBetweenDots, position }) => {\n  const classes = classNames(\n    styles.progressbar__dot,\n    completed && styles['progressbar__dot--completed'],\n    position && styles[`progressbar__dot--${position}`]\n  );\n  const positionWithStyle = !position && typeof index !== 'undefined' && typeof distanceBetweenDots !== 'undefined';\n  const style: React.HTMLAttributes<HTMLSpanElement>['style'] = positionWithStyle\n    ? { left: `${index * distanceBetweenDots + PROGRESS_BAR_PADDING_X_PX}px` }\n    : undefined;\n\n  return <span className={classes} style={style} data-testid=\"dot\" />;\n};\n\nexport default Dot;\n","import React from 'react';\n\nimport Dot from './Dot';\n\ninterface DotListProps {\n  allowedValues: number[];\n  currentValue: number;\n  distanceBetweenDots: number;\n}\n\nconst Dots: React.FC<DotListProps> = ({ allowedValues, currentValue, distanceBetweenDots }) => (\n  <>\n    {allowedValues.map((value, index) => (\n      <Dot index={index} key={value} completed={value < currentValue} distanceBetweenDots={distanceBetweenDots} />\n    ))}\n  </>\n);\n\nexport default Dots;\n","import React, { useRef } from 'react';\n\nimport { useSize } from '../../hooks/useSize';\n\nimport DotList from './DotList';\nimport Dot from './Dot';\nimport { getMaximumDots, getDistanceBetweenDots, getMarkerPosition, getAllowedValues, getValidatedProps } from './utils';\nimport { getAriaLabelAttributes } from '../../utils/accessibility';\nimport { AnalyticsId } from '../../constants';\n\nimport styles from './styles.module.scss';\n\nexport interface ProgressbarProps {\n  /**\n   * Sets aria-label of the progressbar. ariaLabel or ariaLabelledById MUST be set!\n   */\n  ariaLabel?: string;\n  /**\n   * Sets aria-labelledby of the progressbar. ariaLabel or ariaLabelledById MUST be set!\n   */\n  ariaLabelledById?: string;\n  /**\n   * Current value. Must be between min and max\n   */\n  value?: number;\n  /**\n   * Minimum value\n   */\n  min?: number;\n  /**\n   * Maximum value\n   */\n  max?: number;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst Progressbar: React.FC<ProgressbarProps> = ({ ariaLabelledById, ariaLabel, value, min = 0, max = 2, testId }) => {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const ref = useRef<HTMLSpanElement>(null);\n  const { width: wrapperWidth = 0 } = useSize(wrapperRef) || {};\n  const { width: progressbarWidth = 0 } = useSize(ref) || {};\n\n  const { validatedValue, validatedMin, validatedMax } = getValidatedProps(value, min, max);\n  const allowedValues = getAllowedValues(validatedMin, validatedMax);\n  const index = allowedValues.indexOf(validatedValue);\n  const maximumDots = getMaximumDots(wrapperWidth);\n  const distanceBetweenDots = getDistanceBetweenDots(progressbarWidth, allowedValues.length);\n  const markerPosition = getMarkerPosition(distanceBetweenDots, index);\n\n  const showAllDots = allowedValues.length <= maximumDots;\n  const isCompleted = validatedValue === validatedMax;\n\n  const ariaLabelAttributes = getAriaLabelAttributes({ label: ariaLabel, id: ariaLabelledById });\n\n  return (\n    <div className={styles['progressbar-wrapper']} ref={wrapperRef}>\n      <span\n        role=\"progressbar\"\n        {...ariaLabelAttributes}\n        aria-valuenow={validatedValue}\n        aria-valuemin={validatedMin}\n        aria-valuemax={validatedMax}\n        className={styles.progressbar}\n        style={{\n          backgroundPositionX: `${isCompleted ? progressbarWidth : markerPosition}px`,\n        }}\n        ref={ref}\n        data-testid={testId}\n        data-analyticsid={AnalyticsId.Progressbar}\n      >\n        {showAllDots && <DotList allowedValues={allowedValues} currentValue={validatedValue} distanceBetweenDots={distanceBetweenDots} />}\n        {!showAllDots && (\n          <>\n            <Dot completed={validatedValue > validatedMin} position=\"left\" />\n            <Dot completed={validatedValue === validatedMax} position=\"right\" />\n          </>\n        )}\n        <span className={styles.progressbar__marker} style={{ left: `${markerPosition}px` }} />\n      </span>\n      {!showAllDots && <span className={styles.progressbar__number}>{`${validatedValue}/${validatedMax}`}</span>}\n    </div>\n  );\n};\n\nexport default Progressbar;\n"],"names":["MARKER_DOT_MIN_DISTANCE_PX","MARKER_WIDTH_PX","PROGRESS_BAR_PADDING_X_PX","getValidatedMin","min","max","getValidatedMax","getValidatedValue","value","getMaximumDots","progressbarWidth","getDistanceBetweenDots","dots","getMarkerPosition","distanceBetweenDots","index","getAllowedValues","_","getValidatedProps","validatedMin","validatedMax","Dot","completed","position","classes","classNames","styles","style","React","Dots","allowedValues","currentValue","Progressbar","ariaLabelledById","ariaLabel","testId","wrapperRef","useRef","ref","wrapperWidth","useSize","validatedValue","maximumDots","markerPosition","showAllDots","isCompleted","ariaLabelAttributes","getAriaLabelAttributes","AnalyticsId","DotList"],"mappings":"wSAGA,MAAMA,EAA6B,EAK7BC,EAAkB,GAKXC,EAA4B,EAQ5BC,EAAkB,CAACC,EAAaC,IAAyBD,EAAMC,EAAMD,EAAMC,EAAM,EAQjFC,EAAkB,CAACF,EAAaC,IAAyBA,EAAMD,EAAMA,EAAMC,EAS3EE,EAAoB,CAACC,EAA2BJ,EAAaC,IACpE,OAAOG,EAAU,KAAeA,EAAQJ,EACnCA,EAGFI,EAAQH,EAAMA,EAAMG,EAQhBC,EAAkBC,GAC7B,KAAK,MAAMA,GAAoBT,EAAkBD,EAA2B,EAQjEW,EAAyB,CAACD,EAA0BE,KAA0BF,EAAmBT,IAAoBW,EAAO,GAQ5HC,EAAoB,CAACC,EAA6BC,IAA0BD,EAAsBC,EAQlGC,EAAmB,CAACZ,EAAaC,IAA0B,MAAM,KAAK,MAAMA,EAAMD,EAAM,CAAC,EAAG,CAACa,EAAGF,IAAUA,EAAQX,CAAG,EASrHc,EAAoB,CAC/BV,EACAJ,EACAC,IAC2E,CACrE,MAAAc,EAAehB,EAAgBC,EAAKC,CAAG,EACvCe,EAAed,EAAgBa,EAAcd,CAAG,EAG/C,MAAA,CAAE,eAFcE,EAAkBC,EAAOW,EAAcC,CAAY,EAEjD,aAAAD,EAAc,aAAAC,EACzC,ECjFMC,EAA0B,CAAC,CAAE,MAAAN,EAAO,UAAAO,EAAW,oBAAAR,EAAqB,SAAAS,KAAe,CACvF,MAAMC,EAAUC,EACdC,EAAO,iBACPJ,GAAaI,EAAO,+BACpBH,GAAYG,EAAO,qBAAqBH,IAAA,EAGpCI,EADoB,CAACJ,GAAY,OAAOR,EAAU,KAAe,OAAOD,EAAwB,IAElG,CAAE,KAAM,GAAGC,EAAQD,EAAsBZ,KACzC,EAAA,OAEJ,OAAQ0B,EAAA,cAAA,OAAA,CAAK,UAAWJ,EAAS,MAAAG,EAAc,cAAY,KAAA,CAAM,CACnE,EChBME,EAA+B,CAAC,CAAE,cAAAC,EAAe,aAAAC,EAAc,oBAAAjB,KACnEc,EAAA,cAAAA,EAAA,SAAA,KACGE,EAAc,IAAI,CAACtB,EAAOO,IACxBa,EAAA,cAAAP,EAAA,CAAI,MAAAN,EAAc,IAAKP,EAAO,UAAWA,EAAQuB,EAAc,oBAAAjB,CAAA,CAA0C,CAC3G,CACH,ECsBIkB,EAA0C,CAAC,CAAE,iBAAAC,EAAkB,UAAAC,EAAW,MAAA1B,EAAO,IAAAJ,EAAM,EAAG,IAAAC,EAAM,EAAG,OAAA8B,KAAa,CAC9G,MAAAC,EAAaC,EAAuB,IAAI,EACxCC,EAAMD,EAAwB,IAAI,EAClC,CAAE,MAAOE,EAAe,GAAMC,EAAQJ,CAAU,GAAK,GACrD,CAAE,MAAO1B,EAAmB,GAAM8B,EAAQF,CAAG,GAAK,GAElD,CAAE,eAAAG,EAAgB,aAAAtB,EAAc,aAAAC,CAAA,EAAiBF,EAAkBV,EAAOJ,EAAKC,CAAG,EAClFyB,EAAgBd,EAAiBG,EAAcC,CAAY,EAC3DL,EAAQe,EAAc,QAAQW,CAAc,EAC5CC,EAAcjC,EAAe8B,CAAY,EACzCzB,EAAsBH,EAAuBD,EAAkBoB,EAAc,MAAM,EACnFa,EAAiB9B,EAAkBC,EAAqBC,CAAK,EAE7D6B,EAAcd,EAAc,QAAUY,EACtCG,EAAcJ,IAAmBrB,EAEjC0B,EAAsBC,EAAuB,CAAE,MAAOb,EAAW,GAAID,EAAkB,EAE7F,OACGL,EAAA,cAAA,MAAA,CAAI,UAAWF,EAAO,uBAAwB,IAAKU,CAAA,EACjDR,EAAA,cAAA,OAAA,CACC,KAAK,cACJ,GAAGkB,EACJ,gBAAeL,EACf,gBAAetB,EACf,gBAAeC,EACf,UAAWM,EAAO,YAClB,MAAO,CACL,oBAAqB,GAAGmB,EAAcnC,EAAmBiC,KAC3D,EACA,IAAAL,EACA,cAAaH,EACb,mBAAkBa,EAAY,WAAA,EAE7BJ,GAAgBhB,EAAA,cAAAqB,EAAA,CAAQ,cAAAnB,EAA8B,aAAcW,EAAgB,oBAAA3B,CAA0C,CAAA,EAC9H,CAAC8B,GACAhB,EAAA,cAAAA,EAAA,SAAA,KACGA,EAAA,cAAAP,EAAA,CAAI,UAAWoB,EAAiBtB,EAAc,SAAS,MAAA,CAAO,EAC9DS,EAAA,cAAAP,EAAA,CAAI,UAAWoB,IAAmBrB,EAAc,SAAS,OAAQ,CAAA,CACpE,EAEDQ,EAAA,cAAA,OAAA,CAAK,UAAWF,EAAO,oBAAqB,MAAO,CAAE,KAAM,GAAGiB,KAAmB,CAAG,CAAA,CACvF,EACC,CAACC,GAAgBhB,EAAA,cAAA,OAAA,CAAK,UAAWF,EAAO,mBAAA,EAAsB,GAAGe,KAAkBrB,GAAe,CACrG,CAEJ"}

package/components/Progressbar/styles.module.scss

@@ -1,91 +0,0 @@
-@import '../../scss/_breakpoints.scss';
-@import '../../scss/_spacers.scss';
-@import '../../scss/_palette.scss';
-@import '../../scss/_font-settings.scss';
-
-.progressbar-wrapper {
-  display: flex;
-  align-items: center;
-  min-height: getSpacer(l);
-  @media (min-width: map-get($grid-breakpoints, md)) {
-    min-height: getSpacer(xl);
-  }
-}
-
-$transition: 0.4s linear 0s;
-
-/**
- * Bredde og høyde på markør
- */
-$markerSize: 24px;
-
-/**
- * Bredde og høyde på prikk
- */
-$dotSize: 8px;
-
-/**
- * Høyde på progressbar
- */
-$progressbarHeight: 12px;
-
-/**
- * Horisontal padding på progressbar
- */
-$progressbarPaddingX: 8px;
-
-/**
- * Avstand fra venstre kant av progressbar til midten av første prikk
- */
-$dotOffset: calc($progressbarPaddingX + $dotSize / 2);
-
-.progressbar {
-  flex-grow: 1;
-  position: relative;
-  display: block;
-  height: $progressbarHeight;
-  border-radius: 4px;
-  background: linear-gradient(to right, $blueberry600, $blueberry600 $dotOffset, $blueberry50 $dotOffset, $blueberry50), $blueberry600;
-  background-repeat: no-repeat;
-  transition: background-position $transition;
-
-  &__marker {
-    position: absolute;
-    width: $markerSize;
-    height: $markerSize;
-    top: calc(($progressbarHeight - $markerSize) / 2);
-    background-color: $white;
-    border: 6px solid $blueberry600;
-    border-radius: 50%;
-    transition: left $transition;
-  }
-
-  &__number {
-    min-width: 2.5rem;
-    text-align: right;
-    margin-left: getSpacer(xs);
-    font-size: $font-size-xs;
-    line-height: $lineheight-size-xs;
-    font-weight: 700;
-    color: $blueberry700;
-  }
-
-  &__dot {
-    position: absolute;
-    top: calc(($progressbarHeight - $dotSize) / 2);
-    width: $dotSize;
-    height: $dotSize;
-    background-color: $blueberry600;
-    border-radius: 50%;
-    transition: background-color $transition;
-    &--completed {
-      background-color: $blueberry50;
-    }
-    &--left {
-      left: $dotOffset;
-    }
-    &--right {
-      right: $dotOffset;
-    }
-  }
-}

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

@@ -1,16 +0,0 @@
-export type Styles = {
-  progressbar: string;
-  progressbar__dot: string;
-  'progressbar__dot--completed': string;
-  'progressbar__dot--left': string;
-  'progressbar__dot--right': string;
-  progressbar__marker: string;
-  progressbar__number: string;
-  'progressbar-wrapper': string;
-};
-
-export type ClassNames = keyof Styles;
-
-declare const styles: Styles;
-
-export default styles;

package/components/Progressbar/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Progressbar/utils.ts"],"names":[],"mappings":"AAUA;;GAEG;AACH,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAE3C;;;;;GAKG;AACH,eAAO,MAAM,eAAe,QAAS,MAAM,OAAO,MAAM,KAAG,MAAqC,CAAC;AAEjG;;;;;GAKG;AACH,eAAO,MAAM,eAAe,QAAS,MAAM,OAAO,MAAM,KAAG,MAAiC,CAAC;AAE7F;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,UAAW,MAAM,GAAG,SAAS,OAAO,MAAM,OAAO,MAAM,KAAG,MAMvF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,qBAAsB,MAAM,KAAG,MACqB,CAAC;AAEhF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,qBAAsB,MAAM,QAAQ,MAAM,KAAG,MAA2D,CAAC;AAE5I;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,wBAAyB,MAAM,SAAS,MAAM,KAAG,MAAqC,CAAC;AAErH;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,QAAS,MAAM,OAAO,MAAM,KAAG,MAAM,EAAiE,CAAC;AAEpI;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,UACrB,MAAM,GAAG,SAAS,OACpB,MAAM,OACN,MAAM;oBACQ,MAAM;kBAAgB,MAAM;kBAAgB,MAAM;CAMtE,CAAC"}