@digdir/designsystemet-react 1.22.0 → 1.23.0

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.
Files changed (23) hide show
  1. package/dist/cjs/components/avatar/avatar.cjs +1 -1
  2. package/dist/cjs/components/avatar/avatar.d.cts +1 -1
  3. package/dist/cjs/components/avatar-stack/avatar-stack.cjs +1 -1
  4. package/dist/cjs/components/avatar-stack/avatar-stack.d.cts +1 -1
  5. package/dist/cjs/components/breadcrumbs/breadcrumbs-link.d.cts +1 -1
  6. package/dist/cjs/components/card/card.d.cts +1 -1
  7. package/dist/cjs/components/error-summary/error-summary-link.d.cts +1 -1
  8. package/dist/cjs/components/label/label.d.cts +2 -0
  9. package/dist/cjs/components/link/link.d.cts +1 -1
  10. package/dist/cjs/components/tabs/tabs.d.cts +1 -1
  11. package/dist/cjs/components/tooltip/tooltip.d.cts +1 -1
  12. package/dist/esm/components/avatar/avatar.d.ts +1 -1
  13. package/dist/esm/components/avatar/avatar.js +1 -1
  14. package/dist/esm/components/avatar-stack/avatar-stack.d.ts +1 -1
  15. package/dist/esm/components/avatar-stack/avatar-stack.js +1 -1
  16. package/dist/esm/components/breadcrumbs/breadcrumbs-link.d.ts +1 -1
  17. package/dist/esm/components/card/card.d.ts +1 -1
  18. package/dist/esm/components/error-summary/error-summary-link.d.ts +1 -1
  19. package/dist/esm/components/label/label.d.ts +2 -0
  20. package/dist/esm/components/link/link.d.ts +1 -1
  21. package/dist/esm/components/tabs/tabs.d.ts +1 -1
  22. package/dist/esm/components/tooltip/tooltip.d.ts +1 -1
  23. package/package.json +10 -10
package/dist/cjs/components/avatar/avatar.cjs CHANGED
@@ -10,7 +10,7 @@ let _radix_ui_react_slot = require("@radix-ui/react-slot");
10
10
  * Avatars are used to represent people or entities.
11
11
  *
12
12
  * @example
13
- * <Avatar aria-label="John Doe" initials="JD" />
13
+ * <Avatar aria-label="John Doe">JD</Avatar>
14
14
  *
15
15
  * @example
16
16
  * <Avatar aria-label="John Doe">
package/dist/cjs/components/avatar/avatar.d.cts CHANGED
@@ -55,7 +55,7 @@ type AvatarProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElement>, Ar
55
55
  * Avatars are used to represent people or entities.
56
56
  *
57
57
  * @example
58
- * <Avatar aria-label="John Doe" initials="JD" />
58
+ * <Avatar aria-label="John Doe">JD</Avatar>
59
59
  *
60
60
  * @example
61
61
  * <Avatar aria-label="John Doe">
package/dist/cjs/components/avatar-stack/avatar-stack.cjs CHANGED
@@ -16,7 +16,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
16
16
  * <Avatar aria-label='name'>
17
17
  * <BriefcaseIcon />
18
18
  * </Avatar>
19
- * <Avatar aria-label='name' initials='sm' />
19
+ * <Avatar aria-label='name'>sm</Avatar>
20
20
  * </EXPERIMENTAL_AvatarStack>
21
21
  */
