@helsenorge/designsystem-react 15.0.0-beta.0 → 15.0.0

package/lib/scss/_visual-form.scss

@@ -0,0 +1,357 @@
+@use 'sass:map';
+@use 'breakpoints' as breakpoints;
+@use 'font-mixins' as fonts;
+
+// Wrapper layout shared by VisualCheckboxCloud and VisualRadioCloud
+@mixin visual-form-cloud {
+  display: flex;
+  flex-flow: row wrap;
+  gap: var(--core-space-4xs) var(--core-space-xs);
+
+  @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
+    gap: var(--core-space-m) var(--core-space-s);
+  }
+}
+
+// Pill-style input shared by VisualCheckboxCloud/Checkbox and VisualRadioCloud/Radio
+@mixin visual-form-pill(
+  $pill-padding-mobile: var(--core-space-3xs) var(--core-space-m),
+  $checked-pill-padding-md: var(--core-space-3xs) var(--core-space-m) var(--core-space-3xs) 1.25rem
+) {
+  position: relative;
+  display: inline-flex;
+  align-items: stretch;
+  min-height: 2.75rem;
+  padding: 0.313rem 0;
+  cursor: pointer;
+
+  @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
+    padding: 0;
+  }
+
+  &__input {
+    // Hides input while making sure screen reader outline wraps the entire component
+    cursor: pointer;
+    position: absolute;
+    z-index: 0;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    outline: none;
+    appearance: none;
+  }
+
+  &__pill {
+    position: relative;
+    z-index: 1;
+    display: inline-flex;
+    align-items: center;
+    gap: var(--core-space-2xs);
+    box-sizing: border-box;
+    min-height: var(--core-space-l);
+    padding: $pill-padding-mobile;
+    border-radius: 100px;
+    background-color: var(--color-action-background-ondark);
+    border: 1px solid var(--color-action-border-onlight);
+    color: var(--color-base-text-onlight);
+
+    @include fonts.title6;
+
+    @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
+      min-height: var(--core-space-xl);
+      padding: var(--core-space-3xs) var(--core-space-l);
+    }
+  }
+
+  &:hover &__pill {
+    background-color: var(--color-action-background-ondark-hover);
+    border-color: var(--color-action-border-onlight-hover);
+  }
+
+  &:active &__pill {
+    background-color: var(--color-action-background-ondark-selected);
+    border-color: var(--color-action-border-onlight-hover);
+  }
+
+  &--checked &__pill,
+  &:has(input:checked) &__pill {
+    background-color: var(--color-action-background-onlight);
+    color: var(--color-action-text-ondark);
+    border-color: var(--color-action-background-onlight);
+    padding: var(--core-space-3xs) var(--core-space-s);
+
+    @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
+      padding: $checked-pill-padding-md;
+    }
+  }
+
+  &--checked:hover &__pill,
+  &:has(input:checked):hover &__pill {
+    background-color: var(--color-action-graphics-onlight-hover);
+    border-color: var(--color-action-graphics-onlight-hover);
+  }
+
+  &--checked:active &__pill,
+  &:has(input:checked):active &__pill {
+    background-color: var(--color-action-background-onlight-active);
+    border-color: var(--color-action-background-onlight-active);
+  }
+
+  &--invalid &__pill {
+    background-color: var(--color-action-background-ondark);
+    border-color: var(--color-destructive-border-normal);
+  }
+
+  &--invalid:hover &__pill {
+    background-color: var(--color-destructive-background-normal);
+    border-color: var(--color-destructive-border-normal);
+  }
+
+  &--invalid:active &__pill {
+    background-color: var(--color-destructive-background-emphasized);
+    border-color: var(--color-destructive-border-normal);
+  }
+
+  &--invalid#{&}--checked &__pill,
+  &--invalid:has(input:checked) &__pill {
+    background-color: var(--color-destructive-graphics-normal);
+    border-color: var(--color-destructive-graphics-normal);
+  }
+
+  &--invalid#{&}--checked:hover &__pill,
+  &--invalid:has(input:checked):hover &__pill {
+    background-color: var(--color-destructive-graphics-hover);
+    border-color: var(--color-destructive-graphics-hover);
+  }
+
+  &--invalid#{&}--checked:active &__pill,
+  &--invalid:has(input:checked):active &__pill {
+    background-color: var(--color-destructive-graphics-emphasized-onlight);
+    border-color: var(--color-destructive-graphics-emphasized-onlight);
+  }
+
+  &__input:focus-visible + &__pill {
+    outline: 3px solid var(--color-action-border-onlight-focus);
+    border-color: var(--color-action-border-ondark);
+  }
+
+  &__icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+
+    svg {
+      fill: var(--color-action-graphics-ondark);
+    }
+  }
+
+  &__label {
+    text-box: trim-both cap alphabetic;
+  }
+}
+
+// Grid layout shared by VisualCheckboxGroup and VisualRadioGroup.
+@mixin visual-form-group {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(8.75rem, 1fr));
+  gap: var(--core-space-xs);
+
+  @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
+    gap: 0.75rem var(--core-space-xs, 0.75rem);
+  }
+
+  &--variant-line {
+    grid-template-columns: 1fr;
+  }
+}
+
+// Styling shared by VisualCheckbox and VisualRadio
+@mixin visual-form-card {
+  display: flex;
+  position: relative;
+  cursor: pointer;
+  width: 100%;
+
+  &--variant-line {
+    flex-direction: row;
+    justify-content: flex-start;
+    align-items: center;
+    min-height: 6rem;
+    min-width: 15.125rem;
+  }
+
+  &--variant-rectangle {
+    flex-direction: column;
+    align-items: center;
+    min-height: 12.625rem;
+    min-width: 8.75rem;
+    height: 100%;
+  }
+
+  &__input {
+    // Hides input while making sure screen reader outline wraps the entire component
+    cursor: pointer;
+    position: absolute;
+    z-index: 0;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    outline: none;
+    appearance: none;
+  }
+
+  &__frame {
+    position: relative;
+    width: 100%;
+    z-index: 1;
+    display: inline-flex;
+    border-radius: 4px;
+    background: var(--color-action-background-ondark);
+    border: 2px solid var(--color-action-border-onlight);
+    color: var(--color-base-text-onlight);
+  }
+
+  &--variant-line &__frame {
+    margin-left: -2.87rem;
+    gap: var(--core-space-2xs);
+    flex-direction: row;
+    justify-content: flex-end;
+    align-items: center;
+    min-height: 4.63rem;
+    min-width: 12.25rem;
+    padding: var(--core-space-s) var(--core-space-m) var(--core-space-s) var(--core-space-2xl);
+  }
+
+  &--variant-rectangle &__frame {
+    margin-top: -4.37rem;
+    flex: 1;
+    gap: var(--core-space-xs);
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-end;
+    text-align: center;
+    min-width: 8.75rem;
+    min-height: 10.25rem;
+    padding: var(--core-space-3xl) var(--core-space-xs) var(--core-space-m) var(--core-space-xs);
+  }
+
+  &__visual-content {
+    position: relative;
+    z-index: 2;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+    border-radius: 100%;
+    background: var(--color-action-background-ondark);
+    border: 2px solid var(--color-action-border-ondark);
+
+    > * {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
+
+  &--variant-line &__visual-content {
+    min-width: var(--core-space-4xl);
+    min-height: var(--core-space-4xl);
+
+    @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
+      min-width: var(--core-space-5xl);
+      min-height: var(--core-space-5xl);
+    }
+  }
+
+  &--variant-rectangle &__visual-content {
+    flex-shrink: 0;
+    width: calc(100% - 2rem);
+    min-width: 6.75rem;
+    max-width: 13rem;
+  }
+
+  &--checked &__frame,
+  &:has(input:checked) &__frame {
+    background: var(--color-action-background-onlight);
+    color: var(--color-action-text-ondark);
+    border-color: var(--color-action-background-onlight);
+  }
+
+  &--invalid &__frame {
+    background: var(--color-action-background-ondark);
+    border-color: var(--core-color-cherry-500);
+  }
+
+  &:hover &__frame {
+    background: var(--core-color-neutral-50);
+    border-color: var(--color-action-border-onlight-hover);
+  }
+
+  &:active &__frame {
+    background: var(--core-color-neutral-100);
+    border-color: var(--color-action-border-onlight-hover);
+  }
+
+  &--checked:hover &__frame,
+  &:has(input:checked):hover &__frame {
+    background: var(--color-action-background-onlight-hover);
+  }
+
+  &--checked:active &__frame,
+  &:has(input:checked):active &__frame {
+    background: var(--color-action-background-onlight-active);
+    border-color: var(--color-action-background-onlight-active);
+  }
+
+  &--invalid:hover &__frame {
+    background: var(--core-color-cherry-50);
+    border-color: var(--core-color-cherry-500);
+  }
+
+  &--invalid:active &__frame {
+    background: var(--core-color-cherry-100);
+    border-color: var(--core-color-cherry-500);
+  }
+
+  &--invalid#{&}--checked &__frame,
+  &--invalid:has(input:checked) &__frame {
+    background: var(--core-color-cherry-50);
+    color: var(--color-base-text-onlight);
+    border-color: var(--core-color-cherry-500);
+  }
+
+  &--invalid#{&}--checked:hover &__frame,
+  &--invalid:has(input:checked):hover &__frame {
+    background: var(--core-color-cherry-100);
+    border-color: var(--core-color-cherry-500);
+  }
+
+  &--invalid#{&}--checked:active &__frame,
+  &--invalid:has(input:checked):active &__frame {
+    background: var(--core-color-cherry-200);
+    border-color: var(--core-color-cherry-500);
+  }
+
+  &__input:focus-visible + &__frame {
+    outline: 4px solid var(--color-action-border-onlight-focus);
+    border-color: var(--color-action-border-ondark);
+  }
+
+  &__icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+
+    svg {
+      fill: var(--color-action-graphics-ondark);
+    }
+  }
+
+  &__label {
+    flex: 1;
+    min-width: 0;
+    overflow-wrap: anywhere;
+
+    @include fonts.label-subdued;
+  }
+}

