@bbl-digital/snorre 4.2.82 → 4.2.83

package/esm/core/Timepicker/Timepicker.stories.js

@@ -1,84 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithSeconds = exports.WithError = exports.WithDateAsValue = exports.TimepickerDefault = exports.Nullable = exports.Focus = exports.Disabled = 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/Timepicker',
-  component: _.default
-};
-const TimepickerDefault = exports.TimepickerDefault = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    type: "string",
-    value: "00:30",
-    onChange: v => console.log(v),
-    label: "Time",
-    onBlur: () => console.log('blur')
-  }),
-  name: 'Timepicker'
-};
-const WithSeconds = exports.WithSeconds = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    type: "string",
-    value: "12:30:30",
-    showSeconds: true,
-    onChange: v => console.log(v),
-    label: "Time"
-  }),
-  name: 'With seconds'
-};
-const Disabled = exports.Disabled = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    type: "string",
-    disabled: true,
-    value: "14:00",
-    onChange: v => console.log(v),
-    label: "Time"
-  }),
-  name: 'Disabled'
-};
-const Nullable = exports.Nullable = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    type: "date",
-    isNullable: true,
-    value: null,
-    onChange: v => console.log('onchange CB', v),
-    label: "Time"
-  }),
-  name: 'Nullable'
-};
-const WithDateAsValue = exports.WithDateAsValue = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    type: "date",
-    value: new Date(2022, 0, 30, 12, 50, 0),
-    onChange: v => console.log(v),
-    label: "Time"
-  }),
-  name: 'With date as value'
-};
-const WithError = exports.WithError = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    type: "string",
-    value: "00:30",
-    validation: true,
-    invalidMessage: "Something went wrong",
-    onChange: v => console.log(v),
-    label: "Time",
-    width: "200px"
-  }),
-  name: 'With error'
-};
-const Focus = exports.Focus = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    type: "string",
-    autoFocus: true,
-    value: "14:00",
-    onChange: v => console.log(v),
-    label: "Time"
-  }),
-  name: 'Focus'
-};

package/esm/core/Timepicker/index.js

