@helsenorge/designsystem-react 1.0.0-beta103 → 1.0.0-beta107

package/components/Icons/VideoChat.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { SvgPathProps } from './Icon';
-declare const VideoChat: React.FC<SvgPathProps>;
-export default VideoChat;
+import React from 'react';
+import { SvgPathProps } from './Icon';
+declare const VideoChat: React.FC<SvgPathProps>;
+export default VideoChat;
 //# sourceMappingURL=VideoChat.d.ts.map

package/components/Icons/Wallet.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { SvgPathProps } from './Icon';
-declare const Wallet: React.FC<SvgPathProps>;
-export default Wallet;
+import React from 'react';
+import { SvgPathProps } from './Icon';
+declare const Wallet: React.FC<SvgPathProps>;
+export default Wallet;
 //# sourceMappingURL=Wallet.d.ts.map

package/components/Icons/Watch.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { SvgPathProps } from './Icon';
-declare const Watch: React.FC<SvgPathProps>;
-export default Watch;
+import React from 'react';
+import { SvgPathProps } from './Icon';
+declare const Watch: React.FC<SvgPathProps>;
+export default Watch;
 //# sourceMappingURL=Watch.d.ts.map

package/components/Icons/Website.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { SvgPathProps } from './Icon';
-declare const Website: React.FC<SvgPathProps>;
-export default Website;
+import React from 'react';
+import { SvgPathProps } from './Icon';
+declare const Website: React.FC<SvgPathProps>;
+export default Website;
 //# sourceMappingURL=Website.d.ts.map

package/components/Icons/Wheelchair.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { SvgPathProps } from './Icon';
-declare const Wheelchair: React.FC<SvgPathProps>;
-export default Wheelchair;
+import React from 'react';
+import { SvgPathProps } from './Icon';
+declare const Wheelchair: React.FC<SvgPathProps>;
+export default Wheelchair;
 //# sourceMappingURL=Wheelchair.d.ts.map

package/components/Icons/WheelchairActive.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { SvgPathProps } from './Icon';
-declare const WheelchairActive: React.FC<SvgPathProps>;
-export default WheelchairActive;
+import React from 'react';
+import { SvgPathProps } from './Icon';
+declare const WheelchairActive: React.FC<SvgPathProps>;
+export default WheelchairActive;
 //# sourceMappingURL=WheelchairActive.d.ts.map

package/components/Icons/Window.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { SvgPathProps } from './Icon';
-declare const Window: React.FC<SvgPathProps>;
-export default Window;
+import React from 'react';
+import { SvgPathProps } from './Icon';
+declare const Window: React.FC<SvgPathProps>;
+export default Window;
 //# sourceMappingURL=Window.d.ts.map

package/components/Icons/WordDocument.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { SvgPathProps } from './Icon';
-declare const WordDocument: React.FC<SvgPathProps>;
-export default WordDocument;
+import React from 'react';
+import { SvgPathProps } from './Icon';
+declare const WordDocument: React.FC<SvgPathProps>;
+export default WordDocument;
 //# sourceMappingURL=WordDocument.d.ts.map

package/components/Icons/WorkSuitcase.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { SvgPathProps } from './Icon';
-declare const WorkSuitcase: React.FC<SvgPathProps>;
-export default WorkSuitcase;
+import React from 'react';
+import { SvgPathProps } from './Icon';
+declare const WorkSuitcase: React.FC<SvgPathProps>;
+export default WorkSuitcase;
 //# sourceMappingURL=WorkSuitcase.d.ts.map

package/components/Icons/X.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { SvgPathProps } from './Icon';
-declare const X: React.FC<SvgPathProps>;
-export default X;
+import React from 'react';
+import { SvgPathProps } from './Icon';
+declare const X: React.FC<SvgPathProps>;
+export default X;
 //# sourceMappingURL=X.d.ts.map

package/components/Icons/XOutline.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { SvgPathProps } from './Icon';
-declare const XOutline: React.FC<SvgPathProps>;
-export default XOutline;
+import React from 'react';
+import { SvgPathProps } from './Icon';
+declare const XOutline: React.FC<SvgPathProps>;
+export default XOutline;
 //# sourceMappingURL=XOutline.d.ts.map