package/lib/theme/currys/color.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.js","names":[],"sources":["../../../src/theme/currys/color.ts"],"sourcesContent":["import type { PaletteNames, PaletteDepths } from '../palette';\n\nimport { theme } from '..';\n\nexport const getColor = (name: PaletteNames, depth?: PaletteDepths): string => {\n  if (name === 'black' || name === 'white') {\n    return theme.palette[name];\n  }\n  if (depth) {\n    return theme.palette[`${name}${depth}`];\n  }\n\n  return '';\n};\n\nexport const getHoverColor = (color: PaletteNames | 'white' | 'black') => `${getColor(color, 700)}0D`;\n"],"mappings":";;AAIA,IAAa,YAAY,MAAoB,UAAkC;CAC7E,IAAI,SAAS,WAAW,SAAS,SAC/B,OAAO,MAAM,QAAQ;CAEvB,IAAI,OACF,OAAO,MAAM,QAAQ,GAAG,OAAO;CAGjC,OAAO;;AAGT,IAAa,iBAAiB,UAA4C,GAAG,SAAS,OAAO,IAAI,CAAC"}
+{"version":3,"file":"color.js","names":[],"sources":["../../../src/theme/currys/color.ts"],"sourcesContent":["import type { PaletteNames, PaletteDepths } from '../palette';\n\nimport { theme } from '..';\n\nexport const getColor = (name: PaletteNames, depth?: PaletteDepths): string => {\n  if (name === 'black' || name === 'white') {\n    return theme.palette[name];\n  }\n  if (depth) {\n    return theme.palette[`${name}${depth}`];\n  }\n\n  return '';\n};\n\nexport const getHoverColor = (color: PaletteNames | 'white' | 'black') => `${getColor(color, 700)}0D`;\n"],"mappings":";;AAIA,IAAa,YAAY,MAAoB,UAAkC;CAC7E,IAAI,SAAS,WAAW,SAAS,SAC/B,OAAO,MAAM,QAAQ;CAEvB,IAAI,OACF,OAAO,MAAM,QAAQ,GAAG,OAAO;CAGjC,OAAO;AACT;AAEA,IAAa,iBAAiB,UAA4C,GAAG,SAAS,OAAO,GAAG,EAAE"}

package/lib/theme/currys/spacing.js.map

@@ -1 +1 @@
-{"version":3,"file":"spacing.js","names":[],"sources":["../../../src/theme/currys/spacing.ts"],"sourcesContent":["import type { SpacerSizes } from './../spacers';\n\nimport { spacers } 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"],"mappings":";;AAIA,IAAa,kBAAkB,eAAoC;CACjE,QAAQ,YAAR;EACE,KAAK,OACH,OAAO,QAAQ;EACjB,KAAK,OACH,OAAO,QAAQ;EACjB,KAAK,OACH,OAAO,QAAQ;EACjB,KAAK,MACH,OAAO,QAAQ;EACjB,KAAK,KACH,OAAO,QAAQ;EACjB,KAAK,KACH,OAAO,QAAQ;EACjB,KAAK,KACH,OAAO,QAAQ;EACjB,KAAK,MACH,OAAO,QAAQ;EACjB,KAAK,OACH,OAAO,QAAQ;EACjB,KAAK,OACH,OAAO,QAAQ;EACjB,KAAK,OACH,OAAO,QAAQ;EACjB,KAAK,OACH,OAAO,QAAQ;EACjB,KAAK,OACH,OAAO,QAAQ;EACjB,SACE,OAAO,QAAQ;;;AAIrB,IAAa,aAAa,eAAoC;CAE5D,OAAO,GADa,eAAe,WACzB,CAAY"}
+{"version":3,"file":"spacing.js","names":[],"sources":["../../../src/theme/currys/spacing.ts"],"sourcesContent":["import type { SpacerSizes } from './../spacers';\n\nimport { spacers } 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"],"mappings":";;AAIA,IAAa,kBAAkB,eAAoC;CACjE,QAAQ,YAAR;EACE,KAAK,OACH,OAAO,QAAQ;EACjB,KAAK,OACH,OAAO,QAAQ;EACjB,KAAK,OACH,OAAO,QAAQ;EACjB,KAAK,MACH,OAAO,QAAQ;EACjB,KAAK,KACH,OAAO,QAAQ;EACjB,KAAK,KACH,OAAO,QAAQ;EACjB,KAAK,KACH,OAAO,QAAQ;EACjB,KAAK,MACH,OAAO,QAAQ;EACjB,KAAK,OACH,OAAO,QAAQ;EACjB,KAAK,OACH,OAAO,QAAQ;EACjB,KAAK,OACH,OAAO,QAAQ;EACjB,KAAK,OACH,OAAO,QAAQ;EACjB,KAAK,OACH,OAAO,QAAQ;EACjB,SACE,OAAO,QAAQ;CACnB;AACF;AAEA,IAAa,aAAa,eAAoC;CAE5D,OAAO,GADa,eAAe,UACzB,EAAY;AACxB"}

package/lib/theme/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","names":[],"sources":["../../src/theme/grid.ts"],"sourcesContent":["export const breakpoints = {\n  xxs: 0,\n  xs: 360,\n  sm: 564,\n  md: 768,\n  lg: 1088,\n  xl: 1450,\n};\n\nexport const containerMaxWidths = {\n  sm: 528,\n  md: 612,\n  lg: 1056,\n};\n\nexport const screen = {\n  xxs: `(min-width: ${breakpoints.xxs}px)`,\n  xs: `(min-width: ${breakpoints.xs}px)`,\n  sm: `(min-width: ${breakpoints.sm}px)`,\n  md: `(min-width: ${breakpoints.md}px)`,\n  lg: `(min-width: ${breakpoints.lg}px)`,\n  xl: `(min-width: ${breakpoints.xl}px)`,\n};\n"],"mappings":";AAAA,IAAa,cAAc;CACzB,KAAK;CACL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,IAAa,qBAAqB;CAChC,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,IAAa,SAAS;CACpB,KAAK,eAAe,YAAY,IAAI;CACpC,IAAI,eAAe,YAAY,GAAG;CAClC,IAAI,eAAe,YAAY,GAAG;CAClC,IAAI,eAAe,YAAY,GAAG;CAClC,IAAI,eAAe,YAAY,GAAG;CAClC,IAAI,eAAe,YAAY,GAAG;CACnC"}
+{"version":3,"file":"grid.js","names":[],"sources":["../../src/theme/grid.ts"],"sourcesContent":["export const breakpoints = {\n  xxs: 0,\n  xs: 360,\n  sm: 564,\n  md: 768,\n  lg: 1088,\n  xl: 1450,\n};\n\nexport const containerMaxWidths = {\n  sm: 528,\n  md: 612,\n  lg: 1056,\n};\n\nexport const screen = {\n  xxs: `(min-width: ${breakpoints.xxs}px)`,\n  xs: `(min-width: ${breakpoints.xs}px)`,\n  sm: `(min-width: ${breakpoints.sm}px)`,\n  md: `(min-width: ${breakpoints.md}px)`,\n  lg: `(min-width: ${breakpoints.lg}px)`,\n  xl: `(min-width: ${breakpoints.xl}px)`,\n};\n"],"mappings":";AAAA,IAAa,cAAc;CACzB,KAAK;CACL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,qBAAqB;CAChC,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,SAAS;CACpB,KAAK,eAAe,YAAY,IAAI;CACpC,IAAI,eAAe,YAAY,GAAG;CAClC,IAAI,eAAe,YAAY,GAAG;CAClC,IAAI,eAAe,YAAY,GAAG;CAClC,IAAI,eAAe,YAAY,GAAG;CAClC,IAAI,eAAe,YAAY,GAAG;AACpC"}

package/lib/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"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"],"mappings":";;;;AAIA,IAAa,QAAQ;CACnB,QAAA;CACA;CACA;CACA;CACA;CACD"}
+{"version":3,"file":"index.js","names":[],"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"],"mappings":";;;;AAIA,IAAa,QAAQ;CACnB,QAAA;CACA;CACA;CACA;CACA;AACF"}

package/lib/theme/palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"palette.js","names":[],"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"],"mappings":";AAAA,IAAM,SAAS;CACb,UAAU;CACV,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACZ;AAED,IAAM,YAAY;CAChB,aAAa;CACb,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACf;AAED,IAAM,SAAS;CACb,UAAU;CACV,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACZ;AAED,IAAM,OAAO;CACX,QAAQ;CACR,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACV;AAED,IAAM,UAAU;CACd,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACb;AAED,IAAM,OAAO;CACX,QAAQ;CACR,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACV;AAED,IAAa,UAAU;CACrB,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,OAAO;CACP,OAAO;CACR"}
+{"version":3,"file":"palette.js","names":[],"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"],"mappings":";AAAA,IAAM,SAAS;CACb,UAAU;CACV,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;AACb;AAEA,IAAM,YAAY;CAChB,aAAa;CACb,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;AAChB;AAEA,IAAM,SAAS;CACb,UAAU;CACV,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;AACb;AAEA,IAAM,OAAO;CACX,QAAQ;CACR,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;AACX;AAEA,IAAM,UAAU;CACd,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;AACd;AAEA,IAAM,OAAO;CACX,QAAQ;CACR,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;AACX;AAEA,IAAa,UAAU;CACrB,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,OAAO;CACP,OAAO;AACT"}

