@helsenorge/designsystem-react 0.0.3-dev.9 → 1.0.0-alpha-nye-spacers

package/components/Loader/index.d.ts

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

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

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

package/components/Loader/index.js

@@ -0,0 +1,2 @@
+import{L as e}from"../../Loader-9e099b42.js";export{L as default}from"../../Loader-9e099b42.js";import"../../_rollupPluginBabelHelpers-e1c7fe69.js";import"react";import"../../index-9b84fabc.js";import"../../uuid-484288be.js";import"./styles.module.scss";
+//# sourceMappingURL=index.js.map

package/components/Loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/Loader/styles.module.scss

@@ -0,0 +1,177 @@
+@import '../../scss/_palette.scss';
+@import 'bootstrap/scss/mixins/_screen-reader.scss';
+
+@mixin keyframes($name) {
+  @keyframes #{$name} {
+    @content;
+  }
+}
+
+@mixin animate($name, $animation, $duration, $times) {
+  animation: $animation $duration $times;
+  animation-name: $name;
+}
+
+@mixin loaderDotScale($name, $scale-start, $scale-end) {
+  @include keyframes($name) {
+    0% {
+      transform: scale($scale-start);
+    }
+    100% {
+      transform: scale($scale-end);
+    }
+  }
+  @include animate($name, scale, 0.6s, infinite);
+}
+
+@mixin loaderDotTranslate($name, $distance) {
+  @include keyframes($name) {
+    0% {
+      transform: translate(0, 0);
+    }
+    100% {
+      transform: translate($distance, 0);
+    }
+  }
+  @include animate($name, translate, 0.6s, infinite);
+}
+
+.loader-wrapper {
+  &--center {
+    text-align: center;
+  }
+
+  &--overlay {
+    z-index: 9999;
+    background: $transparentGrey;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
+
+.loader {
+  display: inline-block;
+  position: relative;
+  width: 8 * 5px;
+  height: 8px;
+
+  &--small {
+    width: 12 * 5px;
+    height: 12px;
+  }
+
+  &--medium {
+    width: 18 * 5px;
+    height: 18px;
+  }
+
+  &--large {
+    width: 24 * 5px;
+    height: 24px;
+  }
+
+  &__hidden-text {
+    @include sr-only();
+  }
+
+  &__dot {
+    position: absolute;
+    width: 8px;
+    height: 8px;
+    background-color: $blueberry500;
+    border-radius: 50%;
+
+    &--small {
+      width: 12px;
+      height: 12px;
+    }
+    &--medium {
+      width: 18px;
+      height: 18px;
+    }
+    &--large {
+      width: 24px;
+      height: 24px;
+    }
+
+    &--banana {
+      background-color: $banana500;
+    }
+    &--cherry {
+      background-color: $cherry500;
+    }
+    &--kiwi {
+      background-color: $kiwi500;
+    }
+    &--neutral {
+      background-color: $neutral500;
+    }
+    &--plum {
+      background-color: $plum500;
+    }
+    &--black {
+      background-color: $black;
+    }
+    &--white {
+      background-color: $white;
+    }
+
+    // Sets a form of easing animation curve
+    animation-timing-function: cubic-bezier(0, 1, 1, 0);
+    // Scales up the first dot
+    &:nth-child(1) {
+      @include loaderDotScale(scale-regular, 0, 1);
+    }
+
+    // Translates the dots rightwards depending on size
+    &:nth-child(2),
+    &:nth-child(3) {
+      @include loaderDotTranslate(translate-tiny, 16px);
+    }
+    &:nth-child(3) {
+      left: 16px;
+    }
+    &--small:nth-child(2),
+    &--small:nth-child(3) {
+      @include loaderDotTranslate(translate-small, 24px);
+    }
+    &--medium:nth-child(2),
+    &--medium:nth-child(3) {
+      @include loaderDotTranslate(translate-medium, 36px);
+    }
+    &--large:nth-child(2),
+    &--large:nth-child(3) {
+      @include loaderDotTranslate(translate-large, 48px);
+    }
+    &--small:nth-child(3) {
+      left: 24px;
+    }
+    &--medium:nth-child(3) {
+      left: 36px;
+    }
+    &--large:nth-child(3) {
+      left: 48px;
+    }
+
+    // Scales down the last dot
+    &:nth-child(4) {
+      left: 32px;
+      @include loaderDotScale(scale-reverse, 1, 0);
+    }
+    &--small:nth-child(4) {
+      left: 48px;
+    }
+    &--medium:nth-child(4) {
+      left: 72px;
+    }
+    &--large:nth-child(4) {
+      left: 96px;
+    }
+  }
+}

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

@@ -0,0 +1,34 @@
+export type Styles = {
+  center: string;
+  loader: string;
+  loader__dot: string;
+ ' loader__hidden-text': string;
+  'loader__dot--banana': string;
+  'loader__dot--black': string;
+  'loader__dot--cherry': string;
+  'loader__dot--kiwi': string;
+  'loader__dot--large': string;
+  'loader__dot--medium': string;
+  'loader__dot--neutral': string;
+  'loader__dot--plum': string;
+  'loader__dot--small': string;
+  'loader__dot--white': string;
+  'loader--large': string;
+  'loader--medium': string;
+  'loader--small': string;
+  overlay: string;
+  scale: string;
+  'scale-regular': string;
+  'scale-reverse': string;
+  translate: string;
+  'translate-large': string;
+  'translate-medium': string;
+  'translate-small': string;
+  'translate-tiny': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/Logo/Logo.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { PaletteNames } from '../../theme/palette';
+declare type LogoColor = PaletteNames;
+interface LogoProps {
+    /** Changes the size of the logo. */
+    size?: number;
+    /** Adds custom classes to the element. */
+    className?: string;
+    /**	Changes the color of the logo. */
+    color?: LogoColor;
+    /** Changes to the byline variant of the logo. */
+    byline?: boolean;
+}
+declare function Logo(props: LogoProps): JSX.Element;
+export default Logo;
+//# sourceMappingURL=Logo.d.ts.map

package/components/Logo/Logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../src/components/Logo/Logo.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,aAAK,SAAS,GAAG,YAAY,CAAC;AAE9B,UAAU,SAAS;IACjB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAmCD,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAG3C;AAED,eAAe,IAAI,CAAC"}

package/components/Logo/componentdata.json

@@ -0,0 +1,116 @@
+{
+  "props": {
+    "size": {
+      "defaultValue": {
+        "value": "300"
+      },
+      "description": "Changes the size of the logo.",
+      "name": "size",
+      "parent": {
+        "fileName": "src/components/Logo/Logo.tsx",
+        "name": "LogoProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Logo/Logo.tsx",
+          "name": "LogoProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "number"
+      }
+    },
+    "className": {
+      "defaultValue": {
+        "value": ""
+      },
+      "description": "Adds custom classes to the element.",
+      "name": "className",
+      "parent": {
+        "fileName": "src/components/Logo/Logo.tsx",
+        "name": "LogoProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Logo/Logo.tsx",
+          "name": "LogoProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "color": {
+      "defaultValue": {
+        "value": "black"
+      },
+      "description": "Changes the color of the logo.",
+      "name": "color",
+      "parent": {
+        "fileName": "src/components/Logo/Logo.tsx",
+        "name": "LogoProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Logo/Logo.tsx",
+          "name": "LogoProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"banana\" | \"blueberry\" | \"cherry\" | \"kiwi\" | \"neutral\" | \"plum\" | \"black\" | \"white\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"banana\""
+          },
+          {
+            "value": "\"blueberry\""
+          },
+          {
+            "value": "\"cherry\""
+          },
+          {
+            "value": "\"kiwi\""
+          },
+          {
+            "value": "\"neutral\""
+          },
+          {
+            "value": "\"plum\""
+          },
+          {
+            "value": "\"black\""
+          },
+          {
+            "value": "\"white\""
+          }
+        ]
+      }
+    },
+    "byline": {
+      "defaultValue": null,
+      "description": "Changes to the byline variant of the logo.",
+      "name": "byline",
+      "parent": {
+        "fileName": "src/components/Logo/Logo.tsx",
+        "name": "LogoProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Logo/Logo.tsx",
+          "name": "LogoProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    }
+  }
+}

package/components/Logo/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Logo/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,eAAe,IAAI,CAAC"}

package/components/Logo/index.js

@@ -0,0 +1,2 @@
+import{_ as e}from"../../_tslib-51c8a283.js";import c from"react";import{g as l}from"../../color-a10c7892.js";import"../../index-0e78dfa0.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";var t=function(e){var t=e.size,v=void 0===t?300:t,h=e.color,a=void 0===h?"black":h,i=e.className,r=void 0===i?"":i;return c.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:v,role:"img","aria-labelledby":"logo-title",viewBox:"0 0 502 220",className:r},c.createElement("title",{id:"logo-title"},"Helsenorge"),c.createElement("g",{fill:l(a,500)},c.createElement("path",{d:"M39.8 2.5v26.9H17V2.5H1v69.9h16V43.6h22.8v28.8h16.1V2.5zM250.3 58.6V2.5h-16v69.9h43.5V58.6zM142.9 122.5c-16.1 0-27.4 13.6-27.4 33.1s11.2 33.1 27.4 33.1 27.4-13.6 27.4-33.1-11.3-33.1-27.4-33.1zm19 33.1c0 11.9-5 25.9-19 25.9s-19-13.9-19-25.9c0-11.9 5-25.9 19-25.9s19 14 19 25.9zM501 40c0-19.1-11.1-32.4-27-32.4-16.4 0-27.4 13.3-27.4 33.1 0 19.5 11.5 33.1 28 33.1 12.2 0 21.4-6 24.7-16.2l.5-1.6h-8.3l-.3.7c-2.8 6.2-8.8 9.8-16.6 9.8-12.9 0-18.5-11.5-19.5-22.7H501V40zm-8.3-3.2h-37.6c1-10.8 6.5-21.9 18.9-21.9 13.2 0 18.3 12.6 18.7 21.9zM30.4 122.4c-10.8 0-16.6 6.7-19.5 11.8v-9.9H3.3v62.6h8.1v-31.4c0-8.4 4.4-25.7 18.1-25.7 14 0 15.9 12 15.9 25v32.1h8.1v-32.1c.1-16.1-2.7-32.4-23.1-32.4zM134.3 59V43H157V30h-22.7V15.9H165V2.5h-46.4v69.9h47.3V59zM466.7 173.4v-16h22.7v-13h-22.7v-14.1h30.7v-13.4H451v69.9h47.3v-13.4zM246.7 140.5v-16.3h-7.6v62.6h8.1v-37.6l27.3-19.6v-9zM393.5 120.6l-14.7 10.5c-4.4-5.6-11.2-8.7-18.8-8.7-13.6 0-23.6 9.8-23.6 23.3 0 10.6 6.2 19.1 16 22.2l-16 17.5c-4 4.6-5.7 8.3-5.7 12.7 0 12.6 11.1 20.7 28.2 20.7 16.9 0 28.3-8.3 28.3-20.7 0-12.5-11.1-20.6-28.3-20.6-1.7 0-3.9.2-5.6.5l8-9c12.9-.7 22.2-10.4 22.2-23.3 0-2.8-.4-5.5-1.2-7.8 0-.1-.1-.2-.1-.3l11.2-8.1v-8.9zm-34.4 64.2c12.1 0 20 5.2 20 13.4s-7.8 13.5-20 13.5c-12.1 0-19.9-5.3-19.9-13.5 0-7.8 8.3-13.4 19.9-13.4zm.9-23c-8.8 0-15.2-6.8-15.2-16 0-9.3 6.4-16 15.2-16s15.2 6.7 15.2 16c0 9.2-6.4 16-15.2 16zM366.7 30.3c-6.6-2.3-13.5-4.7-13.5-9.2 0-4.8 4.2-7 9.3-7 5.4 0 9 4.5 9 8.5v.8h16.2v-.6c0-13-10.2-21.7-25.4-21.7-15.3 0-24.9 7.8-24.9 20.4 0 14.7 13.1 18.4 22.9 21.9 6.5 2.4 13.6 4.3 13.6 8.7 0 4.6-3.4 8-10.6 8-6.5 0-10.9-3.8-10.9-9.4v-.8h-16.7v.8c0 14.5 10.3 23.1 27.5 23.1 16.5 0 26-7.6 26-21.5 0-14.4-12.5-18.5-22.5-22z"})))},v=function(e){var t=e.size,v=void 0===t?300:t,h=e.color,a=void 0===h?"black":h,i=e.className,r=void 0===i?"":i;return c.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:v,role:"img","aria-labelledby":"logo-title",viewBox:"0 0 87 12",className:r},c.createElement("title",{id:"logo-title"},"Helsenorge"),c.createElement("g",{fill:l(a,500)},c.createElement("path",{d:"M5 .8v2.8H2.6V.8H1V8h1.6V5.1H5V8h1.6V.8zM20.9 6.6V.8h-1.6V8h4.5V6.6zM57.9 1.4c-1.7 0-2.8 1.4-2.8 3.4s1.2 3.4 2.8 3.4 2.8-1.4 2.8-3.4-1.1-3.4-2.8-3.4zm2 3.4c0 1.2-.5 2.7-2 2.7-1.4 0-2-1.4-2-2.7s.5-2.7 2-2.7 2 1.5 2 2.7zM86 4.7c0-2-1.1-3.3-2.8-3.3-1.7 0-2.8 1.4-2.8 3.4s1.2 3.4 2.9 3.4c1.2 0 2.2-.6 2.5-1.7l.1-.2H85v.1c-.3.6-.9 1-1.7 1-1.3 0-1.9-1.2-2-2.3H86v-.4zm-.9-.3h-3.9c.1-1.1.7-2.3 1.9-2.3 1.5 0 2 1.3 2 2.3zM49.2 1.4c-1.1 0-1.7.7-2 1.2v-1h-.8V8h.8V4.8c0-.9.5-2.6 1.9-2.6s1.6 1.2 1.6 2.6V8h.8V4.7c0-1.6-.2-3.3-2.3-3.3zM12.1 6.6V5h2.4V3.7h-2.4V2.2h3.2V.8h-4.8V8h4.9V6.6zM38.3 6.6V5h2.3V3.7h-2.3V2.2h3.2V.8h-4.8V8h4.9V6.6zM65.5 3.3V1.6h-.8V8h.8V4.1l2.8-2v-.9zM77.6 1.2l-1.5 1.1c-.5-.6-1.1-.9-1.9-.9-1.4 0-2.4 1-2.4 2.4 0 1.1.6 2 1.6 2.3l-1.6 1.8c-.4.5-.6.9-.6 1.3 0 1.3 1.1 2.1 2.9 2.1 1.7 0 2.9-.9 2.9-2.1 0-1.3-1.1-2.1-2.9-2.1h-.6l.8-.9c1.3-.1 2.3-1.1 2.3-2.4 0-.3 0-.6-.1-.8l1.2-.8v-1zM74 7.8c1.2 0 2.1.5 2.1 1.4 0 .8-.8 1.4-2.1 1.4-1.2 0-2-.5-2-1.4 0-.8.8-1.4 2-1.4zm.1-2.4c-.9 0-1.6-.7-1.6-1.7s.7-1.6 1.6-1.6c.9 0 1.6.7 1.6 1.6 0 1-.7 1.7-1.6 1.7zM30.4 3.7c-.7-.2-1.4-.5-1.4-1s.4-.7 1-.7.9.5.9.9V3h1.7v-.1c0-1.3-1.1-2.2-2.6-2.2-1.6 0-2.6.8-2.6 2.1 0 1.5 1.3 1.9 2.4 2.3.7.2 1.4.4 1.4.9s-.3.8-1.1.8c-.7 0-1.1-.4-1.1-1v-.1h-1.7v.1c0 1.5 1.1 2.4 2.8 2.4 1.7 0 2.7-.8 2.7-2.2-.1-1.5-1.4-2-2.4-2.3z"})))};export default function(l){var h=l.byline,a=void 0!==h&&h,i=e(l,["byline"]);return a?c.createElement(v,Object.assign({},i)):c.createElement(t,Object.assign({},i))}
+//# sourceMappingURL=index.js.map