package/components/Icons/XmlFile.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { SvgPathProps } from './Icon';
-declare const XmlFile: React.FC<SvgPathProps>;
-export default XmlFile;
+import React from 'react';
+import { SvgPathProps } from './Icon';
+declare const XmlFile: React.FC<SvgPathProps>;
+export default XmlFile;
 //# sourceMappingURL=XmlFile.d.ts.map

package/components/Icons/YouTube.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { SvgPathProps } from './Icon';
-declare const YouTube: React.FC<SvgPathProps>;
-export default YouTube;
+import React from 'react';
+import { SvgPathProps } from './Icon';
+declare const YouTube: React.FC<SvgPathProps>;
+export default YouTube;
 //# sourceMappingURL=YouTube.d.ts.map

package/components/Icons/Zoom.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { SvgPathProps } from './Icon';
-declare const Zoom: React.FC<SvgPathProps>;
-export default Zoom;
+import React from 'react';
+import { SvgPathProps } from './Icon';
+declare const Zoom: React.FC<SvgPathProps>;
+export default Zoom;
 //# sourceMappingURL=Zoom.d.ts.map

package/components/Icons/index.d.ts

@@ -1,5 +1,5 @@
-export * from './Icon';
-export { IconSize } from '../../constants';
-import { Icon } from './Icon';
-export default Icon;
+export * from './Icon';
+export { IconSize } from '../../constants';
+import { Icon } from './Icon';
+export default Icon;
 //# sourceMappingURL=index.d.ts.map

package/components/Icons/index.js

@@ -1,2 +1,2 @@
-import{I as o}from"../../Icon-89da8de4.js";export{I as Icon,I as default,r as returnIcon}from"../../Icon-89da8de4.js";export{I as IconSize}from"../../constants-ad6c82db.js";import"../../_tslib-51c8a283.js";import"react";
+import{Icon as o}from"./Icon.js";export{Icon,Icon as default,returnIcon}from"./Icon.js";export{I as IconSize}from"../../constants-eb74321e.js";import"../../_tslib-51c8a283.js";import"react";
 //# sourceMappingURL=index.js.map

package/components/Input/Input.d.ts

