@bbl-digital/snorre 4.2.74 → 4.2.76

package/lib/core/Timepicker/styles.js

@@ -1,55 +1,92 @@
-"use strict";
+import { css } from '@emotion/react';
+import styled from '@emotion/styled';
+export const Label = styled.span `
+  line-height: 22px;
+  font-size: 1em;
+  font-weight: 600;
+  margin-bottom: 4px;
+`;
+export const ErrorMessage = styled.span `
+  font-size: 14px;
+  padding-left: 25px;
+  line-height: 30px;
+  font-weight: 600;
+  margin-bottom: 0;
+  color: ${(props) => props.theme.alert};
+`;
+const styles = {
+    default: (theme, height, width) => css `
+      position: relative;
+      display: grid;
+      grid-template-rows: min-content;
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = exports.default = exports.Label = exports.ErrorMessage = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-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 Label = exports.Label = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "edalgqg1"
-} : {
-  target: "edalgqg1",
-  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)("span", process.env.NODE_ENV === "production" ? {
-  target: "edalgqg0"
-} : {
-  target: "edalgqg0",
-  label: "ErrorMessage"
-})("font-size:14px;padding-left:25px;line-height:30px;font-weight:600;margin-bottom:0;color:", props => props.theme.alert, ";");
-const styles = exports.styles = {
-  default: (theme, height, width) => /*#__PURE__*/(0, _react.css)("position:relative;display:grid;grid-template-rows:min-content;&:focus-within span{color:", theme.primary, ";}input{height:", height, ";width:", width, ";font-size:16px;line-height:20px;outline:none;border-color:", theme.border, ";border-width:1px;border-radius:5px;border-style:solid;padding:0 10px;&:focus{border-color:", theme.primary, ";}&:disabled{background-color:", theme.disabled, ";}&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;")),
-  disabled: theme => /*#__PURE__*/(0, _react.css)({
-    cursor: 'not-allowed',
-    backgroundColor: theme.disabled,
-    borderColor: theme.disabled
-  }, process.env.NODE_ENV === "production" ? "" : ";label:disabled;"),
-  nullable: process.env.NODE_ENV === "production" ? {
-    name: "1azakc",
-    styles: "text-align:center"
-  } : {
-    name: "1lryr3e-nullable",
-    styles: "text-align:center;label:nullable;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  validation: process.env.NODE_ENV === "production" ? {
-    name: "dbzhw2",
-    styles: "&>svg{position:absolute;bottom:7px;left:3px;}"
-  } : {
-    name: "1c4etbp-validation",
-    styles: "&>svg{position:absolute;bottom:7px;left:3px;};label:validation;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  invalid: theme => /*#__PURE__*/(0, _react.css)("&:focus-within span{color:black;}input{border-color:", theme.alert, ";&:active,&:focus,&:hover{border-color:", theme.alert, ";}}svg{path{fill:", theme.alert, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:invalid;"))
+      &:focus-within span {
+        color: ${theme.primary};
+      }
+
+      input {
+        height: ${height};
+        width: ${width};
+        font-size: 16px;
+        line-height: 20px;
+        outline: none;
+        border-color: ${theme.border};
+        border-width: 1px;
+        border-radius: 5px;
+        border-style: solid;
+        padding: 0 10px;
+
+        &:focus {
+          border-color: ${theme.primary};
+        }
+        &:disabled {
+          background-color: ${theme.disabled};
+        }
+        &::-webkit-outer-spin-button,
+        &::-webkit-inner-spin-button {
+          -webkit-appearance: none;
+          margin: 0;
+        }
+        &[type='number'] {
+          -moz-appearance: textfield;
+        }
+      }
+    `,
+    disabled: (theme) => css({
+        cursor: 'not-allowed',
+        backgroundColor: theme.disabled,
+        borderColor: theme.disabled,
+    }),
+    nullable: css `
+    text-align: center;
+  `,
+    validation: css `
+    & > svg {
+      position: absolute;
+      bottom: 7px;
+      left: 3px;
+    }
+  `,
+    invalid: (theme) => css `
+    &:focus-within span {
+      color: black;
+    }
+    input {
+      border-color: ${theme.alert};
+
+      &:active,
+      &:focus,
+      &:hover {
+        border-color: ${theme.alert};
+      }
+    }
+
+    svg {
+      path {
+        fill: ${theme.alert};
+      }
+    }
+  `,
 };
