@bbl-digital/snorre 4.0.0-beta.4 → 4.0.0-beta.5

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

@@ -0,0 +1,23 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Rich: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const ValidElements: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const InvalidElements: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const AllProps: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=Editor.stories.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,54 @@
+import Editor from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/Editor',
+  component: Editor
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(Editor, {
+    onChange: e => console.log(e),
+    label: "Editor-label"
+  }),
+  name: 'Default'
+};
+export const Rich = {
+  render: () => /*#__PURE__*/_jsx(Editor, {
+    onChange: e => console.log(e),
+    label: "Editor-label",
+    type: "rich",
+    allowImages: true
+  }),
+  name: 'Rich'
+};
+export const ValidElements = {
+  render: () => /*#__PURE__*/_jsx(Editor, {
+    onChange: e => console.log(e),
+    validElements: "strong,p,span,em",
+    type: "custom",
+    customToolbar: "bold italic underline"
+  }),
+  name: 'Valid elements'
+};
+export const InvalidElements = {
+  render: () => /*#__PURE__*/_jsx(Editor, {
+    onChange: e => console.log(e),
+    pasteAsText: false,
+    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>',
+    allowImages: true,
+    invalidElements: "",
+    invalidMessage: "Memes are not allowed",
+    height: 400,
+    maxHeight: 600,
+    onChange: (e, length) => console.log(e, length),
+    onBlur: () => console.log('blur')
+  }),
+  name: 'Props'
+};

package/lib/core/Editor/index.js

