@norges-domstoler/dds-components 13.3.0 → 13.5.0

package/dist/cjs/test/mocks/IntersectionObserver.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/cjs/test/mocks/ResizeObserver.d.ts

@@ -1,6 +1,6 @@
-declare class ResizeObserver {
-    observe(): void;
-    unobserve(): void;
-    disconnect(): void;
-}
-export default ResizeObserver;
+declare class ResizeObserver {
+    observe(): void;
+    unobserve(): void;
+    disconnect(): void;
+}
+export default ResizeObserver;

package/dist/cjs/types/BaseComponentProps.d.ts

@@ -1,58 +1,58 @@
-import { HTMLAttributes, PropsWithChildren } from 'react';
-/**
- * Basetype for props som eksponeres til konsumenter av designsystemet.
- * Lager en intersection-type med props som sendes inn og `id` og `htmlProps`
- * slik at man kan ha `HTMLAttributes`-props på komponenter som eksponeres
- * av designsystemet. Se også {@link BaseComponentPropsWithChildren} og
- * {@link getBaseHTMLProps}.
- *
- * @template TElement Element-type som genereres av komponenten.
- * @template TOtherProps Andre props komponenten skal eksponere til konsumenter.
- * @template THTMLAttributesProps Standard `HTMLAttributes<T>` men kan overstyres for f.eks knapper hvis man trenger en annen basetype for `htmlProps`.
- */
-export type BaseComponentProps<TElement extends Element, TOtherProps extends Record<string, unknown> = Record<string, unknown>, THTMLAttributesProps extends HTMLAttributes<TElement> = HTMLAttributes<TElement>> = Pick<THTMLAttributesProps, 'id' | 'className'> & TOtherProps & {
-    /**Ekstra HTML-attributter som vil settes på elementet som genereres. Untatt `id` og `className` som settes på toppnivå. */
-    htmlProps?: THTMLAttributesProps;
-};
-/**
- * Utvidelese av {@link BaseComponentProps} med prop for `children`.
- *
- * {@link BaseComponentProps}
- */
-export type BaseComponentPropsWithChildren<T extends Element, TProps extends Record<string, unknown> = Record<string, unknown>, THTMLProps extends HTMLAttributes<T> = HTMLAttributes<T>> = BaseComponentProps<T, PropsWithChildren<TProps>, THTMLProps>;
-export declare const joinClassNames: (...classNames: (string | undefined)[]) => string;
-type GetBaseHTMLProps = {
-    <T extends Element>(id: HTMLAttributes<T>['id'], className: HTMLAttributes<T>['className'], htmlProps: HTMLAttributes<T> | undefined, unknownProps: object): HTMLAttributes<T> & object;
-    <T extends Element>(id: HTMLAttributes<T>['id'], htmlProps: HTMLAttributes<T> | undefined, unknownProps: object): HTMLAttributes<T> & object;
-};
-/**
- * Slår sammen id, className, htmlProps og unknownProps til ett objekt
- * som kan spreades som baseprops for en komponent. `unknownProps` er
- * med for å sikre at aria- og data- attributter blir spreadet, alle
- * komponenter må derfor ta hensyn til `...rest` når de leser props.
- *
- * Typisk bruk:
- * ```
- * const Props = BaseComponentProps<HTMLElement, {
- *   propA: string,
- *   propB: string,
- * }>
- *
- * const MyComponent = (props: Props) => {
- *   const { propA, propB, id, className, htmlProps, ...rest } = props;
- *
- *   const wrapperProps = getBaseHTMLProps(id, className, htmlProps, rest)
- *
- *   return <div {...wrapperProps}>innhold</div>
- * }
- * ```
- * @param id id fra props til komponenten.
- * @param className className for komponenten.
- * @param htmlProps htmlProps fra komponenten.
- * @param unknownProps andre ukjente props som skal spreades, kommer typisk fra `...rest` når man leser props til komponenten.
- * @returns Objekt med alle argumentene som kan spreades.
- *
- * Kan også kalles uten `className`-parameteret. Oppførselen er lik.
- */
-export declare const getBaseHTMLProps: GetBaseHTMLProps;
-export {};
+import { HTMLAttributes, PropsWithChildren } from 'react';
+/**
+ * Basetype for props som eksponeres til konsumenter av designsystemet.
+ * Lager en intersection-type med props som sendes inn og `id` og `htmlProps`
+ * slik at man kan ha `HTMLAttributes`-props på komponenter som eksponeres
+ * av designsystemet. Se også {@link BaseComponentPropsWithChildren} og
+ * {@link getBaseHTMLProps}.
+ *
+ * @template TElement Element-type som genereres av komponenten.
+ * @template TOtherProps Andre props komponenten skal eksponere til konsumenter.
+ * @template THTMLAttributesProps Standard `HTMLAttributes<T>` men kan overstyres for f.eks knapper hvis man trenger en annen basetype for `htmlProps`.
+ */
+export type BaseComponentProps<TElement extends Element, TOtherProps extends Record<string, unknown> = Record<string, unknown>, THTMLAttributesProps extends HTMLAttributes<TElement> = HTMLAttributes<TElement>> = Pick<THTMLAttributesProps, 'id' | 'className'> & TOtherProps & {
+    /**Ekstra HTML-attributter som vil settes på elementet som genereres. Untatt `id` og `className` som settes på toppnivå. */
+    htmlProps?: THTMLAttributesProps;
+};
+/**
+ * Utvidelese av {@link BaseComponentProps} med prop for `children`.
+ *
+ * {@link BaseComponentProps}
+ */
+export type BaseComponentPropsWithChildren<T extends Element, TProps extends Record<string, unknown> = Record<string, unknown>, THTMLProps extends HTMLAttributes<T> = HTMLAttributes<T>> = BaseComponentProps<T, PropsWithChildren<TProps>, THTMLProps>;
+export declare const joinClassNames: (...classNames: (string | undefined)[]) => string;
+type GetBaseHTMLProps = {
+    <T extends Element>(id: HTMLAttributes<T>['id'], className: HTMLAttributes<T>['className'], htmlProps: HTMLAttributes<T> | undefined, unknownProps: object): HTMLAttributes<T> & object;
+    <T extends Element>(id: HTMLAttributes<T>['id'], htmlProps: HTMLAttributes<T> | undefined, unknownProps: object): HTMLAttributes<T> & object;
+};
+/**
+ * Slår sammen id, className, htmlProps og unknownProps til ett objekt
+ * som kan spreades som baseprops for en komponent. `unknownProps` er
+ * med for å sikre at aria- og data- attributter blir spreadet, alle
+ * komponenter må derfor ta hensyn til `...rest` når de leser props.
+ *
+ * Typisk bruk:
+ * ```
+ * const Props = BaseComponentProps<HTMLElement, {
+ *   propA: string,
+ *   propB: string,
+ * }>
+ *
+ * const MyComponent = (props: Props) => {
+ *   const { propA, propB, id, className, htmlProps, ...rest } = props;
+ *
+ *   const wrapperProps = getBaseHTMLProps(id, className, htmlProps, rest)
+ *
+ *   return <div {...wrapperProps}>innhold</div>
+ * }
+ * ```
+ * @param id id fra props til komponenten.
+ * @param className className for komponenten.
+ * @param htmlProps htmlProps fra komponenten.
+ * @param unknownProps andre ukjente props som skal spreades, kommer typisk fra `...rest` når man leser props til komponenten.
+ * @returns Objekt med alle argumentene som kan spreades.
+ *
+ * Kan også kalles uten `className`-parameteret. Oppførselen er lik.
+ */
+export declare const getBaseHTMLProps: GetBaseHTMLProps;
+export {};

