@helsenorge/designsystem-react 2.17.0 → 3.0.1

package/components/Input/styles.module.scss

@@ -1,8 +1,9 @@
-@import '../../scss/_spacers.scss';
-@import '../../scss/_breakpoints.scss';
-@import '../../scss/_palette.scss';
-@import '../../scss/_font-settings.scss';
-@import '../../scss/_input.scss';
+@use 'sass:map';
+@import '../../scss/spacers';
+@import '../../scss/breakpoints';
+@import '../../scss/palette';
+@import '../../scss/font-settings';
+@import '../../scss/input';
 
 .input-wrapper {
   @include input-wrapper;
@@ -27,7 +28,7 @@
   &--with-icon {
     padding: 1px 0;
 
-    @media (min-width: map-get($grid-breakpoints, md)) {
+    @media (min-width: map.get($grid-breakpoints, md)) {
       padding: 0.375rem 0;
     }
   }
@@ -44,7 +45,7 @@
       height: 2.5rem;
     }
 
-    @media (min-width: map-get($grid-breakpoints, md)) {
+    @media (min-width: map.get($grid-breakpoints, md)) {
       line-height: 1.625rem;
       height: 2.125rem;
       font-size: $font-size-md;

package/components/LinkList/LinkList.d.ts

@@ -1,18 +1,18 @@
 import React from 'react';
 import { PaletteNames } from '../../theme/palette';
 import { ListHeaderType } from '../ListHeader/ListHeader';
-export declare type LinkListSize = 'small' | 'medium' | 'large';
-export declare type LinkAnchorTargets = '_self' | '_blank' | '_parent';
-export declare type LinkListColors = PaletteNames;
-export declare type LinkListVariant = 'line' | 'outline' | 'fill';
+export type LinkListSize = 'small' | 'medium' | 'large';
+export type LinkAnchorTargets = '_self' | '_blank' | '_parent';
+export type LinkListColors = PaletteNames;
+export type LinkListVariant = 'line' | 'outline' | 'fill';
 export interface LinkType extends React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLLIElement>> {
     ListHeader?: ListHeaderType;
 }
-export declare type LinkTags = 'button' | 'a';
+export type LinkTags = 'button' | 'a';
 export interface CompoundComponent extends React.ForwardRefExoticComponent<LinkListProps & React.RefAttributes<HTMLUListElement>> {
     Link: LinkType;
 }
-interface LinkListProps {
+export interface LinkListProps {
     /** Items in the LinkList */
     children: React.ReactNode;
     /** Adds custom classes to the element. */
@@ -32,8 +32,8 @@ interface LinkListProps {
     /** Sets visual priority */
     variant?: LinkListVariant;
 }
-declare type Modify<T, R> = Omit<T, keyof R> & R;
-export declare type LinkProps = Modify<React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, {
+type Modify<T, R> = Omit<T, keyof R> & R;
+export type LinkProps = Modify<React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, {
     children: React.ReactNode;
     chevron?: boolean;
     className?: string;

package/components/LinkList/LinkList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkList.d.ts","sourceRoot":"","sources":["../../../src/components/LinkList/LinkList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAKnD,OAAO,EAAE,cAAc,EAAoB,MAAM,0BAA0B,CAAC;AAG5E,oBAAY,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,oBAAY,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE/D,oBAAY,cAAc,GAAG,YAAY,CAAC;AAC1C,oBAAY,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAE1D,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,yBAAyB,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAC/G,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B;AAED,oBAAY,QAAQ,GAAG,QAAQ,GAAG,GAAG,CAAC;AACtC,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,yBAAyB,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC/H,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,UAAU,aAAa;IACrB,4BAA4B;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED,aAAK,MAAM,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;AAEzC,oBAAY,SAAS,GAAG,MAAM,CAC5B,KAAK,CAAC,cAAc,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,EAC3D;IACE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,uCAAuC;IACvC,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IACjE,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CACF,GACC,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;AAyDpD,eAAO,MAAM,QAAQ,mBAWE,CAAC;AAKxB,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"LinkList.d.ts","sourceRoot":"","sources":["../../../src/components/LinkList/LinkList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,EAAE,cAAc,EAAoB,MAAM,0BAA0B,CAAC;AAI5E,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE/D,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC;AAC1C,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAE1D,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,yBAAyB,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAC/G,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B;AAED,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,GAAG,CAAC;AACtC,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,yBAAyB,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC/H,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,4BAA4B;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;AAEzC,MAAM,MAAM,SAAS,GAAG,MAAM,CAC5B,KAAK,CAAC,cAAc,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,EAC3D;IACE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,uCAAuC;IACvC,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IACjE,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CACF,GACC,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;AAwDpD,eAAO,MAAM,QAAQ,mBAWE,CAAC;AAKxB,eAAe,QAAQ,CAAC"}

package/components/LinkList/index.js

@@ -1,2 +1,2 @@
-import i from"react";import f from"classnames";import{useHover as C}from"../../hooks/useHover.js";import t from"./styles.module.scss";import{AnalyticsId as b}from"../../constants.js";import{r as y}from"../../ListHeader.js";import R from"../Icons/ChevronRight.js";import"../../Avatar.js";import"../Icons/Icon.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";import"../Icons/Check.js";import"../Avatar/styles.module.scss";import"../../theme/palette.js";import"../../Badge.js";import"../Badge/styles.module.scss";import"../../ListHeaderText.js";import"../../StatusDot.js";import"../../theme/grid.js";import"../../hooks/useBreakpoint.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/spacers.js";import"../Icons/Attachment.js";import"../Icons/Group.js";import"../Icons/NoAccess.js";import"../Icons/Undo.js";import"../StatusDot/styles.module.scss";import"../ListHeader/styles.module.scss";import"../../utils/component.js";const k=i.forwardRef((u,s)=>{const{children:o,className:l="",color:a="neutral",icon:n,size:r="medium",chevron:_=!1,linkRef:m,testId:p,target:e,variant:c,htmlMarkup:d="a",...L}=u,{hoverRef:h,isHovered:v}=C(m),E=f(t["link-list__list-item"],{[t["link-list__list-item--line"]]:c==="line",[t["link-list__list-item--outline"]]:c==="outline"}),N=f(t["link-list__anchor"],t["link-list__anchor--"+a],{[t["link-list__anchor--fill"]]:c==="fill",[t["link-list__anchor--"+r]]:r,[t["link-list__anchor--button"]]:d==="button"},l);return i.createElement("li",{className:E,ref:s,"data-testid":p,"data-analyticsid":b.Link},d==="a"&&i.createElement("a",{className:N,ref:h,rel:e==="_blank"?"noopener noreferrer":void 0,target:e,...L},y(o,"span",R,v,r,n)),d==="button"&&i.createElement("button",{className:N,ref:h,type:"button",...L},y(o,"span",R,v,r,n)))}),w=i.forwardRef(function(s,o){const{children:l,className:a="",chevron:n=!1,size:r="medium",color:_,testId:m,variant:p="line"}=s;return i.createElement("ul",{ref:o,className:f(t["link-list"],a),"data-testid":m,"data-analyticsid":b.LinkList},i.Children.map(l,e=>{if(e.type===k)return i.cloneElement(e,{color:_,size:r,chevron:n,variant:p})}))});w.Link=k;k.displayName="LinkList.Link";export{w as LinkList,w as default};
+import i from"react";import k from"classnames";import{AnalyticsId as b}from"../../constants.js";import{useHover as w}from"../../hooks/useHover.js";import y from"../Icons/ChevronRight.js";import{r as R}from"../../ListHeader.js";import t from"./styles.module.scss";import"../Icons/Icon.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";import"../../ListHeaderText.js";import"../../StatusDot.js";import"../../theme/grid.js";import"../../hooks/useBreakpoint.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/palette.js";import"../../theme/spacers.js";import"../Icons/Attachment.js";import"../Icons/Group.js";import"../Icons/NoAccess.js";import"../Icons/Undo.js";import"../StatusDot/styles.module.scss";import"../ListHeader/styles.module.scss";import"../../utils/component.js";import"../../Avatar.js";import"../Icons/Check.js";import"../Avatar/styles.module.scss";import"../../Badge.js";import"../Badge/styles.module.scss";const u=i.forwardRef((L,l)=>{const{children:o,className:a="",color:m="neutral",icon:n,size:r="medium",chevron:s=!1,linkRef:p,testId:c,target:e,variant:d,htmlMarkup:f="a",..._}=L,{hoverRef:h,isHovered:v}=w(p),C=k(t["link-list__list-item"],{[t["link-list__list-item--line"]]:d==="line",[t["link-list__list-item--outline"]]:d==="outline"}),N=k(t["link-list__anchor"],t["link-list__anchor--"+m],{[t["link-list__anchor--fill"]]:d==="fill",[t["link-list__anchor--"+r]]:r,[t["link-list__anchor--button"]]:f==="button"},a);return i.createElement("li",{className:C,ref:l,"data-testid":c,"data-analyticsid":b.Link},f==="a"&&i.createElement("a",{className:N,ref:h,rel:e==="_blank"?"noopener noreferrer":void 0,target:e,..._},R(o,"span",v,r,s?y:void 0,n)),f==="button"&&i.createElement("button",{className:N,ref:h,type:"button",..._},R(o,"span",v,r,s?y:void 0,n)))}),E=i.forwardRef(function(l,o){const{children:a,className:m="",chevron:n=!1,size:r="medium",color:s,testId:p,variant:c="line"}=l;return i.createElement("ul",{ref:o,className:k(t["link-list"],m),"data-testid":p,"data-analyticsid":b.LinkList},i.Children.map(a,e=>{if(e.type===u)return i.cloneElement(e,{color:s,size:r,chevron:n,variant:c})}))});E.Link=u;u.displayName="LinkList.Link";const ot=E;export{E as LinkList,ot as default};
 //# sourceMappingURL=index.js.map

package/components/LinkList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/LinkList/LinkList.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { PaletteNames } from '../../theme/palette';\nimport { useHover } from '../../hooks/useHover';\n\nimport LinkListStyles from './styles.module.scss';\nimport { AnalyticsId } from '../../constants';\nimport { ListHeaderType, renderListHeader } from '../ListHeader/ListHeader';\nimport ChevronRight from '../Icons/ChevronRight';\n\nexport type LinkListSize = 'small' | 'medium' | 'large';\n\nexport type LinkAnchorTargets = '_self' | '_blank' | '_parent';\n\nexport type LinkListColors = PaletteNames;\nexport type LinkListVariant = 'line' | 'outline' | 'fill';\n\nexport interface LinkType extends React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLLIElement>> {\n  ListHeader?: ListHeaderType;\n}\n\nexport type LinkTags = 'button' | 'a';\nexport interface CompoundComponent extends React.ForwardRefExoticComponent<LinkListProps & React.RefAttributes<HTMLUListElement>> {\n  Link: LinkType;\n}\n\ninterface LinkListProps {\n  /** Items in the LinkList */\n  children: React.ReactNode;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Changes the link list background color on hover. */\n  color?: LinkListColors;\n  /** Toggles chevron icon on or off. */\n  chevron?: boolean;\n  /** @deprecated Skal fases ut - Brukes ikke lenger. */\n  bottomBorder?: boolean;\n  /** @deprecated Skal fases ut - Brukes ikke lenger. */\n  topBorder?: boolean;\n  /** Changes size of the LinkList. */\n  size?: LinkListSize;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Sets visual priority */\n  variant?: LinkListVariant;\n}\n\ntype Modify<T, R> = Omit<T, keyof R> & R;\n\nexport type LinkProps = Modify<\n  React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>,\n  {\n    children: React.ReactNode;\n    chevron?: boolean;\n    className?: string;\n    icon?: React.ReactElement;\n    href?: string;\n    target?: LinkAnchorTargets;\n    /** HTML markup for link. Default: a */\n    htmlMarkup?: LinkTags;\n    /**\n     * Ref for lenke/knapp\n     */\n    linkRef?: React.RefObject<HTMLButtonElement | HTMLAnchorElement>;\n    /** Sets the data-testid attribute. */\n    testId?: string;\n  }\n> &\n  Pick<LinkListProps, 'color' | 'size' | 'variant'>;\n\nconst Link: LinkType = React.forwardRef((props: LinkProps, ref: React.Ref<HTMLLIElement>) => {\n  const {\n    children,\n    className = '',\n    color = 'neutral',\n    icon,\n    size = 'medium',\n    chevron = false,\n    linkRef,\n    testId,\n    target,\n    variant,\n    htmlMarkup = 'a',\n    ...restProps\n  } = props;\n  const { hoverRef, isHovered } = useHover<HTMLButtonElement | HTMLAnchorElement>(linkRef);\n\n  const liClasses = cn(LinkListStyles['link-list__list-item'], {\n    [LinkListStyles['link-list__list-item--line']]: variant === 'line',\n    [LinkListStyles['link-list__list-item--outline']]: variant === 'outline',\n  });\n  const linkClasses = cn(\n    LinkListStyles['link-list__anchor'],\n    LinkListStyles['link-list__anchor--' + color],\n\n    {\n      [LinkListStyles['link-list__anchor--fill']]: variant === 'fill',\n      [LinkListStyles['link-list__anchor--' + size]]: size,\n      [LinkListStyles['link-list__anchor--button']]: htmlMarkup === 'button',\n    },\n    className\n  );\n\n  return (\n    <li className={liClasses} ref={ref} data-testid={testId} data-analyticsid={AnalyticsId.Link}>\n      {htmlMarkup === 'a' && (\n        <a\n          className={linkClasses}\n          ref={hoverRef as React.RefObject<HTMLAnchorElement>}\n          rel={target === '_blank' ? 'noopener noreferrer' : undefined}\n          target={target}\n          {...restProps}\n        >\n          {renderListHeader(children, 'span', ChevronRight, isHovered, size, icon)}\n        </a>\n      )}\n      {htmlMarkup === 'button' && (\n        <button className={linkClasses} ref={hoverRef as React.RefObject<HTMLButtonElement>} type=\"button\" {...restProps}>\n          {renderListHeader(children, 'span', ChevronRight, isHovered, size, icon)}\n        </button>\n      )}\n    </li>\n  );\n});\n\nexport const LinkList = React.forwardRef(function LinkListForwardedRef(props: LinkListProps, ref: React.Ref<HTMLUListElement>) {\n  const { children, className = '', chevron = false, size = 'medium', color, testId, variant = 'line' } = props;\n  return (\n    <ul ref={ref} className={cn(LinkListStyles['link-list'], className)} data-testid={testId} data-analyticsid={AnalyticsId.LinkList}>\n      {React.Children.map(children, (child: React.ReactNode | React.ReactElement<LinkProps>) => {\n        if ((child as React.ReactElement<LinkProps>).type === Link) {\n          return React.cloneElement(child as React.ReactElement<LinkProps>, { color, size, chevron, variant });\n        }\n      })}\n    </ul>\n  );\n}) as CompoundComponent;\n\nLinkList.Link = Link;\nLink.displayName = 'LinkList.Link';\n\nexport default LinkList;\n"],"names":["Link","React","props","ref","children","className","color","icon","size","chevron","linkRef","testId","target","variant","htmlMarkup","restProps","hoverRef","isHovered","useHover","liClasses","cn","LinkListStyles","linkClasses","AnalyticsId","renderListHeader","ChevronRight","LinkList","child"],"mappings":"s+BAuEA,MAAMA,EAAiBC,EAAM,WAAW,CAACC,EAAkBC,IAAkC,CACrF,KAAA,CACJ,SAAAC,EACA,UAAAC,EAAY,GACZ,MAAAC,EAAQ,UACR,KAAAC,EACA,KAAAC,EAAO,SACP,QAAAC,EAAU,GACV,QAAAC,EACA,OAAAC,EACA,OAAAC,EACA,QAAAC,EACA,WAAAC,EAAa,OACVC,CACD,EAAAb,EACE,CAAE,SAAAc,EAAU,UAAAC,CAAU,EAAIC,EAAgDR,CAAO,EAEjFS,EAAYC,EAAGC,EAAe,wBAAyB,CAC3D,CAACA,EAAe,+BAAgCR,IAAY,OAC5D,CAACQ,EAAe,kCAAmCR,IAAY,SAAA,CAChE,EACKS,EAAcF,EAClBC,EAAe,qBACfA,EAAe,sBAAwBf,GAEvC,CACE,CAACe,EAAe,4BAA6BR,IAAY,OACzD,CAACQ,EAAe,sBAAwBb,IAAQA,EAChD,CAACa,EAAe,8BAA+BP,IAAe,QAChE,EACAT,CAAA,EAGF,OACGJ,EAAA,cAAA,KAAA,CAAG,UAAWkB,EAAW,IAAAhB,EAAU,cAAaQ,EAAQ,mBAAkBY,EAAY,IACpF,EAAAT,IAAe,KACbb,EAAA,cAAA,IAAA,CACC,UAAWqB,EACX,IAAKN,EACL,IAAKJ,IAAW,SAAW,sBAAwB,OACnD,OAAAA,EACC,GAAGG,CAEH,EAAAS,EAAiBpB,EAAU,OAAQqB,EAAcR,EAAWT,EAAMD,CAAI,CACzE,EAEDO,IAAe,UACbb,EAAA,cAAA,SAAA,CAAO,UAAWqB,EAAa,IAAKN,EAAgD,KAAK,SAAU,GAAGD,CAAA,EACpGS,EAAiBpB,EAAU,OAAQqB,EAAcR,EAAWT,EAAMD,CAAI,CACzE,CAEJ,CAEJ,CAAC,EAEYmB,EAAWzB,EAAM,WAAW,SAA8BC,EAAsBC,EAAkC,CAC7H,KAAM,CAAE,SAAAC,EAAU,UAAAC,EAAY,GAAI,QAAAI,EAAU,GAAO,KAAAD,EAAO,SAAU,MAAAF,EAAO,OAAAK,EAAQ,QAAAE,EAAU,MAAA,EAAWX,EACxG,OACGD,EAAA,cAAA,KAAA,CAAG,IAAAE,EAAU,UAAWiB,EAAGC,EAAe,aAAchB,CAAS,EAAG,cAAaM,EAAQ,mBAAkBY,EAAY,QAAA,EACrHtB,EAAM,SAAS,IAAIG,EAAWuB,GAA2D,CACnF,GAAAA,EAAwC,OAAS3B,EAC7C,OAAAC,EAAM,aAAa0B,EAAwC,CAAE,MAAArB,EAAO,KAAAE,EAAM,QAAAC,EAAS,QAAAI,EAAS,CAEtG,CAAA,CACH,CAEJ,CAAC,EAEDa,EAAS,KAAO1B,EAChBA,EAAK,YAAc"}
+{"version":3,"file":"index.js","sources":["../../../src/components/LinkList/LinkList.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { useHover } from '../../hooks/useHover';\nimport { PaletteNames } from '../../theme/palette';\nimport ChevronRight from '../Icons/ChevronRight';\nimport { ListHeaderType, renderListHeader } from '../ListHeader/ListHeader';\n\nimport LinkListStyles from './styles.module.scss';\n\nexport type LinkListSize = 'small' | 'medium' | 'large';\n\nexport type LinkAnchorTargets = '_self' | '_blank' | '_parent';\n\nexport type LinkListColors = PaletteNames;\nexport type LinkListVariant = 'line' | 'outline' | 'fill';\n\nexport interface LinkType extends React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLLIElement>> {\n  ListHeader?: ListHeaderType;\n}\n\nexport type LinkTags = 'button' | 'a';\nexport interface CompoundComponent extends React.ForwardRefExoticComponent<LinkListProps & React.RefAttributes<HTMLUListElement>> {\n  Link: LinkType;\n}\n\nexport interface LinkListProps {\n  /** Items in the LinkList */\n  children: React.ReactNode;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Changes the link list background color on hover. */\n  color?: LinkListColors;\n  /** Toggles chevron icon on or off. */\n  chevron?: boolean;\n  /** @deprecated Skal fases ut - Brukes ikke lenger. */\n  bottomBorder?: boolean;\n  /** @deprecated Skal fases ut - Brukes ikke lenger. */\n  topBorder?: boolean;\n  /** Changes size of the LinkList. */\n  size?: LinkListSize;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Sets visual priority */\n  variant?: LinkListVariant;\n}\n\ntype Modify<T, R> = Omit<T, keyof R> & R;\n\nexport type LinkProps = Modify<\n  React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>,\n  {\n    children: React.ReactNode;\n    chevron?: boolean;\n    className?: string;\n    icon?: React.ReactElement;\n    href?: string;\n    target?: LinkAnchorTargets;\n    /** HTML markup for link. Default: a */\n    htmlMarkup?: LinkTags;\n    /**\n     * Ref for lenke/knapp\n     */\n    linkRef?: React.RefObject<HTMLButtonElement | HTMLAnchorElement>;\n    /** Sets the data-testid attribute. */\n    testId?: string;\n  }\n> &\n  Pick<LinkListProps, 'color' | 'size' | 'variant'>;\n\nconst Link: LinkType = React.forwardRef((props: LinkProps, ref: React.Ref<HTMLLIElement>) => {\n  const {\n    children,\n    className = '',\n    color = 'neutral',\n    icon,\n    size = 'medium',\n    chevron = false,\n    linkRef,\n    testId,\n    target,\n    variant,\n    htmlMarkup = 'a',\n    ...restProps\n  } = props;\n  const { hoverRef, isHovered } = useHover<HTMLButtonElement | HTMLAnchorElement>(linkRef);\n\n  const liClasses = cn(LinkListStyles['link-list__list-item'], {\n    [LinkListStyles['link-list__list-item--line']]: variant === 'line',\n    [LinkListStyles['link-list__list-item--outline']]: variant === 'outline',\n  });\n  const linkClasses = cn(\n    LinkListStyles['link-list__anchor'],\n    LinkListStyles['link-list__anchor--' + color],\n\n    {\n      [LinkListStyles['link-list__anchor--fill']]: variant === 'fill',\n      [LinkListStyles['link-list__anchor--' + size]]: size,\n      [LinkListStyles['link-list__anchor--button']]: htmlMarkup === 'button',\n    },\n    className\n  );\n  return (\n    <li className={liClasses} ref={ref} data-testid={testId} data-analyticsid={AnalyticsId.Link}>\n      {htmlMarkup === 'a' && (\n        <a\n          className={linkClasses}\n          ref={hoverRef as React.RefObject<HTMLAnchorElement>}\n          rel={target === '_blank' ? 'noopener noreferrer' : undefined}\n          target={target}\n          {...restProps}\n        >\n          {renderListHeader(children, 'span', isHovered, size, chevron ? ChevronRight : undefined, icon)}\n        </a>\n      )}\n      {htmlMarkup === 'button' && (\n        <button className={linkClasses} ref={hoverRef as React.RefObject<HTMLButtonElement>} type=\"button\" {...restProps}>\n          {renderListHeader(children, 'span', isHovered, size, chevron ? ChevronRight : undefined, icon)}\n        </button>\n      )}\n    </li>\n  );\n});\n\nexport const LinkList = React.forwardRef(function LinkListForwardedRef(props: LinkListProps, ref: React.Ref<HTMLUListElement>) {\n  const { children, className = '', chevron = false, size = 'medium', color, testId, variant = 'line' } = props;\n  return (\n    <ul ref={ref} className={cn(LinkListStyles['link-list'], className)} data-testid={testId} data-analyticsid={AnalyticsId.LinkList}>\n      {React.Children.map(children, (child: React.ReactNode | React.ReactElement<LinkProps>) => {\n        if ((child as React.ReactElement<LinkProps>).type === Link) {\n          return React.cloneElement(child as React.ReactElement<LinkProps>, { color, size, chevron, variant });\n        }\n      })}\n    </ul>\n  );\n}) as CompoundComponent;\n\nLinkList.Link = Link;\nLink.displayName = 'LinkList.Link';\n\nexport default LinkList;\n"],"names":["Link","React","props","ref","children","className","color","icon","size","chevron","linkRef","testId","target","variant","htmlMarkup","restProps","hoverRef","isHovered","useHover","liClasses","cn","LinkListStyles","linkClasses","AnalyticsId","renderListHeader","ChevronRight","LinkList","child","LinkList$1"],"mappings":"s+BAwEA,MAAMA,EAAiBC,EAAM,WAAW,CAACC,EAAkBC,IAAkC,CACrF,KAAA,CACJ,SAAAC,EACA,UAAAC,EAAY,GACZ,MAAAC,EAAQ,UACR,KAAAC,EACA,KAAAC,EAAO,SACP,QAAAC,EAAU,GACV,QAAAC,EACA,OAAAC,EACA,OAAAC,EACA,QAAAC,EACA,WAAAC,EAAa,IACb,GAAGC,CACD,EAAAb,EACE,CAAE,SAAAc,EAAU,UAAAC,CAAU,EAAIC,EAAgDR,CAAO,EAEjFS,EAAYC,EAAGC,EAAe,sBAAsB,EAAG,CAC3D,CAACA,EAAe,4BAA4B,CAAC,EAAGR,IAAY,OAC5D,CAACQ,EAAe,+BAA+B,CAAC,EAAGR,IAAY,SAAA,CAChE,EACKS,EAAcF,EAClBC,EAAe,mBAAmB,EAClCA,EAAe,sBAAwBf,CAAK,EAE5C,CACE,CAACe,EAAe,yBAAyB,CAAC,EAAGR,IAAY,OACzD,CAACQ,EAAe,sBAAwBb,CAAI,CAAC,EAAGA,EAChD,CAACa,EAAe,2BAA2B,CAAC,EAAGP,IAAe,QAChE,EACAT,CAAA,EAGA,OAAAJ,EAAA,cAAC,KAAG,CAAA,UAAWkB,EAAW,IAAAhB,EAAU,cAAaQ,EAAQ,mBAAkBY,EAAY,IACpF,EAAAT,IAAe,KACdb,EAAA,cAAC,IAAA,CACC,UAAWqB,EACX,IAAKN,EACL,IAAKJ,IAAW,SAAW,sBAAwB,OACnD,OAAAA,EACC,GAAGG,CAAA,EAEHS,EAAiBpB,EAAU,OAAQa,EAAWT,EAAMC,EAAUgB,EAAe,OAAWlB,CAAI,CAC/F,EAEDO,IAAe,UACdb,EAAA,cAAC,UAAO,UAAWqB,EAAa,IAAKN,EAAgD,KAAK,SAAU,GAAGD,CACpG,EAAAS,EAAiBpB,EAAU,OAAQa,EAAWT,EAAMC,EAAUgB,EAAe,OAAWlB,CAAI,CAC/F,CAEJ,CAEJ,CAAC,EAEYmB,EAAWzB,EAAM,WAAW,SAA8BC,EAAsBC,EAAkC,CAC7H,KAAM,CAAE,SAAAC,EAAU,UAAAC,EAAY,GAAI,QAAAI,EAAU,GAAO,KAAAD,EAAO,SAAU,MAAAF,EAAO,OAAAK,EAAQ,QAAAE,EAAU,MAAA,EAAWX,EAEtG,OAAAD,EAAA,cAAC,MAAG,IAAAE,EAAU,UAAWiB,EAAGC,EAAe,WAAW,EAAGhB,CAAS,EAAG,cAAaM,EAAQ,mBAAkBY,EAAY,QACrH,EAAAtB,EAAM,SAAS,IAAIG,EAAWuB,GAA2D,CACnF,GAAAA,EAAwC,OAAS3B,EAC7C,OAAAC,EAAM,aAAa0B,EAAwC,CAAE,MAAArB,EAAO,KAAAE,EAAM,QAAAC,EAAS,QAAAI,EAAS,CAEtG,CAAA,CACH,CAEJ,CAAC,EAEDa,EAAS,KAAO1B,EAChBA,EAAK,YAAc,gBAEnB,MAAA4B,GAAeF"}

package/components/LinkList/styles.module.scss

@@ -1,7 +1,8 @@
-@import '../../scss/_spacers.scss';
-@import '../../scss/_breakpoints.scss';
-@import '../../scss/_font-settings.scss';
-@import '../../scss/_palette.scss';
+@use 'sass:map';
+@import '../../scss/spacers';
+@import '../../scss/breakpoints';
+@import '../../scss/font-settings';
+@import '../../scss/palette';
 
 .link-list {
   list-style: none;
@@ -12,10 +13,12 @@
   &__list-item {
     &--line {
       border-bottom: 1px solid $neutral500;
+
       &:first-of-type {
         border-top: 1px solid $neutral500;
       }
     }
+
     &--outline {
       border-top: getSpacer(2xs) $neutral100 solid;
       border-left: getSpacer(2xs) $neutral100 solid;
@@ -41,9 +44,11 @@
       text-align: left;
       box-sizing: border-box;
     }
+
     &:hover {
       color: $blueberry700;
     }
+
     &--fill {
       margin: getSpacer(s) 0;
       background-color: $neutral50;
@@ -53,23 +58,28 @@
       font-size: $font-size-xs;
       line-height: $lineheight-size-xs;
     }
+
     &--medium {
       font-size: $font-size-sm;
       line-height: $lineheight-size-sm;
     }
+
     &--large {
       font-size: $font-size-md;
       line-height: $lineheight-size-md;
     }
-    @media (min-width: map-get($grid-breakpoints, md)) {
+
+    @media (min-width: map.get($grid-breakpoints, md)) {
       &--small {
         font-size: $font-size-sm;
         line-height: $lineheight-size-sm;
       }
+
       &--medium {
         font-size: $font-size-md;
         line-height: $lineheight-size-md;
       }
+
       &--large {
         font-size: $font-size-lg;
         line-height: $lineheight-size-lg;
@@ -81,43 +91,51 @@
         background-color: $banana100;
       }
     }
+
     &--blueberry {
       &:hover {
         background-color: $blueberry100;
       }
     }
+
     &--cherry {
       &:hover {
         background-color: $cherry100;
       }
     }
+
     &--kiwi {
       &:hover {
         background-color: $kiwi100;
       }
     }
+
     &--neutral,
     &--black {
       &:hover {
         background-color: $neutral100;
       }
     }
+
     &--plum {
       &:hover {
         background-color: $plum100;
       }
     }
+
     &--black {
       &:hover {
         background-color: $black;
         color: $white;
       }
     }
+
     &--white {
       &:hover {
         background-color: $neutral50;
       }
     }
+
     &:focus,
     &:focus-visible {
       outline: getSpacer(4xs) solid $black;

package/components/List/List.d.ts

@@ -1,10 +1,24 @@
 import React from 'react';
-interface ListProps {
-    children: React.ReactNode[];
+export type ListVariant = 'bullet' | 'dashed' | 'numbered' | 'alphabetical';
+export interface ItemProps {
+    children: React.ReactNode;
+}
+type ItemType = React.FC<ItemProps>;
+export interface ListProps {
+    /** List contents */
+    children: React.ReactNode;
+    /** Changes the visual representation of the list. */
+    variant?: ListVariant;
+    /** Adds margin above/below list */
+    margin?: boolean;
+    /** Adds className to list element */
     className?: string;
     /** Sets the data-testid attribute. */
     testId?: string;
 }
-declare function List(props: ListProps): JSX.Element;
+export interface ListCompound extends React.FC<ListProps> {
+    Item: ItemType;
+}
+declare const List: ListCompound;
 export default List;
 //# sourceMappingURL=List.d.ts.map

package/components/List/List.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,SAAS;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,eAa7B;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,cAAc,CAAC;AAE5E,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,KAAK,QAAQ,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;AAIpC,MAAM,WAAW,SAAS;IACxB,oBAAoB;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qDAAqD;IACrD,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,mCAAmC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC;IACvD,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,QAAA,MAAM,IAAI,EAAE,YAUX,CAAC;AAIF,eAAe,IAAI,CAAC"}

package/components/List/componentdata.json

@@ -1 +1 @@
-{"props":{"className":{"defaultValue":null,"description":"","name":"className","parent":{"fileName":"src/components/List/List.tsx","name":"ListProps"},"declarations":[{"fileName":"src/components/List/List.tsx","name":"ListProps"}],"required":false,"type":{"name":"string"}},"testId":{"defaultValue":null,"description":"Sets the data-testid attribute.","name":"testId","parent":{"fileName":"src/components/List/List.tsx","name":"ListProps"},"declarations":[{"fileName":"src/components/List/List.tsx","name":"ListProps"}],"required":false,"type":{"name":"string"}}}}
+{"props":{}}

package/components/List/index.js

@@ -1,2 +1,2 @@
-import t from"react";import c from"classnames";import e from"./styles.module.scss";import{AnalyticsId as o}from"../../constants.js";function u(a){const{children:s,className:i,testId:l}=a;return t.createElement("ul",{className:c(e.list,i),"data-testid":l,"data-analyticsid":o.List},s.map((m,r)=>t.createElement("li",{className:e.list__item,key:r},m)))}export{u as default};
+import l from"react";import n from"classnames";import{AnalyticsId as d}from"../../constants.js";import t from"./styles.module.scss";const u=({children:s})=>l.createElement("li",{className:t.list__item},s),a=({children:s,className:i,testId:m,variant:e="bullet",margin:o})=>{const c=["numbered","alphabetical"].includes(e)?"ol":"ul",r=n(t.list,t[`list--${e}`],o&&t["list--margin"],i);return l.createElement(c,{className:r,"data-testid":m,"data-analyticsid":d.List},s)};a.Item=u;const I=a;export{I as default};
 //# sourceMappingURL=index.js.map

package/components/List/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/List/List.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport listStyles from './styles.module.scss';\nimport { AnalyticsId } from '../../constants';\n\ninterface ListProps {\n  children: React.ReactNode[];\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nfunction List(props: ListProps) {\n  const { children, className, testId } = props;\n  return (\n    <ul className={classNames(listStyles.list, className)} data-testid={testId} data-analyticsid={AnalyticsId.List}>\n      {children.map((child: React.ReactNode, index: number) => {\n        return (\n          <li className={listStyles.list__item} key={index}>\n            {child}\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n\nexport default List;\n"],"names":["List","props","children","className","testId","React","classNames","listStyles","AnalyticsId","child","index"],"mappings":"oIAcA,SAASA,EAAKC,EAAkB,CAC9B,KAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,OAAAC,CAAA,EAAWH,EACxC,OACGI,EAAA,cAAA,KAAA,CAAG,UAAWC,EAAWC,EAAW,KAAMJ,CAAS,EAAG,cAAaC,EAAQ,mBAAkBI,EAAY,IAAA,EACvGN,EAAS,IAAI,CAACO,EAAwBC,IAElCL,EAAA,cAAA,KAAA,CAAG,UAAWE,EAAW,WAAY,IAAKG,CAAA,EACxCD,CACH,CAEH,CACH,CAEJ"}
+{"version":3,"file":"index.js","sources":["../../../src/components/List/List.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\n\nimport styles from './styles.module.scss';\n\nexport type ListVariant = 'bullet' | 'dashed' | 'numbered' | 'alphabetical';\n\nexport interface ItemProps {\n  children: React.ReactNode;\n}\n\ntype ItemType = React.FC<ItemProps>;\n\nconst Item: ItemType = ({ children }: ItemProps) => <li className={styles.list__item}>{children}</li>;\n\nexport interface ListProps {\n  /** List contents */\n  children: React.ReactNode;\n  /** Changes the visual representation of the list. */\n  variant?: ListVariant;\n  /** Adds margin above/below list */\n  margin?: boolean;\n  /** Adds className to list element */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport interface ListCompound extends React.FC<ListProps> {\n  Item: ItemType;\n}\n\nconst List: ListCompound = ({ children, className, testId, variant = 'bullet', margin }: ListProps) => {\n  const CustomTag = ['numbered', 'alphabetical'].includes(variant) ? 'ol' : 'ul';\n\n  const listClasses = classNames(styles.list, styles[`list--${variant}`], margin && styles['list--margin'], className);\n\n  return (\n    <CustomTag className={listClasses} data-testid={testId} data-analyticsid={AnalyticsId.List}>\n      {children}\n    </CustomTag>\n  );\n};\n\nList.Item = Item;\n\nexport default List;\n"],"names":["Item","children","styles","List","className","testId","variant","margin","CustomTag","listClasses","classNames","React","AnalyticsId","List$1"],"mappings":"oIAgBA,MAAMA,EAAiB,CAAC,CAAE,SAAAC,CAAS,oBAAkB,KAAG,CAAA,UAAWC,EAAO,UAAA,EAAaD,CAAS,EAmB1FE,EAAqB,CAAC,CAAE,SAAAF,EAAU,UAAAG,EAAW,OAAAC,EAAQ,QAAAC,EAAU,SAAU,OAAAC,KAAwB,CAC/F,MAAAC,EAAY,CAAC,WAAY,cAAc,EAAE,SAASF,CAAO,EAAI,KAAO,KAEpEG,EAAcC,EAAWR,EAAO,KAAMA,EAAO,SAASI,GAAS,EAAGC,GAAUL,EAAO,cAAc,EAAGE,CAAS,EAGjH,OAAAO,EAAA,cAACH,GAAU,UAAWC,EAAa,cAAaJ,EAAQ,mBAAkBO,EAAY,IAAA,EACnFX,CACH,CAEJ,EAEAE,EAAK,KAAOH,EAEZ,MAAAa,EAAeV"}

package/components/List/styles.module.scss

@@ -1,11 +1,61 @@
-@import '../../scss/_palette.scss';
+@import '../../scss/spacers';
 
 .list {
-  width: 100%;
-  list-style: none;
-  padding: 0 1rem 0 0.5rem;
+  $list: &;
+
+  margin-top: 0;
+  margin-bottom: 0;
+
+  &--margin {
+    margin-top: getSpacer(s);
+    margin-bottom: getSpacer(s);
+  }
+
+  &--bullet {
+    list-style-type: disc;
+
+    > #{$list}__item {
+      > #{$list}--bullet {
+        list-style-type: circle;
+
+        > #{$list}__item {
+          > #{$list}--bullet {
+            list-style-type: '⬥ ';
+
+            > #{$list}__item {
+              &::marker {
+                font-size: 1rem;
+              }
+
+              > #{$list}--bullet {
+                list-style-type: '– ';
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  &--dashed {
+    list-style-type: '– ';
+  }
+
+  &--numbered {
+    list-style-type: decimal;
+  }
+
+  &--alphabetical {
+    list-style-type: lower-alpha;
+  }
 
   &__item {
-    border-bottom: 1px solid $neutral600;
+    > #{$list} {
+      margin-top: getSpacer(2xs);
+    }
+  }
+
+  &__item:not(:last-child) {
+    margin-bottom: getSpacer(2xs);
   }
 }

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

@@ -1,6 +1,11 @@
 export type Styles = {
   list: string;
   list__item: string;
+  'list--alphabetical': string;
+  'list--bullet': string;
+  'list--dashed': string;
+  'list--margin': string;
+  'list--numbered': string;
 };
 
 export type ClassNames = keyof Styles;

package/components/ListHeader/ListHeader.d.ts

@@ -1,16 +1,16 @@
 import React from 'react';
+import { ListHeaderTextProps, ListHeaderTextType } from './ListHeaderText/ListHeaderText';
 import { AvatarProps, AvatarType } from '../Avatar';
 import { BadgeProps, BadgeType } from '../Badge';
-import { ListHeaderTextProps, ListHeaderTextType } from './ListHeaderText/ListHeaderText';
 import { SvgIcon } from '../Icons';
 import { TitleTags } from '../Title';
-export declare type ListHeaderSize = 'small' | 'medium' | 'large';
+export type ListHeaderSize = 'small' | 'medium' | 'large';
 export interface ListHeaderType extends React.ForwardRefExoticComponent<ListHeaderProps & React.RefAttributes<HTMLLIElement>> {
     Avatar?: AvatarType;
     Badge?: BadgeType;
     ListHeaderText?: ListHeaderTextType;
 }
-export declare const renderListHeader: (element: React.ReactNode, titleHtmlMarkup: TitleTags, chevronIcon: SvgIcon, isHovered: boolean, size: ListHeaderSize, icon?: React.ReactElement) => JSX.Element | undefined;
+export declare const renderListHeader: (element: React.ReactNode, titleHtmlMarkup: TitleTags, isHovered: boolean, size: ListHeaderSize, chevronIcon?: SvgIcon, icon?: React.ReactElement) => JSX.Element | undefined;
 export interface ListHeaderProps {
     /** Adds custom classes to the ListHeader element. */
     className?: string;
@@ -29,13 +29,15 @@ export interface ListHeaderProps {
     /** Sets the data-testid attribute. */
     testId?: string;
 }
-export declare const mapChildren: (children: React.ReactNode, isJsxChild?: boolean) => {
-    avatarChild?: React.ReactElement<AvatarProps, string | React.JSXElementConstructor<any>> | undefined;
-    listHeaderTextChildren: Array<React.ReactElement<ListHeaderTextProps>>;
-    badgeChild?: React.ReactElement<BadgeProps, string | React.JSXElementConstructor<any>> | undefined;
-    stringChildren: Array<string>;
-    remainingChildren: Array<any>;
-};
+interface ListHeaderChildren {
+    avatarChild?: React.ReactElement<AvatarProps>;
+    listHeaderTextChildren: React.ReactElement<ListHeaderTextProps>[];
+    badgeChild?: React.ReactElement<BadgeProps>;
+    stringChildren: string[];
+    remainingChildren: React.ReactNode[];
+}
+type ChildrenMapper = (children: React.ReactNode, isJsxChild?: boolean) => ListHeaderChildren | undefined;
+export declare const mapChildren: ChildrenMapper;
 export declare const ListHeader: ListHeaderType;
 export default ListHeader;
 //# sourceMappingURL=ListHeader.d.ts.map

package/components/ListHeader/ListHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ListHeader/ListHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAe,EAAE,WAAW,EAAc,UAAU,EAAE,MAAM,WAAW,CAAC;AACxE,OAAc,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACxD,OAAuB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAI1G,OAAa,EAAY,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,oBAAY,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE1D,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,yBAAyB,CAAC,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3H,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACrC;AAED,eAAO,MAAM,gBAAgB,YAClB,MAAM,SAAS,mBACP,SAAS,eACb,OAAO,aACT,OAAO,QACZ,cAAc,SACb,MAAM,YAAY,KACxB,WAAW,GAAG,SAgBhB,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mDAAmD;IACnD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8DAA8D;IAC9D,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,+CAA+C;IAC/C,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,aACZ,MAAM,SAAS;;4BAID,MAAM,MAAM,YAAY,CAAC,mBAAmB,CAAC,CAAC;;oBAEtD,MAAM,MAAM,CAAC;uBACV,MAAM,GAAG,CAAC;CAgC9B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,cAyEvB,CAAC;AAEH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ListHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ListHeader/ListHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAuB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAG1G,OAAe,EAAE,WAAW,EAAc,UAAU,EAAE,MAAM,WAAW,CAAC;AACxE,OAAc,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACxD,OAAa,EAAY,OAAO,EAAE,MAAM,UAAU,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAIrC,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE1D,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,yBAAyB,CAAC,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3H,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACrC;AAED,eAAO,MAAM,gBAAgB,YAClB,MAAM,SAAS,mBACP,SAAS,aACf,OAAO,QACZ,cAAc,gBACN,OAAO,SACd,MAAM,YAAY,KACxB,WAAW,GAAG,SAgBhB,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mDAAmD;IACnD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8DAA8D;IAC9D,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,+CAA+C;IAC/C,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,kBAAkB;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;IAC9C,sBAAsB,EAAE,KAAK,CAAC,YAAY,CAAC,mBAAmB,CAAC,EAAE,CAAC;IAClE,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IAC5C,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,iBAAiB,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;CACtC;AAED,KAAK,cAAc,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,OAAO,KAAK,kBAAkB,GAAG,SAAS,CAAC;AAE1G,eAAO,MAAM,WAAW,EAAE,cAqCzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,cAyEvB,CAAC;AAIH,eAAe,UAAU,CAAC"}

package/components/ListHeader/ListHeaderText/ListHeaderText.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { StatusDotVariant } from '../../StatusDot';
 import { TitleTags } from '../../Title';
-export declare type ListHeaderTextType = React.ForwardRefExoticComponent<ListHeaderTextProps & React.RefAttributes<HTMLLIElement>>;
+export type ListHeaderTextType = React.ForwardRefExoticComponent<ListHeaderTextProps & React.RefAttributes<HTMLLIElement>>;
 export interface ListHeaderTextProps {
     /** The first text in the ListHeaderText Component */
     firstText: string;

package/components/ListHeader/ListHeaderText/ListHeaderText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListHeaderText.d.ts","sourceRoot":"","sources":["../../../../src/components/ListHeader/ListHeaderText/ListHeaderText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAkB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAG9D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,oBAAY,kBAAkB,GAAG,KAAK,CAAC,yBAAyB,CAAC,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;AAE3H,MAAM,WAAW,mBAAmB;IAClC,qDAAqD;IACrD,SAAS,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gEAAgE;IAChE,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc,EAAE,kBAqC3B,CAAC;AAEH,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ListHeaderText.d.ts","sourceRoot":"","sources":["../../../../src/components/ListHeader/ListHeaderText/ListHeaderText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAkB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,yBAAyB,CAAC,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;AAE3H,MAAM,WAAW,mBAAmB;IAClC,qDAAqD;IACrD,SAAS,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gEAAgE;IAChE,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc,EAAE,kBAqC3B,CAAC;AAEH,eAAe,cAAc,CAAC"}

package/components/ListHeader/ListHeaderText/index.js

@@ -1,2 +1,2 @@
-import"../../../ListHeaderText.js";import{L as q,L as v}from"../../../ListHeaderText.js";import"react";import"classnames";import"../../../StatusDot.js";import"../../../theme/grid.js";import"../../../hooks/useBreakpoint.js";import"../../../constants.js";import"../../../theme/currys/color.js";import"../../../theme/index.js";import"../../../theme/palette.js";import"../../../theme/spacers.js";import"../../Icons/Attachment.js";import"../../Icons/Icon.js";import"../../../hooks/useUuid.js";import"../../../uuid.js";import"../../../utils/environment.js";import"../../Icons/Group.js";import"../../Icons/NoAccess.js";import"../../Icons/Undo.js";import"../../StatusDot/styles.module.scss";import"../styles.module.scss";export{q as ListHeaderText,v as default};
+import{L as r}from"../../../ListHeaderText.js";import{a as q}from"../../../ListHeaderText.js";import"react";import"classnames";import"../../../StatusDot.js";import"../../../theme/grid.js";import"../../../hooks/useBreakpoint.js";import"../../../constants.js";import"../../../theme/currys/color.js";import"../../../theme/index.js";import"../../../theme/palette.js";import"../../../theme/spacers.js";import"../../Icons/Attachment.js";import"../../Icons/Icon.js";import"../../../hooks/useUuid.js";import"../../../uuid.js";import"../../../utils/environment.js";import"../../Icons/Group.js";import"../../Icons/NoAccess.js";import"../../Icons/Undo.js";import"../../StatusDot/styles.module.scss";import"../styles.module.scss";export{q as ListHeaderText,r as default};
 //# sourceMappingURL=index.js.map

package/components/ListHeader/index.js

@@ -1,2 +1,2 @@
-import"../../ListHeader.js";import{L as A,L as B,m as D,r as E}from"../../ListHeader.js";import{L as G}from"../../ListHeaderText.js";import"react";import"classnames";import"../../Avatar.js";import"../Icons/Icon.js";import"../../constants.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";import"../Icons/Check.js";import"../Avatar/styles.module.scss";import"../../theme/palette.js";import"../../Badge.js";import"../Badge/styles.module.scss";import"./styles.module.scss";import"../../hooks/useBreakpoint.js";import"../../theme/grid.js";import"../../utils/component.js";import"../../StatusDot.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/spacers.js";import"../Icons/Attachment.js";import"../Icons/Group.js";import"../Icons/NoAccess.js";import"../Icons/Undo.js";import"../StatusDot/styles.module.scss";export{A as ListHeader,G as ListHeaderText,B as default,D as mapChildren,E as renderListHeader};
+import{L as t}from"../../ListHeader.js";import{m as A,r as B}from"../../ListHeader.js";import{a as E}from"../../ListHeaderText.js";import"react";import"classnames";import"../../hooks/useBreakpoint.js";import"../../theme/grid.js";import"../../utils/component.js";import"../../Avatar.js";import"../../constants.js";import"../../theme/palette.js";import"../Icons/Icon.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";import"../Icons/Check.js";import"../Avatar/styles.module.scss";import"../../Badge.js";import"../Badge/styles.module.scss";import"./styles.module.scss";import"../../StatusDot.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/spacers.js";import"../Icons/Attachment.js";import"../Icons/Group.js";import"../Icons/NoAccess.js";import"../Icons/Undo.js";import"../StatusDot/styles.module.scss";export{t as ListHeader,E as ListHeaderText,t as default,A as mapChildren,B as renderListHeader};
 //# sourceMappingURL=index.js.map