-var _default = exports.default = styles;
+export default styles;
+export { styles };

package/lib/core/Tooltip/Tooptip.stories.d.ts

@@ -2,7 +2,6 @@ import { Meta } from '@storybook/react';
 declare const _default: Meta;
 export default _default;
 export declare const TooltipDefault: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
-//# sourceMappingURL=Tooptip.stories.d.ts.map

package/lib/core/Tooltip/Tooptip.stories.js

@@ -1,21 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TooltipDefault = void 0;
-var _ = _interopRequireDefault(require("."));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Core/Tooltip',
-  component: _.default
+import { jsx as _jsx } from "react/jsx-runtime";
+import Tooltip from '.';
+export default {
+    title: 'Core/Tooltip',
+    component: Tooltip,
+};
+export const TooltipDefault = {
+    render: () => (_jsx(Tooltip, { tooltip: "I React", delay: 0, children: "geaugaeuhgaehugaehu" })),
+    name: 'Tooltip',
 };
-const TooltipDefault = exports.TooltipDefault = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    tooltip: "I React",
-    delay: 0,
-    children: "geaugaeuhgaehugaehu"
-  }),
-  name: 'Tooltip'
-};

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

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

package/lib/core/Tooltip/index.js

@@ -1,46 +1,17 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactAria = require("react-aria");
-var _react = _interopRequireDefault(require("react"));
-var _reactStately = require("react-stately");
-var _styles = require("./styles");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
-
-const TooltipChild = ({
-  state,
-  ...props
-}) => {
-  let {
-    tooltipProps
-  } = (0, _reactAria.useTooltip)(props, state);
-  return (0, _jsxRuntime.jsx)("span", {
-    css: theme => [_styles.styles.tooltip(theme)],
-    ...(0, _reactAria.mergeProps)(props, tooltipProps),
-    children: props.children
-  });
+import { mergeProps, useTooltip, useTooltipTrigger, } from 'react-aria';
+import React from 'react';
+import { useTooltipTriggerState } from 'react-stately';
+import { styles } from './styles';
+const TooltipChild = ({ state, ...props }) => {
+    let { tooltipProps } = useTooltip(props, state);
+    return (_jsx("span", { css: (theme) => [styles.tooltip(theme)], ...mergeProps(props, tooltipProps), children: props.children }));
 };
-const Tooltip = props => {
-  let state = (0, _reactStately.useTooltipTriggerState)(props);
-  let ref = _react.default.useRef(null);
-  let {
-    triggerProps,
-    tooltipProps
-  } = (0, _reactAria.useTooltipTrigger)(props, state, ref);
-  return (0, _jsxRuntime.jsxs)("span", {
-    css: () => [_styles.styles.default],
-    ref: ref,
-    ...triggerProps,
-    children: [props.children, state.isOpen && (0, _jsxRuntime.jsx)(TooltipChild, {
-      state: state,
-      ...tooltipProps,
-      children: props.tooltip
-    })]
-  });
+const Tooltip = (props) => {
+    let state = useTooltipTriggerState(props);
+    let ref = React.useRef(null);
+    let { triggerProps, tooltipProps } = useTooltipTrigger(props, state, ref);
+    return (_jsxs("span", { css: () => [styles.default], ref: ref, ...triggerProps, children: [props.children, state.isOpen && (_jsx(TooltipChild, { state: state, ...tooltipProps, children: props.tooltip }))] }));
 };
-var _default = exports.default = Tooltip;
+export default Tooltip;

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

@@ -3,4 +3,3 @@ export declare const styles: {
     default: import("@emotion/react").SerializedStyles;
     tooltip: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
 };
-//# sourceMappingURL=styles.d.ts.map

package/lib/core/Tooltip/styles.js

@@ -1,19 +1,44 @@
-"use strict";
+import { css } from '@emotion/react';
+export const styles = {
+    default: css `
+    position: relative;
+  `,
+    tooltip: (theme) => css `
+    position: absolute;
+    left: 0;
+    top: 100%;
+    max-width: 150px;
+    margin-top: 0.5em;
+    padding: 0.5em;
+    background: #fff;
+    border: 1px solid ${theme.border};
+    box-shadow: ${theme.shadowSmallDarker};
+    border-radius: 5px;
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = void 0;
-var _react = require("@emotion/react");
-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 styles = exports.styles = {
-  default: process.env.NODE_ENV === "production" ? {
-    name: "bjn8wh",
-    styles: "position:relative"
-  } : {
-    name: "1qtb3fn-default",
-    styles: "position:relative;label:default;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  tooltip: theme => /*#__PURE__*/(0, _react.css)("position:absolute;left:0;top:100%;max-width:150px;margin-top:0.5em;padding:0.5em;background:#fff;border:1px solid ", theme.border, ";box-shadow:", theme.shadowSmallDarker, ";border-radius:5px;&::before{content:'';position:absolute;left:10px;top:-7px;width:0;height:0;border-style:solid;border-width:0 7px 7px 7px;border-color:transparent transparent ", theme.border, " transparent;z-index:9998;}&::after{content:'';position:absolute;left:12px;top:-5px;width:0;height:0;border-style:solid;border-width:0 5px 6px 5px;border-color:transparent transparent #fff transparent;z-index:9999;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tooltip;"))
-};
+    &::before {
+      content: '';
+      position: absolute;
+      left: 10px;
+      top: -7px;
+      width: 0;
+      height: 0;
+      border-style: solid;
+      border-width: 0 7px 7px 7px;
+      border-color: transparent transparent ${theme.border} transparent;
+      z-index: 9998;
+    }
+
+    &::after {
+      content: '';
+      position: absolute;
+      left: 12px;
+      top: -5px; /*suppose to be identical to border-width*/
+      width: 0;
+      height: 0;
+      border-style: solid;
+      border-width: 0 5px 6px 5px;
+      border-color: transparent transparent #fff transparent;
+      z-index: 9999;
+    }
+  `,
+};

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

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

package/lib/core/UnitIllustration/index.js

@@ -1,66 +1,30 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _IllustrationHighHouseComposition = _interopRequireDefault(require("../../illustrations/General/IllustrationHighHouseComposition"));
-var _IllustrationHouseComposition = _interopRequireDefault(require("../../illustrations/General/IllustrationHouseComposition"));
-var _IllustrationLowHouseComposition = _interopRequireDefault(require("../../illustrations/General/IllustrationLowHouseComposition"));
-var _IllustrationSemiDetachedHouseComposition = _interopRequireDefault(require("../../illustrations/General/IllustrationSemiDetachedHouseComposition"));
-var _IllustrationSmallHouseComposition = _interopRequireDefault(require("../../illustrations/General/IllustrationSmallHouseComposition"));
-var _IllustrationTerraceBlockComposition = _interopRequireDefault(require("../../illustrations/General/IllustrationTerraceBlockComposition"));
-var _IllustrationTownHouseComposition = _interopRequireDefault(require("../../illustrations/General/IllustrationTownHouseComposition"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const UnitIllustration = ({
-  type
-}) => {
-  switch (type) {
-    case 'Lavblokk':
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IllustrationLowHouseComposition.default, {
-        withBackground: true
-      });
-    case 'Rekkehus':
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IllustrationTownHouseComposition.default, {
-        withBackground: true
-      });
-    case 'Høyblokk':
-    case 'Blokk':
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IllustrationHighHouseComposition.default, {
-        withBackground: true
-      });
-    case 'Terrasseblokk':
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IllustrationTerraceBlockComposition.default, {
-        withBackground: true
-      });
-    case 'Hus':
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IllustrationHouseComposition.default, {
-        withBackground: true
-      });
-    case 'Småhus':
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IllustrationSmallHouseComposition.default, {
-        withBackground: true
-      });
-    case 'Flermannsbolig':
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IllustrationSemiDetachedHouseComposition.default, {
-        withBackground: true
-      });
-    default:
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IllustrationHouseComposition.default, {
-        withBackground: true
-      });
-  }
+import { jsx as _jsx } from "react/jsx-runtime";
+import IllustrationHighHouseComposition from '../../illustrations/General/IllustrationHighHouseComposition';
+import IllustrationHouseComposition from '../../illustrations/General/IllustrationHouseComposition';
+import IllustrationLowHouseComposition from '../../illustrations/General/IllustrationLowHouseComposition';
+import IllustrationSemiDetachedHouseComposition from '../../illustrations/General/IllustrationSemiDetachedHouseComposition';
+import IllustrationSmallHouseComposition from '../../illustrations/General/IllustrationSmallHouseComposition';
+import IllustrationTerraceBlockComposition from '../../illustrations/General/IllustrationTerraceBlockComposition';
+import IllustrationTownHouseComposition from '../../illustrations/General/IllustrationTownHouseComposition';
+const UnitIllustration = ({ type }) => {
+    switch (type) {
+        case 'Lavblokk':
+            return _jsx(IllustrationLowHouseComposition, { withBackground: true });
+        case 'Rekkehus':
+            return _jsx(IllustrationTownHouseComposition, { withBackground: true });
+        case 'Høyblokk':
+        case 'Blokk':
+            return _jsx(IllustrationHighHouseComposition, { withBackground: true });
+        case 'Terrasseblokk':
+            return _jsx(IllustrationTerraceBlockComposition, { withBackground: true });
+        case 'Hus':
+            return _jsx(IllustrationHouseComposition, { withBackground: true });
+        case 'Småhus':
+            return _jsx(IllustrationSmallHouseComposition, { withBackground: true });
+        case 'Flermannsbolig':
+            return _jsx(IllustrationSemiDetachedHouseComposition, { withBackground: true });
+        default:
+            return _jsx(IllustrationHouseComposition, { withBackground: true });
+    }
 };