@@ -1,55 +1,55 @@
-import React from 'react';
-import { FormMode, FormVariant } from '../../constants';
-import { SvgIcon } from '../Icons';
-export interface InputProps {
-    /** initial value for input */
-    defaultValue?: string;
-    /** Text for the placeholder */
-    placeholder?: string;
-    /**  HMTL Input type */
-    type?: keyof typeof InputTypes;
-    /** input id */
-    inputId?: string;
-    /** Unique identifyer for the input tag */
-    name?: string;
-    /** If true, the component will be transparent. */
-    transparent?: boolean;
-    /** Icon to be displayed next to the input field */
-    icon?: SvgIcon;
-    /** Places the icon to the right */
-    iconRight?: boolean;
-    /** Changes the color profile of the input */
-    mode?: keyof typeof FormMode;
-    /** Changes the visuals of the input */
-    variant?: keyof typeof FormVariant;
-    /** Label of the input */
-    label?: string;
-    /** Activates Error style for the input */
-    error?: boolean;
-    /** Error text to show above the component */
-    errorText?: string;
-    /** Sets the data-testid attribute. */
-    testId?: string;
-    /** Disables the input field */
-    disabled?: boolean;
-    /** Om input feltet er readOnly */
-    readOnly?: boolean;
-    /** attribute autocomplete,  */
-    autocomplete?: string;
-    /** Component shown after label */
-    afterLabelChildren?: React.ReactNode;
-    /** Component shown under label */
-    belowLabelChildren?: React.ReactNode;
-}
-export declare enum InputTypes {
-    text = "text",
-    number = "number",
-    email = "email",
-    password = "password",
-    search = "search",
-    tel = "tel",
-    url = "url"
-}
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-export default Input;
+import React from 'react';
+import { FormMode, FormVariant } from '../../constants';
+import { SvgIcon } from '../Icons';
+export interface InputProps {
+    /** initial value for input */
+    defaultValue?: string;
+    /** Text for the placeholder */
+    placeholder?: string;
+    /**  HMTL Input type */
+    type?: keyof typeof InputTypes;
+    /** input id */
+    inputId?: string;
+    /** Unique identifyer for the input tag */
+    name?: string;
+    /** If true, the component will be transparent. */
+    transparent?: boolean;
+    /** Icon to be displayed next to the input field */
+    icon?: SvgIcon;
+    /** Places the icon to the right */
+    iconRight?: boolean;
+    /** Changes the color profile of the input */
+    mode?: keyof typeof FormMode;
+    /** Changes the visuals of the input */
+    variant?: keyof typeof FormVariant;
+    /** Label of the input */
+    label?: string;
+    /** Activates Error style for the input */
+    error?: boolean;
+    /** Error text to show above the component */
+    errorText?: string;
+    /** Sets the data-testid attribute. */
+    testId?: string;
+    /** Disables the input field */
+    disabled?: boolean;
+    /** Om input feltet er readOnly */
+    readOnly?: boolean;
+    /** attribute autocomplete,  */
+    autocomplete?: string;
+    /** Component shown after label */
+    afterLabelChildren?: React.ReactNode;
+    /** Component shown under label */
+    belowLabelChildren?: React.ReactNode;
+}
+export declare enum InputTypes {
+    text = "text",
+    number = "number",
+    email = "email",
+    password = "password",
+    search = "search",
+    tel = "tel",
+    url = "url"
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export default Input;
 //# sourceMappingURL=Input.d.ts.map

package/components/Input/index.d.ts

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

package/components/Input/index.js

@@ -1,2 +1,2 @@
-import{I as s}from"../../Input-19650c24.js";export{a as InputTypes,I as default}from"../../Input-19650c24.js";import"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import"../../_tslib-51c8a283.js";import"react";import"../../index-9b84fabc.js";import"../../constants-ad6c82db.js";import"../../uuid-fe7442b7.js";import"../../Icon-89da8de4.js";import"../../color-a10c7892.js";import"../../index-0e78dfa0.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../useBreakpoint-552af2b9.js";import"./styles.module.scss";
+import{I as s}from"../../Input-31d7accc.js";export{a as InputTypes,I as default}from"../../Input-31d7accc.js";import"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import"../../_tslib-51c8a283.js";import"react";import"../../index-9b84fabc.js";import"../../constants-eb74321e.js";import"../../uuid-fe7442b7.js";import"../Icons/Icon.js";import"../../color-a10c7892.js";import"../../index-0e78dfa0.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../useBreakpoint-552af2b9.js";import"./styles.module.scss";
 //# sourceMappingURL=index.js.map

package/components/Input/styles.module.scss

@@ -1,59 +1,59 @@
-@import '../../scss/_spacers.scss';
-@import '../../scss/_breakpoints.scss';
-@import '../../scss/_palette.scss';
-@import '../../scss/_font-settings.scss';
-@import '../../scss/_input.scss';
-
-.input-wrapper {
-  @include input-wrapper;
-
-  margin: getSpacer(l) 0;
-}
-
-.input-wrapper:first-of-type {
-  margin-top: 0;
-}
-
-.input-wrapper:last-of-type {
-  margin-bottom: 0;
-}
-
-.content-wrapper {
-  @include content-wrapper;
-
-  padding: 0.5rem 0;
-  display: inline-flex;
-  align-items: center;
-
-  &--with-icon {
-    padding: 1px 0;
-
-    @media (min-width: map-get($grid-breakpoints, md)) {
-      padding: 0.375rem 0;
-    }
-  }
-
-  &--with-icon#{&}--bigform {
-    padding: getSpacer(2xs) 0;
-  }
-
-  &__input {
-    line-height: getSpacer(m);
-    height: getSpacer(m);
-
-    &--bigform {
-      height: 2.5rem;
-    }
-
-    @media (min-width: map-get($grid-breakpoints, md)) {
-      line-height: 1.625rem;
-      height: 2.125rem;
-      font-size: $font-size-md;
-
-      &--bigform {
-        line-height: 1.75rem;
-        height: 3.5rem;
-      }
-    }
-  }
-}
+@import '../../scss/_spacers.scss';
+@import '../../scss/_breakpoints.scss';
+@import '../../scss/_palette.scss';
+@import '../../scss/_font-settings.scss';
+@import '../../scss/_input.scss';
+
+.input-wrapper {
+  @include input-wrapper;
+
+  margin: getSpacer(l) 0;
+}
+
+.input-wrapper:first-of-type {
+  margin-top: 0;
+}
+
+.input-wrapper:last-of-type {
+  margin-bottom: 0;
+}
+
+.content-wrapper {
+  @include content-wrapper;
+
+  padding: 0.5rem 0;
+  display: inline-flex;
+  align-items: center;
+
+  &--with-icon {
+    padding: 1px 0;
+
+    @media (min-width: map-get($grid-breakpoints, md)) {
+      padding: 0.375rem 0;
+    }
+  }
+
+  &--with-icon#{&}--bigform {
+    padding: getSpacer(2xs) 0;
+  }
+
+  &__input {
+    line-height: getSpacer(m);
+    height: getSpacer(m);
+
+    &--bigform {
+      height: 2.5rem;
+    }
+
+    @media (min-width: map-get($grid-breakpoints, md)) {
+      line-height: 1.625rem;
+      height: 2.125rem;
+      font-size: $font-size-md;
+
+      &--bigform {
+        line-height: 1.75rem;
+        height: 3.5rem;
+      }
+    }
+  }
+}

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

