@bbl-digital/snorre 3.1.57 → 3.1.58

package/lib/core/Input/styles.js

@@ -1,5 +1,4 @@
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 import { css } from '@emotion/react';
 const styles = {
   default: theme => /*#__PURE__*/css("display:grid;grid-template-rows:min-content;&:focus-within span{color:", theme.primary, ";}span{line-height:22px;font-size:1em;font-weight:600;margin-bottom:4px;}input{height:36px;width:calc(100% - 20px - 2px);font-size:16px;line-height:20px;outline:none;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;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0lucHV0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLTyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9JbnB1dC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiBtaW4tY29udGVudDtcblxuICAgICAgJjpmb2N1cy13aXRoaW4gc3BhbiB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgICAgfVxuICAgICAgc3BhbiB7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICAgICAgICBmb250LXNpemU6IDFlbTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICAgICAgfVxuICAgICAgaW5wdXQge1xuICAgICAgICBoZWlnaHQ6IDM2cHg7XG4gICAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAyMHB4IC0gMnB4KTtcbiAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICBsaW5lLWhlaWdodDogMjBweDtcbiAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgcGFkZGluZzogMCAxMHB4O1xuXG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmRpc2FibGVkfTtcbiAgICAgICAgfVxuICAgICAgICAmOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uLFxuICAgICAgICAmOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uIHtcbiAgICAgICAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICB9XG4gICAgICAgICZbdHlwZT0nbnVtYmVyJ10ge1xuICAgICAgICAgIC1tb3otYXBwZWFyYW5jZTogdGV4dGZpZWxkO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgYCxcbiAgaGlnaGxpZ3RlZDogKGhlaWdodD86IHN0cmluZykgPT4gY3NzYFxuICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICAmIGlucHV0IHtcbiAgICAgIGhlaWdodDogJHtoZWlnaHQgPyBoZWlnaHQgOiAnNTBweCd9O1xuICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgIH1cbiAgICAmIGlucHV0W3R5cGU9J3NlYXJjaCddIHtcbiAgICAgIC13ZWJraXQtYXBwZWFyYW5jZTogdGV4dGZpZWxkO1xuICAgICAgaGVpZ2h0OiAke2hlaWdodCA/IGhlaWdodCA6ICc2MHB4J307XG4gICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICBib3gtc2hhZG93OiAwIDJweCA0cHggMCByZ2JhKDksIDI4LCA2OCwgMC4xKTtcbiAgICAgIGJvcmRlci1ib3R0b206IDA7XG4gICAgICBwYWRkaW5nOiAwIDE2cHg7XG4gICAgICBwYWRkaW5nLXJpZ2h0OiAzNXB4O1xuICAgICAgYm9yZGVyLXN0eWxlOiBub25lO1xuICAgICAgYm9yZGVyLXdpZHRoOiAwO1xuICAgIH1cbiAgYCxcbiAgbnVtYmVyOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG4gICAgYCxcbiAgdGV4dDogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgcGFkZGluZy1sZWZ0OiAxMHB4O1xuICAgIGAsXG4gIHBhc3N3b3JkOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3Moe1xuICAgICAgYm9yZGVyOiAnMnB4IHNvbGlkICcgKyB0aGVtZS5ib3JkZXIsXG4gICAgICBib3JkZXJSYWRpdXM6ICczcHgnLFxuICAgICAgcGFkZGluZ0xlZnQ6ICcxMHB4JyxcbiAgICB9KSxcbiAgc2VhcmNoOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBib3JkZXI6IDA7XG4gICAgICBib3JkZXItYm90dG9tOiAycHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgcGFkZGluZy1sZWZ0OiAwO1xuICAgICAgcGFkZGluZy1yaWdodDogMzVweDtcbiAgICAgICY6Oi13ZWJraXQtc2VhcmNoLWRlY29yYXRpb24sXG4gICAgICAmOjotd2Via2l0LXNlYXJjaC1jYW5jZWwtYnV0dG9uLFxuICAgICAgJjo6LXdlYmtpdC1zZWFyY2gtcmVzdWx0cy1idXR0b24sXG4gICAgICAmOjotd2Via2l0LXNlYXJjaC1yZXN1bHRzLWRlY29yYXRpb24ge1xuICAgICAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICB9XG4gICAgYCxcbiAgc2VhcmNoTGFiZWw6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJiA+IGlucHV0IHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cblxuICAgICYgPiBzdmcge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgcmlnaHQ6IDE2cHg7XG4gICAgICB0b3A6IGNhbGMoNTAlIC0gMTBweCk7XG4gICAgICBmaWxsOiAke3RoZW1lLnByaW1hcnl9ICFpbXBvcnRhbnQ7XG4gICAgfVxuICBgLFxuICBmaWxlOiBjc3NgYCxcbiAgZGlzYWJsZWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzcyh7XG4gICAgICBjdXJzb3I6ICdub3QtYWxsb3dlZCcsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmRpc2FibGVkLFxuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLmRpc2FibGVkLFxuICAgIH0pLFxuICBjYXJkSW5wdXQ6IGNzcyh7XG4gICAgYm9yZGVyUmFkaXVzOiAnMzBweCcsXG4gICAgcGFkZGluZzogJzAgMjBweCcsXG4gICAgYm9yZGVyOiAnbm9uZScsXG5cbiAgICAnJjpmb2N1cyc6IHtcbiAgICAgIGJveFNoYWRvdzogJzAgMTBweCAyMHB4IDAgcmdiYSgxNiwgMTYsIDkwLCAwLjEpJyxcbiAgICB9LFxuICB9KSxcbiAgaW52YWxpZDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBpbnB1dCB7XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcblxuICAgICAgJjphY3RpdmUsXG4gICAgICAmOmZvY3VzLFxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydH07XG4gICAgICB9XG4gICAgfVxuXG4gICAgc3ZnIHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogdW5zZXQ7XG4gICAgICByaWdodDogdW5zZXQ7XG4gICAgICBib3R0b206IDdweDtcbiAgICAgIGxlZnQ6IDNweDtcbiAgICAgIHBhdGgge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmFsZXJ0fTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBzcGFuOm50aC1vZi10eXBlKDIpIHtcbiAgICAgIGxpbmUtaGVpZ2h0OiAzMHB4O1xuICAgICAgcGFkZGluZy1sZWZ0OiAyNXB4O1xuICAgICAgZm9udC1zaXplOiAxNHB4O1xuICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICB9XG5cbiAgICAmOmZvY3VzLXdpdGhpbiBzcGFuOm50aC1vZi10eXBlKDIpIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmFsZXJ0fTtcbiAgICB9XG4gIGAsXG4gIGhlaWdodDogKGhlaWdodDogc3RyaW5nKSA9PiBjc3NgXG4gICAgJiA+IGlucHV0IHtcbiAgICAgIGhlaWdodDogJHtoZWlnaHR9O1xuICAgIH1cbiAgYCxcbiAgZXJyb3JNZXNzYWdlOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICBjb2xvcjogJHt0aGVtZS5hbGVydH07XG4gICAgZm9udC1zaXplOiAxNHB4O1xuICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICBgLFxuICBwcjQ6IGNzc2BcbiAgICBwYWRkaW5nLXJpZ2h0OiAyNXB4O1xuICBgLFxuICBpbmZvQnV0dG9uOiBjc3NgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHJpZ2h0OiAwO1xuICAgIHRvcDogMDtcblxuICAgIGJ1dHRvbiB7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIGhlaWdodDogMjRweDtcbiAgICB9XG4gIGAsXG4gIHJlbGF0aXZlOiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),

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

@@ -0,0 +1,39 @@
+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 ButtonLink: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const NoStyle: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const ExternalLink: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const TargetBlank: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const DangerLink: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const DisabledLink: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const NoPadding: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const WordBreak: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=Link.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Link/Link.stories.tsx"],"names":[],"mappings":";AAGA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,UAAU;;;CAGtB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAOnB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAOxB,CAAA;AAED,eAAO,MAAM,WAAW;;;CAOvB,CAAA;AAED,eAAO,MAAM,UAAU;;;CAOtB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAOxB,CAAA;AAED,eAAO,MAAM,SAAS;;;CAGrB,CAAA;AAED,eAAO,MAAM,SAAS;;;CAOrB,CAAA"}

package/lib/core/Link/Link.stories.js

@@ -0,0 +1,75 @@
+import Link from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/Link',
+  component: Link
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(Link, {
+    href: "#",
+    children: "Option"
+  }),
+  name: 'Default'
+};
+export const ButtonLink = {
+  render: () => /*#__PURE__*/_jsx(Link, {
+    onClick: () => console.log('hi'),
+    children: "Option"
+  }),
+  name: 'Button link'
+};
+export const NoStyle = {
+  render: () => /*#__PURE__*/_jsx(Link, {
+    href: "#",
+    nostyle: true,
+    children: "Unstyled link"
+  }),
+  name: 'No style'
+};
+export const ExternalLink = {
+  render: () => /*#__PURE__*/_jsx(Link, {
+    href: "#",
+    external: true,
+    children: "External link"
+  }),
+  name: 'External link'
+};
+export const TargetBlank = {
+  render: () => /*#__PURE__*/_jsx(Link, {
+    href: "#",
+    target: "_blank",
+    children: "Opens up new tab"
+  }),
+  name: 'Target blank'
+};
+export const DangerLink = {
+  render: () => /*#__PURE__*/_jsx(Link, {
+    href: "#",
+    danger: true,
+    children: "Danger link"
+  }),
+  name: 'Danger link'
+};
+export const DisabledLink = {
+  render: () => /*#__PURE__*/_jsx(Link, {
+    href: "#",
+    disabled: true,
+    children: "Danger link"
+  }),
+  name: 'Disabled link'
+};
+export const NoPadding = {
+  render: () => /*#__PURE__*/_jsx(Link, {
+    nopadding: true,
+    children: "No padding"
+  }),
+  name: 'No padding'
+};
+export const WordBreak = {
+  render: () => /*#__PURE__*/_jsx(Link, {
+    wordBreak: "break-word",
+    textAlign: "left",
+    children: "LangtordLangtordLangtordLangtordLangtordLangtordLangtordLangtordLangtordLangtordLangtordLangtordLangtordLangtordLangtordLangtordLangtordLangtordLangtordLangtordLangtordLangtordLangtordLangtordLangtordLangtordLangtordLangtord"
+  }),
+  name: 'Word break'
+};

package/lib/core/Link/index.js

@@ -5,7 +5,6 @@ import IconExternalLink from '../../icons/General/IconExternalLink';
 import { IconLinkWrapper, NoStyle, LinkStyle, dangerStyles, noPadding, setAlign, smallText, underlineNone, setWordBreak, setDisabled } from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-
 const Link = props => {
   const {
     disabled,
@@ -21,7 +20,8 @@ const Link = props => {
     wordBreak,
     ...restProps
   } = props;
-  return _jsx(ButtonOrLink, { ...restProps,
+  return _jsx(ButtonOrLink, {
+    ...restProps,
     disabled: disabled,
     css: theme => [nostyle ? NoStyle : LinkStyle, danger && dangerStyles(theme), disabled && setDisabled(theme), nopadding && noPadding, setAlign(textAlign), small && smallText, removeUnderline && underlineNone, wordBreak && setWordBreak(wordBreak)],
     ...(target && {
@@ -37,5 +37,4 @@ const Link = props => {
     }) : children
   });
 };
-
 export default Link;

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

@@ -4,13 +4,13 @@ export declare const IconLinkWrapper: import("@emotion/styled").StyledComponent<
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const NoStyle: import("@emotion/react").SerializedStyles;
-export declare const LinkStyle: import("@emotion/react").SerializedStyles;
-export declare const dangerStyles: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-export declare const noPadding: import("@emotion/react").SerializedStyles;
-export declare const setAlign: (align: string) => import("@emotion/react").SerializedStyles;
-export declare const smallText: import("@emotion/react").SerializedStyles;
-export declare const underlineNone: import("@emotion/react").SerializedStyles;
-export declare const setWordBreak: (value: string) => import("@emotion/react").SerializedStyles;
-export declare const setDisabled: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+export declare const NoStyle: import("@emotion/utils").SerializedStyles;
+export declare const LinkStyle: import("@emotion/utils").SerializedStyles;
+export declare const dangerStyles: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+export declare const noPadding: import("@emotion/utils").SerializedStyles;
+export declare const setAlign: (align: string) => import("@emotion/utils").SerializedStyles;
+export declare const smallText: import("@emotion/utils").SerializedStyles;
+export declare const underlineNone: import("@emotion/utils").SerializedStyles;
+export declare const setWordBreak: (value: string) => import("@emotion/utils").SerializedStyles;
+export declare const setDisabled: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
 //# sourceMappingURL=styles.d.ts.map

package/lib/core/Link/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 IconLinkWrapper = _styled("span", process.env.NODE_ENV === "production" ? {
+export const IconLinkWrapper = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
   target: "e1besegt0"
 } : {
   target: "e1besegt0",

package/lib/core/List/Item.js

@@ -1,8 +1,6 @@
 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)."; }
-
-const ListItem = _styled("li", process.env.NODE_ENV === "production" ? {
+const ListItem = /*#__PURE__*/_styled("li", process.env.NODE_ENV === "production" ? {
   target: "e8hjcxt0"
 } : {
   target: "e8hjcxt0",
@@ -16,5 +14,4 @@ const ListItem = _styled("li", process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3QvSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT21DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3QvSXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuaW50ZXJmYWNlIElQcm9wcyB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IExpc3RJdGVtOiBSZWFjdC5GQzxJUHJvcHM+ID0gc3R5bGVkLmxpKHtcbiAgcGFkZGluZzogMCxcbn0pXG5cbmV4cG9ydCBkZWZhdWx0IExpc3RJdGVtXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-
 export default ListItem;

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

@@ -0,0 +1,39 @@
+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 ListWithLinks: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const AlternativeListWithLinks: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Pointlist: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Numberedlist: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const NumberedlistHighlighted: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Darktheme: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const NostyleList: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const WithPadding: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=List.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/List/List.stories.tsx"],"names":[],"mappings":";AAMA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAiBnB,CAAA;AAED,eAAO,MAAM,aAAa;;;CAwBzB,CAAA;AAED,eAAO,MAAM,wBAAwB;;;CAwBpC,CAAA;AAED,eAAO,MAAM,SAAS;;;CAUrB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAUxB,CAAA;AAED,eAAO,MAAM,uBAAuB;;;CAUnC,CAAA;AAED,eAAO,MAAM,SAAS;;;CAUrB,CAAA;AAED,eAAO,MAAM,WAAW;;;CAUvB,CAAA;AAED,eAAO,MAAM,WAAW;;;CAevB,CAAA"}

package/lib/core/List/List.stories.js

@@ -0,0 +1,157 @@
+import List from '.';
+import ListItem from './Item';
+import Link from '../Link';
+import IconArrowRight from '../../icons/General/IconArrowRight';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+  title: 'Core/List',
+  component: List
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx("div", {
+    className: "wrapper",
+    style: {
+      maxWidth: '300px'
+    },
+    children: /*#__PURE__*/_jsxs(List, {
+      children: [/*#__PURE__*/_jsx(ListItem, {
+        children: "Item 1"
+      }), /*#__PURE__*/_jsx(ListItem, {
+        children: "Item 2"
+      }), /*#__PURE__*/_jsx(ListItem, {
+        children: "Item 3"
+      })]
+    })
+  }),
+  name: 'Default'
+};
+export const ListWithLinks = {
+  render: () => /*#__PURE__*/_jsxs(List, {
+    links: true,
+    children: [/*#__PURE__*/_jsx(ListItem, {
+      children: /*#__PURE__*/_jsxs(Link, {
+        children: ["Item 1", /*#__PURE__*/_jsx(IconArrowRight, {
+          color: "#1657e2"
+        })]
+      })
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: /*#__PURE__*/_jsxs(Link, {
+        children: ["Lorem ipsum", /*#__PURE__*/_jsx(IconArrowRight, {
+          color: "#1657e2"
+        })]
+      })
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: /*#__PURE__*/_jsxs(Link, {
+        children: ["Lorem ipsum doro", /*#__PURE__*/_jsx(IconArrowRight, {
+          color: "#1657e2"
+        })]
+      })
+    })]
+  }),
+  name: 'List with links'
+};
+export const AlternativeListWithLinks = {
+  render: () => /*#__PURE__*/_jsxs(List, {
+    linksAlternate: true,
+    children: [/*#__PURE__*/_jsx(ListItem, {
+      children: /*#__PURE__*/_jsxs(Link, {
+        children: ["Item 1", /*#__PURE__*/_jsx(IconArrowRight, {
+          color: "#1657e2"
+        })]
+      })
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: /*#__PURE__*/_jsxs(Link, {
+        children: ["Lorem ipsum", /*#__PURE__*/_jsx(IconArrowRight, {
+          color: "#1657e2"
+        })]
+      })
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: /*#__PURE__*/_jsxs(Link, {
+        children: ["Lorem ipsum doro", /*#__PURE__*/_jsx(IconArrowRight, {
+          color: "#1657e2"
+        })]
+      })
+    })]
+  }),
+  name: 'Alternative list with links'
+};
+export const Pointlist = {
+  render: () => /*#__PURE__*/_jsxs(List, {
+    points: true,
+    children: [/*#__PURE__*/_jsx(ListItem, {
+      children: "Item 1"
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: "Item 2"
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: "Item 3"
+    })]
+  }),
+  name: 'Pointlist'
+};
+export const Numberedlist = {
+  render: () => /*#__PURE__*/_jsxs(List, {
+    numbers: true,
+    children: [/*#__PURE__*/_jsx(ListItem, {
+      children: "Item 1"
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: "Item 2"
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: "Item 3"
+    })]
+  }),
+  name: 'Numberedlist'
+};
+export const NumberedlistHighlighted = {
+  render: () => /*#__PURE__*/_jsxs(List, {
+    numbersHighlighted: true,
+    children: [/*#__PURE__*/_jsx(ListItem, {
+      children: "Item 1"
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: "Item 2"
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: "Item 3"
+    })]
+  }),
+  name: 'Numberedlist - Highlighted'
+};
+export const Darktheme = {
+  render: () => /*#__PURE__*/_jsxs(List, {
+    darkTheme: true,
+    children: [/*#__PURE__*/_jsx(ListItem, {
+      children: "Item 1"
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: "Item 2"
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: "Item 3"
+    })]
+  }),
+  name: 'Darktheme'
+};
+export const NostyleList = {
+  render: () => /*#__PURE__*/_jsxs(List, {
+    nostyle: true,
+    children: [/*#__PURE__*/_jsx(ListItem, {
+      children: "Item 1"
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: "Item 2"
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: "Item 3"
+    })]
+  }),
+  name: 'Nostyle list'
+};
+export const WithPadding = {
+  render: () => /*#__PURE__*/_jsxs(List, {
+    padding: "0.5em",
+    rowHeight: "100%",
+    children: [/*#__PURE__*/_jsxs(ListItem, {
+      children: ["Item 1", /*#__PURE__*/_jsx("br", {}), "new line", /*#__PURE__*/_jsx("br", {}), "another new line"]
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: "Item 2"
+    }), /*#__PURE__*/_jsx(ListItem, {
+      children: "Item 3"
+    })]
+  }),
+  name: 'With padding'
+};

package/lib/core/List/index.js

@@ -4,7 +4,6 @@ import Item from './Item';
 import styles from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 export { Item };
-
 const List = ({
   darkTheme,
   padding,
@@ -18,10 +17,8 @@ const List = ({
       if (!child) {
         return null;
       }
-
       return child;
     })
   });
 };
-
 export default List;

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

@@ -1,9 +1,9 @@
 import { IAppTheme } from '../../app-shell/theme';
 declare const styles: {
-    default: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    points: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    links: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    linksAlternate: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    default: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    points: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    links: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    linksAlternate: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
     ordered: {};
     numbers: {
         listStyle: string;
@@ -22,13 +22,13 @@ declare const styles: {
             marginRight: string;
         };
     };
-    numbersHighlighted: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    selectList: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    nostyle: import("@emotion/react").SerializedStyles;
-    rowHeight: (height: string) => import("@emotion/react").SerializedStyles;
-    minRowHeight: (height: string) => import("@emotion/react").SerializedStyles;
-    darkTheme: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    setPadding: (padding: string) => import("@emotion/react").SerializedStyles;
+    numbersHighlighted: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    selectList: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    nostyle: import("@emotion/utils").SerializedStyles;
+    rowHeight: (height: string) => import("@emotion/utils").SerializedStyles;
+    minRowHeight: (height: string) => import("@emotion/utils").SerializedStyles;
+    darkTheme: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    setPadding: (padding: string) => import("@emotion/utils").SerializedStyles;
 };
 export default styles;
 export { styles };

package/lib/core/List/styles.js

@@ -1,7 +1,5 @@
 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';
-
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "1gk7m0n",
   styles: "&>li{height:50px;&>a,&>button{position:relative;display:flex;justify-content:flex-start;align-items:center;width:100%;padding:0;text-decoration:none;&:hover,&:focus{& svg{right:-5px;}}&:focus-visible{text-decoration:underline;}&>span{padding:0.5em 20px 0.5em 0;font-size:16px;font-weight:600;text-align:left;& svg{position:absolute;right:0;top:6px;}}}}"
@@ -11,7 +9,6 @@ var _ref = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3Qvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdGMkMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTGlzdC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3Moe1xuICAgICAgcGFkZGluZzogMCxcbiAgICAgIG1hcmdpbjogMCxcbiAgICAgIGxpc3RTdHlsZTogJ25vbmUnLFxuICAgICAgJyYgPiBsaSc6IHtcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgaGVpZ2h0OiAnMzZweCcsXG4gICAgICAgIGZvbnRTaXplOiAnMTZweCcsXG4gICAgICAgIGJvcmRlclRvcDogJzFweCBzb2xpZCAnICsgdGhlbWUuYm9yZGVyLFxuXG4gICAgICAgICcmOm50aC1vZi10eXBlKDEpJzoge1xuICAgICAgICAgIGJvcmRlclRvcDogJ25vbmUnLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9KSxcbiAgcG9pbnRzOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3Moe1xuICAgICAgJyYgPiBsaSc6IHtcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgaGVpZ2h0OiAnMzBweCcsXG4gICAgICAgIGJvcmRlclRvcDogJ25vbmUnLFxuICAgICAgICBwYWRkaW5nTGVmdDogJzMwcHgnLFxuICAgICAgfSxcblxuICAgICAgJyYgPiBsaTo6YmVmb3JlJzoge1xuICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgIGhlaWdodDogJzhweCcsXG4gICAgICAgIHdpZHRoOiAnOHB4JyxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAnNTAlJyxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wcmltYXJ5LFxuICAgICAgICBtYXJnaW5MZWZ0OiAnLTIwcHgnLFxuICAgICAgICBtYXJnaW5SaWdodDogJzEwcHg7JyxcbiAgICAgIH0sXG4gICAgfSksXG4gIGxpbmtzOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgICYgPiBsaSB7XG4gICAgICBoZWlnaHQ6IHVuc2V0O1xuICAgICAgYm9yZGVyLXRvcDogbm9uZTtcblxuICAgICAgJiA+IGEsXG4gICAgICAmID4gYnV0dG9uIHtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG5cbiAgICAgICAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6aG92ZXIsXG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICYgc3ZnIHtcbiAgICAgICAgICAgIHJpZ2h0OiAtNXB4O1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICYgPiBzcGFuIHtcbiAgICAgICAgICBwYWRkaW5nOiAwLjVlbSAwO1xuICAgICAgICAgIGZvbnQtc2l6ZTogMTVweDtcbiAgICAgICAgICBsaW5lLWhlaWdodDogMTlweDtcbiAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgIzE2NTdlMjtcbiAgICAgICAgICAmIHN2ZyB7XG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgIHRvcDogNnB4O1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgYCxcbiAgbGlua3NBbHRlcm5hdGU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgJiA+IGxpIHtcbiAgICAgIGhlaWdodDogNTBweDtcblxuICAgICAgJiA+IGEsXG4gICAgICAmID4gYnV0dG9uIHtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG5cbiAgICAgICAgJjpob3ZlcixcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgJiBzdmcge1xuICAgICAgICAgICAgcmlnaHQ6IC01cHg7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgICAgfVxuXG4gICAgICAgICYgPiBzcGFuIHtcbiAgICAgICAgICBwYWRkaW5nOiAwLjVlbSAyMHB4IDAuNWVtIDA7XG4gICAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcblxuICAgICAgICAgICYgc3ZnIHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgdG9wOiA2cHg7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBvcmRlcmVkOiB7fSxcbiAgbnVtYmVyczoge1xuICAgIGxpc3RTdHlsZTogJ25vbmUnLFxuICAgIGNvdW50ZXJSZXNldDogJ2NvbnRzJyxcblxuICAgICcmID4gbGknOiB7XG4gICAgICBoZWlnaHQ6ICczMHB4JyxcbiAgICAgIGJvcmRlclRvcDogJ25vbmUnLFxuICAgICAgcGFkZGluZ0xlZnQ6ICczMHB4JyxcbiAgICAgIGNvdW50ZXJJbmNyZW1lbnQ6ICdjb250cycsXG4gICAgfSxcblxuICAgICcmID4gbGk6OmJlZm9yZSc6IHtcbiAgICAgIGNvbnRlbnQ6ICdjb3VudGVyKGNvbnRzKVwiLlwiJyxcbiAgICAgIGZvbnRTaXplOiAnMTZweCcsXG4gICAgICBmb250V2VpZ2h0OiAnbm9ybWFsJyxcbiAgICAgIG1hcmdpbkxlZnQ6ICctMjBweCcsXG4gICAgICBtYXJnaW5SaWdodDogJzEwcHg7JyxcbiAgICB9LFxuICB9LFxuICBudW1iZXJzSGlnaGxpZ2h0ZWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzcyh7XG4gICAgICBsaXN0U3R5bGU6ICdub25lJyxcbiAgICAgIGNvdW50ZXJSZXNldDogJ2NvbnRzJyxcbiAgICAgICcmID4gbGknOiB7XG4gICAgICAgIGhlaWdodDogJzQwcHgnLFxuICAgICAgICBib3JkZXJUb3A6ICdub25lJyxcbiAgICAgICAgcGFkZGluZ0xlZnQ6ICczMHB4JyxcbiAgICAgICAgY291bnRlckluY3JlbWVudDogJ2NvbnRzJyxcbiAgICAgICAgZm9udFdlaWdodDogNjAwLFxuICAgICAgfSxcbiAgICAgICcmID4gbGk6OmJlZm9yZSc6IHtcbiAgICAgICAgY29udGVudDogJ2NvdW50ZXIoY29udHMpJyxcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnByaW1hcnksXG4gICAgICAgIGJvcmRlclJhZGl1czogJzUwJScsXG4gICAgICAgIGhlaWdodDogJzI0cHgnLFxuICAgICAgICB3aWR0aDogJzI0cHgnLFxuICAgICAgICBjb2xvcjogJ3doaXRlJyxcbiAgICAgICAgZm9udFNpemU6ICcxNnB4JyxcbiAgICAgICAgZm9udFdlaWdodDogNjAwLFxuICAgICAgICBtYXJnaW5MZWZ0OiAnLTIwcHgnLFxuICAgICAgICBtYXJnaW5SaWdodDogJzEwcHgnLFxuICAgICAgfSxcbiAgICB9KSxcbiAgc2VsZWN0TGlzdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzKHtcbiAgICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgICAgYm9yZGVyVG9wOiAnMXB4IHNvbGlkICcgKyB0aGVtZS5ib3JkZXIsXG4gICAgICBsaXN0U3R5bGU6ICdub25lJyxcbiAgICAgICcmID4gbGknOiB7XG4gICAgICAgIHBhZGRpbmdMZWZ0OiAnNXB4JyxcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgaGVpZ2h0OiAnMzZweCcsXG4gICAgICAgIGZvbnRTaXplOiAnMTZweCcsXG4gICAgICAgIGJhY2tncm91bmQ6ICd3aGl0ZScsXG4gICAgICAgICcmOm50aC1vZi10eXBlKDEpJzoge1xuICAgICAgICAgIGJvcmRlclRvcDogJ25vbmUnLFxuICAgICAgICB9LFxuICAgICAgICAnJjpob3Zlcic6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJnTGlnaHQsXG4gICAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLmJnTGlnaHQsXG4gICAgICAgICAgY29sb3I6IHRoZW1lLmJ0bkhvdmVyVGV4dENvbG9yICsgJyFpbXBvcnRhbnQnLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9KSxcbiAgbm9zdHlsZTogY3NzYFxuICAgICYgPiBsaSB7XG4gICAgICBoZWlnaHQ6IDMwcHg7XG4gICAgICBib3JkZXItdG9wOiBub25lO1xuICAgICAgYm9yZGVyLWJvdHRvbTogMDtcbiAgICB9XG4gIGAsXG4gIHJvd0hlaWdodDogKGhlaWdodDogc3RyaW5nKSA9PiBjc3NgXG4gICAgJiA+IGxpIHtcbiAgICAgIGhlaWdodDogJHtoZWlnaHR9O1xuICAgIH1cbiAgYCxcbiAgbWluUm93SGVpZ2h0OiAoaGVpZ2h0OiBzdHJpbmcpID0+IGNzc2BcbiAgICAmID4gbGkge1xuICAgICAgbWluLWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgaGVpZ2h0OiB1bnNldDtcbiAgICB9XG4gIGAsXG4gIGRhcmtUaGVtZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBib3JkZXItdG9wOiBub25lO1xuICAgIGxpLFxuICAgIGxpOmhvdmVyLFxuICAgIGxpOmFjdGl2ZSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnN1Ym1lbnVJdGVtQ29sb3J9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJ0bkJhY2tCb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuc3VibWVudVRleHRDb2xvckFjdGl2ZX07XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLnN1Ym1lbnVUZXh0Q29sb3JBY3RpdmV9O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBzZXRQYWRkaW5nOiAocGFkZGluZzogc3RyaW5nKSA9PiBjc3NgXG4gICAgJiA+IGxpIHtcbiAgICAgIHBhZGRpbmc6ICR7cGFkZGluZ30gMDtcbiAgICB9XG4gICAgJiA+IGxpOmZpcnN0LW9mLXR5cGUge1xuICAgICAgcGFkZGluZzogMCAwICR7cGFkZGluZ30gMDtcbiAgICB9XG4gICAgJiA+IGxpOmxhc3Qtb2YtdHlwZSB7XG4gICAgICBwYWRkaW5nOiAke3BhZGRpbmd9IDAgMCAwO1xuICAgIH1cbiAgICAmID4gbGk6b25seS1vZi10eXBlIHtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgfVxuICBgLFxufVxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-
 var _ref2 = process.env.NODE_ENV === "production" ? {
   name: "1k3z293",
   styles: "&>li{height:unset;border-top:none;&>a,&>button{position:relative;display:flex;justify-content:flex-start;width:100%;padding:0;text-decoration:none;&:focus-visible{text-decoration:underline;}&:hover,&:focus{& svg{right:-5px;}}&>span{padding:0.5em 0;font-size:15px;line-height:19px;border-bottom:1px solid #1657e2;& svg{position:absolute;right:0;top:6px;}}}}"
@@ -21,7 +18,6 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3Qvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDa0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTGlzdC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3Moe1xuICAgICAgcGFkZGluZzogMCxcbiAgICAgIG1hcmdpbjogMCxcbiAgICAgIGxpc3RTdHlsZTogJ25vbmUnLFxuICAgICAgJyYgPiBsaSc6IHtcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgaGVpZ2h0OiAnMzZweCcsXG4gICAgICAgIGZvbnRTaXplOiAnMTZweCcsXG4gICAgICAgIGJvcmRlclRvcDogJzFweCBzb2xpZCAnICsgdGhlbWUuYm9yZGVyLFxuXG4gICAgICAgICcmOm50aC1vZi10eXBlKDEpJzoge1xuICAgICAgICAgIGJvcmRlclRvcDogJ25vbmUnLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9KSxcbiAgcG9pbnRzOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3Moe1xuICAgICAgJyYgPiBsaSc6IHtcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgaGVpZ2h0OiAnMzBweCcsXG4gICAgICAgIGJvcmRlclRvcDogJ25vbmUnLFxuICAgICAgICBwYWRkaW5nTGVmdDogJzMwcHgnLFxuICAgICAgfSxcblxuICAgICAgJyYgPiBsaTo6YmVmb3JlJzoge1xuICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgIGhlaWdodDogJzhweCcsXG4gICAgICAgIHdpZHRoOiAnOHB4JyxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAnNTAlJyxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wcmltYXJ5LFxuICAgICAgICBtYXJnaW5MZWZ0OiAnLTIwcHgnLFxuICAgICAgICBtYXJnaW5SaWdodDogJzEwcHg7JyxcbiAgICAgIH0sXG4gICAgfSksXG4gIGxpbmtzOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgICYgPiBsaSB7XG4gICAgICBoZWlnaHQ6IHVuc2V0O1xuICAgICAgYm9yZGVyLXRvcDogbm9uZTtcblxuICAgICAgJiA+IGEsXG4gICAgICAmID4gYnV0dG9uIHtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG5cbiAgICAgICAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6aG92ZXIsXG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICYgc3ZnIHtcbiAgICAgICAgICAgIHJpZ2h0OiAtNXB4O1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICYgPiBzcGFuIHtcbiAgICAgICAgICBwYWRkaW5nOiAwLjVlbSAwO1xuICAgICAgICAgIGZvbnQtc2l6ZTogMTVweDtcbiAgICAgICAgICBsaW5lLWhlaWdodDogMTlweDtcbiAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgIzE2NTdlMjtcbiAgICAgICAgICAmIHN2ZyB7XG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgIHRvcDogNnB4O1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgYCxcbiAgbGlua3NBbHRlcm5hdGU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgJiA+IGxpIHtcbiAgICAgIGhlaWdodDogNTBweDtcblxuICAgICAgJiA+IGEsXG4gICAgICAmID4gYnV0dG9uIHtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG5cbiAgICAgICAgJjpob3ZlcixcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgJiBzdmcge1xuICAgICAgICAgICAgcmlnaHQ6IC01cHg7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgICAgfVxuXG4gICAgICAgICYgPiBzcGFuIHtcbiAgICAgICAgICBwYWRkaW5nOiAwLjVlbSAyMHB4IDAuNWVtIDA7XG4gICAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcblxuICAgICAgICAgICYgc3ZnIHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgdG9wOiA2cHg7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBvcmRlcmVkOiB7fSxcbiAgbnVtYmVyczoge1xuICAgIGxpc3RTdHlsZTogJ25vbmUnLFxuICAgIGNvdW50ZXJSZXNldDogJ2NvbnRzJyxcblxuICAgICcmID4gbGknOiB7XG4gICAgICBoZWlnaHQ6ICczMHB4JyxcbiAgICAgIGJvcmRlclRvcDogJ25vbmUnLFxuICAgICAgcGFkZGluZ0xlZnQ6ICczMHB4JyxcbiAgICAgIGNvdW50ZXJJbmNyZW1lbnQ6ICdjb250cycsXG4gICAgfSxcblxuICAgICcmID4gbGk6OmJlZm9yZSc6IHtcbiAgICAgIGNvbnRlbnQ6ICdjb3VudGVyKGNvbnRzKVwiLlwiJyxcbiAgICAgIGZvbnRTaXplOiAnMTZweCcsXG4gICAgICBmb250V2VpZ2h0OiAnbm9ybWFsJyxcbiAgICAgIG1hcmdpbkxlZnQ6ICctMjBweCcsXG4gICAgICBtYXJnaW5SaWdodDogJzEwcHg7JyxcbiAgICB9LFxuICB9LFxuICBudW1iZXJzSGlnaGxpZ2h0ZWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzcyh7XG4gICAgICBsaXN0U3R5bGU6ICdub25lJyxcbiAgICAgIGNvdW50ZXJSZXNldDogJ2NvbnRzJyxcbiAgICAgICcmID4gbGknOiB7XG4gICAgICAgIGhlaWdodDogJzQwcHgnLFxuICAgICAgICBib3JkZXJUb3A6ICdub25lJyxcbiAgICAgICAgcGFkZGluZ0xlZnQ6ICczMHB4JyxcbiAgICAgICAgY291bnRlckluY3JlbWVudDogJ2NvbnRzJyxcbiAgICAgICAgZm9udFdlaWdodDogNjAwLFxuICAgICAgfSxcbiAgICAgICcmID4gbGk6OmJlZm9yZSc6IHtcbiAgICAgICAgY29udGVudDogJ2NvdW50ZXIoY29udHMpJyxcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnByaW1hcnksXG4gICAgICAgIGJvcmRlclJhZGl1czogJzUwJScsXG4gICAgICAgIGhlaWdodDogJzI0cHgnLFxuICAgICAgICB3aWR0aDogJzI0cHgnLFxuICAgICAgICBjb2xvcjogJ3doaXRlJyxcbiAgICAgICAgZm9udFNpemU6ICcxNnB4JyxcbiAgICAgICAgZm9udFdlaWdodDogNjAwLFxuICAgICAgICBtYXJnaW5MZWZ0OiAnLTIwcHgnLFxuICAgICAgICBtYXJnaW5SaWdodDogJzEwcHgnLFxuICAgICAgfSxcbiAgICB9KSxcbiAgc2VsZWN0TGlzdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzKHtcbiAgICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgICAgYm9yZGVyVG9wOiAnMXB4IHNvbGlkICcgKyB0aGVtZS5ib3JkZXIsXG4gICAgICBsaXN0U3R5bGU6ICdub25lJyxcbiAgICAgICcmID4gbGknOiB7XG4gICAgICAgIHBhZGRpbmdMZWZ0OiAnNXB4JyxcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgaGVpZ2h0OiAnMzZweCcsXG4gICAgICAgIGZvbnRTaXplOiAnMTZweCcsXG4gICAgICAgIGJhY2tncm91bmQ6ICd3aGl0ZScsXG4gICAgICAgICcmOm50aC1vZi10eXBlKDEpJzoge1xuICAgICAgICAgIGJvcmRlclRvcDogJ25vbmUnLFxuICAgICAgICB9LFxuICAgICAgICAnJjpob3Zlcic6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJnTGlnaHQsXG4gICAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLmJnTGlnaHQsXG4gICAgICAgICAgY29sb3I6IHRoZW1lLmJ0bkhvdmVyVGV4dENvbG9yICsgJyFpbXBvcnRhbnQnLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9KSxcbiAgbm9zdHlsZTogY3NzYFxuICAgICYgPiBsaSB7XG4gICAgICBoZWlnaHQ6IDMwcHg7XG4gICAgICBib3JkZXItdG9wOiBub25lO1xuICAgICAgYm9yZGVyLWJvdHRvbTogMDtcbiAgICB9XG4gIGAsXG4gIHJvd0hlaWdodDogKGhlaWdodDogc3RyaW5nKSA9PiBjc3NgXG4gICAgJiA+IGxpIHtcbiAgICAgIGhlaWdodDogJHtoZWlnaHR9O1xuICAgIH1cbiAgYCxcbiAgbWluUm93SGVpZ2h0OiAoaGVpZ2h0OiBzdHJpbmcpID0+IGNzc2BcbiAgICAmID4gbGkge1xuICAgICAgbWluLWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgaGVpZ2h0OiB1bnNldDtcbiAgICB9XG4gIGAsXG4gIGRhcmtUaGVtZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBib3JkZXItdG9wOiBub25lO1xuICAgIGxpLFxuICAgIGxpOmhvdmVyLFxuICAgIGxpOmFjdGl2ZSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnN1Ym1lbnVJdGVtQ29sb3J9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJ0bkJhY2tCb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuc3VibWVudVRleHRDb2xvckFjdGl2ZX07XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLnN1Ym1lbnVUZXh0Q29sb3JBY3RpdmV9O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBzZXRQYWRkaW5nOiAocGFkZGluZzogc3RyaW5nKSA9PiBjc3NgXG4gICAgJiA+IGxpIHtcbiAgICAgIHBhZGRpbmc6ICR7cGFkZGluZ30gMDtcbiAgICB9XG4gICAgJiA+IGxpOmZpcnN0LW9mLXR5cGUge1xuICAgICAgcGFkZGluZzogMCAwICR7cGFkZGluZ30gMDtcbiAgICB9XG4gICAgJiA+IGxpOmxhc3Qtb2YtdHlwZSB7XG4gICAgICBwYWRkaW5nOiAke3BhZGRpbmd9IDAgMCAwO1xuICAgIH1cbiAgICAmID4gbGk6b25seS1vZi10eXBlIHtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgfVxuICBgLFxufVxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-
 const styles = {
   default: theme => /*#__PURE__*/css({
     padding: 0,

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

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

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

package/lib/core/ListPager/ListPager.stories.js

@@ -0,0 +1,16 @@
+import ListPager from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/ListPager',
+  component: ListPager
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(ListPager, {
+    totalPageCount: 6,
+    currentPage: 1,
+    onFirstClick: () => console.log('First clicked'),
+    onLastClick: e => console.log('Last clicked, page:', e),
+    onPageClick: e => console.log('Page ' + e + ' clicked')
+  }),
+  name: 'Default'
+};

package/lib/core/ListPager/index.js

@@ -5,7 +5,6 @@ import { getHasPreviousPages, getHasMorePages, getFirstButtonIndex } from '../..
 import Button from '../Button';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const ListPager = ({
   totalPageCount,
   currentPage,
@@ -14,22 +13,17 @@ const ListPager = ({
   onPageClick
 }) => {
   const theme = useTheme();
-
   if (!(totalPageCount && totalPageCount > 0 && currentPage)) {
     return null;
   }
-
   const totalButtons = totalPageCount > 5 ? 5 : totalPageCount;
   const hasPreviousPages = getHasPreviousPages(currentPage, totalPageCount);
   const hasMorePages = getHasMorePages(currentPage, totalPageCount);
   const firstButtonIndex = getFirstButtonIndex(currentPage, totalPageCount);
-
   const Dots = /*#__PURE__*/_jsx(DotWrapper, {
     children: "..."
   });
-
   let pages = [];
-
   for (let i = firstButtonIndex; i < firstButtonIndex + totalButtons; i++) {
     pages.push( /*#__PURE__*/_jsx(Button, {
       nostyle: true,
@@ -38,7 +32,6 @@ const ListPager = ({
       children: i + 1
     }, i));
   }
-
   return /*#__PURE__*/_jsxs(Wrapper, {
     children: [/*#__PURE__*/_jsx(Button, {
       nostyle: true,
@@ -51,5 +44,4 @@ const ListPager = ({
     })]
   });
 };
-
 export default ListPager;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const PageStyle: (active: boolean, primary: string) => import("@emotion/react").SerializedStyles;
+export declare const PageStyle: (active: boolean, primary: string) => import("@emotion/utils").SerializedStyles;
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/lib/core/ListPager/styles.js

@@ -1,10 +1,8 @@
 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 PageStyle = (active, primary) => /*#__PURE__*/css("color:", active ? primary : 'initial', ";&:active,&:hover,&:focus{color:", active ? primary : 'initial', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:PageStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2tFIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgUGFnZVN0eWxlID0gKGFjdGl2ZTogYm9vbGVhbiwgcHJpbWFyeTogc3RyaW5nKSA9PiBjc3NgXG4gIGNvbG9yOiAke2FjdGl2ZSA/IHByaW1hcnkgOiAnaW5pdGlhbCd9O1xuICAmOmFjdGl2ZSxcbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgY29sb3I6ICR7YWN0aXZlID8gcHJpbWFyeSA6ICdpbml0aWFsJ307XG4gIH1cbmBcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHdpZHRoOiBtaW4tY29udGVudDtcbmBcblxuZXhwb3J0IGNvbnN0IERvdFdyYXBwZXIgPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbiJdfQ== */");
-export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "eava76v1"
 } : {
   target: "eava76v1",
@@ -18,7 +16,7 @@ export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2lDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgUGFnZVN0eWxlID0gKGFjdGl2ZTogYm9vbGVhbiwgcHJpbWFyeTogc3RyaW5nKSA9PiBjc3NgXG4gIGNvbG9yOiAke2FjdGl2ZSA/IHByaW1hcnkgOiAnaW5pdGlhbCd9O1xuICAmOmFjdGl2ZSxcbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgY29sb3I6ICR7YWN0aXZlID8gcHJpbWFyeSA6ICdpbml0aWFsJ307XG4gIH1cbmBcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHdpZHRoOiBtaW4tY29udGVudDtcbmBcblxuZXhwb3J0IGNvbnN0IERvdFdyYXBwZXIgPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export const DotWrapper = _styled("span", process.env.NODE_ENV === "production" ? {
+export const DotWrapper = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
   target: "eava76v0"
 } : {
   target: "eava76v0",