@bbl-digital/snorre 4.2.74 → 4.2.75

package/lib/core/FileInput/index.js

@@ -1,145 +1,67 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _styles = require("./styles");
-var _ = require("../..");
-var _react2 = require("@emotion/react");
-var _Text = _interopRequireDefault(require("../Text"));
-var _Alert = _interopRequireDefault(require("../Alert"));
-var _file = require("../../utils/file");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const FileInput = ({
-  multiple,
-  accept,
-  label,
-  invalidMessage,
-  text = 'Last opp fil',
-  initialFiles = [],
-  width = '130px',
-  hideFileList,
-  icon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_.IconAttachment, {}),
-  fileMaxsixe,
-  nostyle,
-  rotateIcon,
-  isControlledState,
-  controlledFiles,
-  id = 'file-input',
-  onChange
-}) => {
-  const [uncontrolledFiles, setUncontrolledFiles] = (0, _react.useState)(initialFiles);
-  const [sizeError, setSizeError] = (0, _react.useState)(false);
-  const theme = (0, _react2.useTheme)();
-  const files = isControlledState ? controlledFiles || [] : uncontrolledFiles;
-  const hiddenFileInput = (0, _react.useRef)(null);
-  const handleClick = () => {
-    if (!hiddenFileInput.current) return;
-    const node = hiddenFileInput.current;
-    node.click();
-  };
-  const handleSetFiles = files => {
-    if (isControlledState) return;
-    setUncontrolledFiles(files);
-  };
-  const handleChange = e => {
-    if (!e.target.files[0]) return;
-    let filesFromEvent = [...Array.from(e.target.files)];
-    let valid = true;
-    if (fileMaxsixe) valid = (0, _file.isAllFilesValid)(filesFromEvent, fileMaxsixe);
-    if (!valid && fileMaxsixe) {
-      filesFromEvent = filesFromEvent.filter(x => x.size <= fileMaxsixe); // Filter out invalid files
-      setSizeError(true);
-    }
-    if (!multiple) {
-      handleSetFiles([filesFromEvent[0]]);
-      onChange(filesFromEvent[0]);
-      e.target.value = null;
-      return;
-    }
-    let newFiles = [...files];
-    filesFromEvent.forEach(file => {
-      newFiles.push(file);
-    });
-    handleSetFiles(newFiles);
-    onChange(newFiles);
-  };
-  const handleDelete = index => {
-    if (!multiple) {
-      handleSetFiles([]);
-      onChange(null);
-      return;
-    }
-    const arr = [...files];
-    arr.splice(index, 1);
-    handleSetFiles(arr);
-    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__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
-    children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Label, {
-      id: id,
-      children: label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.FileWrapper, {
-      children: [files.length > 0 && !hideFileList && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DocumentList, {
-        children: files.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DocumentWrapper, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Document, {
-            theme: theme,
-            title: item.name,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-              size: "14px",
-              semibold: true,
-              children: item.name
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Delete, {
-            nostyle: true,
-            onClick: () => handleDelete(index),
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.IconClose, {
-              color: theme.alert
-            }), "Fjern"]
-          })]
-        }, index))
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.FileWrapper, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.FileButton, {
-          onClick: handleClick,
-          width: width,
-          type: "button",
-          nostyle: nostyle,
-          "aria-labelledby": id,
-          children: !nostyle ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ButtonContent, {
-            children: [text, /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Icon, {
-              rotated: rotateIcon ? 1 : 0,
-              children: icon
-            })]
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Icon, {
-            rotated: rotateIcon ? 1 : 0,
-            children: icon
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.HiddenInput, {
-          type: "file",
-          onChange: handleChange,
-          multiple: multiple,
-          accept: accept,
-          ref: hiddenFileInput,
-          "aria-hidden": "true"
-        })]
-      })]
-    }), invalidMessage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ErrorMessage, {
-      children: invalidMessage
-    }), sizeError && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Alert.default, {
-      danger: true,
-      onClose: () => setSizeError(false),
-      "aria-live": "assertive",
-      children: ["Fil kan ikke overstige ", (0, _file.formatBytes)(fileMaxsixe)]
-    })]
-  });
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef } from 'react';
+import { Wrapper, HiddenInput, DocumentList, DocumentWrapper, Document, Delete, ButtonContent, Icon, FileButton, Label, FileWrapper, ErrorMessage, } from './styles';
+import { IconAttachment, IconClose } from '../..';
+import { useTheme } from '@emotion/react';
+import Text from '../Text';
+import Alert from '../Alert';
+import { formatBytes, isAllFilesValid } from '../../utils/file';
+const FileInput = ({ multiple, accept, label, invalidMessage, text = 'Last opp fil', initialFiles = [], width = '130px', hideFileList, icon = _jsx(IconAttachment, {}), fileMaxsixe, nostyle, rotateIcon, isControlledState, controlledFiles, id = 'file-input', onChange, }) => {
+    const [uncontrolledFiles, setUncontrolledFiles] = useState(initialFiles);
+    const [sizeError, setSizeError] = useState(false);
+    const theme = useTheme();
+    const files = isControlledState ? controlledFiles || [] : uncontrolledFiles;
+    const hiddenFileInput = useRef(null);
+    const handleClick = () => {
+        if (!hiddenFileInput.current)
+            return;
+        const node = hiddenFileInput.current;
+        node.click();
+    };
+    const handleSetFiles = (files) => {
+        if (isControlledState)
+            return;
+        setUncontrolledFiles(files);
+    };
+    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) {
+            handleSetFiles([filesFromEvent[0]]);
+            onChange(filesFromEvent[0]);
+            e.target.value = null;
+            return;
+        }
+        let newFiles = [...files];
+        filesFromEvent.forEach((file) => {
+            newFiles.push(file);
+        });
+        handleSetFiles(newFiles);
+        onChange(newFiles);
+    };
+    const handleDelete = (index) => {
+        if (!multiple) {
+            handleSetFiles([]);
+            onChange(null);
+            return;
+        }
+        const arr = [...files];
+        arr.splice(index, 1);
+        handleSetFiles(arr);
+        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 (_jsxs(Wrapper, { children: [label && _jsx(Label, { id: id, children: label }), _jsxs(FileWrapper, { children: [files.length > 0 && !hideFileList && (_jsx(DocumentList, { children: files.map((item, index) => (_jsxs(DocumentWrapper, { children: [_jsx(Document, { theme: theme, title: item.name, children: _jsx(Text, { size: "14px", semibold: true, children: item.name }) }), _jsxs(Delete, { nostyle: true, onClick: () => handleDelete(index), children: [_jsx(IconClose, { color: theme.alert }), "Fjern"] })] }, index))) })), _jsxs(FileWrapper, { children: [_jsx(FileButton, { onClick: handleClick, width: width, type: "button", nostyle: nostyle, "aria-labelledby": id, children: !nostyle ? (_jsxs(ButtonContent, { children: [text, _jsx(Icon, { rotated: rotateIcon ? 1 : 0, children: icon })] })) : (_jsx(Icon, { rotated: rotateIcon ? 1 : 0, children: icon })) }), _jsx(HiddenInput, { type: "file", onChange: handleChange, multiple: multiple, accept: accept, ref: hiddenFileInput, "aria-hidden": "true" })] })] }), invalidMessage && _jsx(ErrorMessage, { children: invalidMessage }), sizeError && (_jsxs(Alert, { danger: true, onClose: () => setSizeError(false), "aria-live": "assertive", children: ["Fil kan ikke overstige ", formatBytes(fileMaxsixe)] }))] }));
 };