package/dist/cjs/types/CheckboxPickedHTMLAttributes.d.ts

@@ -1,2 +1,2 @@
-import { InputHTMLAttributes } from 'react';
-export type CheckboxPickedHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'name' | 'checked' | 'defaultChecked' | 'value' | 'defaultValue' | 'onChange' | 'onBlur'>;
+import { InputHTMLAttributes } from 'react';
+export type CheckboxPickedHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'name' | 'checked' | 'defaultChecked' | 'value' | 'defaultValue' | 'onChange' | 'onBlur'>;

package/dist/cjs/types/Direction.d.ts

@@ -1 +1 @@
-export type Direction = 'row' | 'column';
+export type Direction = 'row' | 'column';

package/dist/cjs/types/index.d.ts

@@ -1,4 +1,4 @@
-export * from './Direction';
-export * from './BaseComponentProps';
-export * from './CheckboxPickedHTMLAttributes';
-export * from './utils';
+export * from './Direction';
+export * from './BaseComponentProps';
+export * from './CheckboxPickedHTMLAttributes';
+export * from './utils';

package/dist/cjs/types/utils.d.ts

@@ -1,15 +1,15 @@
-/**
- * Gir tilbake `T` med properties fra `K` som påkrevd gitt at `Condition` er `true`
- *
- * @template Condition
- * @template T
- * @template K
- */
-export type WithRequiredIf<Condition extends boolean, T, K extends keyof T> = Omit<T, K> & Pick<true extends Condition ? Required<T> : T, K>;
-/**
- * Gir tilbake typer fra `T` som matcher `U`
- *
- * @template T en union type
- * @template U delmengde av `T`
- */
-export type ExtractStrict<T, U extends T> = U;
+/**
+ * Gir tilbake `T` med properties fra `K` som påkrevd gitt at `Condition` er `true`
+ *
+ * @template Condition
+ * @template T
+ * @template K
+ */
+export type WithRequiredIf<Condition extends boolean, T, K extends keyof T> = Omit<T, K> & Pick<true extends Condition ? Required<T> : T, K>;
+/**
+ * Gir tilbake typer fra `T` som matcher `U`
+ *
+ * @template T en union type
+ * @template U delmengde av `T`
+ */
+export type ExtractStrict<T, U extends T> = U;