@@ -1,23 +1,23 @@
-export type Styles = {
-  'content-wrapper': string;
-  'content-wrapper__input': string;
-  'content-wrapper__input--bigform': string;
-  'content-wrapper__input--disabled': string;
-  'content-wrapper--bigform': string;
-  'content-wrapper--disabled': string;
-  'content-wrapper--invalid': string;
-  'content-wrapper--on-blueberry': string;
-  'content-wrapper--on-dark': string;
-  'content-wrapper--transparent': string;
-  'content-wrapper--with-icon': string;
-  'input-wrapper': string;
-  'input-wrapper__after-label-children': string;
-  'input-wrapper__label-wrapper': string;
-  'input-wrapper__label-wrapper--on-dark': string;
-};
-
-export type ClassNames = keyof Styles;
-
-declare const styles: Styles;
-
-export default styles;
+export type Styles = {
+  'content-wrapper': string;
+  'content-wrapper__input': string;
+  'content-wrapper__input--bigform': string;
+  'content-wrapper__input--disabled': string;
+  'content-wrapper--bigform': string;
+  'content-wrapper--disabled': string;
+  'content-wrapper--invalid': string;
+  'content-wrapper--on-blueberry': string;
+  'content-wrapper--on-dark': string;
+  'content-wrapper--transparent': string;
+  'content-wrapper--with-icon': string;
+  'input-wrapper': string;
+  'input-wrapper__after-label-children': string;
+  'input-wrapper__label-wrapper': string;
+  'input-wrapper__label-wrapper--on-dark': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/LinkList/LinkList.d.ts

@@ -1,42 +1,42 @@
-import React from 'react';
-import { PaletteNames } from '../../theme/palette';
-export declare type LinkListSize = 'small' | 'medium' | 'large';
-export declare type LinkAnchorTargets = '_self' | '_blank' | '_parent';
-export declare type LinkListColors = PaletteNames;
-export declare type LinkType = React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLLIElement>>;
-export interface CompoundComponent extends React.ForwardRefExoticComponent<LinkListProps & React.RefAttributes<HTMLUListElement>> {
-    Link: LinkType;
-}
-interface LinkListProps {
-    /** Items in the LinkList */
-    children: React.ReactNode;
-    /** Adds custom classes to the element. */
-    className?: string;
-    /** Changes the link list background color on hover. */
-    color: LinkListColors;
-    /** Toggles chevron icon on or off. */
-    chevron?: boolean;
-    /** Toggles the bottom border of the last child element. */
-    bottomBorder?: boolean;
-    /** Toggles the top border of the first child element. */
-    topBorder?: boolean;
-    /** Changes size of the LinkList. */
-    size?: LinkListSize;
-    /** Sets the data-testid attribute. */
-    testId?: string;
-}
-export interface LinkProps extends React.HTMLAttributes<HTMLAnchorElement> {
-    children: React.ReactNode;
-    color?: LinkListColors;
-    size?: LinkListSize;
-    chevron?: boolean;
-    className?: string;
-    icon?: React.ReactElement;
-    href?: string;
-    target?: LinkAnchorTargets;
-    /** Sets the data-testid attribute. */
-    testId?: string;
-}
-export declare const LinkList: CompoundComponent;
-export default LinkList;
+import React from 'react';
+import { PaletteNames } from '../../theme/palette';
+export declare type LinkListSize = 'small' | 'medium' | 'large';
+export declare type LinkAnchorTargets = '_self' | '_blank' | '_parent';
+export declare type LinkListColors = PaletteNames;
+export declare type LinkType = React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLLIElement>>;
+export interface CompoundComponent extends React.ForwardRefExoticComponent<LinkListProps & React.RefAttributes<HTMLUListElement>> {
+    Link: LinkType;
+}
+interface LinkListProps {
+    /** Items in the LinkList */
+    children: React.ReactNode;
+    /** Adds custom classes to the element. */
+    className?: string;
+    /** Changes the link list background color on hover. */
+    color: LinkListColors;
+    /** Toggles chevron icon on or off. */
+    chevron?: boolean;
+    /** Toggles the bottom border of the last child element. */
+    bottomBorder?: boolean;
+    /** Toggles the top border of the first child element. */
+    topBorder?: boolean;
+    /** Changes size of the LinkList. */
+    size?: LinkListSize;
+    /** Sets the data-testid attribute. */
+    testId?: string;
+}
+export interface LinkProps extends React.HTMLAttributes<HTMLAnchorElement> {
+    children: React.ReactNode;
+    color?: LinkListColors;
+    size?: LinkListSize;
+    chevron?: boolean;
+    className?: string;
+    icon?: React.ReactElement;
+    href?: string;
+    target?: LinkAnchorTargets;
+    /** Sets the data-testid attribute. */
+    testId?: string;
+}
+export declare const LinkList: CompoundComponent;
+export default LinkList;
 //# sourceMappingURL=LinkList.d.ts.map

package/components/LinkList/index.d.ts

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

package/components/LinkList/index.js

@@ -1,2 +1,2 @@
-import{b as e}from"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import{_ as t}from"../../_tslib-51c8a283.js";import r from"react";import{c as a}from"../../index-9b84fabc.js";import{I as l}from"../../Icon-89da8de4.js";import{A as i,I as o}from"../../constants-ad6c82db.js";import{u as s,B as n}from"../../useBreakpoint-552af2b9.js";import{u as m}from"../../useHover-9710204a.js";import c from"./styles.module.scss";import"../../grid-11a70eb7.js";var d=function(e){var t=e.isExtraSmall,a=e.isHovered,l=r.createElement("path",{d:"M19.171 32.951l1.409 1.42L31.031 24 20.58 13.63l-1.409 1.42 9.02 8.95z"}),i=r.createElement("path",{d:"M24.479 11.63L36.93 23.999 24.479 36.37l-1.409-1.419L33.083 25H13v-2h20.085L23.07 13.049z"}),o=r.createElement("path",{d:"M17.885 32.577l1.779 1.793 10.451-10.371L19.664 13.63l-1.779 1.793 8.644 8.576z"});return t?a?r.createElement("path",{d:"M25.98 11.103l12.977 12.896L25.98 36.897l-1.78-1.794 9.899-9.841-20.204.001v-2.526l20.204-.001-9.899-9.839z"}):o:a?i:l},p=r.forwardRef((function(p,v){var f,u=p.children,h=p.className,_=void 0===h?"":h,k=p.color,b=void 0===k?"neutral":k,E=p.icon,L=p.size,z=void 0===L?"medium":L,g=p.chevron,j=void 0!==g&&g,N=p.testId,H=p.target,I=t(p,["children","className","color","icon","size","chevron","testId","target"]),x=m(),y=x.hoverRef,B=x.isHovered,M=s(),S="small"!==z&&!(!j&&!E);return r.createElement("li",{ref:v,"data-testid":N,"data-analyticsid":i.Link},r.createElement("a",Object.assign({className:a(c["link-list__anchor"],c["link-list__anchor--"+b],(f={},e(f,c["link-list__anchor--small"],"small"===z),e(f,c["link-list__anchor--medium"],"medium"===z),e(f,c["link-list__anchor--large"],"large"===z),f),_),ref:y,rel:"_blank"===H?"noopener noreferrer":void 0,target:H},I),S&&E&&r.createElement("span",{className:c["link-list__icon"]},r.cloneElement(E,{size:M===n.xs?o.XSmall:o.Small,isHovered:B})),r.createElement("span",{className:c["link-list__content"]},u),S&&j&&r.createElement("span",{className:c["link-list__chevron"]},r.createElement(l,{svgIcon:d,isHovered:B,size:o.XSmall}))))})),v=r.forwardRef((function(t,l){var o,s=t.children,n=t.className,m=void 0===n?"":n,d=t.chevron,v=void 0!==d&&d,f=t.size,u=void 0===f?"medium":f,h=t.color,_=t.topBorder,k=void 0===_||_,b=t.bottomBorder,E=void 0===b||b,L=t.testId;return r.createElement("ul",{ref:l,className:a(c["link-list"],(o={},e(o,c["link-list--hastopborder"],k),e(o,c["link-list--nobottomborder"],!E),o),m||""),"data-testid":L,"data-analyticsid":i.LinkList},r.Children.map(s,(function(e){if(e.type===p)return r.cloneElement(e,{color:h,size:u,chevron:v})})))}));v.Link=p,p.displayName="LinkList.Link";export default v;export{v as LinkList};
+import{b as e}from"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import{_ as r}from"../../_tslib-51c8a283.js";import o from"react";import{c as i}from"../../index-9b84fabc.js";import{Icon as t}from"../Icons/Icon.js";import{A as s,I as a}from"../../constants-eb74321e.js";import l from"../Icons/ChevronRight.js";import{u as n,B as m}from"../../useBreakpoint-552af2b9.js";import{u as c}from"../../useHover-9710204a.js";import d from"./styles.module.scss";import"../../grid-11a70eb7.js";var f=o.forwardRef((function(f,p){var v,u=f.children,_=f.className,h=void 0===_?"":_,k=f.color,b=void 0===k?"neutral":k,g=f.icon,j=f.size,E=void 0===j?"medium":j,N=f.chevron,I=void 0!==N&&N,L=f.testId,z=f.target,y=r(f,["children","className","color","icon","size","chevron","testId","target"]),B=c(),H=B.hoverRef,x=B.isHovered,R=n(),S="small"!==E&&!(!I&&!g);return o.createElement("li",{ref:p,"data-testid":L,"data-analyticsid":s.Link},o.createElement("a",Object.assign({className:i(d["link-list__anchor"],d["link-list__anchor--"+b],(v={},e(v,d["link-list__anchor--small"],"small"===E),e(v,d["link-list__anchor--medium"],"medium"===E),e(v,d["link-list__anchor--large"],"large"===E),v),h),ref:H,rel:"_blank"===z?"noopener noreferrer":void 0,target:z},y),S&&g&&o.createElement("span",{className:d["link-list__icon"]},o.cloneElement(g,{size:R===m.xs?a.XSmall:a.Small,isHovered:x})),o.createElement("span",{className:d["link-list__content"]},u),S&&I&&o.createElement("span",{className:d["link-list__chevron"]},o.createElement(t,{svgIcon:l,isHovered:x,size:a.XSmall}))))})),p=o.forwardRef((function(r,t){var a,l=r.children,n=r.className,m=void 0===n?"":n,c=r.chevron,p=void 0!==c&&c,v=r.size,u=void 0===v?"medium":v,_=r.color,h=r.topBorder,k=void 0===h||h,b=r.bottomBorder,g=void 0===b||b,j=r.testId;return o.createElement("ul",{ref:t,className:i(d["link-list"],(a={},e(a,d["link-list--hastopborder"],k),e(a,d["link-list--nobottomborder"],!g),a),m||""),"data-testid":j,"data-analyticsid":s.LinkList},o.Children.map(l,(function(e){if(e.type===f)return o.cloneElement(e,{color:_,size:u,chevron:p})})))}));p.Link=f,f.displayName="LinkList.Link";export default p;export{p as LinkList};
 //# sourceMappingURL=index.js.map