@norges-domstoler/dds-components 13.2.0 → 13.4.0

package/dist/bundle.css

@@ -89,7 +89,7 @@
     url('../assets/fonts/IBMPlexMono-SemiBold.woff') format('woff');
 }
 
-@import '~@norges-domstoler/dds-design-tokens/dist/css/colors.css';
+@import '@norges-domstoler/dds-design-tokens/dist/css/colors.css';
 
 *::selection {
   background-color: var(--dds-color-tertiary-lightest);

package/dist/cjs/bundle.css

@@ -89,7 +89,7 @@
     url('../assets/fonts/IBMPlexMono-SemiBold.woff') format('woff');
 }
 
-@import '~@norges-domstoler/dds-design-tokens/dist/css/colors.css';
+@import '@norges-domstoler/dds-design-tokens/dist/css/colors.css';
 
 *::selection {
   background-color: var(--dds-color-tertiary-lightest);

package/dist/cjs/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/cjs/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/cjs/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/cjs/components/BackLink/index.d.ts

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

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/components/Breadcrumbs/index.d.ts

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

package/dist/cjs/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>>;

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

@@ -1,63 +1,64 @@
-import { ButtonProps } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "onClick" | "type">, "className" | "id"> & {
-        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;
-    } & {
-        onFocus?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
-        onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
-        onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-        type?: "button" | "submit" | "reset" | undefined;
-    } & {
-        htmlProps?: Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "onClick" | "type"> | undefined;
-    } & import("react").RefAttributes<HTMLButtonElement>>;
-    argTypes: {
-        label: {
-            control: {
-                type: string;
-            };
-        };
-        loading: {
-            control: {
-                type: string;
-            };
-        };
-        fullWidth: {
-            control: {
-                type: string;
-            };
-        };
-        href: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-export declare const OverviewWithText: (args: ButtonProps) => JSX.Element;
-export declare const OverviewJustIcon: (args: ButtonProps) => JSX.Element;
-export declare const OverviewSizes: (args: ButtonProps) => JSX.Element;
-export declare const OverviewLoading: (args: ButtonProps) => JSX.Element;
-export declare const OverviewFullWidth: (args: ButtonProps) => JSX.Element;
-export declare const Default: (args: ButtonProps) => JSX.Element;
-export declare const TextWithIcon: (args: ButtonProps) => JSX.Element;
-export declare const Icon: (args: ButtonProps) => JSX.Element;
-export declare const Ghost: (args: ButtonProps) => JSX.Element;
-export declare const Borderless: (args: ButtonProps) => JSX.Element;
-export declare const Rounded: (args: ButtonProps) => JSX.Element;
+/// <reference types="react" />
+import { ButtonProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "onClick" | "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;
+    } & {
+        onFocus?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
+        onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+        type?: "button" | "submit" | "reset" | undefined;
+    } & {
+        htmlProps?: Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "onClick" | "type"> | undefined;
+    } & import("react").RefAttributes<HTMLButtonElement>>;
+    argTypes: {
+        label: {
+            control: {
+                type: string;
+            };
+        };
+        loading: {
+            control: {
+                type: string;
+            };
+        };
+        fullWidth: {
+            control: {
+                type: string;
+            };
+        };
+        href: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const OverviewWithText: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OverviewJustIcon: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OverviewSizes: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OverviewLoading: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OverviewFullWidth: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Default: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextWithIcon: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Icon: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Ghost: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Borderless: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Rounded: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,25 +1,25 @@
-import { ButtonAppearance, ButtonPurpose, ButtonSize, IconPosition } from './Button.types';
-type ButtonWrapperProps = {
-    appearance: ButtonAppearance;
-    purpose: ButtonPurpose;
-    size: ButtonSize;
-    fullWidth: boolean;
-    hasIcon: boolean;
-    hasLabel: boolean;
-    isLoading: boolean;
-    iconPosition?: IconPosition;
-};
-export declare const ButtonWrapper: import("styled-components").StyledComponent<"button", any, ButtonWrapperProps, never>;
-type StyledIconWrapperSpanProps = {
-    iconPosition?: IconPosition;
-    size: ButtonSize;
-    absolutePosition?: boolean;
-    isHidden?: boolean;
-    justIcon?: boolean;
-};
-export declare const StyledIconWrapperSpan: import("styled-components").StyledComponent<"span", any, StyledIconWrapperSpanProps, never>;
-type LabelProps = {
-    isHidden?: boolean;
-};
-export declare const Label: import("styled-components").StyledComponent<"span", any, LabelProps, never>;
-export {};
+import { ButtonAppearance, ButtonPurpose, ButtonSize, IconPosition } from './Button.types';
+type ButtonWrapperProps = {
+    appearance: ButtonAppearance;
+    purpose: ButtonPurpose;
+    size: ButtonSize;
+    fullWidth: boolean;
+    hasIcon: boolean;
+    hasLabel: boolean;
+    isLoading: boolean;
+    iconPosition?: IconPosition;
+};
+export declare const ButtonWrapper: import("styled-components").StyledComponent<"button", any, ButtonWrapperProps, never>;
+type StyledIconWrapperSpanProps = {
+    iconPosition?: IconPosition;
+    size: ButtonSize;
+    absolutePosition?: boolean;
+    isHidden?: boolean;
+    justIcon?: boolean;
+};
+export declare const StyledIconWrapperSpan: import("styled-components").StyledComponent<"span", any, StyledIconWrapperSpanProps, never>;
+type LabelProps = {
+    isHidden?: boolean;
+};
+export declare const Label: import("styled-components").StyledComponent<"span", any, LabelProps, never>;
+export {};