@norges-domstoler/dds-components 13.4.0 → 13.6.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 (164) hide show
  1. package/dist/cjs/components/Button/Button.stories.d.ts +3 -3
  2. package/dist/cjs/components/Checkbox/Checkbox.stories.d.ts +2 -2
  3. package/dist/cjs/components/Chip/Chip.stories.d.ts +1 -1
  4. package/dist/cjs/components/DescriptionList/DescriptionList.stories.d.ts +2 -2
  5. package/dist/cjs/components/Divider/Divider.stories.d.ts +1 -1
  6. package/dist/cjs/components/Drawer/Drawer.stories.d.ts +1 -1
  7. package/dist/cjs/components/Feedback/CommentComponent.d.ts +13 -0
  8. package/dist/cjs/components/Feedback/Feedback.d.ts +2 -0
  9. package/dist/cjs/components/Feedback/Feedback.stories.d.ts +66 -0
  10. package/dist/cjs/components/Feedback/Feedback.types.d.ts +36 -0
  11. package/dist/cjs/components/Feedback/FlexContainer.d.ts +6 -0
  12. package/dist/cjs/components/Feedback/RatingComponent.d.ts +11 -0
  13. package/dist/cjs/components/Feedback/index.d.ts +2 -0
  14. package/dist/cjs/components/GlobalMessage/GlobalMessage.stories.d.ts +1 -1
  15. package/dist/cjs/components/InlineEdit/InlineEdit.stories.d.ts +1 -1
  16. package/dist/cjs/components/InlineEdit/InlineEditInput.stories.d.ts +1 -1
  17. package/dist/cjs/components/InlineEdit/InlineEditTextArea.stories.d.ts +1 -1
  18. package/dist/cjs/components/InputMessage/InputMessage.stories.d.ts +1 -1
  19. package/dist/cjs/components/List/List.stories.d.ts +1 -1
  20. package/dist/cjs/components/LocalMessage/LocalMessage.stories.d.ts +1 -1
  21. package/dist/cjs/components/Modal/Modal.stories.d.ts +1 -1
  22. package/dist/cjs/components/OverflowMenu/OverflowMenu.stories.d.ts +2 -2
  23. package/dist/cjs/components/Pagination/Pagination.stories.d.ts +1 -1
  24. package/dist/cjs/components/Popover/Popover.stories.d.ts +1 -1
  25. package/dist/cjs/components/ProgressTracker/ProgressTracker.stories.d.ts +3 -3
  26. package/dist/cjs/components/RadioButton/RadioButton.stories.d.ts +5 -5
  27. package/dist/cjs/components/RadioButton/RadioButtonGroup.stories.d.ts +1 -1
  28. package/dist/cjs/components/Search/Search.stories.d.ts +1 -1
  29. package/dist/cjs/components/SkipToContent/SkipToContent.stories.d.ts +1 -1
  30. package/dist/cjs/components/Stack/Stack.stories.d.ts +1 -1
  31. package/dist/cjs/components/Tabs/Tabs.stories.d.ts +3 -3
  32. package/dist/cjs/components/Tag/Tag.stories.d.ts +1 -1
  33. package/dist/cjs/components/ToggleButton/ToggleButton.stories.d.ts +2 -2
  34. package/dist/cjs/components/Tooltip/Tooltip.stories.d.ts +1 -1
  35. package/dist/cjs/components/Typography/Caption/Caption.stories.d.ts +1 -1
  36. package/dist/cjs/components/Typography/Heading/Heading.stories.d.ts +1 -1
  37. package/dist/cjs/components/Typography/Label/Label.stories.d.ts +1 -1
  38. package/dist/cjs/components/Typography/Legend/Legend.stories.d.ts +1 -1
  39. package/dist/cjs/components/Typography/Link/Link.stories.d.ts +3 -3
  40. package/dist/cjs/components/Typography/Paragraph/Paragraph.stories.d.ts +1 -1
  41. package/dist/cjs/icons/tsx/agreement.d.ts +2 -0
  42. package/dist/cjs/icons/tsx/caring.d.ts +2 -0
  43. package/dist/cjs/icons/tsx/index.d.ts +3 -0
  44. package/dist/cjs/icons/tsx/payout.d.ts +2 -0
  45. package/dist/cjs/index.d.ts +1 -0
  46. package/dist/cjs/index.js +515 -417
  47. package/dist/components/BackLink/BackLink.js +6 -8
  48. package/dist/components/Breadcrumbs/Breadcrumb.js +6 -8
  49. package/dist/components/Breadcrumbs/Breadcrumbs.js +1 -2
  50. package/dist/components/Button/Button.js +10 -14
  51. package/dist/components/Button/Button.stories.d.ts +3 -3
  52. package/dist/components/Card/Card.js +2 -4
  53. package/dist/components/Card/CardAccordion/CardAccordionBody.js +2 -4
  54. package/dist/components/Card/CardAccordion/CardAccordionHeader.js +4 -6
  55. package/dist/components/Checkbox/Checkbox.js +4 -6
  56. package/dist/components/Checkbox/Checkbox.stories.d.ts +2 -2
  57. package/dist/components/Checkbox/CheckboxGroup.js +8 -11
  58. package/dist/components/Chip/Chip.js +1 -2
  59. package/dist/components/Chip/Chip.stories.d.ts +1 -1
  60. package/dist/components/Chip/ChipGroup.js +1 -2
  61. package/dist/components/Datepicker/Datepicker.js +3 -4
  62. package/dist/components/DescriptionList/DescriptionList.stories.d.ts +2 -2
  63. package/dist/components/Divider/Divider.stories.d.ts +1 -1
  64. package/dist/components/Drawer/Drawer.js +4 -6
  65. package/dist/components/Drawer/Drawer.stories.d.ts +1 -1
  66. package/dist/components/EmptyContent/EmptyContent.js +5 -7
  67. package/dist/components/Feedback/CommentComponent.d.ts +13 -0
  68. package/dist/components/Feedback/CommentComponent.js +59 -0
  69. package/dist/components/Feedback/Feedback.d.ts +2 -0
  70. package/dist/components/Feedback/Feedback.js +103 -0
  71. package/dist/components/Feedback/Feedback.stories.d.ts +66 -0
  72. package/dist/components/Feedback/Feedback.types.d.ts +36 -0
  73. package/dist/components/Feedback/FlexContainer.d.ts +6 -0
  74. package/dist/components/Feedback/FlexContainer.js +12 -0
  75. package/dist/components/Feedback/RatingComponent.d.ts +11 -0
  76. package/dist/components/Feedback/RatingComponent.js +79 -0
  77. package/dist/components/Feedback/index.d.ts +2 -0
  78. package/dist/components/FileUploader/FileUploader.js +10 -14
  79. package/dist/components/GlobalMessage/GlobalMessage.js +6 -8
  80. package/dist/components/GlobalMessage/GlobalMessage.stories.d.ts +1 -1
  81. package/dist/components/Grid/Grid.js +5 -8
  82. package/dist/components/Grid/GridChild.js +1 -2
  83. package/dist/components/InlineEdit/InlineEdit.stories.d.ts +1 -1
  84. package/dist/components/InlineEdit/InlineEdit.utils.js +3 -4
  85. package/dist/components/InlineEdit/InlineEditInput.js +3 -4
  86. package/dist/components/InlineEdit/InlineEditInput.stories.d.ts +1 -1
  87. package/dist/components/InlineEdit/InlineEditTextArea.js +3 -4
  88. package/dist/components/InlineEdit/InlineEditTextArea.stories.d.ts +1 -1
  89. package/dist/components/InlineEdit/InlineInput.js +6 -8
  90. package/dist/components/InlineEdit/InlineTextArea.js +6 -8
  91. package/dist/components/InputMessage/InputMessage.js +3 -4
  92. package/dist/components/InputMessage/InputMessage.stories.d.ts +1 -1
  93. package/dist/components/InternalHeader/InternalHeader.js +12 -16
  94. package/dist/components/InternalHeader/NavigationItem.js +1 -2
  95. package/dist/components/List/List.stories.d.ts +1 -1
  96. package/dist/components/LocalMessage/LocalMessage.js +3 -4
  97. package/dist/components/LocalMessage/LocalMessage.stories.d.ts +1 -1
  98. package/dist/components/Modal/Modal.js +4 -6
  99. package/dist/components/Modal/Modal.stories.d.ts +1 -1
  100. package/dist/components/Modal/ModalBody.js +3 -4
  101. package/dist/components/OverflowMenu/OverflowMenu.js +4 -6
  102. package/dist/components/OverflowMenu/OverflowMenu.stories.d.ts +2 -2
  103. package/dist/components/OverflowMenu/OverflowMenuItem.js +4 -7
  104. package/dist/components/Pagination/Pagination.js +18 -25
  105. package/dist/components/Pagination/Pagination.stories.d.ts +1 -1
  106. package/dist/components/Popover/Popover.js +7 -10
  107. package/dist/components/Popover/Popover.stories.d.ts +1 -1
  108. package/dist/components/ProgressTracker/ProgressTracker.js +3 -4
  109. package/dist/components/ProgressTracker/ProgressTracker.stories.d.ts +3 -3
  110. package/dist/components/ProgressTracker/ProgressTrackerItem.js +8 -12
  111. package/dist/components/RadioButton/RadioButton.js +4 -6
  112. package/dist/components/RadioButton/RadioButton.stories.d.ts +5 -5
  113. package/dist/components/RadioButton/RadioButtonGroup.js +9 -13
  114. package/dist/components/RadioButton/RadioButtonGroup.stories.d.ts +1 -1
  115. package/dist/components/ScrollableContainer/ScrollableContainer.js +3 -4
  116. package/dist/components/Search/Search.js +6 -8
  117. package/dist/components/Search/Search.stories.d.ts +1 -1
  118. package/dist/components/Search/SearchAutocompleteWrapper.js +3 -4
  119. package/dist/components/Search/SearchSuggestions.js +10 -14
  120. package/dist/components/Select/Select.js +6 -8
  121. package/dist/components/SkipToContent/SkipToContent.js +1 -2
  122. package/dist/components/SkipToContent/SkipToContent.stories.d.ts +1 -1
  123. package/dist/components/Spinner/Spinner.js +3 -4
  124. package/dist/components/SplitButton/SplitButton.js +6 -8
  125. package/dist/components/Stack/Stack.stories.d.ts +1 -1
  126. package/dist/components/Table/SortCell.js +3 -4
  127. package/dist/components/Table/collapsible/CollapsibleRow.js +16 -22
  128. package/dist/components/Table/collapsible/CollapsibleTable.js +3 -4
  129. package/dist/components/Tabs/Tabs.js +4 -6
  130. package/dist/components/Tabs/Tabs.stories.d.ts +3 -3
  131. package/dist/components/Tag/Tag.js +1 -2
  132. package/dist/components/Tag/Tag.stories.d.ts +1 -1
  133. package/dist/components/TextArea/TextArea.js +3 -4
  134. package/dist/components/TextInput/CharCounter.js +1 -2
  135. package/dist/components/TextInput/TextInput.js +9 -12
  136. package/dist/components/ToggleBar/ToggleBar.js +7 -10
  137. package/dist/components/ToggleBar/ToggleRadio.js +6 -8
  138. package/dist/components/ToggleButton/ToggleButton.js +3 -4
  139. package/dist/components/ToggleButton/ToggleButton.stories.d.ts +2 -2
  140. package/dist/components/ToggleButton/ToggleButtonGroup.js +3 -4
  141. package/dist/components/Tooltip/Tooltip.js +1 -2
  142. package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -1
  143. package/dist/components/Typography/Caption/Caption.js +1 -2
  144. package/dist/components/Typography/Caption/Caption.stories.d.ts +1 -1
  145. package/dist/components/Typography/Heading/Heading.stories.d.ts +1 -1
  146. package/dist/components/Typography/Label/Label.js +1 -2
  147. package/dist/components/Typography/Label/Label.stories.d.ts +1 -1
  148. package/dist/components/Typography/Legend/Legend.js +1 -2
  149. package/dist/components/Typography/Legend/Legend.stories.d.ts +1 -1
  150. package/dist/components/Typography/Link/Link.stories.d.ts +3 -3
  151. package/dist/components/Typography/Paragraph/Paragraph.stories.d.ts +1 -1
  152. package/dist/components/VisuallyHidden/VisuallyHidden.js +1 -2
  153. package/dist/helpers/Chevron/AnimatedChevronUpDown.js +6 -8
  154. package/dist/icons/tsx/agreement.d.ts +2 -0
  155. package/dist/icons/tsx/agreement.js +12 -0
  156. package/dist/icons/tsx/caring.d.ts +2 -0
  157. package/dist/icons/tsx/caring.js +12 -0
  158. package/dist/icons/tsx/index.d.ts +3 -0
  159. package/dist/icons/tsx/jordskifterett.js +1 -2
  160. package/dist/icons/tsx/payout.d.ts +2 -0
  161. package/dist/icons/tsx/payout.js +12 -0
  162. package/dist/index.d.ts +1 -0
  163. package/dist/index.js +4 -0
  164. package/package.json +24 -24