package/dist/cjs/utils/color.d.ts

@@ -1,30 +1,30 @@
-import { Property } from 'csstype';
-export type ColorAlphaFormat = 'hex8' | 'decimal';
-export declare const convertAlpha: (value: number | string, typeFrom: ColorAlphaFormat, typeTo: ColorAlphaFormat) => string | number | undefined;
-export declare const hexToRGBA: (hex: string) => string;
-export declare const addAlphaToRGB: (rgb: string, alpha: number | string) => string;
-export declare const RGBToHex: (value: string) => string;
-export declare const changeRGBAAlpha: (value: string, alpha: number) => string;
-export declare const textColors: {
-    interactive: string;
-    primary: string;
-    danger: string;
-    success: string;
-    warning: string;
-    onLight: string;
-    onDark: string;
-    gray1: string;
-    gray2: string;
-    gray3: string;
-    gray4: string;
-    gray5: string;
-    gray6: string;
-    gray7: string;
-    gray8: string;
-    gray9: string;
-};
-export type DDSTextColor = 'interactive' | 'primary' | 'danger' | 'warning' | 'success' | 'onLight' | 'onDark' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'gray6' | 'gray7' | 'gray8' | 'gray9';
-export declare const textColorsArray: string[];
-export type TextColor = DDSTextColor | Property.Color;
-export declare function isTextColor(color: string): color is DDSTextColor;
-export declare const getTextColor: (color: TextColor) => TextColor;
+import { Property } from 'csstype';
+export type ColorAlphaFormat = 'hex8' | 'decimal';
+export declare const convertAlpha: (value: number | string, typeFrom: ColorAlphaFormat, typeTo: ColorAlphaFormat) => string | number | undefined;
+export declare const hexToRGBA: (hex: string) => string;
+export declare const addAlphaToRGB: (rgb: string, alpha: number | string) => string;
+export declare const RGBToHex: (value: string) => string;
+export declare const changeRGBAAlpha: (value: string, alpha: number) => string;
+export declare const textColors: {
+    interactive: string;
+    primary: string;
+    danger: string;
+    success: string;
+    warning: string;
+    onLight: string;
+    onDark: string;
+    gray1: string;
+    gray2: string;
+    gray3: string;
+    gray4: string;
+    gray5: string;
+    gray6: string;
+    gray7: string;
+    gray8: string;
+    gray9: string;
+};
+export type DDSTextColor = 'interactive' | 'primary' | 'danger' | 'warning' | 'success' | 'onLight' | 'onDark' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'gray6' | 'gray7' | 'gray8' | 'gray9';
+export declare const textColorsArray: string[];
+export type TextColor = DDSTextColor | Property.Color;
+export declare function isTextColor(color: string): color is DDSTextColor;
+export declare const getTextColor: (color: TextColor) => TextColor;