22
22
  const EXPERIMENTAL_AvatarStack = (0, react.forwardRef)(function AvatarStack({ className, gap, suffix, children, avatarSize, overlap, style, expandable, ...rest }, ref) {
package/dist/cjs/components/avatar-stack/avatar-stack.d.cts CHANGED
@@ -43,7 +43,7 @@ type AvatarStackProps = {
43
43
  * <Avatar aria-label='name'>
44
44
  * <BriefcaseIcon />
45
45
  * </Avatar>
46
- * <Avatar aria-label='name' initials='sm' />
46
+ * <Avatar aria-label='name'>sm</Avatar>
47
47
  * </EXPERIMENTAL_AvatarStack>
48
48
  */
49
49
  declare const EXPERIMENTAL_AvatarStack: import("react").ForwardRefExoticComponent<{
package/dist/cjs/components/breadcrumbs/breadcrumbs-link.d.cts CHANGED
@@ -4,7 +4,7 @@ import { LinkProps } from "../link/link.cjs";
4
4
  import "../../index.cjs";
5
5
  //#region src/components/breadcrumbs/breadcrumbs-link.d.ts
6
6
  type BreadcrumbsLinkProps = LinkProps;
7
- declare const BreadcrumbsLink: import("react").ForwardRefExoticComponent<Omit<DefaultProps & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
7
+ declare const BreadcrumbsLink: import("react").ForwardRefExoticComponent<Omit<DefaultProps & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "asChild" | "children"> & {
8
8
  children: import("react").ReactNode;
9
9
  asChild?: boolean;
10
10
  } & import("react").RefAttributes<HTMLAnchorElement>>;
package/dist/cjs/components/card/card.d.cts CHANGED
@@ -29,7 +29,7 @@ type CardProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
29
29
  * <Card.Block>Footer</Card.Block>
30
30
  * </Card>
31
31
  */
32
- declare const Card: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "children" | "asChild" | "variant"> & {
32
+ declare const Card: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "asChild" | "children" | "variant"> & {
33
33
  /**
34
34
  * Change the background color of the card.
35
35
  *
package/dist/cjs/components/error-summary/error-summary-link.d.cts CHANGED
@@ -14,7 +14,7 @@ type ErrorSummaryLinkProps = LinkProps;
14
14
  * </ErrorSummaryItem>
15
15
  * </ErrorSummary>
16
16
  */
17
- declare const ErrorSummaryLink: import("react").ForwardRefExoticComponent<Omit<DefaultProps & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
17
+ declare const ErrorSummaryLink: import("react").ForwardRefExoticComponent<Omit<DefaultProps & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "asChild" | "children"> & {
18
18
  children: import("react").ReactNode;
19
19
  asChild?: boolean;
20
20
  } & import("react").RefAttributes<HTMLAnchorElement>>;
package/dist/cjs/components/label/label.d.cts CHANGED
@@ -5,6 +5,7 @@ import { LabelHTMLAttributes } from "react";
5
5
  type LabelProps = {
6
6
  /**
7
7
  * Adjusts font weight. Use this when you have a label hierarchy, such as checkboxes/radios in a fieldset
8
+ * @deprecated as field now automatically changes font-weight based on input type
8
9
  */
9
10
  weight?: 'regular' | 'medium' | 'semibold';
10
11
  /**
@@ -22,6 +23,7 @@ type LabelProps = {
22
23
  declare const Label: import("react").ForwardRefExoticComponent<{
23
24
  /**
24
25
  * Adjusts font weight. Use this when you have a label hierarchy, such as checkboxes/radios in a fieldset
26
+ * @deprecated as field now automatically changes font-weight based on input type
25
27
  */
26
28
  weight?: "regular" | "medium" | "semibold";
27
29
  /**
package/dist/cjs/components/link/link.d.cts CHANGED
@@ -21,7 +21,7 @@ type LinkProps = MergeRight<DefaultProps & AnchorHTMLAttributes<HTMLAnchorElemen
21
21
  * @example
22
22
  * <Link href='#'>Link</Link>
23
23
  */
24
- declare const Link: import("react").ForwardRefExoticComponent<Omit<DefaultProps & AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
24
+ declare const Link: import("react").ForwardRefExoticComponent<Omit<DefaultProps & AnchorHTMLAttributes<HTMLAnchorElement>, "asChild" | "children"> & {
25
25
  /**
26
26
  * The content to display inside the link.
27
27
  **/
package/dist/cjs/components/tabs/tabs.d.cts CHANGED
@@ -37,7 +37,7 @@ type TabsProps = MergeRight<DefaultProps & Omit<HTMLAttributes<DSTabElement>, 'o
37
37
  * <Tabs.Panel value='3'>content 3</Tabs.Panel>
38
38
  * </Tabs>
39
39
  */
40
- declare const Tabs: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<HTMLAttributes<DSTabElement>, "onChange" | "value">, "defaultValue" | "onChange" | "value"> & {
40
+ declare const Tabs: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<HTMLAttributes<DSTabElement>, "value" | "onChange">, "value" | "defaultValue" | "onChange"> & {
41
41
  /**
42
42
  * Controlled state for `Tabs` component
43
43
  * @default undefined
package/dist/cjs/components/tooltip/tooltip.d.cts CHANGED
@@ -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>, "children" | "content" | "type" | "placement" | "open" | "autoPlacement"> & {
57
+ declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "content" | "children" | "type" | "placement" | "open" | "autoPlacement"> & {
58
58
  /**
59
59
  * The element or string that triggers the tooltip.
60
60
  *
package/dist/esm/components/avatar/avatar.d.ts CHANGED
@@ -55,7 +55,7 @@ type AvatarProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElement>, Ar
55
55
  * Avatars are used to represent people or entities.
56
56
  *
57
57
  * @example
58
- * <Avatar aria-label="John Doe" initials="JD" />
58
+ * <Avatar aria-label="John Doe">JD</Avatar>
59
59
  *
60
60
  * @example
61
61
  * <Avatar aria-label="John Doe">
package/dist/esm/components/avatar/avatar.js CHANGED
@@ -8,7 +8,7 @@ import { Slot, Slottable } from "@radix-ui/react-slot";
8
8
  * Avatars are used to represent people or entities.
9
9
  *
10
10
  * @example
11
- * <Avatar aria-label="John Doe" initials="JD" />
11
+ * <Avatar aria-label="John Doe">JD</Avatar>
12
12
  *
13
13
  * @example
14
14
  * <Avatar aria-label="John Doe">
package/dist/esm/components/avatar-stack/avatar-stack.d.ts CHANGED
@@ -43,7 +43,7 @@ type AvatarStackProps = {
43
43
  * <Avatar aria-label='name'>
44
44
  * <BriefcaseIcon />
45
45
  * </Avatar>
46
- * <Avatar aria-label='name' initials='sm' />
46
+ * <Avatar aria-label='name'>sm</Avatar>
47
47
  * </EXPERIMENTAL_AvatarStack>
48
48
  */
49
49
  declare const EXPERIMENTAL_AvatarStack: import("react").ForwardRefExoticComponent<{
package/dist/esm/components/avatar-stack/avatar-stack.js CHANGED
@@ -14,7 +14,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
14
14
  * <Avatar aria-label='name'>
15
15
  * <BriefcaseIcon />
16
16
  * </Avatar>
17
- * <Avatar aria-label='name' initials='sm' />
17
+ * <Avatar aria-label='name'>sm</Avatar>
18
18
  * </EXPERIMENTAL_AvatarStack>
19
19
  */
20
20
  const EXPERIMENTAL_AvatarStack = forwardRef(function AvatarStack({ className, gap, suffix, children, avatarSize, overlap, style, expandable, ...rest }, ref) {
package/dist/esm/components/breadcrumbs/breadcrumbs-link.d.ts CHANGED
@@ -4,7 +4,7 @@ import { LinkProps } from "../link/link.js";
4
4
  import "../../index.js";
5
5
  //#region src/components/breadcrumbs/breadcrumbs-link.d.ts
6
6
  type BreadcrumbsLinkProps = LinkProps;
7
- declare const BreadcrumbsLink: import("react").ForwardRefExoticComponent<Omit<DefaultProps & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
7
+ declare const BreadcrumbsLink: import("react").ForwardRefExoticComponent<Omit<DefaultProps & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "asChild" | "children"> & {
8
8
  children: import("react").ReactNode;
9
9
  asChild?: boolean;
10
10
  } & import("react").RefAttributes<HTMLAnchorElement>>;
package/dist/esm/components/card/card.d.ts CHANGED
@@ -29,7 +29,7 @@ type CardProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
29
29
  * <Card.Block>Footer</Card.Block>
30
30
  * </Card>
31
31
  */
32
- declare const Card: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "children" | "asChild" | "variant"> & {
32
+ declare const Card: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "asChild" | "children" | "variant"> & {
33
33
  /**
34
34
  * Change the background color of the card.
35
35
  *
package/dist/esm/components/error-summary/error-summary-link.d.ts CHANGED
@@ -14,7 +14,7 @@ type ErrorSummaryLinkProps = LinkProps;
14
14
  * </ErrorSummaryItem>
15
15
  * </ErrorSummary>
16
16
  */
17
- declare const ErrorSummaryLink: import("react").ForwardRefExoticComponent<Omit<DefaultProps & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
17
+ declare const ErrorSummaryLink: import("react").ForwardRefExoticComponent<Omit<DefaultProps & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "asChild" | "children"> & {
18
18
  children: import("react").ReactNode;
19
19
  asChild?: boolean;
20
20
  } & import("react").RefAttributes<HTMLAnchorElement>>;
package/dist/esm/components/label/label.d.ts CHANGED
@@ -5,6 +5,7 @@ import { LabelHTMLAttributes } from "react";
5
5
  type LabelProps = {
6
6
  /**
7
7
  * Adjusts font weight. Use this when you have a label hierarchy, such as checkboxes/radios in a fieldset
8
+ * @deprecated as field now automatically changes font-weight based on input type
8
9
  */
9
10
  weight?: 'regular' | 'medium' | 'semibold';
10
11
  /**
@@ -22,6 +23,7 @@ type LabelProps = {
22
23
  declare const Label: import("react").ForwardRefExoticComponent<{
23
24
  /**
24
25
  * Adjusts font weight. Use this when you have a label hierarchy, such as checkboxes/radios in a fieldset
26
+ * @deprecated as field now automatically changes font-weight based on input type
25
27
  */
26
28
  weight?: "regular" | "medium" | "semibold";
27
29
  /**
package/dist/esm/components/link/link.d.ts CHANGED
@@ -21,7 +21,7 @@ type LinkProps = MergeRight<DefaultProps & AnchorHTMLAttributes<HTMLAnchorElemen
21
21
  * @example
22
22
  * <Link href='#'>Link</Link>
23
23
  */
24
- declare const Link: import("react").ForwardRefExoticComponent<Omit<DefaultProps & AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
24
+ declare const Link: import("react").ForwardRefExoticComponent<Omit<DefaultProps & AnchorHTMLAttributes<HTMLAnchorElement>, "asChild" | "children"> & {
25
25
  /**
26
26
  * The content to display inside the link.
27
27
  **/
package/dist/esm/components/tabs/tabs.d.ts CHANGED
@@ -37,7 +37,7 @@ type TabsProps = MergeRight<DefaultProps & Omit<HTMLAttributes<DSTabElement>, 'o
37
37
  * <Tabs.Panel value='3'>content 3</Tabs.Panel>
38
38
  * </Tabs>
39
39
  */
40
- declare const Tabs: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<HTMLAttributes<DSTabElement>, "onChange" | "value">, "defaultValue" | "onChange" | "value"> & {
40
+ declare const Tabs: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<HTMLAttributes<DSTabElement>, "value" | "onChange">, "value" | "defaultValue" | "onChange"> & {
41
41
  /**
42
42
  * Controlled state for `Tabs` component
43
43
  * @default undefined
package/dist/esm/components/tooltip/tooltip.d.ts CHANGED
@@ -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>, "children" | "content" | "type" | "placement" | "open" | "autoPlacement"> & {
57
+ declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "content" | "children" | "type" | "placement" | "open" | "autoPlacement"> & {
58
58
  /**
59
59
  * The element or string that triggers the tooltip.
60
60
  *
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@digdir/designsystemet-react",
3
3
  "type": "module",
4
- "version": "1.22.0",
4
+ "version": "1.23.0",
5
5
  "description": "React components for Designsystemet",
6
6
  "author": "Designsystemet team",
7
7
  "repository": {
@@ -40,27 +40,27 @@
40
40
  "access": "public"
41
41
  },
42
42
  "dependencies": {
43
- "@digdir/designsystemet-types": "1.22.0",
44
- "@digdir/designsystemet-web": "1.22.0",
43
+ "@digdir/designsystemet-types": "1.23.0",
44
+ "@digdir/designsystemet-web": "1.23.0",
45
45
  "@floating-ui/dom": "^1.8.0",
46
46
  "@floating-ui/react": "0.26.23",
47
47
  "@navikt/aksel-icons": "^8.16.2",
48
48
  "@radix-ui/react-slot": "^1.3.3",
49
- "@tanstack/react-virtual": "^3.14.10",
49
+ "@tanstack/react-virtual": "^3.14.12",
50
50
  "clsx": "^2.1.1"
51
51
  },
52
52
  "devDependencies": {
53
- "@digdir/designsystemet-css": "^1.22.0",
53
+ "@digdir/designsystemet-css": "^1.23.0",
54
54
  "@storybook/addon-docs": "10.6.0",
55
55
  "@storybook/addon-vitest": "10.6.0",
56
56
  "@storybook/react-vite": "10.6.0",
57
57
  "@testing-library/jest-dom": "7.0.1",
58
58
  "@testing-library/react": "16.3.3",
59
59
  "@testing-library/user-event": "14.6.7",
60
- "@types/react": "19.2.18",
61
- "@types/react-dom": "19.2.7",
62
- "react": "19.2.8",
63
- "react-dom": "19.2.8",
60
+ "@types/react": "19.3.0",
61
+ "@types/react-dom": "19.3.0",
62
+ "react": "19.3.0",
63
+ "react-dom": "19.3.0",
64
64
  "react-dropzone": "19.3.0",
65
65
  "storybook": "10.6.0",
66
66
  "tsdown": "0.22.14",
@@ -68,6 +68,6 @@
68
68
  },
69
69
  "scripts": {
70
70
  "build": "tsdown",
71
- "types": "tsc --noEmit"
71
+ "types": "tsc --build --noEmit"
72
72
  }
73
73
  }