@bbl-digital/snorre 4.1.0-beta.1 → 4.1.0

package/lib/core/NoticeCard/privateComponents/NoticeMetaInfo/styles.d.ts

@@ -1,14 +1,13 @@
-/// <reference types="react" />
 export declare const NoticeMetaWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Group: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Div: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/lib/core/NoticeCard/privateComponents/NoticeMetaInfo/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/packages/core/NoticeCard/privateComponents/NoticeMetaInfo/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,iBAAiB;;;yGAE7B,CAAA;AAED,eAAO,MAAM,KAAK;;;yGAMjB,CAAA;AAED,eAAO,MAAM,GAAG;;;yGAAe,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/packages/core/NoticeCard/privateComponents/NoticeMetaInfo/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;eAa4S,WAAW;yGAXpV,CAAA;AAED,eAAO,MAAM,KAAK;;eASwT,WAAW;yGAHpV,CAAA;AAED,eAAO,MAAM,GAAG;;eAC0T,WAAW;yGADtT,CAAA"}

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

@@ -1,20 +1,19 @@
-/// <reference types="react" />
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
     hasImage: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ImageWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Div: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/lib/core/NoticeCard/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NoticeCard/styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,OAAO;;;;cACE,OAAO;yGAW5B,CAAA;AAED,eAAO,MAAM,YAAY;;;yGAkBxB,CAAA;AAED,eAAO,MAAM,cAAc;;;yGAI1B,CAAA;AAED,eAAO,MAAM,GAAG;;;yGAsBf,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NoticeCard/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO;;eAsBH,WACX;;cAtBgB,OAAO;yGAW5B,CAAA;AAED,eAAO,MAAM,YAAY;;eAQR,WACX;yGASL,CAAA;AAED,eAAO,MAAM,cAAc;;eAZV,WACX;yGAeL,CAAA;AAED,eAAO,MAAM,GAAG;;eAlBC,WACX;yGAuCL,CAAA"}

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-declare const _default;
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
 export default _default;
 export declare const Default: {
     render: () => import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"NotificationCounter.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NotificationCounter/NotificationCounter.stories.tsx"],"names":[],"mappings":";;AAGA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA"}
+{"version":3,"file":"NotificationCounter.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NotificationCounter/NotificationCounter.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;wBAKlC,IAAI;AAHT,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA"}

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

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

package/lib/core/NotificationCounter/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NotificationCounter/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAajD,eAAO,MAAM,MAAM;qBACA,SAAS;CAa3B,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NotificationCounter/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAajD,eAAO,MAAM,MAAM;qBACA,SAAS,iBAAiB,MAAM;CAalD,CAAA"}

package/lib/core/NotificationCounter/styles.js