package/lib/theme/spacers.js.map

@@ -1 +1 @@
-{"version":3,"file":"spacers.js","names":[],"sources":["../../src/theme/spacers.ts"],"sourcesContent":["export type SpacerSizes = '4xs' | '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';\n\nexport const spacer = 1;\n\nexport const spacers = {\n  0: 0,\n  1: spacer / 8,\n  2: spacer / 4,\n  3: spacer / 2,\n  4: spacer * 0.75,\n  5: spacer * 1,\n  6: spacer * 1.5,\n  7: spacer * 2,\n  8: spacer * 3,\n  9: spacer * 4,\n  10: spacer * 5,\n  11: spacer * 6,\n  12: spacer * 7,\n  13: spacer * 8,\n};\n"],"mappings":";AAEA,IAAa,SAAS;AAEtB,IAAa,UAAU;CACrB,GAAG;CACH,GAAA,IAAY;CACZ,GAAA,IAAY;CACZ,GAAA,IAAY;CACZ,GAAA,IAAY;CACZ,GAAA;CACA,GAAA,IAAY;CACZ,GAAA;CACA,GAAA;CACA,GAAA;CACA,IAAA;CACA,IAAA;CACA,IAAA;CACA,IAAA;CACD"}
+{"version":3,"file":"spacers.js","names":[],"sources":["../../src/theme/spacers.ts"],"sourcesContent":["export type SpacerSizes = '4xs' | '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';\n\nexport const spacer = 1;\n\nexport const spacers = {\n  0: 0,\n  1: spacer / 8,\n  2: spacer / 4,\n  3: spacer / 2,\n  4: spacer * 0.75,\n  5: spacer * 1,\n  6: spacer * 1.5,\n  7: spacer * 2,\n  8: spacer * 3,\n  9: spacer * 4,\n  10: spacer * 5,\n  11: spacer * 6,\n  12: spacer * 7,\n  13: spacer * 8,\n};\n"],"mappings":";AAEA,IAAa,SAAS;AAEtB,IAAa,UAAU;CACrB,GAAG;CACH,GAAA,IAAY;CACZ,GAAA,IAAY;CACZ,GAAA,IAAY;CACZ,GAAA,IAAY;CACZ,GAAA;CACA,GAAA,IAAY;CACZ,GAAA;CACA,GAAA;CACA,GAAA;CACA,IAAA;CACA,IAAA;CACA,IAAA;CACA,IAAA;AACF"}

package/lib/utils/accessibility.js.map

@@ -1 +1 @@
-{"version":3,"file":"accessibility.js","names":[],"sources":["../../src/utils/accessibility.ts"],"sourcesContent":["import type { AriaAttributes } from 'react';\n\ninterface AriaLabelAttributesConfig {\n  label?: string;\n  id?: string;\n  fallbackId?: string;\n  prefer?: 'id' | 'label';\n}\n\nexport type AriaLabelAttributes = Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'>;\n\nexport const getAriaLabelAttributes = (config: AriaLabelAttributesConfig): AriaLabelAttributes | undefined => {\n  const { label, id, fallbackId, prefer = 'id' } = config;\n\n  if (id && prefer === 'id') {\n    return {\n      'aria-labelledby': id,\n    };\n  }\n\n  if (label) {\n    return {\n      'aria-label': label,\n    };\n  }\n\n  if (id) {\n    return {\n      'aria-labelledby': id,\n    };\n  }\n\n  if (fallbackId) {\n    return {\n      'aria-labelledby': fallbackId,\n    };\n  }\n};\n\nexport interface ErrorAriaProps {\n  error?: boolean;\n  'aria-describedby'?: string;\n  errorText?: string;\n  errorTextId?: string;\n}\n\n/**\n * Get IDs to be used with aria-describedby in form components like <Input />\n * @param props Props from form component\n * @param errorTextUuid Unique ID of the form component's error text\n * @returns Element IDs or undefined if there is no aria-description\n */\nexport const getAriaDescribedBy = (props: ErrorAriaProps, errorTextUuid: string): string | undefined => {\n  const ariaDescribedBy: string | undefined = props['aria-describedby'];\n  const hasErrorText: boolean = !!(props.errorText || (props.error && props.errorTextId));\n  const errorTextId: string | undefined = hasErrorText ? errorTextUuid : undefined;\n\n  if (ariaDescribedBy && !errorTextId) {\n    return ariaDescribedBy;\n  } else if (!ariaDescribedBy && errorTextId) {\n    return errorTextId;\n  } else if (ariaDescribedBy && errorTextId) {\n    return ariaDescribedBy + ' ' + errorTextId;\n  }\n};\n"],"mappings":";AAWA,IAAa,0BAA0B,WAAuE;CAC5G,MAAM,EAAE,OAAO,IAAI,YAAY,SAAS,SAAS;CAEjD,IAAI,MAAM,WAAW,MACnB,OAAO,EACL,mBAAmB,IACpB;CAGH,IAAI,OACF,OAAO,EACL,cAAc,OACf;CAGH,IAAI,IACF,OAAO,EACL,mBAAmB,IACpB;CAGH,IAAI,YACF,OAAO,EACL,mBAAmB,YACpB;;;;;;;;AAiBL,IAAa,sBAAsB,OAAuB,kBAA8C;CACtG,MAAM,kBAAsC,MAAM;CAElD,MAAM,cAAkC,CADT,EAAE,MAAM,aAAc,MAAM,SAAS,MAAM,eACnB,gBAAgB,KAAA;CAEvE,IAAI,mBAAmB,CAAC,aACtB,OAAO;MACF,IAAI,CAAC,mBAAmB,aAC7B,OAAO;MACF,IAAI,mBAAmB,aAC5B,OAAO,kBAAkB,MAAM"}
+{"version":3,"file":"accessibility.js","names":[],"sources":["../../src/utils/accessibility.ts"],"sourcesContent":["import type { AriaAttributes } from 'react';\n\ninterface AriaLabelAttributesConfig {\n  label?: string;\n  id?: string;\n  fallbackId?: string;\n  prefer?: 'id' | 'label';\n}\n\nexport type AriaLabelAttributes = Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'>;\n\nexport const getAriaLabelAttributes = (config: AriaLabelAttributesConfig): AriaLabelAttributes | undefined => {\n  const { label, id, fallbackId, prefer = 'id' } = config;\n\n  if (id && prefer === 'id') {\n    return {\n      'aria-labelledby': id,\n    };\n  }\n\n  if (label) {\n    return {\n      'aria-label': label,\n    };\n  }\n\n  if (id) {\n    return {\n      'aria-labelledby': id,\n    };\n  }\n\n  if (fallbackId) {\n    return {\n      'aria-labelledby': fallbackId,\n    };\n  }\n};\n\nexport interface ErrorAriaProps {\n  error?: boolean;\n  'aria-describedby'?: string;\n  errorText?: string;\n  errorTextId?: string;\n}\n\n/**\n * Get IDs to be used with aria-describedby in form components like <Input />\n * @param props Props from form component\n * @param errorTextUuid Unique ID of the form component's error text\n * @returns Element IDs or undefined if there is no aria-description\n */\nexport const getAriaDescribedBy = (props: ErrorAriaProps, errorTextUuid: string): string | undefined => {\n  const ariaDescribedBy: string | undefined = props['aria-describedby'];\n  const hasErrorText: boolean = !!(props.errorText || (props.error && props.errorTextId));\n  const errorTextId: string | undefined = hasErrorText ? errorTextUuid : undefined;\n\n  if (ariaDescribedBy && !errorTextId) {\n    return ariaDescribedBy;\n  } else if (!ariaDescribedBy && errorTextId) {\n    return errorTextId;\n  } else if (ariaDescribedBy && errorTextId) {\n    return ariaDescribedBy + ' ' + errorTextId;\n  }\n};\n"],"mappings":";AAWA,IAAa,0BAA0B,WAAuE;CAC5G,MAAM,EAAE,OAAO,IAAI,YAAY,SAAS,SAAS;CAEjD,IAAI,MAAM,WAAW,MACnB,OAAO,EACL,mBAAmB,GACrB;CAGF,IAAI,OACF,OAAO,EACL,cAAc,MAChB;CAGF,IAAI,IACF,OAAO,EACL,mBAAmB,GACrB;CAGF,IAAI,YACF,OAAO,EACL,mBAAmB,WACrB;AAEJ;;;;;;;AAeA,IAAa,sBAAsB,OAAuB,kBAA8C;CACtG,MAAM,kBAAsC,MAAM;CAElD,MAAM,cAAkC,CADT,EAAE,MAAM,aAAc,MAAM,SAAS,MAAM,eACnB,gBAAgB,KAAA;CAEvE,IAAI,mBAAmB,CAAC,aACtB,OAAO;MACF,IAAI,CAAC,mBAAmB,aAC7B,OAAO;MACF,IAAI,mBAAmB,aAC5B,OAAO,kBAAkB,MAAM;AAEnC"}

