@digdir/designsystemet-react 1.21.0 → 1.21.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -27,7 +27,7 @@ type BadgePositionProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanEleme
27
27
  * <Element />
28
28
  * </BadgePosition>
29
29
  */
30
- declare const BadgePosition: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLSpanElement>, "placement" | "overlap"> & {
30
+ declare const BadgePosition: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLSpanElement>, "overlap" | "placement"> & {
31
31
  /**
32
32
  * The placement of the badge
33
33
  *
@@ -16,7 +16,7 @@ declare const Badge: import("react").ForwardRefExoticComponent<Omit<DefaultProps
16
16
  variant?: "base" | "tinted";
17
17
  children?: never;
18
18
  } & import("react").RefAttributes<HTMLSpanElement>> & {
19
- Position: import("react").ForwardRefExoticComponent<Omit<DefaultProps & import("react").HTMLAttributes<HTMLSpanElement>, "placement" | "overlap"> & {
19
+ Position: import("react").ForwardRefExoticComponent<Omit<DefaultProps & import("react").HTMLAttributes<HTMLSpanElement>, "overlap" | "placement"> & {
20
20
  placement?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
21
21
  overlap?: "circle" | "rectangle";
22
22
  } & import("react").RefAttributes<HTMLSpanElement>>;
@@ -71,7 +71,7 @@ type DialogProps = MergeRight<DefaultProps & DialogHTMLAttributes<HTMLDialogElem
71
71
  * Content
72
72
  * </Dialog>
73
73
  */
74
- declare const Dialog: import("react").ForwardRefExoticComponent<Omit<DefaultProps & DialogHTMLAttributes<HTMLDialogElement>, "asChild" | "placement" | "open" | "onClose" | "closedby" | "closeButton" | "modal"> & {
74
+ declare const Dialog: import("react").ForwardRefExoticComponent<Omit<DefaultProps & DialogHTMLAttributes<HTMLDialogElement>, "asChild" | "closedby" | "onClose" | "open" | "closeButton" | "placement" | "modal"> & {
75
75
  /**
76
76
  * Screen reader label of close button. Set false to hide the close button.
77
77
  * @default 'Lukk dialogvindu'
@@ -62,7 +62,7 @@ type PopoverProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
62
62
  * Content
63
63
  * </Popover>
64
64
  */
65
- declare const Popover: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "asChild" | "id" | "variant" | "placement" | "open" | "onOpen" | "onClose" | "autoPlacement"> & {
65
+ declare const Popover: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "asChild" | "id" | "variant" | "onClose" | "open" | "placement" | "onOpen" | "autoPlacement"> & {
66
66
  /**
67
67
  * id to connect the trigger with the popover - required when not using Popover.Context.
68
68
  */
@@ -54,7 +54,7 @@ type TooltipProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
54
54
  * Hover me
55
55
  * </Tooltip>
56
56
  */
57
- declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "content" | "children" | "type" | "placement" | "open" | "autoPlacement"> & {
57
+ declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "content" | "children" | "type" | "open" | "placement" | "autoPlacement"> & {
58
58
  /**
59
59
  * The element or string that triggers the tooltip.
60
60
  *
@@ -1,6 +1,6 @@
1
1
 
2
- import { useEffect } from "react";
2
+ import { useLayoutEffect } from "react";
3
3
  //#region src/utilities/hooks/deprecated/use-isomorphic-layout-effect/use-isomorphic-layout-effect.d.ts
4
- declare const useIsomorphicLayoutEffect: typeof useEffect;
4
+ declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
5
5
  //#endregion
6
6
  export { useIsomorphicLayoutEffect };
@@ -1,5 +1,5 @@
1
1
 
2
- import { useEffect } from "react";
2
+ import { useLayoutEffect } from "react";
3
3
  //#region src/utilities/hooks/use-synchronized-animation/use-synchronized-animation.d.ts
4
4
  /**
5
5
  * Synchronizes the css animation of multiple elements with the same `animationName`.
@@ -27,7 +27,7 @@ type BadgePositionProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanEleme
27
27
  * <Element />
28
28
  * </BadgePosition>
29
29
  */
30
- declare const BadgePosition: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLSpanElement>, "placement" | "overlap"> & {
30
+ declare const BadgePosition: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLSpanElement>, "overlap" | "placement"> & {
31
31
  /**
32
32
  * The placement of the badge
33
33
  *
@@ -16,7 +16,7 @@ declare const Badge: import("react").ForwardRefExoticComponent<Omit<DefaultProps
16
16
  variant?: "base" | "tinted";
17
17
  children?: never;
18
18
  } & import("react").RefAttributes<HTMLSpanElement>> & {
19
- Position: import("react").ForwardRefExoticComponent<Omit<DefaultProps & import("react").HTMLAttributes<HTMLSpanElement>, "placement" | "overlap"> & {
19
+ Position: import("react").ForwardRefExoticComponent<Omit<DefaultProps & import("react").HTMLAttributes<HTMLSpanElement>, "overlap" | "placement"> & {
20
20
  placement?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
21
21
  overlap?: "circle" | "rectangle";
22
22
  } & import("react").RefAttributes<HTMLSpanElement>>;
@@ -71,7 +71,7 @@ type DialogProps = MergeRight<DefaultProps & DialogHTMLAttributes<HTMLDialogElem
71
71
  * Content
72
72
  * </Dialog>
73
73
  */
74
- declare const Dialog: import("react").ForwardRefExoticComponent<Omit<DefaultProps & DialogHTMLAttributes<HTMLDialogElement>, "asChild" | "placement" | "open" | "onClose" | "closedby" | "closeButton" | "modal"> & {
74
+ declare const Dialog: import("react").ForwardRefExoticComponent<Omit<DefaultProps & DialogHTMLAttributes<HTMLDialogElement>, "asChild" | "closedby" | "onClose" | "open" | "closeButton" | "placement" | "modal"> & {
75
75
  /**
76
76
  * Screen reader label of close button. Set false to hide the close button.
77
77
  * @default 'Lukk dialogvindu'
@@ -62,7 +62,7 @@ type PopoverProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
62
62
  * Content
63
63
  * </Popover>
64
64
  */
65
- declare const Popover: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "asChild" | "id" | "variant" | "placement" | "open" | "onOpen" | "onClose" | "autoPlacement"> & {
65
+ declare const Popover: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "asChild" | "id" | "variant" | "onClose" | "open" | "placement" | "onOpen" | "autoPlacement"> & {
66
66
  /**
67
67
  * id to connect the trigger with the popover - required when not using Popover.Context.
68
68
  */
@@ -54,7 +54,7 @@ type TooltipProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
54
54
  * Hover me
55
55
  * </Tooltip>
56
56
  */
57
- declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "content" | "children" | "type" | "placement" | "open" | "autoPlacement"> & {
57
+ declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "content" | "children" | "type" | "open" | "placement" | "autoPlacement"> & {
58
58
  /**
59
59
  * The element or string that triggers the tooltip.
60
60
  *
@@ -1,6 +1,6 @@
1
1
 
2
- import { useEffect } from "react";
2
+ import { useLayoutEffect } from "react";
3
3
  //#region src/utilities/hooks/deprecated/use-isomorphic-layout-effect/use-isomorphic-layout-effect.d.ts
4
- declare const useIsomorphicLayoutEffect: typeof useEffect;
4
+ declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
5
5
  //#endregion
6
6
  export { useIsomorphicLayoutEffect };
@@ -1,5 +1,5 @@
1
1
 
2
- import { useEffect } from "react";
2
+ import { useLayoutEffect } from "react";
3
3
  //#region src/utilities/hooks/use-synchronized-animation/use-synchronized-animation.d.ts
4
4
  /**
5
5
  * Synchronizes the css animation of multiple elements with the same `animationName`.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@digdir/designsystemet-react",
3
3
  "type": "module",
4
- "version": "1.21.0",
4
+ "version": "1.21.1",
5
5
  "description": "React components for Designsystemet",
6
6
  "author": "Designsystemet team",
7
7
  "repository": {
@@ -42,29 +42,29 @@
42
42
  "dependencies": {
43
43
  "@floating-ui/dom": "^1.8.0",
44
44
  "@floating-ui/react": "0.26.23",
45
- "@navikt/aksel-icons": "^8.16.1",
45
+ "@navikt/aksel-icons": "^8.16.2",
46
46
  "@radix-ui/react-slot": "^1.3.3",
47
47
  "@tanstack/react-virtual": "^3.14.10",
48
48
  "clsx": "^2.1.1",
49
- "@digdir/designsystemet-types": "1.21.0",
50
- "@digdir/designsystemet-web": "1.21.0"
49
+ "@digdir/designsystemet-types": "1.21.1",
50
+ "@digdir/designsystemet-web": "1.21.1"
51
51
  },
52
52
  "devDependencies": {
53
- "@storybook/addon-docs": "10.5.10",
54
- "@storybook/addon-vitest": "10.5.10",
55
- "@storybook/react-vite": "10.5.10",
53
+ "@storybook/addon-docs": "10.6.0",
54
+ "@storybook/addon-vitest": "10.6.0",
55
+ "@storybook/react-vite": "10.6.0",
56
56
  "@testing-library/jest-dom": "7.0.1",
57
- "@testing-library/react": "16.3.2",
58
- "@testing-library/user-event": "14.6.6",
57
+ "@testing-library/react": "16.3.3",
58
+ "@testing-library/user-event": "14.6.7",
59
59
  "@types/react": "19.2.18",
60
- "@types/react-dom": "19.2.5",
60
+ "@types/react-dom": "19.2.7",
61
61
  "react": "19.2.8",
62
62
  "react-dom": "19.2.8",
63
63
  "react-dropzone": "19.3.0",
64
- "storybook": "10.5.10",
64
+ "storybook": "10.6.0",
65
65
  "tsdown": "0.22.14",
66
66
  "typescript": "6.0.3",
67
- "@digdir/designsystemet-css": "^1.21.0"
67
+ "@digdir/designsystemet-css": "^1.21.1"
68
68
  },
69
69
  "scripts": {
70
70
  "build": "tsdown",