@bbl-digital/snorre 4.0.21 → 4.0.23

package/esm/core/Image/index.js

@@ -1,6 +1,6 @@
 /** @jsxImportSource @emotion/react */
 
-import React, { useState } from 'react';
+import React, { useMemo, useState } from 'react';
 import { convertBlobToObjectUrl } from '../../utils/image';
 import styles from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
@@ -16,16 +16,31 @@ const Image = ({
   radius,
   withPlaceholder,
   fallbackUrl,
+  interactive,
   ...restProps
 }) => {
   const [imageLoaded, setImageLoaded] = useState(false);
   const [imageSrc, setImageSrc] = useState(src || blob && convertBlobToObjectUrl(blob) || undefined);
+  const altText = useMemo(() => {
+    if (!imageLoaded && withPlaceholder) return 'Laster bilde...';
+    if (!imageSrc) return 'Bilde ikke tilgjengelig';
+    return alt;
+  }, [imageLoaded, imageSrc, alt]);
+  const handleLoad = () => {
+    setImageLoaded(true);
+  };
+  const handleError = () => {
+    setImageSrc(fallbackUrl);
+    setImageLoaded(false);
+  };
   return _jsx("img", {
     src: imageSrc,
-    alt: alt,
-    onLoad: withPlaceholder ? () => setImageLoaded(true) : undefined,
-    onError: fallbackUrl ? () => setImageSrc(fallbackUrl) : undefined,
+    alt: altText,
+    onLoad: withPlaceholder ? () => handleLoad() : undefined,
+    onError: fallbackUrl ? () => handleError() : undefined,
     css: theme => [height && styles.height(height), width && styles.width(width), responsive && styles.responsive, objectFit && styles.objectFit(objectFit), withPlaceholder && !imageLoaded && styles.placeholder(theme), radius && styles.radius(radius), css && css],
+    tabIndex: interactive ? 0 : undefined,
+    role: interactive ? 'button' : undefined,
     ...restProps
   });
 };

package/esm/core/ImagePicker/ImagePicker.stories.js

@@ -4,10 +4,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const state = createState({
   images: []
 });