-var _default = exports.default = FileInput;
+export default FileInput;

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

@@ -88,4 +88,3 @@ export declare const ErrorMessage: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//# sourceMappingURL=styles.d.ts.map

package/lib/core/FileInput/styles.js

@@ -1,150 +1,91 @@
-"use strict";
+import styled from '@emotion/styled';
+import Button from '../Button';
+import { css } from '@emotion/react';
+export const Wrapper = styled.div `
+  display: grid;
+  grid-row-gap: 0.5em;
+`;
+export const FileWrapper = styled.div ``;
+export const DocumentList = styled.div `
+  display: grid;
+  grid-row-gap: 4px;
+  margin-bottom: 10px;
+`;
+export const DocumentWrapper = styled.div `
+  display: grid;
+  grid-template-columns: 1fr 65px;
+  height: 32px;
+`;
+export const Document = styled.span((props) => css `
+    background-color: ${props.theme.illustrationPrimary20};
+    display: flex;
+    align-items: center;
+    padding: 0 1em;
+    overflow: hidden;
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = exports.Label = exports.Icon = exports.HiddenInput = exports.FileWrapper = exports.FileButton = exports.ErrorMessage = exports.DocumentWrapper = exports.DocumentList = exports.Document = exports.Delete = exports.ButtonContent = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _Button = _interopRequireDefault(require("../Button"));
-var _react = require("@emotion/react");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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)."; }
-const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1qtr0rs11"
-} : {
-  target: "e1qtr0rs11",
-  label: "Wrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1iq60ec",
-  styles: "display:grid;grid-row-gap:0.5em"
-} : {
-  name: "1iq60ec",
-  styles: "display:grid;grid-row-gap:0.5em",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const FileWrapper = exports.FileWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1qtr0rs10"
-} : {
-  target: "e1qtr0rs10",
-  label: "FileWrapper"
-})();
-const DocumentList = exports.DocumentList = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1qtr0rs9"
-} : {
-  target: "e1qtr0rs9",
-  label: "DocumentList"
-})(process.env.NODE_ENV === "production" ? {
-  name: "8v4mug",
-  styles: "display:grid;grid-row-gap:4px;margin-bottom:10px"
-} : {
-  name: "8v4mug",
-  styles: "display:grid;grid-row-gap:4px;margin-bottom:10px",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const DocumentWrapper = exports.DocumentWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1qtr0rs8"
-} : {
-  target: "e1qtr0rs8",
-  label: "DocumentWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1wq95ig",
-  styles: "display:grid;grid-template-columns:1fr 65px;height:32px"
-} : {
-  name: "1wq95ig",
-  styles: "display:grid;grid-template-columns:1fr 65px;height:32px",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const Document = exports.Document = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "e1qtr0rs7"
-} : {
-  target: "e1qtr0rs7",
-  label: "Document"
-})(props => /*#__PURE__*/(0, _react.css)("background-color:", props.theme.illustrationPrimary20, ";display:flex;align-items:center;padding:0 1em;overflow:hidden;&>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}" + (process.env.NODE_ENV === "production" ? "" : ";label:Document;")));
-const Delete = exports.Delete = /*#__PURE__*/(0, _base.default)(_Button.default, process.env.NODE_ENV === "production" ? {
-  target: "e1qtr0rs6"
-} : {
-  target: "e1qtr0rs6",
-  label: "Delete"
-})(process.env.NODE_ENV === "production" ? {
-  name: "ge3ylf",
-  styles: "&>span{display:flex;align-self:center;justify-content:flex-end;place-items:center;}"
-} : {
-  name: "ge3ylf",
-  styles: "&>span{display:flex;align-self:center;justify-content:flex-end;place-items:center;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var _ref2 = process.env.NODE_ENV === "production" ? {
-  name: "f7ay7b",
-  styles: "justify-content:center"
-} : {
-  name: "o59g6y-FileButton",
-  styles: "justify-content:center;label:FileButton;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const FileButton = exports.FileButton = /*#__PURE__*/(0, _base.default)("button", process.env.NODE_ENV === "production" ? {
-  target: "e1qtr0rs5"
-} : {
-  target: "e1qtr0rs5",
-  label: "FileButton"
-})(props => /*#__PURE__*/(0, _react.css)("display:flex;align-items:center;height:38px;width:", props.nostyle ? '38px' : props.width, ";border:", props.nostyle ? 'none' : '1px dashed #cccccc', ";border-radius:19px;padding:0;cursor:pointer;font-size:0.9em;background-color:transparent;outline:0;&:focus{border-color:black;}", props.nostyle && _ref2, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:FileButton;")));
-const ButtonContent = exports.ButtonContent = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "e1qtr0rs4"
-} : {
-  target: "e1qtr0rs4",
-  label: "ButtonContent"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1vre5nf",
-  styles: "display:grid;grid-template-columns:1fr 24px;padding:0 0.5em 0 1em;width:100%;align-items:center;text-align:left"
-} : {
-  name: "1vre5nf",
-  styles: "display:grid;grid-template-columns:1fr 24px;padding:0 0.5em 0 1em;width:100%;align-items:center;text-align:left",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const HiddenInput = exports.HiddenInput = /*#__PURE__*/(0, _base.default)("input", process.env.NODE_ENV === "production" ? {
-  target: "e1qtr0rs3"
-} : {
-  target: "e1qtr0rs3",
-  label: "HiddenInput"
-})(process.env.NODE_ENV === "production" ? {
-  name: "eivff4",
-  styles: "display:none"
-} : {
-  name: "eivff4",
-  styles: "display:none",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "8rqqoj",
-  styles: "transform:rotate(-60deg)"
-} : {
-  name: "xkxrin-Icon",
-  styles: "transform:rotate(-60deg);label:Icon;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const Icon = exports.Icon = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "e1qtr0rs2"
-} : {
-  target: "e1qtr0rs2",
-  label: "Icon"
-})(({
-  rotated
-}) => /*#__PURE__*/(0, _react.css)(rotated && _ref, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Icon;")));
-const Label = exports.Label = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "e1qtr0rs1"
-} : {
-  target: "e1qtr0rs1",
-  label: "Label"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1ge8ozm",
-  styles: "line-height:22px;font-size:1em;font-weight:600;margin-bottom:4px"
-} : {
-  name: "1ge8ozm",
-  styles: "line-height:22px;font-size:1em;font-weight:600;margin-bottom:4px",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const ErrorMessage = exports.ErrorMessage = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1qtr0rs0"
-} : {
-  target: "e1qtr0rs0",
-  label: "ErrorMessage"
-})("font-size:14px;padding-left:10px;font-weight:600;margin-bottom:0;color:", props => props.theme.alert, ";");
+    & > span {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  `);
+export const Delete = styled(Button) `
+  & > span {
+    display: flex;
+    align-self: center;
+    justify-content: flex-end;
+    place-items: center;
+  }
+`;
+export const FileButton = styled.button((props) => css `
+    display: flex;
+    align-items: center;
+    height: 38px;
+    width: ${props.nostyle ? '38px' : props.width};
+    border: ${props.nostyle ? 'none' : '1px dashed #cccccc'};
+    border-radius: 19px;
+    padding: 0;
+    cursor: pointer;
+    font-size: 0.9em;
+    background-color: transparent;
+    outline: 0;
+
+    &:focus {
+      border-color: black;
+    }
+
+    ${props.nostyle &&
+    css `
+      justify-content: center;
+    `}
+  `);
+export const ButtonContent = styled.span `
+  display: grid;
+  grid-template-columns: 1fr 24px;
+  padding: 0 0.5em 0 1em;
+  width: 100%;
+  align-items: center;
+  text-align: left;
+`;
+export const HiddenInput = styled.input `
+  display: none;
+`;
+export const Icon = styled.span(({ rotated }) => css `
+    ${rotated &&
+    css `
+      transform: rotate(-60deg);
+    `}
+  `);
+export const Label = styled.span `
+  line-height: 22px;
+  font-size: 1em;
+  font-weight: 600;
+  margin-bottom: 4px;
+`;
+export const ErrorMessage = styled.div `
+  font-size: 14px;
+  padding-left: 10px;
+  font-weight: 600;
+  margin-bottom: 0;
+  color: ${(props) => props.theme.alert};
+`;

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