package/lib/utils/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","names":[],"sources":["../../src/utils/component.ts"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React from 'react';\n\nexport const isComponent = <T>(\n  element: unknown,\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: unknown): element is React.ReactElement<PropsWithChildren<T>> =>\n  React.isValidElement<PropsWithChildren<T>>(element);\n\nexport function isComponentWithDisplayName<T>(element: React.ReactNode, displayName: string): element is React.ReactElement<T> {\n  if (!React.isValidElement(element) || typeof element.type === 'string') {\n    return false;\n  }\n\n  const componentType = element.type as React.ComponentType<T> & { displayName?: string };\n\n  return componentType.displayName === displayName;\n}\n"],"mappings":";;AAGA,IAAa,eACX,SACA,SACqC,MAAM,eAAkB,QAAQ,IAAK,QAA+B,SAAS;AAEpH,IAAa,2BAA8B,YACzC,MAAM,eAAqC,QAAQ;AAErD,SAAgB,2BAA8B,SAA0B,aAAuD;CAC7H,IAAI,CAAC,MAAM,eAAe,QAAQ,IAAI,OAAO,QAAQ,SAAS,UAC5D,OAAO;CAKT,OAFsB,QAAQ,KAET,gBAAgB"}
+{"version":3,"file":"component.js","names":[],"sources":["../../src/utils/component.ts"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React from 'react';\n\nexport const isComponent = <T>(\n  element: unknown,\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: unknown): element is React.ReactElement<PropsWithChildren<T>> =>\n  React.isValidElement<PropsWithChildren<T>>(element);\n\nexport function isComponentWithDisplayName<T>(element: React.ReactNode, displayName: string): element is React.ReactElement<T> {\n  if (!React.isValidElement(element) || typeof element.type === 'string') {\n    return false;\n  }\n\n  const componentType = element.type as React.ComponentType<T> & { displayName?: string };\n\n  return componentType.displayName === displayName;\n}\n"],"mappings":";;AAGA,IAAa,eACX,SACA,SACqC,MAAM,eAAkB,OAAO,KAAM,QAA+B,SAAS;AAEpH,IAAa,2BAA8B,YACzC,MAAM,eAAqC,OAAO;AAEpD,SAAgB,2BAA8B,SAA0B,aAAuD;CAC7H,IAAI,CAAC,MAAM,eAAe,OAAO,KAAK,OAAO,QAAQ,SAAS,UAC5D,OAAO;CAKT,OAFsB,QAAQ,KAET,gBAAgB;AACvC"}

package/lib/utils/debounce.js.map

@@ -1 +1 @@
-{"version":3,"file":"debounce.js","names":[],"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    if (timeout) clearTimeout(timeout);\n  };\n\n  return [debouncedFunc, teardown];\n}\n"],"mappings":";;;;;;AAMA,SAAgB,SAAgC,MAAuB,MAAsD;CAC3H,IAAI;CAEJ,MAAM,iBAAiB,SACrB,IAAI,SAAQ,YAAW;EACrB,IAAI,SACF,aAAa,QAAQ;EAGvB,UAAU,iBAAuB;GAC/B,QAAQ,KAAK,KAAK,CAAC;KAClB,KAAK;GACR;CAEJ,MAAM,iBAAuB;EAC3B,IAAI,SAAS,aAAa,QAAQ;;CAGpC,OAAO,CAAC,eAAe,SAAS"}
+{"version":3,"file":"debounce.js","names":[],"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    if (timeout) clearTimeout(timeout);\n  };\n\n  return [debouncedFunc, teardown];\n}\n"],"mappings":";;;;;;AAMA,SAAgB,SAAgC,MAAuB,MAAsD;CAC3H,IAAI;CAEJ,MAAM,iBAAiB,SACrB,IAAI,SAAQ,YAAW;EACrB,IAAI,SACF,aAAa,OAAO;EAGtB,UAAU,iBAAuB;GAC/B,QAAQ,KAAK,IAAI,CAAC;EACpB,GAAG,IAAI;CACT,CAAC;CAEH,MAAM,iBAAuB;EAC3B,IAAI,SAAS,aAAa,OAAO;CACnC;CAEA,OAAO,CAAC,eAAe,QAAQ;AACjC"}

package/lib/utils/deepContains.js.map

@@ -1 +1 @@
-{"version":3,"file":"deepContains.js","names":[],"sources":["../../src/utils/deepContains.ts"],"sourcesContent":["/**\n * Determines whether a given container node contains a specific element, traversing through shadow DOM boundaries if necessary.\n * This function extends the behavior of `Node.contains` to support scenarios involving shadow DOM.\n *\n * @param container - The container node to check, typically the document or a specific DOM element.\n * @param element - The target node to verify if it is contained within the container.\n * @returns `true` if the container node contains the target node, including through shadow DOM boundaries; otherwise, `false`.\n */\nexport function deepContains(container: Node, element: Node | null): boolean {\n  let node = element;\n  while (node) {\n    if (node === container) {\n      return true;\n    }\n    // Step out of shadow roots if necessary\n    const rootNode = node.getRootNode();\n    if (rootNode instanceof ShadowRoot) {\n      node = rootNode.host;\n    } else {\n      node = node.parentNode;\n    }\n  }\n  return false;\n}\n"],"mappings":";;;;;;;;;AAQA,SAAgB,aAAa,WAAiB,SAA+B;CAC3E,IAAI,OAAO;CACX,OAAO,MAAM;EACX,IAAI,SAAS,WACX,OAAO;EAGT,MAAM,WAAW,KAAK,aAAa;EACnC,IAAI,oBAAoB,YACtB,OAAO,SAAS;OAEhB,OAAO,KAAK;;CAGhB,OAAO"}
+{"version":3,"file":"deepContains.js","names":[],"sources":["../../src/utils/deepContains.ts"],"sourcesContent":["/**\n * Determines whether a given container node contains a specific element, traversing through shadow DOM boundaries if necessary.\n * This function extends the behavior of `Node.contains` to support scenarios involving shadow DOM.\n *\n * @param container - The container node to check, typically the document or a specific DOM element.\n * @param element - The target node to verify if it is contained within the container.\n * @returns `true` if the container node contains the target node, including through shadow DOM boundaries; otherwise, `false`.\n */\nexport function deepContains(container: Node, element: Node | null): boolean {\n  let node = element;\n  while (node) {\n    if (node === container) {\n      return true;\n    }\n    // Step out of shadow roots if necessary\n    const rootNode = node.getRootNode();\n    if (rootNode instanceof ShadowRoot) {\n      node = rootNode.host;\n    } else {\n      node = node.parentNode;\n    }\n  }\n  return false;\n}\n"],"mappings":";;;;;;;;;AAQA,SAAgB,aAAa,WAAiB,SAA+B;CAC3E,IAAI,OAAO;CACX,OAAO,MAAM;EACX,IAAI,SAAS,WACX,OAAO;EAGT,MAAM,WAAW,KAAK,YAAY;EAClC,IAAI,oBAAoB,YACtB,OAAO,SAAS;OAEhB,OAAO,KAAK;CAEhB;CACA,OAAO;AACT"}

package/lib/utils/device.js.map

@@ -1 +1 @@
-{"version":3,"file":"device.js","names":[],"sources":["../../src/utils/device.ts"],"sourcesContent":["export const isTouchDevice = (): boolean => {\n  return 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n};\n"],"mappings":";AAAA,IAAa,sBAA+B;CAC1C,OAAO,kBAAkB,UAAU,UAAU,iBAAiB"}
+{"version":3,"file":"device.js","names":[],"sources":["../../src/utils/device.ts"],"sourcesContent":["export const isTouchDevice = (): boolean => {\n  return 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n};\n"],"mappings":";AAAA,IAAa,sBAA+B;CAC1C,OAAO,kBAAkB,UAAU,UAAU,iBAAiB;AAChE"}

package/lib/utils/focus.js.map

@@ -1 +1 @@
-{"version":3,"file":"focus.js","names":[],"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"],"mappings":";;;;;;AAKA,IAAa,4BAA4B,YAAkD;CACzF,IAAI;EAGF,QAFgB,OAAO,YAAY,WAAY,SAAS,cAAc,QAAQ,GAAmB,SAC5E,aACd,CAAK;UACL,GAAG;EAEV,QAAQ,MAAM,8DAA8D,SAAS,EAAE;EACvF,OAAO"}
+{"version":3,"file":"focus.js","names":[],"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"],"mappings":";;;;;;AAKA,IAAa,4BAA4B,YAAkD;CACzF,IAAI;EAGF,QAFgB,OAAO,YAAY,WAAY,SAAS,cAAc,OAAO,IAAoB,SAC5E,YACd,EAAK;CACd,SAAS,GAAG;EAEV,QAAQ,MAAM,8DAA8D,SAAS,CAAC;EACtF,OAAO;CACT;AACF"}

package/lib/utils/language.js.map

