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

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

@@ -1,47 +1,46 @@
-/// <reference types="react" />
 import { IAppTheme } from '../../app-shell/theme';
 export declare const CollapseButton: 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" | "submit" | "reset" | 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;
 }, {}, {}>;
 export declare const styles: {
-    default: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    default: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
 };
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/CollapseList/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGjD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAM1B,CAAA;AAED,eAAO,MAAM,MAAM;qBACA,SAAS;CAyB3B,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/CollapseList/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGjD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAM1B,CAAA;AAED,eAAO,MAAM,MAAM;qBACA,SAAS;CAyB3B,CAAA"}

package/lib/core/CommentsTimeline/CommentLine/index.js

@@ -3,8 +3,7 @@ import { DateWrapper, IconWrapper, TextWrapper, Wrapper } from './styles';
 import { useTheme } from '@emotion/react';
 import Text from '../../Text';
 import { Header, useIsMobile } from '../../..';
-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 CommentLine = ({
   date = '',
   time = '',

package/lib/core/CommentsTimeline/CommentLine/styles.d.ts

@@ -1,15 +1,14 @@
-/// <reference types="react" />
 export declare const Wrapper: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DateWrapper: 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 IconWrapper: 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 TextWrapper: 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/CommentsTimeline/CommentLine/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/CommentsTimeline/CommentLine/styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,OAAO,uJAyBnB,CAAA;AAED,eAAO,MAAM,WAAW;;;yGAIvB,CAAA;AACD,eAAO,MAAM,WAAW;;;yGAevB,CAAA;AAED,eAAO,MAAM,WAAW;;;yGAWvB,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/CommentsTimeline/CommentLine/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO,uJAyBnB,CAAA;AAED,eAAO,MAAM,WAAW;;eARf,WAAW;yGAYnB,CAAA;AACD,eAAO,MAAM,WAAW;;eAbf,WAAW;yGA4BnB,CAAA;AAED,eAAO,MAAM,WAAW;;eA9Bf,WAAW;yGAyCnB,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CommentsTimeline.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/CommentsTimeline/CommentsTimeline.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,MAAM,GAAG,CAAA;AAIzC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,yBAAyB,CAGhD,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,yBAAyB,CAAC,CAAA;AAEvD,eAAO,MAAM,gBAAgB,EAAE,KA8C9B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAuB3B,CAAA"}
+{"version":3,"file":"CommentsTimeline.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/CommentsTimeline/CommentsTimeline.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,MAAM,GAAG,CAAA;AAIzC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,yBAAyB,CAGhD,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,yBAAyB,CAAC,CAAA;AAEvD,eAAO,MAAM,gBAAgB,EAAE,KA8C9B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAuB3B,CAAA"}

package/lib/core/CommentsTimeline/CommentsTimeline.stories.js

@@ -2,8 +2,7 @@ import CommentsTimelineComponent from '.';
 import CommentLine from './CommentLine';
 import IconComment from '../../icons/General/IconComment';
 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 meta = {
   title: 'Core/CommentsTimeline',
   component: CommentsTimelineComponent

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

@@ -1,6 +1,5 @@
-/// <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;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/CommentsTimeline/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,OAAO;;;yGAQnB,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/CommentsTimeline/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;eASka,WAAW;yGADhc,CAAA"}

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

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import CustomText from '.';
 declare const meta: Meta<typeof CustomText>;
 export default meta;
-declare type Story = StoryObj<typeof CustomText>;
+type Story = StoryObj<typeof CustomText>;
 export declare const Html: Story;
 export declare const Plain: Story;
 export declare const Loading: Story;

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

@@ -1 +1 @@
-{"version":3,"file":"CustomText.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/CustomText/CustomText.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,UAAU,MAAM,GAAG,CAAA;AAE1B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAGjC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAA"}
+{"version":3,"file":"CustomText.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/CustomText/CustomText.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,UAAU,MAAM,GAAG,CAAA;AAE1B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAGjC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAA"}

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

@@ -1,7 +1,6 @@
-/// <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;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const center: import("@emotion/utils").SerializedStyles;
+export declare const center: import("@emotion/react").SerializedStyles;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/CustomText/styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,OAAO;;;yGAInB,CAAA;AAED,eAAO,MAAM,MAAM,2CAElB,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/CustomText/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;;eASiX,WAAW;yGAL/Y,CAAA;AAED,eAAO,MAAM,MAAM,2CAElB,CAAA"}

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import Datepicker from '.';
 import { Meta, StoryObj } from '@storybook/react';
 declare const meta: Meta<typeof Datepicker>;
 export default meta;
-declare type Story = StoryObj<typeof Datepicker>;
+type Story = StoryObj<typeof Datepicker>;
 export declare const Default: Story;
 export declare const WithError: {
     render: () => import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"Datepicker.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Datepicker/Datepicker.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,GAAG,CAAA;AAC1B,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAGjC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,SAAS;;;CAWrB,CAAA;AAED,eAAO,MAAM,SAAS;;;CASrB,CAAA;AAED,eAAO,MAAM,WAAW;;;CAYvB,CAAA;AAED,eAAO,MAAM,QAAQ;;;CAWpB,CAAA;AAED,eAAO,MAAM,QAAQ;;;CAUpB,CAAA"}
+{"version":3,"file":"Datepicker.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Datepicker/Datepicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,GAAG,CAAA;AAC1B,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAGjC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,SAAS;;;CAWrB,CAAA;AAED,eAAO,MAAM,SAAS;;;CASrB,CAAA;AAED,eAAO,MAAM,WAAW;;;CAYvB,CAAA;AAED,eAAO,MAAM,QAAQ;;;CAWpB,CAAA;AAED,eAAO,MAAM,QAAQ;;;CAUpB,CAAA"}

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

@@ -1,11 +1,11 @@
 /** @jsxImportSource @emotion/react */
-import React from 'react';
-interface IProps {
+import React, { FormEventHandler } from 'react';
+interface IProps extends React.HTMLAttributes<HTMLInputElement> {
     /** Adds label to input */
     label?: string;
     /** Give the input a value */
     value?: Date;
-    /** Validation on input */
+    /** @deprecated handled by "invalidMessage" prop */
     validation?: boolean;
     /** Invalid message */
     invalidMessage?: string;
@@ -20,7 +20,7 @@ interface IProps {
     /** Adds title if disabled */
     disabledTitle?: string;
     /** On change callback, returns date */
-    onChange: (value: Date) => void;
+    onChange?: FormEventHandler<HTMLInputElement | HTMLTextAreaElement> & ((value: Date) => void);
     /** Callback fired on date picker hide. Only for input  */
     onBlur?: () => void;
     /** Renders picker without input */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Datepicker/index.tsx"],"names":[],"mappings":"AACA,sCAAsC;AACtC,OAAO,KAAsC,MAAM,OAAO,CAAA;AAY1D,UAAU,MAAM;IACd,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6BAA6B;IAC7B,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,oDAAoD;IACpD,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,2BAA2B;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,oDAAoD;IACpD,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,uCAAuC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAA;IAC/B,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAID,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAqMhC,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Datepicker/index.tsx"],"names":[],"mappings":"AACA,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,gBAAgB,EAA+B,MAAM,OAAO,CAAA;AAY5E,UAAU,MAAO,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC7D,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6BAA6B;IAC7B,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,oDAAoD;IACpD,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,2BAA2B;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,oDAAoD;IACpD,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,GACjE,CAAC,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC,CAAA;IACzB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAID,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAiNhC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/core/Datepicker/index.js

@@ -11,15 +11,12 @@ import { usePopper } from 'react-popper';
 import { format, isValid } from 'date-fns';
 import { useTheme } from '@emotion/react';
 import { Key } from '../../enums/Keyboard';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 const FORMAT = 'dd.MM.yyyy';
 const Datepicker = ({
   value,
   label,
   invalidMessage,
-  validation,
   maxDate,
   minDate,
   withYearMonthForm = true,
@@ -27,7 +24,8 @@ const Datepicker = ({
   disabledTitle,
   onChange,
   onBlur,
-  nonInput
+  nonInput,
+  ...restProps
 }) => {
   const currentYear = new Date().getFullYear();
   const toDate = maxDate ? new Date(maxDate) : new Date(currentYear, 11, 31);
@@ -42,6 +40,7 @@ const Datepicker = ({
   const [isOpen, setIsOpen] = useState(false);
   const [popperElement, setPopperElement] = useState(null);
   const [referenceElement, setReferenceElement] = useState(null);
+  const validation = Boolean(invalidMessage);
   useEffect(() => {
     // Detect parent input value changes
     const formatted = value ? format(value, FORMAT) : '';
@@ -67,7 +66,7 @@ const Datepicker = ({
   const emitChange = newDate => {
     newDate?.setHours(11, 0); // To avoid timezone issues
     setDate(newDate);
-    onChange(newDate);
+    onChange && onChange(newDate);
   };
   const handleClose = () => {
     setIsOpen(false);
@@ -105,6 +104,7 @@ const Datepicker = ({
   };
   const handleInputKeydown = e => setIsOpen(e.key !== Key.tab);
   const Picker = _jsx(DayPicker, {
+    "aria-label": "Datovelger",
     defaultMonth: date,
     selected: pickerValue,
     mode: "single",
@@ -124,6 +124,7 @@ const Datepicker = ({
   return _jsx(Wrapper, {
     css: theme => [styles.default(theme), validation && styles.validation, invalidMessage && styles.invalid(theme), nonInput && styles.nonInput(theme)],
     title: disabled ? disabledTitle : undefined,
+    "aria-disabled": disabled,
     children: nonInput ? Picker : _jsxs(_Fragment, {
       children: [_jsxs("label", {
         className: "input-wrapper",
@@ -140,10 +141,16 @@ const Datepicker = ({
           onBlur: () => handleInputChange(inputValue && pickerValue ? format(pickerValue, FORMAT) : '', true),
           disabled: disabled,
           readOnly: isMobile,
-          onKeyDown: handleInputKeydown
+          onKeyDown: handleInputKeydown,
+          "aria-invalid": !!invalidMessage,
+          "aria-describedby": invalidMessage ? 'error-desc' : undefined,
+          "aria-label": label ? label : 'Felt for å velge dato' // Added aria-label here
+          ,
+          ...restProps
         }), invalidMessage && _jsx(IconErrorOutline, {
           size: "16px"
         }), invalidMessage && _jsx(ErrorMessage, {
+          id: "error-desc",
           theme: theme,
           children: invalidMessage
         })]
@@ -153,6 +160,8 @@ const Datepicker = ({
         style: popper.styles.popper,
         ref: setPopperElement,
         role: "dialog",
+        "aria-modal": "true",
+        "aria-label": "Datovelger dialog",
         ...popper.attributes.popper,
         children: Picker
       })]

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

@@ -1,29 +1,28 @@
-/// <reference types="react" />
 import { IAppTheme } from '../../app-shell/theme';
 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<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Label: 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 ErrorMessage: 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 styles: {
-    default: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    validation: import("@emotion/utils").SerializedStyles;
-    invalid: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    nonInput: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    default: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    validation: import("@emotion/react").SerializedStyles;
+    invalid: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    nonInput: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
 };
 export declare const StyledSelect: 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").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {}>;
 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/Datepicker/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Datepicker/styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAIjD,eAAO,MAAM,OAAO;;;yGAAe,CAAA;AAEnC,eAAO,MAAM,KAAK;;;2GAAgB,CAAA;AAElC,eAAO,MAAM,YAAY;;;2GAOxB,CAAA;AAED,eAAO,MAAM,MAAM;qBACA,SAAS;;qBAqGT,SAAS;sBAuBR,SAAS;CAqC5B,CAAA;AAED,eAAO,MAAM,YAAY;;;qHAKxB,CAAA;AAED,eAAO,MAAM,GAAG;;;yGAAe,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Datepicker/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAIjD,eAAO,MAAM,OAAO;;eAqBZ,WAAW;yGArBgB,CAAA;AAEnC,eAAO,MAAM,KAAK;;eAmBV,WAAW;2GAnBe,CAAA;AAElC,eAAO,MAAM,YAAY;;eAiBjB,WAAW;2GATlB,CAAA;AAED,eAAO,MAAM,MAAM;qBACA,SAAS;;qBAqGT,SAAS;sBAuBR,SAAS;CAqC5B,CAAA;AAED,eAAO,MAAM,YAAY;;eA7JjB,WAAW;qHAkKlB,CAAA;AAED,eAAO,MAAM,GAAG;;eApKR,WAAW;yGAoKY,CAAA"}