-var _default = exports.default = UnitIllustration;
-/*
-Lavblokk
-Høyblokk
-Blokk
-Terrasseblokk
-Enebolig
-Småhus
-Flermannsbolig
-Rekkehus
-*/
+export default UnitIllustration;

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

@@ -2,19 +2,18 @@ import { Meta } from '@storybook/react';
 declare const _default: Meta;
 export default _default;
 export declare const Default: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const TypeMysite: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const Avatar: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const WithoutText: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
-//# sourceMappingURL=UserMenu.stories.d.ts.map

package/lib/core/UserMenu/UserMenu.stories.js

@@ -1,97 +1,24 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithoutText = exports.TypeMysite = exports.Default = exports.Avatar = void 0;
-var _ = _interopRequireDefault(require("."));
-var _UserMenuOption = _interopRequireDefault(require("./UserMenuOption"));
-var _Button = _interopRequireDefault(require("../Button"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Core/UserMenu',
-  component: _.default
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import UserMenu from '.';
+import UserMenuOption from './UserMenuOption';
+import Button from '../Button';
+export default {
+    title: 'Core/UserMenu',
+    component: UserMenu,
 };
-const Default = exports.Default = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
-    name: "Donald Duck",
-    firstname: "Donald",
-    email: "dd@andeby.no",
-    logout: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      outline: true,
-      children: "Logg ut"
-    }),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_UserMenuOption.default, {
-      onClick: () => console.log('Option 1 clicked'),
-      children: "Option 1"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserMenuOption.default, {
-      onClick: () => console.log('Option 2 clicked'),
-      children: "Option 2"
-    })]
-  }),
-  name: 'Default'
+export const Default = {
+    render: () => (_jsxs(UserMenu, { name: "Donald Duck", firstname: "Donald", email: "dd@andeby.no", logout: _jsx(Button, { outline: true, children: "Logg ut" }), children: [_jsx(UserMenuOption, { onClick: () => console.log('Option 1 clicked'), children: "Option 1" }), _jsx(UserMenuOption, { onClick: () => console.log('Option 2 clicked'), children: "Option 2" })] })),
+    name: 'Default',
 };
