@bbl-digital/snorre 4.0.22 → 4.0.23

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/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"}

package/lib/core/Button/Button.stories.js

@@ -1,121 +1,123 @@
 import Button from '.';
 import IconCaretDown from '../../icons/General/IconCaretDown';
-import IconEdit from '../../icons/General/IconEdit';
 import { jsx as _jsx } from "react/jsx-runtime";
-export default {
+const meta = {
   title: 'Core/Button',
   component: Button
 };
+export default meta;
 export const Default = {
-  render: () => /*#__PURE__*/_jsx(Button, {
-    children: "Standard button"
-  }),
+  args: {
+    children: 'Standard button'
+  },
   name: 'Default'
 };
 export const IconBefore = {
-  render: () => /*#__PURE__*/_jsx(Button, {
+  args: {
     beforeIcon: /*#__PURE__*/_jsx(IconCaretDown, {}),
-    children: "Standard button"
-  }),
+    children: 'Standard button'
+  },
   name: 'Icon before'
 };
+
+// Rewrite all stories to use args instead of render
+
 export const IconAfter = {
-  render: () => /*#__PURE__*/_jsx(Button, {
+  args: {
     afterIcon: /*#__PURE__*/_jsx(IconCaretDown, {}),
-    children: "Standard button"
-  }),
+    children: 'Standard button'
+  },
   name: 'Icon after'
 };
 export const Success = {
-  render: () => /*#__PURE__*/_jsx(Button, {
+  args: {
     success: true,
-    children: "Success button"
-  }),
+    children: 'Success button'
+  },
   name: 'Success'
 };
 export const Danger = {
-  render: () => /*#__PURE__*/_jsx(Button, {
+  args: {
     danger: true,
-    children: "Danger button"
-  }),
+    children: 'Danger button'
+  },
   name: 'Danger'
 };
 export const Loading = {
-  render: () => /*#__PURE__*/_jsx(Button, {
+  args: {
     loading: true,
-    children: "Loading button"
-  }),
+    children: 'Loading button'
+  },
   name: 'Loading'
 };
 export const Disabled = {
-  render: () => /*#__PURE__*/_jsx(Button, {
+  args: {
     disabled: true,
-    children: "Disabled button"
-  }),
+    children: 'Disabled button'
+  },
   name: 'Disabled'
 };
 export const Highlighted = {
-  render: () => /*#__PURE__*/_jsx(Button, {
+  args: {
     highlight: true,
-    children: "Hightlighted button"
-  }),
+    children: 'Hightlighted button'
+  },
   name: 'Highlighted'
 };
 export const OutlineHighlighted = {
-  render: () => /*#__PURE__*/_jsx(Button, {
+  args: {
     highlight: true,
     outline: true,
-    children: "Hightlighted outline button"
-  }),
+    children: 'Hightlighted outline button'
+  },
   name: 'Outline highlighted'
 };
 export const Back = {
-  render: () => /*#__PURE__*/_jsx(Button, {
+  args: {
     back: true,
-    children: "Go back"
-  }),
+    children: 'Go back'
+  },
   name: 'Back'
 };
 export const Small = {
-  render: () => /*#__PURE__*/_jsx(Button, {
+  args: {
     small: true,
-    children: "Small"
-  }),
+    children: 'Small button'
+  },
   name: 'Small'
 };
 export const DangerOutline = {
-  render: () => /*#__PURE__*/_jsx(Button, {
+  args: {
     danger: true,
     outline: true,
-    children: "Danger outline"
-  }),
+    children: 'Danger outline'
+  },
   name: 'Danger outline'
 };
 export const TransparentBackground = {
-  render: () => /*#__PURE__*/_jsx(Button, {
+  args: {
     outline: true,
     transparentBg: true,
-    children: "Danger outline"
-  }),
+    children: 'Danger outline'
+  },
   name: 'Transparent background'
 };
 export const NoStyle = {
-  render: () => /*#__PURE__*/_jsx(Button, {
+  args: {
     nostyle: true,
-    focusable: true,
-    children: /*#__PURE__*/_jsx(IconEdit, {})
-  }),
+    children: 'No style'
+  },
   name: 'No style'
 };
 export const EventKeyPresses = {
-  render: () => /*#__PURE__*/_jsx(Button, {
+  args: {
     onEnterKeyPress: () => console.log('Enter pressed'),
     onEscapeKeyPress: () => console.log('Escape pressed'),
     onCustomKeyPress: {
       key: 'E',
       action: e => console.log('Key pressed', e.key)
     },
-    children: "Actionlistener button"
-  }),
+    children: 'Actionlistener button'
+  },
   name: 'Event key presses'
 };

package/lib/core/Card/index.d.ts

@@ -1,34 +1,33 @@
 /** @jsxImportSource @emotion/react */
 import React from 'react';
 import { SerializedStyles } from '@emotion/react';
-declare type IProps = React.HTMLAttributes<HTMLDivElement> & {
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     /** Set to true for hover effect */
-    withhover?: boolean;
+    withhover?: boolean | undefined;
     /** To set primary background color*/
-    primary?: boolean;
+    primary?: boolean | undefined;
     /** Gray background color */
-    gray?: boolean;
+    gray?: boolean | undefined;
     /** OnClick callback function */
-    onClick?: () => void;
+    onClick?: (() => void) | undefined;
     /** No padding */
-    noPadding?: boolean;
+    noPadding?: boolean | undefined;
     /** Large padding around edges */
-    largePadding?: boolean;
+    largePadding?: boolean | undefined;
     /** Height of card box */
-    height?: number;
+    height?: number | undefined;
     /** Set to true for no background color */
-    nobackground?: boolean;
+    nobackground?: boolean | undefined;
     /** Set to true to add shadow to Card border */
-    shadow?: boolean;
+    shadow?: boolean | undefined;
     /** Sets overflow visible  */
-    overflowvisible?: boolean;
+    overflowvisible?: boolean | undefined;
     /** Override with custom CSS */
-    css?: SerializedStyles;
+    css?: SerializedStyles | undefined;
     /** Classname prop */
-    className?: string;
+    className?: string | undefined;
     /** Children */
     children?: React.ReactNode | React.ReactNode[];
-};
-declare const Card: React.FC<IProps>;
+} & React.RefAttributes<HTMLDivElement>>;
 export default Card;
 //# sourceMappingURL=index.d.ts.map