package/dist/cjs/utils/combineHandlers.d.ts

@@ -1 +1 @@
-export declare const combineHandlers: <T>(handler1?: Callback<T> | undefined, handler2?: Callback<T> | undefined) => Callback<T>;
+export declare const combineHandlers: <T>(handler1?: Callback<T> | undefined, handler2?: Callback<T> | undefined) => Callback<T>;

package/dist/cjs/utils/getFocusableElements.d.ts

@@ -1,2 +1,2 @@
-import { RefObject } from 'react';
-export declare function getFocusableElements<T extends HTMLElement>(elementRef: RefObject<T>): NodeListOf<HTMLElement> | [];
+import { RefObject } from 'react';
+export declare function getFocusableElements<T extends HTMLElement>(elementRef: RefObject<T>): NodeListOf<HTMLElement> | [];

package/dist/cjs/utils/getScrollbarSize.d.ts

@@ -1 +1 @@
-export declare function getScrollbarSize(document: Document): number;
+export declare function getScrollbarSize(document: Document): number;

package/dist/cjs/utils/idGenerator.d.ts

@@ -1,2 +1,2 @@
-export declare const derivativeIdGenerator: (prefix: string, suffix: string) => string;
-export declare const spaceSeparatedIdListGenerator: (values: (string | undefined)[]) => string | undefined;
+export declare const derivativeIdGenerator: (prefix: string, suffix: string) => string;
+export declare const spaceSeparatedIdListGenerator: (values: (string | undefined)[]) => string | undefined;

package/dist/cjs/utils/index.d.ts

@@ -1,7 +1,7 @@
-export * from './combineHandlers';
-export * from './idGenerator';
-export * from './getScrollbarSize';
-export * from './text';
-export * from './color';
-export * from './getFocusableElements';
-export * from './searchFilter';
+export * from './combineHandlers';
+export * from './idGenerator';
+export * from './getScrollbarSize';
+export * from './text';
+export * from './color';
+export * from './getFocusableElements';
+export * from './searchFilter';

package/dist/cjs/utils/searchFilter.d.ts

@@ -1,2 +1,2 @@
-export declare function escapeRegexCharacters(text: string): string;
-export declare function searchFilter(text: string, query: string): boolean;
+export declare function escapeRegexCharacters(text: string): string;
+export declare function searchFilter(text: string, query: string): boolean;

package/dist/cjs/utils/text.d.ts

@@ -1,2 +1,2 @@
-export declare const calculateHeightWithLineHeight: (lineHeight: number, fontSize: number) => number;
-export declare const firstLetterToUpperCase: (text: string) => string;
+export declare const calculateHeightWithLineHeight: (lineHeight: number, fontSize: number) => number;
+export declare const firstLetterToUpperCase: (text: string) => string;