@@ -4,4 +4,3 @@ declare const meta: Meta<typeof GoogleButtonComponent>;
 export default meta;
 type Story = StoryObj<typeof GoogleButtonComponent>;
 export declare const GoogleButton: Story;
-//# sourceMappingURL=GoogleButton.stories.d.ts.map

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

@@ -1,19 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.GoogleButton = void 0;
-var _ = _interopRequireDefault(require("."));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import GoogleButtonComponent from '.';
 const meta = {
-  title: 'Core/GoogleButton',
-  component: _.default
+    title: 'Core/GoogleButton',
+    component: GoogleButtonComponent,
+};
+export default meta;
+export const GoogleButton = {
+    args: {
+        onClick: () => console.log('clicking button'),
+    },
+    name: 'Google button',
 };
-var _default = exports.default = meta;
-const GoogleButton = exports.GoogleButton = {
-  args: {
-    onClick: () => console.log('clicking button')
-  },
-  name: 'Google button'
-};

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

@@ -6,4 +6,3 @@ interface IProps {
 }
 declare const GoogleButton: React.FC<IProps>;
 export default GoogleButton;
-//# sourceMappingURL=index.d.ts.map

package/lib/core/GoogleButton/index.js

@@ -1,31 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _IconGmail = _interopRequireDefault(require("../../icons/Logos/IconGmail"));
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const GoogleButton = ({
-  disabled,
-  onClick
-}) => {
-  // Intercept click to handle disabled state
-  const handleClick = event => {
-    if (disabled) {
-      event.preventDefault();
-    } else if (onClick) {
-      onClick(event);
-    }
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.GButton, {
-    disabled: disabled,
-    onClick: handleClick,
-    "aria-label": "Google-button",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconGmail.default, {}), "Logg p\xE5 med Google"]
-  });
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import IconGmail from '../../icons/Logos/IconGmail';
+import { GButton } from './styles';
+const GoogleButton = ({ disabled, onClick }) => {
+    // Intercept click to handle disabled state
+    const handleClick = (event) => {
+        if (disabled) {
+            event.preventDefault();
+        }
+        else if (onClick) {
+            onClick(event);
+        }
+    };
+    return (_jsxs(GButton, { disabled: disabled, onClick: handleClick, "aria-label": "Google-button", children: [_jsx(IconGmail, {}), "Logg p\u00E5 med Google"] }));
 };