-export default {
+const meta = {
   title: 'Core/ImagePicker',
   component: ImagePicker
 };
+export default meta;
 export const Default = {
   render: () => /*#__PURE__*/_jsx("div", {
     style: {

package/esm/core/ImagePicker/index.js

@@ -78,6 +78,7 @@ const ImagePicker = ({
                 focusable: true,
                 css: styles.deleteButton,
                 onClick: () => onImageRemove(0),
+                "aria-label": "Fjern bilde",
                 children: _jsx(IconWithBackground, {
                   variant: "delete",
                   icon: _jsx(IconDelete, {})
@@ -95,6 +96,7 @@ const ImagePicker = ({
                 nostyle: true,
                 focusable: true,
                 css: styles.pinButton,
+                "aria-label": "Sett som hovedbilde",
                 onClick: () => setMainImage(index + 1),
                 children: _jsx(IconWithBackground, {
                   icon: _jsx(IconImage, {}),
@@ -104,6 +106,7 @@ const ImagePicker = ({
                 nostyle: true,
                 focusable: true,
                 css: styles.deleteButton,
+                "aria-label": "Fjern bilde",
                 onClick: () => onImageRemove(index + 1),
                 children: _jsx(IconWithBackground, {
                   variant: "delete",
@@ -117,6 +120,7 @@ const ImagePicker = ({
               ...dragProps
             })]
           }), errors?.acceptType && _jsx(Text, {
+            role: "alert",
             children: "Bilde formatet st\xF8ttes ikke"
           })]
         });

package/esm/core/ImageViewer/index.js

@@ -8,6 +8,7 @@ import IconChevronLeft from '../../icons/General/IconChevronLeft';
 import IconClose from '../../icons/General/IconClose';
 import { useEffect, useState } from 'react';
 import { Key } from '../../enums/Keyboard';
+import { VisuallyHidden } from 'react-aria';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const ImageViewer = ({
@@ -30,10 +31,15 @@ const ImageViewer = ({
   const hasMultipleImages = Boolean(images.length > 1);
   return _jsx("div", {
     css: styles.overlay,
-    children: _jsx("div", {
+    children: _jsxs("div", {
       css: styles.carousel,
       role: "dialog",
-      children: _jsx(Carousel, {
+      "aria-modal": true,
+      "aria-labelledby": "carousel-heading",
+      children: [_jsx(VisuallyHidden, {
+        id: "carousel-heading",
+        children: "Bildevisning"
+      }), _jsx(Carousel, {
         enableKeyboardControls: true,
         swiping: hasMultipleImages,
         dragging: hasMultipleImages,
@@ -44,6 +50,7 @@ const ImageViewer = ({
         renderTopRightControls: () => _jsx("button", {
           css: styles.closeBtn,
           onClick: onClose,
+          "aria-label": "Lukk bildevisning",
           children: _jsx(IconClose, {
             color: "white"
           })
@@ -53,6 +60,7 @@ const ImageViewer = ({
         }) => hasMultipleImages && _jsx("button", {
           css: styles.controlBtn('right'),
           onClick: nextSlide,
+          "aria-label": "Naviger til neste bilde",
           children: _jsx(IconChevronLeft, {
             size: 18,
             color: theme.btnDefaultFontColor,
@@ -64,6 +72,7 @@ const ImageViewer = ({
         }) => hasMultipleImages && _jsx("button", {
           css: styles.controlBtn('left'),
           onClick: previousSlide,
+          "aria-label": "Naviger til forrige bilde",
           children: _jsx(IconChevronLeft, {
             size: 18,
             color: theme.btnDefaultFontColor
@@ -76,19 +85,20 @@ const ImageViewer = ({
           children: _jsxs(Text, {
             color: theme.btnDefaultFontColor,
             size: "14px",
+            "aria-label": `Bilde ${currentSlide + 1} av ${images.length}`,
             children: [currentSlide + 1, " / ", images.length]
           })
         }),
         children: images.map((imageSrc, i) => _jsx("div", {
-          css: [styles.imageContainer(isZoomed), process.env.NODE_ENV === "production" ? "" : ";label:ImageViewer;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRnlCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnXG5pbXBvcnQgSW1hZ2UgZnJvbSAnLi4vSW1hZ2UnXG5pbXBvcnQgQ2Fyb3VzZWwgZnJvbSAnbnVrYS1jYXJvdXNlbCdcbmltcG9ydCBUZXh0IGZyb20gJy4uL1RleHQnXG5pbXBvcnQgSWNvbkNoZXZyb25MZWZ0IGZyb20gJy4uLy4uL2ljb25zL0dlbmVyYWwvSWNvbkNoZXZyb25MZWZ0J1xuaW1wb3J0IEljb25DbG9zZSBmcm9tICcuLi8uLi9pY29ucy9HZW5lcmFsL0ljb25DbG9zZSdcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEtleSB9IGZyb20gJy4uLy4uL2VudW1zL0tleWJvYXJkJ1xuXG50eXBlIFByb3BzID0ge1xuICAvKiogSW1hZ2Ugc3JjJ3MgKi9cbiAgaW1hZ2VzOiBzdHJpbmdbXVxuICAvKiogSW1hZ2UgbGlzdCBpbmRleCB0byBkaXNwbGF5IGluaXRpYWxseSwgZGVmYXVsdHMgdG8gMCAqL1xuICBpbml0aWFsSW1hZ2U6IG51bWJlclxuICAvKiogT24gY2xvc2UgY2FsbGJhY2sgKi9cbiAgb25DbG9zZTogKCkgPT4gdm9pZFxufVxuXG5jb25zdCBJbWFnZVZpZXdlciA9ICh7IGltYWdlcywgaW5pdGlhbEltYWdlID0gMCwgb25DbG9zZSB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcbiAgY29uc3QgW2lzWm9vbWVkLCBzZXRJc1pvb21lZF0gPSB1c2VTdGF0ZShmYWxzZSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8vIFRyaWdnZXIgY2xvc2UgZXZlbnQgb24gXCJlc2NhcGVcIiBrZXlkb3duXG4gICAgY29uc3QgaGFuZGxlS2V5RG93biA9IChldmVudDogS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gS2V5LmVzY2FwZSkgb25DbG9zZSgpXG4gICAgfVxuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCBoYW5kbGVLZXlEb3duKVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCBoYW5kbGVLZXlEb3duKVxuICAgIH1cbiAgfSwgW10pXG5cbiAgY29uc3QgaGFzTXVsdGlwbGVJbWFnZXMgPSBCb29sZWFuKGltYWdlcy5sZW5ndGggPiAxKVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e3N0eWxlcy5vdmVybGF5fT5cbiAgICAgIDxkaXYgY3NzPXtzdHlsZXMuY2Fyb3VzZWx9IHJvbGU9XCJkaWFsb2dcIj5cbiAgICAgICAgPENhcm91c2VsXG4gICAgICAgICAgZW5hYmxlS2V5Ym9hcmRDb250cm9sc1xuICAgICAgICAgIHN3aXBpbmc9e2hhc011bHRpcGxlSW1hZ2VzfVxuICAgICAgICAgIGRyYWdnaW5nPXtoYXNNdWx0aXBsZUltYWdlc31cbiAgICAgICAgICB3cmFwQXJvdW5kXG4gICAgICAgICAgc2xpZGVJbmRleD17aW5pdGlhbEltYWdlfVxuICAgICAgICAgIGNlbGxTcGFjaW5nPXsxNX1cbiAgICAgICAgICBvblVzZXJOYXZpZ2F0aW9uPXsoKSA9PiBzZXRJc1pvb21lZChmYWxzZSl9XG4gICAgICAgICAgcmVuZGVyVG9wUmlnaHRDb250cm9scz17KCkgPT4gKFxuICAgICAgICAgICAgPGJ1dHRvbiBjc3M9e3N0eWxlcy5jbG9zZUJ0bn0gb25DbGljaz17b25DbG9zZX0+XG4gICAgICAgICAgICAgIDxJY29uQ2xvc2UgY29sb3I9XCJ3aGl0ZVwiIC8+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICApfVxuICAgICAgICAgIHJlbmRlckNlbnRlclJpZ2h0Q29udHJvbHM9eyh7IG5leHRTbGlkZSB9KSA9PlxuICAgICAgICAgICAgaGFzTXVsdGlwbGVJbWFnZXMgJiYgKFxuICAgICAgICAgICAgICA8YnV0dG9uIGNzcz17c3R5bGVzLmNvbnRyb2xCdG4oJ3JpZ2h0Jyl9IG9uQ2xpY2s9e25leHRTbGlkZX0+XG4gICAgICAgICAgICAgICAgey8qIFVzZXMgSWNvbkNoZXZyb25MZWZ0LCBiZWNhdXNlIEljb25DaGV2cm9uUmlnaHQgaXMgbm90IGNlbnRlcmVkIHByb3Blcmx5ICAqL31cbiAgICAgICAgICAgICAgICA8SWNvbkNoZXZyb25MZWZ0XG4gICAgICAgICAgICAgICAgICBzaXplPXsxOH1cbiAgICAgICAgICAgICAgICAgIGNvbG9yPXt0aGVtZS5idG5EZWZhdWx0Rm9udENvbG9yfVxuICAgICAgICAgICAgICAgICAgZmxpcFxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgKVxuICAgICAgICAgIH1cbiAgICAgICAgICByZW5kZXJDZW50ZXJMZWZ0Q29udHJvbHM9eyh7IHByZXZpb3VzU2xpZGUgfSkgPT5cbiAgICAgICAgICAgIGhhc011bHRpcGxlSW1hZ2VzICYmIChcbiAgICAgICAgICAgICAgPGJ1dHRvbiBjc3M9e3N0eWxlcy5jb250cm9sQnRuKCdsZWZ0Jyl9IG9uQ2xpY2s9e3ByZXZpb3VzU2xpZGV9PlxuICAgICAgICAgICAgICAgIDxJY29uQ2hldnJvbkxlZnQgc2l6ZT17MTh9IGNvbG9yPXt0aGVtZS5idG5EZWZhdWx0Rm9udENvbG9yfSAvPlxuICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIClcbiAgICAgICAgICB9XG4gICAgICAgICAgcmVuZGVyQm90dG9tQ2VudGVyQ29udHJvbHM9eyh7IGN1cnJlbnRTbGlkZSB9KSA9PiAoXG4gICAgICAgICAgICA8ZGl2IGNzcz17c3R5bGVzLnBhZ2VJbmZvfT5cbiAgICAgICAgICAgICAgPFRleHQgY29sb3I9e3RoZW1lLmJ0bkRlZmF1bHRGb250Q29sb3J9IHNpemU9XCIxNHB4XCI+XG4gICAgICAgICAgICAgICAge2N1cnJlbnRTbGlkZSArIDF9IC8ge2ltYWdlcy5sZW5ndGh9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICl9XG4gICAgICAgID5cbiAgICAgICAgICB7aW1hZ2VzLm1hcCgoaW1hZ2VTcmMsIGkpID0+IChcbiAgICAgICAgICAgIDxkaXYga2V5PXtpfSBjc3M9e1tzdHlsZXMuaW1hZ2VDb250YWluZXIoaXNab29tZWQpXX0+XG4gICAgICAgICAgICAgIDxJbWFnZVxuICAgICAgICAgICAgICAgIHNyYz17aW1hZ2VTcmN9XG4gICAgICAgICAgICAgICAgYWx0PVwiYmlsZGVcIlxuICAgICAgICAgICAgICAgIG9iamVjdEZpdD1cImNvbnRhaW5cIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNldElzWm9vbWVkKCFpc1pvb21lZCl9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9DYXJvdXNlbD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApXG59XG5leHBvcnQgZGVmYXVsdCBJbWFnZVZpZXdlclxuIl19 */"],
+          css: [styles.imageContainer(isZoomed), process.env.NODE_ENV === "production" ? "" : ";label:ImageViewer;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5R3lCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnXG5pbXBvcnQgSW1hZ2UgZnJvbSAnLi4vSW1hZ2UnXG5pbXBvcnQgQ2Fyb3VzZWwgZnJvbSAnbnVrYS1jYXJvdXNlbCdcbmltcG9ydCBUZXh0IGZyb20gJy4uL1RleHQnXG5pbXBvcnQgSWNvbkNoZXZyb25MZWZ0IGZyb20gJy4uLy4uL2ljb25zL0dlbmVyYWwvSWNvbkNoZXZyb25MZWZ0J1xuaW1wb3J0IEljb25DbG9zZSBmcm9tICcuLi8uLi9pY29ucy9HZW5lcmFsL0ljb25DbG9zZSdcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEtleSB9IGZyb20gJy4uLy4uL2VudW1zL0tleWJvYXJkJ1xuaW1wb3J0IHsgVmlzdWFsbHlIaWRkZW4gfSBmcm9tICdyZWFjdC1hcmlhJ1xuXG50eXBlIFByb3BzID0ge1xuICAvKiogSW1hZ2Ugc3JjJ3MgKi9cbiAgaW1hZ2VzOiBzdHJpbmdbXVxuICAvKiogSW1hZ2UgbGlzdCBpbmRleCB0byBkaXNwbGF5IGluaXRpYWxseSwgZGVmYXVsdHMgdG8gMCAqL1xuICBpbml0aWFsSW1hZ2U6IG51bWJlclxuICAvKiogT24gY2xvc2UgY2FsbGJhY2sgKi9cbiAgb25DbG9zZTogKCkgPT4gdm9pZFxufVxuXG5jb25zdCBJbWFnZVZpZXdlciA9ICh7IGltYWdlcywgaW5pdGlhbEltYWdlID0gMCwgb25DbG9zZSB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcbiAgY29uc3QgW2lzWm9vbWVkLCBzZXRJc1pvb21lZF0gPSB1c2VTdGF0ZShmYWxzZSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8vIFRyaWdnZXIgY2xvc2UgZXZlbnQgb24gXCJlc2NhcGVcIiBrZXlkb3duXG4gICAgY29uc3QgaGFuZGxlS2V5RG93biA9IChldmVudDogS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gS2V5LmVzY2FwZSkgb25DbG9zZSgpXG4gICAgfVxuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCBoYW5kbGVLZXlEb3duKVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCBoYW5kbGVLZXlEb3duKVxuICAgIH1cbiAgfSwgW10pXG5cbiAgY29uc3QgaGFzTXVsdGlwbGVJbWFnZXMgPSBCb29sZWFuKGltYWdlcy5sZW5ndGggPiAxKVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e3N0eWxlcy5vdmVybGF5fT5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtzdHlsZXMuY2Fyb3VzZWx9XG4gICAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgICBhcmlhLW1vZGFsPXt0cnVlfVxuICAgICAgICBhcmlhLWxhYmVsbGVkYnk9XCJjYXJvdXNlbC1oZWFkaW5nXCJcbiAgICAgID5cbiAgICAgICAgPFZpc3VhbGx5SGlkZGVuIGlkPVwiY2Fyb3VzZWwtaGVhZGluZ1wiPkJpbGRldmlzbmluZzwvVmlzdWFsbHlIaWRkZW4+XG4gICAgICAgIDxDYXJvdXNlbFxuICAgICAgICAgIGVuYWJsZUtleWJvYXJkQ29udHJvbHNcbiAgICAgICAgICBzd2lwaW5nPXtoYXNNdWx0aXBsZUltYWdlc31cbiAgICAgICAgICBkcmFnZ2luZz17aGFzTXVsdGlwbGVJbWFnZXN9XG4gICAgICAgICAgd3JhcEFyb3VuZFxuICAgICAgICAgIHNsaWRlSW5kZXg9e2luaXRpYWxJbWFnZX1cbiAgICAgICAgICBjZWxsU3BhY2luZz17MTV9XG4gICAgICAgICAgb25Vc2VyTmF2aWdhdGlvbj17KCkgPT4gc2V0SXNab29tZWQoZmFsc2UpfVxuICAgICAgICAgIHJlbmRlclRvcFJpZ2h0Q29udHJvbHM9eygpID0+IChcbiAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgY3NzPXtzdHlsZXMuY2xvc2VCdG59XG4gICAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xvc2V9XG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJMdWtrIGJpbGRldmlzbmluZ1wiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxJY29uQ2xvc2UgY29sb3I9XCJ3aGl0ZVwiIC8+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICApfVxuICAgICAgICAgIHJlbmRlckNlbnRlclJpZ2h0Q29udHJvbHM9eyh7IG5leHRTbGlkZSB9KSA9PlxuICAgICAgICAgICAgaGFzTXVsdGlwbGVJbWFnZXMgJiYgKFxuICAgICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgY3NzPXtzdHlsZXMuY29udHJvbEJ0bigncmlnaHQnKX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtuZXh0U2xpZGV9XG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD1cIk5hdmlnZXIgdGlsIG5lc3RlIGJpbGRlXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHsvKiBVc2VzIEljb25DaGV2cm9uTGVmdCwgYmVjYXVzZSBJY29uQ2hldnJvblJpZ2h0IGlzIG5vdCBjZW50ZXJlZCBwcm9wZXJseSAgKi99XG4gICAgICAgICAgICAgICAgPEljb25DaGV2cm9uTGVmdFxuICAgICAgICAgICAgICAgICAgc2l6ZT17MTh9XG4gICAgICAgICAgICAgICAgICBjb2xvcj17dGhlbWUuYnRuRGVmYXVsdEZvbnRDb2xvcn1cbiAgICAgICAgICAgICAgICAgIGZsaXBcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIClcbiAgICAgICAgICB9XG4gICAgICAgICAgcmVuZGVyQ2VudGVyTGVmdENvbnRyb2xzPXsoeyBwcmV2aW91c1NsaWRlIH0pID0+XG4gICAgICAgICAgICBoYXNNdWx0aXBsZUltYWdlcyAmJiAoXG4gICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICBjc3M9e3N0eWxlcy5jb250cm9sQnRuKCdsZWZ0Jyl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17cHJldmlvdXNTbGlkZX1cbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPVwiTmF2aWdlciB0aWwgZm9ycmlnZSBiaWxkZVwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8SWNvbkNoZXZyb25MZWZ0IHNpemU9ezE4fSBjb2xvcj17dGhlbWUuYnRuRGVmYXVsdEZvbnRDb2xvcn0gLz5cbiAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICApXG4gICAgICAgICAgfVxuICAgICAgICAgIHJlbmRlckJvdHRvbUNlbnRlckNvbnRyb2xzPXsoeyBjdXJyZW50U2xpZGUgfSkgPT4gKFxuICAgICAgICAgICAgPGRpdiBjc3M9e3N0eWxlcy5wYWdlSW5mb30+XG4gICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgY29sb3I9e3RoZW1lLmJ0bkRlZmF1bHRGb250Q29sb3J9XG4gICAgICAgICAgICAgICAgc2l6ZT1cIjE0cHhcIlxuICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2BCaWxkZSAke2N1cnJlbnRTbGlkZSArIDF9IGF2ICR7aW1hZ2VzLmxlbmd0aH1gfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2N1cnJlbnRTbGlkZSArIDF9IC8ge2ltYWdlcy5sZW5ndGh9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICl9XG4gICAgICAgID5cbiAgICAgICAgICB7aW1hZ2VzLm1hcCgoaW1hZ2VTcmMsIGkpID0+IChcbiAgICAgICAgICAgIDxkaXYga2V5PXtpfSBjc3M9e1tzdHlsZXMuaW1hZ2VDb250YWluZXIoaXNab29tZWQpXX0+XG4gICAgICAgICAgICAgIDxJbWFnZVxuICAgICAgICAgICAgICAgIHNyYz17aW1hZ2VTcmN9XG4gICAgICAgICAgICAgICAgYWx0PXtgQmlsZGUgJHtpICsgMX0gYXYgJHtpbWFnZXMubGVuZ3RofWB9XG4gICAgICAgICAgICAgICAgb2JqZWN0Rml0PVwiY29udGFpblwiXG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0SXNab29tZWQoIWlzWm9vbWVkKX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICkpfVxuICAgICAgICA8L0Nhcm91c2VsPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIClcbn1cbmV4cG9ydCBkZWZhdWx0IEltYWdlVmlld2VyXG4iXX0= */"],
           children: _jsx(Image, {
             src: imageSrc,
-            alt: "bilde",
+            alt: `Bilde ${i + 1} av ${images.length}`,
             objectFit: "contain",
             onClick: () => setIsZoomed(!isZoomed)
           })
         }, i))
-      })
+      })]
     })
   });
 };

package/esm/core/InfoButton/InfoButton.stories.js

@@ -1,57 +1,58 @@
 import InfoButton from '.';
 import IconHelp from '../../icons/General/IconHelp';
 import { jsx as _jsx } from "react/jsx-runtime";
-export default {
+const meta = {
   title: 'Core/InfoButton',
   component: InfoButton
 };
+export default meta;
 export const Default = {
-  render: () => /*#__PURE__*/_jsx(InfoButton, {
+  args: {
+    children: 'This will be the content',
     icon: /*#__PURE__*/_jsx(IconHelp, {
       primary: true
-    }),
-    children: "This will be the content"
-  }),
+    })
+  },
   name: 'Default'
 };
 export const Right = {
-  render: () => /*#__PURE__*/_jsx(InfoButton, {
+  args: {
+    children: 'This will be the content. This very long and unnecessary text shows how the tooltip will handle responsiveness',
     icon: /*#__PURE__*/_jsx(IconHelp, {
       primary: true
     }),
-    place: "right",
-    children: "This will be the content. This very long and unnecessary text shows how the tooltip will handle responsiveness"
-  }),
+    place: 'right'
+  },
   name: 'Right'
 };
 export const Bottom = {
-  render: () => /*#__PURE__*/_jsx(InfoButton, {
+  args: {
+    children: 'This will be the content',
     icon: /*#__PURE__*/_jsx(IconHelp, {
       primary: true
     }),
-    place: "bottom",
-    children: "This will be the content"
-  }),
+    place: 'bottom'
+  },
   name: 'Bottom'
 };
 export const Left = {
-  render: () => /*#__PURE__*/_jsx(InfoButton, {
+  args: {
+    children: 'This will be the content',
     icon: /*#__PURE__*/_jsx(IconHelp, {
       primary: true
     }),
-    place: "left",
-    children: "This will be the content"
-  }),
+    place: 'left'
+  },
   name: 'Left'
 };
 export const Width = {
-  render: () => /*#__PURE__*/_jsx(InfoButton, {
+  args: {
+    children: 'Custom width',
     icon: /*#__PURE__*/_jsx(IconHelp, {
       primary: true
     }),
-    place: "right",
-    width: "100px",
-    children: "Custom width"
-  }),
+    place: 'right',
+    width: '100px'
+  },
   name: 'Width'
 };

package/esm/core/InfoButton/index.js

@@ -40,6 +40,7 @@ const InfoButton = ({
   }, [showTooltip, ref]);
   return _jsxs(Wrapper, {
     ref: ref,
+    className: className,
     children: [_jsx(StyledButton, {
       "aria-label": ariaLabel,
       trackingName: trackingName,
@@ -52,6 +53,9 @@ const InfoButton = ({
       timeout: 80,
       classNames: "tooltip",
       children: _jsx(Tooltip, {
+        role: "tooltip",
+        id: "info-tooltip",
+        "aria-hidden": !showTooltip,
         css: () => [styles.default, place === 'top' && styles.top, place === 'right' && styles.right, place === 'bottom' && styles.bottom, place === 'left' && styles.left, width && styles.width(width, place)],
         children: _jsx(Text, {
           children: children ? children : ''

package/esm/core/Input/index.js

@@ -62,12 +62,14 @@ const Input = /*#__PURE__*/React.forwardRef(({
   return _jsxs("div", {
     css: styles.relative,
     children: [_jsxs("label", {
+      htmlFor: props.id,
       css: theme => [styles.default(theme), props.highlight && styles.highligted(height), type === 'search' && styles.searchLabel(theme), (props.invalid || props.invalidMessage) && styles.invalid(theme), height && styles.height(height)],
       className: className,
       children: [props.label && _jsx("span", {
         css: info && styles.pr4,
         children: props.label
       }), _jsx("input", {
+        id: props.id,
         type: type,
         ...(type !== 'password' && {
           value
@@ -81,6 +83,7 @@ const Input = /*#__PURE__*/React.forwardRef(({
         maxLength: maxlength,
         ref: ref,
         name: props.name,
+        "aria-describedby": props.invalidMessage ? 'input-error-message' : undefined,
         css: theme => [type === 'text' && styles.text(theme), type === 'search' && styles.search(theme), type === 'password' && styles.password(theme), type === 'number' && styles.number(theme), props.disabled && styles.disabled(theme), cardInput && styles.cardInput(theme)],
         children: React.Children.map(props.children, child => {
           if (!child) {
@@ -91,6 +94,7 @@ const Input = /*#__PURE__*/React.forwardRef(({
       }), type === 'search' && _jsx(IconSearch, {}), props.invalidMessage && _jsx(IconErrorOutline, {
         size: "16px"
       }), props.invalidMessage && _jsx("span", {
+        id: "input-error-message",
         css: theme => [styles.errorMessage(theme), !props?.label && styles.errorMessageNoLabel],
         children: props.invalidMessage
       })]

package/esm/core/private/ButtonOrLink.js

@@ -7,7 +7,6 @@ const ButtonOrLink = /*#__PURE__*/React.forwardRef(({
   beforeIcon,
   children,
   disabled = false,
-  flexAlign,
   href = '',
   loading = false,
   openInNewWindow = false,
@@ -22,6 +21,7 @@ const ButtonOrLink = /*#__PURE__*/React.forwardRef(({
   onMouseUp,
   onEnterKeyPress,
   onEscapeKeyPress,
+  onCustomKeyPress,
   onKeyPress,
   ...restProps
 }, ref) => {
@@ -44,10 +44,11 @@ const ButtonOrLink = /*#__PURE__*/React.forwardRef(({
   const handleKeyPress = event => {
     if (onEnterKeyPress && event.key === 'Enter') onEnterKeyPress(event);
     if (onEscapeKeyPress && event.key === 'Escape') onEscapeKeyPress(event);
-    if (onKeyPress && event.key === onKeyPress.key) onKeyPress.action(event);
+    if (onCustomKeyPress && event.key === onCustomKeyPress.key) onCustomKeyPress.action(event);
+    if (onKeyPress) onKeyPress(event);
   };
   useEffect(() => {
-    const hasKeyPressEvents = onEnterKeyPress || onEscapeKeyPress || onKeyPress;
+    const hasKeyPressEvents = onEnterKeyPress || onEscapeKeyPress || onKeyPress || onCustomKeyPress;
     if (!hasKeyPressEvents) return;
     window.addEventListener('keyup', handleKeyPress);
     return () => {

package/lib/core/Autocomplete/styles.d.ts

@@ -19,7 +19,45 @@ declare const styles: {
     disabled: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
 };
 export declare const ErrorMessage: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-export declare const Clear: import("@emotion/styled").StyledComponent<Omit<import("../Button").IProps, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
+export declare const Clear: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<import("../private/ButtonOrLink").ButtonOrLinkTypes> & {
+    afterIcon?: import("react").ReactNode;
+    beforeIcon?: import("react").ReactNode;
+    children: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal;
+    disabled?: boolean | undefined;
+    href?: string | undefined;
+    loading?: boolean | undefined;
+    onClick?: ((event: import("react").MouseEvent<import("../private/ButtonOrLink").ButtonOrLinkTypes, MouseEvent>) => void) | undefined;
+    onMouseUp?: ((event: import("react").MouseEvent<import("../private/ButtonOrLink").ButtonOrLinkTypes, MouseEvent>) => void) | undefined;
+    onCustomKeyPress?: {
+        key: string;
+        action: (event: KeyboardEvent) => void;
+    } | undefined;
+    onKeyPress?: ((event: KeyboardEvent) => void) | undefined;
+    onEnterKeyPress?: ((event: KeyboardEvent) => void) | undefined;
+    onEscapeKeyPress?: ((event: KeyboardEvent) => void) | undefined;
+    openInNewWindow?: boolean | undefined;
+    rel?: string | undefined;
+    trackingEvent?: string | undefined;
+    trackingName?: string | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
+    target?: string | undefined;
+    download?: any;
+    tabIndex?: number | undefined;
+} & {
+    success?: boolean | undefined;
+    danger?: boolean | undefined;
+    highlight?: boolean | undefined;
+    outline?: boolean | undefined;
+    nostyle?: boolean | undefined;
+    focusable?: boolean | undefined;
+    border?: string | undefined;
+    css?: import("@emotion/utils").SerializedStyles | undefined;
+    loading?: boolean | undefined;
+    back?: boolean | undefined;
+    small?: boolean | undefined;
+    transparentBg?: boolean | undefined;
+    tabIndex?: number | undefined;
+} & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export default styles;

package/lib/core/Autocomplete/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Autocomplete/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAIjD,QAAA,MAAM,MAAM;qBACO,SAAS;;;0BA2DJ,SAAS;;;;kBAuCjB,SAAS;6BA2BE,SAAS;yBAGb,MAAM;iCAOE,MAAM;kCAGL,MAAM;qBAGnB,SAAS;4BAYF,SAAS;qBA4BhB,MAAM;sBAKL,SAAS;CAM5B,CAAA;AAED,eAAO,MAAM,YAAY,UAAW,SAAS,8CAM5C,CAAA;AAED,eAAO,MAAM,KAAK;;UAcjB,CAAA;AAED,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Autocomplete/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAIjD,QAAA,MAAM,MAAM;qBACO,SAAS;;;0BA2DJ,SAAS;;;;kBAuCjB,SAAS;6BA2BE,SAAS;yBAGb,MAAM;iCAOE,MAAM;kCAGL,MAAM;qBAGnB,SAAS;4BAYF,SAAS;qBA4BhB,MAAM;sBAKL,SAAS;CAM5B,CAAA;AAED,eAAO,MAAM,YAAY,UAAW,SAAS,8CAM5C,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAcjB,CAAA;AAED,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/lib/core/Box/styles.d.ts

@@ -16,7 +16,45 @@ declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare const CollapseButton: import("@emotion/styled").StyledComponent<Omit<import("../Button").IProps, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
+declare const CollapseButton: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<import("../private/ButtonOrLink").ButtonOrLinkTypes> & {
+    afterIcon?: import("react").ReactNode;
+    beforeIcon?: import("react").ReactNode;
+    children: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal;
+    disabled?: boolean | undefined;
+    href?: string | undefined;
+    loading?: boolean | undefined;
+    onClick?: ((event: import("react").MouseEvent<import("../private/ButtonOrLink").ButtonOrLinkTypes, MouseEvent>) => void) | undefined;
+    onMouseUp?: ((event: import("react").MouseEvent<import("../private/ButtonOrLink").ButtonOrLinkTypes, MouseEvent>) => void) | undefined;
+    onCustomKeyPress?: {
+        key: string;
+        action: (event: KeyboardEvent) => void;
+    } | undefined;
+    onKeyPress?: ((event: KeyboardEvent) => void) | undefined;
+    onEnterKeyPress?: ((event: KeyboardEvent) => void) | undefined;
+    onEscapeKeyPress?: ((event: KeyboardEvent) => void) | undefined;
+    openInNewWindow?: boolean | undefined;
+    rel?: string | undefined;
+    trackingEvent?: string | undefined;
+    trackingName?: string | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
+    target?: string | undefined;
+    download?: any;
+    tabIndex?: number | undefined;
+} & {
+    success?: boolean | undefined;
+    danger?: boolean | undefined;
+    highlight?: boolean | undefined;
+    outline?: boolean | undefined;
+    nostyle?: boolean | undefined;
+    focusable?: boolean | undefined;
+    border?: string | undefined;
+    css?: import("@emotion/utils").SerializedStyles | undefined;
+    loading?: boolean | undefined;
+    back?: boolean | undefined;
+    small?: boolean | undefined;
+    transparentBg?: boolean | undefined;
+    tabIndex?: number | undefined;
+} & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export default styles;

package/lib/core/Box/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Box/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGjD,QAAA,MAAM,MAAM;qBACO,SAAS;oBAWV,SAAS;;qBAQR,MAAM;CAGxB,CAAA;AAED,QAAA,MAAM,aAAa;;;;YACC,OAAO;yGAU1B,CAAA;AAED,QAAA,MAAM,cAAc;;;yGAGnB,CAAA;AAED,QAAA,MAAM,cAAc;;UAGnB,CAAA;AAED,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Box/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGjD,QAAA,MAAM,MAAM;qBACO,SAAS;oBAWV,SAAS;;qBAQR,MAAM;CAGxB,CAAA;AAED,QAAA,MAAM,aAAa;;;;YACC,OAAO;yGAU1B,CAAA;AAED,QAAA,MAAM,cAAc;;;yGAGnB,CAAA;AAED,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAGnB,CAAA;AAED,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA"}

package/lib/core/BoxedTable/TableBody/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type Props = {
+    children: React.ReactNode;
+};
+declare const TableBody: ({ children }: Props) => import("react").JSX.Element;
+export default TableBody;
+//# sourceMappingURL=index.d.ts.map

package/lib/core/BoxedTable/TableBody/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/BoxedTable/TableBody/index.tsx"],"names":[],"mappings":";AAEA,aAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AACD,QAAA,MAAM,SAAS,iBAAkB,KAAK,gCAErC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/lib/core/BoxedTable/TableBody/index.js

@@ -0,0 +1,10 @@
+import { BodyWrapper } from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+const TableBody = ({
+  children
+}) => {
+  return /*#__PURE__*/_jsx(BodyWrapper, {
+    children: children
+  });
+};
+export default TableBody;

package/lib/core/BoxedTable/TableBody/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const BodyWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/core/BoxedTable/TableBody/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/BoxedTable/TableBody/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,WAAW;;;2HAIvB,CAAA"}

package/lib/core/BoxedTable/TableBody/styles.js

@@ -0,0 +1,16 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+export const BodyWrapper = /*#__PURE__*/_styled("tbody", process.env.NODE_ENV === "production" ? {
+  target: "e1u8g1t20"
+} : {
+  target: "e1u8g1t20",
+  label: "BodyWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "ixi98c",
+  styles: "display:flex;flex-direction:column;grid-row-gap:1em"
+} : {
+  name: "ixi98c",
+  styles: "display:flex;flex-direction:column;grid-row-gap:1em",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvVGFibGVCb2R5L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFdUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQm94ZWRUYWJsZS9UYWJsZUJvZHkvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBCb2R5V3JhcHBlciA9IHN0eWxlZC50Ym9keWBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ3JpZC1yb3ctZ2FwOiAxZW07XG5gXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/lib/core/Button/Button.stories.d.ts

@@ -1,64 +1,21 @@
-/// <reference types="react" />
-declare const _default;
-export default _default;
-export declare const Default: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const IconBefore: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const IconAfter: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const Success: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const Danger: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const Loading: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const Disabled: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const Highlighted: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const OutlineHighlighted: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const Back: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const Small: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const DangerOutline: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const TransparentBackground: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const NoStyle: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const EventKeyPresses: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
+import { Meta, StoryObj } from '@storybook/react';
+import Button from '.';
+declare const meta: Meta<typeof Button>;
+export default meta;
+declare type Story = StoryObj<typeof Button>;
+export declare const Default: Story;
+export declare const IconBefore: Story;
+export declare const IconAfter: Story;
+export declare const Success: Story;
+export declare const Danger: Story;
+export declare const Loading: Story;
+export declare const Disabled: Story;
+export declare const Highlighted: Story;
+export declare const OutlineHighlighted: Story;
+export declare const Back: Story;
+export declare const Small: Story;
+export declare const DangerOutline: Story;
+export declare const TransparentBackground: Story;
+export declare const NoStyle: Story;
+export declare const EventKeyPresses: Story;
 //# sourceMappingURL=Button.stories.d.ts.map

package/lib/core/Button/Button.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Button/Button.stories.tsx"],"names":[],"mappings":";;AAKA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,UAAU;;;CAGtB,CAAA;AAED,eAAO,MAAM,SAAS;;;CAGrB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,MAAM;;;CAGlB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,QAAQ;;;CAGpB,CAAA;AAED,eAAO,MAAM,WAAW;;;CAGvB,CAAA;AAED,eAAO,MAAM,kBAAkB;;;CAO9B,CAAA;AAED,eAAO,MAAM,IAAI;;;CAGhB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAGjB,CAAA;AAED,eAAO,MAAM,aAAa;;;CAOzB,CAAA;AAED,eAAO,MAAM,qBAAqB;;;CAOjC,CAAA;AAED,eAAO,MAAM,OAAO;;;CAQnB,CAAA;AAED,eAAO,MAAM,eAAe;;;CAe3B,CAAA"}
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,MAAM,MAAM,GAAG,CAAA;AAGtB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAG7B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAA;AAID,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAOnC,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAA"}