@@ -1 +1 @@
-{"version":3,"file":"language.js","names":[],"sources":["../../src/utils/language.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { LanguageContext } from '../hooks/useLanguage';\n\nexport interface LanguageContextType<T extends string = string> {\n  language: T;\n}\n\nexport interface LanguageProviderProps<T extends string> {\n  children: React.ReactNode;\n  language: T;\n}\n\nconst LanguageProvider = <T extends string>({ children, language }: LanguageProviderProps<T>): React.JSX.Element => {\n  const value = useMemo<LanguageContextType<T>>(\n    () => ({\n      language,\n    }),\n    [language]\n  );\n\n  return <LanguageContext.Provider value={value}>{children}</LanguageContext.Provider>;\n};\n\nexport default LanguageProvider;\n"],"mappings":";;;;AAaA,IAAM,oBAAsC,EAAE,UAAU,eAA4D;CAClH,MAAM,QAAQ,eACL,EACL,UACD,GACD,CAAC,SAAS,CACX;CAED,OAAO,oBAAC,gBAAgB,UAAjB;EAAiC;EAAQ;EAAoC,CAAA"}
+{"version":3,"file":"language.js","names":[],"sources":["../../src/utils/language.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { LanguageContext } from '../hooks/useLanguage';\n\nexport interface LanguageContextType<T extends string = string> {\n  language: T;\n}\n\nexport interface LanguageProviderProps<T extends string> {\n  children: React.ReactNode;\n  language: T;\n}\n\nconst LanguageProvider = <T extends string>({ children, language }: LanguageProviderProps<T>): React.JSX.Element => {\n  const value = useMemo<LanguageContextType<T>>(\n    () => ({\n      language,\n    }),\n    [language]\n  );\n\n  return <LanguageContext.Provider value={value}>{children}</LanguageContext.Provider>;\n};\n\nexport default LanguageProvider;\n"],"mappings":";;;;AAaA,IAAM,oBAAsC,EAAE,UAAU,eAA4D;CAClH,MAAM,QAAQ,eACL,EACL,SACF,IACA,CAAC,QAAQ,CACX;CAEA,OAAO,oBAAC,gBAAgB,UAAjB;EAAiC;EAAQ;CAAmC,CAAA;AACrF"}

package/lib/utils/mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"mobile.js","names":[],"sources":["../../src/utils/mobile.ts"],"sourcesContent":["declare global {\n  interface Window {\n    opera?: unknown;\n  }\n}\n\ninterface WindowWithOpera extends Window {\n  opera: string;\n}\n\n/**\n * Returns true når brukeren er på mobil (native check on user agent)\n */\nexport const isMobileUA = (): boolean => {\n  let check = false;\n  (function (a: string): void {\n    const regexString =\n      '(android|bbd+|meego).+mobile|avantgo|bada/|blackberry\\\n          |blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|\\\n          midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)/|plucker|\\\n          pocket|psp|series(4|6)0|symbian|treo|up.(browser|link)|vodafone|wap|windows ce|xda|\\\n          xiino';\n\n    const regexString2 =\n      '1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|\\\n          ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|\\\n          avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55/|capi|ccwa|cdm-|cell|\\\n          chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|\\\n          el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|\\\n          gf-5|g-mo|go(.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|\\\n          hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|/)|ibro|idea|\\\n          ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |/)|klon|kpt |\\\n          kwc-|kyo(c|k)|le(no|xi)|lg( g|/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50/|\\\n          ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |\\\n              o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|\\\n          ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|\\\n          pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|\\\n          qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55/|sa(ge|ma|\\\n              mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|\\\n          sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|\\\n          t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|\\\n              m-|m3|m5)|tx-9|up(.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|\\\n          vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|\\\n          whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-';\n\n    const regex = new RegExp(regexString, 'i');\n    const regex2 = new RegExp(regexString2, 'i');\n\n    if (regex.test(a) || regex2.test(a.substr(0, 4))) {\n      check = true;\n    }\n  })(navigator.userAgent || navigator.vendor || (window as WindowWithOpera).opera);\n\n  return check;\n};\n"],"mappings":";;;;AAaA,IAAa,mBAA4B;CACvC,IAAI,QAAQ;CACZ,CAAC,SAAU,GAAiB;EAC1B,MAAM,cACJ;EAMF,MAAM,eACJ;EAqBF,MAAM,QAAQ,IAAI,OAAO,aAAa,IAAI;EAC1C,MAAM,SAAS,IAAI,OAAO,cAAc,IAAI;EAE5C,IAAI,MAAM,KAAK,EAAE,IAAI,OAAO,KAAK,EAAE,OAAO,GAAG,EAAE,CAAC,EAC9C,QAAQ;IAET,UAAU,aAAa,UAAU,UAAW,OAA2B,MAAM;CAEhF,OAAO"}
+{"version":3,"file":"mobile.js","names":[],"sources":["../../src/utils/mobile.ts"],"sourcesContent":["declare global {\n  interface Window {\n    opera?: unknown;\n  }\n}\n\ninterface WindowWithOpera extends Window {\n  opera: string;\n}\n\n/**\n * Returns true når brukeren er på mobil (native check on user agent)\n */\nexport const isMobileUA = (): boolean => {\n  let check = false;\n  (function (a: string): void {\n    const regexString =\n      '(android|bbd+|meego).+mobile|avantgo|bada/|blackberry\\\n          |blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|\\\n          midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)/|plucker|\\\n          pocket|psp|series(4|6)0|symbian|treo|up.(browser|link)|vodafone|wap|windows ce|xda|\\\n          xiino';\n\n    const regexString2 =\n      '1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|\\\n          ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|\\\n          avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55/|capi|ccwa|cdm-|cell|\\\n          chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|\\\n          el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|\\\n          gf-5|g-mo|go(.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|\\\n          hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|/)|ibro|idea|\\\n          ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |/)|klon|kpt |\\\n          kwc-|kyo(c|k)|le(no|xi)|lg( g|/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50/|\\\n          ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |\\\n              o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|\\\n          ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|\\\n          pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|\\\n          qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55/|sa(ge|ma|\\\n              mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|\\\n          sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|\\\n          t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|\\\n              m-|m3|m5)|tx-9|up(.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|\\\n          vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|\\\n          whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-';\n\n    const regex = new RegExp(regexString, 'i');\n    const regex2 = new RegExp(regexString2, 'i');\n\n    if (regex.test(a) || regex2.test(a.substr(0, 4))) {\n      check = true;\n    }\n  })(navigator.userAgent || navigator.vendor || (window as WindowWithOpera).opera);\n\n  return check;\n};\n"],"mappings":";;;;AAaA,IAAa,mBAA4B;CACvC,IAAI,QAAQ;CACZ,CAAC,SAAU,GAAiB;EAC1B,MAAM,cACJ;EAMF,MAAM,eACJ;EAqBF,MAAM,QAAQ,IAAI,OAAO,aAAa,GAAG;EACzC,MAAM,SAAS,IAAI,OAAO,cAAc,GAAG;EAE3C,IAAI,MAAM,KAAK,CAAC,KAAK,OAAO,KAAK,EAAE,OAAO,GAAG,CAAC,CAAC,GAC7C,QAAQ;CAEZ,GAAG,UAAU,aAAa,UAAU,UAAW,OAA2B,KAAK;CAE/E,OAAO;AACT"}

package/lib/utils/refs.js.map

@@ -1 +1 @@
-{"version":3,"file":"refs.js","names":[],"sources":["../../src/utils/refs.ts"],"sourcesContent":["/**\n * Slår sammen to refs, typisk ref via prop og useRef slik at begge deler kan brukes som en felles ref\n * Fra https://github.com/gregberge/react-merge-refs\n * @param refs array med refs som skal slås sammen\n * @returns refcallback som kan brukes på komponent\n */\nexport const mergeRefs = <T>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T> | null | undefined>): React.RefCallback<T> => {\n  return value => {\n    refs.forEach(ref => {\n      if (typeof ref === 'function') {\n        ref(value);\n      } else if (ref != null && ref !== undefined) {\n        (ref as React.MutableRefObject<T | null>).current = value;\n      }\n    });\n  };\n};\n\n/**\n * Sjekker om ref er et objekt (og ikke en funksjon)\n * @param ref\n * @returns type predicate\n */\nexport const isMutableRefObject = <T>(ref: React.Ref<T> | undefined): ref is React.MutableRefObject<T> => {\n  return !!ref && typeof ref !== 'function' && 'current' in ref;\n};\n"],"mappings":";;;;;;;AAMA,IAAa,aAAgB,SAAyG;CACpI,QAAO,UAAS;EACd,KAAK,SAAQ,QAAO;GAClB,IAAI,OAAO,QAAQ,YACjB,IAAI,MAAM;QACL,IAAI,OAAO,QAAQ,QAAQ,KAAA,GAChC,IAA0C,UAAU;IAEtD;;;;;;;;AASN,IAAa,sBAAyB,QAAoE;CACxG,OAAO,CAAC,CAAC,OAAO,OAAO,QAAQ,cAAc,aAAa"}
+{"version":3,"file":"refs.js","names":[],"sources":["../../src/utils/refs.ts"],"sourcesContent":["/**\n * Slår sammen to refs, typisk ref via prop og useRef slik at begge deler kan brukes som en felles ref\n * Fra https://github.com/gregberge/react-merge-refs\n * @param refs array med refs som skal slås sammen\n * @returns refcallback som kan brukes på komponent\n */\nexport const mergeRefs = <T>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T> | null | undefined>): React.RefCallback<T> => {\n  return value => {\n    refs.forEach(ref => {\n      if (typeof ref === 'function') {\n        ref(value);\n      } else if (ref != null && ref !== undefined) {\n        (ref as React.MutableRefObject<T | null>).current = value;\n      }\n    });\n  };\n};\n\n/**\n * Sjekker om ref er et objekt (og ikke en funksjon)\n * @param ref\n * @returns type predicate\n */\nexport const isMutableRefObject = <T>(ref: React.Ref<T> | undefined): ref is React.MutableRefObject<T> => {\n  return !!ref && typeof ref !== 'function' && 'current' in ref;\n};\n"],"mappings":";;;;;;;AAMA,IAAa,aAAgB,SAAyG;CACpI,QAAO,UAAS;EACd,KAAK,SAAQ,QAAO;GAClB,IAAI,OAAO,QAAQ,YACjB,IAAI,KAAK;QACJ,IAAI,OAAO,QAAQ,QAAQ,KAAA,GAChC,IAA0C,UAAU;EAExD,CAAC;CACH;AACF;;;;;;AAOA,IAAa,sBAAyB,QAAoE;CACxG,OAAO,CAAC,CAAC,OAAO,OAAO,QAAQ,cAAc,aAAa;AAC5D"}

