@bbl-digital/snorre 4.0.7 → 4.0.8

package/esm/core/Alert/index.js

@@ -1,8 +1,9 @@
 /** @jsxImportSource @emotion/react */
-import React from 'react';
+import React, { useRef } from 'react';
 import { styles } from './styles';
 import Button from '../Button';
 import IconClose from '../../icons/General/IconClose';
+import VisuallyHidden from '../../shared/components/VisuallyHidden';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const Alert = ({
@@ -14,17 +15,46 @@ const Alert = ({
   css,
   children,
   className,
-  onClose
+  onClose,
+  ...restProps
 }) => {
+  const ariaLivePolicy = success ? 'polite' : 'assertive';
+  // Random id for aria-describedby
+  const id = Math.random().toString(36).substring(7);
+  const descriptionId = useRef(`aria-describedby-${id}`);
+  const childTextContent = React.Children.toArray(children).filter(child => typeof child === 'string');
+  const getDefaultAriaLabel = () => {
+    if (success) {
+      return 'Suksess';
+    }
+    if (danger) {
+      return 'Fare';
+    }
+    return 'Informasjon';
+  };
+  const accessibilityProps = {
+    role: restProps['role'] || 'alert',
+    'aria-live': ariaLivePolicy,
+    'aria-atomic': restProps['aria-atomic'] || true,
+    'aria-label': restProps['aria-label'] || getDefaultAriaLabel(),
+    'aria-relevant': restProps['aria-relevant'] || 'all',
+    'aria-describedby': descriptionId.current
+  };
   return _jsxs("div", {
     css: theme => [styles.default(theme), success && styles.success(theme), info && styles.info(theme), danger && styles.danger(theme), rounded && styles.rounded, primary && styles.primary(theme), css && css],
     className: className,
+    ...restProps,
+    ...accessibilityProps,
     children: [children, onClose && _jsx(Button, {
       onClick: onClose,
       nostyle: true,
+      "aria-label": "Lukk",
       children: _jsx(IconClose, {
         size: 14
       })
+    }), _jsx(VisuallyHidden, {
+      id: descriptionId.current,
+      children: childTextContent
     })]
   });
 };

package/esm/core/AppLoader/AppLoader.stories.js

@@ -1,10 +1,9 @@
 import AppLoader from '.';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default {
+const meta = {
   title: 'Core/AppLoader',
   component: AppLoader
 };
+export default meta;
 export const Default = {
-  render: () => /*#__PURE__*/_jsx(AppLoader, {}),
   name: 'Default'
 };

package/esm/core/AppLoader/index.js

@@ -4,10 +4,18 @@ import { styles } from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const AppLoader = ({
-  color
+  color,
+  ...restProps
 }) => {
+  const accessibilityProps = {
+    role: restProps['role'] || 'status',
+    'aria-live': restProps['aria-live'] || 'polite',
+    'aria-label': restProps['aria-label'] || 'Laster innhold'
+  };
   return _jsxs("div", {
     css: theme => [styles.default(theme, color)],
+    ...restProps,
+    ...accessibilityProps,
     children: [_jsx("div", {}), _jsx("div", {}), _jsx("div", {}), _jsx("div", {})]
   });
 };

package/esm/core/Banner/Banner.stories.js

@@ -2,12 +2,13 @@ import Banner from '.';
 import Header from '../Header';
 import Button from '../Button';
 import { jsx as _jsx } from "react/jsx-runtime";
-export default {
+const meta = {
   title: 'Core/Banner',
   component: Banner
 };
+export default meta;
 export const Default = {
-  render: () => /*#__PURE__*/_jsx(Banner, {
+  args: {
     header: /*#__PURE__*/_jsx(Header, {
       level: 4,
       children: "Title"
@@ -16,53 +17,60 @@ export const Default = {
       onClick: () => console.log('Hello'),
       children: "Hello I am button"
     }),
-    children: "Eu irure eiusmod amet tempor nisi veniam cupidatat duis nulla dolor. Eiusmod amet sit nostrud adipisicing qui pariatur do et duis fugiat magna laboris elit irure. Officia fugiat incididunt ipsum commodo quis aute qui reprehenderit reprehenderit fugiat. Voluptate quis tempor ea consequat."
-  }),
+    children: /*#__PURE__*/_jsx("p", {
+      children: "Eu irure eiusmod amet tempor nisi veniam cupidatat duis nulla dolor. Eiusmod amet sit nostrud adipisicing qui pariatur do et duis fugiat magna laboris elit irure. Officia fugiat incididunt ipsum commodo quis aute qui reprehenderit reprehenderit fugiat. Voluptate quis tempor ea consequat."
+    })
+  },
   name: 'Default'
 };
 export const Success = {
-  render: () => /*#__PURE__*/_jsx(Banner, {
+  args: {
     success: true,
     header: /*#__PURE__*/_jsx(Header, {
       level: 4,
       children: "Title"
     }),
-    children: "Eu irure eiusmod amet tempor nisi veniam cupidatat duis nulla dolor. Eiusmod amet sit nostrud adipisicing qui pariatur do et duis fugiat magna laboris elit irure. Officia fugiat incididunt ipsum commodo quis aute qui reprehenderit reprehenderit fugiat. Voluptate quis tempor ea consequat."
-  }),
+    children: /*#__PURE__*/_jsx("p", {
+      children: "Eu irure eiusmod amet tempor nisi veniam cupidatat duis nulla dolor. Eiusmod amet sit nostrud adipisicing qui pariatur do et duis fugiat magna laboris elit irure. Officia fugiat incididunt ipsum commodo quis aute qui reprehenderit reprehenderit fugiat. Voluptate quis tempor ea consequat."
+    })
+  },
   name: 'Success'
 };
 export const Info = {
-  render: () => /*#__PURE__*/_jsx(Banner, {
+  args: {
     info: true,
     header: /*#__PURE__*/_jsx(Header, {
       level: 4,
       children: "Title"
     }),
-    children: "Content"
-  }),
-  name: 'Info'
+    children: /*#__PURE__*/_jsx("p", {
+      children: "Eu irure eiusmod amet tempor nisi veniam cupidatat duis nulla dolor. Eiusmod amet sit nostrud adipisicing qui pariatur do et duis fugiat magna laboris elit irure. Officia fugiat incididunt ipsum commodo quis aute qui reprehenderit reprehenderit fugiat. Voluptate quis tempor ea consequat."
+    })
+  }
 };
 export const Danger = {
-  render: () => /*#__PURE__*/_jsx(Banner, {
+  args: {
     danger: true,
     header: /*#__PURE__*/_jsx(Header, {
       level: 4,
       children: "Title"
     }),
-    children: "Content"
-  }),
+    children: /*#__PURE__*/_jsx("p", {
+      children: "Eu irure eiusmod amet tempor nisi veniam cupidatat duis nulla dolor. Eiusmod amet sit nostrud adipisicing qui pariatur do et duis fugiat magna laboris elit irure. Officia fugiat incididunt ipsum commodo quis aute qui reprehenderit reprehenderit fugiat. Voluptate quis tempor ea consequat."
+    })
+  },
   name: 'Danger'
 };
 export const WithoutChildren = {
-  render: () => /*#__PURE__*/_jsx(Banner, {
+  args: {
     header: /*#__PURE__*/_jsx(Header, {
       level: 4,
-      children: "Just a header"
+      children: "Title"
     }),
     actionButton: /*#__PURE__*/_jsx(Button, {
       onClick: () => console.log('Hello'),
-      children: "And a button"
+      children: "Hello I am button"
     })
-  }),
+  },
   name: 'Without children'
 };

package/esm/core/Banner/index.js

@@ -10,15 +10,18 @@ const Banner = ({
   info,
   success,
   header,
-  actionButton
+  actionButton,
+  ...restProps
 }) => {
   const isDefault = !success && !danger && !info;
   return _jsx(Alert, {
+    role: "banner",
     rounded: true,
     primary: isDefault,
     success: success,
     danger: danger,
     info: info,
+    ...restProps,
     children: _jsxs(Wrapper, {
       children: [_jsxs(LeftSide, {
         children: [header, children && _jsx(Content, {

package/esm/core/Modal/Modal.stories.js

@@ -2,22 +2,16 @@ import Header from '../Header';
 import Text from '../Text';
 import Button from '../Button';
 import Modal from '.';
+import { Fragment } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export default {
+const meta = {
   title: 'Core/Modal',
-  component: Modal,
-  parameters: {
-    docs: {
-      story: {
-        inline: false,
-        height: '500px'
-      }
-    }
-  }
+  component: Modal
 };
+export default meta;
 export const Default = {
-  render: () => /*#__PURE__*/_jsx(Modal, {
+  args: {
     open: true,
     onClose: () => console.log('closed'),
     header: /*#__PURE__*/_jsx(Header, {
@@ -36,11 +30,11 @@ export const Default = {
     children: /*#__PURE__*/_jsx(Text, {
       children: "Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."
     })
-  }),
+  },
   name: 'Default'
 };
 export const Collapse = {
-  render: () => /*#__PURE__*/_jsx(Modal, {
+  args: {
     open: true,
     onClose: () => console.log('closed'),
     onCollapse: () => console.log('collapse'),
@@ -54,14 +48,13 @@ export const Collapse = {
     children: /*#__PURE__*/_jsx(Text, {
       children: "Hello there! I am Modal, i can be collapsed, but not in storybook though, it has to be done from parent"
     })
-  }),
+  },
   name: 'Collapse'
 };
 export const Dynamic = {
-  render: () => /*#__PURE__*/_jsx(Modal, {
+  args: {
     open: true,
     onClose: () => console.log('closed'),
-    width: '600px',
     header: /*#__PURE__*/_jsx(Header, {
       level: 3,
       children: "Her kommer en header"
@@ -69,18 +62,17 @@ export const Dynamic = {
     actionButton: /*#__PURE__*/_jsx(Button, {
       children: "Save changes"
     }),
+    width: '600px',
     children: /*#__PURE__*/_jsx(Text, {
-      children: "Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."
+      children: "Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."
     })
-  }),
+  },
   name: 'Dynamic'
 };
 export const Scrollable = {
-  render: () => /*#__PURE__*/_jsxs(Modal, {
+  args: {
     open: true,
     onClose: () => console.log('closed'),
-    disableScrollableContent: false,
-    width: '100%',
     header: /*#__PURE__*/_jsx(Header, {
       level: 3,
       children: "Scrollable modal"
@@ -88,30 +80,55 @@ export const Scrollable = {
     actionButton: /*#__PURE__*/_jsx(Button, {
       children: "Button is allways shown"
     }),
-    children: [/*#__PURE__*/_jsxs(Text, {
-      children: ["Her kommer masse stuff. Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff.Her kommer masse stuff", /*#__PURE__*/_jsx("br", {}), ".Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her", /*#__PURE__*/_jsx("br", {}), "kommer", /*#__PURE__*/_jsx("br", {}), "masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."]
-    }), /*#__PURE__*/_jsxs(Text, {
-      children: ["Her kommer masse stuff. Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff.Her kommer masse stuff", /*#__PURE__*/_jsx("br", {}), ".Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her", /*#__PURE__*/_jsx("br", {}), "kommer", /*#__PURE__*/_jsx("br", {}), "masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."]
-    }), /*#__PURE__*/_jsxs(Text, {
-      children: ["Her kommer masse stuff. Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff.Her kommer masse stuff", /*#__PURE__*/_jsx("br", {}), ".Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her", /*#__PURE__*/_jsx("br", {}), "kommer", /*#__PURE__*/_jsx("br", {}), "masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."]
-    }), /*#__PURE__*/_jsxs(Text, {
-      children: ["Her kommer masse stuff. Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff.Her kommer masse stuff", /*#__PURE__*/_jsx("br", {}), ".Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her", /*#__PURE__*/_jsx("br", {}), "kommer", /*#__PURE__*/_jsx("br", {}), "masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."]
-    })]
-  }),
+    disableScrollableContent: false,
+    width: '100%',
+    children: /*#__PURE__*/_jsxs(Fragment, {
+      children: [/*#__PURE__*/_jsxs(Text, {
+        children: ["Her kommer masse stuff. Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff.Her kommer masse stuff", /*#__PURE__*/_jsx("br", {}), ".Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her", /*#__PURE__*/_jsx("br", {}), "kommer", /*#__PURE__*/_jsx("br", {}), "masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."]
+      }), /*#__PURE__*/_jsxs(Text, {
+        children: ["Her kommer masse stuff. Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff.Her kommer masse stuff", /*#__PURE__*/_jsx("br", {}), ".Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her", /*#__PURE__*/_jsx("br", {}), "kommer", /*#__PURE__*/_jsx("br", {}), "masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."]
+      }), /*#__PURE__*/_jsxs(Text, {
+        children: ["Her kommer masse stuff. Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff.Her kommer masse stuff", /*#__PURE__*/_jsx("br", {}), ".Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her", /*#__PURE__*/_jsx("br", {}), "kommer", /*#__PURE__*/_jsx("br", {}), "masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."]
+      }), /*#__PURE__*/_jsxs(Text, {
+        children: ["Her kommer masse stuff. Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), "Her kommer masse stuff.", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff.Her kommer masse stuff", /*#__PURE__*/_jsx("br", {}), ".Her kommer masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her", /*#__PURE__*/_jsx("br", {}), "kommer", /*#__PURE__*/_jsx("br", {}), "masse", /*#__PURE__*/_jsx("br", {}), "stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."]
+      })]
+    })
+  },
   name: 'Scrollable'
 };
-export const Fullscreeen = {
-  render: () => /*#__PURE__*/_jsx(Modal, {
+export const Accessible = {
+  args: {
     open: true,
-    toggleFullscreen: true,
     onClose: () => console.log('closed'),
     header: /*#__PURE__*/_jsx(Header, {
       level: 3,
-      children: "With fullscreen"
+      children: "Accessible modal"
+    }),
+    actionButton: /*#__PURE__*/_jsx(Button, {
+      children: "Ok"
     }),
     children: /*#__PURE__*/_jsx(Text, {
-      children: "Hello there! I am Modal, i can be be toggled for fullscreen"
-    })
-  }),
-  name: 'Fullscreeen'
+      children: "With some content"
+    }),
+    'aria-label': 'This has a custom label'
+  },
+  name: 'AccessibleModal'
+};
+export const Fullscreen = {
+  args: {
+    open: true,
+    onClose: () => console.log('closed'),
+    header: /*#__PURE__*/_jsx(Header, {
+      level: 3,
+      children: "Fullscreen modal"
+    }),
+    actionButton: /*#__PURE__*/_jsx(Button, {
+      children: "Ok"
+    }),
+    children: /*#__PURE__*/_jsx(Text, {
+      children: "With some content"
+    }),
+    toggleFullscreen: true
+  },
+  name: 'Fullscreen'
 };

package/esm/core/Modal/index.js

@@ -28,13 +28,15 @@ function Modal({
   defaultFullscreen,
   disableFocusTrap,
   onClose,
-  onCollapse
+  onCollapse,
+  ...restProps
 }) {
   const modalRef = /*#__PURE__*/createRef();
   const [isOpen, setOpen] = useState(open);
   const [headerHeight, setHeaderHeight] = useState(0);
   const [isFullscreen, setIsFullscreen] = useState(!!defaultFullscreen);
   const hasCollapse = Boolean(onCollapse);
+  const headerText = header && header?.props?.children || '';
   const setClose = () => {
     enableBodyScroll(modalRef.current);
     if (!disableLocalClose) setOpen(false);
@@ -42,11 +44,21 @@ function Modal({
       onClose();
     }
   };
+
+  // Capture escape
+  const handleKeyDown = useCallback(event => {
+    if (event.key === 'Escape') {
+      setClose();
+    }
+  }, [setClose]);
   const handleHeaderRef = useCallback(node => {
     setHeaderHeight(node?.clientHeight);
   }, []);
   useEffect(() => {
     if (!modalRef.current) return;
+    if (isOpen) {
+      modalRef.current.focus();
+    }
     if (isOpen && disableScroll) {
       disableBodyScroll(modalRef.current);
       if (targetRefs && targetRefs.length > 0) {
@@ -63,6 +75,12 @@ function Modal({
       clearAllBodyScrollLocks();
     };
   });
+  useEffect(() => {
+    document.addEventListener('keydown', handleKeyDown);
+    return () => {
+      document.removeEventListener('keydown', handleKeyDown);
+    };
+  });
   const onOutsideClick = () => {
     if (disableOutsideClick) return;
     setClose();
@@ -75,20 +93,28 @@ function Modal({
     children: _jsx(Overlay, {
       onClick: onOutsideClick,
       children: _jsxs(Content, {
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": restProps['aria-label'] ?? header ? headerText.toString() : 'Modal',
         width: width,
         isFullscreen: isFullscreen,
         canToggleFullscreen: !!toggleFullscreen,
         onClick: e => e.stopPropagation(),
+        ...restProps,
         children: [(!hideCloseButton || hasCollapse || toggleFullscreen) && _jsxs(CloseWrapper, {
           children: [hasCollapse && _jsx(Button, {
             nostyle: true,
             onClick: onCollapse,
             focusable: true,
+            "aria-label": hasCollapse && 'Minimer',
+            title: "Minimer",
             children: _jsx(IconMinus, {})
           }), toggleFullscreen && _jsx(Button, {
             nostyle: true,
             onClick: () => setIsFullscreen(!isFullscreen),
             focusable: true,
+            "aria-label": isFullscreen ? 'Lukk fullskjerm' : 'Fullskjerm',
+            title: isFullscreen ? 'Lukk fullskjerm' : 'Fullskjerm',
             children: isFullscreen ? _jsx(IconFullscreenClose, {
               size: "20px"
             }) : _jsx(IconFullscreenOpen, {
@@ -98,6 +124,8 @@ function Modal({
             nostyle: true,
             onClick: setClose,
             focusable: true,
+            "aria-label": "Lukk",
+            title: "Lukk",
             children: _jsx(IconClose, {})
           })]
         }), _jsx(HeaderWrapper, {

package/esm/index.js

@@ -197,6 +197,7 @@ import IllustrationMySiteDashboard from './illustrations/MySite/IllustrationMySi
 import IllustrationMySiteCooperative from './illustrations/MySite/IllustrationMySiteCooperative';
 import IllustrationMySiteAssociation from './illustrations/MySite/IllustrationMySiteAssociation';
 import IllustrationMySiteMailbox from './illustrations/MySite/IllustrationMySiteMailbox';
+import VisuallyHidden from './shared/components/VisuallyHidden';
 import Html from './core/Html';
 import CustomText from './core/CustomText';
 import Select from './core/Select';
@@ -313,4 +314,4 @@ export { getFormatedPhone } from './utils/phone';
 export { getCurrentPage, getFirstButtonIndex, getHasMorePages, getHasPreviousPages, getSkippedItems } from './utils/pagination';
 export { handleDateToStringConvertion, handleStringToDateConvertion, getTimeFromHours, getTimeStringFromHours } from './utils/time';
 export { getFormattedPrice, getFormattedPriceWithEnding, getFormattedDate, getTitleString, getFormattedCardNumber, getFormattedTime, getFormattedOrganizationNumber, getFormattedDateTimePretty, getFormattedTimePeriod } from './utils/format';
-export { Topbar, Layout, LayoutShell, AppShell, AppLoader, Alert, Button, Card, Divider, Dropdown, Header, Input, Image, Checkbox, Link, List, ListItem, Tag, Text, Footer, FooterCol, FooterGroup, FooterLabel, FooterLink, FooterButton, Radio, Skeleton, Html, CustomText, Select, SearchSelect, Option, UserMenu, UserMenuOption, Modal, MediaCarousel, NotificationsMenu, NotificationRow, Table, Cell, Row, FileInput, Datepicker, DatepickerRange, Menu, AppPicker, MainMenu, MenuItem, MenuTop, SecondaryMenu, SecondaryMenuItem, MenuSpacer, Submenu, SubmenuItem, PreemptionCard, PreemptionCardLoading, PieChart, SimpleBarChart, SimpleLineChart, BarAndLineComposedChart, BarChartWithCustomizedEvent, IconApartment, IconArchives, IconArea, IconChoice, IconReply, IconReplyAll, IconForward, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconAttachment, IconBack, IconBath, IconBoard, IconBookmarkOutline, IconBookmarkFilled, IconBus, IconBlock, IconCar, IconCaretDown, IconCaretLeft, IconCaretUp, IconCases, IconCaretRight, IconCheck, IconCheckedOutline, IconCheckedFilled, IconChevronLeft, IconChevronRight, IconChevronDown, IconClose, IconCloseAlt, IconComment, IconCompanyBuilding, IconDelete, IconDoor, IconDotFilled, IconDotOutline, IconDownload, IconDraft, IconElevator, IconErrorOutline, IconErrorFilled, IconExternalLink, IconEye, IconEyeDeny, IconFamily, IconFerry, IconFile, IconFileEdit, IconFileAdd, IconFileExcel, IconFilePDF, IconFileWord, IconFillOut, IconFloor, IconGarage, IconGrid, IconGym, IconHearth, IconHearthOutline, IconHelp, IconHistory, IconHouse, IconHomeFilled, IconHomeOutline, IconHouseBlockFilled, IconHouseBlockOutline, IconHumans, IconImportantComment, IconInbox, IconLabel, IconJointcost, IconJointcost2, IconKey, IconKitchen, IconLeafFilled, IconLeafOutline, IconLeisureTime, IconLock, IconLockLocked, IconLockOpen, IconMap, IconMail, IconMenu, IconMinus, IconMoney, IconPinned, IconParking, IconPaymentCard, IconPlus, IconPortalUser, IconReciept, IconRedo, IconRefresh, IconRoom, IconSave, IconSearch, IconSend, IconSettings, IconShopping, IconSign, IconStarFilled, IconStarHalf, IconStarOutline, IconStore, IconSubway, IconSwitch, IconSliders, IconTrain, IconTram, IconPrint, IconTransport, IconTypeOfBuilding, IconTypeOfBuildingOutline, IconUpload, IconUser, IconUserThin, IconVote, IconWalk, IconWarning, IconWarningBell, IconZip, IconSort, IconFilterList, IconBellOutline, IconPlusAlt, IconPhone, IconHouseOutline, IconMembership, IconMembershipFilled, IconCalendar, IconInfoOutline, IconInfoFilled, IconCamera, IllustrationHouse, IllustrationHighHouseComposition, IllustrationHighHouse, IllustrationHouseComposition, IllustrationLowHouse, IllustrationLowHouseComposition, IllustrationSemiDetachedHouse, IllustrationSemiDetachedHouseComposition, IllustrationSmallHouse, IllustrationSmallHouseComposition, IllustrationTerraceBlock, IllustrationTerraceBlockComposition, IllustrationTownHouse, IllustrationTownHouseComposition, IllustrationHousesBackground, IllustrationHousesBackgroundWithComposition, IllustrationHouseMissing, IllustrationError, IllustrationErrorGeneric, IllustrationPaperCompleted, IllustrationPaperMissing, IllustrationMySiteBuilding, IllustrationMySiteCoffeeBook, IllustrationMySiteComputer, IllustrationMySiteGift, IllustrationMySitePapers, IllustrationMySitePiggyBank, IllustrationMySiteDashboard, IllustrationMySiteAssociation, IllustrationMySiteCooperative, IllustrationMySiteMailbox, IllustrationMySiteTransfer, IconCommunication, IconCommunicationFilled, IconCompanyBuildingOutline, IconCompanyBuildingFilled, IconDashboard, IconDashboardFilled, IconEconomy, IconEconomyFilled, IconWork, IconWorkFilled, IconProfile, IconProfileFilled, IconLookup, IconLookupFilled, IconDocument, IconDocumentFilled, IconEarth, IconEdit, IconMinusAlt, IconMinusAltFilled, IconUndo, IconVisa, IconMasterCard, IconBankAxept, IconAmericanExpress, IconFileCopy, IconBblFlame, IconBblWater, IconBblShield, IconFullscreenOpen, IconFullscreenClose, IconGmail, IconOffice365, IconAuditorFilled, IconAuditorOutline, IconJanitorFilled, IconJanitorOutline, useScreenOrientation, Box, Textarea, InfoButton, CommentsTimeline, CommentLine, HeaderCell, RowCell, TableHeader, TableRow, BoxedTable, DraggableRow, CollapseList, CollapseListItem, Banner, Calendar, YearWheel, DropdownMenu, DropdownMenuOption, Timeline, Timepicker, TimelineStep, HighlightText, TabBar, TabItem, Editor, TabNav, Video, TabNavItem, NoticeCard, ListPager, Spinner, Autocomplete, GoogleButton, NotificationCounter, SearchFilter, ImagePicker, Tooltip, ImageViewer };
+export { Topbar, Layout, LayoutShell, AppShell, AppLoader, Alert, Button, Card, Divider, Dropdown, Header, Input, Image, Checkbox, Link, List, ListItem, Tag, Text, Footer, FooterCol, FooterGroup, FooterLabel, FooterLink, FooterButton, Radio, Skeleton, Html, CustomText, Select, SearchSelect, Option, UserMenu, UserMenuOption, Modal, MediaCarousel, NotificationsMenu, NotificationRow, Table, Cell, Row, FileInput, Datepicker, DatepickerRange, Menu, AppPicker, MainMenu, MenuItem, MenuTop, SecondaryMenu, SecondaryMenuItem, MenuSpacer, Submenu, SubmenuItem, PreemptionCard, PreemptionCardLoading, PieChart, SimpleBarChart, SimpleLineChart, BarAndLineComposedChart, BarChartWithCustomizedEvent, IconApartment, IconArchives, IconArea, IconChoice, IconReply, IconReplyAll, IconForward, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconAttachment, IconBack, IconBath, IconBoard, IconBookmarkOutline, IconBookmarkFilled, IconBus, IconBlock, IconCar, IconCaretDown, IconCaretLeft, IconCaretUp, IconCases, IconCaretRight, IconCheck, IconCheckedOutline, IconCheckedFilled, IconChevronLeft, IconChevronRight, IconChevronDown, IconClose, IconCloseAlt, IconComment, IconCompanyBuilding, IconDelete, IconDoor, IconDotFilled, IconDotOutline, IconDownload, IconDraft, IconElevator, IconErrorOutline, IconErrorFilled, IconExternalLink, IconEye, IconEyeDeny, IconFamily, IconFerry, IconFile, IconFileEdit, IconFileAdd, IconFileExcel, IconFilePDF, IconFileWord, IconFillOut, IconFloor, IconGarage, IconGrid, IconGym, IconHearth, IconHearthOutline, IconHelp, IconHistory, IconHouse, IconHomeFilled, IconHomeOutline, IconHouseBlockFilled, IconHouseBlockOutline, IconHumans, IconImportantComment, IconInbox, IconLabel, IconJointcost, IconJointcost2, IconKey, IconKitchen, IconLeafFilled, IconLeafOutline, IconLeisureTime, IconLock, IconLockLocked, IconLockOpen, IconMap, IconMail, IconMenu, IconMinus, IconMoney, IconPinned, IconParking, IconPaymentCard, IconPlus, IconPortalUser, IconReciept, IconRedo, IconRefresh, IconRoom, IconSave, IconSearch, IconSend, IconSettings, IconShopping, IconSign, IconStarFilled, IconStarHalf, IconStarOutline, IconStore, IconSubway, IconSwitch, IconSliders, IconTrain, IconTram, IconPrint, IconTransport, IconTypeOfBuilding, IconTypeOfBuildingOutline, IconUpload, IconUser, IconUserThin, IconVote, IconWalk, IconWarning, IconWarningBell, IconZip, IconSort, IconFilterList, IconBellOutline, IconPlusAlt, IconPhone, IconHouseOutline, IconMembership, IconMembershipFilled, IconCalendar, IconInfoOutline, IconInfoFilled, IconCamera, IllustrationHouse, IllustrationHighHouseComposition, IllustrationHighHouse, IllustrationHouseComposition, IllustrationLowHouse, IllustrationLowHouseComposition, IllustrationSemiDetachedHouse, IllustrationSemiDetachedHouseComposition, IllustrationSmallHouse, IllustrationSmallHouseComposition, IllustrationTerraceBlock, IllustrationTerraceBlockComposition, IllustrationTownHouse, IllustrationTownHouseComposition, IllustrationHousesBackground, IllustrationHousesBackgroundWithComposition, IllustrationHouseMissing, IllustrationError, IllustrationErrorGeneric, IllustrationPaperCompleted, IllustrationPaperMissing, IllustrationMySiteBuilding, IllustrationMySiteCoffeeBook, IllustrationMySiteComputer, IllustrationMySiteGift, IllustrationMySitePapers, IllustrationMySitePiggyBank, IllustrationMySiteDashboard, IllustrationMySiteAssociation, IllustrationMySiteCooperative, IllustrationMySiteMailbox, IllustrationMySiteTransfer, IconCommunication, IconCommunicationFilled, IconCompanyBuildingOutline, IconCompanyBuildingFilled, IconDashboard, IconDashboardFilled, IconEconomy, IconEconomyFilled, IconWork, IconWorkFilled, IconProfile, IconProfileFilled, IconLookup, IconLookupFilled, IconDocument, IconDocumentFilled, IconEarth, IconEdit, IconMinusAlt, IconMinusAltFilled, IconUndo, IconVisa, IconMasterCard, IconBankAxept, IconAmericanExpress, IconFileCopy, IconBblFlame, IconBblWater, IconBblShield, IconFullscreenOpen, IconFullscreenClose, IconGmail, IconOffice365, IconAuditorFilled, IconAuditorOutline, IconJanitorFilled, IconJanitorOutline, VisuallyHidden, useScreenOrientation, Box, Textarea, InfoButton, CommentsTimeline, CommentLine, HeaderCell, RowCell, TableHeader, TableRow, BoxedTable, DraggableRow, CollapseList, CollapseListItem, Banner, Calendar, YearWheel, DropdownMenu, DropdownMenuOption, Timeline, Timepicker, TimelineStep, HighlightText, TabBar, TabItem, Editor, TabNav, Video, TabNavItem, NoticeCard, ListPager, Spinner, Autocomplete, GoogleButton, NotificationCounter, SearchFilter, ImagePicker, Tooltip, ImageViewer };

package/esm/shared/components/VisuallyHidden/index.js

@@ -0,0 +1,22 @@
+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)."; }
+/**
+ * Used with aria-describedby to hide text visually, but not from screen readers
+ * @link https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
+ **/
+
+const VisuallyHidden = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "esqcxxz0"
+} : {
+  target: "esqcxxz0",
+  label: "VisuallyHidden"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1dja9su",
+  styles: "position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0"
+} : {
+  name: "1dja9su",
+  styles: "position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9zaGFyZWQvY29tcG9uZW50cy9WaXN1YWxseUhpZGRlbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT2lDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9zaGFyZWQvY29tcG9uZW50cy9WaXN1YWxseUhpZGRlbi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuLyoqXG4gKiBVc2VkIHdpdGggYXJpYS1kZXNjcmliZWRieSB0byBoaWRlIHRleHQgdmlzdWFsbHksIGJ1dCBub3QgZnJvbSBzY3JlZW4gcmVhZGVyc1xuICogQGxpbmsgaHR0cHM6Ly9zbm9vay5jYS9hcmNoaXZlcy9odG1sX2FuZF9jc3MvaGlkaW5nLWNvbnRlbnQtZm9yLWFjY2Vzc2liaWxpdHlcbiAqKi9cblxuY29uc3QgVmlzdWFsbHlIaWRkZW4gPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGJvcmRlcjogMDtcbmBcbmV4cG9ydCBkZWZhdWx0IFZpc3VhbGx5SGlkZGVuXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export default VisuallyHidden;

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

@@ -1,24 +1,11 @@
-/// <reference types="react" />
-declare const _default;
-export default _default;
-export declare const Default: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const Success: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const Info: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const Danger: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const WithoutClose: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
+import Alert from '.';
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof Alert>;
+export default meta;
+declare type Story = StoryObj<typeof Alert>;
+export declare const Default: Story;
+export declare const Success: Story;
+export declare const Info: Story;
+export declare const Danger: Story;
+export declare const WithoutClose: Story;
 //# sourceMappingURL=Alert.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Alert/Alert.stories.tsx"],"names":[],"mappings":";;AAGA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAOnB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAOnB,CAAA;AAED,eAAO,MAAM,IAAI;;;CAOhB,CAAA;AAED,eAAO,MAAM,MAAM;;;CAOlB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAGxB,CAAA"}
+{"version":3,"file":"Alert.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Alert/Alert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,GAAG,CAAA;AACrB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAGpB,CAAA;AAET,eAAe,IAAI,CAAA;AAEnB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAA"}

package/lib/core/Alert/Alert.stories.js

@@ -1,43 +1,43 @@
 import Alert from '.';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default {
+const meta = {
   title: 'Core/Alert',
   component: Alert
 };
+export default meta;
 export const Default = {
-  render: () => /*#__PURE__*/_jsx(Alert, {
+  args: {
     onClose: () => console.log('close'),
-    children: "Here is some general information."
-  }),
+    children: 'Here is some general information.'
+  },
   name: 'Default'
 };
 export const Success = {
-  render: () => /*#__PURE__*/_jsx(Alert, {
+  args: {
     success: true,
     onClose: () => console.log('close'),
-    children: "Thank you for feedback!"
-  }),
+    children: 'Thank you for feedback!'
+  },
   name: 'Success'
 };
 export const Info = {
-  render: () => /*#__PURE__*/_jsx(Alert, {
+  args: {
     info: true,
     onClose: () => console.log('close'),
-    children: "The service is down between 23:00 - 05:00."
-  }),
+    children: 'The service is down between 23:00 - 05:00.'
+  },
   name: 'Info'
 };
 export const Danger = {
-  render: () => /*#__PURE__*/_jsx(Alert, {
+  args: {
     danger: true,
     onClose: () => console.log('close'),
-    children: "There has been a mistake. Could not reach service."
-  }),
+    children: 'There has been a mistake. Could not reach service.'
+  },
   name: 'Danger'
 };
 export const WithoutClose = {
-  render: () => /*#__PURE__*/_jsx(Alert, {
-    children: "Cannot close this message."
-  }),
+  args: {
+    children: 'Here is some general information.'
+  },
   name: 'Without close'
 };

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

@@ -1,7 +1,8 @@
 /** @jsxImportSource @emotion/react */
 import React from 'react';
 import type { SerializedStyles } from '@emotion/react';
-interface IProps {
+import { AccessibilityProps } from '../../shared/types/Accessibility';
+interface IProps extends AccessibilityProps {
     /** Primary theme style */
     primary?: boolean;
     /** Success alert */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Alert/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAKtD,UAAU,MAAM;IACd,0BAA0B;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kBAAkB;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wBAAwB;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,uBAAuB;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,+BAA+B;IAC/B,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAiC3B,CAAA;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Alert/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAiB,MAAM,OAAO,CAAA;AACrC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAItD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAA;AAGrE,UAAU,MAAO,SAAQ,kBAAkB;IACzC,0BAA0B;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kBAAkB;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wBAAwB;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,uBAAuB;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,+BAA+B;IAC/B,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAiE3B,CAAA;AAED,eAAe,KAAK,CAAA"}