@@ -112,15 +112,13 @@ var Modal = /*#__PURE__*/forwardRef(function (props, ref) {
112
112
  };
113
113
  return isOpen || hasTransitionedIn ? /*#__PURE__*/createPortal(jsx(Backdrop, Object.assign({}, backdropProps, {
114
114
  children: jsxs(Container, Object.assign({}, containerProps, {
115
- elevation: 4
116
- }, {
115
+ elevation: 4,
117
116
  children: [jsxs(ContentContainer, {
118
117
  children: [header && jsx(HeaderContainer, Object.assign({}, headerContainerProps, {
119
- children: typeof header === 'string' ? jsx(Typography, Object.assign({
120
- typographyType: "headingSans03"
121
- }, {
118
+ children: typeof header === 'string' ? jsx(Typography, {
119
+ typographyType: "headingSans03",
122
120
  children: header
123
- })) : header
121
+ }) : header
124
122
  })), children]
125
123
  }), onClose && jsx(StyledButton, {
126
124
  size: "small",
@@ -2,7 +2,7 @@
2
2
  import { ModalProps } from '.';
3
3
  declare const _default: {
4
4
  title: string;
5
- component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
5
+ component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
6
6
  isOpen?: boolean | undefined;
7
7
  onClose?: (() => void) | undefined;
8
8
  parentElement?: HTMLElement | undefined;
@@ -23,11 +23,10 @@ var ModalBody = /*#__PURE__*/forwardRef(function (props, ref) {
23
23
  ref: ref
24
24
  });
25
25
  return scrollable ? jsx(Container, Object.assign({}, containerProps, {
26
- children: jsx(ScrollableContainer, Object.assign({
27
- contentHeight: height
28
- }, {
26
+ children: jsx(ScrollableContainer, {
27
+ contentHeight: height,
29
28
  children: children
30
- }))
29
+ })
31
30
  })) : jsx(Container, Object.assign({}, containerProps, {
32
31
  children: children
33
32
  }));
@@ -143,11 +143,10 @@ var OverflowMenu = /*#__PURE__*/forwardRef(function (props, ref) {
143
143
  })
144
144
  }), hasNavItems && hasContextItems && jsx(StyledDivider, {
145
145
  color: "primaryLighter"
146
- }), hasContextItems && jsx(OverflowMenuList, Object.assign({
147
- "aria-label": "kontekstmeny"
148
- }, {
146
+ }), hasContextItems && jsx(OverflowMenuList, {
147
+ "aria-label": "kontekstmeny",
149
148
  children: interactiveItemsList === null || interactiveItemsList === void 0 ? void 0 : interactiveItemsList.slice(contextItemsFirstPos, interactiveItemsList.length)
150
- }))]
149
+ })]
151
150
  });
152
151
  }
153
152
  };
@@ -164,8 +163,7 @@ var OverflowMenu = /*#__PURE__*/forwardRef(function (props, ref) {
164
163
  role: 'menu'
165
164
  });
166
165
  return jsxs(Container, Object.assign({}, containerProps, {
167
- "aria-label": "bruk piltaster for \xE5 navigere"
168
- }, {
166
+ "aria-label": "bruk piltaster for \xE5 navigere",
169
167
  children: [hasStaticUser && jsx(OverflowMenuItem, {
170
168
  title: username,
171
169
  icon: PersonIcon
@@ -2,12 +2,12 @@
2
2
  import { OverflowMenuProps, OverflowMenuContextItem } from '.';
3
3
  declare const _default: {
4
4
  title: string;
5
- component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
5
+ component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
6
6
  items?: OverflowMenuContextItem[] | undefined;
7
7
  userProps?: ({
8
8
  name: string;
9
9
  href?: string | undefined;
10
- } & (import("react").AnchorHTMLAttributes<HTMLAnchorElement> | import("react").ButtonHTMLAttributes<HTMLButtonElement>)) | undefined;
10
+ } & (import("react").ButtonHTMLAttributes<HTMLButtonElement> | import("react").AnchorHTMLAttributes<HTMLAnchorElement>)) | undefined;
11
11
  navItems?: import("./OverflowMenu.types").OverflowMenuLinkItem[] | undefined;
12
12
  isOpen?: boolean | undefined;
13
13
  onClose?: (() => void) | undefined;
@@ -90,9 +90,8 @@ var OverflowMenuItem = /*#__PURE__*/forwardRef(function (props, ref) {
90
90
  icon: icon
91
91
  });
92
92
  if (!href && !onClick) {
93
- return jsxs(Span, Object.assign({}, Object.assign(Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest)), {
94
- ref: ref
95
- }), {
93
+ return jsxs(Span, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
94
+ ref: ref,
96
95
  children: [jsx(IconWrapper, {
97
96
  children: iconElement
98
97
  }), title]
@@ -101,8 +100,7 @@ var OverflowMenuItem = /*#__PURE__*/forwardRef(function (props, ref) {
101
100
  if (!href) {
102
101
  return jsxs(Link, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), linkProps, {
103
102
  as: "button",
104
- ref: combinedRef
105
- }, {
103
+ ref: combinedRef,
106
104
  children: [jsx(IconWrapper, {
107
105
  children: iconElement
108
106
  }), title]
@@ -110,8 +108,7 @@ var OverflowMenuItem = /*#__PURE__*/forwardRef(function (props, ref) {
110
108
  }
111
109
  return jsxs(Link, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), linkProps, {
112
110
  as: "a",
113
- ref: combinedRef
114
- }, {
111
+ ref: combinedRef,
115
112
  children: [jsx(IconWrapper, {
116
113
  children: iconElement
117
114
  }), title]
@@ -155,17 +155,15 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
155
155
  "aria-label": "paginering"
156
156
  }, navProps, {
157
157
  children: jsxs(List, {
158
- children: [jsx(ListItem, Object.assign({
158
+ children: [jsx(ListItem, {
159
159
  isHidden: isOnFirstPage,
160
- "aria-hidden": isOnFirstPage
161
- }, {
160
+ "aria-hidden": isOnFirstPage,
162
161
  children: previousPageButton
163
- })), listItems, jsx(ListItem, Object.assign({
162
+ }), listItems, jsx(ListItem, {
164
163
  isHidden: isOnLastPage,
165
- "aria-hidden": isOnLastPage
166
- }, {
164
+ "aria-hidden": isOnLastPage,
167
165
  children: nextPageButton
168
- }))]
166
+ })]
169
167
  })
170
168
  })) : null;
171
169
  var smallScreenNavigation = withPagination ? jsx(Nav, Object.assign({
@@ -173,10 +171,9 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
173
171
  "aria-label": "paginering"
174
172
  }, navProps, {
175
173
  children: jsxs(List, {
176
- children: [jsx(ListItem, Object.assign({
174
+ children: [jsx(ListItem, {
177
175
  isHidden: isOnFirstPage,
178
- "aria-hidden": isOnFirstPage
179
- }, {
176
+ "aria-hidden": isOnFirstPage,
180
177
  children: jsx(Button, {
181
178
  purpose: "secondary",
182
179
  appearance: "ghost",
@@ -187,12 +184,11 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
187
184
  },
188
185
  "aria-label": "G\xE5 til f\xF8rste siden"
189
186
  })
190
- })), jsx(ListItem, Object.assign({
187
+ }), jsx(ListItem, {
191
188
  isHidden: isOnFirstPage,
192
- "aria-hidden": isOnFirstPage
193
- }, {
189
+ "aria-hidden": isOnFirstPage,
194
190
  children: previousPageButton
195
- })), jsx(ListItem, {
191
+ }), jsx(ListItem, {
196
192
  children: jsx(Button, {
197
193
  label: activePage.toString(),
198
194
  size: "small",
@@ -200,15 +196,13 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
200
196
  onPageChange(event, activePage);
201
197
  }
202
198
  })
203
- }), jsx(ListItem, Object.assign({
199
+ }), jsx(ListItem, {
204
200
  isHidden: isOnLastPage,
205
- "aria-hidden": isOnLastPage
206
- }, {
201
+ "aria-hidden": isOnLastPage,
207
202
  children: nextPageButton
208
- })), jsx(ListItem, Object.assign({
203
+ }), jsx(ListItem, {
209
204
  isHidden: isOnLastPage,
210
- "aria-hidden": isOnLastPage
211
- }, {
205
+ "aria-hidden": isOnLastPage,
212
206
  children: jsx(Button, {
213
207
  purpose: "secondary",
214
208
  appearance: "ghost",
@@ -219,7 +213,7 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
219
213
  },
220
214
  "aria-label": "G\xE5 til siste siden"
221
215
  })
222
- }))]
216
+ })]
223
217
  })
224
218
  })) : null;
225
219
  var activePageFirstItem = activePage === 1 ? 1 : activePage * itemsPerPage - itemsPerPage + 1;
@@ -238,12 +232,11 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
238
232
  isClearable: false,
239
233
  onChange: handleSelectChange,
240
234
  "aria-label": "Antall elementer per side"
241
- }), withCounter && jsxs(Typography, Object.assign({
235
+ }), withCounter && jsxs(Typography, {
242
236
  typographyType: "supportingStyleLabel01",
243
- as: "p"
244
- }, {
237
+ as: "p",
245
238
  children: ["Viser ", activePageFirstItem, "-", activePageLastItem, " av ", itemsAmount]
246
- }))]
239
+ })]
247
240
  }), navigationToBeRendered]
248
241
  }));