package/lib/utils/resource.js.map

@@ -1 +1 @@
-{"version":3,"file":"resource.js","names":[],"sources":["../../src/utils/resource.ts"],"sourcesContent":["/**\n * Replace `{0}`, `{1}` etc. placeholders in a resource string with the supplied values.\n * @example formatResource('Siste {0} måneder', 6)  // 'Siste 6 måneder'\n * @example formatResource('{0} av {1}', 'side', 10) // 'side av 10'\n */\nexport const formatResource = (template: string, ...args: (string | number)[]): string =>\n  args.reduce<string>((result, arg, index) => result.replace(`{${index}}`, String(arg)), template);\n"],"mappings":";;;;;;AAKA,IAAa,kBAAkB,UAAkB,GAAG,SAClD,KAAK,QAAgB,QAAQ,KAAK,UAAU,OAAO,QAAQ,IAAI,MAAM,IAAI,OAAO,IAAI,CAAC,EAAE,SAAS"}
+{"version":3,"file":"resource.js","names":[],"sources":["../../src/utils/resource.ts"],"sourcesContent":["/**\n * Replace `{0}`, `{1}` etc. placeholders in a resource string with the supplied values.\n * @example formatResource('Siste {0} måneder', 6)  // 'Siste 6 måneder'\n * @example formatResource('{0} av {1}', 'side', 10) // 'side av 10'\n */\nexport const formatResource = (template: string, ...args: (string | number)[]): string =>\n  args.reduce<string>((result, arg, index) => result.replace(`{${index}}`, String(arg)), template);\n"],"mappings":";;;;;;AAKA,IAAa,kBAAkB,UAAkB,GAAG,SAClD,KAAK,QAAgB,QAAQ,KAAK,UAAU,OAAO,QAAQ,IAAI,MAAM,IAAI,OAAO,GAAG,CAAC,GAAG,QAAQ"}

package/lib/utils/scroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll.js","names":[],"sources":["../../src/utils/scroll.ts"],"sourcesContent":["export const disableBodyScroll = (): void => {\n  document.body.style.overflow = 'hidden';\n};\n\nexport const enableBodyScroll = (): void => {\n  document.body.style.removeProperty('overflow');\n};\n"],"mappings":";AAAA,IAAa,0BAAgC;CAC3C,SAAS,KAAK,MAAM,WAAW;;AAGjC,IAAa,yBAA+B;CAC1C,SAAS,KAAK,MAAM,eAAe,WAAW"}
+{"version":3,"file":"scroll.js","names":[],"sources":["../../src/utils/scroll.ts"],"sourcesContent":["export const disableBodyScroll = (): void => {\n  document.body.style.overflow = 'hidden';\n};\n\nexport const enableBodyScroll = (): void => {\n  document.body.style.removeProperty('overflow');\n};\n"],"mappings":";AAAA,IAAa,0BAAgC;CAC3C,SAAS,KAAK,MAAM,WAAW;AACjC;AAEA,IAAa,yBAA+B;CAC1C,SAAS,KAAK,MAAM,eAAe,UAAU;AAC/C"}

package/lib/utils/viewport.js.map

@@ -1 +1 @@
-{"version":3,"file":"viewport.js","names":[],"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"],"mappings":";AAAA,IAAa,uBAAuB,OAA6B;CAC/D,MAAM,EAAE,KAAK,MAAM,QAAQ,UAAU,GAAG,uBAAuB;CAE/D,OACE,OAAO,KACP,QAAQ,KACR,WAAW,OAAO,eAAe,SAAS,gBAAgB,iBAC1D,UAAU,OAAO,cAAc,SAAS,gBAAgB"}
+{"version":3,"file":"viewport.js","names":[],"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"],"mappings":";AAAA,IAAa,uBAAuB,OAA6B;CAC/D,MAAM,EAAE,KAAK,MAAM,QAAQ,UAAU,GAAG,sBAAsB;CAE9D,OACE,OAAO,KACP,QAAQ,KACR,WAAW,OAAO,eAAe,SAAS,gBAAgB,iBAC1D,UAAU,OAAO,cAAc,SAAS,gBAAgB;AAE5D"}

package/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../src/components/Icon/utils.ts"],"sourcesContent":["import type { IconConfig } from './Icon';\n\nimport { IconSize } from '../../constants';\n\nexport const getIcon = ({\n  size,\n  isHovered,\n  normal,\n  normalHover,\n  xSmall,\n  xSmallHover,\n  xxSmall,\n  xxSmallHover,\n}: IconConfig): React.ReactElement => {\n  if (size <= IconSize.XXSmall && xxSmall && xxSmallHover) {\n    return isHovered ? xxSmallHover : xxSmall;\n  }\n  if (size <= IconSize.XSmall && xSmall && xSmallHover) {\n    return isHovered ? xSmallHover : xSmall;\n  }\n\n  return isHovered ? normalHover : normal;\n};\n"],"mappings":";;AAIA,IAAa,WAAW,EACtB,MACA,WACA,QACA,aACA,QACA,aACA,SACA,mBACoC;CACpC,IAAI,QAAQ,SAAS,WAAW,WAAW,cACzC,OAAO,YAAY,eAAe;CAEpC,IAAI,QAAQ,SAAS,UAAU,UAAU,aACvC,OAAO,YAAY,cAAc;CAGnC,OAAO,YAAY,cAAc"}
+{"version":3,"file":"utils.js","names":[],"sources":["../src/components/Icon/utils.ts"],"sourcesContent":["import type { IconConfig } from './Icon';\n\nimport { IconSize } from '../../constants';\n\nexport const getIcon = ({\n  size,\n  isHovered,\n  normal,\n  normalHover,\n  xSmall,\n  xSmallHover,\n  xxSmall,\n  xxSmallHover,\n}: IconConfig): React.ReactElement => {\n  if (size <= IconSize.XXSmall && xxSmall && xxSmallHover) {\n    return isHovered ? xxSmallHover : xxSmall;\n  }\n  if (size <= IconSize.XSmall && xSmall && xSmallHover) {\n    return isHovered ? xSmallHover : xSmall;\n  }\n\n  return isHovered ? normalHover : normal;\n};\n"],"mappings":";;AAIA,IAAa,WAAW,EACtB,MACA,WACA,QACA,aACA,QACA,aACA,SACA,mBACoC;CACpC,IAAI,QAAQ,SAAS,WAAW,WAAW,cACzC,OAAO,YAAY,eAAe;CAEpC,IAAI,QAAQ,SAAS,UAAU,UAAU,aACvC,OAAO,YAAY,cAAc;CAGnC,OAAO,YAAY,cAAc;AACnC"}

