@norges-domstoler/dds-components 24.3.0 → 24.4.0

package/dist/index.mjs

@@ -1675,6 +1675,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__ */ 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__ */ 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) {
@@ -1860,7 +1913,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],
@@ -1898,7 +1951,13 @@ const DropdownItem = ({ icon, className, children: propChildren, purpose = "defa
 				icon,
 				className: cn(loading && utilStyles_module_default.invisible)
 			}),
-			children
+			children,
+			badgeProps && /* @__PURE__ */ jsx(Box, {
+				as: Badge,
+				...badgeProps,
+				size: "small",
+				marginInline: "x0.25 0"
+			})
 		]
 	});
 };
@@ -2081,6 +2140,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2093,6 +2153,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2107,6 +2168,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2119,6 +2181,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2127,6 +2190,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2135,6 +2199,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2143,6 +2208,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2151,6 +2217,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2159,6 +2226,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2167,6 +2235,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2175,6 +2244,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2183,6 +2253,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2191,6 +2262,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2204,6 +2276,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2212,6 +2285,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2226,6 +2300,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2239,6 +2314,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2258,6 +2334,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2270,6 +2347,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2283,6 +2361,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2295,6 +2374,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2303,6 +2383,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2311,6 +2392,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2319,6 +2401,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2327,6 +2410,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2335,6 +2419,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2343,6 +2428,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2351,6 +2437,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2359,6 +2446,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2367,6 +2455,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2375,6 +2464,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2383,6 +2473,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2391,6 +2482,7 @@ function ChevronUpIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/circle.tsx
+/** Notifications. Search terms: sirkel, circle, form, shape. */
 function CircleIcon(props) {
 	return /* @__PURE__ */ jsx(SvgWrapper, {
 		...props,
@@ -2399,6 +2491,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2407,6 +2500,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2415,6 +2509,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2423,6 +2518,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2431,6 +2527,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2439,6 +2536,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2447,6 +2545,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2455,6 +2554,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2463,6 +2563,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2471,6 +2572,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2488,6 +2590,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2502,6 +2605,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2514,6 +2618,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2527,6 +2632,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2535,6 +2641,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2543,6 +2650,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2551,6 +2659,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2563,6 +2672,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2571,6 +2681,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2579,6 +2690,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2591,6 +2703,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2603,6 +2716,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2611,6 +2725,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2619,6 +2734,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2627,6 +2743,7 @@ function FacebookIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/family.tsx
+/** Services. Search terms: familie, family, blomst, flower. */
 function FamilyIcon(props) {
 	return /* @__PURE__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2641,6 +2758,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2649,6 +2767,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2657,6 +2776,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2665,6 +2785,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2678,6 +2799,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2695,6 +2817,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2703,6 +2826,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2711,6 +2835,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2723,6 +2848,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2731,6 +2857,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2739,6 +2866,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2752,6 +2880,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2760,6 +2889,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2768,6 +2898,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2780,6 +2911,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2788,6 +2920,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2796,6 +2929,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2811,6 +2945,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2824,6 +2959,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2837,6 +2973,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2850,6 +2987,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2862,6 +3000,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2870,6 +3009,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2883,6 +3023,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2891,6 +3032,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2903,6 +3045,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2911,6 +3054,7 @@ function InstagramIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/jordskifterett.tsx
+/** Brand. Search terms: jordskifterett, domstol, court, rett. */
 function JordskifterettIcon(props) {
 	return /* @__PURE__ */ jsx(SvgWrapper, {
 		...props,
@@ -2923,6 +3067,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -2938,6 +3083,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2946,6 +3092,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2959,6 +3106,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2967,6 +3115,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2975,6 +3124,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2987,6 +3137,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -2995,6 +3146,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3010,6 +3162,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3026,6 +3179,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3034,6 +3188,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3048,6 +3203,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3060,6 +3216,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3074,6 +3231,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3082,6 +3240,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3090,6 +3249,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3098,6 +3258,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3106,6 +3267,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3118,6 +3280,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3126,6 +3289,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3134,6 +3298,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3142,6 +3307,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3150,6 +3316,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3158,6 +3325,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3166,6 +3334,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3174,6 +3343,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3182,6 +3352,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3190,6 +3361,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3204,6 +3376,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3216,6 +3389,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3224,6 +3398,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3238,6 +3413,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3251,6 +3427,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3263,6 +3440,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3279,6 +3457,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3292,6 +3471,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3300,6 +3480,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3308,6 +3489,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3320,6 +3502,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3334,6 +3517,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3342,6 +3526,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3354,6 +3539,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3362,6 +3548,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3370,6 +3557,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3378,6 +3566,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3386,6 +3575,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3394,6 +3584,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3402,6 +3593,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3410,6 +3602,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3418,6 +3611,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3430,6 +3624,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3438,6 +3633,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3446,6 +3642,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3454,6 +3651,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3462,6 +3660,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3470,6 +3669,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3478,6 +3678,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3486,6 +3687,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3504,6 +3706,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3523,6 +3726,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3531,6 +3735,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3539,6 +3744,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3547,6 +3753,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3555,6 +3762,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3563,6 +3771,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3571,6 +3780,7 @@ function TimeIcon(props) {
 }
 //#endregion
 //#region src/components/Icon/icons/tingrett.tsx
+/** Brand. Search terms: tingrett, domstol, court, rett. */
 function TingrettIcon(props) {
 	return /* @__PURE__ */ jsx(SvgWrapper, {
 		...props,
@@ -3579,6 +3789,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3587,6 +3798,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3595,6 +3807,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3603,6 +3816,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3611,6 +3825,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3619,6 +3834,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3627,6 +3843,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3639,6 +3856,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3655,6 +3873,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3667,6 +3886,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3679,6 +3899,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3687,6 +3908,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3695,6 +3917,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3703,6 +3926,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3715,6 +3939,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3728,6 +3953,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3736,6 +3962,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3744,6 +3971,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3752,6 +3980,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3775,6 +4004,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__ */ jsx(SvgWrapper, {
@@ -3806,6 +4036,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3814,6 +4045,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3822,6 +4054,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3830,6 +4063,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -3842,6 +4076,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__ */ jsx(SvgWrapper, {
 		...props,
@@ -3854,6 +4089,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__ */ jsxs(SvgWrapper, {
 		...props,
@@ -4510,7 +4746,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
@@ -4518,7 +4755,7 @@ const ButtonGroupContext = createContext({});
 const useButtonGroupContext = () => 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);
@@ -4561,7 +4798,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__ */ jsx(ElementAs, {
+	return /* @__PURE__ */ jsxs(ElementAs, {
 		as,
 		ref,
 		...getBaseHTMLProps(id, buttonCn, style, htmlProps, restFinal),
@@ -4570,7 +4807,11 @@ const Button = ({ as: propAs, children, purpose = "primary", size: propSize = "m
 		onBlur,
 		disabled: isDisabled,
 		...aProps,
-		children: content
+		children: [content, badgeProps && /* @__PURE__ */ jsx(Badge, {
+			...badgeProps,
+			size,
+			className: cn(Button_module_default.badge, badgeProps.className)
+		})]
 	});
 };
 Button.displayName = "Button";
@@ -6379,19 +6620,15 @@ const texts$22 = createTexts({
 function DateSegment({ segment, state, componentSize, errorMessageId, tipId }) {
 	const ref = useRef(null);
 	const { segmentProps } = useDateSegment(segment, state, ref);
+	const isSeparator = segment.type === "literal";
 	return /* @__PURE__ */ jsxs(Box, {
 		...segmentProps,
-		padding: "0 0.05rem",
-		width: "max-content",
-		height: "max-content",
 		marginBlock: "auto",
+		marginInline: isSeparator ? "-0.15ch" : void 0,
 		"aria-describedby": spaceSeparatedIdListGenerator([errorMessageId ? errorMessageId : void 0, tipId ? tipId : void 0]),
 		ref,
 		className: cn(segmentProps.className, DateInput_module_default.segment, typographyStyles_module_default[`body-short-${componentSize}`]),
-		style: {
-			...segmentProps.style,
-			minWidth: segment.maxValue != null ? String(segment.maxValue).length + "ch" : void 0
-		},
+		style: { ...segmentProps.style },
 		children: [/* @__PURE__ */ jsx("span", {
 			"aria-hidden": "true",
 			className: cn(DateInput_module_default.segment__placeholder, !segment.isPlaceholder && DateInput_module_default["segment__placeholder--invisible"]),
@@ -12556,7 +12793,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
@@ -12643,7 +12881,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 = useRef(null);
 	const combinedRef = useCombinedRef(ref, itemRef);
@@ -12667,6 +12905,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__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", { children }), /* @__PURE__ */ jsx(Box, {
+		as: Badge,
+		...badgeProps,
+		size: badgeSize[size]
+	})] }) : hasHorizontalBadge && tabContentDirection === "column" ? /* @__PURE__ */ jsxs(HStack, {
+		gap: "x0.5",
+		children: [children, /* @__PURE__ */ jsx(Box, {
+			as: Badge,
+			...badgeProps,
+			size: badgeSize[size]
+		})]
+	}) : hasVerticalBadge ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", { children }), /* @__PURE__ */ 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__ */ jsx("span", { children });
 	return /* @__PURE__ */ 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,
@@ -12678,7 +12942,7 @@ const Tab = ({ active = false, icon, children, focus, setFocus, index, onClick,
 		children: [icon && /* @__PURE__ */ jsx(Icon, {
 			icon,
 			iconSize: "component"
-		}), /* @__PURE__ */ jsx("span", { children })]
+		}), content]
 	});
 };
 Tab.displayName = "Tab";
@@ -13129,6 +13393,6 @@ const ToggleButtonGroup = (props) => {
 };
 ToggleButtonGroup.displayName = "ToggleButtonGroup";
 //#endregion
-export { Accordion, AccordionBody, AccordionContextProvider, AccordionHeader, AddTabButton, AddressShieldedIcon, AgreementIcon, AnimatedChevronUpDownIcon, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, AttachmentIcon, BORDER_COLORS, BORDER_RADII, BackLink, Backdrop, BarChartBoxedIcon, BarChartIcon, Bleed, BlockIcon, BookIcon, Box, Breadcrumb, Breadcrumbs, BriefcaseIcon, BuildIcon, BuildingIcon, Button, ButtonGroup, Calendar, CalendarIcon, CalendarMonthIcon, CalendarViewDayIcon, CalendarViewMonthIcon, CalendarViewWeekIcon, CallIcon, Caption, Card, CardExpandable, CardExpandableBody, CardExpandableHeader, CardSelectable, CardSelectableGroup, CaringIcon, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, CircleFilledIcon, CircleIcon, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, CommentIcon, Contrast, CookieBanner, CookieBannerCheckbox, CopyIcon, CourtIcon, DETAIL_LIST_SIZES, DatePicker, DateRangeIcon, DdsProvider, DeathsIcon, DescriptionList, DescriptionListDesc, DescriptionListGroup, DescriptionListTerm, DesktopIcon, DesktopMobileIcon, DetailList, DetailListDesc, DetailListRow, DetailListTerm, Divider, DoubleChevronLeftIcon, DoubleChevronRightIcon, DownloadDoneIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerGroup, DropdownHeader, DropdownItem, ELEVATIONS, EditAltIcon, EditIcon, ElementAs, EmptyContent, ErrorIcon, ErrorSummary, ErrorSummaryItem, ExclaimIcon, ExpandIcon, FacebookIcon, FamilyIcon, FavStar, Feedback, FeedbackIcon, Fieldset, FieldsetGroup, FileAddIcon, FileIcon, FileShieldedIcon, FileSignedIcon, FileTextIcon, FileUploader, FilterIcon, FilterListIcon, FindInPageIcon, FlagFilledIcon, FlagIcon, FlickrIcon, FloppyDiskIcon, FolderAddIcon, FolderIcon, FolderShieldedIcon, Footer, FooterLeft, FooterList, FooterListGroup, FooterListHeader, FooterLogo, FooterSocialsGroup, FooterSocialsList, FormSummary, FormSummaryEditButton, FormSummaryEmptyValue, FormSummaryError, FormSummaryField, FormSummaryFields, FormSummaryHeader, FormSummaryHeading, FormSummaryLabel, FormSummaryValue, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, Grid, GridChild, GroupIcon, GuardianIcon, HStack, Heading, HelpFilledIcon, HelpIcon, HelpSimpleIcon, HiddenInput, HomeIcon, HourglassEmptyIcon, Icon, ImageIcon, InfoIcon, InlineButton, InlineEditInput, InlineEditSelect, InlineEditTextArea, InputMessage, InstagramIcon, InternalHeader, JordskifterettIcon, JordskiftesakIcon, KeyIcon, L_MESSAGE_PURPOSES, Label, LagmannsrettIcon, LanguageIcon, Legend, LineChartIcon, Link, LinkIcon, LinkOffIcon, LinkedInIcon, List, ListAltIcon, ListIcon, ListItem, LocalMessage, LocationIcon, LocationOffIcon, LockFilledIcon, LockIcon, LockOpenIcon, LoginIcon, LogoutIcon, MailIcon, MailOpenIcon, MapIcon, MenuIcon, MinusCircledIcon, MinusIcon, Modal, ModalActions, ModalBody, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, NativeSelect, NewsPopover, NotarialIcon, NotebookPenIcon, NotificationsIcon, NotificationsOffIcon, OnlineMeetingIcon, OpenExternalIcon, OverflowMenu, OverflowMenuButton, OverflowMenuDivider, OverflowMenuGroup, OverflowMenuLink, OverflowMenuList, OverflowMenuListHeader, OverflowMenuSpan, OverflowMenuToggle, Pagination, PaletteIcon, PanelLeftIcon, Paper, PaperPlaneIcon, Paragraph, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PhoneInput, PinIcon, PlusCircledIcon, PlusIcon, Popover, PopoverGroup, PowerOfAttorneyIcon, PrintIcon, ProgressBar, ProgressTracker, ProgressTrackerItem, PublishIcon, QuestionAnswerIcon, RadioButton, RadioButtonGroup, ReceiptIcon, RedoIcon, RefreshIcon, ReplayIcon, RowsIcon, ScaleIcon, ScreenSize, Search, SearchAutocompleteWrapper, SearchIcon, SearchSuggestions, SectionIcon, Select, SettingsIcon, ShowHide, Skeleton, SkipToContent, SmsIcon, Spinner, SplitButton, StarFilledIcon, StarHalfFilledIcon, StarIcon, StickyNoteIcon, StylelessButton, StylelessList, StylelessOList, SunHalfFilledIcon, SunIcon, SupportIcon, SyncIcon, TG_BODY_LONG_TYPES, TG_BODY_SHORT_TYPES, TG_BODY_TYPES, TG_HEADING_TYPES, TG_LEAD_TYPES, Tab, TabList, TabPanel, TabPanels, Table, Body as TableBody, Cell as TableCell, Foot as TableFoot, Head as TableHead, Row as TableRow, SortCell as TableSortCell, TableWrapper, Tabs, Tag, TextArea, TextInput, TextOverflowEllipsisInner, TextOverflowEllipsisWrapper, ThumbDownFilledIcon, ThumbDownIcon, ThumbUpFilledIcon, ThumbUpIcon, TimeIcon, TimePicker, TingrettIcon, TipIcon, Toggle, ToggleBar, ToggleButton, ToggleButtonGroup, ToggleRadio, Tooltip, TrashIcon, TrendingDownIcon, TrendingUpIcon, Typography, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, VStack, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, WarningIcon, WebexIcon, XIcon, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, createPurposes, createSelectOptions, createSizes, dateValueToNativeDate, focusVisible, focusVisibleInset, focusVisibleTransitionValue, getBaseHTMLProps, getColorCn, getElementType, handleElementWithBackdropMount, handleElementWithBackdropUnmount, hideInput, icons_exports as icons, inheritLinkStyling, inlineElements, isAnchorTypographyProps, isBorderColor, isBorderRadius, isCaption, isElevation, isHeading, isInlineElement, isKeyboardEvent, isLegend, isPaperBackground, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineInset, outlineOffset, removeButtonStyling, removeListStyling, renderInputMessage, scrollbarStyling, useAccordion, useAccordionContext, useCallbackRef, useCombinedRef, useControllableGroupState, useControllableState, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, useTheme, useWindowResize };
+export { Accordion, AccordionBody, AccordionContextProvider, AccordionHeader, AddTabButton, AddressShieldedIcon, AgreementIcon, AnimatedChevronUpDownIcon, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, AttachmentIcon, BORDER_COLORS, BORDER_RADII, BackLink, Backdrop, Badge, BarChartBoxedIcon, BarChartIcon, Bleed, BlockIcon, BookIcon, Box, Breadcrumb, Breadcrumbs, BriefcaseIcon, BuildIcon, BuildingIcon, Button, ButtonGroup, Calendar, CalendarIcon, CalendarMonthIcon, CalendarViewDayIcon, CalendarViewMonthIcon, CalendarViewWeekIcon, CallIcon, Caption, Card, CardExpandable, CardExpandableBody, CardExpandableHeader, CardSelectable, CardSelectableGroup, CaringIcon, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, CircleFilledIcon, CircleIcon, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, CommentIcon, Contrast, CookieBanner, CookieBannerCheckbox, CopyIcon, CourtIcon, DETAIL_LIST_SIZES, DatePicker, DateRangeIcon, DdsProvider, DeathsIcon, DescriptionList, DescriptionListDesc, DescriptionListGroup, DescriptionListTerm, DesktopIcon, DesktopMobileIcon, DetailList, DetailListDesc, DetailListRow, DetailListTerm, Divider, DoubleChevronLeftIcon, DoubleChevronRightIcon, DownloadDoneIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerGroup, DropdownHeader, DropdownItem, ELEVATIONS, EditAltIcon, EditIcon, ElementAs, EmptyContent, ErrorIcon, ErrorSummary, ErrorSummaryItem, ExclaimIcon, ExpandIcon, FacebookIcon, FamilyIcon, FavStar, Feedback, FeedbackIcon, Fieldset, FieldsetGroup, FileAddIcon, FileIcon, FileShieldedIcon, FileSignedIcon, FileTextIcon, FileUploader, FilterIcon, FilterListIcon, FindInPageIcon, FlagFilledIcon, FlagIcon, FlickrIcon, FloppyDiskIcon, FolderAddIcon, FolderIcon, FolderShieldedIcon, Footer, FooterLeft, FooterList, FooterListGroup, FooterListHeader, FooterLogo, FooterSocialsGroup, FooterSocialsList, FormSummary, FormSummaryEditButton, FormSummaryEmptyValue, FormSummaryError, FormSummaryField, FormSummaryFields, FormSummaryHeader, FormSummaryHeading, FormSummaryLabel, FormSummaryValue, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, Grid, GridChild, GroupIcon, GuardianIcon, HStack, Heading, HelpFilledIcon, HelpIcon, HelpSimpleIcon, HiddenInput, HomeIcon, HourglassEmptyIcon, Icon, ImageIcon, InfoIcon, InlineButton, InlineEditInput, InlineEditSelect, InlineEditTextArea, InputMessage, InstagramIcon, InternalHeader, JordskifterettIcon, JordskiftesakIcon, KeyIcon, L_MESSAGE_PURPOSES, Label, LagmannsrettIcon, LanguageIcon, Legend, LineChartIcon, Link, LinkIcon, LinkOffIcon, LinkedInIcon, List, ListAltIcon, ListIcon, ListItem, LocalMessage, LocationIcon, LocationOffIcon, LockFilledIcon, LockIcon, LockOpenIcon, LoginIcon, LogoutIcon, MailIcon, MailOpenIcon, MapIcon, MenuIcon, MinusCircledIcon, MinusIcon, Modal, ModalActions, ModalBody, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, NativeSelect, NewsPopover, NotarialIcon, NotebookPenIcon, NotificationsIcon, NotificationsOffIcon, OnlineMeetingIcon, OpenExternalIcon, OverflowMenu, OverflowMenuButton, OverflowMenuDivider, OverflowMenuGroup, OverflowMenuLink, OverflowMenuList, OverflowMenuListHeader, OverflowMenuSpan, OverflowMenuToggle, Pagination, PaletteIcon, PanelLeftIcon, Paper, PaperPlaneIcon, Paragraph, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PhoneInput, PinIcon, PlusCircledIcon, PlusIcon, Popover, PopoverGroup, PowerOfAttorneyIcon, PrintIcon, ProgressBar, ProgressTracker, ProgressTrackerItem, PublishIcon, QuestionAnswerIcon, RadioButton, RadioButtonGroup, ReceiptIcon, RedoIcon, RefreshIcon, ReplayIcon, RowsIcon, ScaleIcon, ScreenSize, Search, SearchAutocompleteWrapper, SearchIcon, SearchSuggestions, SectionIcon, Select, SettingsIcon, ShowHide, Skeleton, SkipToContent, SmsIcon, Spinner, SplitButton, StarFilledIcon, StarHalfFilledIcon, StarIcon, StickyNoteIcon, StylelessButton, StylelessList, StylelessOList, SunHalfFilledIcon, SunIcon, SupportIcon, SyncIcon, TG_BODY_LONG_TYPES, TG_BODY_SHORT_TYPES, TG_BODY_TYPES, TG_HEADING_TYPES, TG_LEAD_TYPES, Tab, TabList, TabPanel, TabPanels, Table, Body as TableBody, Cell as TableCell, Foot as TableFoot, Head as TableHead, Row as TableRow, SortCell as TableSortCell, TableWrapper, Tabs, Tag, TextArea, TextInput, TextOverflowEllipsisInner, TextOverflowEllipsisWrapper, ThumbDownFilledIcon, ThumbDownIcon, ThumbUpFilledIcon, ThumbUpIcon, TimeIcon, TimePicker, TingrettIcon, TipIcon, Toggle, ToggleBar, ToggleButton, ToggleButtonGroup, ToggleRadio, Tooltip, TrashIcon, TrendingDownIcon, TrendingUpIcon, Typography, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, VStack, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, WarningIcon, WebexIcon, XIcon, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, createPurposes, createSelectOptions, createSizes, dateValueToNativeDate, focusVisible, focusVisibleInset, focusVisibleTransitionValue, getBaseHTMLProps, getColorCn, getElementType, handleElementWithBackdropMount, handleElementWithBackdropUnmount, hideInput, icons_exports as icons, inheritLinkStyling, inlineElements, isAnchorTypographyProps, isBorderColor, isBorderRadius, isCaption, isElevation, isHeading, isInlineElement, isKeyboardEvent, isLegend, isPaperBackground, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineInset, outlineOffset, removeButtonStyling, removeListStyling, renderInputMessage, scrollbarStyling, useAccordion, useAccordionContext, useCallbackRef, useCombinedRef, useControllableGroupState, useControllableState, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, useTheme, useWindowResize };
 
 //# sourceMappingURL=index.mjs.map