@norges-domstoler/dds-components 0.0.0-dev-20260923130942 → 0.0.0-dev-20260928125918

package/dist/index.cjs

@@ -1708,6 +1708,59 @@ var DropdownItem_module_default = {
 	"item--loading": "dds-DropdownItem-module__item--loading"
 };
 //#endregion
+//#region src/components/Badge/Badge.module.css
+var Badge_module_default = {
+	"container": "dds-Badge-module__container",
+	"notification": "dds-Badge-module__notification",
+	"action": "dds-Badge-module__action",
+	"neutral": "dds-Badge-module__neutral",
+	"subtle": "dds-Badge-module__subtle"
+};
+const Badge = ({ id, className, style, htmlProps, purpose = "notification", size = "medium", children, max = 9, showZero = false, ...rest }) => {
+	const hasChildren = !!children || showZero && children === 0;
+	const heightVariant = hasChildren ? "withChildren" : "noChildren";
+	const height = {
+		withChildren: {
+			xsmall: "18px",
+			small: "21px",
+			medium: "24px",
+			large: "27px"
+		},
+		noChildren: {
+			xsmall: "x0.5",
+			small: "x0.75",
+			medium: "x1",
+			large: "x1.5"
+		}
+	};
+	const color = {
+		notification: "text-on-notification",
+		action: "text-on-action",
+		neutral: "text-on-inverse",
+		subtle: "text-default"
+	};
+	const displayValue = hasChildren && max && children > max ? `${max}+` : children;
+	if (!(!showZero && children === 0 ? false : true)) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Box, {
+		as: "span",
+		paddingInline: hasChildren ? "x0.25" : void 0,
+		minWidth: height[heightVariant][size],
+		maxWidth: "fit-content",
+		height: height[heightVariant][size],
+		display: "inline-flex",
+		alignItems: "center",
+		justifyContent: "center",
+		...getBaseHTMLProps(id, cn(className, Badge_module_default.container, Badge_module_default[purpose], typographyStyles_module_default[`body-short-${size}`]), style, htmlProps, rest),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Typography, {
+			as: "span",
+			typographyType: `body-short-${size}`,
+			color: color[purpose],
+			children: displayValue
+		})
+	});
+};
+Badge.displayName = "Badge";
+//#endregion
 //#region src/components/Icon/Icon.tsx
 const getSize = (iconSize) => {
 	switch (iconSize) {
@@ -1893,7 +1946,7 @@ var focus_module_default = {
 };
 //#endregion
 //#region src/components/helpers/Dropdown/DropdownItem.tsx
-const DropdownItem = ({ icon, className, children: propChildren, purpose = "default", loading, loadingTooltip, ...rest }) => {
+const DropdownItem = ({ icon, className, children: propChildren, purpose = "default", loading, loadingTooltip, badgeProps, ...rest }) => {
 	const itemCns = [
 		DropdownItem_module_default.item,
 		DropdownItem_module_default[purpose],
@@ -1931,7 +1984,13 @@ const DropdownItem = ({ icon, className, children: propChildren, purpose = "defa
 				icon,
 				className: cn(loading && utilStyles_module_default.invisible)
 			}),
-			children
+			children,
+			badgeProps && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Box, {
+				as: Badge,
+				...badgeProps,
+				size: "small",
+				marginInline: "x0.25 0"
+			})
 		]
 	});
 };