package/lib/utils2.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils2.js","names":[],"sources":["../src/components/Label/SubLabel.tsx","../src/components/Label/Label.tsx","../src/components/Label/utils.tsx"],"sourcesContent":["import cn from 'classnames';\n\nimport type { LabelText } from './Label';\n\nimport { AnalyticsId, FormOnColor } from '../../constants';\nimport Spacer from '../Spacer';\n\nimport styles from './styles.module.scss';\n\nexport interface SublabelProps {\n  /** Sets the content of the Sublabel */\n  children?: React.ReactNode;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** id that is placed on the wrapper */\n  id: string;\n  /** Array of sublabel strings. Can be of type semibold or normal */\n  onColor?: FormOnColor;\n  /** Array of sublabel strings. Can be of type semibold or normal */\n  sublabelTexts?: LabelText[];\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport const Sublabel: React.FC<SublabelProps> = ({ children, className, id, onColor, sublabelTexts, testId }) => {\n  const mapSublabels = (hideFromScreenReader?: boolean): React.ReactNode => {\n    return (\n      sublabelTexts &&\n      sublabelTexts.map((sublabelText, index) => {\n        const labelClasses = cn(styles.label, styles['sublabel'], {\n          [styles['sublabel--subdued']]: sublabelText.type === 'subdued',\n          [styles['sublabel--on-dark']]: onColor === FormOnColor.ondark,\n        });\n        return (\n          hideFromScreenReader === sublabelText.hideFromScreenReader && (\n            <span className={labelClasses} key={index}>\n              {sublabelText.text}\n            </span>\n          )\n        );\n      })\n    );\n  };\n\n  const subLabels = mapSublabels();\n  const ariaHiddenSublabels = mapSublabels(true);\n\n  return (\n    <>\n      <Spacer size={'3xs'} />\n      {(subLabels || children) && (\n        <div className={className} id={id} data-testid={testId} data-analyticsid={AnalyticsId.Sublabel}>\n          {subLabels}\n          {children}\n        </div>\n      )}\n      {ariaHiddenSublabels && (\n        <div className={className} data-testid={testId}>\n          {ariaHiddenSublabels}\n        </div>\n      )}\n    </>\n  );\n};\n","import type { FunctionComponent } from 'react';\nimport React from 'react';\n\nimport cn from 'classnames';\n\nimport type { SublabelProps } from './SubLabel';\nimport type { FormFieldTagProps } from '../FormFieldTag';\nimport type { StatusDotProps } from '../StatusDot';\n\nimport { Sublabel } from './SubLabel';\nimport { AnalyticsId, FormOnColor } from '../../constants';\nimport { isComponent } from '../../utils/component';\nimport FormFieldTag from '../FormFieldTag';\nimport Spacer from '../Spacer';\nimport StatusDot from '../StatusDot';\n\nimport styles from './styles.module.scss';\n\nexport type LabelText = {\n  hideFromScreenReader?: boolean;\n  text: string;\n  type?: 'normal' | 'subdued';\n};\n\nexport type LabelTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'label' | 'p' | 'legend';\n\nexport interface LabelProps {\n  /** Component shown after label - discourage use of this */\n  afterLabelChildren?: React.ReactNode;\n  /** Sets the content of the Label */\n  children?: React.ReactNode;\n  /** Sets a tag that describes whether the form field is required or optional */\n  formFieldTag?: React.ReactNode;\n  /** Adds custom classes to the label tag. */\n  labelClassName?: string;\n  /** Adds custom classes to the label text. */\n  labelTextClassName?: string;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Id that is put on the \"for\" attribute of the label */\n  htmlFor?: string;\n  /** Changes the underlying element of the label */\n  htmlMarkup?: LabelTags;\n  /** Id som plasseres på <label/> */\n  labelId?: string;\n  /** Array of main label strings. Can be of type semibold or normal */\n  labelTexts?: LabelText[];\n  /** Array of sublabel strings. Can be of type semibold or normal */\n  onColor?: keyof typeof FormOnColor;\n  /** StatusDot placed underneath the last sublabel */\n  statusDot?: React.ReactNode;\n  /** Sublabel component */\n  sublabel?: React.ReactNode;\n  /** Adds custom classes to the div wrapping the sublabels. */\n  sublabelWrapperClassName?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Gives a custom classname to the afterLabelChildren wrapper. Used in checkbox and radiobutton */\n  afterLabelChildrenClassName?: string;\n}\n\nconst Label: FunctionComponent<LabelProps> = ({\n  afterLabelChildren,\n  children,\n  className,\n  formFieldTag,\n  htmlFor,\n  htmlMarkup = 'label',\n  labelClassName,\n  labelTextClassName,\n  labelId,\n  labelTexts,\n  onColor = FormOnColor.onwhite,\n  statusDot,\n  sublabel,\n  sublabelWrapperClassName,\n  testId,\n  afterLabelChildrenClassName,\n}) => {\n  const hasChildren = children && typeof children !== 'undefined';\n  const labelWrapperClasses = cn(styles['label-wrapper'], { [styles['label-wrapper--no-bottom-margin']]: hasChildren }, className);\n  const mainLabelWrapperClasses = cn({\n    [styles['label-wrapper--after-label-children']]: afterLabelChildren,\n  });\n  const afterLabelChildrenClasses = cn(styles['after-label-children'], afterLabelChildrenClassName);\n\n  const mapLabels = (): React.ReactNode => {\n    if (typeof labelTexts === 'undefined') return null;\n\n    return labelTexts.map((labelText, index) => {\n      const labelClasses = cn(\n        styles.label,\n        {\n          [styles['label--subdued']]: labelText.type === 'subdued',\n          [styles['label--on-dark']]: onColor === FormOnColor.ondark,\n        },\n        labelTextClassName\n      );\n      return (\n        <span aria-hidden={labelText.hideFromScreenReader} className={labelClasses} key={index}>\n          {labelText.text}\n        </span>\n      );\n    });\n  };\n  const CustomTag = htmlMarkup;\n\n  return (\n    <div className={labelWrapperClasses}>\n      <div className={mainLabelWrapperClasses}>\n        <CustomTag className={labelClassName} id={labelId} htmlFor={htmlFor} data-testid={testId} data-analyticsid={AnalyticsId.Label}>\n          <span className={styles['label-content-wrapper']}>\n            {children}\n            <span className={styles.label__texts}>{mapLabels()}</span>\n          </span>\n        </CustomTag>\n        {afterLabelChildren && <div className={afterLabelChildrenClasses}>{afterLabelChildren}</div>}\n      </div>\n      {(sublabel || statusDot || formFieldTag) && (\n        <div className={sublabelWrapperClassName}>\n          {formFieldTag && isComponent<FormFieldTagProps>(formFieldTag, FormFieldTag) && React.cloneElement(formFieldTag)}\n          {sublabel &&\n            isComponent<SublabelProps>(sublabel, Sublabel) &&\n            React.cloneElement(sublabel, {\n              onColor: onColor as FormOnColor,\n            })}\n          {statusDot && isComponent<StatusDotProps>(statusDot, StatusDot) && (\n            <>\n              <Spacer size={'3xs'} />\n              {React.cloneElement(statusDot, {\n                onColor: onColor === FormOnColor.ondark ? 'ondark' : 'onwhite',\n              })}\n            </>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Label;\n","import React from 'react';\n\nimport cn from 'classnames';\n\nimport type { LabelProps, LabelTags } from './Label';\nimport type { FormOnColor } from '../../constants';\n\nimport Label from './Label';\nimport { isComponent } from '../../utils/component';\n\nexport const getLabelText = (label: React.ReactNode): string => {\n  let allLabelText = '';\n\n  if (isComponent<LabelProps>(label, Label)) {\n    label.props.labelTexts?.forEach(labelText => {\n      allLabelText += !labelText.hideFromScreenReader ? labelText.text : '';\n    });\n  }\n\n  return allLabelText;\n};\n\ninterface RenderLabelProps {\n  label: React.ReactNode;\n  inputId: string;\n  onColor: FormOnColor;\n  markup?: LabelTags;\n  className?: string;\n}\n\nexport const renderLabel = (props: RenderLabelProps): React.ReactNode => {\n  return (\n    <>\n      {props.label && isComponent<LabelProps>(props.label, Label)\n        ? React.cloneElement(props.label, {\n            htmlFor: props.inputId,\n            htmlMarkup: props.markup || 'label',\n            onColor: props.onColor,\n            className: props.className,\n          })\n        : typeof props.label === 'string' && (\n            <Label\n              labelTexts={[{ text: props.label, type: 'normal' }]}\n              htmlFor={props.inputId}\n              onColor={props.onColor}\n              className={props.className}\n            />\n          )}\n    </>\n  );\n};\n\ninterface RenderLabelAsParentProps {\n  label: React.ReactNode;\n  children: React.ReactNode;\n  inputId: string;\n  onColor: FormOnColor;\n  labelClassName?: string;\n  labelTextClassName?: string;\n  sublabelWrapperClassName?: string;\n  large?: boolean;\n  markup?: LabelTags;\n  afterLabelChildrenClassName?: string;\n}\n\nexport const renderLabelAsParent = (props: RenderLabelAsParentProps): React.ReactNode => {\n  return (\n    <>\n      {props.label && isComponent<LabelProps>(props.label, Label)\n        ? React.cloneElement(props.label, {\n            htmlFor: props.inputId,\n            onColor: props.onColor,\n            children: props.children,\n            labelClassName: cn(props.labelClassName, props.label.props.labelClassName),\n            labelTextClassName: props.labelTextClassName,\n            htmlMarkup: props.markup || 'label',\n            sublabelWrapperClassName: props.sublabelWrapperClassName,\n            sublabel: props.large ? undefined : props.label.props.sublabel,\n            statusDot: props.large ? undefined : props.label.props.statusDot,\n            afterLabelChildrenClassName: props.afterLabelChildrenClassName,\n          })\n        : typeof props.label === 'string' && (\n            <Label\n              labelTexts={[{ text: props.label, type: 'subdued' }]}\n              htmlFor={props.inputId}\n              onColor={props.onColor}\n              htmlMarkup={props.markup || 'label'}\n              labelClassName={props.labelClassName}\n              labelTextClassName={props.labelTextClassName}\n              sublabelWrapperClassName={props.sublabelWrapperClassName}\n              afterLabelChildrenClassName={props.afterLabelChildrenClassName}\n            >\n              {props.children}\n            </Label>\n          )}\n    </>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"utils2.js","names":[],"sources":["../src/components/Label/SubLabel.tsx","../src/components/Label/Label.tsx","../src/components/Label/utils.tsx"],"sourcesContent":["import cn from 'classnames';\n\nimport type { LabelText } from './Label';\n\nimport { AnalyticsId, FormOnColor } from '../../constants';\nimport Spacer from '../Spacer';\n\nimport styles from './styles.module.scss';\n\nexport interface SublabelProps {\n  /** Sets the content of the Sublabel */\n  children?: React.ReactNode;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** id that is placed on the wrapper */\n  id: string;\n  /** Array of sublabel strings. Can be of type semibold or normal */\n  onColor?: FormOnColor;\n  /** Array of sublabel strings. Can be of type semibold or normal */\n  sublabelTexts?: LabelText[];\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport const Sublabel: React.FC<SublabelProps> = ({ children, className, id, onColor, sublabelTexts, testId }) => {\n  const mapSublabels = (hideFromScreenReader?: boolean): React.ReactNode => {\n    return (\n      sublabelTexts &&\n      sublabelTexts.map((sublabelText, index) => {\n        const labelClasses = cn(styles.label, styles['sublabel'], {\n          [styles['sublabel--subdued']]: sublabelText.type === 'subdued',\n          [styles['sublabel--on-dark']]: onColor === FormOnColor.ondark,\n        });\n        return (\n          hideFromScreenReader === sublabelText.hideFromScreenReader && (\n            <span className={labelClasses} key={index}>\n              {sublabelText.text}\n            </span>\n          )\n        );\n      })\n    );\n  };\n\n  const subLabels = mapSublabels();\n  const ariaHiddenSublabels = mapSublabels(true);\n\n  return (\n    <>\n      <Spacer size={'3xs'} />\n      {(subLabels || children) && (\n        <div className={className} id={id} data-testid={testId} data-analyticsid={AnalyticsId.Sublabel}>\n          {subLabels}\n          {children}\n        </div>\n      )}\n      {ariaHiddenSublabels && (\n        <div className={className} data-testid={testId}>\n          {ariaHiddenSublabels}\n        </div>\n      )}\n    </>\n  );\n};\n","import type { FunctionComponent } from 'react';\nimport React from 'react';\n\nimport cn from 'classnames';\n\nimport type { SublabelProps } from './SubLabel';\nimport type { FormFieldTagProps } from '../FormFieldTag';\nimport type { StatusDotProps } from '../StatusDot';\n\nimport { Sublabel } from './SubLabel';\nimport { AnalyticsId, FormOnColor } from '../../constants';\nimport { isComponent } from '../../utils/component';\nimport FormFieldTag from '../FormFieldTag';\nimport Spacer from '../Spacer';\nimport StatusDot from '../StatusDot';\n\nimport styles from './styles.module.scss';\n\nexport type LabelText = {\n  hideFromScreenReader?: boolean;\n  text: string;\n  type?: 'normal' | 'subdued';\n};\n\nexport type LabelTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'label' | 'p' | 'legend';\n\nexport interface LabelProps {\n  /** Component shown after label - discourage use of this */\n  afterLabelChildren?: React.ReactNode;\n  /** Sets the content of the Label */\n  children?: React.ReactNode;\n  /** Sets a tag that describes whether the form field is required or optional */\n  formFieldTag?: React.ReactNode;\n  /** Adds custom classes to the label tag. */\n  labelClassName?: string;\n  /** Adds custom classes to the label text. */\n  labelTextClassName?: string;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Id that is put on the \"for\" attribute of the label */\n  htmlFor?: string;\n  /** Changes the underlying element of the label */\n  htmlMarkup?: LabelTags;\n  /** Id som plasseres på <label/> */\n  labelId?: string;\n  /** Array of main label strings. Can be of type semibold or normal */\n  labelTexts?: LabelText[];\n  /** Array of sublabel strings. Can be of type semibold or normal */\n  onColor?: keyof typeof FormOnColor;\n  /** StatusDot placed underneath the last sublabel */\n  statusDot?: React.ReactNode;\n  /** Sublabel component */\n  sublabel?: React.ReactNode;\n  /** Adds custom classes to the div wrapping the sublabels. */\n  sublabelWrapperClassName?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Gives a custom classname to the afterLabelChildren wrapper. Used in checkbox and radiobutton */\n  afterLabelChildrenClassName?: string;\n}\n\nconst Label: FunctionComponent<LabelProps> = ({\n  afterLabelChildren,\n  children,\n  className,\n  formFieldTag,\n  htmlFor,\n  htmlMarkup = 'label',\n  labelClassName,\n  labelTextClassName,\n  labelId,\n  labelTexts,\n  onColor = FormOnColor.onwhite,\n  statusDot,\n  sublabel,\n  sublabelWrapperClassName,\n  testId,\n  afterLabelChildrenClassName,\n}) => {\n  const hasChildren = children && typeof children !== 'undefined';\n  const labelWrapperClasses = cn(styles['label-wrapper'], { [styles['label-wrapper--no-bottom-margin']]: hasChildren }, className);\n  const mainLabelWrapperClasses = cn({\n    [styles['label-wrapper--after-label-children']]: afterLabelChildren,\n  });\n  const afterLabelChildrenClasses = cn(styles['after-label-children'], afterLabelChildrenClassName);\n\n  const mapLabels = (): React.ReactNode => {\n    if (typeof labelTexts === 'undefined') return null;\n\n    return labelTexts.map((labelText, index) => {\n      const labelClasses = cn(\n        styles.label,\n        {\n          [styles['label--subdued']]: labelText.type === 'subdued',\n          [styles['label--on-dark']]: onColor === FormOnColor.ondark,\n        },\n        labelTextClassName\n      );\n      return (\n        <span aria-hidden={labelText.hideFromScreenReader} className={labelClasses} key={index}>\n          {labelText.text}\n        </span>\n      );\n    });\n  };\n  const CustomTag = htmlMarkup;\n\n  return (\n    <div className={labelWrapperClasses}>\n      <div className={mainLabelWrapperClasses}>\n        <CustomTag className={labelClassName} id={labelId} htmlFor={htmlFor} data-testid={testId} data-analyticsid={AnalyticsId.Label}>\n          <span className={styles['label-content-wrapper']}>\n            {children}\n            <span className={styles.label__texts}>{mapLabels()}</span>\n          </span>\n        </CustomTag>\n        {afterLabelChildren && <div className={afterLabelChildrenClasses}>{afterLabelChildren}</div>}\n      </div>\n      {(sublabel || statusDot || formFieldTag) && (\n        <div className={sublabelWrapperClassName}>\n          {formFieldTag && isComponent<FormFieldTagProps>(formFieldTag, FormFieldTag) && React.cloneElement(formFieldTag)}\n          {sublabel &&\n            isComponent<SublabelProps>(sublabel, Sublabel) &&\n            React.cloneElement(sublabel, {\n              onColor: onColor as FormOnColor,\n            })}\n          {statusDot && isComponent<StatusDotProps>(statusDot, StatusDot) && (\n            <>\n              <Spacer size={'3xs'} />\n              {React.cloneElement(statusDot, {\n                onColor: onColor === FormOnColor.ondark ? 'ondark' : 'onwhite',\n              })}\n            </>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Label;\n","import React from 'react';\n\nimport cn from 'classnames';\n\nimport type { LabelProps, LabelTags } from './Label';\nimport type { FormOnColor } from '../../constants';\n\nimport Label from './Label';\nimport { isComponent } from '../../utils/component';\n\nexport const getLabelText = (label: React.ReactNode): string => {\n  let allLabelText = '';\n\n  if (isComponent<LabelProps>(label, Label)) {\n    label.props.labelTexts?.forEach(labelText => {\n      allLabelText += !labelText.hideFromScreenReader ? labelText.text : '';\n    });\n  }\n\n  return allLabelText;\n};\n\ninterface RenderLabelProps {\n  label: React.ReactNode;\n  inputId: string;\n  onColor: FormOnColor;\n  markup?: LabelTags;\n  className?: string;\n}\n\nexport const renderLabel = (props: RenderLabelProps): React.ReactNode => {\n  return (\n    <>\n      {props.label && isComponent<LabelProps>(props.label, Label)\n        ? React.cloneElement(props.label, {\n            htmlFor: props.inputId,\n            htmlMarkup: props.markup || 'label',\n            onColor: props.onColor,\n            className: props.className,\n          })\n        : typeof props.label === 'string' && (\n            <Label\n              labelTexts={[{ text: props.label, type: 'normal' }]}\n              htmlFor={props.inputId}\n              onColor={props.onColor}\n              className={props.className}\n            />\n          )}\n    </>\n  );\n};\n\ninterface RenderLabelAsParentProps {\n  label: React.ReactNode;\n  children: React.ReactNode;\n  inputId: string;\n  onColor: FormOnColor;\n  labelClassName?: string;\n  labelTextClassName?: string;\n  sublabelWrapperClassName?: string;\n  large?: boolean;\n  markup?: LabelTags;\n  afterLabelChildrenClassName?: string;\n}\n\nexport const renderLabelAsParent = (props: RenderLabelAsParentProps): React.ReactNode => {\n  return (\n    <>\n      {props.label && isComponent<LabelProps>(props.label, Label)\n        ? React.cloneElement(props.label, {\n            htmlFor: props.inputId,\n            onColor: props.onColor,\n            children: props.children,\n            labelClassName: cn(props.labelClassName, props.label.props.labelClassName),\n            labelTextClassName: props.labelTextClassName,\n            htmlMarkup: props.markup || 'label',\n            sublabelWrapperClassName: props.sublabelWrapperClassName,\n            sublabel: props.large ? undefined : props.label.props.sublabel,\n            statusDot: props.large ? undefined : props.label.props.statusDot,\n            afterLabelChildrenClassName: props.afterLabelChildrenClassName,\n          })\n        : typeof props.label === 'string' && (\n            <Label\n              labelTexts={[{ text: props.label, type: 'subdued' }]}\n              htmlFor={props.inputId}\n              onColor={props.onColor}\n              htmlMarkup={props.markup || 'label'}\n              labelClassName={props.labelClassName}\n              labelTextClassName={props.labelTextClassName}\n              sublabelWrapperClassName={props.sublabelWrapperClassName}\n              afterLabelChildrenClassName={props.afterLabelChildrenClassName}\n            >\n              {props.children}\n            </Label>\n          )}\n    </>\n  );\n};\n"],"mappings":"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"}