@@ -10,5 +10,5 @@ const getFontSize = digits => {
   }
 };
 export const styles = {
-  default: (theme, amountDigits) => /*#__PURE__*/css("display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:", theme.primary5darker, ";overflow:hidden;color:white;font-size:", getFontSize(amountDigits), ";line-height:23px;width:23px;height:23px;" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbkNvdW50ZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWUyRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ob3RpZmljYXRpb25Db3VudGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBnZXRGb250U2l6ZSA9IChkaWdpdHM/OiBudW1iZXIpID0+IHtcbiAgc3dpdGNoIChkaWdpdHMpIHtcbiAgICBjYXNlIDM6XG4gICAgICByZXR1cm4gJzEycHgnXG4gICAgY2FzZSA0OlxuICAgICAgcmV0dXJuICcxMHB4J1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJzE0cHgnXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUsIGFtb3VudERpZ2l0cz86IG51bWJlcikgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5NWRhcmtlcn07XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBjb2xvcjogd2hpdGU7XG4gICAgZm9udC1zaXplOiAke2dldEZvbnRTaXplKGFtb3VudERpZ2l0cyl9O1xuICAgIGxpbmUtaGVpZ2h0OiAyM3B4O1xuICAgIHdpZHRoOiAyM3B4O1xuICAgIGhlaWdodDogMjNweDtcbiAgYCxcbn1cbiJdfQ== */")
+  default: (theme, amountDigits) => /*#__PURE__*/css("display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:", theme.alert, ";overflow:hidden;color:white;font-size:", getFontSize(amountDigits), ";line-height:23px;width:23px;height:23px;" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbkNvdW50ZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWUyRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ob3RpZmljYXRpb25Db3VudGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBnZXRGb250U2l6ZSA9IChkaWdpdHM/OiBudW1iZXIpID0+IHtcbiAgc3dpdGNoIChkaWdpdHMpIHtcbiAgICBjYXNlIDM6XG4gICAgICByZXR1cm4gJzEycHgnXG4gICAgY2FzZSA0OlxuICAgICAgcmV0dXJuICcxMHB4J1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJzE0cHgnXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUsIGFtb3VudERpZ2l0cz86IG51bWJlcikgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5hbGVydH07XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBjb2xvcjogd2hpdGU7XG4gICAgZm9udC1zaXplOiAke2dldEZvbnRTaXplKGFtb3VudERpZ2l0cyl9O1xuICAgIGxpbmUtaGVpZ2h0OiAyM3B4O1xuICAgIHdpZHRoOiAyM3B4O1xuICAgIGhlaWdodDogMjNweDtcbiAgYCxcbn1cbiJdfQ== */")
 };

package/lib/core/NotificationsMenu/NotificationRow/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type IProps = {
+type IProps = {
     /** Notification title */
     title: string;
     /** Description, is added to title string */

package/lib/core/NotificationsMenu/NotificationRow/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/NotificationsMenu/NotificationRow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,aAAK,MAAM,GAAG;IACZ,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,4CAA4C;IAC5C,WAAW,EAAE,MAAM,CAAA;IACnB,sCAAsC;IACtC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,iCAAiC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,eAAe,wEAOlB,MAAM,sBAwBR,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/NotificationsMenu/NotificationRow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,KAAK,MAAM,GAAG;IACZ,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,4CAA4C;IAC5C,WAAW,EAAE,MAAM,CAAA;IACnB,sCAAsC;IACtC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,iCAAiC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,eAAe,wEAOlB,MAAM,sBAyBR,CAAA;AAED,eAAe,eAAe,CAAA"}

package/lib/core/NotificationsMenu/NotificationRow/index.js

@@ -1,8 +1,7 @@
 import React from 'react';
 import Text from '../../Text';
 import { StyledButton, TextContent, Wrapper } from './styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const NotificationRow = ({
   title,
   description,
@@ -15,6 +14,7 @@ const NotificationRow = ({
   onClick: onClick,
   trackingName: "Felles",
   trackingEvent: "Klikk varselelement",
+  "aria-label": `Varsel om {title}`,
   children: /*#__PURE__*/_jsxs(Wrapper, {
     hideBorderBottom: hideBorderBottom,
     children: [icon, /*#__PURE__*/_jsxs(TextContent, {

package/lib/core/NotificationsMenu/NotificationRow/styles.d.ts

@@ -1,53 +1,52 @@
-/// <reference types="react" />
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    hideBorderBottom?: boolean | undefined;
+    hideBorderBottom?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TextContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledButton: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<import("../../private/ButtonOrLink").ButtonOrLinkTypes> & {
     afterIcon?: import("react").ReactNode;
     beforeIcon?: import("react").ReactNode;
-    children: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal;
-    disabled?: boolean | undefined;
-    href?: string | undefined;
-    loading?: boolean | undefined;
-    onClick?: ((event: import("react").MouseEvent<import("../../private/ButtonOrLink").ButtonOrLinkTypes, MouseEvent>) => void) | undefined;
-    onMouseUp?: ((event: import("react").MouseEvent<import("../../private/ButtonOrLink").ButtonOrLinkTypes, MouseEvent>) => void) | undefined;
+    children: NonNullable<import("react").ReactNode>;
+    disabled?: boolean;
+    href?: string;
+    loading?: boolean;
+    onClick?: (event: import("react").MouseEvent<import("../../private/ButtonOrLink").ButtonOrLinkTypes>) => void;
+    onMouseUp?: (event: import("react").MouseEvent<import("../../private/ButtonOrLink").ButtonOrLinkTypes>) => void;
     onCustomKeyPress?: {
         key: string;
         action: (event: KeyboardEvent) => void;
-    } | undefined;
-    onKeyPress?: ((event: KeyboardEvent) => void) | undefined;
-    onEnterKeyPress?: ((event: KeyboardEvent) => void) | undefined;
-    onEscapeKeyPress?: ((event: KeyboardEvent) => void) | undefined;
-    openInNewWindow?: boolean | undefined;
-    rel?: string | undefined;
-    trackingEvent?: string | undefined;
-    trackingName?: string | undefined;
-    type?: "button" | "reset" | "submit" | undefined;
-    target?: string | undefined;
+    };
+    onKeyPress?: (event: KeyboardEvent) => void;
+    onEnterKeyPress?: (event: KeyboardEvent) => void;
+    onEscapeKeyPress?: (event: KeyboardEvent) => void;
+    openInNewWindow?: boolean;
+    rel?: string;
+    trackingEvent?: string;
+    trackingName?: string;
+    type?: "button" | "submit" | "reset";
+    target?: string;
     download?: any;
-    tabIndex?: number | undefined;
+    tabIndex?: number;
 } & {
-    success?: boolean | undefined;
-    danger?: boolean | undefined;
-    highlight?: boolean | undefined;
-    outline?: boolean | undefined;
-    nostyle?: boolean | undefined;
-    focusable?: boolean | undefined;
-    border?: string | undefined;
-    css?: import("@emotion/utils").SerializedStyles | undefined;
-    loading?: boolean | undefined;
-    back?: boolean | undefined;
-    small?: boolean | undefined;
-    transparentBg?: boolean | undefined;
-    tabIndex?: number | undefined;
+    success?: boolean;
+    danger?: boolean;
+    highlight?: boolean;
+    outline?: boolean;
+    nostyle?: boolean;
+    focusable?: boolean;
+    border?: string;
+    css?: import("@emotion/react").SerializedStyles;
+    loading?: boolean;
+    back?: boolean;
+    small?: boolean;
+    transparentBg?: boolean;
+    tabIndex?: number;
 } & import("react").RefAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/lib/core/NotificationsMenu/NotificationRow/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/NotificationsMenu/NotificationRow/styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,OAAO;;;;;yGAanB,CAAA;AAED,eAAO,MAAM,WAAW;;;2GAgBvB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAKxB,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/NotificationsMenu/NotificationRow/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO;;eAwBX,WAAW;;uBAvBW,OAAO;yGAYrC,CAAA;AAED,eAAO,MAAM,WAAW;;eASf,WAAW;2GAOnB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAKxB,CAAA"}

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

@@ -2,7 +2,7 @@ import NotificationsMenu from '.';
 import { Meta, StoryObj } from '@storybook/react';
 declare const meta: Meta<typeof NotificationsMenu>;
 export default meta;
-declare type Story = StoryObj<typeof NotificationsMenu>;
+type Story = StoryObj<typeof NotificationsMenu>;
 export declare const Default: Story;
 export declare const UnreadNotification: Story;
 //# sourceMappingURL=NotificationsMenu.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"NotificationsMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NotificationsMenu/NotificationsMenu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,GAAG,CAAA;AAGjC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAGxC,CAAA;AACD,eAAe,IAAI,CAAA;AACnB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAE/C,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA8BhC,CAAA"}
+{"version":3,"file":"NotificationsMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NotificationsMenu/NotificationsMenu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,GAAG,CAAA;AAGjC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAGxC,CAAA;AACD,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAE/C,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA+BhC,CAAA"}

package/lib/core/NotificationsMenu/NotificationsMenu.stories.js

@@ -1,9 +1,7 @@
 import NotificationsMenu from '.';
 import NotificationRow from './NotificationRow';
 import IconAttachment from '../../icons/General/IconAttachment';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const meta = {
   title: 'Core/NotificationsMenu',
   component: NotificationsMenu
@@ -14,13 +12,15 @@ export const Default = {
   args: {
     unreadCount: 0,
     onBellClick: () => console.log('bell click'),
-    children: 'Her kan man legge hva man vil'
+    children: 'Her kan man legge hva man vil',
+    animationActive: false
   }
 };
 export const UnreadNotification = {
   name: 'Unread notification',
   args: {
     unreadCount: 5,
+    animationActive: true,
     onBellClick: () => console.log('bell click'),
     children: /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx(NotificationRow, {

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

@@ -5,12 +5,14 @@ interface IProps {
     /** Update value for close dropdown */
     triggerClose?: any;
     /** Menu border radius */
-    radius?: '10px' | '4px';
+    radius?: '16px' | '10px';
     /** Children */
     children?: React.ReactNode;
     /** Callback on bell click */
     onBellClick?: () => void;
+    /** Animates bell to shake */
+    animationActive?: boolean;
 }
-declare const NotificationsMenu: ({ unreadCount, triggerClose, radius, children, onBellClick, }: IProps) => React.JSX.Element;
+declare const NotificationsMenu: ({ unreadCount, triggerClose, radius, children, animationActive, onBellClick, }: IProps) => React.JSX.Element;
 export default NotificationsMenu;
 //# sourceMappingURL=index.d.ts.map

package/lib/core/NotificationsMenu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NotificationsMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAW7D,UAAU,MAAM;IACd,yCAAyC;IACzC,WAAW,EAAE,MAAM,CAAA;IACnB,sCAAsC;IACtC,YAAY,CAAC,EAAE,GAAG,CAAA;IAClB,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IACvB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;CACzB;AAED,QAAA,MAAM,iBAAiB,kEAMpB,MAAM,sBAgER,CAAA;AAED,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NotificationsMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAY7D,UAAU,MAAM;IACd,yCAAyC;IACzC,WAAW,EAAE,MAAM,CAAA;IACnB,sCAAsC;IACtC,YAAY,CAAC,EAAE,GAAG,CAAA;IAClB,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,6BAA6B;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,QAAA,MAAM,iBAAiB,mFAOpB,MAAM,sBAiFR,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/lib/core/NotificationsMenu/index.js

@@ -4,13 +4,14 @@ import Button from '../Button';
 import IconBellOutline from '../../icons/General/IconBellOutline';
 import IconBellFilled from '../../icons/General/IconBellFilled';
 import Text from '../Text';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from 'framer-motion';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const NotificationsMenu = ({
   unreadCount,
   triggerClose,
   radius,
   children,
+  animationActive = false,
   onBellClick
 }) => {
   const ref = /*#__PURE__*/createRef();
@@ -43,22 +44,38 @@ const NotificationsMenu = ({
     setOpen(!open);
     onBellClick && onBellClick();
   };
+  const variant = {
+    initial: {
+      rotate: [0, 10, 0],
+      transition: {
+        duration: 0.2,
+        repeat: Infinity
+      }
+    },
+    none: {}
+  };
   return /*#__PURE__*/_jsxs(NotificationsWrapper, {
-    children: [/*#__PURE__*/_jsxs(Button, {
-      nostyle: true,
-      onClick: onClick,
-      focusable: true,
-      trackingName: "Felles",
-      trackingEvent: "Toggle varselmeny",
-      children: [hasUnread ? /*#__PURE__*/_jsx(IconBellOutline, {
-        secondary: true
-      }) : /*#__PURE__*/_jsx(IconBellFilled, {}), hasUnread && /*#__PURE__*/_jsx(UnreadMark, {
-        children: /*#__PURE__*/_jsx(Text, {
-          size: "12px",
-          color: "white",
-          children: unreadCount <= maxUnreadCount ? unreadCount : maxUnreadCount
-        })
-      })]
+    children: [/*#__PURE__*/_jsx(motion.div, {
+      animate: animationActive ? 'initial' : 'none',
+      variants: variant,
+      children: /*#__PURE__*/_jsxs(Button, {
+        nostyle: true,
+        onClick: onClick,
+        focusable: true,
+        "aria-expanded": open,
+        "aria-label": hasUnread ? 'Uleste notifikasjoner' : 'Ingen uleste notifikasjoner',
+        trackingName: "Felles",
+        trackingEvent: "Toggle varselmeny",
+        children: [hasUnread ? /*#__PURE__*/_jsx(IconBellOutline, {
+          secondary: true
+        }) : /*#__PURE__*/_jsx(IconBellFilled, {}), hasUnread && /*#__PURE__*/_jsx(UnreadMark, {
+          children: /*#__PURE__*/_jsx(Text, {
+            size: "12px",
+            color: "white",
+            children: unreadCount <= maxUnreadCount ? unreadCount : maxUnreadCount
+          })
+        })]
+      })
     }), open && /*#__PURE__*/_jsx("span", {
       ref: ref,
       children: /*#__PURE__*/_jsx(NotificationsContent, {

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

@@ -1,16 +1,15 @@
-/// <reference types="react" />
 export declare const NotificationsWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const NotificationsContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    $radius?: string | undefined;
+    $radius?: string;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const UnreadMark: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/lib/core/NotificationsMenu/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NotificationsMenu/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,oBAAoB;;;yGAShC,CAAA;AAED,eAAO,MAAM,oBAAoB;;;;;yGAehC,CAAA;AAED,eAAO,MAAM,UAAU;;;yGAWtB,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NotificationsMenu/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB;;eA4BE,WAC3B;yGApBP,CAAA;AAED,eAAO,MAAM,oBAAoB;;eAiBE,WAC3B;;cAlBmD,MAAM;yGAehE,CAAA;AAED,eAAO,MAAM,UAAU;;eAAY,WAC3B;yGAUP,CAAA"}

package/lib/core/NotificationsMenu/styles.js

@@ -11,7 +11,7 @@ export const NotificationsWrapper = /*#__PURE__*/_styled("div", process.env.NODE
 } : {
   name: "1ivkyd7",
   styles: "position:relative;display:flex;flex-direction:row;&>svg{margin-left:0.5em;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFOEMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWZpY2F0aW9uc01lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBOb3RpZmljYXRpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICYgPiBzdmcge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uc0NvbnRlbnQgPSBzdHlsZWQuZGl2PHsgJHJhZGl1cz86IHN0cmluZyB9PmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMzBweDtcblxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMzAwcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjZmQ5ZWE7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgYm94LXNoYWRvdzogMCAxMHB4IDE1cHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgJHJhZGl1cyB9KSA9PiAkcmFkaXVzIHx8ICcxMHB4J307XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBhZGRpbmc6IDAuNWVtIDFlbTtcbmBcblxuZXhwb3J0IGNvbnN0IFVucmVhZE1hcmsgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB0b3A6IC02cHg7XG4gIGxlZnQ6IDEwcHg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xuICBoZWlnaHQ6IDE4cHg7XG4gIHdpZHRoOiAxOHB4O1xuICBib3JkZXItcmFkaXVzOiAxMHB4O1xuYFxuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFOEMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWZpY2F0aW9uc01lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBOb3RpZmljYXRpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICYgPiBzdmcge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uc0NvbnRlbnQgPSBzdHlsZWQuZGl2PHsgJHJhZGl1cz86IHN0cmluZyB9PmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMzBweDtcblxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMzAwcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjZmQ5ZWE7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgYm94LXNoYWRvdzogMCAxMHB4IDE1cHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgJHJhZGl1cyB9KSA9PiAkcmFkaXVzIHx8ICcxMHB4J307XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBhZGRpbmc6IDAuNWVtIDFlbTtcbmBcblxuZXhwb3J0IGNvbnN0IFVucmVhZE1hcmsgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB0b3A6IC02cHg7XG4gIGxlZnQ6IDEwcHg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYWxlcnR9O1xuICBoZWlnaHQ6IDE4cHg7XG4gIHdpZHRoOiAxOHB4O1xuICBib3JkZXItcmFkaXVzOiAxMHB4O1xuYFxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const NotificationsContent = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
@@ -21,7 +21,7 @@ export const NotificationsContent = /*#__PURE__*/_styled("div", process.env.NODE
   label: "NotificationsContent"
 })("position:absolute;background-color:white;right:0;top:30px;box-sizing:border-box;width:300px;border:1px solid #cfd9ea;background-color:#ffffff;box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.1);border-radius:", ({
   $radius
-}) => $radius || '10px', ";overflow:hidden;padding:0.5em 1em;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhb0UiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWZpY2F0aW9uc01lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBOb3RpZmljYXRpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICYgPiBzdmcge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uc0NvbnRlbnQgPSBzdHlsZWQuZGl2PHsgJHJhZGl1cz86IHN0cmluZyB9PmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMzBweDtcblxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMzAwcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjZmQ5ZWE7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgYm94LXNoYWRvdzogMCAxMHB4IDE1cHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgJHJhZGl1cyB9KSA9PiAkcmFkaXVzIHx8ICcxMHB4J307XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBhZGRpbmc6IDAuNWVtIDFlbTtcbmBcblxuZXhwb3J0IGNvbnN0IFVucmVhZE1hcmsgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB0b3A6IC02cHg7XG4gIGxlZnQ6IDEwcHg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xuICBoZWlnaHQ6IDE4cHg7XG4gIHdpZHRoOiAxOHB4O1xuICBib3JkZXItcmFkaXVzOiAxMHB4O1xuYFxuIl19 */"));
+}) => $radius || '10px', ";overflow:hidden;padding:0.5em 1em;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhb0UiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWZpY2F0aW9uc01lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBOb3RpZmljYXRpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICYgPiBzdmcge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uc0NvbnRlbnQgPSBzdHlsZWQuZGl2PHsgJHJhZGl1cz86IHN0cmluZyB9PmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMzBweDtcblxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMzAwcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjZmQ5ZWE7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgYm94LXNoYWRvdzogMCAxMHB4IDE1cHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgJHJhZGl1cyB9KSA9PiAkcmFkaXVzIHx8ICcxMHB4J307XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBhZGRpbmc6IDAuNWVtIDFlbTtcbmBcblxuZXhwb3J0IGNvbnN0IFVucmVhZE1hcmsgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB0b3A6IC02cHg7XG4gIGxlZnQ6IDEwcHg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYWxlcnR9O1xuICBoZWlnaHQ6IDE4cHg7XG4gIHdpZHRoOiAxOHB4O1xuICBib3JkZXItcmFkaXVzOiAxMHB4O1xuYFxuIl19 */"));
 export const UnreadMark = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ebh5fga0"
 } : {
@@ -29,4 +29,4 @@ export const UnreadMark = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "
   label: "UnreadMark"
 })("position:absolute;display:flex;align-items:center;justify-content:center;top:-6px;left:10px;background:", ({
   theme
-}) => theme.primary5darker, ";height:18px;width:18px;border-radius:10px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Qm9DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcblxuICAmID4gc3ZnIHtcbiAgICBtYXJnaW4tbGVmdDogMC41ZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IE5vdGlmaWNhdGlvbnNDb250ZW50ID0gc3R5bGVkLmRpdjx7ICRyYWRpdXM/OiBzdHJpbmcgfT5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDMwcHg7XG5cbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDMwMHB4O1xuICBib3JkZXI6IDFweCBzb2xpZCAjY2ZkOWVhO1xuXG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIGJveC1zaGFkb3c6IDAgMTBweCAxNXB4IDAgcmdiYSgwLCAwLCAwLCAwLjEpO1xuICBib3JkZXItcmFkaXVzOiAkeyh7ICRyYWRpdXMgfSkgPT4gJHJhZGl1cyB8fCAnMTBweCd9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwYWRkaW5nOiAwLjVlbSAxZW07XG5gXG5cbmV4cG9ydCBjb25zdCBVbnJlYWRNYXJrID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgdG9wOiAtNnB4O1xuICBsZWZ0OiAxMHB4O1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnByaW1hcnk1ZGFya2VyfTtcbiAgaGVpZ2h0OiAxOHB4O1xuICB3aWR0aDogMThweDtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbmBcbiJdfQ== */"));
+}) => theme.alert, ";height:18px;width:18px;border-radius:10px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Qm9DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcblxuICAmID4gc3ZnIHtcbiAgICBtYXJnaW4tbGVmdDogMC41ZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IE5vdGlmaWNhdGlvbnNDb250ZW50ID0gc3R5bGVkLmRpdjx7ICRyYWRpdXM/OiBzdHJpbmcgfT5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDMwcHg7XG5cbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDMwMHB4O1xuICBib3JkZXI6IDFweCBzb2xpZCAjY2ZkOWVhO1xuXG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIGJveC1zaGFkb3c6IDAgMTBweCAxNXB4IDAgcmdiYSgwLCAwLCAwLCAwLjEpO1xuICBib3JkZXItcmFkaXVzOiAkeyh7ICRyYWRpdXMgfSkgPT4gJHJhZGl1cyB8fCAnMTBweCd9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwYWRkaW5nOiAwLjVlbSAxZW07XG5gXG5cbmV4cG9ydCBjb25zdCBVbnJlYWRNYXJrID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgdG9wOiAtNnB4O1xuICBsZWZ0OiAxMHB4O1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmFsZXJ0fTtcbiAgaGVpZ2h0OiAxOHB4O1xuICB3aWR0aDogMThweDtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbmBcbiJdfQ== */"));

package/lib/core/PieChart/ActiveShape/index.js

@@ -2,8 +2,7 @@ import React from 'react';
 import { Sector } from 'recharts';
 
 /** Renders outer line on the pie chart */
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ActiveShape = props => {
   const {
     cx,

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import { Meta } from '@storybook/react';
 import { LoadedType } from '../../shared/types/LoadedType';
-declare const _default;
+declare const _default: Meta;
 export default _default;
 export declare const Default: {
     render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"PieChart.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/PieChart/PieChart.stories.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;;AAE1D,wBAGS;AAUT,eAAO,MAAM,OAAO;oBACF,OAAO,yBAAyB,UAAU;;CAW3D,CAAA;AAED,eAAO,MAAM,aAAa;oBACR,OAAO,yBAAyB,UAAU;;CAU3D,CAAA;AAED,eAAO,MAAM,UAAU;oBACL,OAAO,yBAAyB,UAAU;;CAQ3D,CAAA;AAED,eAAO,MAAM,OAAO;oBACF,OAAO,yBAAyB,UAAU;;CAY3D,CAAA"}
+{"version":3,"file":"PieChart.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/PieChart/PieChart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAGvC,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;wBAKrD,IAAI;AAHT,wBAGS;AAUT,eAAO,MAAM,OAAO;oBACF,OAAO,yBAAyB,UAAU;;CAW3D,CAAA;AAED,eAAO,MAAM,aAAa;oBACR,OAAO,yBAAyB,UAAU;;CAU3D,CAAA;AAED,eAAO,MAAM,UAAU;oBACL,OAAO,yBAAyB,UAAU;;CAQ3D,CAAA;AAED,eAAO,MAAM,OAAO;oBACF,OAAO,yBAAyB,UAAU;;CAY3D,CAAA"}

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

@@ -17,6 +17,8 @@ interface IProps extends Partial<Pie> {
     opacity?: number | undefined;
     /** Set function for active index from outside the component */
     onActiveChange?: (index: number | undefined) => void;
+    customMiddleText?: string;
+    customMiddleValue?: number;
 }
 interface ChartDataProps {
     /** Pie piece title */

package/lib/core/PieChart/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/PieChart/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAA;AACxE,OAAO,EAGL,GAAG,EAGJ,MAAM,UAAU,CAAA;AAMjB,UAAU,MAAO,SAAQ,OAAO,CAAC,GAAG,CAAC;IACnC,2DAA2D;IAC3D,IAAI,EAAE,cAAc,EAAE,CAAA;IACtB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6FAA6F;IAC7F,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,qDAAqD;IACrD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mFAAmF;IACnF,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,+DAA+D;IAC/D,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CACrD;AAED,UAAU,cAAc;IACtB,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA2F9B,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/PieChart/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAA;AACxE,OAAO,EAGL,GAAG,EAGJ,MAAM,UAAU,CAAA;AAMjB,UAAU,MAAO,SAAQ,OAAO,CAAC,GAAG,CAAC;IACnC,2DAA2D;IAC3D,IAAI,EAAE,cAAc,EAAE,CAAA;IACtB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6FAA6F;IAC7F,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,qDAAqD;IACrD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mFAAmF;IACnF,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,+DAA+D;IAC/D,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IACpD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,UAAU,cAAc;IACtB,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAmG9B,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/lib/core/PieChart/index.js

@@ -4,8 +4,7 @@ import { alpha } from '../../utils/alpha';
 import ActiveShape from './ActiveShape';
 import renderTextContent from './renderTextContent';
 import { PieChartWrapper } from './styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PieChart = ({
   width,
   height,
@@ -15,6 +14,8 @@ const PieChart = ({
   active,
   opacity,
   onActiveChange,
+  customMiddleText,
+  customMiddleValue,
   ...rest
 }) => {
   const [activeIndex, setActiveIndex] = useState();
@@ -37,6 +38,7 @@ const PieChart = ({
 
   /** Avoids re-renders by memoizing parameters */
   const calculateTitle = useMemo(() => {
+    if (customMiddleText) return customMiddleText;
     const activeItemTitle = activeIndex !== undefined ? data[activeIndex].title : defaultSubtitle;
     return subtitlePrefix ? `${subtitlePrefix} ${activeItemTitle?.toLocaleLowerCase()}` : activeItemTitle;
   }, [activeIndex, data, defaultSubtitle, subtitlePrefix]);
@@ -48,6 +50,7 @@ const PieChart = ({
     width: width,
     children: /*#__PURE__*/_jsx(ResponsiveContainer, {
       children: /*#__PURE__*/_jsx(Chart, {
+        "aria-label": "Pie chart",
         children: /*#__PURE__*/_jsxs(Pie, {
           isAnimationActive: false,
           data: data,
@@ -65,9 +68,11 @@ const PieChart = ({
             valueAccessor: () => {}
             // @ts-ignore
             ,
-            content: renderTextContent(activeItemValue, calculateTitle)
+            content: renderTextContent(customMiddleValue || activeItemValue, calculateTitle)
           }), data.map((entry, index) => /*#__PURE__*/_jsx(Cell, {
-            fill: hoverIndex === index || activeIndex === index ? entry.color : alpha(entry.color || '#000000', 70)
+            fill: hoverIndex === index || activeIndex === index ? entry.color : alpha(entry.color || '#000000', 70),
+            role: "presentation",
+            "aria-label": `${entry.title}: ${entry.value}`
           }, `cell-${index}`))]
         })
       })

package/lib/core/PieChart/renderTextContent/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 /** Renders central text in the pie chart*/
-declare const renderTextContent: (num: number, title?: string | undefined) => (props: any) => React.JSX.Element;
+declare const renderTextContent: (num: number, title?: string) => (props: any) => React.JSX.Element;
 export default renderTextContent;
 //# sourceMappingURL=index.d.ts.map

package/lib/core/PieChart/renderTextContent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/PieChart/renderTextContent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,2CAA2C;AAC3C,QAAA,MAAM,iBAAiB,QAAS,MAAM,yCAA6B,GAAG,sBAkCrE,CAAA;AAED,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/PieChart/renderTextContent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,2CAA2C;AAC3C,QAAA,MAAM,iBAAiB,QAAS,MAAM,UAAU,MAAM,aAAa,GAAG,sBAyCrE,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/lib/core/PieChart/renderTextContent/index.js

@@ -2,8 +2,7 @@ import React from 'react';
 import { TextContent } from '../styles';
 
 /** Renders central text in the pie chart*/
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const renderTextContent = (num, title) => props => {
   const {
     cx,
@@ -16,6 +15,8 @@ const renderTextContent = (num, title) => props => {
       y: cy,
       textAnchor: "middle",
       fill: fill,
+      role: "text",
+      "aria-label": `${title ? title : ''} ${num}`,
       children: [/*#__PURE__*/_jsx("tspan", {
         pointerEvents: "none",
         x: cx,

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

@@ -1,15 +1,14 @@
-/// <reference types="react" />
 interface IPieChartStyleProps {
     width?: string;
     height?: string;
 }
 export declare const TextContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").SVGProps<SVGGElement>, {}>;
 export declare const PieChartWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & IPieChartStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};
 //# sourceMappingURL=styles.d.ts.map

package/lib/core/PieChart/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/PieChart/styles.ts"],"names":[],"mappings":";AAGA,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,WAAW;;;6CAEvB,CAAA;AAED,eAAO,MAAM,eAAe;;;+HAK3B,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/PieChart/styles.ts"],"names":[],"mappings":"AAGA,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,WAAW;;eAUsO,WAAW;6CARxQ,CAAA;AAED,eAAO,MAAM,eAAe;;eAMkO,WAAW;+HADxQ,CAAA"}