@@ -2114,6 +2173,7 @@ function SvgWrapper({ height, width, fill = "currentColor", className, title, ch
 }
 //#endregion
 //#region src/components/Icon/icons/addressShielded.tsx
+/** Access and people. Search terms: adresse, address, skjermet, shielded, beskyttet, protected. */
 function AddressShieldedIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2126,6 +2186,7 @@ function AddressShieldedIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/agreement.tsx
+/** Services. Search terms: avtale, agreement, kontrakt, contract, dokument, document. */
 function AgreementIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2140,6 +2201,7 @@ function AgreementIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/apps.tsx
+/** Navigation and menu. Search terms: apps, applikasjoner, grid, rutenett, meny, menu. */
 function AppsIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2152,6 +2214,7 @@ function AppsIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/archive.tsx
+/** Document and file. Search terms: arkiv, archive, lagre, store, mappe, folder. */
 function ArchiveIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2160,6 +2223,7 @@ function ArchiveIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/arrowDown.tsx
+/** Arrows and chevron. Search terms: pil, arrow, ned, down. */
 function ArrowDownIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2168,6 +2232,7 @@ function ArrowDownIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/arrowLeft.tsx
+/** Arrows and chevron. Search terms: pil, arrow, venstre, left, tilbake, back. */
 function ArrowLeftIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2176,6 +2241,7 @@ function ArrowLeftIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/arrowRight.tsx
+/** Arrows and chevron. Search terms: pil, arrow, høyre, right, frem, forward. */
 function ArrowRightIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2184,6 +2250,7 @@ function ArrowRightIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/arrowUp.tsx
+/** Arrows and chevron. Search terms: pil, arrow, opp, up. */
 function ArrowUpIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2192,6 +2259,7 @@ function ArrowUpIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/arrowUpRight.tsx
+/** Arrows and chevron. Search terms: pil, arrow, opp, up, høyre, right. */
 function ArrowUpRightIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2200,6 +2268,7 @@ function ArrowUpRightIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/attachment.tsx
+/** Document and file. Search terms: vedlegg, attachment, fil, file, binders, clip. */
 function AttachmentIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2208,6 +2277,7 @@ function AttachmentIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/block.tsx
+/** Access and people. Search terms: blokker, block, forbudt, forbidden, avvis, deny. */
 function BlockIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2216,6 +2286,7 @@ function BlockIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/book.tsx
+/** Services. Search terms: bok, book, dokument, document, lese, read. */
 function BookIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2224,6 +2295,7 @@ function BookIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/briefcase.tsx
+/** Services. Search terms: koffert, briefcase, sak, case, jobb, work, advokat, lawyer. */
 function BriefcaseIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2237,6 +2309,7 @@ function BriefcaseIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/build.tsx
+/** Settings and tools. Search terms: bygg, build, verktøy, tool, wrench, skiftenøkkel, nøkkel. */
 function BuildIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2245,6 +2318,7 @@ function BuildIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/building.tsx
+/** Services. Search terms: bygning, building, kontor, office, institusjon, institution. */
 function BuildingIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2259,6 +2333,7 @@ function BuildingIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/calendar.tsx
+/** Date, time and place. Search terms: kalender, calendar, dato, date. */
 function CalendarIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2272,6 +2347,7 @@ function CalendarIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/calendarMonth.tsx
+/** Date, time and place. Search terms: kalender, calendar, måned, month, dato, date. */
 function CalendarMonthIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2291,6 +2367,7 @@ function CalendarMonthIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/calendarViewDay.tsx
+/** Date, time and place. Search terms: kalender, calendar, dag, day, dato, date. */
 function CalendarViewDayIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2303,6 +2380,7 @@ function CalendarViewDayIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/calendarViewMonth.tsx
+/** Date, time and place. Search terms: kalender, calendar, måned, month, dato, date. */
 function CalendarViewMonthIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2316,6 +2394,7 @@ function CalendarViewMonthIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/calendarViewWeek.tsx
+/** Date, time and place. Search terms: kalender, calendar, uke, week, dato, date. */
 function CalendarViewWeekIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2328,6 +2407,7 @@ function CalendarViewWeekIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/call.tsx
+/** Communication. Search terms: ring, call, telefon, phone, samtale. */
 function CallIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2336,6 +2416,7 @@ function CallIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/caring.tsx
+/** Services. Search terms: omsorg, caring, pleie, care, hånd, hand, hjerte, heart. */
 function CaringIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2344,6 +2425,7 @@ function CaringIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/chat.tsx
+/** Communication. Search terms: chat, melding, message, snakke, talk, boble, bubble. */
 function ChatIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2352,6 +2434,7 @@ function ChatIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/check.tsx
+/** Checks and crosses. Search terms: hake, check, godkjent, approved, valgt, selected. */
 function CheckIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2360,6 +2443,7 @@ function CheckIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/checkCircled.tsx
+/** Checks and crosses. Search terms: hake, check, sirkel, circle, godkjent, approved, suksess, success. */
 function CheckCircledIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2368,6 +2452,7 @@ function CheckCircledIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/checklist.tsx
+/** Document and file. Search terms: sjekkliste, checklist, liste, list, oppgaver, tasks. */
 function ChecklistIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2376,6 +2461,7 @@ function ChecklistIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/chevronDown.tsx
+/** Arrows and chevron. Search terms: chevron, pil, arrow, ned, down, sammentrukket, collapsed. */
 function ChevronDownIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2384,6 +2470,7 @@ function ChevronDownIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/chevronFirst.tsx
+/** Arrows and chevron. Search terms: chevron, pil, arrow, første, first, start. */
 function ChevronFirstIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2392,6 +2479,7 @@ function ChevronFirstIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/chevronLast.tsx
+/** Arrows and chevron. Search terms: chevron, pil, arrow, siste, last, end, slutt. */
 function ChevronLastIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2400,6 +2488,7 @@ function ChevronLastIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/chevronLeft.tsx
+/** Arrows and chevron. Search terms: chevron, pil, arrow, venstre, left, tilbake, back. */
 function ChevronLeftIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2408,6 +2497,7 @@ function ChevronLeftIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/chevronRight.tsx
+/** Arrows and chevron. Search terms: chevron, pil, arrow, høyre, right, frem, forward. */
 function ChevronRightIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2416,6 +2506,7 @@ function ChevronRightIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/chevronUp.tsx
+/** Arrows and chevron. Search terms: chevron, pil, arrow, opp, up, utvidet, expanded. */
 function ChevronUpIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2424,6 +2515,7 @@ function ChevronUpIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/circle.tsx
+/** Notifications. Search terms: sirkel, circle, form, shape. */
 function CircleIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2432,6 +2524,7 @@ function CircleIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/circleFilled.tsx
+/** Notifications. Search terms: sirkel, circle, fylt, filled, form, shape, punkt, dot. */
 function CircleFilledIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2440,6 +2533,7 @@ function CircleFilledIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/close.tsx
+/** Checks and crosses. Search terms: lukke, close, dismiss, exit, avbryt, cancel, x, kryss, cross. */
 function CloseIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2448,6 +2542,7 @@ function CloseIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/closeSmall.tsx
+/** Checks and crosses. Search terms: lukke, close, liten, small, x, kryss, cross, avbryt, cancel. */
 function CloseSmallIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2456,6 +2551,7 @@ function CloseSmallIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/closeCircled.tsx
+/** Checks and crosses. Search terms: lukke, close, sirkel, circle, avbryt, cancel, x, kryss, cross. */
 function CloseCircledIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2464,6 +2560,7 @@ function CloseCircledIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/cloud.tsx
+/** Document and file. Search terms: sky, cloud, lagre, save, opplasting, upload. */
 function CloudIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2472,6 +2569,7 @@ function CloudIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/collapse.tsx
+/** UI manipulate. Search terms: kollapse, collapse, minimere, minimize, skjul, hide. */
 function CollapseIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2480,6 +2578,7 @@ function CollapseIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/comment.tsx
+/** Communication. Search terms: kommentar, comment, melding, message, boble, bubble, tekst, text. */
 function CommentIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2488,6 +2587,7 @@ function CommentIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/copy.tsx
+/** Edit. Search terms: kopier, copy, dupliser, duplicate, klon, clone. */
 function CopyIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2496,6 +2596,7 @@ function CopyIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/court.tsx
+/** Domain. Search terms: domstol, court, rett, rettssal, courtroom. */
 function CourtIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2504,6 +2605,7 @@ function CourtIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/dateRange.tsx
+/** Date, time and place. Search terms: datoperiode, date range, kalender, calendar, periode, period. */
 function DateRangeIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2521,6 +2623,7 @@ function DateRangeIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/deaths.tsx
+/** Services. Search terms: dødsfall, deaths, skifte, estate, arv, inheritance, rose, blomst, flower. */
 function DeathsIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2535,6 +2638,7 @@ function DeathsIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/desktop.tsx
+/** Settings and tools. Search terms: desktop, skjerm, screen, datamaskin, computer, pc, system. */
 function DesktopIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2547,6 +2651,7 @@ function DesktopIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/desktopMobile.tsx
+/** Settings and tools. Search terms: desktop, skjerm, screen, datamaskin, computer, pc, system, mobil, mobile, responsive. */
 function DesktopMobileIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2560,6 +2665,7 @@ function DesktopMobileIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/doubleChevronLeft.tsx
+/** Arrows and chevron. Search terms: chevron, pil, arrow, venstre, left, første, first, dobbel, double, baklengs, backward. */
 function DoubleChevronLeftIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2568,6 +2674,7 @@ function DoubleChevronLeftIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/doubleChevronRight.tsx
+/** Arrows and chevron. Search terms: chevron, pil, arrow, høyre, right, dobbel, double, forward, fram. */
 function DoubleChevronRightIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2576,6 +2683,7 @@ function DoubleChevronRightIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/download.tsx
+/** Document and file. Search terms: last ned, download, lagre, save, fil, file. */
 function DownloadIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2584,6 +2692,7 @@ function DownloadIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/downloadDone.tsx
+/** Document and file. Search terms: last ned, download, lagret, saved, ferdig, done, fullført, complete. */
 function DownloadDoneIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2596,6 +2705,7 @@ function DownloadDoneIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/dragHandle.tsx
+/** UI manipulate. Search terms: dra, drag, håndtak, handle, flytt, move, sortering, sorting. */
 function DragHandleIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2604,6 +2714,7 @@ function DragHandleIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/edit.tsx
+/** Edit. Search terms: rediger, edit, blyant, pencil, endre, change, skriv, write, penn. */
 function EditIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2612,6 +2723,7 @@ function EditIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/editAlt.tsx
+/** Edit. Search terms: rediger, edit, blyant, pencil, endre, change, skrive, write, penn. */
 function EditAltIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2624,6 +2736,7 @@ function EditAltIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/error.tsx
+/** Notifications. Search terms: feil, error, advarsel, alert, problem, issue. */
 function ErrorIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2636,6 +2749,7 @@ function ErrorIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/exclaim.tsx
+/** Notifications. Search terms: utropstegn, exclamation, advarsel, warning, alert, obs. */
 function ExclaimIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2644,6 +2758,7 @@ function ExclaimIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/expand.tsx
+/** UI manipulate. Search terms: utvid, expand, forstørre, enlarge, åpne, open. */
 function ExpandIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2652,6 +2767,7 @@ function ExpandIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/facebook.tsx
+/** Social. Search terms: facebook, sosiale medier, social media, fb. */
 function FacebookIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2660,6 +2776,7 @@ function FacebookIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/family.tsx
+/** Services. Search terms: familie, family, blomst, flower. */
 function FamilyIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2674,6 +2791,7 @@ function FamilyIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/feedback.tsx
+/** Communication. Search terms: tilbakemelding, feedback, kommentar, comment, vurdering, review, utropstegn, exclamation, boble, bubble. */
 function FeedbackIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2682,6 +2800,7 @@ function FeedbackIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/file.tsx
+/** Document and file. Search terms: dokument, document, side, page. */
 function FileIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2690,6 +2809,7 @@ function FileIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/fileAdd.tsx
+/** Document and file. Search terms: legg til fil, add file, ny fil, new file, dokument, document, pluss, side, page. */
 function FileAddIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2698,6 +2818,7 @@ function FileAddIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/fileShielded.tsx
+/** Access and people. Search terms: skjermet fil, shielded file, beskyttet, protected, dokument, document, side, page. */
 function FileShieldedIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2711,6 +2832,7 @@ function FileShieldedIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/fileSigned.tsx
+/** Document and file. Search terms: signert fil, signed file, underskrift, signature, dokument, document. */
 function FileSignedIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2728,6 +2850,7 @@ function FileSignedIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/fileText.tsx
+/** Document and file. Search terms: tekstfil, text file, dokument, document, innhold, content. */
 function FileTextIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2736,6 +2859,7 @@ function FileTextIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/filter.tsx
+/** Search and filter. Search terms: filtrere, søk, search, trakt, funnel. */
 function FilterIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2744,6 +2868,7 @@ function FilterIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/filterList.tsx
+/** Search and filter. Search terms: liste, filterliste, filter list, filtrere. */
 function FilterListIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2756,6 +2881,7 @@ function FilterListIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/findInPage.tsx
+/** Search and filter. Search terms: finn i side, find in page, søk, search, dokument, document, side, page. */
 function FindInPageIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2764,6 +2890,7 @@ function FindInPageIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/flickr.tsx
+/** Social. Search terms: sosiale medier, social media, bilder, photos. */
 function FlickrIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2772,6 +2899,7 @@ function FlickrIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/floppyDisk.tsx
+/** Settings and tools. Search terms: diskett, floppy disk, lagre, save, diskette. */
 function FloppyDiskIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2785,6 +2913,7 @@ function FloppyDiskIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/folder.tsx
+/** Document and file. Search terms: mappe, katalog, directory. */
 function FolderIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2793,6 +2922,7 @@ function FolderIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/folderAdd.tsx
+/** Document and file. Search terms: mappe, legg til mappe, add folder, ny mappe, new folder, pluss. */
 function FolderAddIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2801,6 +2931,7 @@ function FolderAddIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/folderShielded.tsx
+/** Access and people. Search terms: mappe, skjermet mappe, shielded folder, beskyttet, protected. */
 function FolderShieldedIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2813,6 +2944,7 @@ function FolderShieldedIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/fullscreenExit.tsx
+/** UI manipulate. Search terms: fullskjerm, forlat fullskjerm, exit fullscreen, minimere, minimize, skjerm, screen. */
 function FullscreenExitIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2821,6 +2953,7 @@ function FullscreenExitIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/fullscreen.tsx
+/** UI manipulate. Search terms: fullskjerm, forstørre, maximize, skjerm, screen. */
 function FullscreenIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2829,6 +2962,7 @@ function FullscreenIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/gavel.tsx
+/** Domain. Search terms: hammer, dommer, judge, domstol, court, rett, klubbe. */
 function GavelIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2844,6 +2978,7 @@ function GavelIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/group.tsx
+/** Access and people. Search terms: gruppe, group, personer, people, team, mennesker, folk. */
 function GroupIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2857,6 +2992,7 @@ function GroupIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/guardian.tsx
+/** Access and people. Search terms: verge, guardian, personer, people, beskytter, protector, mennesker, folk. */
 function GuardianIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2870,6 +3006,7 @@ function GuardianIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/help.tsx
+/** Notifications. Search terms: hjelp, help, spørsmål, question, veiledning, guide, sirkel, circle. */
 function HelpIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2883,6 +3020,7 @@ function HelpIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/helpFilled.tsx
+/** Notifications. Search terms: hjelp, help, fylt, filled, spørsmål, question, veiledning, guide, circle, sirkel. */
 function HelpFilledIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2895,6 +3033,7 @@ function HelpFilledIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/home.tsx
+/** Navigation and menu. Search terms: hjem, home, startside, hus, house. */
 function HomeIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2903,6 +3042,7 @@ function HomeIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/hourglassEmpty.tsx
+/** Date, time and place. Search terms: timeglass, hourglass, vente, wait, tid, time. */
 function HourglassEmptyIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2916,6 +3056,7 @@ function HourglassEmptyIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/image.tsx
+/** Document and file. Search terms: fil, bilde, image, foto, photo, media. */
 function ImageIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2924,6 +3065,7 @@ function ImageIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/info.tsx
+/** Notifications. Search terms: info, informasjon, information, melding, message. */
 function InfoIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2936,6 +3078,7 @@ function InfoIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/instagram.tsx
+/** Social. Search terms: instagram, sosiale medier, social media, bilder, photos. */
 function InstagramIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2944,6 +3087,7 @@ function InstagramIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/jordskifterett.tsx
+/** Brand. Search terms: jordskifterett, domstol, court, rett. */
 function JordskifterettIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2956,6 +3100,7 @@ function JordskifterettIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/jordskiftesak.tsx
+/** Domain. Search terms: jordskiftesak, sak, case, jord, land, kart, map. */
 function JordskiftesakIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -2971,6 +3116,7 @@ function JordskiftesakIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/key.tsx
+/** Access and people. Search terms: nøkkel, key, tilgang, access, autentisering, authentication. */
 function KeyIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2979,6 +3125,7 @@ function KeyIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/lagmannsrett.tsx
+/** Brand. Search terms: lagmannsrett, domstol, court, rett, anke, appeal. */
 function LagmannsrettIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -2992,6 +3139,7 @@ function LagmannsrettIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/language.tsx
+/** Settings and tools. Search terms: språk, language, globe, jorden, earth, oversett, translate. */
 function LanguageIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3000,6 +3148,7 @@ function LanguageIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/link.tsx
+/** Document and file. Search terms: lenke, link, url, kobling, connection. */
 function LinkIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3008,6 +3157,7 @@ function LinkIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/linkedIn.tsx
+/** Social. Search terms: linkedin, sosiale medier, social media, jobb, work. */
 function LinkedInIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3020,6 +3170,7 @@ function LinkedInIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/linkOff.tsx
+/** Document and file. Search terms: fjern lenke, unlink, url, link off, kobling, connection. */
 function LinkOffIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3028,6 +3179,7 @@ function LinkOffIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/list.tsx
+/** Document and file. Search terms: liste, list, elementer, items, oppgaver, tasks. */
 function ListIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3043,6 +3195,7 @@ function ListIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/listAlt.tsx
+/** Document and file. Search terms: liste, list, elementer, items, oppgaver, tasks. */
 function ListAltIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3059,6 +3212,7 @@ function ListAltIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/location.tsx
+/** Date, time and place. Search terms: plassering, posisjon, location, kart, map, sted, place, pin, gps. */
 function LocationIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3067,6 +3221,7 @@ function LocationIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/lock.tsx
+/** Access and people. Search terms: locked, sikker, secure, beskytt, protect, låst. */
 function LockIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3081,6 +3236,7 @@ function LockIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/lockFilled.tsx
+/** Access and people. Search terms: låst, locked, fylt, filled, sikker, secure, beskytt, protect. */
 function LockFilledIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3093,6 +3249,7 @@ function LockFilledIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/lockOpen.tsx
+/** Access and people. Search terms: åpen lås, lock open, ulåst, unlocked, tilgang, access. */
 function LockOpenIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3107,6 +3264,7 @@ function LockOpenIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/login.tsx
+/** Navigation and menu. Search terms: logg inn, login, sign in, autentiser, authenticate, pil, arrow. */
 function LoginIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3115,6 +3273,7 @@ function LoginIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/logout.tsx
+/** Navigation and menu. Search terms: logg ut, logout, sign out, avslutt, exit, pil, arrow. */
 function LogoutIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3123,6 +3282,7 @@ function LogoutIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/mail.tsx
+/** Communication. Search terms: epost, mail, email, ulest, unread, brev, letter, melding, message, konvolutt. */
 function MailIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3131,6 +3291,7 @@ function MailIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/mailOpen.tsx
+/** Communication. Search terms: åpen e-post, open mail, email, lest, read, brev, letter, melding, message, konvolutt. */
 function MailOpenIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3139,6 +3300,7 @@ function MailOpenIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/menu.tsx
+/** Navigation and menu. Search terms: meny, menu, hamburger, navigasjon, navigation, linjer, lines. */
 function MenuIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3151,6 +3313,7 @@ function MenuIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/minus.tsx
+/** Zoom and add. Search terms: minus, fjern, remove, reduser, decrease, strek. */
 function MinusIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3159,6 +3322,7 @@ function MinusIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/minusCircled.tsx
+/** Zoom and add. Search terms: minus, sirkel, circle, fjern, remove, reduser, decrease. */
 function MinusCircledIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3167,6 +3331,7 @@ function MinusCircledIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/moreHorizontal.tsx
+/** Navigation and menu. Search terms: mer, more, horisontal, horizontal, prikker, dots, meny, menu. */
 function MoreHorizontalIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3175,6 +3340,7 @@ function MoreHorizontalIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/moreVertical.tsx
+/** Navigation and menu. Search terms: mer, more, vertikal, vertical, prikker, dots, meny, menu, settings. */
 function MoreVerticalIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3183,6 +3349,7 @@ function MoreVerticalIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/notarial.tsx
+/** Services. Search terms: notarial, notarius, notary, stempel, stamp. */
 function NotarialIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3191,6 +3358,7 @@ function NotarialIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/notifications.tsx
+/** Notifications. Search terms: varsler, notifications, bjelle, bell, alarm, alert. */
 function NotificationsIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3199,6 +3367,7 @@ function NotificationsIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/notificationsOff.tsx
+/** Notifications. Search terms: slå av varsler, notifications off, bjelle, bell, stille, mute. */
 function NotificationsOffIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3207,6 +3376,7 @@ function NotificationsOffIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/onlineMeeting.tsx
+/** Communication. Search terms: nettmøte, online meeting, video, samtale, call, møte, meeting, camera, kamera. */
 function OnlineMeetingIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3215,6 +3385,7 @@ function OnlineMeetingIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/openExternal.tsx
+/** Navigation and menu. Search terms: åpne eksternt, open external, lenke, link, arrow, pil. */
 function OpenExternalIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3223,6 +3394,7 @@ function OpenExternalIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/palette.tsx
+/** Settings and tools. Search terms: palett, palette, farger, colors, design, tema, theme. */
 function PaletteIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3237,6 +3409,7 @@ function PaletteIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/panelLeft.tsx
+/** UI manipulate. Search terms: panel venstre, panel left, sidebar, skjul, hide, vis, show, visning. */
 function PanelLeftIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3249,6 +3422,7 @@ function PanelLeftIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/paperPlane.tsx
+/** Communication. Search terms: papirfly, paper plane, melding, message, sende. */
 function PaperPlaneIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3257,6 +3431,7 @@ function PaperPlaneIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/payout.tsx
+/** Services. Search terms: utbetaling, payout, betaling, payment, penger, money, hånd, hand. */
 function PayoutIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3271,6 +3446,7 @@ function PayoutIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/pdf.tsx
+/** Document and file. Search terms: pdf, dokument, document, fil, file. */
 function PdfIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3284,6 +3460,7 @@ function PdfIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/person.tsx
+/** Access and people. Search terms: person, bruker, user, profil, profile, konto, account. */
 function PersonIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3296,6 +3473,7 @@ function PersonIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/personAdd.tsx
+/** Access and people. Search terms: legg til person, add person, ny bruker, new user, inviter, invite, pluss. */
 function PersonAddIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3312,6 +3490,7 @@ function PersonAddIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/personShielded.tsx
+/** Access and people. Search terms: skjermet person, shielded person, beskyttet, protected, person. */
 function PersonShieldedIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3325,6 +3504,7 @@ function PersonShieldedIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/pin.tsx
+/** Document and file. Search terms: pin, nål, fest, pin, marker. */
 function PinIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3333,6 +3513,7 @@ function PinIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/plus.tsx
+/** Zoom and add. Search terms: pluss, legg til, add, ny, new, opprett, create. */
 function PlusIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3341,6 +3522,7 @@ function PlusIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/plusCircled.tsx
+/** Zoom and add. Search terms: pluss, sirkel, circle, legg til, add, ny, new. */
 function PlusCircledIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3353,6 +3535,7 @@ function PlusCircledIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/powerOfAttorney.tsx
+/** Access and people. Search terms: fullmakt, power of attorney, representasjon, representation, dokument, hånd, document, hand. */
 function PowerOfAttorneyIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3367,6 +3550,7 @@ function PowerOfAttorneyIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/print.tsx
+/** Edit. Search terms: skriv ut, print, skriver, printer, dokument, document. */
 function PrintIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3375,6 +3559,7 @@ function PrintIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/publish.tsx
+/** Document and file. Search terms: publiser, publish, del, share, pil, arrow. */
 function PublishIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3387,6 +3572,7 @@ function PublishIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/questionAnswer.tsx
+/** Communication. Search terms: spørsmål og svar, question answer, chat, dialog, meldinger, messages, bubbles, bobler. */
 function QuestionAnswerIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3395,6 +3581,7 @@ function QuestionAnswerIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/receipt.tsx
+/** Services. Search terms: kvittering, receipt, betaling, payment, kostnad, cost, gebyr, fee. */
 function ReceiptIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3403,6 +3590,7 @@ function ReceiptIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/redo.tsx
+/** Edit. Search terms: gjenta, redo, frem, forward, pil, arrow. */
 function RedoIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3411,6 +3599,7 @@ function RedoIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/rows.tsx
+/** UI manipulate. Search terms: rader, rows, liste, list, tabell, table, linjer, lines. */
 function RowsIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3419,6 +3608,7 @@ function RowsIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/refresh.tsx
+/** Refresh and load. Search terms: oppdater, refresh, last på nytt, reload. */
 function RefreshIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3427,6 +3617,7 @@ function RefreshIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/replay.tsx
+/** Refresh and load. Search terms: spill av igjen, replay, gjenta, repeat, loop, start igjen, pil, arrow. */
 function ReplayIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3435,6 +3626,7 @@ function ReplayIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/scale.tsx
+/** Domain. Search terms: vekt, scale, justice, balanse, balance, lov, law, likhet, equality, rettferdighet, fairness. */
 function ScaleIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3443,6 +3635,7 @@ function ScaleIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/search.tsx
+/** Search and filter. Search terms: søk, search, finn, find, forstørrelsesglass, magnifying glass. */
 function SearchIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3451,6 +3644,7 @@ function SearchIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/section.tsx
+/** Domain. Search terms: paragraf, section, §, lov, law, regel, rule. */
 function SectionIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3463,6 +3657,7 @@ function SectionIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/settings.tsx
+/** Settings and tools. Search terms: innstillinger, settings, tannhjul, gear, konfigurere, configure. */
 function SettingsIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3471,6 +3666,7 @@ function SettingsIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/sms.tsx
+/** Communication. Search terms: sms, tekstmelding, text message, prikker, dots, melding, message. */
 function SmsIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3479,6 +3675,7 @@ function SmsIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/star.tsx
+/** Settings and tools. Search terms: stjerne, star, favoritt, favorite, vurdering, rating, bokmerke, markere. */
 function StarIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3487,6 +3684,7 @@ function StarIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/starFilled.tsx
+/** Settings and tools. Search terms: stjerne, star, fylt, filled, favoritt, favorite, vurdering, rating, markere, bokmerke. */
 function StarFilledIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3495,6 +3693,7 @@ function StarFilledIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/starHalfFilled.tsx
+/** Settings and tools. Search terms: halvfylt stjerne, half star, favoritt, favorite, vurdering, rating. */
 function StarHalfFilledIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3503,6 +3702,7 @@ function StarHalfFilledIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/stickyNote.tsx
+/** Document and file. Search terms: lapp, sticky note, notat, note, post-it, påminnelse, reminder. */
 function StickyNoteIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3511,6 +3711,7 @@ function StickyNoteIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/support.tsx
+/** Services. Search terms: support, hjelp, help, kundeservice, customer service, headset. */
 function SupportIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3519,6 +3720,7 @@ function SupportIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/sun.tsx
+/** UI manipulate. Search terms: sol, sun, lys, light, modus, mode, dag, day. */
 function SunIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3537,6 +3739,7 @@ function SunIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/sunHalfFilled.tsx
+/** UI manipulate. Search terms: sol, sun, lys, light, dark, mørk, modus, mode, dag, day, night, natt, halv, half, bytte, switch. */
 function SunHalfFilledIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3556,6 +3759,7 @@ function SunHalfFilledIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/sync.tsx
+/** Refresh and load. Search terms: synkroniser, sync, oppdater, update, last inn, load. */
 function SyncIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3564,6 +3768,7 @@ function SyncIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/thumbdown.tsx
+/** Settings and tools. Search terms: tommel ned, thumb down, negative, dårlig, bad. */
 function ThumbDownIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3572,6 +3777,7 @@ function ThumbDownIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/thumbdownFilled.tsx
+/** Settings and tools. Search terms: tommel ned, thumb down, fylt, filled, negative, dårlig, bad. */
 function ThumbDownFilledIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3580,6 +3786,7 @@ function ThumbDownFilledIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/thumbup.tsx
+/** Settings and tools. Search terms: tommel opp, thumb up, positive, bra, good. */
 function ThumbUpIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3588,6 +3795,7 @@ function ThumbUpIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/thumbupFilled.tsx
+/** Settings and tools. Search terms: tommel opp, thumb up, fylt, filled, positive, bra, good. */
 function ThumbUpFilledIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3596,6 +3804,7 @@ function ThumbUpFilledIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/time.tsx
+/** Date, time and place. Search terms: tid, time, klokke, clock, timer. */
 function TimeIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3604,6 +3813,7 @@ function TimeIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/tingrett.tsx
+/** Brand. Search terms: tingrett, domstol, court, rett. */
 function TingrettIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3612,6 +3822,7 @@ function TingrettIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/tip.tsx
+/** Notifications. Search terms: tips, tip, hint, anbefaling, recommendation, lyspære, bulb. */
 function TipIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3620,6 +3831,7 @@ function TipIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/trash.tsx
+/** Edit. Search terms: søppel, trash, slett, delete, fjern, remove, papirkurv, bin. */
 function TrashIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3628,6 +3840,7 @@ function TrashIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/undo.tsx
+/** Edit. Search terms: angre, undo, tilbake, back, reversere, reverse, pil, arrow. */
 function UndoIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3636,6 +3849,7 @@ function UndoIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/unfoldLess.tsx
+/** Arrows and chevron. Search terms: fold inn, unfold less, kollaps, collapse, skjul, hide, kompakt, chevron. */
 function UnfoldLessIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3644,6 +3858,7 @@ function UnfoldLessIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/unfoldMore.tsx
+/** Arrows and chevron. Search terms: fold ut, unfold more, utvid, expand, vis mer, show more, chevron. */
 function UnfoldMoreIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3652,6 +3867,7 @@ function UnfoldMoreIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/upload.tsx
+/** Document and file. Search terms: last opp, upload, del, share, fil, file, pil, arrow. */
 function UploadIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3660,6 +3876,7 @@ function UploadIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/visibilityOff.tsx
+/** Access and people. Search terms: skjul, hide, synlighet, visibility, øye, eye, usynlig, invisible. */
 function VisibilityOffIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3672,6 +3889,7 @@ function VisibilityOffIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/visibilityOn.tsx
+/** Access and people. Search terms: vis, show, synlighet, visibility, øye, eye, synlig, visible. */
 function VisibilityOnIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3688,6 +3906,7 @@ function VisibilityOnIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/warning.tsx
+/** Notifications. Search terms: advarsel, warning, obs, alert, forsiktig, caution. */
 function WarningIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3700,6 +3919,7 @@ function WarningIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/webex.tsx
+/** Social. Search terms: webex, video, møte, meeting, videomøte. */
 function WebexIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3712,6 +3932,7 @@ function WebexIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/x.tsx
+/** Social. Search terms: x, twitter, sosiale medier, social media. */
 function XIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3720,6 +3941,7 @@ function XIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/zoomIn.tsx
+/** Zoom and add. Search terms: zoom inn, zoom in, forstørr, enlarge, forstørrelsesglass, magnify. */
 function ZoomInIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3728,6 +3950,7 @@ function ZoomInIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/zoomOut.tsx
+/** Zoom and add. Search terms: zoom ut, zoom out, forminsk, shrink, forstørrelsesglass, magnify. */
 function ZoomOutIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3736,6 +3959,7 @@ function ZoomOutIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/barChart.tsx
+/** Analytics. Search terms: søylediagram, bar chart, statistikk, statistics, diagram, chart. */
 function BarChartIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3748,6 +3972,7 @@ function BarChartIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/barChartBoxed.tsx
+/** Analytics. Search terms: søylediagram, bar chart, statistikk, statistics, diagram, boxed, boks. */
 function BarChartBoxedIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3761,6 +3986,7 @@ function BarChartBoxedIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/lineChart.tsx
+/** Analytics. Search terms: linjediagram, line chart, statistikk, statistics, diagram, chart, trend. */
 function LineChartIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3769,6 +3995,7 @@ function LineChartIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/trendingUp.tsx
+/** Analytics. Search terms: stigende trend, trending up, økning, increase, statistikk, statistics. */
 function TrendingUpIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3777,6 +4004,7 @@ function TrendingUpIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/trendingDown.tsx
+/** Analytics. Search terms: synkende trend, trending down, nedgang, decrease, statistikk, statistics. */
 function TrendingDownIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3785,6 +4013,7 @@ function TrendingDownIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/helpSimple.tsx
+/** Notifications. Search terms: hjelp, help, enkel, simple, spørsmål, question, veiledning, guide. */
 function HelpSimpleIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3808,6 +4037,7 @@ var AnimatedChevronUpDown_module_default = {
 //#endregion
 //#region src/components/Icon/icons/animated/AnimatedChevronUpDown/AnimatedChevronUpDown.tsx
 const STATES = ["up", "down"];
+/** Arrows and chevron. Search terms: animert, animated, chevron, pil, arrow, opp, ned, up, down. */
 function AnimatedChevronUpDownIcon(props) {
 	const { className, iconState = "down", fill = "currentColor" } = props;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
@@ -3839,6 +4069,7 @@ function AnimatedChevronUpDownIcon(props) {
 AnimatedChevronUpDownIcon.states = STATES;
 //#endregion
 //#region src/components/Icon/icons/flag.tsx
+/** Notifications. Search terms: flagg, marker, mark, rapporter, report. */
 function FlagIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3847,6 +4078,7 @@ function FlagIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/flagFilled.tsx
+/** Notifications. Search terms: flagg, fylt, filled, markere, rapporter, report. */
 function FlagFilledIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3855,6 +4087,7 @@ function FlagFilledIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/locationOff.tsx
+/** Date, time and place. Search terms: plassering av, posisjon, location off, kart, map, sted, place, gps. */
 function LocationOffIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3863,6 +4096,7 @@ function LocationOffIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/map.tsx
+/** Date, time and place. Search terms: kart, map, lokasjon, location, navigasjon, navigation. */
 function MapIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -3875,6 +4109,7 @@ function MapIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/moon.tsx
+/** UI manipulate. Search terms: måne, moon, mørk, dark, natt, night, modus, mode. */
 function MoonIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SvgWrapper, {
 		...props,
@@ -3887,6 +4122,7 @@ function MoonIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/notebookPen.tsx
+/** Document and file. Search terms: notatbok, notebook, penn, skrive, write, redigere, edit. */
 function NotebookPenIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SvgWrapper, {
 		...props,
@@ -4543,7 +4779,8 @@ var Button_module_default = {
 	"button--primary": "dds-Button-module__button--primary",
 	"button--secondary": "dds-Button-module__button--secondary",
 	"button--tertiary": "dds-Button-module__button--tertiary",
-	"button--danger": "dds-Button-module__button--danger"
+	"button--danger": "dds-Button-module__button--danger",
+	"badge": "dds-Button-module__badge"
 };
 //#endregion
 //#region src/components/ButtonGroup/ButtonGroup.context.tsx
@@ -4551,7 +4788,7 @@ const ButtonGroupContext = (0, react.createContext)({});
 const useButtonGroupContext = () => (0, react.useContext)(ButtonGroupContext);
 //#endregion
 //#region src/components/Button/Button.tsx
-const Button = ({ as: propAs, children, purpose = "primary", size: propSize = "medium", iconPosition = "left", loading, loadingTooltip, fullWidth = false, icon, iconState, onClick, onFocus, onBlur, id, ref, className, style, htmlProps, ...props }) => {
+const Button = ({ as: propAs, children, purpose = "primary", size: propSize = "medium", iconPosition = "left", loading, loadingTooltip, fullWidth = false, icon, iconState, onClick, onFocus, onBlur, badgeProps, id, ref, className, style, htmlProps, ...props }) => {
 	const { purpose: groupPurpose, size: groupSize } = useButtonGroupContext();
 	const { t } = useTranslation();
 	const spinnerTooltip = loadingTooltip ?? t(texts$28.saving);
@@ -4594,7 +4831,7 @@ const Button = ({ as: propAs, children, purpose = "primary", size: propSize = "m
 	const isDisabled = (restDisabled ?? htmlDisabled ?? loading) === true;
 	const as = propAs ? propAs : "button";
 	const aProps = as === "a" ? { rel: "noopener noreferrer" } : {};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ElementAs, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ElementAs, {
 		as,
 		ref,
 		...getBaseHTMLProps(id, buttonCn, style, htmlProps, restFinal),
@@ -4603,7 +4840,11 @@ const Button = ({ as: propAs, children, purpose = "primary", size: propSize = "m
 		onBlur,
 		disabled: isDisabled,
 		...aProps,
-		children: content
+		children: [content, badgeProps && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+			...badgeProps,
+			size,
+			className: cn(Button_module_default.badge, badgeProps.className)
+		})]
 	});
 };
 Button.displayName = "Button";
@@ -12585,7 +12826,8 @@ var Tabs_module_default = {
 	"tab--medium--column": "dds-Tabs-module__tab--medium--column",
 	"tab--small--column": "dds-Tabs-module__tab--small--column",
 	"tab--row": "dds-Tabs-module__tab--row",
-	"tab--column": "dds-Tabs-module__tab--column"
+	"tab--column": "dds-Tabs-module__tab--column",
+	"tab--column__badge": "dds-Tabs-module__tab--column__badge"
 };
 //#endregion
 //#region src/components/Tabs/TabWidthContext.tsx
@@ -12672,7 +12914,7 @@ const Tabs = ({ id, activeTab, onChange, tabContentDirection = "row", size = "sm
 Tabs.displayName = "Tabs";
 //#endregion
 //#region src/components/Tabs/Tab.tsx
-const Tab = ({ active = false, icon, children, focus, setFocus, index, onClick, onKeyDown, id, className, htmlProps = {}, style, width = "1fr", ref, ...rest }) => {
+const Tab = ({ active = false, icon, children, focus, setFocus, index, onClick, onKeyDown, id, className, htmlProps = {}, style, width = "1fr", ref, badgeProps, ...rest }) => {
 	useSetTabWidth(index, width);
 	const itemRef = (0, react.useRef)(null);
 	const combinedRef = useCombinedRef(ref, itemRef);
@@ -12696,6 +12938,32 @@ const Tab = ({ active = false, icon, children, focus, setFocus, index, onClick,
 		handleSelect();
 		onKeyDown?.(e);
 	};
+	const badgeSize = {
+		small: "xsmall",
+		medium: "small"
+	};
+	const hasIcon = !!icon;
+	const hasVerticalBadge = badgeProps && !!badgeProps?.children === false && tabContentDirection === "column" && hasIcon;
+	const hasHorizontalBadge = badgeProps && !hasVerticalBadge;
+	const content = hasHorizontalBadge && tabContentDirection === "row" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Box, {
+		as: Badge,
+		...badgeProps,
+		size: badgeSize[size]
+	})] }) : hasHorizontalBadge && tabContentDirection === "column" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HStack, {
+		gap: "x0.5",
+		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Box, {
+			as: Badge,
+			...badgeProps,
+			size: badgeSize[size]
+		})]
+	}) : hasVerticalBadge ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Box, {
+		as: Badge,
+		...badgeProps,
+		size: badgeSize[size],
+		className: cn(Tabs_module_default["tab--column__badge"], badgeProps?.className),
+		top: "x0.125",
+		right: "calc(50% - (var(--dds-size-icon-component) / 2 ))"
+	})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 		...getBaseHTMLProps(id, cn(className, Tabs_module_default.tab, Tabs_module_default[`tab--${size}--${tabContentDirection}`], active && Tabs_module_default["tab--active"], Tabs_module_default[`tab--${tabContentDirection}`], typographyStyles_module_default[`body-short-${size}`], focus_module_default["focusable--inset"]), style, fixedHtmlProps, rest),
 		ref: combinedRef,
@@ -12707,7 +12975,7 @@ const Tab = ({ active = false, icon, children, focus, setFocus, index, onClick,
 		children: [icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
 			icon,
 			iconSize: "component"
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children })]
+		}), content]
 	});
 };
 Tab.displayName = "Tab";
@@ -13178,6 +13446,7 @@ exports.BORDER_COLORS = BORDER_COLORS;
 exports.BORDER_RADII = BORDER_RADII;
 exports.BackLink = BackLink;
 exports.Backdrop = Backdrop;
+exports.Badge = Badge;
 exports.BarChartBoxedIcon = BarChartBoxedIcon;
 exports.BarChartIcon = BarChartIcon;
 exports.Bleed = Bleed;