package/components/Logo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/Modal/Modal.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+export declare enum ModalVariants {
+    normal = "normal",
+    warning = "warning",
+    error = "error",
+    image = "image"
+}
+export interface ModalProps {
+    /** Title of the modal */
+    title: string;
+    /** Title of the modal */
+    titleId?: string;
+    /** Description of the modal */
+    description?: string;
+    /** Changes the visual representation of the modal. Description will not render if children prop is provided */
+    variant?: ModalVariants;
+    /** Displays a large modal */
+    large?: boolean;
+    /** Hides the close button */
+    noCloseButton?: boolean;
+    /** Sets the data-testid attribute. */
+    testId?: string;
+    /**Primary button text */
+    primaryButtonText?: string;
+    /**Secondary button text */
+    secondaryButtonText?: string;
+    /** Sets the aria-label of the modal */
+    ariaLabel?: string;
+    /** Sets the aria-labelledby of the modal */
+    ariaLabelledBy?: string;
+    /** Close button aria-label */
+    ariaLabelCloseBtn?: string;
+    /** Alternative component to modal */
+    children?: React.ReactNode;
+    /** Adds custom classes to the element. */
+    className?: string;
+    /** Function is called when user clicks primary button */
+    onSuccess?: () => void;
+    /** Function is called when user clicks secondary button */
+    onClose?: () => void;
+}
+declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLLIElement>>;
+export default Modal;
+//# sourceMappingURL=Modal.d.ts.map

package/components/Modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAgBzC,oBAAY,aAAa;IACvB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,UAAU;IACzB,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+GAA+G;IAC/G,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2BAA2B;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAgCD,QAAA,MAAM,KAAK,kFA0GT,CAAC;AAIH,eAAe,KAAK,CAAC"}