@bbl-digital/snorre 4.0.7 → 4.0.9

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/CollapseList/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGjD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;UAM1B,CAAA;AAED,eAAO,MAAM,MAAM;qBACA,SAAS;CAyB3B,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/CollapseList/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGjD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAM1B,CAAA;AAED,eAAO,MAAM,MAAM;qBACA,SAAS;CAyB3B,CAAA"}

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

@@ -19,7 +19,31 @@ export declare const Document: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const Delete: import("@emotion/styled").StyledComponent<import("../private/ButtonOrLink").Props & import("../../shared/types/Accessibility").AccessibilityProps & {
+export declare const Delete: import("@emotion/styled").StyledComponent<import("../../shared/types/Accessibility").AccessibilityProps & {
+    [prop: string]: unknown;
+    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;
+    onKeyPress?: {
+        key: string;
+        action: (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" | "reset" | "submit" | undefined;
+    target?: string | undefined;
+    download?: any;
+    tabIndex?: number | undefined;
+} & {
     success?: boolean | undefined;
     danger?: boolean | undefined;
     highlight?: boolean | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/FileInput/styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,OAAO;;;yGAGnB,CAAA;AAED,eAAO,MAAM,WAAW;;;yGAAe,CAAA;AAEvC,eAAO,MAAM,YAAY;;;yGAIxB,CAAA;AACD,eAAO,MAAM,eAAe;;;yGAI3B,CAAA;AAED,eAAO,MAAM,QAAQ;;;2GAcpB,CAAA;AAED,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;UAOlB,CAAA;AAED,eAAO,MAAM,UAAU;;;;WACJ,MAAM;;qHAsBxB,CAAA;AAED,eAAO,MAAM,aAAa;;;2GAOzB,CAAA;AAED,eAAO,MAAM,WAAW;;;kHAEvB,CAAA;AAED,eAAO,MAAM,IAAI;;;;;2GAOhB,CAAA;AAED,eAAO,MAAM,KAAK;;;2GAKjB,CAAA;AAED,eAAO,MAAM,YAAY;;;yGAMxB,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/FileInput/styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,OAAO;;;yGAGnB,CAAA;AAED,eAAO,MAAM,WAAW;;;yGAAe,CAAA;AAEvC,eAAO,MAAM,YAAY;;;yGAIxB,CAAA;AACD,eAAO,MAAM,eAAe;;;yGAI3B,CAAA;AAED,eAAO,MAAM,QAAQ;;;2GAcpB,CAAA;AAED,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAOlB,CAAA;AAED,eAAO,MAAM,UAAU;;;;WACJ,MAAM;;qHAsBxB,CAAA;AAED,eAAO,MAAM,aAAa;;;2GAOzB,CAAA;AAED,eAAO,MAAM,WAAW;;;kHAEvB,CAAA;AAED,eAAO,MAAM,IAAI;;;;;2GAOhB,CAAA;AAED,eAAO,MAAM,KAAK;;;2GAKjB,CAAA;AAED,eAAO,MAAM,YAAY;;;yGAMxB,CAAA"}

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

@@ -1,5 +1,29 @@
 /// <reference types="react" />
-export declare const StyledButton: import("@emotion/styled").StyledComponent<import("../private/ButtonOrLink").Props & import("../../shared/types/Accessibility").AccessibilityProps & {
+export declare const StyledButton: import("@emotion/styled").StyledComponent<import("../../shared/types/Accessibility").AccessibilityProps & {
+    [prop: string]: unknown;
+    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;
+    onKeyPress?: {
+        key: string;
+        action: (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" | "reset" | "submit" | undefined;
+    target?: string | undefined;
+    download?: any;
+    tabIndex?: number | undefined;
+} & {
     success?: boolean | undefined;
     danger?: boolean | undefined;
     highlight?: boolean | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/InfoButton/styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;UAOxB,CAAA;AAED,eAAO,MAAM,MAAM;;;;;;mBAmFF,MAAM,SAAS,MAAM;CAQrC,CAAA;AAED,eAAO,MAAM,OAAO;;;yGAiCnB,CAAA;AAED,eAAO,MAAM,OAAO;;;2GAInB,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/InfoButton/styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAOxB,CAAA;AAED,eAAO,MAAM,MAAM;;;;;;mBAmFF,MAAM,SAAS,MAAM;CAQrC,CAAA;AAED,eAAO,MAAM,OAAO;;;yGAiCnB,CAAA;AAED,eAAO,MAAM,OAAO;;;2GAInB,CAAA"}

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

@@ -1,24 +1,12 @@
-/// <reference types="react" />
-declare const _default;
-export default _default;
-export declare const Default: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const Collapse: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const Dynamic: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const Scrollable: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const Fullscreeen: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
+import Modal from '.';
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof Modal>;
+export default meta;
+declare type Story = StoryObj<typeof Modal>;
+export declare const Default: Story;
+export declare const Collapse: Story;
+export declare const Dynamic: Story;
+export declare const Scrollable: Story;
+export declare const Accessible: Story;
+export declare const Fullscreen: Story;
 //# sourceMappingURL=Modal.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Modal/Modal.stories.tsx"],"names":[],"mappings":";;AAMA,wBAWS;AAET,eAAO,MAAM,OAAO;;;CAsBnB,CAAA;AAED,eAAO,MAAM,QAAQ;;;CAiBpB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAsBnB,CAAA;AAED,eAAO,MAAM,UAAU;;;CAsItB,CAAA;AAED,eAAO,MAAM,WAAW;;;CAavB,CAAA"}
+{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Modal/Modal.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,GAAG,CAAA;AACrB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAGjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAGpB,CAAA;AACT,eAAe,IAAI,CAAA;AAEnB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAEnC,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAsIxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAA"}

package/lib/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/lib/core/Modal/index.d.ts

@@ -1,7 +1,8 @@
 /** @jsxImportSource @emotion/react */
 import React from 'react';
+import { AccessibilityProps } from '../..';
 import { SerializedStyles } from '@emotion/react';
-interface IProps {
+interface IProps extends AccessibilityProps {
     /** Property for open modal */
     open?: boolean;
     /** React node for header component */
@@ -39,7 +40,7 @@ interface IProps {
     /** Children */
     children?: React.ReactNode | React.ReactNode[];
 }
-declare function Modal({ open, header, actionButton, width, children, disableOutsideClick, hideCloseButton, disableScroll, targetRefs, disableScrollableContent, headerCss, contentCss, disableLocalClose, toggleFullscreen, defaultFullscreen, disableFocusTrap, onClose, onCollapse, }: IProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Modal({ open, header, actionButton, width, children, disableOutsideClick, hideCloseButton, disableScroll, targetRefs, disableScrollableContent, headerCss, contentCss, disableLocalClose, toggleFullscreen, defaultFullscreen, disableFocusTrap, onClose, onCollapse, ...restProps }: IProps): import("@emotion/react/jsx-runtime").JSX.Element;
 declare namespace Modal {
     var Actions: ({ children, className, spaceBetween }: {
         children: React.ReactNode | React.ReactNode[];

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Modal/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAsD,MAAM,OAAO,CAAA;AAkB1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAKjD,UAAU,MAAM;IACd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,sCAAsC;IACtC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,+FAA+F;IAC/F,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,kCAAkC;IAClC,UAAU,CAAC,EAAE,GAAG,EAAE,CAAA;IAClB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,8HAA8H;IAC9H,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,2BAA2B;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAA;IAC7B,0BAA0B;IAC1B,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,0BAA0B;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C;AAED,iBAAS,KAAK,CAAC,EACb,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,KAAe,EACf,QAAQ,EACR,mBAA0B,EAC1B,eAAe,EACf,aAAoB,EACpB,UAAU,EACV,wBAAwB,EACxB,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,OAAO,EACP,UAAU,GACX,EAAE,MAAM,oDAgIR;kBAnJQ,KAAK;;;;;;;AAuJd,eAAe,KAAK,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Modal/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAsD,MAAM,OAAO,CAAA;AAiB1E,OAAO,EAAE,kBAAkB,EAA+B,MAAM,OAAO,CAAA;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAKjD,UAAU,MAAO,SAAQ,kBAAkB;IACzC,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,sCAAsC;IACtC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,+FAA+F;IAC/F,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,kCAAkC;IAClC,UAAU,CAAC,EAAE,GAAG,EAAE,CAAA;IAClB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,8HAA8H;IAC9H,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,2BAA2B;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAA;IAC7B,0BAA0B;IAC1B,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,0BAA0B;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C;AAED,iBAAS,KAAK,CAAC,EACb,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,KAAe,EACf,QAAQ,EACR,mBAA0B,EAC1B,eAAe,EACf,aAAoB,EACpB,UAAU,EACV,wBAAwB,EACxB,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,GAAG,SAAS,EACb,EAAE,MAAM,oDA4KR;kBAhMQ,KAAK;;;;;;;AAoMd,eAAe,KAAK,CAAA"}

package/lib/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/lib/core/Tag/Tag.stories.d.ts

@@ -1,60 +1,20 @@
-/// <reference types="react" />
-declare const _default;
-export default _default;
-export declare const Default: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const Neutral: {
-    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 Dark: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const Light: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const Outline: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const TagWithClose: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const TagWithLoading: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const TagWithCloseAndStrictClick: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const TagWithCloseLoadingAndStrictClick: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const TagWithCloseAndStrictClickWithColor: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const WithIcon: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
+import Tag from '.';
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof Tag>;
+export default meta;
+declare type Story = StoryObj<typeof Tag>;
+export declare const Default: Story;
+export declare const Neutral: Story;
+export declare const Success: Story;
+export declare const Info: Story;
+export declare const Danger: Story;
+export declare const Dark: Story;
+export declare const Light: Story;
+export declare const Outline: Story;
+export declare const TagWithClose: Story;
+export declare const TagWithLoading: Story;
+export declare const TagWithCloseAndStrictClick: Story;
+export declare const TagWithCloseLoadingAndStrictClick: Story;
+export declare const TagWithCloseAndStrictClickWithColor: Story;
+export declare const WithIcon: Story;
 //# sourceMappingURL=Tag.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Tag/Tag.stories.tsx"],"names":[],"mappings":";;AAIA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,IAAI;;;CAGhB,CAAA;AAED,eAAO,MAAM,MAAM;;;CAGlB,CAAA;AAED,eAAO,MAAM,IAAI;;;CAGhB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAGjB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAOxB,CAAA;AAED,eAAO,MAAM,cAAc;;;CAG1B,CAAA;AAED,eAAO,MAAM,0BAA0B;;;CAOtC,CAAA;AAED,eAAO,MAAM,iCAAiC;;;CAO7C,CAAA;AAED,eAAO,MAAM,mCAAmC;;;CAO/C,CAAA;AAED,eAAO,MAAM,QAAQ;;;CAGpB,CAAA"}
+{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Tag/Tag.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,GAAG,CAAA;AAEnB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,GAAG,CAG1B,CAAA;AACD,eAAe,IAAI,CAAA;AAEnB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAA;AAEjC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAOxC,CAAA;AAED,eAAO,MAAM,iCAAiC,EAAE,KAQ/C,CAAA;AAED,eAAO,MAAM,mCAAmC,EAAE,KAQjD,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA"}