package/lib/core/Card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Card/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAIjD,aAAK,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACnD,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,iBAAiB;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iCAAiC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,0CAA0C;IAC1C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,6BAA6B;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,+BAA+B;IAC/B,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C,CAAA;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAiC1B,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Card/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAiCjD,QAAA,MAAM,IAAI;IA5BR,mCAAmC;;IAEnC,qCAAqC;;IAErC,4BAA4B;;IAE5B,gCAAgC;qBAChB,IAAI;IACpB,iBAAiB;;IAEjB,iCAAiC;;IAEjC,yBAAyB;;IAEzB,0CAA0C;;IAE1C,+CAA+C;;IAE/C,6BAA6B;;IAE7B,+BAA+B;;IAE/B,qBAAqB;;IAErB,eAAe;eACJ,MAAM,SAAS,GAAG,MAAM,SAAS,EAAE;wCAuC/C,CAAA;AAED,eAAe,IAAI,CAAA"}

package/lib/core/Card/index.js

@@ -3,10 +3,10 @@ import React from 'react';
 import { styles } from './styles';
 import { Key } from '../../enums/Keyboard';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-const Card = ({
+const Card = /*#__PURE__*/React.forwardRef(({
   className,
   ...props
-}) => {
+}, ref) => {
   const handleOnKeyPress = e => {
     if (e.key === Key.enter || e.key === Key.space) {
       if (props.onClick) {
@@ -15,6 +15,7 @@ const Card = ({
     }
   };
   return _jsx("div", {
+    ref: ref,
     css: theme => [styles.default(theme), props.shadow && styles.shadow(theme), props.withhover && styles.withHover(theme), props.primary && styles.primary(theme), props.gray && styles.gray, props.noPadding && styles.noPadding, props.height && styles.height(props.height), props.nobackground && styles.nobackground, props.largePadding && styles.largePadding, props.overflowvisible && styles.overflowvisible, props.css && props.css],
     tabIndex: props.onClick ? 0 : undefined,
     onClick: props.onClick,
@@ -23,5 +24,5 @@ const Card = ({
     ...props,
     children: props.children
   });
-};
+});
 export default Card;

package/lib/core/Checkbox/index.d.ts

@@ -1,10 +1,8 @@
 /** @jsxImportSource @emotion/react */
 import React from 'react';
-interface IProps {
+interface IProps extends React.HTMLAttributes<HTMLInputElement> {
     /** Type of checkbox */
     type?: 'sharp' | 'subtle';
-    /** Aria-label for checkbox if children is not set */
-    'aria-label'?: string;
     /** Content within the checkbox. */
     children?: NonNullable<React.ReactNode>;
     /** Name of checkbox */
@@ -23,6 +21,8 @@ interface IProps {
     child?: boolean;
     /** Add classname */
     className?: string;
+    /** ID for label association */
+    id?: string;
     /** CB when checkbox changes */
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => any;
     /** cb for onclick, if one for instance wants to stop propogation */

package/lib/core/Checkbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAA8B,MAAM,OAAO,CAAA;AAGlD,UAAU,MAAM;IACd,uBAAuB;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IACvC,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sBAAsB;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,GAAG,CAAA;IAC1D,oEAAoE;IACpE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,UAAU,CAAC,KAAK,GAAG,CAAA;CACrE;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAwC9B,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAA8B,MAAM,OAAO,CAAA;AAGlD,UAAU,MAAO,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC7D,uBAAuB;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IACvC,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sBAAsB;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,+BAA+B;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,GAAG,CAAA;IAC1D,oEAAoE;IACpE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,UAAU,CAAC,KAAK,GAAG,CAAA;CACrE;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAiE9B,CAAA;AAED,eAAe,QAAQ,CAAA"}