@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.
- package/dist/cjs/components/Button/Button.stories.d.ts +3 -3
- package/dist/cjs/components/Checkbox/Checkbox.stories.d.ts +2 -2
- package/dist/cjs/components/Chip/Chip.stories.d.ts +1 -1
- package/dist/cjs/components/DescriptionList/DescriptionList.stories.d.ts +2 -2
- package/dist/cjs/components/Divider/Divider.stories.d.ts +1 -1
- package/dist/cjs/components/Drawer/Drawer.stories.d.ts +1 -1
- package/dist/cjs/components/Feedback/CommentComponent.d.ts +13 -0
- package/dist/cjs/components/Feedback/Feedback.d.ts +2 -0
- package/dist/cjs/components/Feedback/Feedback.stories.d.ts +66 -0
- package/dist/cjs/components/Feedback/Feedback.types.d.ts +36 -0
- package/dist/cjs/components/Feedback/FlexContainer.d.ts +6 -0
- package/dist/cjs/components/Feedback/RatingComponent.d.ts +11 -0
- package/dist/cjs/components/Feedback/index.d.ts +2 -0
- package/dist/cjs/components/GlobalMessage/GlobalMessage.stories.d.ts +1 -1
- package/dist/cjs/components/InlineEdit/InlineEdit.stories.d.ts +1 -1
- package/dist/cjs/components/InlineEdit/InlineEditInput.stories.d.ts +1 -1
- package/dist/cjs/components/InlineEdit/InlineEditTextArea.stories.d.ts +1 -1
- package/dist/cjs/components/InputMessage/InputMessage.stories.d.ts +1 -1
- package/dist/cjs/components/List/List.stories.d.ts +1 -1
- package/dist/cjs/components/LocalMessage/LocalMessage.stories.d.ts +1 -1
- package/dist/cjs/components/Modal/Modal.stories.d.ts +1 -1
- package/dist/cjs/components/OverflowMenu/OverflowMenu.stories.d.ts +2 -2
- package/dist/cjs/components/Pagination/Pagination.stories.d.ts +1 -1
- package/dist/cjs/components/Popover/Popover.stories.d.ts +1 -1
- package/dist/cjs/components/ProgressTracker/ProgressTracker.stories.d.ts +3 -3
- package/dist/cjs/components/RadioButton/RadioButton.stories.d.ts +5 -5
- package/dist/cjs/components/RadioButton/RadioButtonGroup.stories.d.ts +1 -1
- package/dist/cjs/components/Search/Search.stories.d.ts +1 -1
- package/dist/cjs/components/SkipToContent/SkipToContent.stories.d.ts +1 -1
- package/dist/cjs/components/Stack/Stack.stories.d.ts +1 -1
- package/dist/cjs/components/Tabs/Tabs.stories.d.ts +3 -3
- package/dist/cjs/components/Tag/Tag.stories.d.ts +1 -1
- package/dist/cjs/components/ToggleButton/ToggleButton.stories.d.ts +2 -2
- package/dist/cjs/components/Tooltip/Tooltip.stories.d.ts +1 -1
- package/dist/cjs/components/Typography/Caption/Caption.stories.d.ts +1 -1
- package/dist/cjs/components/Typography/Heading/Heading.stories.d.ts +1 -1
- package/dist/cjs/components/Typography/Label/Label.stories.d.ts +1 -1
- package/dist/cjs/components/Typography/Legend/Legend.stories.d.ts +1 -1
- package/dist/cjs/components/Typography/Link/Link.stories.d.ts +3 -3
- package/dist/cjs/components/Typography/Paragraph/Paragraph.stories.d.ts +1 -1
- package/dist/cjs/icons/tsx/agreement.d.ts +2 -0
- package/dist/cjs/icons/tsx/caring.d.ts +2 -0
- package/dist/cjs/icons/tsx/index.d.ts +3 -0
- package/dist/cjs/icons/tsx/payout.d.ts +2 -0
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/index.js +515 -417
- package/dist/components/BackLink/BackLink.js +6 -8
- package/dist/components/Breadcrumbs/Breadcrumb.js +6 -8
- package/dist/components/Breadcrumbs/Breadcrumbs.js +1 -2
- package/dist/components/Button/Button.js +10 -14
- package/dist/components/Button/Button.stories.d.ts +3 -3
- package/dist/components/Card/Card.js +2 -4
- package/dist/components/Card/CardAccordion/CardAccordionBody.js +2 -4
- package/dist/components/Card/CardAccordion/CardAccordionHeader.js +4 -6
- package/dist/components/Checkbox/Checkbox.js +4 -6
- package/dist/components/Checkbox/Checkbox.stories.d.ts +2 -2
- package/dist/components/Checkbox/CheckboxGroup.js +8 -11
- package/dist/components/Chip/Chip.js +1 -2
- package/dist/components/Chip/Chip.stories.d.ts +1 -1
- package/dist/components/Chip/ChipGroup.js +1 -2
- package/dist/components/Datepicker/Datepicker.js +3 -4
- package/dist/components/DescriptionList/DescriptionList.stories.d.ts +2 -2
- package/dist/components/Divider/Divider.stories.d.ts +1 -1
- package/dist/components/Drawer/Drawer.js +4 -6
- package/dist/components/Drawer/Drawer.stories.d.ts +1 -1
- package/dist/components/EmptyContent/EmptyContent.js +5 -7
- package/dist/components/Feedback/CommentComponent.d.ts +13 -0
- package/dist/components/Feedback/CommentComponent.js +59 -0
- package/dist/components/Feedback/Feedback.d.ts +2 -0
- package/dist/components/Feedback/Feedback.js +103 -0
- package/dist/components/Feedback/Feedback.stories.d.ts +66 -0
- package/dist/components/Feedback/Feedback.types.d.ts +36 -0
- package/dist/components/Feedback/FlexContainer.d.ts +6 -0
- package/dist/components/Feedback/FlexContainer.js +12 -0
- package/dist/components/Feedback/RatingComponent.d.ts +11 -0
- package/dist/components/Feedback/RatingComponent.js +79 -0
- package/dist/components/Feedback/index.d.ts +2 -0
- package/dist/components/FileUploader/FileUploader.js +10 -14
- package/dist/components/GlobalMessage/GlobalMessage.js +6 -8
- package/dist/components/GlobalMessage/GlobalMessage.stories.d.ts +1 -1
- package/dist/components/Grid/Grid.js +5 -8
- package/dist/components/Grid/GridChild.js +1 -2
- package/dist/components/InlineEdit/InlineEdit.stories.d.ts +1 -1
- package/dist/components/InlineEdit/InlineEdit.utils.js +3 -4
- package/dist/components/InlineEdit/InlineEditInput.js +3 -4
- package/dist/components/InlineEdit/InlineEditInput.stories.d.ts +1 -1
- package/dist/components/InlineEdit/InlineEditTextArea.js +3 -4
- package/dist/components/InlineEdit/InlineEditTextArea.stories.d.ts +1 -1
- package/dist/components/InlineEdit/InlineInput.js +6 -8
- package/dist/components/InlineEdit/InlineTextArea.js +6 -8
- package/dist/components/InputMessage/InputMessage.js +3 -4
- package/dist/components/InputMessage/InputMessage.stories.d.ts +1 -1
- package/dist/components/InternalHeader/InternalHeader.js +12 -16
- package/dist/components/InternalHeader/NavigationItem.js +1 -2
- package/dist/components/List/List.stories.d.ts +1 -1
- package/dist/components/LocalMessage/LocalMessage.js +3 -4
- package/dist/components/LocalMessage/LocalMessage.stories.d.ts +1 -1
- package/dist/components/Modal/Modal.js +4 -6
- package/dist/components/Modal/Modal.stories.d.ts +1 -1
- package/dist/components/Modal/ModalBody.js +3 -4
- package/dist/components/OverflowMenu/OverflowMenu.js +4 -6
- package/dist/components/OverflowMenu/OverflowMenu.stories.d.ts +2 -2
- package/dist/components/OverflowMenu/OverflowMenuItem.js +4 -7
- package/dist/components/Pagination/Pagination.js +18 -25
- package/dist/components/Pagination/Pagination.stories.d.ts +1 -1
- package/dist/components/Popover/Popover.js +7 -10
- package/dist/components/Popover/Popover.stories.d.ts +1 -1
- package/dist/components/ProgressTracker/ProgressTracker.js +3 -4
- package/dist/components/ProgressTracker/ProgressTracker.stories.d.ts +3 -3
- package/dist/components/ProgressTracker/ProgressTrackerItem.js +8 -12
- package/dist/components/RadioButton/RadioButton.js +4 -6
- package/dist/components/RadioButton/RadioButton.stories.d.ts +5 -5
- package/dist/components/RadioButton/RadioButtonGroup.js +9 -13
- package/dist/components/RadioButton/RadioButtonGroup.stories.d.ts +1 -1
- package/dist/components/ScrollableContainer/ScrollableContainer.js +3 -4
- package/dist/components/Search/Search.js +6 -8
- package/dist/components/Search/Search.stories.d.ts +1 -1
- package/dist/components/Search/SearchAutocompleteWrapper.js +3 -4
- package/dist/components/Search/SearchSuggestions.js +10 -14
- package/dist/components/Select/Select.js +6 -8
- package/dist/components/SkipToContent/SkipToContent.js +1 -2
- package/dist/components/SkipToContent/SkipToContent.stories.d.ts +1 -1
- package/dist/components/Spinner/Spinner.js +3 -4
- package/dist/components/SplitButton/SplitButton.js +6 -8
- package/dist/components/Stack/Stack.stories.d.ts +1 -1
- package/dist/components/Table/SortCell.js +3 -4
- package/dist/components/Table/collapsible/CollapsibleRow.js +16 -22
- package/dist/components/Table/collapsible/CollapsibleTable.js +3 -4
- package/dist/components/Tabs/Tabs.js +4 -6
- package/dist/components/Tabs/Tabs.stories.d.ts +3 -3
- package/dist/components/Tag/Tag.js +1 -2
- package/dist/components/Tag/Tag.stories.d.ts +1 -1
- package/dist/components/TextArea/TextArea.js +3 -4
- package/dist/components/TextInput/CharCounter.js +1 -2
- package/dist/components/TextInput/TextInput.js +9 -12
- package/dist/components/ToggleBar/ToggleBar.js +7 -10
- package/dist/components/ToggleBar/ToggleRadio.js +6 -8
- package/dist/components/ToggleButton/ToggleButton.js +3 -4
- package/dist/components/ToggleButton/ToggleButton.stories.d.ts +2 -2
- package/dist/components/ToggleButton/ToggleButtonGroup.js +3 -4
- package/dist/components/Tooltip/Tooltip.js +1 -2
- package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -1
- package/dist/components/Typography/Caption/Caption.js +1 -2
- package/dist/components/Typography/Caption/Caption.stories.d.ts +1 -1
- package/dist/components/Typography/Heading/Heading.stories.d.ts +1 -1
- package/dist/components/Typography/Label/Label.js +1 -2
- package/dist/components/Typography/Label/Label.stories.d.ts +1 -1
- package/dist/components/Typography/Legend/Legend.js +1 -2
- package/dist/components/Typography/Legend/Legend.stories.d.ts +1 -1
- package/dist/components/Typography/Link/Link.stories.d.ts +3 -3
- package/dist/components/Typography/Paragraph/Paragraph.stories.d.ts +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.js +1 -2
- package/dist/helpers/Chevron/AnimatedChevronUpDown.js +6 -8
- package/dist/icons/tsx/agreement.d.ts +2 -0
- package/dist/icons/tsx/agreement.js +12 -0
- package/dist/icons/tsx/caring.d.ts +2 -0
- package/dist/icons/tsx/caring.js +12 -0
- package/dist/icons/tsx/index.d.ts +3 -0
- package/dist/icons/tsx/jordskifterett.js +1 -2
- package/dist/icons/tsx/payout.d.ts +2 -0
- package/dist/icons/tsx/payout.js +12 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +4 -0
- 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,
|
|
120
|
-
typographyType: "headingSans03"
|
|
121
|
-
}, {
|
|
118
|
+
children: typeof header === 'string' ? jsx(Typography, {
|
|
119
|
+
typographyType: "headingSans03",
|
|
122
120
|
children: header
|
|
123
|
-
})
|
|
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>, "
|
|
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,
|
|
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,
|
|
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>, "
|
|
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").
|
|
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({},
|
|
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,
|
|
158
|
+
children: [jsx(ListItem, {
|
|
159
159
|
isHidden: isOnFirstPage,
|
|
160
|
-
"aria-hidden": isOnFirstPage
|
|
161
|
-
}, {
|
|
160
|
+
"aria-hidden": isOnFirstPage,
|
|
162
161
|
children: previousPageButton
|
|
163
|
-
})
|
|
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,
|
|
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
|
-
})
|
|
187
|
+
}), jsx(ListItem, {
|
|
191
188
|
isHidden: isOnFirstPage,
|
|
192
|
-
"aria-hidden": isOnFirstPage
|
|
193
|
-
}, {
|
|
189
|
+
"aria-hidden": isOnFirstPage,
|
|
194
190
|
children: previousPageButton
|
|
195
|
-
})
|
|
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,
|
|
199
|
+
}), jsx(ListItem, {
|
|
204
200
|
isHidden: isOnLastPage,
|
|
205
|
-
"aria-hidden": isOnLastPage
|
|
206
|
-
}, {
|
|
201
|
+
"aria-hidden": isOnLastPage,
|
|
207
202
|
children: nextPageButton
|
|
208
|
-
})
|
|
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,
|
|
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">, "
|
|
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,
|
|
127
|
-
typographyType: "headingSans02"
|
|
128
|
-
}, {
|
|
125
|
+
children: typeof title === 'string' ? jsx(Typography, {
|
|
126
|
+
typographyType: "headingSans02",
|
|
129
127
|
children: title
|
|
130
|
-
})
|
|
131
|
-
}), jsx(ContentContainer,
|
|
128
|
+
}) : title
|
|
129
|
+
}), jsx(ContentContainer, {
|
|
132
130
|
hasTitle: !!title,
|
|
133
|
-
withCloseButton: withCloseButton
|
|
134
|
-
}, {
|
|
131
|
+
withCloseButton: withCloseButton,
|
|
135
132
|
children: children
|
|
136
|
-
})
|
|
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>, "
|
|
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,
|
|
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>, "
|
|
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>, "
|
|
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>, "
|
|
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,
|
|
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,
|
|
126
|
-
as: "span"
|
|
127
|
-
}, {
|
|
122
|
+
children: [jsx(VisuallyHidden, {
|
|
123
|
+
as: "span",
|
|
128
124
|
children: getVisuallyHiddenText(active, completed, index)
|
|
129
|
-
})
|
|
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,
|
|
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>, "
|
|
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>, "
|
|
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
|
-
})
|
|
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
|
-
})
|
|
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">, "
|
|
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,
|
|
38
|
+
children: [jsx(Content, {
|
|
39
39
|
height: contentHeight,
|
|
40
40
|
ref: ref,
|
|
41
|
-
tabIndex: 0
|
|
42
|
-
}, {
|
|
41
|
+
tabIndex: 0,
|
|
43
42
|
children: children
|
|
44
|
-
})
|
|
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,
|
|
143
|
-
htmlFor: uniqueId
|
|
144
|
-
}, {
|
|
142
|
+
children: [hasLabel && jsx(Label, {
|
|
143
|
+
htmlFor: uniqueId,
|
|
145
144
|
children: label
|
|
146
|
-
})
|
|
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,
|
|
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>, "
|
|
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,
|
|
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,
|
|
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",
|
|
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
|
-
}
|
|
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
|
-
})
|
|
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,
|
|
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,
|
|
202
|
+
children: [hasLabel && jsx(Label, {
|
|
204
203
|
htmlFor: uniqueId,
|
|
205
|
-
showRequiredStyling: showRequiredStyling
|
|
206
|
-
}, {
|
|
204
|
+
showRequiredStyling: showRequiredStyling,
|
|
207
205
|
children: label
|
|
208
|
-
})
|
|
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>, "
|
|
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;
|