-var _default = exports.default = GoogleButton;
+export default GoogleButton;

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

@@ -2,4 +2,3 @@ export declare const GButton: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-//# sourceMappingURL=styles.d.ts.map

package/lib/core/GoogleButton/styles.js

@@ -1,22 +1,25 @@
-"use strict";
+import styled from '@emotion/styled';
+export const GButton = styled.button `
+  display: grid;
+  grid-template-columns: 18px 1fr;
+  grid-column-gap: 24px;
+  border: none;
+  background-color: white;
+  padding: 11px;
+  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 2px rgba(0, 0, 0, 0.24);
+  border-radius: 2px;
+  color: rgba(0, 0, 0, 0.54);
+  font-family: 'Roboto';
+  font-weight: 500;
+  font-size: 14px;
+  cursor: pointer;
+  align-items: center;
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GButton = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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)."; }
-const GButton = exports.GButton = /*#__PURE__*/(0, _base.default)("button", process.env.NODE_ENV === "production" ? {
-  target: "e1tm3r460"
-} : {
-  target: "e1tm3r460",
-  label: "GButton"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1wexes1",
-  styles: "display:grid;grid-template-columns:18px 1fr;grid-column-gap:24px;border:none;background-color:white;padding:11px;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.12),0px 2px 2px rgba(0, 0, 0, 0.24);border-radius:2px;color:rgba(0, 0, 0, 0.54);font-family:'Roboto';font-weight:500;font-size:14px;cursor:pointer;align-items:center;&:focus{outline-color:rgba(66, 133, 244, 0.3);}&:active{background-color:#eeeeee;}"
-} : {
-  name: "1wexes1",
-  styles: "display:grid;grid-template-columns:18px 1fr;grid-column-gap:24px;border:none;background-color:white;padding:11px;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.12),0px 2px 2px rgba(0, 0, 0, 0.24);border-radius:2px;color:rgba(0, 0, 0, 0.54);font-family:'Roboto';font-weight:500;font-size:14px;cursor:pointer;align-items:center;&:focus{outline-color:rgba(66, 133, 244, 0.3);}&:active{background-color:#eeeeee;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+  &:focus {
+    outline-color: rgba(66, 133, 244, 0.3);
+  }
+
+  &:active {
+    background-color: #eeeeee;
+  }
+`;

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

@@ -11,4 +11,3 @@ 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