package/dist/components/BackLink/BackLink.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-export type BackLinkProps = {
-    label: string;
-    href: string;
-};
-export declare const BackLink: import("react").ForwardRefExoticComponent<BackLinkProps & import("react").RefAttributes<HTMLElement>>;
+/// <reference types="react" />
+export type BackLinkProps = {
+    label: string;
+    href: string;
+};
+export declare const BackLink: import("react").ForwardRefExoticComponent<BackLinkProps & import("react").RefAttributes<HTMLElement>>;

package/dist/components/BackLink/BackLink.js

@@ -6,18 +6,12 @@ import 'tslib';
 import '../../icons/utils/StyledSvg.js';
 import { ArrowLeftIcon } from '../../icons/tsx/arrowLeft.js';
 import { Typography } from '../Typography/Typography/Typography.js';
-import '../../helpers/Backdrop/Backdrop.js';
-import '../../helpers/Chevron/AnimatedChevronUpDown.styles.js';
-import '../../helpers/HiddenInput/HiddenInput.js';
-import '../../helpers/Input/Input.styles.js';
-import '../../helpers/Input/Input.tokens.js';
-import '../InputMessage/InputMessage.js';
-import '../../helpers/Paper/Paper.js';
-import '../../helpers/RequiredMarker/RequiredMarker.js';
-import '../../hooks/useFloatPosition.js';
-import '../../utils/color.js';
-import '../../hooks/useScreenSize.js';
+import '../Typography/Label/Label.js';
+import '../Typography/Paragraph/Paragraph.js';
+import '../Typography/Heading/Heading.js';
 import '../Typography/Link/Link.js';
+import '../Typography/Legend/Legend.js';
+import '../Typography/Caption/Caption.js';
 import { backLinkTokens } from './BackLink.tokens.js';
 
 var Nav = styled('nav').withConfig({
@@ -29,19 +23,18 @@ var StyledIcon = styled(Icon).withConfig({
   componentId: "sc-lzrkx8-1"
 })(["color:", ";"], backLinkTokens.icon.color);
 var BackLink = /*#__PURE__*/forwardRef(function (props, ref) {
-  return jsxs(Nav, Object.assign({
-    ref: ref
-  }, {
+  return jsxs(Nav, {
+    ref: ref,
     children: [jsx(StyledIcon, {
       icon: ArrowLeftIcon,
       iconSize: "small"
-    }), jsx(Typography, Object.assign({
+    }), jsx(Typography, {
       typographyType: "a",
-      href: props.href
-    }, {
+      href: props.href,
       children: props.label
-    }))]
-  }));
+    })]
+  });
 });
+BackLink.displayName = 'BackLink';
 
 export { BackLink };

package/dist/components/BackLink/BackLink.stories.d.ts

