@helsenorge/designsystem-react 1.0.0-beta83 → 1.0.0-beta87

package/components/Modal/Modal.d.ts

@@ -5,6 +5,10 @@ export declare enum ModalVariants {
     error = "error",
     image = "image"
 }
+export declare enum ModalSize {
+    large = "large",
+    medium = "medium"
+}
 export interface ModalProps {
     /** Title of the modal */
     title: string;
@@ -13,9 +17,9 @@ export interface ModalProps {
     /** 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;
+    variant?: keyof typeof ModalVariants;
+    /** Change width of the modal (default: large) */
+    size?: keyof typeof ModalSize;
     /** Hides the close button */
     noCloseButton?: boolean;
     /** Sets the data-testid attribute. */
@@ -39,6 +43,15 @@ export interface ModalProps {
     /** Function is called when user clicks secondary button */
     onClose?: () => void;
 }
-declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLLIElement>>;
+declare const Modal: {
+    (props: ModalProps): JSX.Element;
+    defaultProps: {
+        variant: ModalVariants;
+        primaryButtonText: string;
+        large: boolean;
+        className: string;
+        size: ModalSize;
+    };
+};
 export default Modal;
 //# sourceMappingURL=Modal.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAiBzC,oBAAY,aAAa;IACvB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,MAAM,WAAW;CAClB;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,MAAM,OAAO,aAAa,CAAC;IACrC,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAC9B,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;AAuBD,QAAA,MAAM,KAAK;;;;;;;;;CAwIV,CAAC;AAIF,eAAe,KAAK,CAAC"}

package/components/Modal/__mocks__/IntersectionObserver.d.ts

@@ -0,0 +1,6 @@
+declare class IntersectionObserver {
+    observe(): void;
+    unobserve(): void;
+}
+export default IntersectionObserver;
+//# sourceMappingURL=IntersectionObserver.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IntersectionObserver.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/__mocks__/IntersectionObserver.ts"],"names":[],"mappings":"AAAA,cAAM,oBAAoB;IACxB,OAAO,IAAI,IAAI;IAGf,SAAS,IAAI,IAAI;CAGlB;AAMD,eAAe,oBAAoB,CAAC"}

package/components/Modal/componentdata.json

@@ -76,7 +76,7 @@
       "required": false,
       "type": {
         "name": "enum",
-        "raw": "ModalVariants | undefined",
+        "raw": "\"normal\" | \"warning\" | \"error\" | \"image\" | undefined",
         "value": [
           {
             "value": "undefined"
@@ -96,12 +96,12 @@
         ]
       }
     },
-    "large": {
+    "size": {
       "defaultValue": {
-        "value": "false"
+        "value": "ModalSize.large"
       },
-      "description": "Displays a large modal",
-      "name": "large",
+      "description": "Change width of the modal (default: large)",
+      "name": "size",
       "parent": {
         "fileName": "src/components/Modal/Modal.tsx",
         "name": "ModalProps"
@@ -114,7 +114,19 @@
       ],
       "required": false,
       "type": {
-        "name": "boolean"
+        "name": "enum",
+        "raw": "\"large\" | \"medium\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"large\""
+          },
+          {
+            "value": "\"medium\""
+          }
+        ]
       }
     },
     "noCloseButton": {

package/components/Modal/index.js

@@ -1,2 +1,2 @@
-import{M as s}from"../../Modal-5c2defa7.js";export{M as default}from"../../Modal-5c2defa7.js";import"react";import"../../index-9b84fabc.js";import"../../uuid-484288be.js";import"../../palette-f206f488.js";import"../../Button-7200b617.js";import"../../_rollupPluginBabelHelpers-e1c7fe69.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../grid-11a70eb7.js";import"../../constants-d1f48e8e.js";import"../../Loader-9e099b42.js";import"../Loader/styles.module.scss";import"../../useHover-57ad4df9.js";import"../../useWindowSize-c22d7634.js";import"../Button/styles.module.scss";import"../../AlertSignFill-64bfef57.js";import"./styles.module.scss";import"../../Title-863af332.js";import"../Title/styles.module.scss";
+import{M as s}from"../../Modal-ac3a4757.js";export{M as default}from"../../Modal-ac3a4757.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"../../palette-f206f488.js";import"../../Button-55952154.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../grid-11a70eb7.js";import"../../constants-d919236e.js";import"../../Loader-6ff0d481.js";import"../../uuid-8870ab4b.js";import"../Loader/styles.module.scss";import"../../useHover-037be19d.js";import"../../useWindowSize-73b47451.js";import"../Button/styles.module.scss";import"./styles.module.scss";import"../../AlertSignFill-e607ff43.js";import"../../Title-72851d51.js";import"../Title/styles.module.scss";import"../../Close-a6cbd165.js";import"../../X-8d8ff918.js";import"../Close/styles.module.scss";import"../../useBreakpoint-324a9b14.js";
 //# sourceMappingURL=index.js.map

package/components/Modal/styles.module.scss

@@ -1,6 +1,7 @@
+@import '../../scss/_spacers.scss';
 @import '../../scss/_palette.scss';
-@import '../../scss/spacers.scss';
 @import '../../scss/_breakpoints.scss';
+@import '../../scss/_font-settings.scss';
 
 .modal-overlay {
   z-index: 1300000;
@@ -12,10 +13,6 @@
   right: 0;
   bottom: 0;
 
-  &--lowerzindex {
-    z-index: 1100000;
-  }
-
   @media print {
     display: none;
   }
@@ -34,8 +31,16 @@
   background-color: $white;
   animation: open 200ms 1;
 
+  &__title--error {
+    color: $cherry600;
+  }
+
+  &__iconWrapper {
+    padding-right: 0.75rem;
+  }
+
   p {
-    font-size: 20px;
+    font-size: 1.125rem;
   }
 
   &--normal {
@@ -43,98 +48,103 @@
   }
   &--error {
     background-color: $cherry100;
-
-    &__title {
-      color: $cherry600;
-    }
   }
   &--warning {
     background-color: $banana50;
   }
-  &--error,
-  &--warning {
-    &__title {
-      div:nth-child(2) {
-        padding-left: 8px;
+
+  &--large {
+    width: calc(100vw - 0.75rem);
+    @media (max-width: map-get($grid-breakpoints, sm)) {
+      p {
+        font-size: 1.125rem;
       }
     }
-  }
 
-  @media (max-width: map-get($grid-breakpoints, sm)) {
-    width: calc(100vw - 24px);
-    p {
-      font-size: 18px;
+    @media (min-width: map-get($grid-breakpoints, md)) {
+      width: 612px;
+    }
+    @media (min-width: map-get($grid-breakpoints, lg)) {
+      width: 696px;
     }
   }
 
-  @media (min-width: map-get($grid-breakpoints, md)) {
-    width: 507px;
-  }
-  @media (min-width: map-get($grid-breakpoints, lg)) {
-    width: 515px;
-  }
+  &--medium {
+    width: calc(100vw - 0.75rem);
 
-  &--large {
     @media (min-width: map-get($grid-breakpoints, md)) {
-      width: 612px;
+      width: 335px;
     }
     @media (min-width: map-get($grid-breakpoints, lg)) {
-      width: 696px;
+      width: 515px;
     }
   }
 
   &--image {
-    max-height: calc(100vh - 24px);
-    max-width: calc(100vw - 24px);
+    @media (min-width: map-get($grid-breakpoints, md)) {
+      max-height: calc(100vh - 24px);
+      max-width: calc(100vw - 24px);
+      width: 100%;
+    }
+  }
+
+  &__shadow {
     width: 100%;
+    height: 16px;
+    position: absolute;
+    transition: opacity 0.5s;
+    opacity: 0;
+  }
 
-    &__img {
-      line-height: 0;
-      img {
-        max-height: calc(100vh - 185px);
-        max-width: calc(100vw - 57px);
-        min-width: 100%;
-      }
-    }
+  &__shadow--top {
+    //box-shadow: 0 3px 8px 4px grey;
+    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45702030812324934) 100%);
+  }
 
-    &__text {
-      font-size: 12pt;
-      padding-top: 16px;
-      display: block;
-    }
+  &__shadow--bottom {
+    //box-shadow: 0 -3px 8px 4px grey;
+    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45702030812324934) 100%);
+    margin-top: -16px;
   }
 
-  &__close {
-    position: absolute;
-    right: 15px;
-    top: 15px;
-    @media (max-width: map-get($grid-breakpoints, md)) {
-      right: 0px;
-      top: 0px;
-    }
+  &__shadow--show {
+    opacity: 1;
+  }
 
-    &--image {
+  &__closeWrapper {
+    position: relative;
+    width: 100%;
+
+    &__close {
       position: absolute;
-      right: 0px;
-      margin: 8px;
+      right: getSpacer(2xs);
+      top: getSpacer(2xs);
     }
   }
 
   &__contentWrapper {
-    padding: 48px;
-    @media (max-width: map-get($grid-breakpoints, sm)) {
-      padding: 32px 24px;
-    }
+    max-height: calc(100vh - 10rem);
+    overflow: auto;
 
     &--image {
-      padding: 48px 16px 32px;
+      max-height: 100vh;
     }
 
-    &__content {
-      margin: 20px 0;
-
-      &--image {
-        margin-top: 10px;
+    &__scroll {
+      &--large {
+        @media (max-width: map-get($grid-breakpoints, sm)) {
+          padding: getSpacer(xl) getSpacer(m) getSpacer(xs) getSpacer(m);
+        }
+        padding: getSpacer(xl) getSpacer(xl) getSpacer(xs) getSpacer(xl);
+      }
+      &--medium {
+        @media (max-width: map-get($grid-breakpoints, sm)) {
+          padding: getSpacer(xl) getSpacer(m) getSpacer(xs) getSpacer(m);
+        }
+        padding: getSpacer(l) getSpacer(m) getSpacer(xs) getSpacer(m);
+      }
+      &--large#{&}--image {
+        padding: getSpacer(xl) getSpacer(xs) getSpacer(l) getSpacer(xs);
       }
     }
 
@@ -146,39 +156,43 @@
         align-items: center;
       }
     }
+
+    &__imageWrapper {
+      line-height: 0;
+      text-align: center;
+      img {
+        max-height: calc(100vh - 185px);
+        max-width: calc(100vw - 57px);
+      }
+    }
+
+    &__imageDescription {
+      font-size: $font-size-xs;
+      padding-top: getSpacer(s);
+      display: block;
+    }
   }
 
   &__description {
     white-space: pre-line;
   }
 
-  &__lukkekryss {
-    height: 42px;
-    width: 42px;
-    padding: 0;
-    border: 0;
-    background-color: transparent;
-    cursor: pointer;
-
-    &:hover,
-    &:active {
-      background-color: rgba(88, 171, 187, 0.1);
-    }
-    &:focus {
-      box-shadow: 0px 0px 0px 2px $black;
-      background-color: rgba(88, 171, 187, 0.1);
-      border-radius: 0;
-      border: 0;
-      outline: none;
-    }
-  }
-
-  &__actions {
+  &__call-to-action {
     display: flex;
-    padding: 5px 0;
+
     button:first-child {
       margin-right: 24px;
     }
+
+    &--large {
+      padding: getSpacer(l) getSpacer(xl) getSpacer(xl) getSpacer(xl);
+      @media (max-width: map-get($grid-breakpoints, sm)) {
+        padding: getSpacer(l) getSpacer(m) getSpacer(l) getSpacer(m);
+      }
+    }
+    &--medium {
+      padding: getSpacer(m) getSpacer(m) getSpacer(m) getSpacer(m);
+    }
   }
 
   /* animation on open */

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

@@ -1,27 +1,33 @@
 export type Styles = {
   align: string;
   modal: string;
-  modal__actions: string;
-  modal__close: string;
-  'modal__close--image': string;
+  'modal__call-to-action': string;
+  'modal__call-to-action--large': string;
+  'modal__call-to-action--medium': string;
+  modal__closeWrapper: string;
+  modal__closeWrapper__close: string;
   modal__contentWrapper: string;
-  modal__contentWrapper__content: string;
-  'modal__contentWrapper__content--image': string;
+  modal__contentWrapper__imageDescription: string;
+  modal__contentWrapper__imageWrapper: string;
+  'modal__contentWrapper__scroll--image': string;
+  'modal__contentWrapper__scroll--large': string;
+  'modal__contentWrapper__scroll--medium': string;
   modal__contentWrapper__title: string;
   'modal__contentWrapper--image': string;
   modal__description: string;
-  modal__lukkekryss: string;
+  modal__iconWrapper: string;
+  modal__shadow: string;
+  'modal__shadow--bottom': string;
+  'modal__shadow--show': string;
+  'modal__shadow--top': string;
+  'modal__title--error': string;
   'modal--error': string;
-  'modal--error__title': string;
   'modal--image': string;
-  'modal--image__img': string;
-  'modal--image__text': string;
   'modal--large': string;
+  'modal--medium': string;
   'modal--normal': string;
   'modal--warning': string;
-  'modal--warning__title': string;
   'modal-overlay': string;
-  'modal-overlay--lowerzindex': string;
   open: string;
 };
 

package/components/NotificationPanel/NotificationPanel.d.ts

@@ -22,6 +22,8 @@ interface NotificationPanelProps {
     label?: string;
     /** Close button aria-label */
     ariaLabelCloseBtn?: string;
+    /** Sets the data-testid attribute. */
+    testId?: string;
 }
 export declare const variantToColorMap: {
     info: {

package/components/NotificationPanel/NotificationPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationPanel/NotificationPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,oBAAY,yBAAyB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC7E,oBAAY,sBAAsB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElE,UAAU,sBAAsB;IAC9B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mEAAmE;IACnE,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mDAAmD;IACnD,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAC9B,sFAAsF;IACtF,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAClE,wDAAwD;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;CAK7B,CAAC;AAUF,QAAA,MAAM,iBAAiB,+FAwFrB,CAAC;AAEH,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"NotificationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationPanel/NotificationPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,oBAAY,yBAAyB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC7E,oBAAY,sBAAsB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElE,UAAU,sBAAsB;IAC9B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mEAAmE;IACnE,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mDAAmD;IACnD,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAC9B,sFAAsF;IACtF,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAClE,wDAAwD;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;CAK7B,CAAC;AAUF,QAAA,MAAM,iBAAiB,+FAyFrB,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/components/NotificationPanel/componentdata.json

@@ -222,6 +222,25 @@
       "type": {
         "name": "string"
       }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute.",
+      "name": "testId",
+      "parent": {
+        "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
+        "name": "NotificationPanelProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
+          "name": "NotificationPanelProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
     }
   }
 }

package/components/NotificationPanel/index.js

@@ -1,2 +1,2 @@
-import{a as e}from"../../_rollupPluginBabelHelpers-e1c7fe69.js";import a from"react";import{c as o}from"../../index-9b84fabc.js";import{p as n}from"../../palette-f206f488.js";import{I as t,a as i}from"../../constants-d1f48e8e.js";import{u as l}from"../../useHover-57ad4df9.js";import{a as r,A as c,X as s}from"../../AlertSignFill-64bfef57.js";import m from"./styles.module.scss";import"../../_tslib-51c8a283.js";var f={info:a.createElement(t,{svgIcon:function(e){var o=e.isExtraSmall,n=e.isHovered,t=a.createElement("path",{d:"M25.672 30.501a.682.682 0 01-.322-.272.835.835 0 01-.11-.443v-7.917l-.112-.112-3.651.194v.544c.148.015.314.05.495.104.18.055.316.112.406.172a.994.994 0 01.299.316.88.88 0 01.119.459v6.337a.879.879 0 01-.098.443.623.623 0 01-.335.257c-.09.035-.197.06-.32.074a8.883 8.883 0 01-.38.038v.544h4.709v-.544a2.45 2.45 0 01-.7-.194M24 37.604c-7.5 0-13.604-6.103-13.604-13.604 0-7.501 6.104-13.603 13.604-13.603 7.502 0 13.602 6.102 13.602 13.603 0 7.501-6.1 13.604-13.601 13.604m0-28.909C15.56 8.695 8.694 15.562 8.694 24c0 8.438 6.867 15.305 15.305 15.305 8.438 0 15.304-6.867 15.304-15.305 0-8.438-6.866-15.305-15.304-15.305m-.274 10.632a1.559 1.559 0 100-3.118 1.559 1.559 0 000 3.118"}),i=a.createElement("path",{d:"M25.672 30.501a.682.682 0 01-.322-.272.835.835 0 01-.11-.443v-7.917l-.112-.112-3.651.194v.544c.148.015.314.05.495.104.18.055.316.112.406.172a.994.994 0 01.299.316.88.88 0 01.119.459v6.337a.879.879 0 01-.098.443.623.623 0 01-.335.257c-.09.035-.197.06-.32.074a8.883 8.883 0 01-.38.038v.544h4.709v-.544a2.45 2.45 0 01-.7-.194M24 37.604c-7.5 0-13.604-6.103-13.604-13.604 0-7.501 6.104-13.603 13.604-13.603 7.502 0 13.602 6.102 13.602 13.603 0 7.501-6.1 13.604-13.601 13.604m0-28.909C15.56 8.695 8.694 15.562 8.694 24c0 8.438 6.867 15.305 15.305 15.305 8.438 0 15.304-6.867 15.304-15.305 0-8.438-6.866-15.305-15.304-15.305m-.274 8.632a1.559 1.559 0 100-3.118 1.559 1.559 0 000 3.118"}),l=a.createElement("path",{d:"M25.668 30.487a.68.68 0 01-.32-.271.833.833 0 01-.111-.442v-7.9l-.112-.112-3.643.193v.543c.148.015.313.05.495.104.18.055.315.112.405.172a.991.991 0 01.297.315.877.877 0 01.119.458v6.324c0 .182-.032.33-.097.442a.622.622 0 01-.334.256c-.09.035-.197.06-.32.074-.124.015-.25.028-.38.038v.543h4.7v-.543a2.445 2.445 0 01-.699-.194M24 37.575c-7.485 0-13.575-6.09-13.575-13.575 0-7.485 6.09-13.574 13.575-13.574 7.486 0 13.574 6.089 13.574 13.574 0 7.485-6.088 13.575-13.574 13.575m0-28.848C15.58 8.727 8.728 15.58 8.728 24S15.579 39.273 24 39.273c8.42 0 15.272-6.853 15.272-15.273S32.421 8.727 24 8.727m-.274 10.61a1.556 1.556 0 100-3.112 1.556 1.556 0 000 3.112"});return o?n?a.createElement("path",{d:"M25.668 30.487a.68.68 0 01-.32-.271.833.833 0 01-.111-.442v-7.9l-.112-.112-3.643.193v.543c.148.015.313.05.495.104.18.055.315.112.405.172a.991.991 0 01.297.315.877.877 0 01.119.458v6.324c0 .182-.032.33-.097.442a.622.622 0 01-.334.256c-.09.035-.197.06-.32.074-.124.015-.25.028-.38.038v.543h4.7v-.543a2.445 2.445 0 01-.699-.194M24 37.575c-7.485 0-13.575-6.09-13.575-13.575 0-7.485 6.09-13.574 13.575-13.574 7.486 0 13.574 6.089 13.574 13.574 0 7.485-6.088 13.575-13.574 13.575m0-28.848C15.58 8.727 8.728 15.58 8.728 24S15.579 39.273 24 39.273c8.42 0 15.272-6.853 15.272-15.273S32.421 8.727 24 8.727m-.274 8.084a1.556 1.556 0 100-3.112 1.556 1.556 0 000 3.112"}):l:n?i:t},color:n.kiwi900,hoverColor:n.kiwi900}),warn:a.createElement(t,{svgIcon:r,color:"black",hoverColor:"black"}),alert:a.createElement(t,{svgIcon:c,color:n.cherry500,hoverColor:n.cherry500}),alertLabel:a.createElement(t,{svgIcon:r,color:n.cherry500,hoverColor:n.cherry500}),crisis:a.createElement(t,{svgIcon:c,color:n.banana200,hoverColor:n.banana200})},v=a.forwardRef((function(r,c){var v,p,d,h=r.children,u=r.variant,_=void 0===u?"info":u,b=r.shadow,E=void 0!==b&&b,C=r.dismissable,w=void 0!==C&&C,g=r.onClick,y=r.label,M=r.fluid,k=void 0!==M&&M,I=r.size,N=r.className,S=l(void 0,w),j=S.hoverRef,H=S.isHovered,L=o(m["notification-panel__close-button"],"crisis"===_?m["notification-panel__close-button--crisis"]:"");var x;return x=a.createElement("div",{ref:c,className:o(m["notification-panel"],m["notification-panel--"+I],m["notification-panel--"+_],(v={},e(v,m["notification-panel--shadow"],!k&&E),e(v,m["notification-panel--haslabel"],!!y&&!h),e(v,m["notification-panel--dismissable"],w),v),N||"")},a.createElement("span",{className:m["notification-panel__icon"]},f["alert"===_&&y&&!h?"alertLabel":_]),a.createElement("section",{"aria-label":function(){if(h){var e="";return a.Children.map(h,(function(a){"string"==typeof a&&(e+=a)})),e}return""}(),className:o(m["notification-panel__content"],(p={},e(p,m["notification-panel__content--crisis"],"crisis"===_),e(p,m["notification-panel__content--haslabel"],!!y&&!h),e(p,m["notification-panel__content--isred"],"alert"===_&&!!y&&!h),p))},y?a.createElement("h1",{className:m["notification-panel__label"],dangerouslySetInnerHTML:{__html:y}}):null,h),w?a.createElement("span",{className:m["notification-panel__action-column"]},a.createElement("button",{className:L,onClick:g,ref:j,"aria-label":null!==(d=r.ariaLabelCloseBtn)&&void 0!==d?d:"Lukk"},a.createElement(t,{svgIcon:s,isHovered:H,size:i.XSmall,color:"crisis"===_?n.white:n.blueberry500,hoverColor:"crisis"===_?n.white:n.blueberry700}))):null),k?a.createElement("div",{className:o(m["notification-panel__fluidwrapper"],m["notification-panel__fluidwrapper--"+_],e({},m["notification-panel__fluidwrapper--shadow"],E))},x):x}));export default v;
+import{a as e}from"../../_rollupPluginBabelHelpers-d0752906.js";import a from"react";import{c as t}from"../../index-9b84fabc.js";import{p as o}from"../../palette-f206f488.js";import{I as i,a as n}from"../../constants-d919236e.js";import{u as r}from"../../useHover-037be19d.js";import{a as l,A as c}from"../../AlertSignFill-e607ff43.js";import{X as s}from"../../X-8d8ff918.js";import m from"./styles.module.scss";import"../../_tslib-51c8a283.js";var f={info:a.createElement(i,{svgIcon:function(e){var t=e.isExtraSmall,o=e.isHovered,i=a.createElement("path",{d:"M25.672 30.501a.682.682 0 01-.322-.272.835.835 0 01-.11-.443v-7.917l-.112-.112-3.651.194v.544c.148.015.314.05.495.104.18.055.316.112.406.172a.994.994 0 01.299.316.88.88 0 01.119.459v6.337a.879.879 0 01-.098.443.623.623 0 01-.335.257c-.09.035-.197.06-.32.074a8.883 8.883 0 01-.38.038v.544h4.709v-.544a2.45 2.45 0 01-.7-.194M24 37.604c-7.5 0-13.604-6.103-13.604-13.604 0-7.501 6.104-13.603 13.604-13.603 7.502 0 13.602 6.102 13.602 13.603 0 7.501-6.1 13.604-13.601 13.604m0-28.909C15.56 8.695 8.694 15.562 8.694 24c0 8.438 6.867 15.305 15.305 15.305 8.438 0 15.304-6.867 15.304-15.305 0-8.438-6.866-15.305-15.304-15.305m-.274 10.632a1.559 1.559 0 100-3.118 1.559 1.559 0 000 3.118"}),n=a.createElement("path",{d:"M25.672 30.501a.682.682 0 01-.322-.272.835.835 0 01-.11-.443v-7.917l-.112-.112-3.651.194v.544c.148.015.314.05.495.104.18.055.316.112.406.172a.994.994 0 01.299.316.88.88 0 01.119.459v6.337a.879.879 0 01-.098.443.623.623 0 01-.335.257c-.09.035-.197.06-.32.074a8.883 8.883 0 01-.38.038v.544h4.709v-.544a2.45 2.45 0 01-.7-.194M24 37.604c-7.5 0-13.604-6.103-13.604-13.604 0-7.501 6.104-13.603 13.604-13.603 7.502 0 13.602 6.102 13.602 13.603 0 7.501-6.1 13.604-13.601 13.604m0-28.909C15.56 8.695 8.694 15.562 8.694 24c0 8.438 6.867 15.305 15.305 15.305 8.438 0 15.304-6.867 15.304-15.305 0-8.438-6.866-15.305-15.304-15.305m-.274 8.632a1.559 1.559 0 100-3.118 1.559 1.559 0 000 3.118"}),r=a.createElement("path",{d:"M25.668 30.487a.68.68 0 01-.32-.271.833.833 0 01-.111-.442v-7.9l-.112-.112-3.643.193v.543c.148.015.313.05.495.104.18.055.315.112.405.172a.991.991 0 01.297.315.877.877 0 01.119.458v6.324c0 .182-.032.33-.097.442a.622.622 0 01-.334.256c-.09.035-.197.06-.32.074-.124.015-.25.028-.38.038v.543h4.7v-.543a2.445 2.445 0 01-.699-.194M24 37.575c-7.485 0-13.575-6.09-13.575-13.575 0-7.485 6.09-13.574 13.575-13.574 7.486 0 13.574 6.089 13.574 13.574 0 7.485-6.088 13.575-13.574 13.575m0-28.848C15.58 8.727 8.728 15.58 8.728 24S15.579 39.273 24 39.273c8.42 0 15.272-6.853 15.272-15.273S32.421 8.727 24 8.727m-.274 10.61a1.556 1.556 0 100-3.112 1.556 1.556 0 000 3.112"});return t?o?a.createElement("path",{d:"M25.668 30.487a.68.68 0 01-.32-.271.833.833 0 01-.111-.442v-7.9l-.112-.112-3.643.193v.543c.148.015.313.05.495.104.18.055.315.112.405.172a.991.991 0 01.297.315.877.877 0 01.119.458v6.324c0 .182-.032.33-.097.442a.622.622 0 01-.334.256c-.09.035-.197.06-.32.074-.124.015-.25.028-.38.038v.543h4.7v-.543a2.445 2.445 0 01-.699-.194M24 37.575c-7.485 0-13.575-6.09-13.575-13.575 0-7.485 6.09-13.574 13.575-13.574 7.486 0 13.574 6.089 13.574 13.574 0 7.485-6.088 13.575-13.574 13.575m0-28.848C15.58 8.727 8.728 15.58 8.728 24S15.579 39.273 24 39.273c8.42 0 15.272-6.853 15.272-15.273S32.421 8.727 24 8.727m-.274 8.084a1.556 1.556 0 100-3.112 1.556 1.556 0 000 3.112"}):r:o?n:i},color:o.kiwi900,hoverColor:o.kiwi900}),warn:a.createElement(i,{svgIcon:l,color:"black",hoverColor:"black"}),alert:a.createElement(i,{svgIcon:c,color:o.cherry500,hoverColor:o.cherry500}),alertLabel:a.createElement(i,{svgIcon:l,color:o.cherry500,hoverColor:o.cherry500}),crisis:a.createElement(i,{svgIcon:c,color:o.banana200,hoverColor:o.banana200})},v=a.forwardRef((function(l,c){var v,p,d,h=l.children,u=l.variant,_=void 0===u?"info":u,b=l.shadow,E=void 0!==b&&b,C=l.dismissable,w=void 0!==C&&C,g=l.onClick,y=l.label,I=l.fluid,M=void 0!==I&&I,j=l.size,k=l.className,N=l.testId,S=r(void 0,w),H=S.hoverRef,L=S.isHovered,x=t(m["notification-panel__close-button"],"crisis"===_?m["notification-panel__close-button--crisis"]:"");var z;return z=a.createElement("div",{ref:c,"data-testid":N,className:t(m["notification-panel"],m["notification-panel--"+j],m["notification-panel--"+_],(v={},e(v,m["notification-panel--shadow"],!M&&E),e(v,m["notification-panel--haslabel"],!!y&&!h),e(v,m["notification-panel--dismissable"],w),v),k||"")},a.createElement("span",{className:m["notification-panel__icon"]},f["alert"===_&&y&&!h?"alertLabel":_]),a.createElement("section",{"aria-label":function(){if(h){var e="";return a.Children.map(h,(function(a){"string"==typeof a&&(e+=a)})),e}return""}(),className:t(m["notification-panel__content"],(p={},e(p,m["notification-panel__content--crisis"],"crisis"===_),e(p,m["notification-panel__content--haslabel"],!!y&&!h),e(p,m["notification-panel__content--isred"],"alert"===_&&!!y&&!h),p))},y?a.createElement("h1",{className:m["notification-panel__label"],dangerouslySetInnerHTML:{__html:y}}):null,h),w?a.createElement("span",{className:m["notification-panel__action-column"]},a.createElement("button",{className:x,onClick:g,ref:H,"aria-label":null!==(d=l.ariaLabelCloseBtn)&&void 0!==d?d:"Lukk"},a.createElement(i,{svgIcon:s,isHovered:L,size:n.XSmall,color:"crisis"===_?o.white:o.blueberry500,hoverColor:"crisis"===_?o.white:o.blueberry700}))):null),M?a.createElement("div",{className:t(m["notification-panel__fluidwrapper"],m["notification-panel__fluidwrapper--"+_],e({},m["notification-panel__fluidwrapper--shadow"],E))},z):z}));export default v;
 //# sourceMappingURL=index.js.map

package/components/Slider/Slider.d.ts

@@ -12,6 +12,8 @@ interface SliderProps {
     disabled?: boolean;
     /** Function to be called when the value state has changed. */
     onChange?: (value: number) => void;
+    /** Sets the data-testid attribute. */
+    testId?: string;
 }
 export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLElement>>;
 export default Slider;

package/components/Slider/Slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAqB3D,UAAU,WAAW;IACnB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,MAAM,iFA+IjB,CAAC;AAEH,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAqB3D,UAAU,WAAW;IACnB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,iFA+IjB,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/components/Slider/componentdata.json

@@ -113,6 +113,25 @@
       "type": {
         "name": "((value: number) => void)"
       }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute.",
+      "name": "testId",
+      "parent": {
+        "fileName": "src/components/Slider/Slider.tsx",
+        "name": "SliderProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Slider/Slider.tsx",
+          "name": "SliderProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
     }
   }
 }

package/components/Slider/index.js

@@ -1,2 +1,2 @@
-import{_ as e}from"../../_rollupPluginBabelHelpers-e1c7fe69.js";import t,{useState as n,useRef as r,useEffect as o}from"react";import{c as a}from"../../index-9b84fabc.js";import{T as i}from"../../Title-863af332.js";import c from"./styles.module.scss";import"../Title/styles.module.scss";var u=function(e){return e.stopPropagation&&e.stopPropagation(),e.preventDefault&&e.preventDefault(),!1},l=function(e){return d(e)?e.touches[0].pageX:e.pageX},s=function(e){var t=e?e.getBoundingClientRect():void 0;return t?t.right-t.left:0},d=function(e){return("touchcancel"===e.type||"touchend"===e.type||"touchenter"===e.type||"touchleave"===e.type||"touchmove"===e.type||"touchstart"===e.type)&&!(0===e.touches.length)},m=function(e,t,n){var r=e-e%t,o=Math.floor(n/t)*t;e>o&&(e>o+(n-o)/2&&(r=n));return Math.round(r)},f=t.forwardRef((function(d,f){var v=d.title,p=d.labelLeft,h=d.labelRight,_=d.disabled,g=void 0!==_&&_,E=d.step,y=void 0===E?1:E,b=d.onChange,w=n(50),k=e(w,2),L=k[0],N=k[1],x=n(!1),D=e(x,2),M=D[0],R=D[1],A=n(0),T=e(A,2),j=T[0],B=T[1],C=n(0),P=e(C,2),X=P[0],H=P[1],I=n(0),K=e(I,2),S=K[0],U=K[1],q=n(0),z=e(q,2),F=z[0],G=z[1],J=f||r(null),O=r(null),Q=function(e){ee(e)},V=function(e){$(e)},W=function(e){ee(e)},Y=function(e){$(e)};o((function(){var e=s(J.current),t=s(O.current);U(function(e,t,n,r,o){return(t-n)/(o-r)*e}(L,e,t,0,100)),B(e),H(t)}),[]),o((function(){M&&(function(e,t){document.addEventListener("mousemove",e,!1),document.addEventListener("mouseup",t,!1)}(Q,V),function(e,t){document.addEventListener("touchmove",e,!1),document.addEventListener("touchend",t,!1)}(W,Y))}),[M]),o((function(){!g&&b&&b(L)}),[L]);var Z=function(e){var t;if(!g){var n=s(J.current),r=s(O.current),o=l(e);!function(e,t,n,r){var o=t?t.getBoundingClientRect():void 0,a=o?o.left:0;r(a?e-(a+n/2):0)}(o,O.current,r,te),R(!0),G(o),B(n),H(r),null===(t=O.current)||void 0===t||t.focus(),u(e)}},$=function(e){g||(R(!1),function(e,t){document.removeEventListener("mousemove",e,!1),document.removeEventListener("mouseup",t,!1)}(Q,V),function(e,t){document.removeEventListener("touchmove",e,!1),document.removeEventListener("touchend",t,!1)}(W,Y),u(e))},ee=function(e){if(!g&&M){var t=l(e);te(t-F),u(e)}},te=function(e){if(0!==e){var t=function(e,t,n,r){var o=r+e;return o<0&&(o=0),o>t-n&&(o=t-n),o}(e,j,X,S);U(t),G(t+e),N(function(e,t,n,r,o,a){var i=(t-n)/(a-o),c=Math.round(e/i);return m(c,r,a)}(t,j,X,y,0,100))}};return t.createElement("div",{className:c.slider},v&&t.createElement(i,{htmlMarkup:"h3",margin:1.5,appearance:"title3"},v),t.createElement("div",{ref:J,className:a(c["slider__track-wrapper"],g?c["slider__track-wrapper--disabled"]:""),onMouseDown:Z,onTouchStart:Z,"data-testid":"tracker"},t.createElement("div",{className:a(c.slider__track,g?c["slider__track--disabled"]:"")}),t.createElement("div",{ref:O,className:a(c.slider__trigger,g?c["slider__trigger--disabled"]:""),style:{left:"".concat(S,"px")},onKeyDown:function(e){if(!g){var t=(j-X)/100;"ArrowRight"!==e.key&&"ArrowDown"!==e.key||te(y*t),"ArrowLeft"!==e.key&&"ArrowUp"!==e.key||te(-y*t)}},role:"slider","aria-valuenow":L,"aria-valuemin":0,"aria-valuemax":100,"aria-label":"".concat(v?v+" ":"").concat(p?p+" ":"").concat(h?h+" ":""),tabIndex:g?-1:0},t.createElement("div",{className:a(c["slider__trigger-inner"],g?c["slider__trigger-inner--disabled"]:"")}))),(p||h)&&t.createElement("span",{className:c.slider__options},t.createElement("p",{className:c.slider__text,"aria-hidden":!0},p),t.createElement("p",{className:c.slider__text,"aria-hidden":!0},h)))}));export default f;
+import{_ as e}from"../../_rollupPluginBabelHelpers-d0752906.js";import t,{useState as n,useRef as r,useEffect as o}from"react";import{c as a}from"../../index-9b84fabc.js";import{T as i}from"../../Title-72851d51.js";import c from"./styles.module.scss";import"../Title/styles.module.scss";var u=function(e){return e.stopPropagation&&e.stopPropagation(),e.preventDefault&&e.preventDefault(),!1},l=function(e){return d(e)?e.touches[0].pageX:e.pageX},s=function(e){var t=e?e.getBoundingClientRect():void 0;return t?t.right-t.left:0},d=function(e){return("touchcancel"===e.type||"touchend"===e.type||"touchenter"===e.type||"touchleave"===e.type||"touchmove"===e.type||"touchstart"===e.type)&&!(0===e.touches.length)},m=function(e,t,n){var r=e-e%t,o=Math.floor(n/t)*t;e>o&&(e>o+(n-o)/2&&(r=n));return Math.round(r)},f=t.forwardRef((function(d,f){var v=d.title,p=d.labelLeft,h=d.labelRight,_=d.disabled,g=void 0!==_&&_,E=d.step,y=void 0===E?1:E,b=d.onChange,w=d.testId,k=n(50),L=e(k,2),N=L[0],x=L[1],D=n(!1),M=e(D,2),R=M[0],A=M[1],T=n(0),j=e(T,2),B=j[0],C=j[1],P=n(0),I=e(P,2),X=I[0],H=I[1],K=n(0),S=e(K,2),U=S[0],q=S[1],z=n(0),F=e(z,2),G=F[0],J=F[1],O=f||r(null),Q=r(null),V=function(e){te(e)},W=function(e){ee(e)},Y=function(e){te(e)},Z=function(e){ee(e)};o((function(){var e=s(O.current),t=s(Q.current);q(function(e,t,n,r,o){return(t-n)/(o-r)*e}(N,e,t,0,100)),C(e),H(t)}),[]),o((function(){R&&(function(e,t){document.addEventListener("mousemove",e,!1),document.addEventListener("mouseup",t,!1)}(V,W),function(e,t){document.addEventListener("touchmove",e,!1),document.addEventListener("touchend",t,!1)}(Y,Z))}),[R]),o((function(){!g&&b&&b(N)}),[N]);var $=function(e){var t;if(!g){var n=s(O.current),r=s(Q.current),o=l(e);!function(e,t,n,r){var o=t?t.getBoundingClientRect():void 0,a=o?o.left:0;r(a?e-(a+n/2):0)}(o,Q.current,r,ne),A(!0),J(o),C(n),H(r),null===(t=Q.current)||void 0===t||t.focus(),u(e)}},ee=function(e){g||(A(!1),function(e,t){document.removeEventListener("mousemove",e,!1),document.removeEventListener("mouseup",t,!1)}(V,W),function(e,t){document.removeEventListener("touchmove",e,!1),document.removeEventListener("touchend",t,!1)}(Y,Z),u(e))},te=function(e){if(!g&&R){var t=l(e);ne(t-G),u(e)}},ne=function(e){if(0!==e){var t=function(e,t,n,r){var o=r+e;return o<0&&(o=0),o>t-n&&(o=t-n),o}(e,B,X,U);q(t),J(t+e),x(function(e,t,n,r,o,a){var i=(t-n)/(a-o),c=Math.round(e/i);return m(c,r,a)}(t,B,X,y,0,100))}};return t.createElement("div",{className:c.slider,"data-testid":w},v&&t.createElement(i,{htmlMarkup:"h3",margin:1.5,appearance:"title3"},v),t.createElement("div",{ref:O,className:a(c["slider__track-wrapper"],g?c["slider__track-wrapper--disabled"]:""),onMouseDown:$,onTouchStart:$,"data-testid":"tracker"},t.createElement("div",{className:a(c.slider__track,g?c["slider__track--disabled"]:"")}),t.createElement("div",{ref:Q,className:a(c.slider__trigger,g?c["slider__trigger--disabled"]:""),style:{left:"".concat(U,"px")},onKeyDown:function(e){if(!g){var t=(B-X)/100;"ArrowRight"!==e.key&&"ArrowDown"!==e.key||ne(y*t),"ArrowLeft"!==e.key&&"ArrowUp"!==e.key||ne(-y*t)}},role:"slider","aria-valuenow":N,"aria-valuemin":0,"aria-valuemax":100,"aria-label":"".concat(v?v+" ":"").concat(p?p+" ":"").concat(h?h+" ":""),tabIndex:g?-1:0},t.createElement("div",{className:a(c["slider__trigger-inner"],g?c["slider__trigger-inner--disabled"]:"")}))),(p||h)&&t.createElement("span",{className:c.slider__options},t.createElement("p",{className:c.slider__text,"aria-hidden":!0},p),t.createElement("p",{className:c.slider__text,"aria-hidden":!0},h)))}));export default f;
 //# sourceMappingURL=index.js.map

package/components/Spacer/Spacer.d.ts

@@ -5,6 +5,8 @@ interface SpacerProps {
     size?: SpacerSizes;
     /** Adds custom classes to the element. */
     className?: string;
+    /** Sets the data-testid attribute. */
+    testId?: string;
 }
 declare const Spacer: React.ForwardRefExoticComponent<SpacerProps & React.RefAttributes<HTMLElement>>;
 export default Spacer;

package/components/Spacer/Spacer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../../../src/components/Spacer/Spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAIpD,UAAU,WAAW;IACnB,mCAAmC;IACnC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,MAAM,iFAqBV,CAAC;AAEH,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../../../src/components/Spacer/Spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAIpD,UAAU,WAAW;IACnB,mCAAmC;IACnC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,MAAM,iFAqBV,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/components/Spacer/componentdata.json

@@ -79,6 +79,25 @@
       "type": {
         "name": "string"
       }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute.",
+      "name": "testId",
+      "parent": {
+        "fileName": "src/components/Spacer/Spacer.tsx",
+        "name": "SpacerProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Spacer/Spacer.tsx",
+          "name": "SpacerProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
     }
   }
 }

package/components/Spacer/index.js

@@ -1,2 +1,2 @@
-import{a as s}from"../../_rollupPluginBabelHelpers-e1c7fe69.js";import e from"react";import{c as r}from"../../index-9b84fabc.js";import a from"./styles.module.scss";var l=e.forwardRef((function(l,c){var p,x=l.size,m=void 0===x?"s":x,o=l.className,t=r(a.spacer,(s(p={},a["spacer--2xs"],"2xs"===m),s(p,a["spacer--xs"],"xs"===m),s(p,a["spacer--s"],"s"===m),s(p,a["spacer--m"],"m"===m),s(p,a["spacer--l"],"l"===m),s(p,a["spacer--xl"],"xl"===m),s(p,a["spacer--2xl"],"2xl"===m),s(p,a["spacer--3xl"],"3xl"===m),s(p,a["spacer--4xl"],"4xl"===m),s(p,a["spacer--5xl"],"5xl"===m),s(p,a["spacer--6xl"],"6xl"===m),p),o);return e.createElement("span",{className:t,ref:c})}));export default l;
+import{a as s}from"../../_rollupPluginBabelHelpers-d0752906.js";import e from"react";import{c as r}from"../../index-9b84fabc.js";import a from"./styles.module.scss";var l=e.forwardRef((function(l,c){var p,x=l.size,t=void 0===x?"s":x,m=l.className,o=l.testId,f=r(a.spacer,(s(p={},a["spacer--2xs"],"2xs"===t),s(p,a["spacer--xs"],"xs"===t),s(p,a["spacer--s"],"s"===t),s(p,a["spacer--m"],"m"===t),s(p,a["spacer--l"],"l"===t),s(p,a["spacer--xl"],"xl"===t),s(p,a["spacer--2xl"],"2xl"===t),s(p,a["spacer--3xl"],"3xl"===t),s(p,a["spacer--4xl"],"4xl"===t),s(p,a["spacer--5xl"],"5xl"===t),s(p,a["spacer--6xl"],"6xl"===t),p),m);return e.createElement("span",{className:f,ref:c,"data-testid":o})}));export default l;
 //# sourceMappingURL=index.js.map

package/components/Tile/Tile.d.ts

@@ -16,6 +16,8 @@ interface TileProps extends HTMLAnchorProps {
     fixed?: boolean;
     /** Called when the tile is clicked on. */
     onClick?: (e?: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    /** Sets the data-testid attribute. */
+    testId?: string;
 }
 interface TileTitleProps {
     children: React.ReactNode;

package/components/Tile/Tile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAK7C,UAAU,SAAU,SAAQ,eAAe;IACzC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,sDAAsD;IACtD,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACnE;AAED,UAAU,cAAc;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,yBAAyB,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACvH,KAAK,EAAE,KAAK,CAAC,yBAAyB,CAAC,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC;CAClG;AAqBD,eAAO,MAAM,IAAI,cAkCC,CAAC;AAInB,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAK7C,UAAU,SAAU,SAAQ,eAAe;IACzC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,sDAAsD;IACtD,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAClE,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,cAAc;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,yBAAyB,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACvH,KAAK,EAAE,KAAK,CAAC,yBAAyB,CAAC,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC;CAClG;AAqBD,eAAO,MAAM,IAAI,cAmCC,CAAC;AAInB,eAAe,IAAI,CAAC"}