@helsenorge/designsystem-react 1.0.0-beta104 → 1.0.0-beta108

package/components/LinkList/styles.module.scss

@@ -1,147 +1,147 @@
-@import '../../scss/_spacers.scss';
-@import '../../scss/_breakpoints.scss';
-@import '../../scss/_font-settings.scss';
-@import '../../scss/_palette.scss';
-
-.link-list {
-  list-style: none;
-  padding: 0;
-  width: inherit;
-  margin: 0;
-
-  & > :nth-child(n) {
-    border-bottom: 1px solid $neutral500;
-  }
-  &--hastopborder {
-    & > :first-child {
-      border-top: 1px solid $neutral500;
-    }
-  }
-  &--nobottomborder {
-    & > :last-child {
-      border-bottom: 0;
-    }
-  }
-
-  &__anchor {
-    display: flex;
-    min-height: 4rem;
-    text-decoration: none;
-    align-items: center;
-    color: $black;
-    cursor: pointer;
-
-    &--small {
-      padding: getSpacer(2xs) 0 getSpacer(2xs) 0;
-      font-size: $font-size-xs;
-      line-height: $lineheight-size-xs;
-    }
-    &--medium {
-      padding: getSpacer(2xs) 0 getSpacer(2xs) 0;
-      font-size: $font-size-sm;
-      line-height: $lineheight-size-sm;
-    }
-    &--large {
-      padding: getSpacer(2xs) 0 getSpacer(2xs) 0;
-      font-size: $font-size-md;
-      line-height: $lineheight-size-md;
-    }
-    @media (min-width: map-get($grid-breakpoints, md)) {
-      &--small {
-        padding-left: getSpacer(2xs);
-        padding-right: getSpacer(2xs);
-        font-size: $font-size-sm;
-        line-height: $lineheight-size-sm;
-      }
-      &--medium {
-        padding-left: getSpacer(2xs);
-        padding-right: getSpacer(2xs);
-        font-size: $font-size-md;
-        line-height: $lineheight-size-md;
-      }
-      &--large {
-        padding-left: getSpacer(2xs);
-        padding-right: getSpacer(2xs);
-        font-size: $font-size-lg;
-        line-height: $lineheight-size-lg;
-      }
-    }
-
-    &--banana {
-      &:hover,
-      &:focus {
-        background-color: $banana100;
-      }
-    }
-    &--blueberry {
-      &:hover,
-      &:focus {
-        background-color: $blueberry100;
-      }
-    }
-    &--cherry {
-      &:hover,
-      &:focus {
-        background-color: $cherry100;
-      }
-    }
-    &--kiwi {
-      &:hover,
-      &:focus {
-        background-color: $kiwi100;
-      }
-    }
-    &--neutral,
-    &--black {
-      &:hover,
-      &:focus {
-        background-color: $neutral100;
-      }
-    }
-    &--plum {
-      &:hover,
-      &:focus {
-        background-color: $plum100;
-      }
-    }
-    &--black {
-      &:hover,
-      &:focus {
-        background-color: $black;
-        color: $white;
-      }
-    }
-    &--white {
-      &:hover,
-      &:focus {
-        background-color: $neutral50;
-      }
-    }
-
-    &:focus {
-      outline: none;
-    }
-  }
-
-  &__content {
-    display: flex;
-    align-items: center;
-    border-bottom: 1px solid transparent;
-    :focus > & {
-      border-color: $black;
-    }
-  }
-
-  &__icon {
-    display: flex;
-    align-items: center;
-    margin-right: getSpacer(2xs);
-  }
-
-  &__chevron {
-    display: flex;
-    align-items: center;
-    margin-left: auto;
-    padding-left: getSpacer(2xs);
-  }
-}
+@import '../../scss/_spacers.scss';
+@import '../../scss/_breakpoints.scss';
+@import '../../scss/_font-settings.scss';
+@import '../../scss/_palette.scss';
+
+.link-list {
+  list-style: none;
+  padding: 0;
+  width: inherit;
+  margin: 0;
+
+  & > :nth-child(n) {
+    border-bottom: 1px solid $neutral500;
+  }
+  &--hastopborder {
+    & > :first-child {
+      border-top: 1px solid $neutral500;
+    }
+  }
+  &--nobottomborder {
+    & > :last-child {
+      border-bottom: 0;
+    }
+  }
+
+  &__anchor {
+    display: flex;
+    min-height: 4rem;
+    text-decoration: none;
+    align-items: center;
+    color: $black;
+    cursor: pointer;
+
+    &--small {
+      padding: getSpacer(2xs) 0 getSpacer(2xs) 0;
+      font-size: $font-size-xs;
+      line-height: $lineheight-size-xs;
+    }
+    &--medium {
+      padding: getSpacer(2xs) 0 getSpacer(2xs) 0;
+      font-size: $font-size-sm;
+      line-height: $lineheight-size-sm;
+    }
+    &--large {
+      padding: getSpacer(2xs) 0 getSpacer(2xs) 0;
+      font-size: $font-size-md;
+      line-height: $lineheight-size-md;
+    }
+    @media (min-width: map-get($grid-breakpoints, md)) {
+      &--small {
+        padding-left: getSpacer(2xs);
+        padding-right: getSpacer(2xs);
+        font-size: $font-size-sm;
+        line-height: $lineheight-size-sm;
+      }
+      &--medium {
+        padding-left: getSpacer(2xs);
+        padding-right: getSpacer(2xs);
+        font-size: $font-size-md;
+        line-height: $lineheight-size-md;
+      }
+      &--large {
+        padding-left: getSpacer(2xs);
+        padding-right: getSpacer(2xs);
+        font-size: $font-size-lg;
+        line-height: $lineheight-size-lg;
+      }
+    }
+
+    &--banana {
+      &:hover,
+      &:focus {
+        background-color: $banana100;
+      }
+    }
+    &--blueberry {
+      &:hover,
+      &:focus {
+        background-color: $blueberry100;
+      }
+    }
+    &--cherry {
+      &:hover,
+      &:focus {
+        background-color: $cherry100;
+      }
+    }
+    &--kiwi {
+      &:hover,
+      &:focus {
+        background-color: $kiwi100;
+      }
+    }
+    &--neutral,
+    &--black {
+      &:hover,
+      &:focus {
+        background-color: $neutral100;
+      }
+    }
+    &--plum {
+      &:hover,
+      &:focus {
+        background-color: $plum100;
+      }
+    }
+    &--black {
+      &:hover,
+      &:focus {
+        background-color: $black;
+        color: $white;
+      }
+    }
+    &--white {
+      &:hover,
+      &:focus {
+        background-color: $neutral50;
+      }
+    }
+
+    &:focus {
+      outline: none;
+    }
+  }
+
+  &__content {
+    display: flex;
+    align-items: center;
+    border-bottom: 1px solid transparent;
+    :focus > & {
+      border-color: $black;
+    }
+  }
+
+  &__icon {
+    display: flex;
+    align-items: center;
+    margin-right: getSpacer(2xs);
+  }
+
+  &__chevron {
+    display: flex;
+    align-items: center;
+    margin-left: auto;
+    padding-left: getSpacer(2xs);
+  }
+}

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