@@ -12,7 +12,6 @@ import { useEffect } from 'react';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const TINYMCE_API_KEY = 'v1hbb9qthd0z2fr0keceoglnwbzhyjqwsj4q7n193ovikt8s';
-
 const Editor = ({
   initialValue,
   overrideValue,
@@ -38,20 +37,18 @@ const Editor = ({
     alert
   } = useTheme();
   const isMobile = useIsMobile();
-
   const handleChange = (html, editor) => {
     setValue(html);
     onChange(html, editor.getContent({
       format: 'text'
     }).length);
   };
-
   const handleBlur = () => onBlur?.(value);
-
   const toolbar = type === 'basic' ? basicToolbar : type === 'rich' ? richToolbar : customToolbar;
   useEffect(() => {
     if (overrideValue === undefined) return;
-    setValue(() => overrideValue); // eslint-disable-next-line react-hooks/exhaustive-deps
+    setValue(() => overrideValue);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [overrideValue]);
   return _jsxs("div", {
     css: theme => [styles.default(theme), !loaded && styles.hideEditor],
@@ -111,5 +108,4 @@ const Editor = ({
     })]
   });
 };
-
 export default Editor;

package/lib/core/Editor/styles.js

@@ -1,7 +1,5 @@
 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)."; }
-
 import { css } from '@emotion/react';
 export const styles = {
   default: theme => /*#__PURE__*/css("display:flex;flex-direction:column;gap:4px;.tox-tinymce{border:1px solid ", theme.border, ";border-radius:3px;}.tox-toolbar__group{border-color:", theme.border, "!important;}.tox-toolbar__primary{background:none!important;border-bottom:1px solid ", theme.border, ";}.tox-statusbar{border-top:none!important;}.editor-wrapper{display:grid;.tox-toolbar--scrolling,.tox-edit-area{&::-webkit-scrollbar{width:2px;height:2px;}}}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0VkaXRvci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS29DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0VkaXRvci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBnYXA6IDRweDtcblxuICAgIC50b3gtdGlueW1jZSB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgfVxuICAgIC50b3gtdG9vbGJhcl9fZ3JvdXAge1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJvcmRlcn0gIWltcG9ydGFudDtcbiAgICB9XG4gICAgLnRveC10b29sYmFyX19wcmltYXJ5IHtcbiAgICAgIGJhY2tncm91bmQ6IG5vbmUgIWltcG9ydGFudDtcbiAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgfVxuICAgIC50b3gtc3RhdHVzYmFyIHtcbiAgICAgIGJvcmRlci10b3A6IG5vbmUgIWltcG9ydGFudDtcbiAgICB9XG4gICAgLmVkaXRvci13cmFwcGVyIHtcbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG5cbiAgICAgIC50b3gtdG9vbGJhci0tc2Nyb2xsaW5nLFxuICAgICAgLnRveC1lZGl0LWFyZWEge1xuICAgICAgICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgICAgd2lkdGg6IDJweDtcbiAgICAgICAgICBoZWlnaHQ6IDJweDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgYCxcbiAgaGlkZUVkaXRvcjogY3NzYFxuICAgIC5lZGl0b3Itd3JhcHBlciB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IExhYmVsID0gc3R5bGVkLnNwYW5gXG4gIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICBmb250LXNpemU6IDFlbTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuYFxuXG5leHBvcnQgY29uc3QgRXJyb3JXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcblxuICAmID4gc3BhbiB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogNnB4O1xuICAgIG1hcmdpbi1sZWZ0OiAycHg7XG4gIH1cbmBcbiJdfQ== */"),

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

@@ -0,0 +1,31 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Deafult: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Multiple: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const WithError: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const FilePdf: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const HideFileList: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const InitialFile: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Maxsize: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=FileInput.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileInput.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/FileInput/FileInput.stories.tsx"],"names":[],"mappings":";AAGA,wBAGS;AAOT,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,QAAQ;;;CAGpB,CAAA;AAED,eAAO,MAAM,SAAS;;;CAUrB,CAAA;AAED,eAAO,MAAM,OAAO;;;CASnB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAKxB,CAAA;AAED,eAAO,MAAM,WAAW;;;CASvB,CAAA;AAED,eAAO,MAAM,OAAO;;;CASnB,CAAA"}

package/lib/core/FileInput/FileInput.stories.js

@@ -0,0 +1,61 @@
+import FileInput from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/FileInput',
+  component: FileInput
+};
+const initialFile = new File([''], 'attachment.pdf', {
+  type: 'application/pdf',
+  lastModified: new Date().getTime()
+});
+export const Deafult = {
+  render: () => /*#__PURE__*/_jsx(FileInput, {
+    onChange: e => console.log('CB', e)
+  }),
+  name: 'Deafult'
+};
+export const Multiple = {
+  render: () => /*#__PURE__*/_jsx(FileInput, {
+    onChange: e => console.log('CB', e),
+    multiple: true
+  }),
+  name: 'Multiple'
+};
+export const WithError = {
+  render: () => /*#__PURE__*/_jsx(FileInput, {
+    onChange: e => console.log('CB', e),
+    invalidMessage: "This is an uninformative error",
+    label: "Should contain error"
+  }),
+  name: 'With error'
+};
+export const FilePdf = {
+  render: () => /*#__PURE__*/_jsx(FileInput, {
+    onChange: e => console.log('CB', e),
+    accept: ".pdf",
+    text: "Last opp PDF"
+  }),
+  name: 'File pdf'
+};
+export const HideFileList = {
+  render: () => /*#__PURE__*/_jsx(FileInput, {
+    hideFileList: true,
+    onChange: e => console.log('CB', e)
+  }),
+  name: 'Hide file list'
+};
+export const InitialFile = {
+  render: () => /*#__PURE__*/_jsx(FileInput, {
+    onChange: e => console.log('CB', e),
+    initialFiles: [initialFile]
+  }),
+  name: 'Initial file'
+};
+export const Maxsize = {
+  render: () => /*#__PURE__*/_jsx(FileInput, {
+    multiple: true,
+    fileMaxsixe: 512000,
+    onChange: e => console.log('CB', e)
+  }),
+  name: 'Maxsize'
+};

package/lib/core/FileInput/index.js

@@ -7,7 +7,6 @@ import Alert from '../Alert';
 import { formatBytes, isAllFilesValid } from '../../utils/file';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const FileInput = ({
   multiple,
   accept,
@@ -25,31 +24,25 @@ const FileInput = ({
   const [sizeError, setSizeError] = useState(false);
   const theme = useTheme();
   const hiddenFileInput = useRef(null);
-
   const handleClick = () => {
     const node = hiddenFileInput.current;
     node.click();
   };
-
   const handleChange = e => {
     if (!e.target.files[0]) return;
     let filesFromEvent = [...Array.from(e.target.files)];
     let valid = true;
     if (fileMaxsixe) valid = isAllFilesValid(filesFromEvent, fileMaxsixe);
-
     if (!valid && fileMaxsixe) {
       filesFromEvent = filesFromEvent.filter(x => x.size <= fileMaxsixe); // Filter out invalid files
-
       setSizeError(true);
     }
-
     if (!multiple) {
       setFiles([filesFromEvent[0]]);
       onChange(filesFromEvent[0]);
       e.target.value = null;
       return;
     }
-
     let newFiles = [...files];
     filesFromEvent.forEach(file => {
       newFiles.push(file);
@@ -57,23 +50,21 @@ const FileInput = ({
     setFiles(newFiles);
     onChange(newFiles);
   };
-
   const handleDelete = index => {
     if (!multiple) {
       setFiles([]);
       onChange(null);
       return;
     }
-
     const arr = [...files];
     arr.splice(index, 1);
     setFiles(arr);
-    onChange(arr); // resets value of input to trigger on change if user removes and readds same file
+    onChange(arr);
 
+    // resets value of input to trigger on change if user removes and readds same file
     const node = hiddenFileInput.current;
     if (node) node.value = null;
   };
-
   return /*#__PURE__*/_jsxs(Wrapper, {
     children: [label && /*#__PURE__*/_jsx(Label, {
       children: label
@@ -123,5 +114,4 @@ const FileInput = ({
     })]
   });
 };
-
 export default FileInput;

package/lib/core/FileInput/styles.js

@@ -1,7 +1,5 @@
 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)."; }
-
 import Button from '../Button';
 import { css } from '@emotion/react';
 export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {

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

@@ -0,0 +1,7 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const GoogleButton: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=GoogleButton.stories.d.ts.map

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

@@ -0,0 +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"}

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

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

package/lib/core/GoogleButton/index.js

@@ -3,7 +3,6 @@ import IconGmail from '../../icons/Logos/IconGmail';
 import { GButton } from './styles';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const GoogleButton = ({
   disabled,
   onClick
@@ -16,12 +15,10 @@ const GoogleButton = ({
       onClick(event);
     }
   };
-
   return /*#__PURE__*/_jsxs(GButton, {
     disabled: disabled,
     onClick: handleClick,
     children: [/*#__PURE__*/_jsx(IconGmail, {}), "Logg p\xE5 med Google"]
   });
 };
-
 export default GoogleButton;

package/lib/core/GoogleButton/styles.js

@@ -1,7 +1,5 @@
 import _styled from "@emotion/styled/base";
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 export const GButton = _styled("button", process.env.NODE_ENV === "production" ? {
   target: "e1tm3r460"
 } : {

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

@@ -0,0 +1,35 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Header1: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Header2: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Header3: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Header4: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Header5: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const HeaderCustomColor: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const HeaderPrimaryColor: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const HeaderSecondaryColor: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=Header.stories.d.ts.map

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

@@ -0,0 +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"}

package/lib/core/Header/Header.stories.js

@@ -0,0 +1,65 @@
+import Header from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/Header',
+  component: Header
+};
+export const Header1 = {
+  render: () => /*#__PURE__*/_jsx(Header, {
+    level: 1,
+    children: "Header 1"
+  }),
+  name: 'Header 1'
+};
+export const Header2 = {
+  render: () => /*#__PURE__*/_jsx(Header, {
+    level: 2,
+    children: "Header 2"
+  }),
+  name: 'Header 2'
+};
+export const Header3 = {
+  render: () => /*#__PURE__*/_jsx(Header, {
+    level: 3,
+    children: "Header 3"
+  }),
+  name: 'Header 3'
+};
+export const Header4 = {
+  render: () => /*#__PURE__*/_jsx(Header, {
+    level: 4,
+    children: "Header 4"
+  }),
+  name: 'Header 4'
+};
+export const Header5 = {
+  render: () => /*#__PURE__*/_jsx(Header, {
+    level: 5,
+    children: "Header 5"
+  }),
+  name: 'Header 5'
+};
+export const HeaderCustomColor = {
+  render: () => /*#__PURE__*/_jsx(Header, {
+    level: 3,
+    color: "green",
+    children: "Header 3 custom color"
+  }),
+  name: 'Header custom color'
+};
+export const HeaderPrimaryColor = {
+  render: () => /*#__PURE__*/_jsx(Header, {
+    level: 3,
+    primary: true,
+    children: "Header 3 primary color"
+  }),
+  name: 'Header primary color'
+};
+export const HeaderSecondaryColor = {
+  render: () => /*#__PURE__*/_jsx(Header, {
+    level: 3,
+    secondary: true,
+    children: "Header 3 secondary color"
+  }),
+  name: 'Header secondary color'
+};

package/lib/core/Header/index.js

@@ -2,7 +2,6 @@
 import React from 'react';
 import { styles } from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-
 const Header = ({
   level,
   color,
@@ -19,5 +18,4 @@ const Header = ({
     children: children
   });
 };
-
 export default Header;

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

@@ -0,0 +1,11 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Highlight: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const AllProps: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=HighlightText.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightText.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/HighlightText/HighlightText.stories.tsx"],"names":[],"mappings":";AAGA,wBAGS;AAET,eAAO,MAAM,SAAS;;;CASrB,CAAA;AAED,eAAO,MAAM,QAAQ;;;CAWpB,CAAA"}

package/lib/core/HighlightText/HighlightText.stories.js

@@ -0,0 +1,22 @@
+import HighlightText from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/HighlightText',
+  component: HighlightText
+};
+export const Highlight = {
+  render: () => /*#__PURE__*/_jsx(HighlightText, {
+    text: "This is a text with a highlighted part",
+    highlight: "highlighted part"
+  }),
+  name: 'Highlight'
+};
+export const AllProps = {
+  render: () => /*#__PURE__*/_jsx(HighlightText, {
+    text: "This is a text with a highlighted part",
+    highlight: "highlighted part",
+    size: "14px",
+    semibold: true
+  }),
+  name: 'All props'
+};

package/lib/core/HighlightText/index.js

@@ -2,7 +2,6 @@ import React from 'react';
 import Text from '../Text';
 import { Highlighted } from './styles';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const HighlightText = ({
   text,
   highlight,
@@ -29,5 +28,4 @@ const HighlightText = ({
     }, i))
   });
 };
-
 export default HighlightText;

package/lib/core/HighlightText/styles.js

@@ -1,7 +1,5 @@
 import _styled from "@emotion/styled/base";
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 export const Highlighted = _styled("mark", process.env.NODE_ENV === "production" ? {
   target: "e1odo87v0"
 } : {

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

@@ -0,0 +1,19 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const HtmlDefault: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const ExternalLinks: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Whitespace: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const RemoveMargins: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=Html.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Html.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Html/Html.stories.tsx"],"names":[],"mappings":";AAGA,wBAGS;AAET,eAAO,MAAM,WAAW;;;CAKvB,CAAA;AAED,eAAO,MAAM,aAAa;;;CASzB,CAAA;AAED,eAAO,MAAM,UAAU;;;CAoBtB,CAAA;AAED,eAAO,MAAM,aAAa;;;CAKzB,CAAA"}

package/lib/core/Html/Html.stories.js

@@ -0,0 +1,43 @@
+import Html from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+  title: 'Core/Html',
+  component: Html
+};
+export const HtmlDefault = {
+  render: () => /*#__PURE__*/_jsx(Html, {
+    text: "<h3>Html text</h3><p><i>Displays text as html</i></p>"
+  }),
+  name: 'Html'
+};
+export const ExternalLinks = {
+  render: () => /*#__PURE__*/_jsx(Html, {
+    externalLinks: true,
+    text: "<h3>Html text</h3><p><i>Displays text as html</i><a href='vg.no'>vg.no</a></p>"
+  }),
+  name: 'External links'
+};
+export const Whitespace = {
+  render: () => /*#__PURE__*/_jsxs("div", {
+    style: {
+      display: 'grid',
+      gridRowGap: '20px'
+    },
+    children: [/*#__PURE__*/_jsx(Html, {
+      whiteSpace: "pre-wrap",
+      text: 'Text with\nnewline\nand white-space: pre-wrap'
+    }), /*#__PURE__*/_jsx(Html, {
+      whiteSpace: "none",
+      text: 'Text with\n newline\n and white-space: none'
+    })]
+  }),
+  name: 'Whitespace'
+};
+export const RemoveMargins = {
+  render: () => /*#__PURE__*/_jsx(Html, {
+    removeMargins: true,
+    text: '<h1>Header</h1><p>Hello</p><p>New line</p>'
+  }),
+  name: 'Remove margins'
+};

package/lib/core/Html/index.js

@@ -2,7 +2,6 @@
 import React from 'react';
 import { styles } from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-
 const Html = props => {
   return _jsx("div", {
     css: theme => [styles.default(theme), props.secondary && styles.secondary(theme), props.dark && styles.dark(theme), props.size && styles.size(props.size), styles.whiteSpace(props.whiteSpace ? props.whiteSpace : 'pre-wrap'), props.removeMargins && styles.removeMargins],
@@ -11,5 +10,4 @@ const Html = props => {
     }
   });
 };
-
 export default Html;

package/lib/core/Html/styles.js

@@ -1,5 +1,4 @@
 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)."; }
-
 import { css } from '@emotion/react';
 const styles = {
   default: theme => /*#__PURE__*/css({

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

@@ -0,0 +1,15 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const NoImage: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const ImageWithSrc: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const ImageWithBlob: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=Image.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Image/Image.stories.tsx"],"names":[],"mappings":";AAGA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAKxB,CAAA;AAED,eAAO,MAAM,aAAa;;;CAGzB,CAAA"}