@bbl-digital/snorre 4.1.0-beta.2 → 4.1.1

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

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import Link from '.';
 declare const meta: Meta<typeof Link>;
 export default meta;
-declare type Story = StoryObj<typeof Link>;
+type Story = StoryObj<typeof Link>;
 export declare const Default: Story;
 export declare const ButtonLink: Story;
 export declare const NoStyle: Story;

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

@@ -1 +1 @@
-{"version":3,"file":"Link.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Link/Link.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,IAAI,MAAM,GAAG,CAAA;AAEpB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAGnB,CAAA;AAET,eAAe,IAAI,CAAA;AAEnB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAA"}
+{"version":3,"file":"Link.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Link/Link.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,IAAI,MAAM,GAAG,CAAA;AAEpB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAGnB,CAAA;AAET,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAA"}

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

@@ -1,7 +1,7 @@
 /** @jsxImportSource @emotion/react */
 import React from 'react';
 import { Props as ButtonOrLinkProps } from '../private/ButtonOrLink';
-declare type IProps = ButtonOrLinkProps & {
+type IProps = ButtonOrLinkProps & {
     /** Prop for external link, adds icon to link */
     external?: boolean;
     /** Link target */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Link/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAqB,EACnB,KAAK,IAAI,iBAAiB,EAC3B,MAAM,yBAAyB,CAAA;AAgBhC,aAAK,MAAM,GAAG,iBAAiB,GAAG;IAChC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kBAAkB;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gCAAgC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA4C1B,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Link/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAqB,EACnB,KAAK,IAAI,iBAAiB,EAC3B,MAAM,yBAAyB,CAAA;AAgBhC,KAAK,MAAM,GAAG,iBAAiB,GAAG;IAChC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kBAAkB;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gCAAgC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA4C1B,CAAA;AAED,eAAe,IAAI,CAAA"}

package/lib/core/Link/index.js

@@ -4,8 +4,7 @@ import ButtonOrLink from '../private/ButtonOrLink';
 import IconExternalLink from '../../icons/General/IconExternalLink';
 import { IconLinkWrapper, NoStyle, LinkStyle, dangerStyles, noPadding, setAlign, smallText, underlineNone, setWordBreak, setDisabled } from './styles';
 import { VisuallyHidden } from 'react-aria';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const Link = props => {
   const {
     disabled,

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

@@ -1,16 +1,15 @@
-/// <reference types="react" />
 import { IAppTheme } from '../../app-shell/theme';
 export declare const IconLinkWrapper: 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 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;
+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;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Link/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,eAAO,MAAM,eAAe;;;2GAG3B,CAAA;AAED,eAAO,MAAM,OAAO,2CAQnB,CAAA;AAED,eAAO,MAAM,SAAS,2CAsBrB,CAAA;AAED,eAAO,MAAM,YAAY,UAAW,SAAS,8CAE5C,CAAA;AAED,eAAO,MAAM,SAAS,2CAErB,CAAA;AAED,eAAO,MAAM,QAAQ,UAAW,MAAM,8CAErC,CAAA;AAED,eAAO,MAAM,SAAS,2CAErB,CAAA;AAED,eAAO,MAAM,aAAa,2CAOzB,CAAA;AAED,eAAO,MAAM,YAAY,UAAW,MAAM,8CAEzC,CAAA;AAED,eAAO,MAAM,WAAW,UAAW,SAAS,8CAG3C,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Link/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,eAAO,MAAM,eAAe;;eAyBtB,WAAW;2GAtBhB,CAAA;AAED,eAAO,MAAM,OAAO,2CAQnB,CAAA;AAED,eAAO,MAAM,SAAS,2CAsBrB,CAAA;AAED,eAAO,MAAM,YAAY,UAAW,SAAS,8CAE5C,CAAA;AAED,eAAO,MAAM,SAAS,2CAErB,CAAA;AAED,eAAO,MAAM,QAAQ,UAAW,MAAM,8CAErC,CAAA;AAED,eAAO,MAAM,SAAS,2CAErB,CAAA;AAED,eAAO,MAAM,aAAa,2CAOzB,CAAA;AAED,eAAO,MAAM,YAAY,UAAW,MAAM,8CAEzC,CAAA;AAED,eAAO,MAAM,WAAW,UAAW,SAAS,8CAG3C,CAAA"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-interface IProps {
+interface IProps extends React.HTMLAttributes<HTMLLIElement> {
     children?: React.ReactNode;
 }
 declare const ListItem: React.FC<IProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../src/packages/core/List/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,MAAM;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAE7B,CAAA;AAEF,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../src/packages/core/List/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,MAAO,SAAQ,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAG7B,CAAA;AAEF,eAAe,QAAQ,CAAA"}

package/lib/core/List/Item.js

@@ -6,12 +6,12 @@ const ListItem = /*#__PURE__*/_styled("li", process.env.NODE_ENV === "production
   target: "e8hjcxt0",
   label: "ListItem"
 })(process.env.NODE_ENV === "production" ? {
-  name: "1hcx8jb",
-  styles: "padding:0"
+  name: "n1lsvi",
+  styles: "padding:0;list-style:none"
 } : {
-  name: "1hcx8jb",
-  styles: "padding:0",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3QvSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT21DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3QvSXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuaW50ZXJmYWNlIElQcm9wcyB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IExpc3RJdGVtOiBSZWFjdC5GQzxJUHJvcHM+ID0gc3R5bGVkLmxpKHtcbiAgcGFkZGluZzogMCxcbn0pXG5cbmV4cG9ydCBkZWZhdWx0IExpc3RJdGVtXG4iXX0= */",
+  name: "n1lsvi",
+  styles: "padding:0;list-style:none",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3QvSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT21DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3QvSXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuaW50ZXJmYWNlIElQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxMSUVsZW1lbnQ+IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgTGlzdEl0ZW06IFJlYWN0LkZDPElQcm9wcz4gPSBzdHlsZWQubGkoe1xuICBwYWRkaW5nOiAwLFxuICBsaXN0U3R5bGU6ICdub25lJyxcbn0pXG5cbmV4cG9ydCBkZWZhdWx0IExpc3RJdGVtXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export default ListItem;

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

@@ -2,7 +2,7 @@ import List from '.';
 import { Meta, StoryObj } from '@storybook/react';
 declare const meta: Meta<typeof List>;
 export default meta;
-declare type Story = StoryObj<typeof List>;
+type Story = StoryObj<typeof List>;
 export declare const Default: Story;
 export declare const ListWithLinks: Story;
 export declare const AlternativeListWithLinks: Story;

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

@@ -1 +1 @@
-{"version":3,"file":"List.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/List/List.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,GAAG,CAAA;AAIpB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAG3B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KA0B3B,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KA2BtC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAY1B,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAarC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAazB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAmBzB,CAAA"}
+{"version":3,"file":"List.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/List/List.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,GAAG,CAAA;AAIpB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAG3B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KA0B3B,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KA2BtC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAY1B,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAarC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAazB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAmBzB,CAAA"}

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

@@ -2,9 +2,7 @@ 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";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const meta = {
   title: 'Core/List',
   component: List

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

@@ -2,7 +2,7 @@
 import React from 'react';
 import Item from './Item';
 export { Item };
-declare type ListType = React.HTMLAttributes<HTMLUListElement | HTMLOListElement>;
+type ListType = React.HTMLAttributes<HTMLUListElement | HTMLOListElement>;
 interface IProps extends ListType {
     /** Ordered list */
     ordered?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/List/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,QAAQ,CAAA;AAGzB,OAAO,EAAE,IAAI,EAAE,CAAA;AAEf,aAAK,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,GAAG,gBAAgB,CAAC,CAAA;AAEzE,UAAU,MAAO,SAAQ,QAAQ;IAC/B,mBAAmB;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,uBAAuB;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,6CAA6C;IAC7C,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C;AAED,QAAA,MAAM,IAAI,4EAqCT,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/List/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,QAAQ,CAAA;AAGzB,OAAO,EAAE,IAAI,EAAE,CAAA;AAEf,KAAK,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,GAAG,gBAAgB,CAAC,CAAA;AAEzE,UAAU,MAAO,SAAQ,QAAQ;IAC/B,mBAAmB;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,uBAAuB;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,6CAA6C;IAC7C,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C;AAED,QAAA,MAAM,IAAI,4EAyCT,CAAA;AAED,eAAe,IAAI,CAAA"}

package/lib/core/List/index.js

@@ -11,7 +11,7 @@ const List = /*#__PURE__*/React.forwardRef(({
   ...props
 }, ref) => {
   const Tag = props.ordered || props.numbers || props.numbersHighlighted ? 'ol' : 'ul';
-  const role = props.selectList ? 'listbox' : 'list';
+  const role = props?.role ? props.role : props.selectList ? 'listbox' : 'list';
   return _jsx(Tag, {
     role: role,
     css: theme => [styles.default(theme), props.ordered && styles.ordered, props.links && styles.links(theme), props.points && styles.points(theme), props.numbers && styles.numbers, props.numbersHighlighted && styles.numbersHighlighted(theme), props.selectList && styles.selectList(theme), props.nostyle && styles.nostyle, props.rowHeight && styles.rowHeight(props.rowHeight), props.minRowHeight && styles.minRowHeight(props.minRowHeight), darkTheme && styles.darkTheme(theme), padding && styles.setPadding(padding), linksAlternate && styles.linksAlternate(theme)],

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/utils").SerializedStyles;
-    points: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    links: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    linksAlternate: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    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;
     ordered: {};
     numbers: {
         listStyle: string;
@@ -22,13 +22,13 @@ declare const styles: {
             marginRight: string;
         };
     };
-    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;
+    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;
 };
 export default styles;
 export { styles };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ListPager.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ListPager/ListPager.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,SAAS,MAAM,GAAG,CAAA;AAEzB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAGhC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAEvC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA"}
+{"version":3,"file":"ListPager.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ListPager/ListPager.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,SAAS,MAAM,GAAG,CAAA;AAEzB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAGhC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAEvC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA"}

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

@@ -10,8 +10,6 @@ interface IProps {
     onLastClick?: (page: number) => void;
     /** CB on page number click */
     onPageClick?: (page: number) => void;
-    /** Sets the wrapper tag. Should be tfoot when used with a table. Default is div.  */
-    as?: 'div' | 'tfoot';
 }
 declare const ListPager: React.FC<IProps>;
 export default ListPager;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ListPager/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,UAAU,MAAM;IACd,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wBAAwB;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,uBAAuB;IACvB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,8BAA8B;IAC9B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,qFAAqF;IACrF,EAAE,CAAC,EAAE,KAAK,GAAG,OAAO,CAAA;CACrB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA4D/B,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ListPager/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,UAAU,MAAM;IACd,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wBAAwB;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,uBAAuB;IACvB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,8BAA8B;IAC9B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACrC;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAmD/B,CAAA;AAED,eAAe,SAAS,CAAA"}

package/lib/core/ListPager/index.js

@@ -1,36 +1,17 @@
-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 React from 'react';
 import { useTheme } from '@emotion/react';
-import { DotWrapper, PageStyle } from './styles';
+import { DotWrapper, PageStyle, Wrapper } from './styles';
 import { getHasPreviousPages, getHasMorePages, getFirstButtonIndex } from '../../utils/pagination';
 import Button from '../Button';
-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 ListPager = ({
   totalPageCount,
   currentPage,
   onFirstClick,
   onLastClick,
-  onPageClick,
-  as = 'div'
+  onPageClick
 }) => {
   const theme = useTheme();
-  const Tag = as;
-  const Wrapper = /*#__PURE__*/_styled(Tag, process.env.NODE_ENV === "production" ? {
-    target: "e1xwlxp30"
-  } : {
-    target: "e1xwlxp30",
-    label: "Wrapper"
-  })(process.env.NODE_ENV === "production" ? {
-    name: "1o2oc08",
-    styles: "display:grid;grid-column-gap:1em;grid-auto-flow:column;width:min-content"
-  } : {
-    name: "1o2oc08",
-    styles: "display:grid;grid-column-gap:1em;grid-auto-flow:column;width:min-content",
-    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUM2QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9MaXN0UGFnZXIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IERvdFdyYXBwZXIsIFBhZ2VTdHlsZSB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHtcbiAgZ2V0SGFzUHJldmlvdXNQYWdlcyxcbiAgZ2V0SGFzTW9yZVBhZ2VzLFxuICBnZXRGaXJzdEJ1dHRvbkluZGV4LFxufSBmcm9tICcuLi8uLi91dGlscy9wYWdpbmF0aW9uJ1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi9CdXR0b24nXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuaW50ZXJmYWNlIElQcm9wcyB7XG4gIC8qKiBBbW91bnQgb2YgcGFnZXMgKi9cbiAgdG90YWxQYWdlQ291bnQ/OiBudW1iZXJcbiAgLyoqIEN1cnJlbnQgcGFnZSBudW1iZXIgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqIENCIG9uIGZpcnN0IGNsaWNrICovXG4gIG9uRmlyc3RDbGljaz86ICgpID0+IHZvaWRcbiAgLyoqIENCIG9uIGxhc3QgY2xpY2sgKi9cbiAgb25MYXN0Q2xpY2s/OiAocGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIC8qKiBDQiBvbiBwYWdlIG51bWJlciBjbGljayAqL1xuICBvblBhZ2VDbGljaz86IChwYWdlOiBudW1iZXIpID0+IHZvaWRcbiAgLyoqIFNldHMgdGhlIHdyYXBwZXIgdGFnLiBTaG91bGQgYmUgdGZvb3Qgd2hlbiB1c2VkIHdpdGggYSB0YWJsZS4gRGVmYXVsdCBpcyBkaXYuICAqL1xuICBhcz86ICdkaXYnIHwgJ3Rmb290J1xufVxuXG5jb25zdCBMaXN0UGFnZXI6IFJlYWN0LkZDPElQcm9wcz4gPSAoe1xuICB0b3RhbFBhZ2VDb3VudCxcbiAgY3VycmVudFBhZ2UsXG4gIG9uRmlyc3RDbGljayxcbiAgb25MYXN0Q2xpY2ssXG4gIG9uUGFnZUNsaWNrLFxuICBhcyA9ICdkaXYnLFxufSkgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcbiAgY29uc3QgVGFnID0gYXNcblxuICBjb25zdCBXcmFwcGVyID0gc3R5bGVkKFRhZylgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcbiAgICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICAgIHdpZHRoOiBtaW4tY29udGVudDtcbiAgYFxuICBpZiAoISh0b3RhbFBhZ2VDb3VudCAmJiB0b3RhbFBhZ2VDb3VudCA+IDAgJiYgY3VycmVudFBhZ2UpKSB7XG4gICAgcmV0dXJuIG51bGxcbiAgfVxuXG4gIGNvbnN0IHRvdGFsQnV0dG9ucyA9IHRvdGFsUGFnZUNvdW50ID4gNSA/IDUgOiB0b3RhbFBhZ2VDb3VudFxuICBjb25zdCBoYXNQcmV2aW91c1BhZ2VzID0gZ2V0SGFzUHJldmlvdXNQYWdlcyhjdXJyZW50UGFnZSwgdG90YWxQYWdlQ291bnQpXG4gIGNvbnN0IGhhc01vcmVQYWdlcyA9IGdldEhhc01vcmVQYWdlcyhjdXJyZW50UGFnZSwgdG90YWxQYWdlQ291bnQpXG4gIGNvbnN0IGZpcnN0QnV0dG9uSW5kZXggPSBnZXRGaXJzdEJ1dHRvbkluZGV4KGN1cnJlbnRQYWdlLCB0b3RhbFBhZ2VDb3VudClcblxuICBjb25zdCBEb3RzID0gPERvdFdyYXBwZXIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+Li4uPC9Eb3RXcmFwcGVyPlxuXG4gIGxldCBwYWdlczogYW55ID0gW11cbiAgZm9yIChsZXQgaSA9IGZpcnN0QnV0dG9uSW5kZXg7IGkgPCBmaXJzdEJ1dHRvbkluZGV4ICsgdG90YWxCdXR0b25zOyBpKyspIHtcbiAgICBwYWdlcy5wdXNoKFxuICAgICAgPEJ1dHRvblxuICAgICAgICBrZXk9e2l9XG4gICAgICAgIG5vc3R5bGVcbiAgICAgICAgb25DbGljaz17KCkgPT4gb25QYWdlQ2xpY2sgJiYgb25QYWdlQ2xpY2soaSArIDEpfVxuICAgICAgICBjc3M9e1BhZ2VTdHlsZShjdXJyZW50UGFnZSA9PT0gaSArIDEsIHRoZW1lLnByaW1hcnkpfVxuICAgICAgPlxuICAgICAgICB7aSArIDF9XG4gICAgICA8L0J1dHRvbj5cbiAgICApXG4gIH1cbiAgcmV0dXJuIChcbiAgICA8V3JhcHBlciBhcmlhLWxhYmVsPVwiTmF2aWdhdGlvblwiPlxuICAgICAgPEJ1dHRvbiBub3N0eWxlIG9uQ2xpY2s9e29uRmlyc3RDbGlja30gYXJpYS1sYWJlbD1cIkfDpSB0aWwgZsO4cnN0ZSBzaWRlXCI+XG4gICAgICAgIEbDuHJzdGVcbiAgICAgIDwvQnV0dG9uPlxuICAgICAge2hhc1ByZXZpb3VzUGFnZXMgJiYgRG90c31cbiAgICAgIHtwYWdlc31cbiAgICAgIHtoYXNNb3JlUGFnZXMgJiYgRG90c31cbiAgICAgIDxCdXR0b25cbiAgICAgICAgYXJpYS1sYWJlbD1cIkfDpSB0aWwgc2lzdGUgc2lkZVwiXG4gICAgICAgIG5vc3R5bGVcbiAgICAgICAgb25DbGljaz17KCkgPT5cbiAgICAgICAgICBvbkxhc3RDbGljayAmJiB0b3RhbFBhZ2VDb3VudCAmJiBvbkxhc3RDbGljayh0b3RhbFBhZ2VDb3VudClcbiAgICAgICAgfVxuICAgICAgPlxuICAgICAgICBTaXN0ZVxuICAgICAgPC9CdXR0b24+XG4gICAgPC9XcmFwcGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IExpc3RQYWdlclxuIl19 */",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  });
   if (!(totalPageCount && totalPageCount > 0 && currentPage)) {
     return null;
   }

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

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-export declare const PageStyle: (active: boolean, primary: string) => import("@emotion/utils").SerializedStyles;
+export declare const PageStyle: (active: boolean, primary: string) => import("@emotion/react").SerializedStyles;
 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;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 export declare const DotWrapper: 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>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ListPager/styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,SAAS,WAAY,OAAO,WAAW,MAAM,8CAOzD,CAAA;AACD,eAAO,MAAM,OAAO;;;mGAKnB,CAAA;AAED,eAAO,MAAM,UAAU;;;2GAGtB,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ListPager/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,WAAY,OAAO,WAAW,MAAM,8CAOzD,CAAA;AACD,eAAO,MAAM,OAAO;;eAW6H,WAAW;mGAN3J,CAAA;AAED,eAAO,MAAM,UAAU;;eAI0H,WAAW;2GAD3J,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"MediaCarousel.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/MediaCarousel/MediaCarousel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,GAAG,CAAA;AAC7B,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAGpC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAA;AAE3C,eAAO,MAAM,iBAAiB,EAAE,KAc/B,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,KAkBzC,CAAA"}
+{"version":3,"file":"MediaCarousel.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/MediaCarousel/MediaCarousel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,GAAG,CAAA;AAC7B,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAGpC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAA;AAE3C,eAAO,MAAM,iBAAiB,EAAE,KAc/B,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,KAkBzC,CAAA"}

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

@@ -1,11 +1,11 @@
 import React from 'react';
-declare type CarouselMedia = {
+type CarouselMedia = {
     /** Media source */
     src: string;
     /** Media type is highly recommended. If no media type is specified, we assume it is an image. */
     mimeType?: string;
 };
-declare type Props = {
+type Props = {
     /** The media */
     media: CarouselMedia[];
     /** Sets autoplay for media that is playable */
@@ -20,8 +20,10 @@ declare type Props = {
     radius?: string;
     /** The object fit of the image */
     objectFit?: 'fill' | 'contain' | 'cover' | 'non' | 'scale-down' | 'initial' | 'inherit';
+    /** Alt text for the image */
+    altText?: string;
 };
-declare const MediaCarousel: ({ media, autoPlay, objectFit, height, className, radius, withShadow, }: Props) => React.JSX.Element;
+declare const MediaCarousel: ({ media, autoPlay, objectFit, height, className, radius, withShadow, altText, }: Props) => React.JSX.Element;
 export type { CarouselMedia };
 export default MediaCarousel;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/MediaCarousel/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,aAAK,aAAa,GAAG;IACnB,mBAAmB;IACnB,GAAG,EAAE,MAAM,CAAA;IACX,iGAAiG;IACjG,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,aAAK,KAAK,GAAG;IACX,gBAAgB;IAChB,KAAK,EAAE,aAAa,EAAE,CAAA;IACtB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kCAAkC;IAClC,SAAS,CAAC,EACN,MAAM,GACN,SAAS,GACT,OAAO,GACP,KAAK,GACL,YAAY,GACZ,SAAS,GACT,SAAS,CAAA;CACd,CAAA;AAED,QAAA,MAAM,aAAa,2EAQhB,KAAK,sBAkEP,CAAA;AACD,YAAY,EAAE,aAAa,EAAE,CAAA;AAC7B,eAAe,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/MediaCarousel/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,KAAK,aAAa,GAAG;IACnB,mBAAmB;IACnB,GAAG,EAAE,MAAM,CAAA;IACX,iGAAiG;IACjG,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,KAAK,KAAK,GAAG;IACX,gBAAgB;IAChB,KAAK,EAAE,aAAa,EAAE,CAAA;IACtB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kCAAkC;IAClC,SAAS,CAAC,EACN,MAAM,GACN,SAAS,GACT,OAAO,GACP,KAAK,GACL,YAAY,GACZ,SAAS,GACT,SAAS,CAAA;IACb,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,QAAA,MAAM,aAAa,oFAShB,KAAK,sBA2EP,CAAA;AACD,YAAY,EAAE,aAAa,EAAE,CAAA;AAC7B,eAAe,aAAa,CAAA"}

package/lib/core/MediaCarousel/index.js

@@ -6,8 +6,7 @@ import Carousel from 'nuka-carousel';
 import React from 'react';
 import Text from '../Text';
 import IconChevronLeft from '../../icons/General/IconChevronLeft';
-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 MediaCarousel = ({
   media,
   autoPlay = false,
@@ -15,7 +14,8 @@ const MediaCarousel = ({
   height = '100%',
   className,
   radius,
-  withShadow
+  withShadow,
+  altText = 'Karusellbilde'
 }) => {
   const theme = useTheme();
   const hasMultipleImages = Boolean(media?.length > 1);
@@ -31,7 +31,7 @@ const MediaCarousel = ({
         intersectionObserver: true
       }) : /*#__PURE__*/_jsx(Image, {
         src: mediaItem.src,
-        alt: "produktbilde",
+        alt: altText,
         objectFit: objectFit
       })
     });
@@ -42,6 +42,7 @@ const MediaCarousel = ({
     className: className,
     radius: radius,
     withShadow: withShadow,
+    "aria-label": "Mediakarusell",
     children: /*#__PURE__*/_jsx(Carousel, {
       enableKeyboardControls: true,
       swiping: hasMultipleImages,
@@ -53,6 +54,7 @@ const MediaCarousel = ({
       }) => hasMultipleImages && /*#__PURE__*/_jsx(ControlButton, {
         onClick: nextSlide,
         direction: "right",
+        "aria-label": "Neste bilde",
         children: /*#__PURE__*/_jsx(IconChevronLeft, {
           size: 18,
           color: theme.btnDefaultFontColor,
@@ -64,6 +66,7 @@ const MediaCarousel = ({
       }) => hasMultipleImages && /*#__PURE__*/_jsx(ControlButton, {
         onClick: previousSlide,
         direction: "left",
+        "aria-label": "Forrige bilde",
         children: /*#__PURE__*/_jsx(IconChevronLeft, {
           size: 18,
           color: theme.btnDefaultFontColor

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

@@ -1,27 +1,26 @@
-/// <reference types="react" />
 import { Theme } from '@emotion/react';
 export declare const CarouselWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: Theme;
+    as?: React.ElementType;
 } & {
     height: string;
     theme: Theme;
-    radius?: string | undefined;
-    withShadow?: boolean | undefined;
+    radius?: string;
+    withShadow?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ControlButton: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: Theme;
+    as?: React.ElementType;
 } & {
-    direction: 'left' | 'right';
+    direction: "left" | "right";
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 export declare const BottomCarouselWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ImageWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: Theme;
+    as?: React.ElementType;
 } & {
     height: string;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/MediaCarousel/styles.ts"],"names":[],"mappings":";AAAA,OAAO,EAAO,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAK3C,eAAO,MAAM,eAAe;;;;YAOhB,MAAM;WACP,KAAK;;;yGAqBf,CAAA;AAED,eAAO,MAAM,aAAa;;;;eACK,MAAM,GAAG,OAAO;qHAc9C,CAAA;AAED,eAAO,MAAM,qBAAqB;;;yGAMjC,CAAA;AAED,eAAO,MAAM,YAAY;;;;YACA,MAAM;yGAgB9B,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/MediaCarousel/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAK3C,eAAO,MAAM,eAAe;;eA0BP,WAElB;;YArBS,MAAM;WACP,KAAK;aACH,MAAM;iBACF,OAAO;yGAmBvB,CAAA;AAED,eAAO,MAAM,aAAa;;eALL,WAElB;;eAI4B,MAAM,GAAG,OAAO;qHAc9C,CAAA;AAED,eAAO,MAAM,qBAAqB;;eAtBb,WAElB;yGA0BF,CAAA;AAED,eAAO,MAAM,YAAY;;eA9BJ,WAElB;;YA6BsB,MAAM;yGAgB9B,CAAA"}

package/lib/core/Modal/ActionButtons/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type Props = {
+type Props = {
     children: React.ReactNode | React.ReactNode[];
     /** Adds "justify-content: space-between" @default true */
     spaceBetween?: boolean;

package/lib/core/Modal/ActionButtons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/Modal/ActionButtons/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,aAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7C,0DAA0D;IAC1D,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAWD,QAAA,MAAM,aAAa,0CAAkD,KAAK,sBAIzE,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/Modal/ActionButtons/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7C,0DAA0D;IAC1D,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAWD,QAAA,MAAM,aAAa,0CAAkD,KAAK,sBAIzE,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -2,7 +2,7 @@ import Modal from '.';
 import { Meta, StoryObj } from '@storybook/react';
 declare const meta: Meta<typeof Modal>;
 export default meta;
-declare type Story = StoryObj<typeof Modal>;
+type Story = StoryObj<typeof Modal>;
 export declare const Default: Story;
 export declare const Collapse: Story;
 export declare const Dynamic: Story;

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Modal/Modal.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,GAAG,CAAA;AACrB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAGjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAGpB,CAAA;AACT,eAAe,IAAI,CAAA;AAEnB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAEnC,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAsIxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAA"}
+{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Modal/Modal.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,GAAG,CAAA;AACrB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAGjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAGpB,CAAA;AACT,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAEnC,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAsIxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAA"}

package/lib/core/Modal/Modal.stories.js

@@ -3,8 +3,7 @@ import Text from '../Text';
 import Button from '../Button';
 import Modal from '.';
 import { Fragment } from 'react';
-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 meta = {
   title: 'Core/Modal',
   component: Modal

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

@@ -36,15 +36,17 @@ interface IProps extends React.HTMLAttributes<HTMLDialogElement> {
     onClose?: () => void;
     /** Renders collapse button with callback */
     onCollapse?: () => void;
+    /** Optional callback fired when fullscreen is toggled  */
+    onFullscreenToggle?: (isFullscreen: boolean) => void;
     /** Children */
     children?: React.ReactNode | React.ReactNode[];
 }
-declare function Modal({ open, header, actionButton, width, children, disableOutsideClick, hideCloseButton, disableScroll, targetRefs, disableScrollableContent, headerCss, contentCss, disableLocalClose, toggleFullscreen, defaultFullscreen, disableFocusTrap, onClose, onCollapse, ...restProps }: IProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Modal({ open, header, actionButton, width, children, disableOutsideClick, hideCloseButton, disableScroll, targetRefs, disableScrollableContent, headerCss, contentCss, disableLocalClose, toggleFullscreen, defaultFullscreen, disableFocusTrap, onClose, onCollapse, onFullscreenToggle, ...restProps }: IProps): import("@emotion/react/jsx-runtime").JSX.Element;
 declare namespace Modal {
     var Actions: ({ children, className, spaceBetween }: {
         children: React.ReactNode | React.ReactNode[];
-        spaceBetween?: boolean | undefined;
-        className?: string | undefined;
+        spaceBetween?: boolean;
+        className?: string;
     }) => React.JSX.Element;
 }
 export default Modal;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Modal/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAsD,MAAM,OAAO,CAAA;AAkB1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAKjD,UAAU,MAAO,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAC9D,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,sCAAsC;IACtC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,+FAA+F;IAC/F,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,kCAAkC;IAClC,UAAU,CAAC,EAAE,GAAG,EAAE,CAAA;IAClB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,8HAA8H;IAC9H,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,2BAA2B;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAA;IAC7B,0BAA0B;IAC1B,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,0BAA0B;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C;AAED,iBAAS,KAAK,CAAC,EACb,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,KAAe,EACf,QAAQ,EACR,mBAA0B,EAC1B,eAAe,EACf,aAAoB,EACpB,UAAU,EACV,wBAAwB,EACxB,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,GAAG,SAAS,EACb,EAAE,MAAM,oDA4KR;kBAhMQ,KAAK;;;;;;;AAoMd,eAAe,KAAK,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Modal/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAsD,MAAM,OAAO,CAAA;AAkB1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAKjD,UAAU,MAAO,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAC9D,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,sCAAsC;IACtC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,+FAA+F;IAC/F,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,kCAAkC;IAClC,UAAU,CAAC,EAAE,GAAG,EAAE,CAAA;IAClB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,8HAA8H;IAC9H,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,2BAA2B;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAA;IAC7B,0BAA0B;IAC1B,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,0BAA0B;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,KAAK,IAAI,CAAA;IACpD,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C;AAED,iBAAS,KAAK,CAAC,EACb,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,KAAe,EACf,QAAQ,EACR,mBAA0B,EAC1B,eAAe,EACf,aAAoB,EACpB,UAAU,EACV,wBAAwB,EACxB,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,kBAAkB,EAClB,GAAG,SAAS,EACb,EAAE,MAAM,oDAkLR;kBAvMQ,KAAK;;;;;;;AA2Md,eAAe,KAAK,CAAA"}

package/lib/core/Modal/index.js

@@ -8,8 +8,7 @@ import { Button, IconFullscreenClose } from '../..';
 import IconMinus from '../../icons/General/IconMinus';
 import IconFullscreenOpen from '../../icons/General/IconFullscreenOpen';
 import ActionButtons from './ActionButtons';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 function Modal({
   open,
   header,
@@ -29,6 +28,7 @@ function Modal({
   disableFocusTrap,
   onClose,
   onCollapse,
+  onFullscreenToggle,
   ...restProps
 }) {
   const modalRef = /*#__PURE__*/createRef();
@@ -44,6 +44,11 @@ function Modal({
       onClose();
     }
   };
+  const handleToggleFullscreen = () => {
+    const newValue = !isFullscreen;
+    setIsFullscreen(newValue);
+    onFullscreenToggle && onFullscreenToggle(newValue);
+  };
 
   // Capture escape
   const handleKeyDown = useCallback(event => {
@@ -111,7 +116,7 @@ function Modal({
             children: _jsx(IconMinus, {})
           }), toggleFullscreen && _jsx(Button, {
             nostyle: true,
-            onClick: () => setIsFullscreen(!isFullscreen),
+            onClick: handleToggleFullscreen,
             focusable: true,
             "aria-label": isFullscreen ? 'Lukk fullskjerm' : 'Fullskjerm',
             title: isFullscreen ? 'Lukk fullskjerm' : 'Fullskjerm',