-const TypeMysite = exports.TypeMysite = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
-    type: "mysite",
-    name: "Donald Duck",
-    firstname: "hello",
-    email: "dd@andeby.no",
-    logout: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      outline: true,
-      children: "Logg ut"
-    }),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_UserMenuOption.default, {
-      onClick: () => console.log('Option 1 clicked'),
-      children: "Option 1"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserMenuOption.default, {
-      onClick: () => console.log('Option 2 clicked'),
-      children: "Option 2"
-    })]
-  }),
-  name: 'Type mysite'
+export const TypeMysite = {
+    render: () => (_jsxs(UserMenu, { type: "mysite", name: "Donald Duck", firstname: "hello", email: "dd@andeby.no", logout: _jsx(Button, { outline: true, children: "Logg ut" }), children: [_jsx(UserMenuOption, { onClick: () => console.log('Option 1 clicked'), children: "Option 1" }), _jsx(UserMenuOption, { onClick: () => console.log('Option 2 clicked'), children: "Option 2" })] })),
+    name: 'Type mysite',
 };
-const Avatar = exports.Avatar = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
-    type: "mysite",
-    name: "Donald Duck",
-    firstname: "Donald",
-    email: "dd@andeby.no",
-    avatarUrl: "https://bblid-api.test.bbl.no/api/user/navneregister/1EC3310EA1174233A3197E6864790030/image?2021-04-16T20:31:19.241Z",
-    logout: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      outline: true,
-      children: "Logg ut"
-    }),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_UserMenuOption.default, {
-      onClick: () => console.log('Option 1 clicked'),
-      children: "Option 1"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserMenuOption.default, {
-      onClick: () => console.log('Option 2 clicked'),
-      children: "Option 2"
-    })]
-  }),
-  name: 'Avatar'
+export const Avatar = {
+    render: () => (_jsxs(UserMenu, { type: "mysite", name: "Donald Duck", firstname: "Donald", email: "dd@andeby.no", avatarUrl: "https://bblid-api.test.bbl.no/api/user/navneregister/1EC3310EA1174233A3197E6864790030/image?2021-04-16T20:31:19.241Z", logout: _jsx(Button, { outline: true, children: "Logg ut" }), children: [_jsx(UserMenuOption, { onClick: () => console.log('Option 1 clicked'), children: "Option 1" }), _jsx(UserMenuOption, { onClick: () => console.log('Option 2 clicked'), children: "Option 2" })] })),
+    name: 'Avatar',
+};
+export const WithoutText = {
+    render: () => (_jsxs(UserMenu, { name: "Donald Duck", email: "dd@andeby.no", iconSize: 30, iconType: "thin", hideAvatarOnButton: true, avatarUrl: "https://bblid-api.test.bbl.no/api/user/navneregister/1EC3310EA1174233A3197E6864790030/image?2021-04-16T20:31:19.241Z", logout: _jsx(Button, { outline: true, children: "Logg ut" }), children: [_jsx(UserMenuOption, { onClick: () => console.log('Option 1 clicked'), children: "Option 1" }), _jsx(UserMenuOption, { onClick: () => console.log('Option 2 clicked'), children: "Option 2" })] })),
+    name: 'Without text',
 };
