@bbl-digital/snorre 3.1.57 → 3.1.58

package/lib/core/Timepicker/Timepicker.stories.js

@@ -0,0 +1,77 @@
+import Timepicker from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/Timepicker',
+  component: Timepicker
+};
+export const TimepickerDefault = {
+  render: () => /*#__PURE__*/_jsx(Timepicker, {
+    type: "string",
+    value: "00:30",
+    onChange: v => console.log(v),
+    label: "Time",
+    onBlur: () => console.log('blur')
+  }),
+  name: 'Timepicker'
+};
+export const WithSeconds = {
+  render: () => /*#__PURE__*/_jsx(Timepicker, {
+    type: "string",
+    value: "12:30:30",
+    showSeconds: true,
+    onChange: v => console.log(v),
+    label: "Time"
+  }),
+  name: 'With seconds'
+};
+export const Disabled = {
+  render: () => /*#__PURE__*/_jsx(Timepicker, {
+    type: "string",
+    disabled: true,
+    value: "14:00",
+    onChange: v => console.log(v),
+    label: "Time"
+  }),
+  name: 'Disabled'
+};
+export const Nullable = {
+  render: () => /*#__PURE__*/_jsx(Timepicker, {
+    type: "date",
+    isNullable: true,
+    value: null,
+    onChange: v => console.log('onchange CB', v),
+    label: "Time"
+  }),
+  name: 'Nullable'
+};
+export const WithDateAsValue = {
+  render: () => /*#__PURE__*/_jsx(Timepicker, {
+    type: "date",
+    value: new Date(2022, 0, 30, 12, 50, 0),
+    onChange: v => console.log(v),
+    label: "Time"
+  }),
+  name: 'With date as value'
+};
+export const WithError = {
+  render: () => /*#__PURE__*/_jsx(Timepicker, {
+    type: "string",
+    value: "00:30",
+    validation: true,
+    invalidMessage: "Something went wrong",
+    onChange: v => console.log(v),
+    label: "Time",
+    width: "200px"
+  }),
+  name: 'With error'
+};
+export const Focus = {
+  render: () => /*#__PURE__*/_jsx(Timepicker, {
+    type: "string",
+    autoFocus: true,
+    value: "14:00",
+    onChange: v => console.log(v),
+    label: "Time"
+  }),
+  name: 'Focus'
+};

package/lib/core/Timepicker/index.js

@@ -1,4 +1,5 @@
 /** @jsxImportSource @emotion/react */
+
 import React, { useState } from 'react';
 import { IconErrorOutline } from '../..';
 import { DEFAULT_DIVIDER, DEFAULT_VALUE_FULL, DEFAULT_VALUE_FULL_NULLABLE, DEFAULT_VALUE_SHORT, DEFAULT_VALUE_SHORT_NULLABLE, handleDateToStringConvertion, handleStringToDateConvertion, isNumber, validateTimeAndCursor } from '../../utils/time';