249
242
  });
@@ -2,7 +2,7 @@
2
2
  import { PaginationProps } from '.';
3
3
  declare const _default: {
4
4
  title: string;
5
- component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLElement>, "onChange">, "id" | "className"> & {
5
+ component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLElement>, "onChange">, "className" | "id"> & {
6
6
  itemsAmount: number;
7
7
  defaultItemsPerPage?: number | undefined;
8
8
  defaultActivePage?: number | undefined;
@@ -120,20 +120,17 @@ var Popover = /*#__PURE__*/forwardRef(function (props, ref) {
120
120
  });
121
121
  return isOpen || hasTransitionedIn ? jsxs(Wrapper, Object.assign({}, wrapperProps, {
122
122
  elevation: 3,
123
- border: "light"
124
- }, {
123
+ border: "light",
125
124
  children: [title && jsx(TitleContainer, {
126
- children: typeof title === 'string' ? jsx(Typography, Object.assign({
127
- typographyType: "headingSans02"
128
- }, {
125
+ children: typeof title === 'string' ? jsx(Typography, {
126
+ typographyType: "headingSans02",
129
127
  children: title
130
- })) : title
131
- }), jsx(ContentContainer, Object.assign({
128
+ }) : title
129
+ }), jsx(ContentContainer, {
132
130
  hasTitle: !!title,
133
- withCloseButton: withCloseButton
134
- }, {
131
+ withCloseButton: withCloseButton,
135
132
  children: children
136
- })), withCloseButton && jsx(StyledButton, {
133
+ }), withCloseButton && jsx(StyledButton, {
137
134
  icon: CloseIcon,
138
135
  appearance: "borderless",
139
136
  purpose: "secondary",
@@ -3,7 +3,7 @@ import { PopoverProps } from '.';
3
3
  import { Placement } from '../../hooks';
4
4
  declare const _default: {
5
5
  title: string;
6
- component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
6
+ component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
7
7
  title?: import("react").ReactNode;
8
8
  isOpen?: boolean | undefined;
9
9
  withCloseButton?: boolean | undefined;
@@ -48,12 +48,11 @@ var ProgressTracker = function () {
48
48
  var itemsWithConnectorsBetween = intersperseItemsWithConnector(itemsWithIndex);
49
49
  return itemsWithConnectorsBetween;
50
50
  }, [children]);
51
- return jsx(ProgressTrackerContext.Provider, Object.assign({
51
+ return jsx(ProgressTrackerContext.Provider, {
52
52
  value: {
53
53
  activeStep: thisActiveStep,
54
54
  handleStepChange: handleChange
55
- }
56
- }, {
55
+ },
57
56
  children: jsx("div", Object.assign({
58
57
  role: "group",
59
58
  "aria-label": "progress"
@@ -62,7 +61,7 @@ var ProgressTracker = function () {
62
61
  children: steps
63
62
  })
64
63
  }))
65
- }));
64
+ });
66
65
  });
67
66
  Res.Item = ProgressTrackerItem;
68
67
  Res.displayName = 'ProgressTracker';
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  declare const _default: {
3
3
  title: string;
4
- component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
4
+ component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
5
5
  activeStep?: number | undefined;
6
6
  onStepChange?: ((step: number) => void) | undefined;
7
7
  } & {
@@ -12,7 +12,7 @@ declare const _default: {
12
12
  Item: {
13
13
  (props: ({
14
14
  onClick: (index: number) => void;
15
- } & Pick<import("react").HTMLAttributes<HTMLButtonElement>, "id" | "className"> & {
15
+ } & Pick<import("react").HTMLAttributes<HTMLButtonElement>, "className" | "id"> & {
16
16
  active?: boolean | undefined;
17
17
  completed?: boolean | undefined;
18
18
  disabled?: boolean | undefined;
@@ -24,7 +24,7 @@ declare const _default: {
24
24
  htmlProps?: import("react").HTMLAttributes<HTMLButtonElement> | undefined;
25
25
  }) | ({
26
26
  onClick?: undefined;
27
- } & Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
27
+ } & Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
28
28
  active?: boolean | undefined;
29
29
  completed?: boolean | undefined;
30
30
  disabled?: boolean | undefined;
@@ -107,29 +107,25 @@ var ProgressTrackerItem = function ProgressTrackerItem(props) {
107
107
  }
108
108
  return index + 1;
109
109
  }, [completed, icon, index]);
110
- return jsx(ItemWrapper, Object.assign({
111
- "aria-current": active ? 'step' : undefined
112
- }, {
110
+ return jsx(ItemWrapper, {
111
+ "aria-current": active ? 'step' : undefined,
113
112
  children: jsxs(ItemContentWrapper, Object.assign({}, styleProps, {
114
113
  as: handleStepChange ? 'button' : 'div',
115
114
  onClick: !disabled && handleStepChange ? function () {
116
115
  return handleStepChange(index);
117
116
  } : undefined,
118
- disabled: disabled
119
- }, {
117
+ disabled: disabled,
120
118
  children: [jsx(ItemNumber, Object.assign({}, styleProps, {
121
- "aria-hidden": true
122
- }, {
119
+ "aria-hidden": true,
123
120
  children: stepNumberContent
124
121
  })), jsxs(ItemText, Object.assign({}, styleProps, {
125
- children: [jsx(VisuallyHidden, Object.assign({
126
- as: "span"
127
- }, {
122
+ children: [jsx(VisuallyHidden, {
123
+ as: "span",
128
124
  children: getVisuallyHiddenText(active, completed, index)
129
- })), children]
125
+ }), children]
130
126
  }))]
131
127
  }))
132
- }));
128
+ });
133
129
  };
134
130
  ProgressTrackerItem.displayName = 'ProgressTracker.Item';
135
131
 
@@ -87,17 +87,15 @@ var RadioButton = /*#__PURE__*/forwardRef(function (props, ref) {
87
87
  };
88
88
  return jsxs(Container, Object.assign({}, containerProps, {
89
89
  htmlFor: uniqueId,
90
- controlType: "radio"
91
- }, {
90
+ controlType: "radio",
92
91
  children: [jsx(HiddenInput, Object.assign({}, inputProps, {
93
92
  ref: ref
94
93
  })), jsx(CustomSelectionControl, {
95
94
  controlType: "radio"
96
- }), jsx(Typography, Object.assign({
97
- as: "span"
98
- }, {
95
+ }), jsx(Typography, {
96
+ as: "span",
99
97
  children: children !== null && children !== void 0 ? children : label
100
- }))]
98
+ })]
101
99
  }));
102
100
  });
103
101
  RadioButton.displayName = 'RadioButton';
@@ -2,22 +2,22 @@
2
2
  import { RadioButtonProps } from '.';
3
3
  declare const _default: {
4
4
  title: string;
5
- component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "onChange" | "name" | "value" | "checked" | "readOnly" | "required">, "id" | "className"> & {
5
+ component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onChange" | "readOnly" | "required" | "value" | "checked">, "className" | "id"> & {
6
6
  label?: string | undefined;
7
7
  disabled?: boolean | undefined;
8
8
  error?: boolean | undefined;
9
9
  } & {
10
+ name?: string | undefined;
10
11
  'aria-describedby'?: string | undefined;
11
12
  onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
12
- name?: string | undefined;
13
- value?: string | number | readonly string[] | undefined;
14
- checked?: boolean | undefined;
15
13
  readOnly?: boolean | undefined;
16
14
  required?: boolean | undefined;
15
+ value?: string | number | readonly string[] | undefined;
16
+ checked?: boolean | undefined;
17
17
  } & {
18
18
  children?: import("react").ReactNode;
19
19
  } & {
20
- htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "onChange" | "name" | "value" | "checked" | "readOnly" | "required"> | undefined;
20
+ htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onChange" | "readOnly" | "required" | "value" | "checked"> | undefined;
21
21
  } & import("react").RefAttributes<HTMLInputElement>>;
22
22
  argTypes: {
23
23
  label: {
@@ -74,27 +74,23 @@ var RadioButtonGroupInner = function RadioButtonGroupInner(props, ref) {
74
74
  return jsxs(OuterGroupContainer, Object.assign({}, getBaseHTMLProps(id, className, Object.assign(Object.assign({}, htmlProps), {
75
75
  'aria-required': ariaRequired
76
76
  }), rest), {
77
- ref: ref
78
- }, {
79
- children: [jsxs(Typography, Object.assign({
77
+ ref: ref,
78
+ children: [jsxs(Typography, {
80
79
  as: "span",
81
80
  typographyType: "supportingStyleLabel01",
82
- id: uniqueGroupId
83
- }, {
81
+ id: uniqueGroupId,
84
82
  children: [label, " ", showRequiredMarker && jsx(RequiredMarker, {})]
85
- })), renderInputMessage(tip, tipId), jsx(RadioButtonGroupContext.Provider, Object.assign({
86
- value: Object.assign({}, contextProps)
87
- }, {
88
- children: jsx(GroupContainer, Object.assign({
83
+ }), renderInputMessage(tip, tipId), jsx(RadioButtonGroupContext.Provider, {
84
+ value: Object.assign({}, contextProps),
85
+ children: jsx(GroupContainer, {
89
86
  role: "radiogroup",
90
87
  direction: direction,
91
88
  "aria-labelledby": uniqueGroupId,
92
89
  "aria-describedby": tipId,
93
- "aria-errormessage": errorMessageId
94
- }, {
90
+ "aria-errormessage": errorMessageId,
95
91
  children: children
96
- }))
97
- })), renderInputMessage(undefined, undefined, errorMessage, errorMessageId)]
92
+ })
93
+ }), renderInputMessage(undefined, undefined, errorMessage, errorMessageId)]
98
94
  }));
99
95
  };
100
96
  var RadioButtonGroup = /*#__PURE__*/forwardRef(RadioButtonGroupInner);
@@ -2,7 +2,7 @@
2
2
  import { RadioButtonGroupProps } from '.';
3
3
  declare const _default: {
4
4
  title: string;
5
- component: <T extends string | number = string>(props: Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange">, "id" | "className"> & {
5
+ component: <T extends string | number = string>(props: Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange">, "className" | "id"> & {
6
6
  name?: string | undefined;
7
7
  label?: string | undefined;
8
8
  onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>, value: T | undefined) => void) | undefined;
@@ -35,13 +35,12 @@ var ScrollableContainer = function ScrollableContainer(props) {
35
35
  rest = __rest(props, ["children", "id", "className", "contentHeight", "htmlProps"]);
36
36
  var ref = useRef(null);
37
37
  return jsxs(StyledScrollableContainer, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
38
- children: [jsx(Content, Object.assign({
38
+ children: [jsx(Content, {
39
39
  height: contentHeight,
40
40
  ref: ref,
41
- tabIndex: 0
42
- }, {
41
+ tabIndex: 0,
43
42
  children: children
44
- })), jsx(Scrollbar, {
43
+ }), jsx(Scrollbar, {
45
44
  contentRef: ref
46
45
  })]
47
46
  }));
@@ -139,11 +139,10 @@ var Search = /*#__PURE__*/forwardRef(function (_a, ref) {
139
139
  var hasSuggestions = !!context.suggestions;
140
140
  var showSearchButton = !!buttonProps && !!onClick;
141
141
  return jsxs(OuterContainer, {
142
- children: [hasLabel && jsx(Label, Object.assign({
143
- htmlFor: uniqueId
144
- }, {
142
+ children: [hasLabel && jsx(Label, {
143
+ htmlFor: uniqueId,
145
144
  children: label
146
- })), jsxs("div", {
145
+ }), jsxs("div", {
147
146
  children: [jsxs(HorisontalContainer, Object.assign({
148
147
  hasSearchButton: showSearchButton
149
148
  }, containerProps, {
@@ -166,12 +165,11 @@ var Search = /*#__PURE__*/forwardRef(function (_a, ref) {
166
165
  suggestions: context.suggestions,
167
166
  showSuggestions: context.showSuggestions,
168
167
  componentSize: componentSize
169
- }), jsx(VisuallyHidden, Object.assign({
168
+ }), jsx(VisuallyHidden, {
170
169
  id: suggestionsDescriptionId,
171
- as: "span"
172
- }, {
170
+ as: "span",
173
171
  children: "Bla i s\xF8keforslag med piltaster n\xE5r listen er utvidet."
174
- }))]
172
+ })]
175
173
  }), hasValue && jsx(StyledClearButton, {
176
174
  icon: CloseSmallIcon,
177
175
  size: "tiny",
@@ -14,7 +14,7 @@ declare const _default: {
14
14
  (props: import("./SearchAutocompleteWrapper").SearchAutocompleteWrapperProps): import("react/jsx-runtime").JSX.Element;
15
15
  displayName: string;
16
16
  };
17
- Suggestions: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & Pick<SearchProps, "componentSize"> & {
17
+ Suggestions: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & Pick<SearchProps, "componentSize"> & {
18
18
  suggestions?: string[] | undefined;
19
19
  showSuggestions?: boolean | undefined;
20
20
  onSuggestionClick?: ((e: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
@@ -106,11 +106,10 @@ var SearchAutocompleteWrapper = function SearchAutocompleteWrapper(props) {
106
106
  inputValue: inputValue,
107
107
  onSugggestionClick: handleSuggestionClick
108
108
  };
109
- return jsx(AutocompleteSearchContext.Provider, Object.assign({
110
- value: contextProps
111
- }, {
109
+ return jsx(AutocompleteSearchContext.Provider, {
110
+ value: contextProps,
112
111
  children: children
113
- }));
112
+ });
114
113
  };
115
114
  SearchAutocompleteWrapper.displayName = 'SearchAutocompleteWrapper';
116
115
 
@@ -80,14 +80,12 @@ var SearchSuggestions = /*#__PURE__*/forwardRef(function (props, ref) {
80
80
  focus = _useRoveFocus2[0],
81
81
  setFocus = _useRoveFocus2[1];
82
82
  var suggestionsToRender = maxSuggestions ? suggestions === null || suggestions === void 0 ? void 0 : suggestions.slice(maxSuggestions) : suggestions;
83
- var renderedSuggestions = jsx(SuggestionsList, Object.assign({
83
+ var renderedSuggestions = jsx(SuggestionsList, {
84
84
  role: "listbox",
85
- "aria-labelledby": suggestionsHeaderId
86
- }, {
85
+ "aria-labelledby": suggestionsHeaderId,
87
86
  children: suggestionsToRender.map(function (suggestion, index) {
88
- return jsx("li", Object.assign({
89
- role: "option"
90
- }, {
87
+ return jsx("li", {
88
+ role: "option",
91
89
  children: jsx(MenuItem, {
92
90
  index: index,
93
91
  focus: focus === index && showSuggestions,
@@ -99,22 +97,20 @@ var SearchSuggestions = /*#__PURE__*/forwardRef(function (props, ref) {
99
97
  "aria-posinset": index,
100
98
  size: componentSize
101
99
  })
102
- }), index);
100
+ }, index);
103
101
  })
104
- }));
102
+ });
105
103
  var isHidden = !showSuggestions;
106
104
  return jsxs(SuggestionsContainer, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
107
105
  ref: ref,
108
106
  isHidden: isHidden,
109
- "aria-hidden": isHidden
110
- }, {
111
- children: [jsx(SuggestionsHeader, Object.assign({
107
+ "aria-hidden": isHidden,
108
+ children: [jsx(SuggestionsHeader, {
112
109
  typographyType: "supportingStyleTiny01",
113
110
  forwardedAs: "span",
114
- id: suggestionsHeaderId
115
- }, {
111
+ id: suggestionsHeaderId,
116
112
  children: "S\xF8keforslag"
117
- })), renderedSuggestions]
113
+ }), renderedSuggestions]
118
114
  }));
119
115
  });
120
116
  SearchSuggestions.displayName = 'SearchSuggestions';
@@ -54,11 +54,10 @@ var CustomOption = function CustomOption(props, Element) {
54
54
  };
55
55
  var CustomSingleValue = function CustomSingleValue(props, id, Element) {
56
56
  return jsx(SingleValue, Object.assign({}, props, {
57
- children: jsx(InnerSingleValue, Object.assign({
58
- id: id
59
- }, {
57
+ children: jsx(InnerSingleValue, {
58
+ id: id,
60
59
  children: Element ? jsx(Element, Object.assign({}, props)) : props.children
61
- }))
60
+ })
62
61
  }));
63
62
  };
64
63
  var DDSNoOptionsMessage = function DDSNoOptionsMessage(props) {
@@ -200,12 +199,11 @@ var SelectInner = function SelectInner(props, ref) {
200
199
  required: required
201
200
  }, rest);
202
201
  return jsxs(Container, Object.assign({}, containerProps, {
203
- children: [hasLabel && jsx(Label, Object.assign({
202
+ children: [hasLabel && jsx(Label, {
204
203
  htmlFor: uniqueId,
205
- showRequiredStyling: showRequiredStyling
206
- }, {
204
+ showRequiredStyling: showRequiredStyling,
207
205
  children: label
208
- })), jsx(ReactSelect, Object.assign({}, reactSelectProps, {
206
+ }), jsx(ReactSelect, Object.assign({}, reactSelectProps, {
209
207
  ref: ref
210
208
  })), renderInputMessage(tip, tipId, errorMessage, errorMessageId)]
211
209
  }));
@@ -44,8 +44,7 @@ var SkipToContent = /*#__PURE__*/forwardRef(function (props, ref) {
44
44
  };
45
45
  return jsx(Wrapper, Object.assign({}, wrapperProps, {
46
46
  children: jsx(Link, Object.assign({}, getBaseHTMLProps(id, restHtmlProps, rest), {
47
- ref: ref
48
- }, {
47
+ ref: ref,
49
48
  children: text
50
49
  }))
51
50
  }));
@@ -2,7 +2,7 @@
2
2
  import { SkipToContentProps } from '.';
3
3
  declare const _default: {
4
4
  title: string;
5
- component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLAnchorElement>, "id" | "className"> & {
5
+ component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLAnchorElement>, "className" | "id"> & {
6
6
  text?: string | undefined;
7
7
  href: string;
8
8
  top?: import("csstype").Property.Top<0 | (string & {})> | undefined;