-const WithoutText = exports.WithoutText = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
-    name: "Donald Duck",
-    email: "dd@andeby.no",
-    iconSize: 30,
-    iconType: "thin",
-    hideAvatarOnButton: true,
-    avatarUrl: "https://bblid-api.test.bbl.no/api/user/navneregister/1EC3310EA1174233A3197E6864790030/image?2021-04-16T20:31:19.241Z",
-    logout: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      outline: true,
-      children: "Logg ut"
-    }),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_UserMenuOption.default, {
-      onClick: () => console.log('Option 1 clicked'),
-      children: "Option 1"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserMenuOption.default, {
-      onClick: () => console.log('Option 2 clicked'),
-      children: "Option 2"
-    })]
-  }),
-  name: 'Without text'
-};

package/lib/core/UserMenu/UserMenuOption.d.ts

@@ -2,10 +2,9 @@
 import React from 'react';
 interface IProps {
     /** On click CB */
-    onClick: () => void;
+    onClick?: () => void;
     /** Children */
     children?: React.ReactNode;
 }
 declare const UserMenuOption: React.FC<IProps>;
 export default UserMenuOption;
-//# sourceMappingURL=UserMenuOption.d.ts.map

package/lib/core/UserMenu/UserMenuOption.js

@@ -1,28 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-var _Link = _interopRequireDefault(require("../Link"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/** @jsxImportSource @emotion/react */
-
-const UserMenuOption = ({
-  onClick,
-  children
-}) => {
-  return (0, _jsxRuntime.jsx)(_Link.default, {
-    trackingName: "Topbar",
-    trackingEvent: 'Usermenu click: ' + (children ? children : ''),
-    css: theme => [(0, _styles.userMenuOption)(theme)],
-    onClick: onClick,
-    removeUnderline: true,
-    small: true,
-    children: children ? children : ''
-  });
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { userMenuOption } from './styles';
+import Link from '../Link';
+const UserMenuOption = ({ onClick, children }) => {
+    return (_jsx(Link, { trackingName: "Topbar", trackingEvent: 'Usermenu click: ' + (children ? children : ''), css: (theme) => [userMenuOption(theme)], onClick: onClick, removeUnderline: true, small: true, children: children ? children : '' }));
 };
-var _default = exports.default = UserMenuOption;
+export default UserMenuOption;

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

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