@@ -1,17 +1,18 @@
-import { BackLinkProps } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<BackLinkProps & import("react").RefAttributes<HTMLElement>>;
-    argTypes: {
-        label: {
-            control: string;
-            defaultValue: string;
-        };
-        href: {
-            control: string;
-            defaultValue: string;
-        };
-    };
-};
-export default _default;
-export declare const Default: (args: BackLinkProps) => JSX.Element;
+/// <reference types="react" />
+import { BackLinkProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<BackLinkProps & import("react").RefAttributes<HTMLElement>>;
+    argTypes: {
+        label: {
+            control: string;
+            defaultValue: string;
+        };
+        href: {
+            control: string;
+            defaultValue: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: (args: BackLinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/BackLink/BackLink.tokens.d.ts

@@ -1,8 +1,8 @@
-export declare const backLinkTokens: {
-    icon: {
-        color: string;
-    };
-    nav: {
-        gap: string;
-    };
-};
+export declare const backLinkTokens: {
+    icon: {
+        color: string;
+    };
+    nav: {
+        gap: string;
+    };
+};

package/dist/components/BackLink/index.d.ts

@@ -1 +1 @@
-export * from './BackLink';
+export * from './BackLink';

package/dist/components/Breadcrumbs/Breadcrumb.d.ts

@@ -1,3 +1,3 @@
-import { AnchorHTMLAttributes, HTMLAttributes } from 'react';
-export type BreadcrumbProps = HTMLAttributes<HTMLSpanElement> | AnchorHTMLAttributes<HTMLAnchorElement>;
-export declare const Breadcrumb: import("react").ForwardRefExoticComponent<BreadcrumbProps & import("react").RefAttributes<HTMLElement>>;
+import { AnchorHTMLAttributes, HTMLAttributes } from 'react';
+export type BreadcrumbProps = HTMLAttributes<HTMLSpanElement> | AnchorHTMLAttributes<HTMLAnchorElement>;
+export declare const Breadcrumb: import("react").ForwardRefExoticComponent<BreadcrumbProps & import("react").RefAttributes<HTMLElement>>;

package/dist/components/Breadcrumbs/Breadcrumb.js

@@ -2,18 +2,12 @@ import { __rest } from 'tslib';
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Typography } from '../Typography/Typography/Typography.js';
-import '../../helpers/Backdrop/Backdrop.js';
-import '../../helpers/Chevron/AnimatedChevronUpDown.styles.js';
-import '../../helpers/HiddenInput/HiddenInput.js';
-import '../../helpers/Input/Input.styles.js';
-import '../../helpers/Input/Input.tokens.js';
-import '../InputMessage/InputMessage.js';
-import '../../helpers/Paper/Paper.js';
-import '../../helpers/RequiredMarker/RequiredMarker.js';
-import '../../hooks/useFloatPosition.js';
-import '../../utils/color.js';
-import '../../hooks/useScreenSize.js';
+import '../Typography/Label/Label.js';
+import '../Typography/Paragraph/Paragraph.js';
+import '../Typography/Heading/Heading.js';
 import '../Typography/Link/Link.js';
+import '../Typography/Legend/Legend.js';
+import '../Typography/Caption/Caption.js';
 
 var isAnchorTypographyProps = function isAnchorTypographyProps(props) {
   return props.href != undefined;
@@ -22,22 +16,21 @@ var Breadcrumb = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
     rest = __rest(props, ["children"]);
   if (isAnchorTypographyProps(props)) {
-    return jsx(Typography, Object.assign({
+    return jsx(Typography, {
       htmlProps: rest,
       ref: ref,
-      typographyType: "a"
-    }, {
+      typographyType: "a",
       children: children
-    }));
+    });
   }
-  return jsx(Typography, Object.assign({
+  return jsx(Typography, {
     htmlProps: rest,
     ref: ref,
     as: "span",
-    color: "interactive"
-  }, {
+    color: "interactive",
     children: children
-  }));
+  });
 });
+Breadcrumb.displayName = 'Breadcrumb';
 
 export { Breadcrumb };

package/dist/components/Breadcrumbs/Breadcrumb.tokens.d.ts

@@ -1,13 +1,13 @@
-import { StaticTypographyType } from '../Typography';
-export declare const typographyType: StaticTypographyType;
-export declare const breadcrumbTokens: {
-    list: {
-        gap: string;
-    };
-    listItem: {
-        gap: string;
-    };
-    icon: {
-        color: string;
-    };
-};
+import { StaticTypographyType } from '../Typography';
+export declare const typographyType: StaticTypographyType;
+export declare const breadcrumbTokens: {
+    list: {
+        gap: string;
+    };
+    listItem: {
+        gap: string;
+    };
+    icon: {
+        color: string;
+    };
+};

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { BaseComponentPropsWithChildren } from '../../types';
-export type BreadcrumbsProps = BaseComponentPropsWithChildren<HTMLElement>;
-export declare const Breadcrumbs: import("react").ForwardRefExoticComponent<Pick<BreadcrumbsProps, string> & import("react").RefAttributes<HTMLElement>>;
+/// <reference types="react" />
+import { BaseComponentPropsWithChildren } from '../../types';
+export type BreadcrumbsProps = BaseComponentPropsWithChildren<HTMLElement>;
+export declare const Breadcrumbs: import("react").ForwardRefExoticComponent<Omit<BreadcrumbsProps, "ref"> & import("react").RefAttributes<HTMLElement>>;

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -17,10 +17,12 @@ var List = styled.ol.withConfig({
   displayName: "Breadcrumbs__List",
   componentId: "sc-xdj21o-0"
 })(["", " display:flex;flex-wrap:wrap;align-items:center;gap:", ";"], removeListStyling, list.gap);
+List.displayName = 'List';
 var ListItem = styled.li.withConfig({
   displayName: "Breadcrumbs__ListItem",
   componentId: "sc-xdj21o-1"
 })(["align-items:center;display:flex;gap:", ";", ""], listItem.gap, getFontStyling(typographyType));
+ListItem.displayName = 'ListItem';
 var StyledIcon = styled(Icon).withConfig({
   displayName: "Breadcrumbs__StyledIcon",
   componentId: "sc-xdj21o-2"
@@ -41,12 +43,12 @@ var Breadcrumbs = /*#__PURE__*/forwardRef(function (props, ref) {
   });
   return jsx("nav", Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
     ref: ref,
-    "aria-label": "br\xF8dsmulesti"
-  }, {
+    "aria-label": "br\xF8dsmulesti",
     children: jsx(List, {
       children: breadcrumbChildren
     })
   }));
 });