@@ -1,144 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _ = require("../..");
-var _time = require("../../utils/time");
-var _styles = _interopRequireWildcard(require("./styles"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-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; }
-/** @jsxImportSource @emotion/react */
-
-const TimePicker = /*#__PURE__*/_react.default.forwardRef(({
-  label,
-  value,
-  type = 'date',
-  divider = _time.DEFAULT_DIVIDER,
-  showSeconds = false,
-  height = '36px',
-  width,
-  disabled = false,
-  isNullable = false,
-  css,
-  validation,
-  invalidMessage,
-  autoFocus,
-  onChange,
-  onBlur
-}, ref) => {
-  // Static fields
-  const _defaultNullableValue = showSeconds ? _time.DEFAULT_VALUE_FULL_NULLABLE : _time.DEFAULT_VALUE_SHORT_NULLABLE;
-  const _defaultFilledValue = showSeconds ? _time.DEFAULT_VALUE_FULL : _time.DEFAULT_VALUE_SHORT;
-  const _defaultValue = isNullable ? _defaultNullableValue : _defaultFilledValue;
-  const _defaultWidth = width ? width : showSeconds ? '58px' : '35px';
-  const _divider = divider && divider.length === 1 ? divider : _time.DEFAULT_DIVIDER;
-  const _isDate = type === 'date';
-  const removedNumberReplacer = isNullable ? '-' : '0';
-  let valueToUse = isNullable && !value ? _defaultNullableValue : _isDate ? (0, _time.handleDateToStringConvertion)(value, showSeconds) : value;
-  const [validatedTime] = (0, _time.validateTimeAndCursor)(showSeconds, valueToUse, _defaultValue, _divider, undefined, isNullable);
-  const [inputStateValue, setInputStateValue] = (0, _react.useState)(validatedTime);
-
-  // Loads of logic to handle string input with divider
-  const onInputChange = async (event, callback) => {
-    const _maxLength = _defaultValue.length;
-    const inputValue = event.target.value;
-    const position = event.target.selectionEnd || 0;
-    const isTyped = inputValue.length > inputStateValue.length;
-    const cursorCharacter = inputValue[position - 1];
-    const addedCharacter = isTyped ? cursorCharacter : null;
-    const removedCharacter = isTyped ? null : inputStateValue[position];
-    const replacedSingleCharacter = inputValue.length === inputStateValue.length ? inputStateValue[position - 1] : null;
-    let updatedValue = inputStateValue;
-    let currentPosition = position;
-    if (addedCharacter !== null) {
-      if (position > _maxLength) {
-        currentPosition = _maxLength;
-      } else if ((position === 3 || position === 6) && addedCharacter === _divider) {
-        updatedValue = `${inputValue.substring(0, position - 1)}${_divider}${inputValue.substring(position + 1)}`;
-      } else if ((position === 3 || position === 6) && (0, _time.isNumber)(addedCharacter)) {
-        updatedValue = `${inputValue.substring(0, position - 1)}${_divider}${addedCharacter}${inputValue.substring(position + 2)}`;
-        currentPosition = position + 1;
-      } else if ((0, _time.isNumber)(addedCharacter)) {
-        // user typed a number
-        updatedValue = inputValue.substring(0, position - 1) + addedCharacter + inputValue.substring(position + 1);
-        if (position === 2 || position === 5) {
-          /**
-           * If the number has started out as --:--
-           * On position 2, we want to replace the 2nd -- section with 00.
-           */
-          if (isNullable && updatedValue.endsWith('--') && !updatedValue.startsWith('--')) {
-            updatedValue = updatedValue.replace('--', '00');
-          }
-          currentPosition = position + 1;
-        }
-      } else {
-        // is input not a number, then keep old value & position
-        currentPosition = position - 1;
-      }
-    }
-    if (replacedSingleCharacter !== null) {
-      // user replaced only a single character
-      if ((0, _time.isNumber)(cursorCharacter)) {
-        if (position - 1 === 2 || position - 1 === 5) {
-          updatedValue = `${inputValue.substring(0, position - 1)}${_divider}${inputValue.substring(position)}`;
-        } else {
-          updatedValue = inputValue;
-        }
-      } else {
-        // user replaced a number on some non-number character
-        updatedValue = inputStateValue;
-        currentPosition = position - 1;
-      }
-    } else if (typeof cursorCharacter !== 'undefined' && cursorCharacter !== _divider && !(0, _time.isNumber)(cursorCharacter)) {
-      // set of characters replaced by non-number
-      updatedValue = inputStateValue;
-      currentPosition = position - 1;
-    } else if (removedCharacter !== null) {
-      if ((position === 2 || position === 5) && removedCharacter === _divider) {
-        updatedValue = `${inputValue.substring(0, position - 1)}${removedNumberReplacer}${_divider}${inputValue.substring(position)}`;
-        currentPosition = position - 1;
-      } else {
-        // user removed a number
-        updatedValue = `${inputValue.substring(0, position)}${removedNumberReplacer}${inputValue.substring(position)}`;
-      }
-    }
-    const [validatedTime, validatedCursorPosition] = (0, _time.validateTimeAndCursor)(showSeconds, updatedValue, inputStateValue, _divider, currentPosition, isNullable);
-
-    // Needs to be awaited, for it to work
-    await setInputStateValue(validatedTime);
-    event.target.selectionStart = validatedCursorPosition;
-    event.target.selectionEnd = validatedCursorPosition;
-    const callbackValue = _isDate ? (0, _time.handleStringToDateConvertion)(validatedTime, value) : validatedTime;
-    callback(callbackValue);
-    event.persist();
-  };
-
-  // Select all on input focus
-  const handleFocus = event => event.target.select();
-  return (0, _jsxRuntime.jsxs)("label", {
-    css: theme => [_styles.default.default(theme, height, _defaultWidth), validation && _styles.default.validation, invalidMessage && _styles.default.invalid(theme)],
-    children: [label && (0, _jsxRuntime.jsx)(_styles.Label, {
-      children: label
-    }), (0, _jsxRuntime.jsx)("input", {
-      "data-testid": "snorre-timepicker-input",
-      type: "text",
-      value: inputStateValue,
-      disabled: disabled,
-      autoFocus: autoFocus,
-      ref: ref,
-      css: theme => [css && css, disabled && _styles.default.disabled(theme), _styles.default.nullable],
-      onChange: event => onInputChange(event, v => onChange?.(v)),
-      onBlur: onBlur,
-      onFocus: handleFocus
-    }), invalidMessage && (0, _jsxRuntime.jsx)(_.IconErrorOutline, {
-      size: "16px"
-    }), invalidMessage && (0, _jsxRuntime.jsx)(_styles.ErrorMessage, {
-      children: invalidMessage
-    })]
-  });
-});
-var _default = exports.default = TimePicker;

package/esm/core/Timepicker/styles.js

@@ -1,55 +0,0 @@
-"use strict";
-
-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;"))
-};
-var _default = exports.default = styles;

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

@@ -1,21 +0,0 @@
-"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
-};
-const TooltipDefault = exports.TooltipDefault = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    tooltip: "I React",
-    delay: 0,
-    children: "geaugaeuhgaehugaehu"
-  }),
-  name: 'Tooltip'
-};

package/esm/core/Tooltip/index.js

@@ -1,46 +0,0 @@
-"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 }; }
-/** @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
-  });
-};
-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
-    })]
-  });
-};
-var _default = exports.default = Tooltip;

package/esm/core/Tooltip/styles.js

@@ -1,19 +0,0 @@
-"use strict";
-
-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;"))
-};

package/esm/core/UnitIllustration/index.js

@@ -1,66 +0,0 @@
-"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
-      });
-  }
-};
-var _default = exports.default = UnitIllustration;
-/*
-Lavblokk
-Høyblokk
-Blokk
-Terrasseblokk
-Enebolig
-Småhus
-Flermannsbolig
-Rekkehus
-*/

package/esm/core/UserMenu/UserMenu.stories.js

@@ -1,97 +0,0 @@
-"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
-};
-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'
-};
-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'
-};
-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'
-};
-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/esm/core/UserMenu/UserMenuOption.js

@@ -1,28 +0,0 @@
-"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 : ''
-  });
-};
-var _default = exports.default = UserMenuOption;