@digdir/designsystemet-react 1.0.6 → 1.0.8

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.
@@ -10,7 +10,11 @@ var ListItem = require('../List/ListItem.js');
10
10
  * ErrorSummaryItem component, used to display an error link in the ErrorSummary.
11
11
  *
12
12
  * @example
13
- * <ErrorSummary.Item href='#'>Link to error</ErrorSummary.Item>
13
+ * <ErrorSummary.Item>
14
+ * <ErrorSummary.Link href="#">
15
+ * Link to error
16
+ * </ErrorSummary.Link>
17
+ * </ErrorSummary.Item>
14
18
  */
15
19
  const ErrorSummaryItem = react.forwardRef(function ErrorSummaryItem({ ...rest }, ref) {
16
20
  return jsxRuntime.jsx(ListItem.ListItem, { ref: ref, ...rest });
@@ -10,7 +10,7 @@ var FieldDescription = require('./FieldDescription.js');
10
10
  * Field component, used to wrap a form field.
11
11
  *
12
12
  * @example
13
- * <Field data-my-field>
13
+ * <Field>
14
14
  * <Label>Kort beskrivelse</Label>
15
15
  * <Field.Description>Beskrivelse</Field.Description>
16
16
  * <Input />
@@ -17,13 +17,13 @@ const MultiSuggestion = Object.assign(MultiSuggestion$1.MultiSuggestion, {
17
17
  Empty: MultiSuggestionEmpty.MultiSuggestionEmpty,
18
18
  Clear: MultiSuggestionClear.MultiSuggestionClear,
19
19
  });
20
- MultiSuggestion.displayName = 'EXPERIMENTRAL_MultiSuggestion';
21
- MultiSuggestion.Input.displayName = 'EXPERIMENTRAL_MultiSuggestion.Input';
22
- MultiSuggestion.List.displayName = 'EXPERIMENTRAL_MultiSuggestion.List';
23
- MultiSuggestion.Option.displayName = 'EXPERIMENTRAL_MultiSuggestion.Option';
24
- MultiSuggestion.Chips.displayName = 'EXPERIMENTRAL_MultiSuggestion.Chips';
25
- MultiSuggestion.Empty.displayName = 'EXPERIMENTRAL_MultiSuggestion.Empty';
26
- MultiSuggestion.Clear.displayName = 'EXPERIMENTRAL_MultiSuggestion.Clear';
20
+ MultiSuggestion.displayName = 'EXPERIMENTAL_MultiSuggestion';
21
+ MultiSuggestion.Input.displayName = 'EXPERIMENTAL_MultiSuggestion.Input';
22
+ MultiSuggestion.List.displayName = 'EXPERIMENTAL_MultiSuggestion.List';
23
+ MultiSuggestion.Option.displayName = 'EXPERIMENTAL_MultiSuggestion.Option';
24
+ MultiSuggestion.Chips.displayName = 'EXPERIMENTAL_MultiSuggestion.Chips';
25
+ MultiSuggestion.Empty.displayName = 'EXPERIMENTAL_MultiSuggestion.Empty';
26
+ MultiSuggestion.Clear.displayName = 'EXPERIMENTAL_MultiSuggestion.Clear';
27
27
 
28
28
  exports.EXPERIMENTAL_MultiSuggestionChips = MultiSuggestionChips.MultiSuggestionChips;
29
29
  exports.EXPERIMENTAL_MultiSuggestionClear = MultiSuggestionClear.MultiSuggestionClear;
@@ -8,7 +8,11 @@ import { ListItem } from '../List/ListItem.js';
8
8
  * ErrorSummaryItem component, used to display an error link in the ErrorSummary.
9
9
  *
10
10
  * @example
11
- * <ErrorSummary.Item href='#'>Link to error</ErrorSummary.Item>
11
+ * <ErrorSummary.Item>
12
+ * <ErrorSummary.Link href="#">
13
+ * Link to error
14
+ * </ErrorSummary.Link>
15
+ * </ErrorSummary.Item>
12
16
  */
13
17
  const ErrorSummaryItem = forwardRef(function ErrorSummaryItem({ ...rest }, ref) {
14
18
  return jsx(ListItem, { ref: ref, ...rest });
@@ -8,7 +8,7 @@ import { FieldDescription } from './FieldDescription.js';
8
8
  * Field component, used to wrap a form field.
9
9
  *
10
10
  * @example
11
- * <Field data-my-field>
11
+ * <Field>
12
12
  * <Label>Kort beskrivelse</Label>
13
13
  * <Field.Description>Beskrivelse</Field.Description>
14
14
  * <Input />
@@ -15,12 +15,12 @@ const MultiSuggestion = Object.assign(MultiSuggestion$1, {
15
15
  Empty: MultiSuggestionEmpty,
16
16
  Clear: MultiSuggestionClear,
17
17
  });
18
- MultiSuggestion.displayName = 'EXPERIMENTRAL_MultiSuggestion';
19
- MultiSuggestion.Input.displayName = 'EXPERIMENTRAL_MultiSuggestion.Input';
20
- MultiSuggestion.List.displayName = 'EXPERIMENTRAL_MultiSuggestion.List';
21
- MultiSuggestion.Option.displayName = 'EXPERIMENTRAL_MultiSuggestion.Option';
22
- MultiSuggestion.Chips.displayName = 'EXPERIMENTRAL_MultiSuggestion.Chips';
23
- MultiSuggestion.Empty.displayName = 'EXPERIMENTRAL_MultiSuggestion.Empty';
24
- MultiSuggestion.Clear.displayName = 'EXPERIMENTRAL_MultiSuggestion.Clear';
18
+ MultiSuggestion.displayName = 'EXPERIMENTAL_MultiSuggestion';
19
+ MultiSuggestion.Input.displayName = 'EXPERIMENTAL_MultiSuggestion.Input';
20
+ MultiSuggestion.List.displayName = 'EXPERIMENTAL_MultiSuggestion.List';
21
+ MultiSuggestion.Option.displayName = 'EXPERIMENTAL_MultiSuggestion.Option';
22
+ MultiSuggestion.Chips.displayName = 'EXPERIMENTAL_MultiSuggestion.Chips';
23
+ MultiSuggestion.Empty.displayName = 'EXPERIMENTAL_MultiSuggestion.Empty';
24
+ MultiSuggestion.Clear.displayName = 'EXPERIMENTAL_MultiSuggestion.Clear';
25
25
 
26
26
  export { MultiSuggestion as EXPERIMENTAL_MultiSuggestion, MultiSuggestionChips as EXPERIMENTAL_MultiSuggestionChips, MultiSuggestionClear as EXPERIMENTAL_MultiSuggestionClear, MultiSuggestionEmpty as EXPERIMENTAL_MultiSuggestionEmpty, MultiSuggestionInput as EXPERIMENTAL_MultiSuggestionInput, MultiSuggestionList as EXPERIMENTAL_MultiSuggestionList, MultiSuggestionOption as EXPERIMENTAL_MultiSuggestionOption };
@@ -3,7 +3,7 @@ type EmptyObject = {
3
3
  [emptyObjectSymbol]?: never;
4
4
  };
5
5
  /**
6
- * Base interface for available colors in the design system.
6
+ * Base interface for available colors in Designsystemet.
7
7
  * The CLI will generate augmentations of this interface to allow
8
8
  * type safety of custom color names.
9
9
  */
@@ -4,7 +4,11 @@ export type ErrorSummaryItemProps = ListItemProps;
4
4
  * ErrorSummaryItem component, used to display an error link in the ErrorSummary.
5
5
  *
6
6
  * @example
7
- * <ErrorSummary.Item href='#'>Link to error</ErrorSummary.Item>
7
+ * <ErrorSummary.Item>
8
+ * <ErrorSummary.Link href="#">
9
+ * Link to error
10
+ * </ErrorSummary.Link>
11
+ * </ErrorSummary.Item>
8
12
  */
9
13
  export declare const ErrorSummaryItem: React.ForwardRefExoticComponent<{
10
14
  asChild?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"ErrorSummaryItem.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorSummary/ErrorSummaryItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,MAAM,qBAAqB,GAAG,aAAa,CAAC;AAElD;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB;;+EAK3B,CAAC"}
1
+ {"version":3,"file":"ErrorSummaryItem.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorSummary/ErrorSummaryItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,MAAM,qBAAqB,GAAG,aAAa,CAAC;AAElD;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB;;+EAK3B,CAAC"}
@@ -5,7 +5,7 @@ import { FieldDescription } from './FieldDescription';
5
5
  * Field component, used to wrap a form field.
6
6
  *
7
7
  * @example
8
- * <Field data-my-field>
8
+ * <Field>
9
9
  * <Label>Kort beskrivelse</Label>
10
10
  * <Field.Description>Beskrivelse</Field.Description>
11
11
  * <Input />
@@ -141,7 +141,7 @@ export declare const useRovingFocus: (value: string) => {
141
141
  onBlurCapture?: React.FocusEventHandler<T> | undefined;
142
142
  onChange?: React.FormEventHandler<T> | undefined;
143
143
  onChangeCapture?: React.FormEventHandler<T> | undefined;
144
- onBeforeInput?: React.FormEventHandler<T> | undefined;
144
+ onBeforeInput?: React.InputEventHandler<T> | undefined;
145
145
  onBeforeInputCapture?: React.FormEventHandler<T> | undefined;
146
146
  onInput?: React.FormEventHandler<T> | undefined;
147
147
  onInputCapture?: React.FormEventHandler<T> | undefined;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@digdir/designsystemet-react",
3
3
  "type": "module",
4
- "version": "1.0.6",
4
+ "version": "1.0.8",
5
5
  "description": "React components for Designsystemet",
6
6
  "author": "Designsystemet team",
7
7
  "repository": {
@@ -38,9 +38,9 @@
38
38
  "dependencies": {
39
39
  "@floating-ui/dom": "^1.7.0",
40
40
  "@floating-ui/react": "0.26.23",
41
- "@navikt/aksel-icons": "^7.21.0",
42
- "@radix-ui/react-slot": "^1.2.0",
43
- "@tanstack/react-virtual": "^3.13.6",
41
+ "@navikt/aksel-icons": "^7.22.0",
42
+ "@radix-ui/react-slot": "^1.2.3",
43
+ "@tanstack/react-virtual": "^3.13.9",
44
44
  "@u-elements/u-datalist": "^0.1.5",
45
45
  "@u-elements/u-details": "^0.1.1",
46
46
  "@u-elements/u-tags": "^0.1.4",
@@ -49,27 +49,27 @@
49
49
  "devDependencies": {
50
50
  "@rollup/plugin-commonjs": "^28.0.3",
51
51
  "@rollup/plugin-node-resolve": "^16.0.1",
52
- "@storybook/blocks": "^8.6.12",
53
- "@storybook/preview-api": "^8.6.12",
54
- "@storybook/react": "^8.6.12",
55
- "@storybook/test": "^8.6.12",
56
- "@storybook/types": "^8.6.12",
52
+ "@storybook/blocks": "^8.6.14",
53
+ "@storybook/preview-api": "^8.6.14",
54
+ "@storybook/react": "^8.6.14",
55
+ "@storybook/test": "^8.6.14",
56
+ "@storybook/types": "^8.6.14",
57
57
  "@testing-library/dom": "^10.4.0",
58
58
  "@testing-library/jest-dom": "^6.6.3",
59
59
  "@testing-library/react": "^16.3.0",
60
60
  "@testing-library/user-event": "^14.6.1",
61
- "@types/react": "^19.1.3",
62
- "@types/react-dom": "^19.1.3",
61
+ "@types/react": "^19.1.5",
62
+ "@types/react-dom": "^19.1.5",
63
63
  "copyfiles": "^2.4.1",
64
64
  "jsdom": "^26.1.0",
65
65
  "react": "^19.1.0",
66
66
  "react-dom": "^19.1.0",
67
67
  "rimraf": "^6.0.1",
68
- "rollup": "^4.40.1",
68
+ "rollup": "^4.41.1",
69
69
  "rollup-plugin-copy": "^3.5.0",
70
70
  "tsx": "4.19.4",
71
71
  "typescript": "^5.8.3",
72
- "@digdir/designsystemet-css": "^1.0.6"
72
+ "@digdir/designsystemet-css": "^1.0.8"
73
73
  },
74
74
  "scripts": {
75
75
  "build": "pnpm run clean && tsc -b tsconfig.lib.json --emitDeclarationOnly false && rollup -c --bundleConfigAsCjs",