+Breadcrumbs.displayName = 'Breadcrumbs';
 
 export { Breadcrumbs };

package/dist/components/Breadcrumbs/Breadcrumbs.stories.d.ts

@@ -1,8 +1,8 @@
-import { BreadcrumbsProps } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<BreadcrumbsProps, string> & import("react").RefAttributes<HTMLElement>>;
-    argTypes: {};
-};
-export default _default;
-export declare const Default: (args: BreadcrumbsProps) => JSX.Element;
+/// <reference types="react" />
+import { BreadcrumbsProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<BreadcrumbsProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+};
+export default _default;
+export declare const Default: (args: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Breadcrumbs/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Breadcrumb';
-export * from './Breadcrumbs';
+export * from './Breadcrumb';
+export * from './Breadcrumbs';

package/dist/components/Button/Button.d.ts

@@ -1,21 +1,21 @@
-/// <reference types="react" />
-export declare const Button: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "onFocus" | "onBlur" | "type">, "id" | "className"> & {
-    size?: import("./Button.types").ButtonSize | undefined;
-    label?: string | undefined;
-    purpose?: import("./Button.types").ButtonPurpose | undefined;
-    iconPosition?: import("./Button.types").IconPosition | undefined;
-    appearance?: import("./Button.types").ButtonAppearance | undefined;
-    loading?: boolean | undefined;
-    loadingTooltip?: string | undefined;
-    icon?: import("../../icons/utils").SvgIcon | undefined;
-    fullWidth?: boolean | undefined;
-    href?: string | undefined;
-    target?: string | undefined;
-} & {
-    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    onFocus?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
-    onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
-} & {
-    htmlProps?: Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "onFocus" | "onBlur" | "type"> | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>>;
+/// <reference types="react" />
+export declare const Button: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "onFocus" | "onBlur" | "type">, "id" | "className"> & {
+    size?: import("./Button.types").ButtonSize | undefined;
+    label?: string | undefined;
+    purpose?: import("./Button.types").ButtonPurpose | undefined;
+    iconPosition?: import("./Button.types").IconPosition | undefined;
+    appearance?: import("./Button.types").ButtonAppearance | undefined;
+    loading?: boolean | undefined;
+    loadingTooltip?: string | undefined;
+    icon?: import("../../icons/utils").SvgIcon | undefined;
+    fullWidth?: boolean | undefined;
+    href?: string | undefined;
+    target?: string | undefined;
+} & {
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
+} & {
+    htmlProps?: Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "onFocus" | "onBlur" | "type"> | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>;