@bbl-digital/snorre 4.0.21 → 4.0.23

package/lib/core/DatepickerRange/DatepickerRange.stories.js

@@ -1,10 +1,11 @@
 import DatepickerRange from '.';
 import { jsx as _jsx } from "react/jsx-runtime";
-export default {
+const meta = {
   title: 'Core/DatepickerRange',
   component: DatepickerRange
 };
-export const DatepickerRangeDefault = {
+export default meta;
+export const Default = {
   render: () => /*#__PURE__*/_jsx("div", {
     style: {
       height: '600px'
@@ -17,5 +18,5 @@ export const DatepickerRangeDefault = {
       }
     })
   }),
-  name: 'DatepickerRange'
+  name: 'Default'
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Dropdown/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAyD,MAAM,OAAO,CAAA;AAC7E,OAAO,EAAE,gBAAgB,EAAY,MAAM,gBAAgB,CAAA;AAK3D,UAAU,MAAO,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC5D,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4BAA4B;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,8BAA8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,uBAAuB;IACvB,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IACtC,6BAA6B;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,mCAAmC;IACnC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,iEAAiE;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,iBAAiB;IACjB,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAiG9B,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Dropdown/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAyD,MAAM,OAAO,CAAA;AAC7E,OAAO,EAAE,gBAAgB,EAAY,MAAM,gBAAgB,CAAA;AAK3D,UAAU,MAAO,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC5D,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4BAA4B;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,8BAA8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,uBAAuB;IACvB,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IACtC,6BAA6B;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,mCAAmC;IACnC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,iEAAiE;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,iBAAiB;IACjB,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAgG9B,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/lib/core/Dropdown/index.js

@@ -85,7 +85,6 @@ const Dropdown = ({
       onClick: onClick,
       css: css,
       className: className,
-      ...restProps,
       children: label ? label : '- Velg'
     }), open && _jsx("div", {
       css: theme => styles.default(theme),

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

@@ -1,16 +1,9 @@
-/// <reference types="react" />
-declare const _default;
-export default _default;
-export declare const Default: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const WithCounterProp: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const WithClassname: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
+import DropdownMenu from '.';
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof DropdownMenu>;
+export default meta;
+declare type Story = StoryObj<typeof DropdownMenu>;
+export declare const Default: Story;
+export declare const WithCounterProp: Story;
+export declare const WithClassname: Story;
 //# sourceMappingURL=DropdownMenu.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/DropdownMenu/DropdownMenu.stories.tsx"],"names":[],"mappings":";;AAKA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAanB,CAAA;AAED,eAAO,MAAM,eAAe;;;CAgB3B,CAAA;AAED,eAAO,MAAM,aAAa;;;CAUzB,CAAA"}
+{"version":3,"file":"DropdownMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/DropdownMenu/DropdownMenu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,GAAG,CAAA;AAG5B,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAGnC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAA;AAE1C,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAkB7B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAA"}

package/lib/core/DropdownMenu/DropdownMenu.stories.js

@@ -2,46 +2,54 @@ import DropdownMenu from '.';
 import DropdownMenuOption from './DropdownMenuOption';
 import IconMail from '../../icons/General/IconMail';
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export default {
+const meta = {
   title: 'Core/DropdownMenu',
   component: DropdownMenu
 };
+export default meta;
 export const Default = {
-  render: () => /*#__PURE__*/_jsxs(DropdownMenu, {
+  args: {
     icon: /*#__PURE__*/_jsx(IconMail, {}),
-    children: [/*#__PURE__*/_jsx(DropdownMenuOption, {
-      onClick: () => console.log('Option 1 clicked'),
-      children: "Option 1"
-    }), /*#__PURE__*/_jsx(DropdownMenuOption, {
-      onClick: () => console.log('Option 2 clicked'),
-      children: "Option 2"
-    })]
-  }),
+    children: /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(DropdownMenuOption, {
+        onClick: () => console.log('Option 1 clicked'),
+        children: "Option 1"
+      }), /*#__PURE__*/_jsx(DropdownMenuOption, {
+        onClick: () => console.log('Option 2 clicked'),
+        children: "Option 2"
+      })]
+    })
+  },
   name: 'Default'
 };
 export const WithCounterProp = {
-  render: () => /*#__PURE__*/_jsxs(DropdownMenu, {
+  args: {
     icon: /*#__PURE__*/_jsx(IconMail, {}),
-    children: [/*#__PURE__*/_jsx(DropdownMenuOption, {
-      onClick: () => console.log('Option 1 clicked'),
-      counter: 3,
-      children: "With counter"
-    }), /*#__PURE__*/_jsx(DropdownMenuOption, {
-      onClick: () => console.log('Option 2 clicked'),
-      children: "Option 2"
-    })]
-  }),
+    children: /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(DropdownMenuOption, {
+        onClick: () => console.log('Option 1 clicked'),
+        counter: 3,
+        children: "With counter"
+      }), /*#__PURE__*/_jsx(DropdownMenuOption, {
+        onClick: () => console.log('Option 2 clicked'),
+        children: "Option 2"
+      })]
+    })
+  },
   name: 'With counter prop'
 };
 export const WithClassname = {
-  render: () => /*#__PURE__*/_jsx(DropdownMenu, {
+  args: {
     icon: /*#__PURE__*/_jsx(IconMail, {}),
-    className: "my-class",
-    children: /*#__PURE__*/_jsx(DropdownMenuOption, {
-      onClick: () => console.log('Option 1 clicked'),
-      children: "This menu has a classname"
+    className: 'my-class',
+    children: /*#__PURE__*/_jsx(_Fragment, {
+      children: /*#__PURE__*/_jsx(DropdownMenuOption, {
+        onClick: () => console.log('Option 1 clicked'),
+        children: "This menu has a classname"
+      })
     })
-  }),
+  },
   name: 'With classname'
 };

package/lib/core/DropdownMenu/DropdownMenuOption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuOption.d.ts","sourceRoot":"","sources":["../../../src/packages/core/DropdownMenu/DropdownMenuOption.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,MAAM;IACd,yCAAyC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAkBxC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"DropdownMenuOption.d.ts","sourceRoot":"","sources":["../../../src/packages/core/DropdownMenu/DropdownMenuOption.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,MAAM;IACd,yCAAyC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAwBxC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/lib/core/DropdownMenu/DropdownMenuOption.js

@@ -9,12 +9,14 @@ const DropdownMenuOption = ({
   children
 }) => {
   return _jsxs(Link, {
+    role: "menuitem",
     trackingName: "Topbar",
     trackingEvent: 'DropdownMenu click: ' + (children ? children : ''),
     css: theme => [dropdownMenuOption(theme)],
     onClick: onClick,
     removeUnderline: true,
     small: true,
+    "aria-label": children ? `Option: ${children}${counter ? `, ${counter} notifications` : ''}` : '',
     children: [children ? children : '', counter ? ` (${counter})` : '']
   });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/DropdownMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAIlD,UAAU,MAAM;IACd,kBAAkB;IAClB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAmClC,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/DropdownMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAIlD,UAAU,MAAM;IACd,kBAAkB;IAClB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAwDlC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/core/DropdownMenu/index.js

@@ -9,6 +9,7 @@ const DropdownMenu = ({
   children
 }) => {
   const [open, setOpen] = useState(false);
+  const dropdownRef = React.useRef(null);
   useEffect(() => {
     const handleClickOutside = e => {
       setTimeout(() => {
@@ -24,9 +25,22 @@ const DropdownMenu = ({
       document.removeEventListener('mousedown', handleClickOutside);
     };
   }, [open]);
+  useEffect(() => {
+    if (!dropdownRef?.current) return;
+    if (open) {
+      // Focus the first focusable element in the dropdown when it opens
+      const focusableElements = dropdownRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+      if (focusableElements.length) {
+        const element = focusableElements[0];
+        element.focus();
+      }
+    }
+  }, [open]);
   return /*#__PURE__*/_jsxs(Wrapper, {
     className: className,
     children: [/*#__PURE__*/_jsx(Button, {
+      "aria-haspopup": true,
+      "aria-expanded": open,
       nostyle: true,
       focusable: true,
       onClick: () => setOpen(!open),
@@ -34,6 +48,8 @@ const DropdownMenu = ({
       trackingName: "Topbar",
       children: icon ? icon : ''
     }), open && /*#__PURE__*/_jsx(Content, {
+      ref: dropdownRef,
+      role: "menu",
       children: children
     })]
   });

package/lib/core/Editor/Editor.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 Rich: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const ValidElements: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const InvalidElements: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const AllProps: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
+import { Meta, StoryObj } from '@storybook/react';
+import Editor from '.';
+declare const meta: Meta<typeof Editor>;
+export default meta;
+declare type Story = StoryObj<typeof Editor>;
+export declare const Default: Story;
+export declare const Rich: Story;
+export declare const ValidElements: Story;
+export declare const InvalidElements: Story;
+export declare const AllProps: Story;
 //# sourceMappingURL=Editor.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Editor.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Editor/Editor.stories.tsx"],"names":[],"mappings":";;AAGA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAKnB,CAAA;AAED,eAAO,MAAM,IAAI;;;CAWhB,CAAA;AAED,eAAO,MAAM,aAAa;;;CAWzB,CAAA;AAED,eAAO,MAAM,eAAe;;;CAU3B,CAAA;AAED,eAAO,MAAM,QAAQ;;;CAmBpB,CAAA"}
+{"version":3,"file":"Editor.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Editor/Editor.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,MAAM,MAAM,GAAG,CAAA;AAEtB,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,KAMrB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAQlB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAA"}

package/lib/core/Editor/Editor.stories.js

@@ -1,54 +1,55 @@
 import Editor from '.';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default {
+const meta = {
   title: 'Core/Editor',
   component: Editor
 };
+export default meta;
 export const Default = {
-  render: () => /*#__PURE__*/_jsx(Editor, {
-    onChange: e => console.log(e),
-    label: "Editor-label"
-  }),
+  args: {
+    label: 'Editor-label',
+    onChange: e => console.log(e)
+  },
   name: 'Default'
 };
 export const Rich = {
-  render: () => /*#__PURE__*/_jsx(Editor, {
+  args: {
+    label: 'Editor-label',
     onChange: e => console.log(e),
-    label: "Editor-label",
-    type: "rich",
+    type: 'rich',
     allowImages: true
-  }),
+  },
   name: 'Rich'
 };
 export const ValidElements = {
-  render: () => /*#__PURE__*/_jsx(Editor, {
+  args: {
+    label: 'Editor-label',
     onChange: e => console.log(e),
-    validElements: "strong,p,span,em",
-    type: "custom",
-    customToolbar: "bold italic underline"
-  }),
+    type: 'custom',
+    customToolbar: 'bold italic underline',
+    validElements: 'strong,p,span,em'
+  },
   name: 'Valid elements'
 };
 export const InvalidElements = {
-  render: () => /*#__PURE__*/_jsx(Editor, {
+  args: {
+    label: 'Editor-label',
     onChange: e => console.log(e),
-    pasteAsText: false,
-    invalidElements: "button,a,h1,h2,h3,h4,h5,h6"
-  }),
+    type: 'custom',
+    customToolbar: 'bold italic underline',
+    invalidElements: 'button,a,h1,h2,h3,h4,h5,h6'
+  },
   name: 'Invalid elements'
 };
 export const AllProps = {
-  render: () => /*#__PURE__*/_jsx(Editor, {
-    label: "Label",
-    type: "rich",
-    initialValue: '<p><img src="https://i.ytimg.com/vi/CZFKWt3S2Ys/maxresdefault.jpg" alt="testimage" width="444" height="250" /></p><br/><p>"wow" - Owen Wilson</p>',
+  args: {
+    label: 'Editor-label',
+    onChange: e => console.log(e),
+    type: 'rich',
     allowImages: true,
-    invalidElements: "",
-    invalidMessage: "Memes are not allowed",
+    invalidElements: 'button,a,h1,h2,h3,h4,h5,h6',
+    invalidMessage: 'Memes are not allowed',
     height: 400,
-    maxHeight: 600,
-    onChange: (e, length) => console.log(e, length),
-    onBlur: () => console.log('blur')
-  }),
-  name: 'Props'
+    maxHeight: 600
+  },
+  name: 'All props'
 };

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

@@ -28,9 +28,11 @@ interface IProps {
     isControlledState?: boolean;
     /** Files if "isControlledState" is set */
     controlledFiles?: File[];
+    /** Adds an id to the input */
+    id?: string;
     /** Event CB on change, returns object if not multiple is set, if not return list of type File[]  */
     onChange: (files: File | File[] | null) => void;
 }
-declare const FileInput: ({ multiple, accept, label, invalidMessage, text, initialFiles, width, hideFileList, icon, fileMaxsixe, nostyle, rotateIcon, isControlledState, controlledFiles, onChange, }: IProps) => React.JSX.Element;
+declare const FileInput: ({ multiple, accept, label, invalidMessage, text, initialFiles, width, hideFileList, icon, fileMaxsixe, nostyle, rotateIcon, isControlledState, controlledFiles, id, onChange, }: IProps) => React.JSX.Element;
 export default FileInput;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/FileInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAqB/C,UAAU,MAAM;IACd,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,0CAA0C;IAC1C,YAAY,CAAC,EAAE,IAAI,EAAE,CAAA;IACrB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sBAAsB;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sBAAsB;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mBAAmB;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iCAAiC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,0CAA0C;IAC1C,eAAe,CAAC,EAAE,IAAI,EAAE,CAAA;IACxB,oGAAoG;IACpG,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,KAAK,IAAI,CAAA;CAChD;AAED,QAAA,MAAM,SAAS,gLAgBZ,MAAM,sBA0HR,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/FileInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAqB/C,UAAU,MAAM;IACd,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,0CAA0C;IAC1C,YAAY,CAAC,EAAE,IAAI,EAAE,CAAA;IACrB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sBAAsB;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sBAAsB;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mBAAmB;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iCAAiC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,0CAA0C;IAC1C,eAAe,CAAC,EAAE,IAAI,EAAE,CAAA;IACxB,8BAA8B;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,oGAAoG;IACpG,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,KAAK,IAAI,CAAA;CAChD;AAED,QAAA,MAAM,SAAS,oLAiBZ,MAAM,sBA6HR,CAAA;AAED,eAAe,SAAS,CAAA"}

package/lib/core/FileInput/index.js

@@ -22,6 +22,7 @@ const FileInput = ({
   rotateIcon,
   isControlledState,
   controlledFiles,
+  id = 'file-input',
   onChange
 }) => {
   const [uncontrolledFiles, setUncontrolledFiles] = useState(initialFiles);
@@ -30,6 +31,7 @@ const FileInput = ({
   const files = isControlledState ? controlledFiles || [] : uncontrolledFiles;
   const hiddenFileInput = useRef(null);
   const handleClick = () => {
+    if (!hiddenFileInput.current) return;
     const node = hiddenFileInput.current;
     node.click();
   };
@@ -76,6 +78,7 @@ const FileInput = ({
   };
   return /*#__PURE__*/_jsxs(Wrapper, {
     children: [label && /*#__PURE__*/_jsx(Label, {
+      id: id,
       children: label
     }), /*#__PURE__*/_jsxs(FileWrapper, {
       children: [files.length > 0 && !hideFileList && /*#__PURE__*/_jsx(DocumentList, {
@@ -102,6 +105,7 @@ const FileInput = ({
           width: width,
           type: "button",
           nostyle: nostyle,
+          "aria-labelledby": "fileInputLabel",
           children: !nostyle ? /*#__PURE__*/_jsxs(ButtonContent, {
             children: [text, /*#__PURE__*/_jsx(Icon, {
               rotated: rotateIcon ? 1 : 0,
@@ -116,7 +120,8 @@ const FileInput = ({
           onChange: handleChange,
           multiple: multiple,
           accept: accept,
-          ref: hiddenFileInput
+          ref: hiddenFileInput,
+          "aria-hidden": "true"
         })]
       })]
     }), invalidMessage && /*#__PURE__*/_jsx(ErrorMessage, {
@@ -124,6 +129,7 @@ const FileInput = ({
     }), sizeError && /*#__PURE__*/_jsxs(Alert, {
       danger: true,
       onClose: () => setSizeError(false),
+      "aria-live": "assertive",
       children: ["Fil kan ikke overstige ", formatBytes(fileMaxsixe)]
     })]
   });

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

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

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/GoogleButton/GoogleButton.stories.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-declare const _default;
-export default _default;
-export declare const GoogleButton: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
+import { Meta, StoryObj } from '@storybook/react';
+import GoogleButtonComponent from '.';
+declare const meta: Meta<typeof GoogleButtonComponent>;
+export default meta;
+declare type Story = StoryObj<typeof GoogleButtonComponent>;
+export declare const GoogleButton: Story;
 //# sourceMappingURL=GoogleButton.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"GoogleButton.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/GoogleButton/GoogleButton.stories.tsx"],"names":[],"mappings":";;AAGA,wBAGS;AAET,eAAO,MAAM,YAAY;;;CAKxB,CAAA"}
+{"version":3,"file":"GoogleButton.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/GoogleButton/GoogleButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,qBAAqB,MAAM,GAAG,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,qBAAqB,CAG5C,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,qBAAqB,CAAC,CAAA;AAEnD,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAA"}

package/lib/core/GoogleButton/GoogleButton.stories.js

@@ -1,12 +1,12 @@
 import GoogleButtonComponent from '.';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default {
+const meta = {
   title: 'Core/GoogleButton',
   component: GoogleButtonComponent
 };
+export default meta;
 export const GoogleButton = {
-  render: () => /*#__PURE__*/_jsx(GoogleButtonComponent, {
+  args: {
     onClick: () => console.log('clicking button')
-  }),
+  },
   name: 'Google button'
 };

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

@@ -1,36 +1,14 @@
-/// <reference types="react" />
-declare const _default;
-export default _default;
-export declare const Header1: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const Header2: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const Header3: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const Header4: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const Header5: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const HeaderCustomColor: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const HeaderPrimaryColor: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
-export declare const HeaderSecondaryColor: {
-    render: () => import("react").JSX.Element;
-    name: string;
-};
+import { Meta, StoryObj } from '@storybook/react';
+import Header from '.';
+declare const meta: Meta<typeof Header>;
+export default meta;
+declare type Story = StoryObj<typeof Header>;
+export declare const Header1: Story;
+export declare const Header2: Story;
+export declare const Header3: Story;
+export declare const Header4: Story;
+export declare const Header5: Story;
+export declare const HeaderSecondaryColor: Story;
+export declare const HeaderPrimaryColor: Story;
+export declare const HeaderCustomColor: Story;
 //# sourceMappingURL=Header.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Header.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Header/Header.stories.tsx"],"names":[],"mappings":";;AAGA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,iBAAiB;;;CAO7B,CAAA;AAED,eAAO,MAAM,kBAAkB;;;CAO9B,CAAA;AAED,eAAO,MAAM,oBAAoB;;;CAOhC,CAAA"}
+{"version":3,"file":"Header.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Header/Header.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,MAAM,MAAM,GAAG,CAAA;AAEtB,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,KAMrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAMlC,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAA"}