@@ -24,22 +25,17 @@ const TimePicker = /*#__PURE__*/React.forwardRef(({
 }, ref) => {
   // Static fields
   const _defaultNullableValue = showSeconds ? DEFAULT_VALUE_FULL_NULLABLE : DEFAULT_VALUE_SHORT_NULLABLE;
-
   const _defaultFilledValue = showSeconds ? DEFAULT_VALUE_FULL : DEFAULT_VALUE_SHORT;
-
   const _defaultValue = isNullable ? _defaultNullableValue : _defaultFilledValue;
-
   const _defaultWidth = width ? width : showSeconds ? '58px' : '35px';
-
   const _divider = divider && divider.length === 1 ? divider : DEFAULT_DIVIDER;
-
   const _isDate = type === 'date';
-
   const removedNumberReplacer = isNullable ? '-' : '0';
   let valueToUse = isNullable && !value ? _defaultNullableValue : _isDate ? handleDateToStringConvertion(value, showSeconds) : value;
   const [validatedTime] = validateTimeAndCursor(showSeconds, valueToUse, _defaultValue, _divider, undefined, isNullable);
-  const [inputStateValue, setInputStateValue] = useState(validatedTime); // Loads of logic to handle string input with divider
+  const [inputStateValue, setInputStateValue] = 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;
@@ -51,7 +47,6 @@ const TimePicker = /*#__PURE__*/React.forwardRef(({
     const replacedSingleCharacter = inputValue.length === inputStateValue.length ? inputStateValue[position - 1] : null;
     let updatedValue = inputStateValue;
     let currentPosition = position;
-
     if (addedCharacter !== null) {
       if (position > _maxLength) {
         currentPosition = _maxLength;
@@ -63,7 +58,6 @@ const TimePicker = /*#__PURE__*/React.forwardRef(({
       } else if (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 --:--
@@ -72,7 +66,6 @@ const TimePicker = /*#__PURE__*/React.forwardRef(({
           if (isNullable && updatedValue.endsWith('--') && !updatedValue.startsWith('--')) {
             updatedValue = updatedValue.replace('--', '00');
           }
-
           currentPosition = position + 1;
         }
       } else {
@@ -80,7 +73,6 @@ const TimePicker = /*#__PURE__*/React.forwardRef(({
         currentPosition = position - 1;
       }
     }
-
     if (replacedSingleCharacter !== null) {
       // user replaced only a single character
       if (isNumber(cursorCharacter)) {
@@ -107,20 +99,19 @@ const TimePicker = /*#__PURE__*/React.forwardRef(({
         updatedValue = `${inputValue.substring(0, position)}${removedNumberReplacer}${inputValue.substring(position)}`;
       }
     }
+    const [validatedTime, validatedCursorPosition] = validateTimeAndCursor(showSeconds, updatedValue, inputStateValue, _divider, currentPosition, isNullable);
 
-    const [validatedTime, validatedCursorPosition] = validateTimeAndCursor(showSeconds, updatedValue, inputStateValue, _divider, currentPosition, isNullable); // Needs to be awaited, for it to work
-
+    // Needs to be awaited, for it to work
     await setInputStateValue(validatedTime);
     event.target.selectionStart = validatedCursorPosition;
     event.target.selectionEnd = validatedCursorPosition;
     const callbackValue = _isDate ? handleStringToDateConvertion(validatedTime, value) : validatedTime;
     callback(callbackValue);
     event.persist();
-  }; // Select all on input focus
-
+  };
 
+  // Select all on input focus
   const handleFocus = event => event.target.select();
-
   return _jsxs("label", {
     css: theme => [styles.default(theme, height, _defaultWidth), validation && styles.validation, invalidMessage && styles.invalid(theme)],
     children: [label && _jsx(Label, {

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

@@ -9,11 +9,11 @@ export declare const ErrorMessage: import("@emotion/styled").StyledComponent<{
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 declare const styles: {
-    default: (theme: IAppTheme, height: string, width: string) => import("@emotion/react").SerializedStyles;
-    disabled: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    nullable: import("@emotion/react").SerializedStyles;
-    validation: import("@emotion/react").SerializedStyles;
-    invalid: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    default: (theme: IAppTheme, height: string, width: string) => import("@emotion/utils").SerializedStyles;
+    disabled: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    nullable: import("@emotion/utils").SerializedStyles;
+    validation: import("@emotion/utils").SerializedStyles;
+    invalid: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
 };
 export default styles;
 export { styles };

package/lib/core/Timepicker/styles.js

@@ -1,9 +1,7 @@
 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 Label = _styled("span", process.env.NODE_ENV === "production" ? {
+export const Label = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
   target: "edalgqg1"
 } : {
   target: "edalgqg1",
@@ -17,7 +15,7 @@ export const Label = _styled("span", process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RpbWVwaWNrZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlnQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9UaW1lcGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5zcGFuYFxuICBsaW5lLWhlaWdodDogMjJweDtcbiAgZm9udC1zaXplOiAxZW07XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ib3R0b206IDRweDtcbmBcblxuZXhwb3J0IGNvbnN0IEVycm9yTWVzc2FnZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6IDE0cHg7XG4gIHBhZGRpbmctbGVmdDogMjVweDtcbiAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ib3R0b206IDA7XG4gIGNvbG9yOiAkeyhwcm9wczogeyB0aGVtZTogSUFwcFRoZW1lIH0pID0+IHByb3BzLnRoZW1lLmFsZXJ0fTtcbmBcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSwgaGVpZ2h0OiBzdHJpbmcsIHdpZHRoOiBzdHJpbmcpID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIGdyaWQtdGVtcGxhdGUtcm93czogbWluLWNvbnRlbnQ7XG5cbiAgICAgICY6Zm9jdXMtd2l0aGluIHNwYW4ge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIH1cblxuICAgICAgaW5wdXQge1xuICAgICAgICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICAgICAgd2lkdGg6ICR7d2lkdGh9O1xuICAgICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgcGFkZGluZzogMCAxMHB4O1xuXG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmRpc2FibGVkfTtcbiAgICAgICAgfVxuICAgICAgICAmOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uLFxuICAgICAgICAmOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uIHtcbiAgICAgICAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICB9XG4gICAgICAgICZbdHlwZT0nbnVtYmVyJ10ge1xuICAgICAgICAgIC1tb3otYXBwZWFyYW5jZTogdGV4dGZpZWxkO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgYCxcbiAgZGlzYWJsZWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzcyh7XG4gICAgICBjdXJzb3I6ICdub3QtYWxsb3dlZCcsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmRpc2FibGVkLFxuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLmRpc2FibGVkLFxuICAgIH0pLFxuXG4gIG51bGxhYmxlOiBjc3NgXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBgLFxuICB2YWxpZGF0aW9uOiBjc3NgXG4gICAgJiA+IHN2ZyB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBib3R0b206IDdweDtcbiAgICAgIGxlZnQ6IDNweDtcbiAgICB9XG4gIGAsXG4gIGludmFsaWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgJjpmb2N1cy13aXRoaW4gc3BhbiB7XG4gICAgICBjb2xvcjogYmxhY2s7XG4gICAgfVxuICAgIGlucHV0IHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydH07XG5cbiAgICAgICY6YWN0aXZlLFxuICAgICAgJjpmb2N1cyxcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICAgICAgfVxuICAgIH1cblxuICAgIHN2ZyB7XG4gICAgICBwYXRoIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5hbGVydH07XG4gICAgICB9XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export const ErrorMessage = _styled("span", process.env.NODE_ENV === "production" ? {
+export const ErrorMessage = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
   target: "edalgqg0"
 } : {
   target: "edalgqg0",

package/lib/core/Tooltip/Tooptip.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 TooltipDefault: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=Tooptip.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooptip.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Tooltip/Tooptip.stories.tsx"],"names":[],"mappings":";AAGA,wBAGS;AAET,eAAO,MAAM,cAAc;;;CAO1B,CAAA"}

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

@@ -0,0 +1,14 @@
+import Tooltip from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/Tooltip',
+  component: Tooltip
+};
+export const TooltipDefault = {
+  render: () => /*#__PURE__*/_jsx(Tooltip, {
+    tooltip: "I React",
+    delay: 0,
+    children: "geaugaeuhgaehugaehu"
+  }),
+  name: 'Tooltip'
+};

package/lib/core/Tooltip/index.js

@@ -5,7 +5,6 @@ import { useTooltipTriggerState } from 'react-stately';
 import { styles } from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-
 const TooltipChild = ({
   state,
   ...props
@@ -19,7 +18,6 @@ const TooltipChild = ({
     children: props.children
   });
 };
-
 const Tooltip = props => {
   let state = useTooltipTriggerState(props);
   let ref = React.useRef(null);
@@ -38,5 +36,4 @@ const Tooltip = props => {
     })]
   });
 };
-
 export default Tooltip;

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

@@ -1,6 +1,6 @@
 import { IAppTheme } from '../../app-shell/theme';
 export declare const styles: {
-    default: import("@emotion/react").SerializedStyles;
-    tooltip: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    default: import("@emotion/utils").SerializedStyles;
+    tooltip: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
 };
 //# sourceMappingURL=styles.d.ts.map

package/lib/core/Tooltip/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';
 export const styles = {
   default: process.env.NODE_ENV === "production" ? {

package/lib/core/UnitIllustration/index.js

@@ -7,7 +7,6 @@ import IllustrationSmallHouseComposition from '../../illustrations/General/Illus
 import IllustrationTerraceBlockComposition from '../../illustrations/General/IllustrationTerraceBlockComposition';
 import IllustrationTownHouseComposition from '../../illustrations/General/IllustrationTownHouseComposition';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const UnitIllustration = ({
   type
 }) => {
@@ -16,46 +15,39 @@ const UnitIllustration = ({
       return /*#__PURE__*/_jsx(IllustrationLowHouseComposition, {
         withBackground: true
       });
-
     case 'Rekkehus':
       return /*#__PURE__*/_jsx(IllustrationTownHouseComposition, {
         withBackground: true
       });
-
     case 'Høyblokk':
     case 'Blokk':
       return /*#__PURE__*/_jsx(IllustrationHighHouseComposition, {
         withBackground: true
       });
-
     case 'Terrasseblokk':
       return /*#__PURE__*/_jsx(IllustrationTerraceBlockComposition, {
         withBackground: true
       });
-
     case 'Hus':
       return /*#__PURE__*/_jsx(IllustrationHouseComposition, {
         withBackground: true
       });
-
     case 'Småhus':
       return /*#__PURE__*/_jsx(IllustrationSmallHouseComposition, {
         withBackground: true
       });
-
     case 'Flermannsbolig':
       return /*#__PURE__*/_jsx(IllustrationSemiDetachedHouseComposition, {
         withBackground: true
       });
-
     default:
       return /*#__PURE__*/_jsx(IllustrationHouseComposition, {
         withBackground: true
       });
   }
 };
-
 export default UnitIllustration;
+
 /*
 Lavblokk
 Høyblokk

package/lib/core/UserMenu/UserMenu.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 Default: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const TypeMysite: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Avatar: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const WithoutText: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=UserMenu.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/UserMenu/UserMenu.stories.tsx"],"names":[],"mappings":";AAKA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAkBnB,CAAA;AAED,eAAO,MAAM,UAAU;;;CAmBtB,CAAA;AAED,eAAO,MAAM,MAAM;;;CAoBlB,CAAA;AAED,eAAO,MAAM,WAAW;;;CAqBvB,CAAA"}

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

@@ -0,0 +1,91 @@
+import UserMenu from '.';
+import UserMenuOption from './UserMenuOption';
+import Button from '../Button';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+  title: 'Core/UserMenu',
+  component: UserMenu
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsxs(UserMenu, {
+    name: "Donald Duck",
+    firstname: "Donald",
+    email: "dd@andeby.no",
+    logout: /*#__PURE__*/_jsx(Button, {
+      outline: true,
+      children: "Logg ut"
+    }),
+    children: [/*#__PURE__*/_jsx(UserMenuOption, {
+      onClick: () => console.log('Option 1 clicked'),
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(UserMenuOption, {
+      onClick: () => console.log('Option 2 clicked'),
+      children: "Option 2"
+    })]
+  }),
+  name: 'Default'
+};
+export const TypeMysite = {
+  render: () => /*#__PURE__*/_jsxs(UserMenu, {
+    type: "mysite",
+    name: "Donald Duck",
+    firstname: "hello",
+    email: "dd@andeby.no",
+    logout: /*#__PURE__*/_jsx(Button, {
+      outline: true,
+      children: "Logg ut"
+    }),
+    children: [/*#__PURE__*/_jsx(UserMenuOption, {
+      onClick: () => console.log('Option 1 clicked'),
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(UserMenuOption, {
+      onClick: () => console.log('Option 2 clicked'),
+      children: "Option 2"
+    })]
+  }),
+  name: 'Type mysite'
+};
+export const Avatar = {
+  render: () => /*#__PURE__*/_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: /*#__PURE__*/_jsx(Button, {
+      outline: true,
+      children: "Logg ut"
+    }),
+    children: [/*#__PURE__*/_jsx(UserMenuOption, {
+      onClick: () => console.log('Option 1 clicked'),
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(UserMenuOption, {
+      onClick: () => console.log('Option 2 clicked'),
+      children: "Option 2"
+    })]
+  }),
+  name: 'Avatar'
+};
+export const WithoutText = {
+  render: () => /*#__PURE__*/_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: /*#__PURE__*/_jsx(Button, {
+      outline: true,
+      children: "Logg ut"
+    }),
+    children: [/*#__PURE__*/_jsx(UserMenuOption, {
+      onClick: () => console.log('Option 1 clicked'),
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(UserMenuOption, {
+      onClick: () => console.log('Option 2 clicked'),
+      children: "Option 2"
+    })]
+  }),
+  name: 'Without text'
+};

package/lib/core/UserMenu/UserMenuOption.js

@@ -3,7 +3,6 @@ import React from 'react';
 import { userMenuOption } from './styles';
 import Link from '../Link';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-
 const UserMenuOption = ({
   onClick,
   children
@@ -18,5 +17,4 @@ const UserMenuOption = ({
     children: children ? children : ''
   });
 };
-
 export default UserMenuOption;

package/lib/core/UserMenu/index.js

@@ -7,7 +7,6 @@ import { useTheme } from '@emotion/react';
 import IconUserThin from '../../icons/General/IconUserThin';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const UserMenu = ({
   name,
   firstname,
@@ -30,26 +29,21 @@ const UserMenu = ({
   useEffect(() => {
     const handleClickOutside = e => {
       const node = contextMenuRef.current;
-
       if (node && node.contains(e.target)) {
         return;
       }
-
       setTimeout(() => {
         setOpen(false);
       }, 50);
     };
-
     const handleOptionsClick = e => {
       const node = optionsRef.current;
-
       if (node && node.contains(e.target)) {
         setTimeout(() => {
           setOpen(false);
         }, 100);
       }
     };
-
     if (open) {
       document.addEventListener('mouseup', handleClickOutside);
       document.addEventListener('mouseup', handleOptionsClick);
@@ -57,7 +51,6 @@ const UserMenu = ({
       document.removeEventListener('mouseup', handleClickOutside);
       document.removeEventListener('mouseup', handleOptionsClick);
     }
-
     return () => {
       document.removeEventListener('mouseup', handleClickOutside);
       document.removeEventListener('mouseup', handleOptionsClick);
@@ -118,5 +111,4 @@ const UserMenu = ({
     })]
   });
 };
-
 export default UserMenu;

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

@@ -30,6 +30,6 @@ export declare const LogoutWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const userMenuOption: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+export declare const userMenuOption: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
 export {};
 //# sourceMappingURL=styles.d.ts.map

package/lib/core/UserMenu/styles.js

@@ -1,9 +1,7 @@
 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 UserWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const UserWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1je83v55"
 } : {
   target: "e1je83v55",
@@ -12,7 +10,7 @@ export const UserWrapper = _styled("div", process.env.NODE_ENV === "production"
   hasFirstName,
   theme
 }) => /*#__PURE__*/css("position:relative;display:flex;flex-direction:row;&>button{gap:0.4em;&>svg{margin-left:0;}}", !hasFirstName && /*#__PURE__*/css("&>button{gap:0;&:focus,&:focus-within{outline-offset:1px;outline:", theme?.primary, " 1px solid;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:UserWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1VzZXJNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5Qk8iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVXNlck1lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuaW50ZXJmYWNlIElVc2VyV3JhcHBlclByb3BzIHtcbiAgaGFzRmlyc3ROYW1lOiBib29sZWFuXG4gIHRoZW1lPzogSUFwcFRoZW1lXG59XG5cbmV4cG9ydCBjb25zdCBVc2VyV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhhc0ZpcnN0TmFtZSwgdGhlbWUgfTogSVVzZXJXcmFwcGVyUHJvcHMpID0+IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cbiAgICAmID4gYnV0dG9uIHtcbiAgICAgIGdhcDogMC40ZW07XG5cbiAgICAgICYgPiBzdmcge1xuICAgICAgICBtYXJnaW4tbGVmdDogMDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAkeyFoYXNGaXJzdE5hbWUgJiZcbiAgICBjc3NgXG4gICAgICAmID4gYnV0dG9uIHtcbiAgICAgICAgZ2FwOiAwO1xuXG4gICAgICAgICY6Zm9jdXMsXG4gICAgICAgICY6Zm9jdXMtd2l0aGluIHtcbiAgICAgICAgICBvdXRsaW5lLW9mZnNldDogMXB4O1xuICAgICAgICAgIG91dGxpbmU6ICR7dGhlbWU/LnByaW1hcnl9IDFweCBzb2xpZDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIGB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IEltYWdlU21hbGxXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgc2l6ZSA9IDI1IH06IHsgc2l6ZT86IG51bWJlciB9KSA9PiBjc3NgXG4gICAgaGVpZ2h0OiAke3NpemV9cHg7XG4gICAgd2lkdGg6ICR7c2l6ZX1weDtcbiAgICBib3JkZXItcmFkaXVzOiAke3NpemV9cHg7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgZ3JpZC1yb3c6IDEgLyAzO1xuXG4gICAgJiA+IGltZyB7XG4gICAgICBoZWlnaHQ6ICR7c2l6ZX1weDtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogMzBweDtcbiAgd2lkdGg6IDMwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDMwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBtYXJnaW4tcmlnaHQ6IDAuNWVtO1xuICBncmlkLXJvdzogMSAvIDM7XG5cbiAgJiA+IGltZyB7XG4gICAgaGVpZ2h0OiAzMHB4O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBVc2VyTWVudUNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICByaWdodDogMDtcbiAgdG9wOiAzMHB4O1xuXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHdpZHRoOiAzMDBweDtcbiAgYm9yZGVyOiAxcHggc29saWQgI2NmZDllYTtcblxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBib3gtc2hhZG93OiAwIDEwcHggMTVweCAwIHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbmBcblxuZXhwb3J0IGNvbnN0IFVzZXJNZW51SW5mb3JtYXRpb24gPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBwYWRkaW5nOiAxZW07XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMzdweCAxZnI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJiA+IHN2ZyB7XG4gICAgZ3JpZC1yb3c6IDEgLyAzO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBMb2dvdXRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogMWVtO1xuXG4gIGJ1dHRvbiB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHVzZXJNZW51T3B0aW9uID0gKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNDZweDtcblxuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYm9yZGVyLXJhZGl1czogMDtcblxuICBmb250LXdlaWdodDogNTAwO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgI2Q3ZDdkNztcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuYmd9O1xuICB9XG5cbiAgJjpudGgtb2YtdHlwZSgxKSB7XG4gICAgYm9yZGVyLXRvcDogbm9uZTtcbiAgfVxuYFxuIl19 */"), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:UserWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1VzZXJNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVcUQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVXNlck1lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuaW50ZXJmYWNlIElVc2VyV3JhcHBlclByb3BzIHtcbiAgaGFzRmlyc3ROYW1lOiBib29sZWFuXG4gIHRoZW1lPzogSUFwcFRoZW1lXG59XG5cbmV4cG9ydCBjb25zdCBVc2VyV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhhc0ZpcnN0TmFtZSwgdGhlbWUgfTogSVVzZXJXcmFwcGVyUHJvcHMpID0+IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cbiAgICAmID4gYnV0dG9uIHtcbiAgICAgIGdhcDogMC40ZW07XG5cbiAgICAgICYgPiBzdmcge1xuICAgICAgICBtYXJnaW4tbGVmdDogMDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAkeyFoYXNGaXJzdE5hbWUgJiZcbiAgICBjc3NgXG4gICAgICAmID4gYnV0dG9uIHtcbiAgICAgICAgZ2FwOiAwO1xuXG4gICAgICAgICY6Zm9jdXMsXG4gICAgICAgICY6Zm9jdXMtd2l0aGluIHtcbiAgICAgICAgICBvdXRsaW5lLW9mZnNldDogMXB4O1xuICAgICAgICAgIG91dGxpbmU6ICR7dGhlbWU/LnByaW1hcnl9IDFweCBzb2xpZDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIGB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IEltYWdlU21hbGxXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgc2l6ZSA9IDI1IH06IHsgc2l6ZT86IG51bWJlciB9KSA9PiBjc3NgXG4gICAgaGVpZ2h0OiAke3NpemV9cHg7XG4gICAgd2lkdGg6ICR7c2l6ZX1weDtcbiAgICBib3JkZXItcmFkaXVzOiAke3NpemV9cHg7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgZ3JpZC1yb3c6IDEgLyAzO1xuXG4gICAgJiA+IGltZyB7XG4gICAgICBoZWlnaHQ6ICR7c2l6ZX1weDtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogMzBweDtcbiAgd2lkdGg6IDMwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDMwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBtYXJnaW4tcmlnaHQ6IDAuNWVtO1xuICBncmlkLXJvdzogMSAvIDM7XG5cbiAgJiA+IGltZyB7XG4gICAgaGVpZ2h0OiAzMHB4O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBVc2VyTWVudUNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICByaWdodDogMDtcbiAgdG9wOiAzMHB4O1xuXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHdpZHRoOiAzMDBweDtcbiAgYm9yZGVyOiAxcHggc29saWQgI2NmZDllYTtcblxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBib3gtc2hhZG93OiAwIDEwcHggMTVweCAwIHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbmBcblxuZXhwb3J0IGNvbnN0IFVzZXJNZW51SW5mb3JtYXRpb24gPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBwYWRkaW5nOiAxZW07XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMzdweCAxZnI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJiA+IHN2ZyB7XG4gICAgZ3JpZC1yb3c6IDEgLyAzO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBMb2dvdXRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogMWVtO1xuXG4gIGJ1dHRvbiB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHVzZXJNZW51T3B0aW9uID0gKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNDZweDtcblxuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYm9yZGVyLXJhZGl1czogMDtcblxuICBmb250LXdlaWdodDogNTAwO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgI2Q3ZDdkNztcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuYmd9O1xuICB9XG5cbiAgJjpudGgtb2YtdHlwZSgxKSB7XG4gICAgYm9yZGVyLXRvcDogbm9uZTtcbiAgfVxuYFxuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1VzZXJNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTMkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVXNlck1lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuaW50ZXJmYWNlIElVc2VyV3JhcHBlclByb3BzIHtcbiAgaGFzRmlyc3ROYW1lOiBib29sZWFuXG4gIHRoZW1lPzogSUFwcFRoZW1lXG59XG5cbmV4cG9ydCBjb25zdCBVc2VyV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhhc0ZpcnN0TmFtZSwgdGhlbWUgfTogSVVzZXJXcmFwcGVyUHJvcHMpID0+IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cbiAgICAmID4gYnV0dG9uIHtcbiAgICAgIGdhcDogMC40ZW07XG5cbiAgICAgICYgPiBzdmcge1xuICAgICAgICBtYXJnaW4tbGVmdDogMDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAkeyFoYXNGaXJzdE5hbWUgJiZcbiAgICBjc3NgXG4gICAgICAmID4gYnV0dG9uIHtcbiAgICAgICAgZ2FwOiAwO1xuXG4gICAgICAgICY6Zm9jdXMsXG4gICAgICAgICY6Zm9jdXMtd2l0aGluIHtcbiAgICAgICAgICBvdXRsaW5lLW9mZnNldDogMXB4O1xuICAgICAgICAgIG91dGxpbmU6ICR7dGhlbWU/LnByaW1hcnl9IDFweCBzb2xpZDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIGB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IEltYWdlU21hbGxXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgc2l6ZSA9IDI1IH06IHsgc2l6ZT86IG51bWJlciB9KSA9PiBjc3NgXG4gICAgaGVpZ2h0OiAke3NpemV9cHg7XG4gICAgd2lkdGg6ICR7c2l6ZX1weDtcbiAgICBib3JkZXItcmFkaXVzOiAke3NpemV9cHg7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgZ3JpZC1yb3c6IDEgLyAzO1xuXG4gICAgJiA+IGltZyB7XG4gICAgICBoZWlnaHQ6ICR7c2l6ZX1weDtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogMzBweDtcbiAgd2lkdGg6IDMwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDMwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBtYXJnaW4tcmlnaHQ6IDAuNWVtO1xuICBncmlkLXJvdzogMSAvIDM7XG5cbiAgJiA+IGltZyB7XG4gICAgaGVpZ2h0OiAzMHB4O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBVc2VyTWVudUNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICByaWdodDogMDtcbiAgdG9wOiAzMHB4O1xuXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHdpZHRoOiAzMDBweDtcbiAgYm9yZGVyOiAxcHggc29saWQgI2NmZDllYTtcblxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBib3gtc2hhZG93OiAwIDEwcHggMTVweCAwIHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbmBcblxuZXhwb3J0IGNvbnN0IFVzZXJNZW51SW5mb3JtYXRpb24gPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBwYWRkaW5nOiAxZW07XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMzdweCAxZnI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJiA+IHN2ZyB7XG4gICAgZ3JpZC1yb3c6IDEgLyAzO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBMb2dvdXRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogMWVtO1xuXG4gIGJ1dHRvbiB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHVzZXJNZW51T3B0aW9uID0gKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNDZweDtcblxuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYm9yZGVyLXJhZGl1czogMDtcblxuICBmb250LXdlaWdodDogNTAwO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgI2Q3ZDdkNztcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuYmd9O1xuICB9XG5cbiAgJjpudGgtb2YtdHlwZSgxKSB7XG4gICAgYm9yZGVyLXRvcDogbm9uZTtcbiAgfVxuYFxuIl19 */");
-export const ImageSmallWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const ImageSmallWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1je83v54"
 } : {
   target: "e1je83v54",
@@ -20,7 +18,7 @@ export const ImageSmallWrapper = _styled("div", process.env.NODE_ENV === "produc
 })(({
   size = 25
 }) => /*#__PURE__*/css("height:", size, "px;width:", size, "px;border-radius:", size, "px;display:flex;justify-content:center;align-items:center;overflow:hidden;grid-row:1/3;&>img{height:", size, "px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:ImageSmallWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1VzZXJNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QzJDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1VzZXJNZW51L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmludGVyZmFjZSBJVXNlcldyYXBwZXJQcm9wcyB7XG4gIGhhc0ZpcnN0TmFtZTogYm9vbGVhblxuICB0aGVtZT86IElBcHBUaGVtZVxufVxuXG5leHBvcnQgY29uc3QgVXNlcldyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoeyBoYXNGaXJzdE5hbWUsIHRoZW1lIH06IElVc2VyV3JhcHBlclByb3BzKSA9PiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICAgJiA+IGJ1dHRvbiB7XG4gICAgICBnYXA6IDAuNGVtO1xuXG4gICAgICAmID4gc3ZnIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJHshaGFzRmlyc3ROYW1lICYmXG4gICAgY3NzYFxuICAgICAgJiA+IGJ1dHRvbiB7XG4gICAgICAgIGdhcDogMDtcblxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgICAgICAgb3V0bGluZS1vZmZzZXQ6IDFweDtcbiAgICAgICAgICBvdXRsaW5lOiAke3RoZW1lPy5wcmltYXJ5fSAxcHggc29saWQ7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBJbWFnZVNtYWxsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IHNpemUgPSAyNSB9OiB7IHNpemU/OiBudW1iZXIgfSkgPT4gY3NzYFxuICAgIGhlaWdodDogJHtzaXplfXB4O1xuICAgIHdpZHRoOiAke3NpemV9cHg7XG4gICAgYm9yZGVyLXJhZGl1czogJHtzaXplfXB4O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGdyaWQtcm93OiAxIC8gMztcblxuICAgICYgPiBpbWcge1xuICAgICAgaGVpZ2h0OiAke3NpemV9cHg7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDMwcHg7XG4gIHdpZHRoOiAzMHB4O1xuICBib3JkZXItcmFkaXVzOiAzMHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgbWFyZ2luLXJpZ2h0OiAwLjVlbTtcbiAgZ3JpZC1yb3c6IDEgLyAzO1xuXG4gICYgPiBpbWcge1xuICAgIGhlaWdodDogMzBweDtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVXNlck1lbnVDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMzBweDtcblxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMzAwcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjZmQ5ZWE7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgYm94LXNoYWRvdzogMCAxMHB4IDE1cHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gXG5cbmV4cG9ydCBjb25zdCBVc2VyTWVudUluZm9ybWF0aW9uID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgcGFkZGluZzogMWVtO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDM3cHggMWZyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICYgPiBzdmcge1xuICAgIGdyaWQtcm93OiAxIC8gMztcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTG9nb3V0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6IDFlbTtcblxuICBidXR0b24ge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCB1c2VyTWVudU9wdGlvbiA9ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDQ2cHg7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1yYWRpdXM6IDA7XG5cbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICNkN2Q3ZDc7XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmJnfTtcbiAgfVxuXG4gICY6bnRoLW9mLXR5cGUoMSkge1xuICAgIGJvcmRlci10b3A6IG5vbmU7XG4gIH1cbmBcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1VzZXJNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q2lDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1VzZXJNZW51L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmludGVyZmFjZSBJVXNlcldyYXBwZXJQcm9wcyB7XG4gIGhhc0ZpcnN0TmFtZTogYm9vbGVhblxuICB0aGVtZT86IElBcHBUaGVtZVxufVxuXG5leHBvcnQgY29uc3QgVXNlcldyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoeyBoYXNGaXJzdE5hbWUsIHRoZW1lIH06IElVc2VyV3JhcHBlclByb3BzKSA9PiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICAgJiA+IGJ1dHRvbiB7XG4gICAgICBnYXA6IDAuNGVtO1xuXG4gICAgICAmID4gc3ZnIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJHshaGFzRmlyc3ROYW1lICYmXG4gICAgY3NzYFxuICAgICAgJiA+IGJ1dHRvbiB7XG4gICAgICAgIGdhcDogMDtcblxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgICAgICAgb3V0bGluZS1vZmZzZXQ6IDFweDtcbiAgICAgICAgICBvdXRsaW5lOiAke3RoZW1lPy5wcmltYXJ5fSAxcHggc29saWQ7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBJbWFnZVNtYWxsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IHNpemUgPSAyNSB9OiB7IHNpemU/OiBudW1iZXIgfSkgPT4gY3NzYFxuICAgIGhlaWdodDogJHtzaXplfXB4O1xuICAgIHdpZHRoOiAke3NpemV9cHg7XG4gICAgYm9yZGVyLXJhZGl1czogJHtzaXplfXB4O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGdyaWQtcm93OiAxIC8gMztcblxuICAgICYgPiBpbWcge1xuICAgICAgaGVpZ2h0OiAke3NpemV9cHg7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDMwcHg7XG4gIHdpZHRoOiAzMHB4O1xuICBib3JkZXItcmFkaXVzOiAzMHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgbWFyZ2luLXJpZ2h0OiAwLjVlbTtcbiAgZ3JpZC1yb3c6IDEgLyAzO1xuXG4gICYgPiBpbWcge1xuICAgIGhlaWdodDogMzBweDtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVXNlck1lbnVDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMzBweDtcblxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMzAwcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjZmQ5ZWE7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgYm94LXNoYWRvdzogMCAxMHB4IDE1cHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gXG5cbmV4cG9ydCBjb25zdCBVc2VyTWVudUluZm9ybWF0aW9uID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgcGFkZGluZzogMWVtO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDM3cHggMWZyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICYgPiBzdmcge1xuICAgIGdyaWQtcm93OiAxIC8gMztcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTG9nb3V0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6IDFlbTtcblxuICBidXR0b24ge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCB1c2VyTWVudU9wdGlvbiA9ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDQ2cHg7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1yYWRpdXM6IDA7XG5cbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICNkN2Q3ZDc7XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmJnfTtcbiAgfVxuXG4gICY6bnRoLW9mLXR5cGUoMSkge1xuICAgIGJvcmRlci10b3A6IG5vbmU7XG4gIH1cbmBcbiJdfQ== */");
-export const ImageWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const ImageWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1je83v53"
 } : {
   target: "e1je83v53",
@@ -34,7 +32,7 @@ export const ImageWrapper = _styled("div", process.env.NODE_ENV === "production"
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1VzZXJNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RHNDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1VzZXJNZW51L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmludGVyZmFjZSBJVXNlcldyYXBwZXJQcm9wcyB7XG4gIGhhc0ZpcnN0TmFtZTogYm9vbGVhblxuICB0aGVtZT86IElBcHBUaGVtZVxufVxuXG5leHBvcnQgY29uc3QgVXNlcldyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoeyBoYXNGaXJzdE5hbWUsIHRoZW1lIH06IElVc2VyV3JhcHBlclByb3BzKSA9PiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICAgJiA+IGJ1dHRvbiB7XG4gICAgICBnYXA6IDAuNGVtO1xuXG4gICAgICAmID4gc3ZnIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJHshaGFzRmlyc3ROYW1lICYmXG4gICAgY3NzYFxuICAgICAgJiA+IGJ1dHRvbiB7XG4gICAgICAgIGdhcDogMDtcblxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgICAgICAgb3V0bGluZS1vZmZzZXQ6IDFweDtcbiAgICAgICAgICBvdXRsaW5lOiAke3RoZW1lPy5wcmltYXJ5fSAxcHggc29saWQ7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBJbWFnZVNtYWxsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IHNpemUgPSAyNSB9OiB7IHNpemU/OiBudW1iZXIgfSkgPT4gY3NzYFxuICAgIGhlaWdodDogJHtzaXplfXB4O1xuICAgIHdpZHRoOiAke3NpemV9cHg7XG4gICAgYm9yZGVyLXJhZGl1czogJHtzaXplfXB4O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGdyaWQtcm93OiAxIC8gMztcblxuICAgICYgPiBpbWcge1xuICAgICAgaGVpZ2h0OiAke3NpemV9cHg7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDMwcHg7XG4gIHdpZHRoOiAzMHB4O1xuICBib3JkZXItcmFkaXVzOiAzMHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgbWFyZ2luLXJpZ2h0OiAwLjVlbTtcbiAgZ3JpZC1yb3c6IDEgLyAzO1xuXG4gICYgPiBpbWcge1xuICAgIGhlaWdodDogMzBweDtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVXNlck1lbnVDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMzBweDtcblxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMzAwcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjZmQ5ZWE7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgYm94LXNoYWRvdzogMCAxMHB4IDE1cHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gXG5cbmV4cG9ydCBjb25zdCBVc2VyTWVudUluZm9ybWF0aW9uID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgcGFkZGluZzogMWVtO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDM3cHggMWZyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICYgPiBzdmcge1xuICAgIGdyaWQtcm93OiAxIC8gMztcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTG9nb3V0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6IDFlbTtcblxuICBidXR0b24ge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCB1c2VyTWVudU9wdGlvbiA9ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDQ2cHg7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1yYWRpdXM6IDA7XG5cbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICNkN2Q3ZDc7XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmJnfTtcbiAgfVxuXG4gICY6bnRoLW9mLXR5cGUoMSkge1xuICAgIGJvcmRlci10b3A6IG5vbmU7XG4gIH1cbmBcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export const UserMenuContent = _styled("div", process.env.NODE_ENV === "production" ? {
+export const UserMenuContent = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1je83v52"
 } : {
   target: "e1je83v52",
@@ -48,7 +46,7 @@ export const UserMenuContent = _styled("div", process.env.NODE_ENV === "producti
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1VzZXJNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RXlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1VzZXJNZW51L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmludGVyZmFjZSBJVXNlcldyYXBwZXJQcm9wcyB7XG4gIGhhc0ZpcnN0TmFtZTogYm9vbGVhblxuICB0aGVtZT86IElBcHBUaGVtZVxufVxuXG5leHBvcnQgY29uc3QgVXNlcldyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoeyBoYXNGaXJzdE5hbWUsIHRoZW1lIH06IElVc2VyV3JhcHBlclByb3BzKSA9PiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICAgJiA+IGJ1dHRvbiB7XG4gICAgICBnYXA6IDAuNGVtO1xuXG4gICAgICAmID4gc3ZnIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJHshaGFzRmlyc3ROYW1lICYmXG4gICAgY3NzYFxuICAgICAgJiA+IGJ1dHRvbiB7XG4gICAgICAgIGdhcDogMDtcblxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgICAgICAgb3V0bGluZS1vZmZzZXQ6IDFweDtcbiAgICAgICAgICBvdXRsaW5lOiAke3RoZW1lPy5wcmltYXJ5fSAxcHggc29saWQ7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBJbWFnZVNtYWxsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IHNpemUgPSAyNSB9OiB7IHNpemU/OiBudW1iZXIgfSkgPT4gY3NzYFxuICAgIGhlaWdodDogJHtzaXplfXB4O1xuICAgIHdpZHRoOiAke3NpemV9cHg7XG4gICAgYm9yZGVyLXJhZGl1czogJHtzaXplfXB4O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGdyaWQtcm93OiAxIC8gMztcblxuICAgICYgPiBpbWcge1xuICAgICAgaGVpZ2h0OiAke3NpemV9cHg7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDMwcHg7XG4gIHdpZHRoOiAzMHB4O1xuICBib3JkZXItcmFkaXVzOiAzMHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgbWFyZ2luLXJpZ2h0OiAwLjVlbTtcbiAgZ3JpZC1yb3c6IDEgLyAzO1xuXG4gICYgPiBpbWcge1xuICAgIGhlaWdodDogMzBweDtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVXNlck1lbnVDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMzBweDtcblxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMzAwcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjZmQ5ZWE7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgYm94LXNoYWRvdzogMCAxMHB4IDE1cHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gXG5cbmV4cG9ydCBjb25zdCBVc2VyTWVudUluZm9ybWF0aW9uID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgcGFkZGluZzogMWVtO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDM3cHggMWZyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICYgPiBzdmcge1xuICAgIGdyaWQtcm93OiAxIC8gMztcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTG9nb3V0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6IDFlbTtcblxuICBidXR0b24ge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCB1c2VyTWVudU9wdGlvbiA9ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDQ2cHg7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1yYWRpdXM6IDA7XG5cbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICNkN2Q3ZDc7XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmJnfTtcbiAgfVxuXG4gICY6bnRoLW9mLXR5cGUoMSkge1xuICAgIGJvcmRlci10b3A6IG5vbmU7XG4gIH1cbmBcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export const UserMenuInformation = _styled("div", process.env.NODE_ENV === "production" ? {
+export const UserMenuInformation = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1je83v51"
 } : {
   target: "e1je83v51",
@@ -62,7 +60,7 @@ export const UserMenuInformation = _styled("div", process.env.NODE_ENV === "prod
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1VzZXJNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RjZDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1VzZXJNZW51L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmludGVyZmFjZSBJVXNlcldyYXBwZXJQcm9wcyB7XG4gIGhhc0ZpcnN0TmFtZTogYm9vbGVhblxuICB0aGVtZT86IElBcHBUaGVtZVxufVxuXG5leHBvcnQgY29uc3QgVXNlcldyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoeyBoYXNGaXJzdE5hbWUsIHRoZW1lIH06IElVc2VyV3JhcHBlclByb3BzKSA9PiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICAgJiA+IGJ1dHRvbiB7XG4gICAgICBnYXA6IDAuNGVtO1xuXG4gICAgICAmID4gc3ZnIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJHshaGFzRmlyc3ROYW1lICYmXG4gICAgY3NzYFxuICAgICAgJiA+IGJ1dHRvbiB7XG4gICAgICAgIGdhcDogMDtcblxuICAgICAgICAmOmZvY3VzLFxuICAgICAgICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgICAgICAgb3V0bGluZS1vZmZzZXQ6IDFweDtcbiAgICAgICAgICBvdXRsaW5lOiAke3RoZW1lPy5wcmltYXJ5fSAxcHggc29saWQ7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBJbWFnZVNtYWxsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IHNpemUgPSAyNSB9OiB7IHNpemU/OiBudW1iZXIgfSkgPT4gY3NzYFxuICAgIGhlaWdodDogJHtzaXplfXB4O1xuICAgIHdpZHRoOiAke3NpemV9cHg7XG4gICAgYm9yZGVyLXJhZGl1czogJHtzaXplfXB4O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGdyaWQtcm93OiAxIC8gMztcblxuICAgICYgPiBpbWcge1xuICAgICAgaGVpZ2h0OiAke3NpemV9cHg7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDMwcHg7XG4gIHdpZHRoOiAzMHB4O1xuICBib3JkZXItcmFkaXVzOiAzMHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgbWFyZ2luLXJpZ2h0OiAwLjVlbTtcbiAgZ3JpZC1yb3c6IDEgLyAzO1xuXG4gICYgPiBpbWcge1xuICAgIGhlaWdodDogMzBweDtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVXNlck1lbnVDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMzBweDtcblxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMzAwcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjZmQ5ZWE7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgYm94LXNoYWRvdzogMCAxMHB4IDE1cHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gXG5cbmV4cG9ydCBjb25zdCBVc2VyTWVudUluZm9ybWF0aW9uID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgcGFkZGluZzogMWVtO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDM3cHggMWZyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICYgPiBzdmcge1xuICAgIGdyaWQtcm93OiAxIC8gMztcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTG9nb3V0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6IDFlbTtcblxuICBidXR0b24ge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCB1c2VyTWVudU9wdGlvbiA9ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDQ2cHg7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1yYWRpdXM6IDA7XG5cbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICNkN2Q3ZDc7XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmJnfTtcbiAgfVxuXG4gICY6bnRoLW9mLXR5cGUoMSkge1xuICAgIGJvcmRlci10b3A6IG5vbmU7XG4gIH1cbmBcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export const LogoutWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const LogoutWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1je83v50"
 } : {
   target: "e1je83v50",

package/lib/core/Video/Video.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 NoVideo: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const VideoWithSrc: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const VideoWithHeightAndWidth: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=Video.stories.d.ts.map