@@ -1,26 +1,26 @@
-export type Styles = {
-  'link-list': string;
-  'link-list__anchor': string;
-  'link-list__anchor--banana': string;
-  'link-list__anchor--black': string;
-  'link-list__anchor--blueberry': string;
-  'link-list__anchor--cherry': string;
-  'link-list__anchor--kiwi': string;
-  'link-list__anchor--large': string;
-  'link-list__anchor--medium': string;
-  'link-list__anchor--neutral': string;
-  'link-list__anchor--plum': string;
-  'link-list__anchor--small': string;
-  'link-list__anchor--white': string;
-  'link-list__chevron': string;
-  'link-list__content': string;
-  'link-list__icon': string;
-  'link-list--hastopborder': string;
-  'link-list--nobottomborder': string;
-};
-
-export type ClassNames = keyof Styles;
-
-declare const styles: Styles;
-
-export default styles;
+export type Styles = {
+  'link-list': string;
+  'link-list__anchor': string;
+  'link-list__anchor--banana': string;
+  'link-list__anchor--black': string;
+  'link-list__anchor--blueberry': string;
+  'link-list__anchor--cherry': string;
+  'link-list__anchor--kiwi': string;
+  'link-list__anchor--large': string;
+  'link-list__anchor--medium': string;
+  'link-list__anchor--neutral': string;
+  'link-list__anchor--plum': string;
+  'link-list__anchor--small': string;
+  'link-list__anchor--white': string;
+  'link-list__chevron': string;
+  'link-list__content': string;
+  'link-list__icon': string;
+  'link-list--hastopborder': string;
+  'link-list--nobottomborder': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/List/List.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-interface ListProps {
-    children: React.ReactNode[];
-    className?: string;
-    /** Sets the data-testid attribute. */
-    testId?: string;
-}
-declare function List(props: ListProps): JSX.Element;
-export default List;
+import React from 'react';
+interface ListProps {
+    children: React.ReactNode[];
+    className?: string;
+    /** Sets the data-testid attribute. */
+    testId?: string;
+}
+declare function List(props: ListProps): JSX.Element;
+export default List;
 //# sourceMappingURL=List.d.ts.map

package/components/List/index.d.ts

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

package/components/List/index.js

@@ -1,2 +1,2 @@
-import t from"react";import{c as e}from"../../index-9b84fabc.js";import a from"./styles.module.scss";import{A as s}from"../../constants-ad6c82db.js";export default function(r){var i=r.children,m=r.className,c=r.testId;return t.createElement("ul",{className:e(a.list,m),"data-testid":c,"data-analyticsid":s.List},i.map((function(e,s){return t.createElement("li",{className:a.list__item,key:s},e)})))}
+import t from"react";import{c as e}from"../../index-9b84fabc.js";import s from"./styles.module.scss";import{A as a}from"../../constants-eb74321e.js";export default function(r){var i=r.children,m=r.className,c=r.testId;return t.createElement("ul",{className:e(s.list,m),"data-testid":c,"data-analyticsid":a.List},i.map((function(e,a){return t.createElement("li",{className:s.list__item,key:a},e)})))}
 //# sourceMappingURL=index.js.map

package/components/List/styles.module.scss

@@ -1,11 +1,11 @@
-@import '../../scss/_palette.scss';
-
-.list {
-  width: 100%;
-  list-style: none;
-  padding: 0 1rem 0 0.5rem;
-
-  &__item {
-    border-bottom: 1px solid $neutral600;
-  }
-}
+@import '../../scss/_palette.scss';
+
+.list {
+  width: 100%;
+  list-style: none;
+  padding: 0 1rem 0 0.5rem;
+
+  &__item {
+    border-bottom: 1px solid $neutral600;
+  }
+}

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

@@ -1,10 +1,10 @@
-export type Styles = {
-  list: string;
-  list__item: string;
-};
-
-export type ClassNames = keyof Styles;
-
-declare const styles: Styles;
-
-export default styles;
+export type Styles = {
+  list: string;
+  list__item: string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/Loader/Loader.d.ts

@@ -1,33 +1,33 @@
-import React from 'react';
-import { PaletteNames } from '../../theme/palette';
-export declare type LoaderColors = PaletteNames;
-export declare type LoaderSizes = 'tiny' | 'small' | 'medium' | 'large';
-export declare enum Overlay {
-    screen = "screen",
-    parent = "parent"
-}
-interface LoaderProps {
-    /** Sets the color of the loader */
-    color?: LoaderColors;
-    /**	Adds custom classes to the element. */
-    className?: string;
-    /** Changes the size of the loader. */
-    size?: LoaderSizes;
-    /** Sets the data-testid attribute. */
-    testId?: string;
-    /** id of the label */
-    labelId?: string;
-    /** Centers the loader in a container */
-    center?: boolean;
-    /** Inline the loader so it can be used in a span or paragraph */
-    inline?: boolean;
-    /** Loader is displayed with grey background covering the entire screen */
-    overlay?: keyof typeof Overlay;
-    /**  Individual id for loading icon (aria-labelledby).  */
-    ariaLabelledById?: string;
-    /**  String that labels the current loading element  */
-    ariaLabel?: string;
-}
-declare const Loader: React.ForwardRefExoticComponent<LoaderProps & React.RefAttributes<HTMLElement>>;
-export default Loader;
+import React from 'react';
+import { PaletteNames } from '../../theme/palette';
+export declare type LoaderColors = PaletteNames;
+export declare type LoaderSizes = 'tiny' | 'small' | 'medium' | 'large';
+export declare enum Overlay {
+    screen = "screen",
+    parent = "parent"
+}
+export interface LoaderProps {
+    /** Sets the color of the loader */
+    color?: LoaderColors;
+    /**	Adds custom classes to the element. */
+    className?: string;
+    /** Changes the size of the loader. */
+    size?: LoaderSizes;
+    /** Sets the data-testid attribute. */
+    testId?: string;
+    /** id of the label */
+    labelId?: string;
+    /** Centers the loader in a container */
+    center?: boolean;
+    /** Inline the loader so it can be used in a span or paragraph */
+    inline?: boolean;
+    /** Loader is displayed with grey background covering the entire screen */
+    overlay?: keyof typeof Overlay;
+    /**  Individual id for loading icon (aria-labelledby).  */
+    ariaLabelledById?: string;
+    /**  String that labels the current loading element  */
+    ariaLabel?: string;
+}
+declare const Loader: React.ForwardRefExoticComponent<LoaderProps & React.RefAttributes<HTMLElement>>;
+export default Loader;
 //# sourceMappingURL=Loader.d.ts.map

package/components/Loader/Loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAInD,oBAAY,YAAY,GAAG,YAAY,CAAC;AACxC,oBAAY,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAChE,oBAAY,OAAO;IACjB,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,UAAU,WAAW;IACnB,mCAAmC;IACnC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sBAAsB;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wCAAwC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iEAAiE;IACjE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC/B,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,MAAM,iFA6FV,CAAC;AAEH,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAInD,oBAAY,YAAY,GAAG,YAAY,CAAC;AACxC,oBAAY,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAChE,oBAAY,OAAO;IACjB,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,WAAW;IAC1B,mCAAmC;IACnC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sBAAsB;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wCAAwC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iEAAiE;IACjE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC/B,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,MAAM,iFA6FV,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/components/Loader/index.d.ts

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

package/components/Loader/index.js

@@ -1,2 +1,2 @@
-import{L as s}from"../../Loader-fa16a352.js";export{O as Overlay,L as default}from"../../Loader-fa16a352.js";import"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import"react";import"../../index-9b84fabc.js";import"../../uuid-fe7442b7.js";import"./styles.module.scss";import"../../constants-ad6c82db.js";
+import{L as s}from"../../Loader-bc13d060.js";export{O as Overlay,L as default}from"../../Loader-bc13d060.js";import"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import"react";import"../../index-9b84fabc.js";import"../../uuid-fe7442b7.js";import"./styles.module.scss";import"../../constants-eb74321e.js";
 //# sourceMappingURL=index.js.map