@norges-domstoler/dds-components 21.5.0 → 21.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -4,12 +4,12 @@ import { ComponentPropsWithRef, HTMLAttributes, Ref, ElementType, ComponentProps
4
4
  import * as CSS from 'csstype';
5
5
  import { Property, StandardProperties } from 'csstype';
6
6
  import { Strategy, UseFloatingReturn, Placement as Placement$1 } from '@floating-ui/react-dom';
7
+ import { ddsTokens } from '@norges-domstoler/dds-design-tokens';
7
8
  import { DateValue, AriaCalendarProps } from '@react-aria/calendar';
8
9
  import { DateValue as DateValue$1, CalendarDate, Time } from '@internationalized/date';
9
10
  import { AriaDatePickerProps } from '@react-types/datepicker';
10
11
  import { AriaDateFieldOptions, useDatePicker, AriaTimeFieldProps } from '@react-aria/datepicker';
11
12
  import { OptionProps, GroupBase, SingleValueProps, SelectInstance, Props as Props$1 } from 'react-select';
12
- import { ddsTokens } from '@norges-domstoler/dds-design-tokens';
13
13
 
14
14
  declare function handleElementWithBackdropMount(container: HTMLElement): void;
15
15
  declare function handleElementWithBackdropUnmount(container: HTMLElement): void;
@@ -121,15 +121,6 @@ interface GetBaseHTMLProps {
121
121
  */
122
122
  declare const getBaseHTMLProps: GetBaseHTMLProps;
123
123
 
124
- type PropsOf<T extends ElementType> = ComponentPropsWithoutRef<T> & {
125
- /** HTML- eller React-element som returneres. */
126
- as?: T;
127
- };
128
- type PropsOfWithRef<T extends ElementType> = ComponentPropsWithRef<T> & {
129
- /** HTML- eller React-element som returneres. */
130
- as?: T;
131
- };
132
-
133
124
  type Size = 'xxlarge' | 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall';
134
125
 
135
126
  declare const BORDER_RADII: readonly ["button", "input", "surface", "chip", "rounded", "0"];
@@ -163,8 +154,12 @@ type ExtractStrict<T, U extends T> = U;
163
154
  type Nullable<T> = T | null;
164
155
  type Callback<T> = (e: T) => void;
165
156
 
166
- type PolymorphicProps<T extends ElementType> = PropsOfWithRef<T>;
167
- declare const ElementAs: <T extends ElementType>({ as, ref, children, ...props }: PolymorphicProps<T>) => react_jsx_runtime.JSX.Element;
157
+ type Props = BaseComponentProps<HTMLElement, {
158
+ current: number;
159
+ max: number;
160
+ }>;
161
+ declare function CharCounter(props: Props): react_jsx_runtime.JSX.Element;
162
+ declare const renderCharCounter: (id: string, isShown: boolean, textLength: number, maxLength?: number) => react_jsx_runtime.JSX.Element | undefined;
168
163
 
169
164
  declare const HiddenInput: ({ className, ...rest }: ComponentPropsWithRef<"input">) => react_jsx_runtime.JSX.Element;
170
165
 
@@ -460,13 +455,6 @@ declare const StatefulInput: {
460
455
  displayName: string;
461
456
  };
462
457
 
463
- type Props = BaseComponentProps<HTMLElement, {
464
- current: number;
465
- max: number;
466
- }>;
467
- declare function CharCounter(props: Props): react_jsx_runtime.JSX.Element;
468
- declare const renderCharCounter: (id: string, isShown: boolean, textLength: number, maxLength?: number) => react_jsx_runtime.JSX.Element | undefined;
469
-
470
458
  type BoxProps<T extends ElementType = 'div'> = PolymorphicBaseComponentProps<T, ResponsiveProps>;
471
459
  declare const Box: {
472
460
  <T extends ElementType = "div">({ id, className, style, padding, paddingInline, paddingBlock, margin, marginInline, marginBlock, height, maxHeight, minHeight, width, maxWidth, minWidth, position, left, right, bottom, top, overflow, overflowX, overflowY, display, textAlign, flexDirection, gap, columnGap, rowGap, alignItems, alignContent, justifyItems, justifyContent, flexWrap, flexBasis, flexFlow, htmlProps, ...rest }: BoxProps<T>): react_jsx_runtime.JSX.Element;
@@ -1336,1757 +1324,20 @@ declare namespace index {
1336
1324
  export { index_AddressShieldedIcon as AddressShieldedIcon, index_AgreementIcon as AgreementIcon, index_AppsIcon as AppsIcon, index_ArchiveIcon as ArchiveIcon, index_ArrowDownIcon as ArrowDownIcon, index_ArrowLeftIcon as ArrowLeftIcon, index_ArrowRightIcon as ArrowRightIcon, index_ArrowUpIcon as ArrowUpIcon, index_AttachmentIcon as AttachmentIcon, index_BarChartBoxedIcon as BarChartBoxedIcon, index_BarChartIcon as BarChartIcon, index_BlockIcon as BlockIcon, index_BookIcon as BookIcon, index_BuildCircledIcon as BuildCircledIcon, index_BuildIcon as BuildIcon, index_CalendarIcon as CalendarIcon, index_CalendarMonthIcon as CalendarMonthIcon, index_CalendarViewDayIcon as CalendarViewDayIcon, index_CalendarViewMonthIcon as CalendarViewMonthIcon, index_CalendarViewWeekIcon as CalendarViewWeekIcon, index_CallIcon as CallIcon, index_CaringIcon as CaringIcon, index_ChatIcon as ChatIcon, index_CheckCircledIcon as CheckCircledIcon, index_CheckIcon as CheckIcon, index_ChecklistIcon as ChecklistIcon, index_ChevronDownIcon as ChevronDownIcon, index_ChevronFirstIcon as ChevronFirstIcon, index_ChevronLargeLeftIcon as ChevronLargeLeftIcon, index_ChevronLargeRightIcon as ChevronLargeRightIcon, index_ChevronLastIcon as ChevronLastIcon, index_ChevronLeftIcon as ChevronLeftIcon, index_ChevronRightIcon as ChevronRightIcon, index_ChevronUpIcon as ChevronUpIcon, index_CloseCircledIcon as CloseCircledIcon, index_CloseIcon as CloseIcon, index_CloseSmallIcon as CloseSmallIcon, index_CloudIcon as CloudIcon, index_CollapseIcon as CollapseIcon, index_CommentIcon as CommentIcon, index_CopyIcon as CopyIcon, index_CourtIcon as CourtIcon, index_DateRangeIcon as DateRangeIcon, index_DeathsIcon as DeathsIcon, index_DoubleChevronLeftIcon as DoubleChevronLeftIcon, index_DoubleChevronRightIcon as DoubleChevronRightIcon, index_DownloadDoneIcon as DownloadDoneIcon, index_DownloadIcon as DownloadIcon, index_DragHandleIcon as DragHandleIcon, index_EditIcon as EditIcon, index_ErrorIcon as ErrorIcon, index_ExclaimIcon as ExclaimIcon, index_ExpandIcon as ExpandIcon, index_FacebookIcon as FacebookIcon, index_FamilyIcon as FamilyIcon, index_FeedbackIcon as FeedbackIcon, index_FileAddIcon as FileAddIcon, index_FileIcon as FileIcon, index_FileShieldedIcon as FileShieldedIcon, index_FileTextIcon as FileTextIcon, index_FilterIcon as FilterIcon, index_FilterListIcon as FilterListIcon, index_FilterListOffIcon as FilterListOffIcon, index_FilterOffIcon as FilterOffIcon, index_FindInPageIcon as FindInPageIcon, index_FlickrIcon as FlickrIcon, index_FolderAddIcon as FolderAddIcon, index_FolderIcon as FolderIcon, index_FolderShieldedIcon as FolderShieldedIcon, index_FullscreenExitIcon as FullscreenExitIcon, index_FullscreenIcon as FullscreenIcon, index_GavelIcon as GavelIcon, index_GuardianIcon as GuardianIcon, index_HelpFilledIcon as HelpFilledIcon, index_HelpIcon as HelpIcon, index_HelpSimpleIcon as HelpSimpleIcon, index_HomeIcon as HomeIcon, index_HourglassBottomIcon as HourglassBottomIcon, index_HourglassDisabledIcon as HourglassDisabledIcon, index_HourglassEmptyIcon as HourglassEmptyIcon, index_HourglassFullIcon as HourglassFullIcon, index_HourglassTopIcon as HourglassTopIcon, index_ImageIcon as ImageIcon, index_InfoIcon as InfoIcon, index_InstagramIcon as InstagramIcon, index_JordskifterettIcon as JordskifterettIcon, index_JordskiftesakIcon as JordskiftesakIcon, index_KeyIcon as KeyIcon, index_LagmannsrettIcon as LagmannsrettIcon, index_LanguageIcon as LanguageIcon, index_LibraryAddIcon as LibraryAddIcon, index_LineChartIcon as LineChartIcon, index_LinkIcon as LinkIcon, index_LinkOffIcon as LinkOffIcon, index_LinkedInIcon as LinkedInIcon, index_ListAltIcon as ListAltIcon, index_ListIcon as ListIcon, index_LocationIcon as LocationIcon, index_LockIcon as LockIcon, index_LockOpenIcon as LockOpenIcon, index_LoginIcon as LoginIcon, index_LogoutIcon as LogoutIcon, index_MailIcon as MailIcon, index_MailOpenIcon as MailOpenIcon, index_MenuIcon as MenuIcon, index_MinusCirledIcon as MinusCirledIcon, index_MinusIcon as MinusIcon, index_MoreHorizontalIcon as MoreHorizontalIcon, index_MoreVerticalIcon as MoreVerticalIcon, index_NotarialIcon as NotarialIcon, index_NotificationsIcon as NotificationsIcon, index_NotificationsOffIcon as NotificationsOffIcon, index_OnlineMeetingIcon as OnlineMeetingIcon, index_OpenExternalIcon as OpenExternalIcon, index_PayoutIcon as PayoutIcon, index_PdfIcon as PdfIcon, index_PersonAddIcon as PersonAddIcon, index_PersonIcon as PersonIcon, index_PersonShieldedIcon as PersonShieldedIcon, index_PinIcon as PinIcon, index_PlusCircledIcon as PlusCircledIcon, index_PlusIcon as PlusIcon, index_PowerOfAttorneyIcon as PowerOfAttorneyIcon, index_PrintIcon as PrintIcon, index_PropertyIcon as PropertyIcon, index_PublishIcon as PublishIcon, index_QuestionAnswerIcon as QuestionAnswerIcon, index_ReceiptIcon as ReceiptIcon, index_RedoIcon as RedoIcon, index_RefreshIcon as RefreshIcon, index_ReplayIcon as ReplayIcon, index_SearchIcon as SearchIcon, index_SettingsIcon as SettingsIcon, index_SmsIcon as SmsIcon, index_StarFilledIcon as StarFilledIcon, index_StarHalfFilled as StarHalfFilled, index_StarIcon as StarIcon, index_SyncIcon as SyncIcon, index_ThumbDownFilledIcon as ThumbDownFilledIcon, index_ThumbDownIcon as ThumbDownIcon, index_ThumbUpFilledIcon as ThumbUpFilledIcon, index_ThumbUpIcon as ThumbUpIcon, index_TimeIcon as TimeIcon, index_TingrettIcon as TingrettIcon, index_TipIcon as TipIcon, index_TrashIcon as TrashIcon, index_TrendingDownIcon as TrendingDownIcon, index_TrendingUpIcon as TrendingUpIcon, index_UndoIcon as UndoIcon, index_UnfoldLessIcon as UnfoldLessIcon, index_UnfoldMoreIcon as UnfoldMoreIcon, index_UploadIcon as UploadIcon, index_VisibilityOffIcon as VisibilityOffIcon, index_VisibilityOnIcon as VisibilityOnIcon, index_WarningIcon as WarningIcon, index_WebexIcon as WebexIcon, index_XIcon as XIcon, index_ZoomInIcon as ZoomInIcon, index_ZoomOutIcon as ZoomOutIcon };
1337
1325
  }
1338
1326
 
1339
- type AccordionProps = BaseComponentPropsWithChildren<HTMLDivElement, {
1340
- /**Spesifiserer om body skal være utvidet ved innlastning. */
1341
- isExpanded?: boolean;
1342
- /**For å lytte til endringer i expanded-state. */
1343
- onChange?: (expanded: boolean) => void;
1344
- }>;
1345
- declare const Accordion: {
1346
- ({ isExpanded, onChange, id, children, className, htmlProps, ...rest }: AccordionProps): react_jsx_runtime.JSX.Element;
1347
- displayName: string;
1348
- };
1349
-
1350
- type AccordionHeaderProps = Omit<BaseComponentPropsWithChildren<HTMLButtonElement, {
1351
- /**Overskriver default teksttype. */
1352
- typographyType?: StaticTypographyType;
1353
- /**Angir om teksten skal være i "bold"-format. */
1354
- bold?: boolean;
1355
- }, ButtonHTMLAttributes<HTMLButtonElement>>, 'id'>;
1356
- declare const AccordionHeader: {
1357
- ({ children, className, htmlProps, typographyType, bold, ...rest }: AccordionHeaderProps): react_jsx_runtime.JSX.Element;
1358
- displayName: string;
1359
- };
1360
-
1361
- type AccordionBodyProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement>, 'id'>;
1362
- declare const AccordionBody: {
1363
- ({ children, className, htmlProps, ...rest }: AccordionBodyProps): react_jsx_runtime.JSX.Element;
1364
- displayName: string;
1365
- };
1366
-
1367
- type BackLinkProps = {
1327
+ type DdsTheme = keyof typeof ddsTokens;
1328
+ interface ThemeContextProps {
1329
+ theme: DdsTheme;
1330
+ el: HTMLDivElement | null;
1331
+ }
1332
+ declare const ThemeContext: react.Context<ThemeContextProps | undefined>;
1333
+ interface ThemeProviderProps {
1368
1334
  /**
1369
- * Ledetekst.
1335
+ * Elsa tema for applikasjonen.
1336
+ * @default "core"
1370
1337
  */
1371
- label: string;
1372
- } & Pick<ComponentPropsWithRef<'a'>, 'onClick' | 'href' | 'ref'>;
1373
- declare const BackLink: {
1374
- ({ label, ref, ...rest }: BackLinkProps): react_jsx_runtime.JSX.Element;
1375
- displayName: string;
1376
- };
1377
-
1378
- type BreadcrumbProps = ComponentPropsWithRef<'a'> | ComponentPropsWithRef<'span'>;
1379
- declare const isAnchorTypographyProps: (props: BreadcrumbProps) => props is ComponentPropsWithRef<"a">;
1380
- declare const Breadcrumb: {
1381
- ({ children, ref, ...rest }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
1382
- displayName: string;
1383
- };
1384
-
1385
- type BreadcrumbsProps = BaseComponentPropsWithChildren<HTMLElement, {
1338
+ theme?: DdsTheme;
1386
1339
  /**
1387
- * Spesifiserer ved hvilket brekkpunkt og nedover versjonen for små skjermer skal vises.
1388
- * Trunkerer barn unntatt første og siste; trunkerte barn er tilgjengelige ved å trykke på trunkeringsknappen.
1389
- */
1390
- smallScreenBreakpoint?: Breakpoint;
1391
- }>;
1392
- declare const Breadcrumbs: {
1393
- ({ children, smallScreenBreakpoint, id, className, htmlProps, ...rest }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
1394
- displayName: string;
1395
- };
1396
-
1397
- type ButtonPurpose = 'primary' | 'secondary' | 'danger' | 'tertiary';
1398
- type ButtonSize = Extract<Size, 'xsmall' | 'small' | 'medium' | 'large'>;
1399
- type IconPosition = 'left' | 'right';
1400
- type PickedHTMLAttributes$2 = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onFocus' | 'onBlur' | 'type'>;
1401
- type ButtonProps = BaseComponentProps<HTMLButtonElement, {
1402
- /** Størrelsen på knappen.
1403
- * @default "medium"
1404
- */
1405
- size?: ButtonSize;
1406
- /**Innhold i knappen (unntatt ikon). */
1407
- children?: ReactNode;
1408
- /**Bestemmer farger basert på formål.
1409
- * @default "primary"
1410
- */
1411
- purpose?: ButtonPurpose;
1412
- /** Posisjonen til ikonet i forhold til teksten.
1413
- * @default "left"
1414
- */
1415
- iconPosition?: IconPosition;
1416
- /**Indikerer en loading-knapp. */
1417
- loading?: boolean;
1418
- /** Tooltip som vises ved loading.
1419
- * @default "Lagring pågår"
1420
- */
1421
- loadingTooltip?: string;
1422
- /**Ikonet som ligger i knappen. */
1423
- icon?: SvgIcon;
1424
- /**Knapp med full bredde. */
1425
- fullWidth?: boolean;
1426
- /**URL for knapper som skal brukes som lenke. Knappen blir til et `<a>`-element. */
1427
- href?: string;
1428
- /**Nativt `target`-attributt. Kan settes når knappen er et `<a>`-element. */
1429
- target?: string;
1430
- } & PickedHTMLAttributes$2, Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof PickedHTMLAttributes$2>>;
1431
-
1432
- declare const Button: {
1433
- ({ children, purpose, size, iconPosition, href, target, loading, loadingTooltip, fullWidth, icon, onClick, onFocus, onBlur, id, ref, className, htmlProps, ...rest }: ButtonProps): react_jsx_runtime.JSX.Element | undefined;
1434
- displayName: string;
1435
- };
1436
-
1437
- type PickedHTMLAttributes$1 = Pick<HTMLAttributes<HTMLDivElement>, 'role' | 'aria-label' | 'aria-labelledby'>;
1438
- type ButtonGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
1439
- /**Retning for gruppen.
1440
- * @default "row"
1441
- */
1442
- direction?: Direction$1;
1443
- /**Størrelse på knappene.
1444
- * @default "medium"
1445
- */
1446
- buttonSize?: ButtonSize;
1447
- /**Nativ `aria-label` ved behov. */
1448
- 'aria-label'?: string;
1449
- /**Nativ `aria-labelledby` ved behov. */
1450
- 'aria-labelledby'?: string;
1451
- /**Nativ `role` ved behov.
1452
- * @default "group"
1453
- */
1454
- role?: AriaRole;
1455
- } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof PickedHTMLAttributes$1>>;
1456
- declare const ButtonGroup: {
1457
- ({ children, id, className, htmlProps, direction, buttonSize, role, ...rest }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
1458
- displayName: string;
1459
- };
1460
-
1461
- interface SelectionControlCommonProps {
1462
- /**Ledetekst for alternativet. */
1463
- label?: string;
1464
- /**Spesifiserer om input er `disabled`. */
1465
- disabled?: boolean;
1466
- /**Indikerer valideringsfeil. Påvirker styling. */
1467
- error?: boolean;
1468
- /**Inputelementet blir `readonly` - den kan ikke interageres med. Brukes bl.a. til å presentere input brukeren har fylt ut andre steder. */
1469
- readOnly?: boolean;
1470
- }
1471
- interface SelectionControlGroupCommonProps {
1472
- /**Ledetekst for gruppen. */
1473
- label?: string;
1474
- /**Retningen barna gjengis i.
1475
- * @default "row"
1476
- */
1477
- direction?: Direction$1;
1478
- /**Custom id for for gruppen, knytter ledetekst til gruppen via `aria-label`. */
1479
- groupId?: string;
1480
- /**Hjelpetekst for gruppen. */
1481
- tip?: string;
1482
- /**Gir alle barna `disabled` prop. */
1483
- disabled?: boolean;
1484
- /**Gir alle barna `readOnly` prop. */
1485
- readOnly?: boolean;
1486
- /**Meldingen som vises ved valideringsfeil. Gir error-tilstand til barna og setter `aria-describedby` for barna. */
1487
- errorMessage?: string;
1488
- }
1489
-
1490
- type CheckboxPickedHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'name' | 'checked' | 'defaultChecked' | 'value' | 'defaultValue' | 'onChange' | 'onBlur'>;
1491
- type CheckboxProps = BaseComponentProps<HTMLInputElement, SelectionControlCommonProps & {
1492
- /**Brukes ved nøstet struktur der alle `<Checkbox>` som hører til en gruppe kan bli valgt ved å trykke på en forelder `<Checkbox>`.
1493
- * Hvis enkelte `<Checkbox>` blir valgt men ikke alle, skal forelder `<Checkbox>` få tilstanden `indeterminate` - verken valgt eller ikke. */
1494
- indeterminate?: boolean;
1495
- } & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;
1496
-
1497
- declare const Checkbox: {
1498
- ({ id, name, label, error, disabled, readOnly, indeterminate, "aria-describedby": ariaDescribedby, className, htmlProps, children, ...rest }: CheckboxProps): react_jsx_runtime.JSX.Element;
1499
- displayName: string;
1500
- };
1501
-
1502
- type CheckboxGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, SelectionControlGroupCommonProps & {
1503
- /**Indikerer at det er påkrevd å velge minst ett alternativ. Legger en markør bak ledeteksten. **OBS!** `required` må i tillegg gis til `<Checkbox>`-barna manuelt. */
1504
- required?: boolean;
1505
- }>;
1506
- declare const CheckboxGroup: {
1507
- (props: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
1508
- displayName: string;
1509
- };
1510
-
1511
- type CardAppearance = 'filled' | 'border';
1512
- type BaseCardProps<T extends HTMLElement> = BaseComponentPropsWithChildren<T, {
1513
- /** Utseende på komponenten.
1514
- * @default "filled"
1515
- */
1516
- appearance?: CardAppearance;
1517
- /** Referanse til komponenten. */
1518
- cardRef?: RefObject<T | null>;
1519
- }>;
1520
- type InfoCardProps = BaseCardProps<HTMLDivElement> & {
1521
- /** Spesifiserer funksjonalitet og formål med komponenten. **OBS!** ved `'navigation'` må `href` oppgis. */
1522
- cardType: 'info';
1523
- };
1524
- type NavigationCardProps = BaseCardProps<HTMLAnchorElement> & {
1525
- cardType: 'navigation';
1526
- } & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'target'>;
1527
- type ExpandableCardProps = BaseCardProps<HTMLDivElement> & {
1528
- cardType: 'expandable';
1529
- };
1530
- type CardProps = InfoCardProps | NavigationCardProps | ExpandableCardProps;
1531
- type CardSelectableType = 'radio' | 'checkbox';
1532
- type CardSelectableProps = BaseComponentPropsWithChildren<HTMLInputElement, Pick<BaseCardProps<HTMLInputElement>, 'appearance'> & Omit<SelectionControlCommonProps, 'label'> & {
1533
- /** Spesifiserer inputtype som returneres. */
1534
- cardType?: CardSelectableType;
1535
- /** Custom padding. */
1536
- padding?: Property.Padding;
1537
- /** Custom absolutt posisjonering av kontroll-elementet. */
1538
- controlPlacementProps?: {
1539
- left?: Property.Left;
1540
- top?: Property.Top;
1541
- };
1542
- } & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;
1543
-
1544
- declare const Card: {
1545
- (props: CardProps): react_jsx_runtime.JSX.Element;
1546
- displayName: string;
1547
- };
1548
-
1549
- type CardExpandableProps = BaseComponentPropsWithChildren<HTMLDivElement, {
1550
- /**Spesifiserer om body skal være utvidet ved innlastning. */
1551
- isExpanded?: boolean;
1552
- /**For å lytte til endringer i expanded-state. */
1553
- onChange?: (expanded: boolean) => void;
1554
- }>;
1555
- declare const CardExpandable: {
1556
- ({ isExpanded, onChange, id, children, className, htmlProps, ...rest }: CardExpandableProps): react_jsx_runtime.JSX.Element;
1557
- displayName: string;
1558
- };
1559
-
1560
- type CardExpandableHeaderProps = Omit<BaseComponentPropsWithChildren<HTMLButtonElement, {
1561
- /**Overskriver default padding. */
1562
- padding?: Property.Padding<string>;
1563
- /**Overskriver default teksttype. */
1564
- typographyType?: StaticTypographyType;
1565
- /**Angir om teksten skal være i "bold"-format. */
1566
- bold?: boolean;
1567
- }, ButtonHTMLAttributes<HTMLButtonElement>>, 'id'>;
1568
- declare const CardExpandableHeader: {
1569
- ({ children, className, htmlProps, padding, typographyType, bold, ...rest }: CardExpandableHeaderProps): react_jsx_runtime.JSX.Element;
1570
- displayName: string;
1571
- };
1572
-
1573
- type CardExpandableBodyProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement, {
1574
- /**Overskriver default padding. */
1575
- padding?: Property.Padding<string>;
1576
- }>, 'id'>;
1577
- declare const CardExpandableBody: {
1578
- ({ children, className, htmlProps, padding, ...rest }: CardExpandableBodyProps): react_jsx_runtime.JSX.Element;
1579
- displayName: string;
1580
- };
1581
-
1582
- declare const CardSelectable: {
1583
- (props: CardSelectableProps): react_jsx_runtime.JSX.Element | null;
1584
- displayName: string;
1585
- };
1586
-
1587
- type CardSelectableGroupProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, Omit<SelectionControlGroupCommonProps, 'label' | 'direction' | 'tip'> & Pick<ResponsiveProps, 'display' | 'gap' | 'padding' | 'margin' | 'flexDirection' | 'rowGap' | 'flexWrap' | 'alignItems' | 'columnGap'> & {
1588
- /** Spesifiserer inputtype som returneres. */
1589
- cardType: CardSelectableType;
1590
- /**Id til valgfri hjelpetekst; Tar hånd om semantisk tilknytting og annen UU. */
1591
- tipId?: string;
1592
- /** Gir alle barna `name` prop.*/
1593
- name?: string;
1594
- /**Funksjonen for `onChange`-event for barna. */
1595
- onChange?: (value: T | undefined) => void;
1596
- /** Gjør alle barna påkrevd ved å gi dem `required` prop. */
1597
- required?: boolean;
1598
- /**Verdi - en `<CardSelectable>` med denne verdien blir valgt med controlled state. */
1599
- value?: T | undefined;
1600
- /**Default verdi - en `<CardSelectable>` med denne verdien blir forhåndsvalgt med uncontrolled state. */
1601
- defaultValue?: T | undefined;
1602
- }, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
1603
- declare const CardSelectableGroup: {
1604
- <T extends string | number = string>({ name, cardType, errorMessage, disabled, readOnly, value, defaultValue, children, required, onChange, id, tipId, className, htmlProps, "aria-describedby": ariaDescribedby, ...rest }: CardSelectableGroupProps<T>): react_jsx_runtime.JSX.Element;
1605
- displayName: string;
1606
- };
1607
-
1608
- type ChipProps = BaseComponentProps<HTMLDivElement, {
1609
- /** Teksten som vises i komponenten. */
1610
- text?: string;
1611
- /** Ekstra logikk når `<Chip />` lukkes. */
1612
- onClose?: () => void;
1613
- }>;
1614
- declare const Chip: {
1615
- ({ text, onClose, id, className, htmlProps, ...rest }: ChipProps): react_jsx_runtime.JSX.Element | null;
1616
- displayName: string;
1617
- };
1618
-
1619
- type ChipGroupProps = ComponentPropsWithRef<'ul'>;
1620
- declare const ChipGroup: {
1621
- ({ children, ...rest }: ChipGroupProps): react_jsx_runtime.JSX.Element;
1622
- displayName: string;
1623
- };
1624
-
1625
- type ContrastProps<T extends React.ElementType> = PolymorphicProps<T>;
1626
- declare const Contrast: <T extends React.ElementType>({ className, as, ...rest }: ContrastProps<T>) => react_jsx_runtime.JSX.Element;
1627
-
1628
- type CookieBannerCheckboxProps = Omit<CheckboxProps, 'label' | 'children'> & {
1629
- /**Header - kort oppsummering av den spesifikke typen informasjonskapsel. */
1630
- headerText?: string;
1631
- /**Detaljer rundt den spesifikke typen informasjonskapsel. */
1632
- description: string;
1633
- };
1634
- declare function CookieBannerCheckbox({ headerText, description, id, className, htmlProps, ...rest }: CookieBannerCheckboxProps): react_jsx_runtime.JSX.Element;
1635
- declare namespace CookieBannerCheckbox {
1636
- var displayName: string;
1637
- }
1638
-
1639
- type CookieBannerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
1640
- /**Header - kort oppsummering. */
1641
- headerText?: string;
1642
- /**Hovedinnholdet med info rundt informasjonkapsler bruk på siden. Kan inneholde lenker og andre interaktive elementer. */
1643
- description?: ReactNode;
1644
- /**Knapper for ulike nivåer av godkjenning av informasjonskaplser. Layout for knappene håndteres ut av boksen. */
1645
- buttons?: Array<Omit<ButtonProps, 'purpose' | 'size'>>;
1646
- /**Checkboxes for hver type informasjonskapsel som brukes på siden. Layout håndteres ut av boksen. */
1647
- checkboxes?: Array<CookieBannerCheckboxProps>;
1648
- /**Brekkpunkt for sammentrukket variant; Brukes på siden med detaljer om informasjonskapsler. */
1649
- collapsedBreakpoint?: Breakpoint;
1650
- } & Pick<ResponsiveProps, 'position' | 'top' | 'bottom' | 'left' | 'right' | 'width' | 'maxHeight'>>;
1651
- declare function CookieBanner({ headerText, description, buttons, checkboxes, id, className, htmlProps, 'aria-label': ariaLabel, maxHeight, width, children, collapsedBreakpoint, ...rest }: CookieBannerProps): react_jsx_runtime.JSX.Element;
1652
- declare namespace CookieBanner {
1653
- var displayName: string;
1654
- }
1655
-
1656
- type CalendarProps<T extends DateValue> = AriaCalendarProps<T>;
1657
- declare function Calendar<T extends DateValue>(props: CalendarProps<T>): react_jsx_runtime.JSX.Element;
1658
- declare namespace Calendar {
1659
- var displayName: string;
1660
- }
1661
-
1662
- type DateFieldProps<T extends DateValue$1 = CalendarDate> = AriaDateFieldOptions<T> & {
1663
- buttonProps?: ReturnType<typeof useDatePicker>['buttonProps'];
1664
- buttonOnClick?: () => void;
1665
- groupProps?: ReturnType<typeof useDatePicker>['groupProps'];
1666
- } & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'disabled' | 'style' | 'width' | 'className'> & {
1667
- ref?: Ref<HTMLDivElement>;
1668
- };
1669
-
1670
- interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'granularity'>, Pick<DateFieldProps<CalendarDate>, 'componentSize' | 'tip' | 'style'>, Pick<ResponsiveProps, 'width'> {
1671
- ref?: Ref<HTMLElement>;
1672
- /**
1673
- * Ledetekst.
1674
- */
1675
- label?: string;
1676
- /**
1677
- * Feilmelding.
1678
- */
1679
- errorMessage?: string;
1680
- /**Om ukenummer skal vises.
1681
- * @default true
1682
- */
1683
- showWeekNumbers?: boolean;
1684
- /**
1685
- * Brekkpunkt for å vise versjon for liten skjerm.
1686
- */
1687
- smallScreenBreakpoint?: Breakpoint;
1688
- }
1689
- declare function DatePicker({ errorMessage, componentSize, tip, style, width, smallScreenBreakpoint, showWeekNumbers, ref, ...props }: DatePickerProps): react_jsx_runtime.JSX.Element;
1690
- declare namespace DatePicker {
1691
- var displayName: string;
1692
- }
1693
-
1694
- type TimePickerProps = Omit<AriaTimeFieldProps<Time>, 'hideTimeZone'> & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'style' | 'width' | 'className'> & {
1695
- ref?: Ref<HTMLDivElement>;
1696
- };
1697
- declare function TimePicker({ componentSize, width, ref, ...props }: TimePickerProps): react_jsx_runtime.JSX.Element;
1698
- declare namespace TimePicker {
1699
- var displayName: string;
1700
- }
1701
-
1702
- declare function nativeDateToDateValue(date: Date, timeZone?: string | undefined): DateValue$1;
1703
- declare function dateValueToNativeDate(date: DateValue$1, timeZone?: string | undefined): Date;
1704
- declare function nativeDateToCalendarDate(date: Date): CalendarDate;
1705
- declare function nativeDateToTime(date: Date): Time;
1706
- declare function calendarDateToNativeDate(date: CalendarDate, time?: Time): Date;
1707
-
1708
- type DescriptionListAppearance = 'default' | 'subtle';
1709
- type DescriptionListProps = BaseComponentPropsWithChildren<HTMLDListElement, {
1710
- /**Påvirker tekst styling. */
1711
- appearance?: DescriptionListAppearance;
1712
- /**Setter flex-direction. NB! Fungerer kun ved bruk av `DescriptionListGroup` som barn av `DescriptionList`.
1713
- * @default "column"
1714
- */
1715
- direction?: Direction$1;
1716
- }>;
1717
- declare const DescriptionList: {
1718
- ({ appearance, direction, children, id, className, htmlProps, ...rest }: DescriptionListProps): react_jsx_runtime.JSX.Element;
1719
- displayName: string;
1720
- };
1721
-
1722
- type DescriptionListTermProps = ComponentPropsWithRef<'dt'>;
1723
- declare const DescriptionListTerm: {
1724
- (props: DescriptionListTermProps): react_jsx_runtime.JSX.Element;
1725
- displayName: string;
1726
- };
1727
-
1728
- type DescriptionListDescProps = BaseComponentPropsWithChildren<HTMLElement, {
1729
- /**Ikon som vises ved siden av teksten. */
1730
- icon?: SvgIcon;
1731
- }>;
1732
- declare const DescriptionListDesc: {
1733
- ({ children, icon, id, className, htmlProps, ...rest }: DescriptionListDescProps): react_jsx_runtime.JSX.Element;
1734
- displayName: string;
1735
- };
1736
-
1737
- type DescriptionListGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
1738
- /**Custom margin. */
1739
- margin?: Property.Margin<string>;
1740
- /**Custom min-width. */
1741
- minWidth?: Property.MinWidth<string>;
1742
- /**Custom max-width. */
1743
- maxWidth?: Property.MaxWidth<string>;
1744
- }>;
1745
- declare const DescriptionListGroup: {
1746
- ({ children, margin, minWidth, maxWidth, id, className, htmlProps, ...rest }: DescriptionListGroupProps): react_jsx_runtime.JSX.Element;
1747
- displayName: string;
1748
- };
1749
-
1750
- type DetailListSize = Extract<Size, 'large' | 'medium' | 'small'>;
1751
- type DetailListProps = BaseComponentPropsWithChildren<HTMLDListElement, {
1752
- /**
1753
- * Størrelse på tabellen. Påvirker tetthet i cellene og font.
1754
- * @default "medium"
1755
- */
1756
- size?: DetailListSize;
1757
- /**
1758
- * Om rader skal ha skillelinje.
1759
- * @default true
1760
- */
1761
- withDividers?: boolean;
1762
- /**
1763
- * Om rader skal ha sebrastriper.
1764
- * @default true
1765
- */
1766
- striped?: boolean;
1767
- /**Brekkpunkt og nedover versjonen for små skjermer skal vises; den gjør om rader til kolonner. */
1768
- smallScreenBreakpoint?: Breakpoint;
1769
- }>;
1770
- declare const DetailList: {
1771
- ({ id, className, htmlProps, withDividers, striped, size, smallScreenBreakpoint, ...rest }: DetailListProps): react_jsx_runtime.JSX.Element;
1772
- displayName: string;
1773
- };
1774
-
1775
- type DetailListDescProps = ComponentPropsWithRef<'dd'>;
1776
- declare const DetailListDesc: {
1777
- ({ className, ...rest }: DetailListDescProps): react_jsx_runtime.JSX.Element;
1778
- displayName: string;
1779
- };
1780
-
1781
- type DetailListRowProps = ComponentPropsWithRef<'div'>;
1782
- declare const DetailListRow: {
1783
- ({ className, ...rest }: DetailListRowProps): react_jsx_runtime.JSX.Element;
1784
- displayName: string;
1785
- };
1786
-
1787
- type DetailListTermProps = ComponentPropsWithRef<'dt'>;
1788
- declare const DetailListTerm: {
1789
- ({ className, ...rest }: DetailListTermProps): react_jsx_runtime.JSX.Element;
1790
- displayName: string;
1791
- };
1792
-
1793
- type DividerColor = 'default' | 'subtle' | 'on-inverse';
1794
- type DividerProps = BaseComponentProps<HTMLHRElement, {
1795
- /** Farge på horisontal linje.
1796
- * @default "default"
1797
- */
1798
- color?: DividerColor;
1799
- }>;
1800
- declare const Divider: ({ color, id, className, htmlProps, ...rest }: DividerProps) => react_jsx_runtime.JSX.Element;
1801
-
1802
- type DrawerSize = Extract<Size, 'small' | 'medium' | 'large'>;
1803
- type DrawerPlacement = 'left' | 'right';
1804
- type WidthProps = Pick<ResponsiveProps, 'minWidth' | 'maxWidth' | 'width'>;
1805
- type DrawerProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement, {
1806
- /**Størrelsen på `<Drawer>`.
1807
- * @default "small"
1808
- */
1809
- size?: DrawerSize;
1810
- /** Plasseringen til `<Drawer>`.
1811
- * @default "right"
1812
- */
1813
- placement?: DrawerPlacement;
1814
- /**Header for `<Drawer>`. Returnerer default `<Heading>` hvis verdien er en `string`. */
1815
- header?: string | ReactNode;
1816
- /**Spesifiserer hvilken DOM node `<Drawer>` skal ha som forelder via React portal.
1817
- * Brukes med f.eks `document.getElementById("id")` eller ref (skaper ikke ny DOM node).
1818
- * @default themeProviderRef
1819
- */
1820
- parentElement?: HTMLElement;
1821
- /**Custom props for breddehåndtering ved behov. Kan settes per brekkpunkt eller samme verdi for alle. */
1822
- widthProps?: WidthProps;
1823
- /**
1824
- * Om `<Drawer>` skal vises med backdrop som gråer ut bakgrunnen.
1825
- */
1826
- withBackdrop?: boolean;
1827
- }>, 'id'>;
1828
- declare const Drawer: {
1829
- ({ children, header, placement, parentElement, size, className, htmlProps, widthProps, withBackdrop, ref, ...rest }: DrawerProps): react.ReactPortal | null;
1830
- displayName: string;
1831
- };
1832
-
1833
- interface DrawerGroupProps {
1834
- /**Barna til komponenten: trigger-element og `<Drawer>`. */
1835
- children: ReactNode;
1836
- /**
1837
- * Om `<Drawer>` er åpen ved første render.
1838
- */
1839
- isInitiallyOpen?: boolean;
1840
- /**
1841
- * Implementerer kontrollert tilstand: om `<Drawer>` er åpen.
1842
- */
1843
- isOpen?: boolean;
1844
- /**
1845
- * Implementerer kontrollert tilstand: funksjon som kontrollerer `isOpen`.
1846
- */
1847
- setIsOpen?: Dispatch<SetStateAction<boolean>>;
1848
- /**`id` til `<Drawer>`. */
1849
- drawerId?: string;
1850
- /**Ekstra logikk som kjøres når `<Drawer>` åpnes. */
1851
- onOpen?: () => void;
1852
- /**Ekstra logikk som kjøres når `<Drawer>` lukkes. */
1853
- onClose?: () => void;
1854
- }
1855
- declare const DrawerGroup: {
1856
- ({ children, isInitiallyOpen, isOpen: propIsOpen, setIsOpen: propSetIsOpen, drawerId, onOpen, onClose, }: DrawerGroupProps): react_jsx_runtime.JSX.Element;
1857
- displayName: string;
1858
- };
1859
-
1860
- type EmptyContentProps = {
1861
- /**Tittel - kort oppsummering. */
1862
- headerText?: string;
1863
- /**Nivå på overskriften. Sørg for at den følger hierarkiet på siden.
1864
- * @default 2
1865
- */
1866
- headerHeadingLevel?: HeadingLevel;
1867
- /**Melding - beskrivelse og forklaring på hvordan brukeren kan få innhold. Kan inneholde lenker og andre interaktive elementer. */
1868
- message: ReactNode;
1869
- } & HTMLAttributes<HTMLDivElement>;
1870
- declare function EmptyContent({ headerText, message, headerHeadingLevel, ...rest }: EmptyContentProps): react_jsx_runtime.JSX.Element;
1871
- declare namespace EmptyContent {
1872
- var displayName: string;
1873
- }
1874
-
1875
- type ComponentSize = 'medium' | 'large';
1876
- type FavStarProps = BaseComponentPropsWithChildren<HTMLElement, {
1877
- /**
1878
- * Status på favorisering. `true` betyr at den er favorisert.
1879
- */
1880
- checked?: boolean;
1881
- /**
1882
- * Hvis du skal bruke `<FavStar>` uncontrolled så kan denne brukes til å sette den initielle "favoritt"-statusen.
1883
- * @default false
1884
- */
1885
- defaultChecked?: boolean;
1886
- /**
1887
- * Callback som blir kalt når brukeren endrer status på favorisering.
1888
- */
1889
- onChange?: (checked: boolean) => void;
1890
- /**
1891
- * Størrelse på `<FavStar>`. `'medium'` er den mest vanlige størrelsen.
1892
- * @default "medium"
1893
- */
1894
- size?: ComponentSize;
1895
- }, Omit<HTMLAttributes<HTMLElement>, 'onChange'>>;
1896
- declare const FavStar: {
1897
- ({ id, className, onChange, checked: checkedProp, defaultChecked, size, htmlProps, ...rest }: FavStarProps): react_jsx_runtime.JSX.Element;
1898
- displayName: string;
1899
- };
1900
-
1901
- interface FeedbackProps {
1902
- /**Om knappene skal være plassert under eller ved siden av teksten. */
1903
- layout?: Layout;
1904
- /**Label som er plassert over tommel opp/ned knappene.
1905
- * @default "Hva syns du om tjenesten?"
1906
- */
1907
- ratingLabel: string;
1908
- /**Label til fritekstfeltet når bruker har gitt tommel opp.
1909
- * @default "Hva kan vi forbedre? (valgfritt)"
1910
- */
1911
- positiveFeedbackLabel?: string;
1912
- /**Label til fritekstfeltet når bruker har gitt tommel ned.
1913
- * @default "Hva kan vi forbedre? (valgfritt)"
1914
- */
1915
- negativeFeedbackLabel?: string;
1916
- /**Tittel som vises når bruker har gitt tommel opp/ned, og enda ikke sendt inn kommentar.
1917
- * @default "Tusen takk! Tilbakemeldingen din hjelper oss å forbedre løsningen"
1918
- */
1919
- ratingSubmittedTitle?: string;
1920
- /**Tittel som vises når bruker har gitt feedback (inkl. eventuell kommentar).
1921
- * @default "Tusen takk! Tilbakemeldingen din hjelper oss å forbedre løsningen"
1922
- */
1923
- submittedTitle?: string;
1924
- /**Tip som vises under tekstfeltet når bruker skal sende inn kommentar.
1925
- * @default "Ikke send inn personopplysninger eller annen sensitiv informasjon"
1926
- */
1927
- textAreaTip?: string;
1928
- /**Om tommel opp eller ned er valgt. Brukes når komponenten skal være styrt utenfra. */
1929
- ratingValue?: Rating | null;
1930
- /**Verdien til fritekstfeltet. Brukes når komponenten skal være styrt utenfra. */
1931
- feedbackTextValue?: string;
1932
- /**Tooltip-teksten til tommel-opp-knappen.
1933
- * @default "Bra"
1934
- */
1935
- thumbUpTooltip?: string;
1936
- /**Tooltip-teksten til tommel-ned-knappen.
1937
- * @default "Dårlig"
1938
- */
1939
- thumbDownTooltip?: string;
1940
- /**Om tilbakemeldingskomponenten skal ekskludere fritekstfeltet (i.e. kun ha tommel opp/ned).
1941
- * @default false
1942
- */
1943
- feedbackTextAreaExcluded?: boolean;
1944
- /**Om knappene skal vise spinner. Gjelder både tommel opp/ned knappene, og "send inn" knappen.
1945
- * @default false
1946
- */
1947
- loading?: boolean;
1948
- /**Om tilbakemelding er sendt inn. Brukes når komponenten skal være styrt utenfra. */
1949
- isSubmitted?: boolean;
1950
- /**Callback når bruker har gitt tommel-rating. */
1951
- onRating?: (rating: Rating) => void;
1952
- /**Callback når bruker skriver noe i fritekstfeltet. */
1953
- onFeedbackTextChange?: (feedbackText: string) => void;
1954
- /**Callback når bruker sender inn feedback. */
1955
- onSubmit?: (rating: Rating, feedbackText: string) => void;
1956
- }
1957
- type Rating = 'positive' | 'negative';
1958
- type Layout = 'vertical' | 'horizontal';
1959
- interface ThumbIconProps {
1960
- rating: Rating | null;
1961
- layout: Layout;
1962
- type: 'comment' | 'rating';
1963
- }
1964
-
1965
- declare const Feedback: ({ layout, ratingLabel, positiveFeedbackLabel, negativeFeedbackLabel, ratingSubmittedTitle, submittedTitle, textAreaTip, ratingValue: ratingProp, feedbackTextValue: feedbackTextProp, thumbUpTooltip, thumbDownTooltip, feedbackTextAreaExcluded, loading, isSubmitted: isSubmittedProp, onRating, onFeedbackTextChange, onSubmit, }: FeedbackProps) => react_jsx_runtime.JSX.Element;
1966
-
1967
- type FieldsetProps = BaseComponentPropsWithChildren<HTMLFieldSetElement, {
1968
- /** Om alle inputfelt skal bli `disabled`. */
1969
- disabled?: boolean;
1970
- }>;
1971
- declare const Fieldset: {
1972
- ({ id, className, htmlProps, ...rest }: FieldsetProps): react_jsx_runtime.JSX.Element;
1973
- displayName: string;
1974
- };
1975
-
1976
- type FieldsetGroupProps = BaseComponentPropsWithChildren<HTMLDivElement>;
1977
- declare const FieldsetGroup: {
1978
- ({ id, className, htmlProps, ...rest }: FieldsetGroupProps): react_jsx_runtime.JSX.Element;
1979
- displayName: string;
1980
- };
1981
-
1982
- type FileExtensionAccept = `.${string}`;
1983
- type AnyMimeType = '*';
1984
- type ImageMimeType = 'png' | 'jpeg' | 'bmp' | 'gif' | 'svg+xml' | 'tiff' | 'webp';
1985
- type VideoMimeType = 'x-msvideo' | 'mp4' | 'mpeg' | 'ogg' | 'mp2t' | 'webm' | '3gpp' | '3gpp2';
1986
- type AudioMimeType = 'aac' | 'midi' | 'x-midi' | 'mpeg' | 'ogg' | 'opus' | 'wav' | 'webm' | '3gpp' | '3gpp2';
1987
- type ApplicationMimeType = 'octet-stream' | 'msword' | 'vnd.openxmlformats-officedocument.wordprocessingml.document' | 'epub+zip' | 'gzip' | 'java-archive' | 'json' | 'vnd.oasis.opendocument.presentation' | 'vnd.oasis.opendocument.spreadsheet' | 'vnd.oasis.opendocument.text' | 'pdf' | 'vnd.ms-powerpoint' | 'vnd.openxmlformats-officedocument.presentationml.presentation' | 'rtf' | 'x-sh' | 'x-tar' | 'vnd.visio' | 'xhtml+xml' | 'vnd.ms-excel' | 'vnd.openxmlformats-officedocument.spreadsheetml.sheet' | 'xml' | 'vnd.mozilla.xul+xml' | 'zip';
1988
- type MimeType = `image/${ImageMimeType | AnyMimeType}` | `video/${VideoMimeType | AnyMimeType}` | `audio/${AudioMimeType | AnyMimeType}` | `application/${ApplicationMimeType}`;
1989
- type FileUploaderAccept = MimeType | FileExtensionAccept;
1990
- type FileList = Array<File>;
1991
-
1992
- interface FileUploaderHookProps {
1993
- id: string | undefined;
1994
- /**Dersom komponenten skal styres internt. Utgangspunktet for filene som har blitt lastet opp. */
1995
- initialFiles: FileList | undefined;
1996
- /**Dersom komponenten styres utenfra. Filene som har blitt lastet opp. */
1997
- value: FileList | undefined;
1998
- /**Callback for når fil-listen endres. */
1999
- onChange: (newFiles: FileList) => void;
2000
- /**Hvilke filendelser eller mime-typer som filopplasteren skal akseptere. */
2001
- accept: Array<FileUploaderAccept> | undefined;
2002
- /**Om filopplasteren er avslått eller ikke */
2003
- disabled: boolean | undefined;
2004
- /**Maks antall filer som tillates. */
2005
- maxFiles: number | undefined;
2006
- /**Feilmelding. Setter også error state. */
2007
- errorMessage: string | undefined;
2008
- }
2009
-
2010
- type FileUploaderProps = {
2011
- /**Id til filopplasteren. */
2012
- id?: string;
2013
- /**Ledetekst for filopplaster. */
2014
- label?: string;
2015
- /**Ledetekst for slippsonen. Denne teksten skal, av UU-hensyn, henge sammen med den usynlige teksten: "velg fil med påfølgende knapp"
2016
- * @default Dra og slipp filer her eller
2017
- */
2018
- dropAreaLabel?: string;
2019
- /**Ledetekst for opplastingsknappen.
2020
- * @default Velg fil
2021
- */
2022
- btnLabel?: string;
2023
- /**Hjelpetekst. */
2024
- tip?: string;
2025
- /**Om det er påkrevd med minst én fil. */
2026
- required?: boolean;
2027
- /**Callback for når fil-listen endres. */
2028
- onChange: (newFiles: FileList) => void;
2029
- /**Om drag-and-drop zone skal vises.
2030
- * @default true
2031
- */
2032
- withDragAndDrop?: boolean;
2033
- /**Om listen med opplastede filer skal skjules. Brukes kun hvis listen blir vist på egen måte. */
2034
- hideFileList?: boolean;
2035
- } & Pick<ResponsiveProps, 'width'> & Partial<FileUploaderHookProps> & Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'id'>;
2036
- declare const FileUploader: {
2037
- (props: FileUploaderProps): react_jsx_runtime.JSX.Element;
2038
- displayName: string;
2039
- };
2040
-
2041
- type FooterProps = ComponentPropsWithRef<'footer'>;
2042
- declare const Footer: ({ className, ...rest }: FooterProps) => react_jsx_runtime.JSX.Element;
2043
-
2044
- type FooterListHeaderProps = Omit<HeadingProps, 'level' | 'withMargins'>;
2045
- declare const FooterListHeader: (props: FooterListHeaderProps) => react_jsx_runtime.JSX.Element;
2046
-
2047
- type HideBreakpoint = 'xs' | 'sm' | 'md';
2048
- type FooterLogoProps = ComponentPropsWithRef<'img'> & {
2049
- /**Brekkepunkt når logoen skal skjules på mindre skjerm. */
2050
- hideBreakpoint?: HideBreakpoint;
2051
- };
2052
- declare const FooterLogo: ({ hideBreakpoint, ...rest }: FooterLogoProps) => react_jsx_runtime.JSX.Element;
2053
-
2054
- type FooterListProps = ComponentPropsWithRef<'ul'>;
2055
- declare const FooterList: ({ className, ...rest }: FooterListProps) => react_jsx_runtime.JSX.Element;
2056
-
2057
- type FooterSocialsListProps = ComponentPropsWithRef<'ul'>;
2058
- declare const FooterSocialsList: ({ className, ...rest }: FooterSocialsListProps) => react_jsx_runtime.JSX.Element;
2059
-
2060
- type FooterSocialsGroupProps = ComponentPropsWithRef<'div'>;
2061
- declare const FooterSocialsGroup: ({ className, ...rest }: FooterSocialsGroupProps) => react_jsx_runtime.JSX.Element;
2062
-
2063
- type FooterListGroupProps = ComponentPropsWithRef<'div'>;
2064
- declare const FooterListGroup: ({ className, ...rest }: FooterListGroupProps) => react_jsx_runtime.JSX.Element;
2065
-
2066
- type FooterLeftProps = ComponentPropsWithRef<'div'>;
2067
- declare const FooterLeft: ({ className, ...rest }: FooterLeftProps) => react_jsx_runtime.JSX.Element;
2068
-
2069
- type GlobalMessagePurpose = 'info' | 'warning' | 'danger';
2070
- type GlobalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
2071
- /**Meldingen som vises til brukeren. Brukes kun når meldingen er en `string`. */
2072
- message?: string;
2073
- /**Formålet med meldingen. Påvirker styling.
2074
- * @default "info"
2075
- */
2076
- purpose?: GlobalMessagePurpose;
2077
- /**Indikerer om meldingen skal være lukkbar. */
2078
- closable?: boolean;
2079
- /**Ekstra logikk å kjøre når meldingen lukkes. */
2080
- onClose?: () => void;
2081
- }>;
2082
- declare const GlobalMessage: {
2083
- ({ message, purpose, closable, onClose, children, id, className, htmlProps, ...rest }: GlobalMessageProps): react_jsx_runtime.JSX.Element | null;
2084
- displayName: string;
2085
- };
2086
-
2087
- type InlineButtonProps = ComponentPropsWithRef<'button'>;
2088
- declare const InlineButton: ({ className, ...rest }: InlineButtonProps) => react_jsx_runtime.JSX.Element;
2089
-
2090
- interface BaseInlineInputProps {
2091
- /**Spesifiserer error state. Hvis `errorMessage` ikke brukes må inputfeltet knyttes med ARIA til en feilmelding som vises andre steder i applikasjonen. */
2092
- error?: boolean;
2093
- /**Feilmelding. Setter også error state. */
2094
- errorMessage?: string;
2095
- /** Bredde på komponenten.
2096
- * @default "140px"
2097
- */
2098
- width?: ResponsiveProps['width'];
2099
- /**Om redigeringsikonet skal vises. */
2100
- hideIcon?: boolean;
2101
- }
2102
- type InlineEditProps = {
2103
- /**Callback for når verdien blir lagret. */
2104
- onSetValue?: (value: string) => void;
2105
- /**Spesifiserer om brukeren kan tømme inputfeltet. */
2106
- emptiable?: boolean;
2107
- /**Ekstra callback ved `onChange`-event. */
2108
- onChange?: () => void;
2109
- /**Ekstra callback ved `onFocus`-event. */
2110
- onFocus?: () => void;
2111
- /**Ekstra callback ved `onBlur`-event. */
2112
- onBlur?: () => void;
2113
- } & Pick<InputHTMLAttributes<HTMLInputElement>, 'value'>;
2114
- type InlineInputProps = BaseInlineInputProps & Omit<ComponentPropsWithRef<'input'>, 'width' | 'value' | 'onChange' | 'onFocus' | 'onBlur'>;
2115
- type InlineTextAreaProps = BaseInlineInputProps & Omit<ComponentPropsWithRef<'textarea'>, 'value' | 'onChange' | 'onFocus' | 'onBlur'>;
2116
- type InlineEditTextAreaProps = InlineTextAreaProps & InlineEditProps;
2117
- type InlineEditInputProps = InlineInputProps & InlineEditProps;
2118
-
2119
- declare const InlineEditTextArea: ({ onSetValue, emptiable, value, onFocus, onChange, onBlur, ref, ...rest }: InlineEditTextAreaProps) => react_jsx_runtime.JSX.Element;
2120
-
2121
- declare const InlineEditInput: ({ onSetValue, emptiable, value, onFocus, onChange, onBlur, ref, ...rest }: InlineEditInputProps) => react_jsx_runtime.JSX.Element;
2122
-
2123
- type InputMessageType = 'error' | 'tip';
2124
- type InputMessageProps = BaseComponentProps<HTMLDivElement, {
2125
- /** Meldingen som vises til brukeren. */
2126
- message: string;
2127
- /** Formålet med meldingen. Påvirker styling.
2128
- * @default "error"
2129
- */
2130
- messageType: InputMessageType;
2131
- }>;
2132
- declare const InputMessage: {
2133
- ({ message, messageType, id, className, htmlProps, ...rest }: InputMessageProps): react_jsx_runtime.JSX.Element;
2134
- displayName: string;
2135
- };
2136
- declare const renderInputMessage: (tip?: string, tipId?: string, errorMessage?: string, errorMessageId?: string) => react_jsx_runtime.JSX.Element;
2137
-
2138
- type NavigationLinkProps = {
2139
- children: ReactNode;
2140
- href: string;
2141
- } & AnchorHTMLAttributes<HTMLAnchorElement>;
2142
- type ContextMenuElementProps = {
2143
- children: ReactNode;
2144
- href?: string;
2145
- icon?: SvgIcon;
2146
- onClick?: () => void;
2147
- } & (AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>);
2148
- interface InternaHeaderUserProps {
2149
- children: ReactNode;
2150
- href?: string;
2151
- }
2152
- type InternalHeaderProps = BaseComponentProps<HTMLDivElement, {
2153
- /**Navn på applikasjonen. */
2154
- applicationName?: string;
2155
- /**Beskrivelse på applikasjonen ellen tittel på en underside. Tilgjengelig fram til Lovisa Next kommer. */
2156
- applicationDesc?: string;
2157
- /**URL til hovedsiden. */
2158
- applicationHref?: string;
2159
- /**Spesifiserer ved hvilket brekkpunkt og nedover versjonen for små skjermer skal vises; den justerer på spacing og legger navigasjonen i kontekstmenyen. */
2160
- smallScreenBreakpoint?: Breakpoint;
2161
- /**Info om brukeren. Dukker opp som punkt på toppen av kontekstmenyen med tekst oppgitt i name. Blir en lenke hvis href er oppgitt. */
2162
- user?: InternaHeaderUserProps;
2163
- /**Lenker som skal vises i navigasjonsmenyen. */
2164
- navItems?: Array<NavigationLinkProps>;
2165
- /**Lenker eller knapper som skal vises i kontekstmenyen. Støtter ikon i tillegg til tekst. */
2166
- contextMenuItems?: Array<ContextMenuElementProps>;
2167
- /**URL til siden i navigasjonen brukeren er på. Gir highlight til navigasjonselementet i navItems med samme URL. */
2168
- currentPageHref?: string;
2169
- /**Ekstra logikk som kjøres når currentPage endres. */
2170
- onCurrentPageChange?: () => void;
2171
- }>;
2172
-
2173
- declare const InternalHeader: {
2174
- (props: InternalHeaderProps): react_jsx_runtime.JSX.Element;
2175
- displayName: string;
2176
- };
2177
-
2178
- type ListType = 'ordered' | 'unordered';
2179
- type ListTypographyType = TypographyBodyType | 'inherit';
2180
- type ListProps = BaseComponentPropsWithChildren<HTMLUListElement | HTMLOListElement, {
2181
- /**Spesifiserer om komponenten skal returnere `<ul />` (punktliste) eller `<ol />` (nummerert liste).
2182
- * @default "unordered"
2183
- */
2184
- listType?: ListType;
2185
- /**Spesifiserer typografi for listen. Komponenten arver i utgangspunktet fra forelder, men hvis forelder stiller ikke med relevant styling må det velges `TypographyBodyType` som brukes i `<body>` ellers på siden.
2186
- * @default "inherit"
2187
- */
2188
- typographyType?: ListTypographyType;
2189
- }>;
2190
- declare const List: {
2191
- ({ listType, typographyType, children, id, className, htmlProps, ...rest }: ListProps): react_jsx_runtime.JSX.Element;
2192
- displayName: string;
2193
- };
2194
-
2195
- type ListItemProps = ComponentPropsWithRef<'li'>;
2196
- declare const ListItem: {
2197
- ({ className, ...rest }: ListItemProps): react_jsx_runtime.JSX.Element;
2198
- displayName: string;
2199
- };
2200
-
2201
- type LocalMessagePurpose = 'info' | 'warning' | 'danger' | 'success' | 'tips';
2202
- type LocalMessageLayout = 'horisontal' | 'vertical';
2203
- type LocalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
2204
- /**Meldingen som vises til brukeren. Brukes kun når meldingen er string. */
2205
- message?: string;
2206
- /**Formålet med meldingen. Påvirker styling.
2207
- * @default "info"
2208
- */
2209
- purpose?: LocalMessagePurpose;
2210
- /** Indikerer om meldingen skal være lukkbar.*/
2211
- closable?: boolean;
2212
- /**Ekstra logikk å kjøre når meldingen lukkes. */
2213
- onClose?: () => void;
2214
- /**Layoutet i komponenten. Ved kompleks innhold anbefales `layout='vertical'`.
2215
- * @default "horisontal"
2216
- */
2217
- layout?: LocalMessageLayout;
2218
- } & Pick<ResponsiveProps, 'width'>>;
2219
- declare const LocalMessage: {
2220
- ({ message, purpose, closable, onClose, width, layout, children, id, className, htmlProps, ...rest }: LocalMessageProps): react_jsx_runtime.JSX.Element;
2221
- displayName: string;
2222
- };
2223
-
2224
- type ModalProps = BaseComponentPropsWithChildren<HTMLDivElement, {
2225
- /**Spesifiserer om `<Modal>` skal åpnes. */
2226
- isOpen?: boolean;
2227
- /**Funksjon kjørt ved lukking; gjør at `<Modal>` blir lukkbar via: Esc-tast, klikk utenfor, klikk på dedikert lukkeknapp. */
2228
- onClose?: () => void;
2229
- /**Fordeler DOM node for `<Modal>` via React portal. Brukes med f.eks `document.getElementById("id")` eller `ref` (skaper ikke ny DOM node).
2230
- * @default themeProviderRef
2231
- */
2232
- parentElement?: HTMLElement;
2233
- /**Header i `<Modal>`. Returnerer default `<Heading>` ved `string`. Setter også `aria-labelledby`. */
2234
- header?: string | ReactNode;
2235
- /**Ref som brukes til returnering av fokus. */
2236
- triggerRef?: RefObject<HTMLElement | null>;
2237
- /**Ref som skal motta fokus når `<Modal>` åpnes. Hvis utelatt blir `<Modal>` fokusert. */
2238
- initialFocusRef?: RefObject<HTMLElement | null>;
2239
- /** Gjør at innholdet kan scrolles */
2240
- scrollable?: boolean;
2241
- }>;
2242
- declare const Modal: {
2243
- ({ isOpen, parentElement, children, header, onClose, id, triggerRef, initialFocusRef, scrollable, className, htmlProps, ref, ...rest }: ModalProps): react.ReactPortal | null;
2244
- displayName: string;
2245
- };
2246
-
2247
- type ModalBodyProps = BaseComponentPropsWithChildren<HTMLDivElement, {
2248
- /**Gjør at innholdet kan scrolles. Det må eventuelt settes (max)bredde og (max)høyde styling på både denne subkomponenten og `<Modal />`. */
2249
- scrollable?: boolean;
2250
- /**Høyde på container. Kan resultere i scrolling. */
2251
- height?: Property.Height;
2252
- }>;
2253
- declare const ModalBody: {
2254
- ({ children, id, className, scrollable, htmlProps, height, ...rest }: ModalBodyProps): react_jsx_runtime.JSX.Element;
2255
- displayName: string;
2256
- };
2257
-
2258
- type ModalActionsProps = ComponentPropsWithRef<'div'>;
2259
- declare const ModalActions: {
2260
- (props: ModalActionsProps): react_jsx_runtime.JSX.Element;
2261
- displayName: string;
2262
- };
2263
-
2264
- declare const OverflowMenu: {
2265
- ({ placement, offset, className, htmlProps, ref, ...rest }: OverflowMenuProps): react_jsx_runtime.JSX.Element;
2266
- displayName: string;
2267
- };
2268
-
2269
- type OverflowMenuListItemBaseProps<T extends 'span' | 'button' | 'a'> = {
2270
- /**Ikon som vises ved teksten. **OBS!** Settes i tillegg til `children` for riktig layout. */
2271
- icon?: SvgIcon;
2272
- /**Bestemmer farger basert på formål.
2273
- * @default "default"
2274
- */
2275
- purpose?: 'default' | 'danger';
2276
- } & ComponentPropsWithRef<T>;
2277
- type OverflowMenuButtonProps = OverflowMenuListItemBaseProps<'button'> & Pick<ButtonProps, 'loading' | 'loadingTooltip'> & {
2278
- /**Asynkron `onClick` event; håndterer loading status, slik at menyen ikke lukker seg under loading. */
2279
- onClickAsync?: MouseEventHandler<HTMLButtonElement>;
2280
- };
2281
- type OverflowMenuLinkProps = OverflowMenuListItemBaseProps<'a'>;
2282
- type OverflowMenuSpanProps = OverflowMenuListItemBaseProps<'span'>;
2283
- type OverflowMenuProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement, {
2284
- /**Plassering av menyen i forhold til anchor-elementet.
2285
- * @default "bottom-end"
2286
- */
2287
- placement?: Placement;
2288
- /**Avstand fra anchor-elementet i px.
2289
- * @default 2
2290
- */
2291
- offset?: number;
2292
- }>, 'id'>;
2293
-
2294
- declare const OverflowMenuButton: {
2295
- ({ id, icon, children, className, onClick, onClickAsync, purpose, loading, loadingTooltip, "aria-disabled": ariaDisabled, ref, ...rest }: OverflowMenuButtonProps): react_jsx_runtime.JSX.Element;
2296
- displayName: string;
2297
- };
2298
-
2299
- declare const OverflowMenuLink: {
2300
- ({ id, href, icon, className, onClick, children, ref, purpose, ...rest }: OverflowMenuLinkProps): react_jsx_runtime.JSX.Element;
2301
- displayName: string;
2302
- };
2303
-
2304
- type OverflowMenuDividerProps = Omit<DividerProps, 'color'>;
2305
- declare const OverflowMenuDivider: {
2306
- ({ id, className, htmlProps, ...rest }: OverflowMenuDividerProps): react_jsx_runtime.JSX.Element;
2307
- displayName: string;
2308
- };
2309
-
2310
- type OverflowMenuListProps = StylelessListProps;
2311
- declare const OverflowMenuList: (props: OverflowMenuListProps) => react_jsx_runtime.JSX.Element;
2312
-
2313
- declare const OverflowMenuSpan: {
2314
- ({ icon, children, className, purpose, ...rest }: OverflowMenuSpanProps): react_jsx_runtime.JSX.Element;
2315
- displayName: string;
2316
- };
2317
-
2318
- type OverflowMenuListHeaderProps = ComponentPropsWithRef<'h2'>;
2319
- declare const OverflowMenuListHeader: {
2320
- ({ className, ...rest }: OverflowMenuListHeaderProps): react_jsx_runtime.JSX.Element;
2321
- displayName: string;
2322
- };
2323
-
2324
- interface OverflowMenuGroupProps {
2325
- /**Om `<OverflowMenu>` er åpen ved første render.
2326
- * @default false
2327
- */
2328
- isInitiallyOpen?: boolean;
2329
- /**Implementerer kontrollert tilstand: forteller `<OverflowMenu>` om den skal være åpen. */
2330
- isOpen?: boolean;
2331
- /**Implementerer kontrollert tilstand: funksjon for å kontrollere `isOpen`. */
2332
- setIsOpen?: Dispatch<SetStateAction<boolean>>;
2333
- /**Callback når `<OverflowMenu>` åpnes. */
2334
- onOpen?: () => void;
2335
- /**Callback når `<OverflowMenu>` lukkes. */
2336
- onClose?: () => void;
2337
- /**Barn, anchor-elementet som første og `<OverflowMenu>` som andre. */
2338
- children: ReactNode;
2339
- /**Custom id for `<OverflowMenu>`. */
2340
- overflowMenuId?: string;
2341
- }
2342
- declare const OverflowMenuGroup: {
2343
- ({ children, onClose, onOpen, setIsOpen: propSetIsOpen, isOpen: propIsOpen, isInitiallyOpen, overflowMenuId, }: OverflowMenuGroupProps): react_jsx_runtime.JSX.Element;
2344
- displayName: string;
2345
- };
2346
-
2347
- interface PaginationOption {
2348
- label: string;
2349
- value: number;
2350
- }
2351
- type PaginationProps = BaseComponentProps<HTMLElement, {
2352
- /**Totalt antall elementer å paginere. */
2353
- itemsAmount: number;
2354
- /**Antall elementer per side ved innlastning av komponenten.
2355
- * @default 10
2356
- */
2357
- defaultItemsPerPage?: number;
2358
- /**Den aktive siden ved innlastning av komponenten.
2359
- * @default 1
2360
- */
2361
- defaultActivePage?: number;
2362
- /**Spesifiserer om selve pagineringen skal vises.
2363
- * @default true
2364
- */
2365
- withPagination?: boolean;
2366
- /**Spesifiserer om teksten `'Vis x-y av z'` skal vises. */
2367
- withCounter?: boolean;
2368
- /**Spesifiserer om `<Select />` til å velge antall resultater per side skal vises. */
2369
- withSelect?: boolean;
2370
- /**Custom options for `<Select />`. **OBS!** hvis det settes custom `selectOptions` bør "alle"-alternativet inkluderes der det er relevant, da brukere ofte liker å ha muligheten.
2371
- * @default [
2372
- { label: '10', value: 10 },
2373
- { label: '25', value: 25 },
2374
- { label: '50', value: 50 },
2375
- { label: 'Alle', value: itemsAmount },
2376
- ]
2377
- */
2378
- selectOptions?: Array<PaginationOption>;
2379
- /**Brukes til å hente side og eventuelt annen logikk ved endring av side. */
2380
- onChange?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void;
2381
- /**Brukes til å hente `selectedOption` og eventuelt kjøre annen logikk når `withSelect=true` ved endring av alternativ. */
2382
- onSelectOptionChange?: (option: PaginationOption | null) => void;
2383
- /**Spesifiserer ved hvilket brekkpunkt og nedover versjonen for små skjermer skal vises; den viser færre sideknapper og stacker subkomponentene. */
2384
- smallScreenBreakpoint?: Breakpoint;
2385
- }, Omit<HTMLAttributes<HTMLElement>, 'onChange'>>;
2386
- declare const Pagination: {
2387
- ({ itemsAmount, defaultItemsPerPage, defaultActivePage, withPagination, withCounter, withSelect, selectOptions, smallScreenBreakpoint, onChange, onSelectOptionChange, id, className, htmlProps, ref, ...rest }: PaginationProps): react_jsx_runtime.JSX.Element | null;
2388
- displayName: string;
2389
- };
2390
-
2391
- type ISOCountryCode = 'AF' | 'AL' | 'DZ' | 'AS' | 'AD' | 'AO' | 'AI' | 'AG' | 'AR' | 'AM' | 'AW' | 'AU' | 'AT' | 'AZ' | 'BS' | 'BH' | 'BD' | 'BB' | 'BY' | 'BE' | 'BZ' | 'BJ' | 'BM' | 'BT' | 'BO' | 'BA' | 'BW' | 'BR' | 'IO' | 'VG' | 'BN' | 'BG' | 'BF' | 'BI' | 'KH' | 'CM' | 'CA' | 'CV' | 'KY' | 'CF' | 'TD' | 'CL' | 'CN' | 'CX' | 'CC' | 'CO' | 'EH' | 'KM' | 'CD' | 'CG' | 'CK' | 'CR' | 'CI' | 'HR' | 'CU' | 'CW' | 'CY' | 'CZ' | 'DK' | 'DJ' | 'DM' | 'DO' | 'EC' | 'EG' | 'SV' | 'GQ' | 'GS' | 'ER' | 'EE' | 'ET' | 'FK' | 'FO' | 'FJ' | 'FI' | 'FR' | 'GF' | 'PF' | 'GA' | 'GM' | 'GE' | 'DE' | 'GH' | 'GI' | 'GR' | 'GL' | 'GD' | 'GP' | 'GU' | 'GT' | 'GG' | 'GN' | 'GW' | 'GY' | 'HT' | 'HM' | 'HN' | 'HK' | 'HU' | 'IS' | 'IN' | 'ID' | 'IR' | 'IQ' | 'IE' | 'IM' | 'IL' | 'IT' | 'JM' | 'JP' | 'JE' | 'JO' | 'KZ' | 'KE' | 'KI' | 'XK' | 'KW' | 'KG' | 'LA' | 'LV' | 'LB' | 'LS' | 'LR' | 'LY' | 'LI' | 'LT' | 'LU' | 'MO' | 'MK' | 'MG' | 'MW' | 'MY' | 'MV' | 'ML' | 'MT' | 'MH' | 'MQ' | 'MR' | 'MU' | 'YT' | 'MX' | 'FM' | 'MD' | 'MC' | 'MN' | 'ME' | 'MS' | 'MA' | 'MZ' | 'MM' | 'NA' | 'NR' | 'NP' | 'NL' | 'NC' | 'NZ' | 'NI' | 'NE' | 'NG' | 'NU' | 'NF' | 'KP' | 'MP' | 'NO' | 'OM' | 'PK' | 'PW' | 'PS' | 'PA' | 'PG' | 'PY' | 'PE' | 'PH' | 'PL' | 'PT' | 'PR' | 'QA' | 'RE' | 'RO' | 'RU' | 'RW' | 'BL' | 'SH' | 'KN' | 'LC' | 'MF' | 'PM' | 'VC' | 'WS' | 'SM' | 'ST' | 'SA' | 'SN' | 'RS' | 'SC' | 'SL' | 'SG' | 'SX' | 'SK' | 'SI' | 'SB' | 'SO' | 'ZA' | 'KR' | 'SS' | 'ES' | 'LK' | 'SD' | 'SR' | 'SJ' | 'SZ' | 'SE' | 'CH' | 'SY' | 'TW' | 'TJ' | 'TZ' | 'TH' | 'TL' | 'TG' | 'TK' | 'TO' | 'TT' | 'TN' | 'TR' | 'TM' | 'TC' | 'TV' | 'VI' | 'UG' | 'UA' | 'AE' | 'GB' | 'US' | 'UY' | 'UZ' | 'VU' | 'VA' | 'VE' | 'VN' | 'WF' | 'YE' | 'ZM' | 'ZW' | 'AX';
2392
-
2393
- interface PhoneInputValue {
2394
- countryCode: ISOCountryCode | (string & {});
2395
- phoneNumber: string;
2396
- }
2397
- interface PhoneInputCountryOption {
2398
- countryCode: ISOCountryCode;
2399
- label: string;
2400
- }
2401
- declare const countryOptions: Array<PhoneInputCountryOption>;
2402
- type PhoneInputProps = {
2403
- /**
2404
- * Custom id for gruppen ved behov. setter `${id}-country-code` som `id` for landskode og `${id}-phone-number` for telefonnummer.
2405
- */
2406
- id?: string;
2407
- /**
2408
- * Verdi bestående av landskode og telefonnummer.
2409
- * */
2410
- value?: PhoneInputValue;
2411
- /** Default verdi bestående av landkode og telefonnummer. */
2412
- defaultValue?: PhoneInputValue;
2413
- /**
2414
- * `onChange` funksjon.
2415
- */
2416
- onChange?: (value: PhoneInputValue) => void;
2417
- /** `name` attributt; setter `${name}-country-code` som `name` for landskode og `${name}-phone-number` for telefonnummer. */
2418
- name?: string;
2419
- /**
2420
- * Spesifiserer ved hvilket brekkpunkt og nedover versjonen for små skjermer skal vises; den stacker subkomponentene vertikalt.
2421
- */
2422
- smallScreenBreakpoint?: Breakpoint;
2423
- /**
2424
- * Usynlig ledetekst for nedtrekksliste med landkoder. Brukes hvis default ikke passer eller ikke er beskrivende nok.
2425
- * @default "Landskode"
2426
- */
2427
- selectLabel?: string;
2428
- /**
2429
- * Ref for nedtrekksliste med landkoder.
2430
- */
2431
- selectRef?: ForwardedRef<HTMLSelectElement>;
2432
- /**
2433
- * Usynlig ledetekst for gruppen. Brukes hvis default ikke passer eller ikke er beskrivende nok.
2434
- * @default "Landskode og telefonnummer"
2435
- */
2436
- groupLabel?: string;
2437
- } & Pick<InputProps, 'readOnly' | 'disabled' | 'width' | 'componentSize' | 'errorMessage' | 'label' | 'tip' | 'required' | 'className' | 'style' | 'aria-required' | 'aria-describedby' | 'ref'>;
2438
- declare const PhoneInput: {
2439
- ({ label, readOnly, errorMessage, tip, required, width, componentSize, name, className, style, value, selectLabel, selectRef, onChange, defaultValue, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, groupLabel, ref, ...props }: PhoneInputProps): react_jsx_runtime.JSX.Element;
2440
- displayName: string;
2441
- };
2442
-
2443
- type PopoverSizeProps = Pick<ResponsiveProps, 'width' | 'height' | 'minWidth' | 'minHeight' | 'maxWidth' | 'maxHeight'>;
2444
- type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement, {
2445
- /**Header. Bruker default semantisk heading hvis verdien er en `string`. */
2446
- header?: string | ReactNode;
2447
- /**Om lukkeknapp skal vises.
2448
- * @default true
2449
- */
2450
- withCloseButton?: boolean;
2451
- /**Spesifiserer hvor komponenten skal plasseres i forhold til anchor-elementet.
2452
- * @default "bottom"
2453
- */
2454
- placement?: Placement;
2455
- /**Angir rotnode hvor popover skal rendres.
2456
- * @default themeProviderRef
2457
- */
2458
- parentElement?: HTMLElement;
2459
- /**Angir om popover skal rendre i en portal eller ikke.
2460
- * @default "false"
2461
- */
2462
- portal?: boolean;
2463
- /**Avstand fra anchor-elementet i px.
2464
- * @default 8
2465
- */
2466
- offset?: number;
2467
- /** Ekstra logikk kjørt når popover mister fokus. */
2468
- onBlur?: () => void;
2469
- /**Custom størrelse. */
2470
- sizeProps?: PopoverSizeProps;
2471
- /** Om focus skal returneres ved `blur`
2472
- * @default true
2473
- */
2474
- returnFocusOnBlur?: boolean;
2475
- /**Anchor ref ved custom kontrollert bruk uten `<PopoverGroup>` Kun for corner cases. */
2476
- anchorRef?: RefObject<HTMLElement | null>;
2477
- /**Spesifiserer om popover er åpen ved custom kontrollert bruk uten `<PopoverGroup>` Kun for corner cases. */
2478
- isOpen?: boolean;
2479
- /**Callback for lukking ved custom kontrollert bruk uten `<PopoverGroup>` Kun for corner cases. */
2480
- onClose?: () => void;
2481
- }>;
2482
- declare const Popover: {
2483
- ({ id, header, withCloseButton, onBlur, children, placement, parentElement, portal, offset, sizeProps, returnFocusOnBlur, className, htmlProps, anchorRef, isOpen: propIsOpen, onClose: propOnClose, ref, ...rest }: PopoverProps): react_jsx_runtime.JSX.Element | null;
2484
- displayName: string;
2485
- };
2486
-
2487
- interface PopoverGroupProps {
2488
- /** Barna til wrapperen: anchor-element som det første og `<Popover>` som det andre. */
2489
- children: ReactNode;
2490
- /**Forteller `<Popover>` om den skal være åpen på første render. */
2491
- isInitiallyOpen?: boolean;
2492
- /**Implementerer kontrollert tilstand: forteller `<Popover>` om den skal være åpen. */
2493
- isOpen?: boolean;
2494
- /**Implementerer kontrollert tilstand: funksjon for å kontrollere `isOpen`. */
2495
- setIsOpen?: Dispatch<SetStateAction<boolean>>;
2496
- /**Callback når <Popover> åpnes. */
2497
- onOpen?: () => void;
2498
- /**Callback når <Popover> lukkes. */
2499
- onClose?: () => void;
2500
- /** `id` til `<Popover>.` */
2501
- popoverId?: string;
2502
- }
2503
- declare const PopoverGroup: {
2504
- ({ isOpen: propIsOpen, setIsOpen: propSetIsOpen, onClose, onOpen, isInitiallyOpen, children, popoverId, }: PopoverGroupProps): react_jsx_runtime.JSX.Element;
2505
- displayName: string;
2506
- };
2507
-
2508
- interface BaseItemProps {
2509
- /** Om steget er valgt eller ikke. Settes av konsument. */
2510
- active?: boolean;
2511
- /** Om steget er ferdig eller ikke. Settes av konsument.
2512
- * @default false
2513
- */
2514
- completed?: boolean;
2515
- /** Om steget skal være disabled. Settes av konsument.
2516
- * @default false
2517
- */
2518
- disabled?: boolean;
2519
- /** Ikon som skal vises istedenfor stegnummeret. Settes av konument. */
2520
- icon?: SvgIcon;
2521
- /** Indeksen til steget. NB! Denne settes automatisk av forelder og skal ikke settes manuelt. */
2522
- index?: number;
2523
- }
2524
- type ProgressTrackerItemProps = BaseComponentPropsWithChildren<HTMLButtonElement, BaseItemProps & {
2525
- /** Click-handler som gjør det mulig for bruker å klikke på steget for å navigere. Valgfri. */
2526
- onClick?: (index: number) => void;
2527
- }> | BaseComponentPropsWithChildren<HTMLDivElement, BaseItemProps & {
2528
- onClick?: undefined;
2529
- }>;
2530
- declare const ProgressTrackerItem: {
2531
- (props: ProgressTrackerItemProps): react_jsx_runtime.JSX.Element;
2532
- displayName: string;
2533
- };
2534
-
2535
- type ProgressTrackerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
2536
- /** Indeksen til det aktive steget.
2537
- * @default 0
2538
- */
2539
- activeStep?: number;
2540
- /** Ekstra logikk ved klikking på et steg. */
2541
- onStepChange?: (step: number) => void;
2542
- /**Retning stegene gjengis i. OBS! Ikke tilpasset mindre skjermer. */
2543
- direction?: Direction$1;
2544
- }>;
2545
- type ProgressTrackerComponent = ForwardRefExoticComponent<ProgressTrackerProps> & {
2546
- Item: typeof ProgressTrackerItem;
2547
- };
2548
- declare const ProgressTracker: ProgressTrackerComponent;
2549
-
2550
- type ProgressBarSize = 'medium' | 'small';
2551
- type ProgressBarProps = Pick<CommonInputProps, 'tip' | 'errorMessage' | 'label' | 'width'> & {
2552
- /**
2553
- * Størrelse.
2554
- * @default "medium"
2555
- */
2556
- size?: ProgressBarSize;
2557
- /**
2558
- * Indikerer i hvor stor grad prosessen er fullført.
2559
- * Den skal ha verdi over 0; mindre eller lik `max`, mindre eller lik 1 hvis `max` ikke er satt.
2560
- * Hvis verdien er `undefined` eller ugyldig blir komponenten "indeterminate".
2561
- */
2562
- value?: number;
2563
- /**
2564
- * Verdi som indikerer at prosessen er fullført; maksimal verdi.
2565
- * @default 1
2566
- */
2567
- max?: number;
2568
- } & Omit<ComponentPropsWithRef<'progress'>, 'max' | 'value'>;
2569
- declare const ProgressBar: {
2570
- ({ label, tip, errorMessage, size, "aria-describedby": ariaDescribedby, value, width, max, id, className, style, ...rest }: ProgressBarProps): react_jsx_runtime.JSX.Element;
2571
- displayName: string;
2572
- };
2573
-
2574
- type SearchSize = 'small' | 'medium' | 'large';
2575
- type SearchButtonProps = {
2576
- label?: string;
2577
- purpose?: ExtractStrict<ButtonPurpose, 'primary' | 'secondary'>;
2578
- } & Pick<ButtonProps, 'loading' | 'loadingTooltip'> & ComponentPropsWithRef<'button'>;
2579
-
2580
- type SearchProps = Pick<InputProps, 'tip' | 'label'> & {
2581
- /**Størrelsen på komponenten. */
2582
- componentSize?: SearchSize;
2583
- /**Props for søkeknappen. */
2584
- buttonProps?: SearchButtonProps;
2585
- /**Om søkeikonet skal vises. */
2586
- showIcon?: boolean;
2587
- } & Pick<InputProps, 'width'> & Omit<ComponentPropsWithRef<'input'>, 'width'>;
2588
- declare const Search$1: {
2589
- ({ componentSize, buttonProps, showIcon, name, label, tip, id, value, width, onChange, className, style, "aria-describedby": ariaDescribedby, ref, ...rest }: SearchProps): react_jsx_runtime.JSX.Element;
2590
- displayName: string;
2591
- };
2592
-
2593
- interface WeightedValue {
2594
- text: string;
2595
- relevance: number;
2596
- }
2597
- interface WeightedSearchData {
2598
- array: Array<WeightedValue>;
2599
- sortFunction?: (a: WeightedValue, b: WeightedValue) => number;
2600
- }
2601
- interface SearchData {
2602
- array: Array<string>;
2603
- sortFunction?: (a: string, b: string) => number;
2604
- }
2605
- interface SearchAutocompleteWrapperProps {
2606
- /**Array med data som kan søkes på og eventuelt tilhørende sorteringsfunksjon. Array kan bestå av elementer av typen `string` eller objekter med vekt og tekst.*/
2607
- data?: SearchData | WeightedSearchData;
2608
- /** Ekstra callback ved `onChange` i `<Search>`. */
2609
- onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
2610
- /**Callback når et forslag blir valgt, inkludert søkefunksjon. */
2611
- onSuggestionSelection?: () => void;
2612
- /** Custom filter for forslag. */
2613
- filter?: (sugestion: string, query: string) => boolean;
2614
- /**Minst lengde på query når forslag skal vises.
2615
- * @default 2
2616
- */
2617
- queryLength?: number;
2618
- /** Barnet til subkomponenten - `<Search>`. */
2619
- children?: ReactNode;
2620
- /**Initielle `value` i `<Search>`. */
2621
- value?: string;
2622
- }
2623
- declare const SearchAutocompleteWrapper: {
2624
- (props: SearchAutocompleteWrapperProps): react_jsx_runtime.JSX.Element;
2625
- displayName: string;
2626
- };
2627
-
2628
- type SearchSuggestionsProps = BaseComponentProps<HTMLDivElement, Pick<SearchProps, 'componentSize'> & {
2629
- /**Forslag som vises i listen. */
2630
- suggestions?: Array<string>;
2631
- /** Om listen skal vises. */
2632
- showSuggestions?: boolean;
2633
- /**Callback når et forslag blir valgt, inkludert søkefunksjon. */
2634
- onSuggestionClick?: (e: MouseEvent$1<HTMLButtonElement>) => void;
2635
- /** Maks antall forslag vist i listen. */
2636
- maxSuggestions?: number;
2637
- /**Id til `<Search>`. */
2638
- searchId: string;
2639
- }>;
2640
- declare const SearchSuggestions: {
2641
- ({ id, searchId, className, htmlProps, suggestions, showSuggestions, componentSize, onSuggestionClick, maxSuggestions, ...rest }: SearchSuggestionsProps): react_jsx_runtime.JSX.Element;
2642
- displayName: string;
2643
- };
2644
-
2645
- type SearchCompoundProps = typeof Search$1 & {
2646
- AutocompleteWrapper: typeof SearchAutocompleteWrapper;
2647
- Suggestions: typeof SearchSuggestions;
2648
- };
2649
- declare const Search: SearchCompoundProps;
2650
-
2651
- interface SelectOption<TValue = unknown> {
2652
- label: string | number;
2653
- value: TValue;
2654
- }
2655
- type WrappedReactSelectProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = WithRequiredIf<Option extends SelectOption ? false : true, Props$1<Option, IsMulti, Group>, 'getOptionLabel' | 'getOptionValue'>;
2656
- type SelectProps<Option = unknown, IsMulti extends boolean = false> = {
2657
- /**Ledetekst for nedtrekkslisten. */
2658
- label?: string;
2659
- /**Størrelsen på komponenten.
2660
- * @default "medium"
2661
- */
2662
- componentSize?: InputSize;
2663
- /**Ikonet som vises i komponenten. */
2664
- icon?: SvgIcon;
2665
- /**Nedtrekkslisten blir `readonly` og får readOnly styling. */
2666
- readOnly?: boolean;
2667
- /**Meldingen som vises ved valideringsfeil. */
2668
- errorMessage?: string;
2669
- /**Hjelpetekst. */
2670
- tip?: string;
2671
- /** CSS klassenavn. */
2672
- className?: string;
2673
- /** Inline styling. */
2674
- style?: React.CSSProperties;
2675
- /** Custom element som vises for det valgte elementet. */
2676
- customOptionElement?: (props: OptionProps<Option, IsMulti, GroupBase<Option>>) => JSX.Element;
2677
- /** Custom element som vises i listen over alternativer. */
2678
- customSingleValueElement?: (props: SingleValueProps<Option, IsMulti, GroupBase<Option>>) => JSX.Element;
2679
- /** Testid. Legges på control-div med suffiks "control". */
2680
- 'data-testid'?: string;
2681
- /**Ref til komponenten. */
2682
- ref?: SelectForwardRefType<Option, IsMulti>;
2683
- } & Pick<HTMLAttributes<HTMLInputElement>, 'aria-required'> & Pick<ResponsiveProps, 'width'> & WrappedReactSelectProps<Option, IsMulti, GroupBase<Option>>;
2684
- type SelectForwardRefType<Option, IsMulti extends boolean> = Ref<SelectInstance<Option, IsMulti, GroupBase<Option>>>;
2685
- declare function Select<Option = unknown, IsMulti extends boolean = false>({ id, label, componentSize, errorMessage, tip, required, 'aria-required': ariaRequired, readOnly, options, isMulti, value, icon, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, menuPortalTarget, customOptionElement, customSingleValueElement, 'data-testid': dataTestId, onKeyDown, openMenuOnClick, ref, ...rest }: SelectProps<Option, IsMulti>): react_jsx_runtime.JSX.Element;
2686
- declare namespace Select {
2687
- var displayName: string;
2688
- }
2689
-
2690
- type NativeSelectProps = CommonInputProps & Pick<InputProps, 'componentSize' | 'readOnly'> & ComponentPropsWithRef<'select'>;
2691
- declare const NativeSelect: ({ id, children, componentSize, label, multiple, readOnly, errorMessage, tip, required, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, width, className, style, onKeyDown, onMouseDown, ...rest }: NativeSelectProps) => react_jsx_runtime.JSX.Element;
2692
- type NativeSelectPlaceholderProps = ComponentPropsWithRef<'option'>;
2693
- declare const NativeSelectPlaceholder: {
2694
- ({ children, value, ...rest }: NativeSelectPlaceholderProps): react_jsx_runtime.JSX.Element;
2695
- displayName: string;
2696
- };
2697
-
2698
- declare const createSelectOptions: <TValue extends string | number>(...args: Array<TValue>) => Array<SelectOption<TValue>>;
2699
-
2700
- type PickedInputHTMLAttributes$1 = Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'readOnly' | 'checked' | 'value' | 'required' | 'onChange' | 'aria-describedby'>;
2701
- type RadioButtonProps = BaseComponentPropsWithChildren<HTMLInputElement, SelectionControlCommonProps & PickedInputHTMLAttributes$1, Omit<InputHTMLAttributes<HTMLInputElement>, keyof PickedInputHTMLAttributes$1>>;
2702
- type RadioValue = PickedInputHTMLAttributes$1['value'];
2703
-
2704
- declare const RadioButton: {
2705
- ({ id, name, label, disabled, readOnly, error, checked, value, children, required, onChange, "aria-describedby": ariaDescribedby, className, htmlProps, ...rest }: RadioButtonProps): react_jsx_runtime.JSX.Element;
2706
- displayName: string;
2707
- };
2708
-
2709
- type RadioButtonGroupProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, SelectionControlGroupCommonProps & {
2710
- /** Gir alle barna `name` prop.*/
2711
- name?: string;
2712
- /**Funksjonen for onChange-event for barna. */
2713
- onChange?: (event: ChangeEvent<HTMLInputElement>, value: T | undefined) => void;
2714
- /** Gjør alle barna påkrevd ved å gi dem `required` prop. Legger en markør (*) bak ledeteksten. */
2715
- required?: boolean;
2716
- /**Verdi - en `<RadioButton>` med denne verdien blir valgt med controlled state. */
2717
- value?: T | undefined;
2718
- /**Default verdi - en `<RadioButton>` med denne verdien blir forhåndsvalgt med uncontrolled state. */
2719
- defaultValue?: T | undefined;
2720
- }, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
2721
- declare const RadioButtonGroup: {
2722
- <T extends string | number = string>({ name, label, groupId, errorMessage, tip, disabled, readOnly, direction, value, defaultValue, children, required, onChange, id, className, htmlProps, ...rest }: RadioButtonGroupProps<T>): react_jsx_runtime.JSX.Element;
2723
- displayName: string;
2724
- };
2725
-
2726
- type SkeletonAppearance = 'circle' | 'rectangle';
2727
- type SkeletonProps = {
2728
- /**CSS border radius.
2729
- * @default "var(--dds-border-radius-surface)"
2730
- */
2731
- borderRadius?: Property.BorderRadius;
2732
- } & Pick<ResponsiveProps, 'width' | 'height'> & ComponentPropsWithRef<'div'>;
2733
- declare const Skeleton: {
2734
- ({ width, height, borderRadius, className, style, ref, ...rest }: SkeletonProps): react_jsx_runtime.JSX.Element;
2735
- displayName: string;
2736
- };
2737
-
2738
- type SkipToContentProps = BaseComponentProps<HTMLAnchorElement, {
2739
- /** Teksten som vises i lenka.
2740
- * @default "Til hovedinnhold"
2741
- */
2742
- text?: string;
2743
- /**Spesifiserer hvor det skal hoppes til via `id`-attributtet til innholdet. */
2744
- href: string;
2745
- /**Avstand fra top i nærmeste posisjonert container.
2746
- * @default 0
2747
- */
2748
- top?: Property.Top;
2749
- }>;
2750
- declare const SkipToContent: {
2751
- ({ text, top, id, className, htmlProps, ...rest }: SkipToContentProps): react_jsx_runtime.JSX.Element;
2752
- displayName: string;
2753
- };
2754
-
2755
- type SpinnerProps = BaseComponentProps<SVGElement, {
2756
- /**Farge på spinneren.
2757
- * @default "iconActionResting"
2758
- */
2759
- color?: TextColor;
2760
- /**Størrelse; Setter høyde og bredde på spinneren.
2761
- * @default "var(--dds-icon-size-medium)"
2762
- */
2763
- size?: Property.Width;
2764
- /**Tekst som vises ved hover.
2765
- * @default "Innlasting pågår"
2766
- */
2767
- tooltip?: string;
2768
- }>;
2769
- declare function Spinner(props: SpinnerProps): react_jsx_runtime.JSX.Element;
2770
- declare namespace Spinner {
2771
- var displayName: string;
2772
- }
2773
-
2774
- type SplitButtonPurpose = ExtractStrict<ButtonPurpose, 'primary' | 'secondary'>;
2775
- type SplitButtonPrimaryActionProps = Omit<ButtonProps, 'size' | 'purpose'>;
2776
- type SplitButtonSecondaryActionsProps = Array<OverflowMenuButtonProps>;
2777
- type SplitButtonProps = Pick<ButtonProps, 'size'> & {
2778
- /**Props for primær handling. Samme props som for `<Button>` unntatt `size` og `purpose`. */
2779
- primaryAction: SplitButtonPrimaryActionProps;
2780
- /**Props for sekunære handlinger. */
2781
- secondaryActions: SplitButtonSecondaryActionsProps;
2782
- /**Formål med knappen.
2783
- * @default "primary"
2784
- */
2785
- purpose?: SplitButtonPurpose;
2786
- } & ComponentPropsWithRef<'div'>;
2787
- declare const SplitButton: {
2788
- ({ size, primaryAction, secondaryActions, purpose, className, ...rest }: SplitButtonProps): react_jsx_runtime.JSX.Element;
2789
- displayName: string;
2790
- };
2791
-
2792
- type TableBodyProps = ComponentPropsWithRef<'tbody'>;
2793
- declare const Body: {
2794
- (props: TableBodyProps): react_jsx_runtime.JSX.Element;
2795
- displayName: string;
2796
- };
2797
-
2798
- type TableCellType = 'data' | 'head';
2799
- type TableCellLayout = 'left' | 'right' | 'center' | 'text and icon';
2800
- interface CollapsibleProps {
2801
- isCollapsibleChild?: boolean;
2802
- }
2803
- type TableCellProps = {
2804
- /**
2805
- * Type celle. Returnerer enten `<td>` eller `<th>`.
2806
- * @default "data" hvis den er brukt i `<Table.Body>` eller `<Table.Foot>`, 'head' hvis den er i `<Table.Head>`.
2807
- */
2808
- type?: TableCellType;
2809
- /**Layout av innholdet i cellen; legger en flex `<div>` i cellen, unntatt 'none' som ikke legger inn noe. 'tekst and icon' legger `gap` mellom barna og andre barnet i cellen.
2810
- * @default "left"
2811
- */
2812
- layout?: TableCellLayout;
2813
- /** Props ved bruk av `<CollapsibleRow>`. **OBS!** settes automatisk av forelder. */
2814
- collapsibleProps?: CollapsibleProps;
2815
- } & (ComponentPropsWithRef<'td'> | ComponentPropsWithRef<'th'>);
2816
- declare const Cell: {
2817
- ({ children, type: _type, layout, collapsibleProps, className, ...rest }: TableCellProps): react_jsx_runtime.JSX.Element;
2818
- displayName: string;
2819
- };
2820
-
2821
- type TableFootProps = ComponentPropsWithRef<'tfoot'>;
2822
- declare const Foot: {
2823
- (props: TableFootProps): react_jsx_runtime.JSX.Element;
2824
- displayName: string;
2825
- };
2826
-
2827
- type TableHeadProps = ComponentPropsWithRef<'thead'>;
2828
- declare const Head: ({ children, ...rest }: TableHeadProps) => react_jsx_runtime.JSX.Element;
2829
-
2830
- type TableSize = Extract<Size, 'small' | 'medium' | 'large'>;
2831
- type TableProps = {
2832
- /**
2833
- * Størrelse på tabellen. Påvirker tetthet i cellene og font.
2834
- * @default "medium"
2835
- */
2836
- size?: TableSize;
2837
- /**Spesifiserer om cellene i `<Head>` skal bli sticky ved scrolling. */
2838
- stickyHeader?: boolean;
2839
- /**Legger skillelinjer mellom radene. */
2840
- withDividers?: boolean;
2841
- } & ComponentPropsWithRef<'table'>;
2842
- type HeaderValues = Array<{
2843
- key: string;
2844
- content: ReactNode;
2845
- }>;
2846
- type TableRowType = 'body' | 'head';
2847
- type RowMode = 'normal' | 'sum';
2848
- type TableRowProps = {
2849
- /**
2850
- * Spesifiserer om raden skal brukes i `<head>` eller `<body>`-seksjonen.
2851
- * @default "body" hvis den er brukt i `<Table.Body>` eller `<Table.Foot>`, 'head' hvis den er i `<Table.Head>`.
2852
- */
2853
- type?: TableRowType;
2854
- /**Custom modus for rader som har ytterligere semantisk betydning (f.eks. summeringsrad), definerer kun styling.
2855
- * Ved bruk av sum må `<Cell>` med tall i høyrestilles vha layout prop.
2856
- * @default "normal"
2857
- **/
2858
- mode?: RowMode;
2859
- /**Spesifiserer om raden har blitt valgt/markert. */
2860
- selected?: boolean;
2861
- /**Spesifiserer om raden skal ha hover styling. Brukes hovedsakelig på rader med klikkbar innhold. */
2862
- hoverable?: boolean;
2863
- } & ComponentPropsWithRef<'tr'>;
2864
-
2865
- declare const Row: {
2866
- ({ type: _type, mode, hoverable, selected, className, ...rest }: TableRowProps): react_jsx_runtime.JSX.Element;
2867
- displayName: string;
2868
- };
2869
-
2870
- type SortOrder = 'ascending' | 'descending';
2871
- type TableSortCellProps = {
2872
- /**Spesifiserer om kolonnen er sortert. */
2873
- isSorted?: boolean;
2874
- /**Sorteringsrekkefølge i kolonnen. Avgjør hvilket ikon skal vises i cellen. */
2875
- sortOrder?: SortOrder;
2876
- /**onClick-funksjon for sortering og annen logikk. */
2877
- onClick: (event: MouseEvent$1<HTMLButtonElement>) => void;
2878
- } & Omit<TableCellProps, 'type'>;
2879
- declare const SortCell: {
2880
- ({ isSorted, sortOrder, onClick, children, ...rest }: TableSortCellProps): react_jsx_runtime.JSX.Element;
2881
- displayName: string;
2882
- };
2883
-
2884
- declare const Table$1: {
2885
- ({ size, stickyHeader, withDividers, className, children, ...rest }: TableProps): react_jsx_runtime.JSX.Element;
2886
- displayName: string;
2887
- };
2888
-
2889
- type TableWrapperProps = HTMLAttributes<HTMLDivElement>;
2890
- declare const TableWrapper: {
2891
- ({ className, ...rest }: TableWrapperProps): react_jsx_runtime.JSX.Element;
2892
- displayName: string;
2893
- };
2894
-
2895
- type TableCompoundProps = typeof Table$1 & {
2896
- Wrapper: typeof TableWrapper;
2897
- Head: typeof Head;
2898
- Body: typeof Body;
2899
- Foot: typeof Foot;
2900
- Row: typeof Row;
2901
- Cell: typeof Cell;
2902
- SortCell: typeof SortCell;
2903
- };
2904
- declare const Table: TableCompoundProps;
2905
-
2906
- declare const CollapsibleRow: {
2907
- ({ type: _type, className, mode, selected, hoverable, children, ref, ...rest }: TableRowProps): react_jsx_runtime.JSX.Element;
2908
- displayName: string;
2909
- };
2910
-
2911
- type CollapsibleTableProps = {
2912
- /**Om tabellen skal kollapse. */
2913
- isCollapsed?: boolean;
2914
- /**Innhold i headere (`content`) og deres `key`. `headerValues.content` må være den samme som faktisk innhold i `<Table.Cell type='head'>`. */
2915
- headerValues: HeaderValues;
2916
- /**
2917
- * Indeksen(e) til kolonnen(e) som skal synes når tabellen er kollapset. Rekkefølgen i array avgjør rekkefølgen i render.
2918
- * @default [0]
2919
- * */
2920
- definingColumnIndex?: Array<number>;
2921
- } & TableProps;
2922
-
2923
- declare const CollapsibleTable$1: {
2924
- ({ isCollapsed, headerValues, definingColumnIndex, ...rest }: CollapsibleTableProps): react_jsx_runtime.JSX.Element;
2925
- displayName: string;
2926
- };
2927
-
2928
- type CollapsibleTableCompoundProps = typeof CollapsibleTable$1 & {
2929
- Row: typeof CollapsibleRow;
2930
- };
2931
- declare const CollapsibleTable: CollapsibleTableCompoundProps;
2932
-
2933
- type AddTabButtonProps = {
2934
- /** Bredden. Her er det støtte for de samme enhetene som du kan bruke i `grid-template-columns`.
2935
- * @default "1fr"
2936
- */
2937
- width?: CSS.Properties['width'];
2938
- index?: number;
2939
- } & ComponentPropsWithRef<'button'>;
2940
- declare const AddTabButton: {
2941
- ({ ref, children, index, className, width, ...rest }: AddTabButtonProps): react_jsx_runtime.JSX.Element;
2942
- displayName: string;
2943
- };
2944
-
2945
- type TabSize = Extract<Size, 'small' | 'medium'>;
2946
- type TabsProps = BaseComponentPropsWithChildren<HTMLDivElement, {
2947
- /**Størrelse på hver `<Tab>`. */
2948
- size?: TabSize;
2949
- /** Indeksen til den aktive fanen. **OBS!** Ved å sette denne vil brukere aldri kunne endre tab uten at du også registrerer en `onChange`-lytter for å ta vare på aktiv tab utenfor komponenten. */
2950
- activeTab?: number;
2951
- /** Ekstra logikk ved endring av aktiv fane. */
2952
- onChange?: (index: number) => void;
2953
- /** Retningen ikon og tekst vises i `<Tab>`-elementer.
2954
- * @default "row"
2955
- */
2956
- tabContentDirection?: Direction$1;
2957
- /** Props for "Legg til fane"-knapp. Støtter native HTML attributter og `width`. */
2958
- addTabButtonProps?: Omit<AddTabButtonProps, 'index'>;
2959
- } & Pick<ResponsiveProps, 'width'>, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
2960
- declare const Tabs: {
2961
- ({ id, activeTab, onChange, tabContentDirection, size, addTabButtonProps, width, children, className, htmlProps, ...rest }: TabsProps): react_jsx_runtime.JSX.Element;
2962
- displayName: string;
2963
- };
2964
-
2965
- type PickedAttributes = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>;
2966
- type TabProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
2967
- /**Spesifiserer om fanen er aktiv.
2968
- * @default false
2969
- */
2970
- active?: boolean;
2971
- /** Ikon. */
2972
- icon?: SvgIcon;
2973
- /** Spesifiserer om `<Tab>` skal ha fokus. **OBS!** settes automatisk av forelder.*/
2974
- focus?: boolean;
2975
- /** Callback som setter fokus. **OBS!** settes automatisk av forelder.*/
2976
- setFocus?: Dispatch<SetStateAction<number>>;
2977
- /** Indeksen til `<Tab>`. **OBS!** settes automatisk av forelder.*/
2978
- index?: number;
2979
- /** Bredden til `<Tab>`. Her er det støtte for de samme enhetene som du kan bruke i `grid-template-columns`.
2980
- * @default "1fr"
2981
- */
2982
- width?: CSS.Properties['width'];
2983
- } & PickedAttributes, Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof PickedAttributes>>;
2984
- declare const Tab: {
2985
- ({ active, icon, children, focus, setFocus, index, onClick, onKeyDown, id, className, htmlProps, width, ref, ...rest }: TabProps): react_jsx_runtime.JSX.Element;
2986
- displayName: string;
2987
- };
2988
-
2989
- type TabListProps = ComponentPropsWithRef<'div'>;
2990
- declare const TabList: {
2991
- ({ children, id, style, onFocus, ref, ...rest }: TabListProps): react_jsx_runtime.JSX.Element;
2992
- displayName: string;
2993
- };
2994
-
2995
- type TabPanelProps = BaseComponentPropsWithChildren<HTMLDivElement, {
2996
- /** Spesifiserer om panelet skal vises basert på aktiv fane. */
2997
- active?: boolean;
2998
- }>;
2999
- declare const TabPanel: {
3000
- ({ active, children, id, className, htmlProps, ...rest }: TabPanelProps): react_jsx_runtime.JSX.Element;
3001
- displayName: string;
3002
- };
3003
-
3004
- type TabPanelsProps = ComponentPropsWithRef<'div'>;
3005
- declare const TabPanels: {
3006
- ({ children, ref, ...rest }: TabPanelsProps): react_jsx_runtime.JSX.Element;
3007
- displayName: string;
3008
- };
3009
-
3010
- type TagPurpose = 'success' | 'info' | 'danger' | 'warning' | 'default';
3011
- type TagAppearance = 'default' | 'strong';
3012
- type TagProps = BaseComponentPropsWithChildren<HTMLSpanElement, {
3013
- /**
3014
- * Innholdet til `<Tag>.` Kan brukes istedenfor `text`.
3015
- */
3016
- children?: ReactNode;
3017
- /**
3018
- * Samme oppførsel som `children`. Er `children` brukt vil denne ignoreres. Tekst som vises i `<Tag>`.
3019
- */
3020
- text?: string;
3021
- /**
3022
- * Formål med status eller kategorisering. Påvirker styling.
3023
- * @default "default"
3024
- */
3025
- purpose?: TagPurpose;
3026
- /**
3027
- * Det visuelle uttrykket til komponenten.
3028
- * @default "default"
3029
- */
3030
- appearance?: TagAppearance;
3031
- /**
3032
- * Om `<Tag>` skal ha et ikon til venstre for teksten. Tags med `purpose="default"` har aldri ikon.
3033
- * @default false
3034
- */
3035
- withIcon?: boolean;
3036
- }>;
3037
- declare const Tag: {
3038
- ({ text, purpose, appearance, id, className, children, htmlProps, withIcon, ...rest }: TagProps): react_jsx_runtime.JSX.Element;
3039
- displayName: string;
3040
- };
3041
-
3042
- type TextAreaProps = CommonInputProps & {
3043
- /** Spesifiserer om tegntelleren skal vises ved bruk av `maxLength` attributt.
3044
- * @default true
3045
- */
3046
- withCharacterCounter?: boolean;
3047
- } & ComponentPropsWithRef<'textarea'>;
3048
- declare const TextArea: {
3049
- ({ id, value, defaultValue, onChange, errorMessage, required, tip, label, readOnly, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, maxLength, withCharacterCounter, className, style, width, ref, ...rest }: TextAreaProps): react_jsx_runtime.JSX.Element;
3050
- displayName: string;
3051
- };
3052
-
3053
- type TextInputProps = InputProps & {
3054
- /** Spesifiserer om tegntelleren skal vises ved bruk av `maxLength` attributt. */
3055
- withCharacterCounter?: boolean;
3056
- /** Ikonet som vises i komponenten. */
3057
- icon?: SvgIcon;
3058
- /**
3059
- * Prefiks som vises før inputfeltet. **OBS!** Prefiks leses ikke av skjermleser og skal derfor ikke brukes som en erstatter for en beskrivende label.
3060
- * */
3061
- prefix?: string;
3062
- /**
3063
- * Suffiks som vises etter inputfeltet. **OBS!** Suffiks leses ikke av skjermleser og skal derfor ikke brukes som en erstatter for en beskrivende label.
3064
- */
3065
- suffix?: string;
3066
- };
3067
- interface TextAffixProps {
3068
- readOnly?: boolean;
3069
- }
3070
-
3071
- declare const TextInput: {
3072
- ({ label, disabled, readOnly, errorMessage, tip, required, maxLength, onChange, id, width, componentSize, type, withCharacterCounter, className, style, value, defaultValue, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, icon, prefix, suffix, ref, ...rest }: TextInputProps): react_jsx_runtime.JSX.Element;
3073
- displayName: string;
3074
- };
3075
-
3076
- type DdsTheme = keyof typeof ddsTokens;
3077
- interface ThemeContextProps {
3078
- theme: DdsTheme;
3079
- el: HTMLDivElement | null;
3080
- }
3081
- declare const ThemeContext: react.Context<ThemeContextProps | undefined>;
3082
- interface ThemeProviderProps {
3083
- /**
3084
- * Elsa tema for applikasjonen.
3085
- * @default "core"
3086
- */
3087
- theme?: DdsTheme;
3088
- /**
3089
- * Selve applikasjonen.
1340
+ * Selve applikasjonen.
3090
1341
  */
3091
1342
  children?: ReactNode;
3092
1343
  }
@@ -3884,7 +2135,1762 @@ declare function useTheme(): {
3884
2135
  ddsFontLabelMediumParagraphSpacing: "1em";
3885
2136
  ddsFontLabelMediumParagraphSpacingNumberEm: 1;
3886
2137
  };
3887
- themeName: "core" | "public";
2138
+ themeName: "core" | "public";
2139
+ };
2140
+
2141
+ type Language = 'nb' | 'nn' | 'no' | 'en';
2142
+
2143
+ interface LanguageProviderProps {
2144
+ language: Language;
2145
+ children?: ReactNode;
2146
+ }
2147
+
2148
+ type DdsProviderProps = LanguageProviderProps & ThemeProviderProps;
2149
+ declare function DdsProvider({ language, theme, children }: DdsProviderProps): react_jsx_runtime.JSX.Element;
2150
+
2151
+ type PropsOfWithRef<T extends ElementType> = ComponentPropsWithRef<T> & {
2152
+ /** HTML- eller React-element som returneres. */
2153
+ as?: T;
2154
+ };
2155
+
2156
+ type PolymorphicProps<T extends ElementType> = PropsOfWithRef<T>;
2157
+ declare const ElementAs: <T extends ElementType>({ as, ref, children, ...props }: PolymorphicProps<T>) => react_jsx_runtime.JSX.Element;
2158
+
2159
+ type AccordionProps = BaseComponentPropsWithChildren<HTMLDivElement, {
2160
+ /**Spesifiserer om body skal være utvidet ved innlastning. */
2161
+ isExpanded?: boolean;
2162
+ /**For å lytte til endringer i expanded-state. */
2163
+ onChange?: (expanded: boolean) => void;
2164
+ }>;
2165
+ declare const Accordion: {
2166
+ ({ isExpanded, onChange, id, children, className, htmlProps, ...rest }: AccordionProps): react_jsx_runtime.JSX.Element;
2167
+ displayName: string;
2168
+ };
2169
+
2170
+ type AccordionHeaderProps = Omit<BaseComponentPropsWithChildren<HTMLButtonElement, {
2171
+ /**Overskriver default teksttype. */
2172
+ typographyType?: StaticTypographyType;
2173
+ /**Angir om teksten skal være i "bold"-format. */
2174
+ bold?: boolean;
2175
+ }, ButtonHTMLAttributes<HTMLButtonElement>>, 'id'>;
2176
+ declare const AccordionHeader: {
2177
+ ({ children, className, htmlProps, typographyType, bold, ...rest }: AccordionHeaderProps): react_jsx_runtime.JSX.Element;
2178
+ displayName: string;
2179
+ };
2180
+
2181
+ type AccordionBodyProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement>, 'id'>;
2182
+ declare const AccordionBody: {
2183
+ ({ children, className, htmlProps, ...rest }: AccordionBodyProps): react_jsx_runtime.JSX.Element;
2184
+ displayName: string;
2185
+ };
2186
+
2187
+ type BackLinkProps = {
2188
+ /**
2189
+ * Ledetekst.
2190
+ */
2191
+ label: string;
2192
+ } & Pick<ComponentPropsWithRef<'a'>, 'onClick' | 'href' | 'ref'>;
2193
+ declare const BackLink: {
2194
+ ({ label, ref, ...rest }: BackLinkProps): react_jsx_runtime.JSX.Element;
2195
+ displayName: string;
2196
+ };
2197
+
2198
+ type BreadcrumbProps = ComponentPropsWithRef<'a'> | ComponentPropsWithRef<'span'>;
2199
+ declare const isAnchorTypographyProps: (props: BreadcrumbProps) => props is ComponentPropsWithRef<"a">;
2200
+ declare const Breadcrumb: {
2201
+ ({ children, ref, ...rest }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
2202
+ displayName: string;
2203
+ };
2204
+
2205
+ type BreadcrumbsProps = BaseComponentPropsWithChildren<HTMLElement, {
2206
+ /**
2207
+ * Spesifiserer ved hvilket brekkpunkt og nedover versjonen for små skjermer skal vises.
2208
+ * Trunkerer barn unntatt første og siste; trunkerte barn er tilgjengelige ved å trykke på trunkeringsknappen.
2209
+ */
2210
+ smallScreenBreakpoint?: Breakpoint;
2211
+ }>;
2212
+ declare const Breadcrumbs: {
2213
+ ({ children, smallScreenBreakpoint, id, className, htmlProps, ...rest }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
2214
+ displayName: string;
2215
+ };
2216
+
2217
+ type ButtonPurpose = 'primary' | 'secondary' | 'danger' | 'tertiary';
2218
+ type ButtonSize = Extract<Size, 'xsmall' | 'small' | 'medium' | 'large'>;
2219
+ type IconPosition = 'left' | 'right';
2220
+ type PickedHTMLAttributes$2 = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onFocus' | 'onBlur' | 'type'>;
2221
+ type ButtonProps = BaseComponentProps<HTMLButtonElement, {
2222
+ /** Størrelsen på knappen.
2223
+ * @default "medium"
2224
+ */
2225
+ size?: ButtonSize;
2226
+ /**Innhold i knappen (unntatt ikon). */
2227
+ children?: ReactNode;
2228
+ /**Bestemmer farger basert på formål.
2229
+ * @default "primary"
2230
+ */
2231
+ purpose?: ButtonPurpose;
2232
+ /** Posisjonen til ikonet i forhold til teksten.
2233
+ * @default "left"
2234
+ */
2235
+ iconPosition?: IconPosition;
2236
+ /**Indikerer en loading-knapp. */
2237
+ loading?: boolean;
2238
+ /** Tooltip som vises ved loading.
2239
+ * @default "Lagring pågår"
2240
+ */
2241
+ loadingTooltip?: string;
2242
+ /**Ikonet som ligger i knappen. */
2243
+ icon?: SvgIcon;
2244
+ /**Knapp med full bredde. */
2245
+ fullWidth?: boolean;
2246
+ /**URL for knapper som skal brukes som lenke. Knappen blir til et `<a>`-element. */
2247
+ href?: string;
2248
+ /**Nativt `target`-attributt. Kan settes når knappen er et `<a>`-element. */
2249
+ target?: string;
2250
+ } & PickedHTMLAttributes$2, Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof PickedHTMLAttributes$2>>;
2251
+
2252
+ declare const Button: {
2253
+ ({ children, purpose, size, iconPosition, href, target, loading, loadingTooltip, fullWidth, icon, onClick, onFocus, onBlur, id, ref, className, htmlProps, ...rest }: ButtonProps): react_jsx_runtime.JSX.Element | undefined;
2254
+ displayName: string;
2255
+ };
2256
+
2257
+ type PickedHTMLAttributes$1 = Pick<HTMLAttributes<HTMLDivElement>, 'role' | 'aria-label' | 'aria-labelledby'>;
2258
+ type ButtonGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
2259
+ /**Retning for gruppen.
2260
+ * @default "row"
2261
+ */
2262
+ direction?: Direction$1;
2263
+ /**Størrelse på knappene.
2264
+ * @default "medium"
2265
+ */
2266
+ buttonSize?: ButtonSize;
2267
+ /**Nativ `aria-label` ved behov. */
2268
+ 'aria-label'?: string;
2269
+ /**Nativ `aria-labelledby` ved behov. */
2270
+ 'aria-labelledby'?: string;
2271
+ /**Nativ `role` ved behov.
2272
+ * @default "group"
2273
+ */
2274
+ role?: AriaRole;
2275
+ } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof PickedHTMLAttributes$1>>;
2276
+ declare const ButtonGroup: {
2277
+ ({ children, id, className, htmlProps, direction, buttonSize, role, ...rest }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
2278
+ displayName: string;
2279
+ };
2280
+
2281
+ interface SelectionControlCommonProps {
2282
+ /**Ledetekst for alternativet. */
2283
+ label?: string;
2284
+ /**Spesifiserer om input er `disabled`. */
2285
+ disabled?: boolean;
2286
+ /**Indikerer valideringsfeil. Påvirker styling. */
2287
+ error?: boolean;
2288
+ /**Inputelementet blir `readonly` - den kan ikke interageres med. Brukes bl.a. til å presentere input brukeren har fylt ut andre steder. */
2289
+ readOnly?: boolean;
2290
+ }
2291
+ interface SelectionControlGroupCommonProps {
2292
+ /**Ledetekst for gruppen. */
2293
+ label?: string;
2294
+ /**Retningen barna gjengis i.
2295
+ * @default "row"
2296
+ */
2297
+ direction?: Direction$1;
2298
+ /**Custom id for for gruppen, knytter ledetekst til gruppen via `aria-label`. */
2299
+ groupId?: string;
2300
+ /**Hjelpetekst for gruppen. */
2301
+ tip?: string;
2302
+ /**Gir alle barna `disabled` prop. */
2303
+ disabled?: boolean;
2304
+ /**Gir alle barna `readOnly` prop. */
2305
+ readOnly?: boolean;
2306
+ /**Meldingen som vises ved valideringsfeil. Gir error-tilstand til barna og setter `aria-describedby` for barna. */
2307
+ errorMessage?: string;
2308
+ }
2309
+
2310
+ type CheckboxPickedHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'name' | 'checked' | 'defaultChecked' | 'value' | 'defaultValue' | 'onChange' | 'onBlur'>;
2311
+ type CheckboxProps = BaseComponentProps<HTMLInputElement, SelectionControlCommonProps & {
2312
+ /**Brukes ved nøstet struktur der alle `<Checkbox>` som hører til en gruppe kan bli valgt ved å trykke på en forelder `<Checkbox>`.
2313
+ * Hvis enkelte `<Checkbox>` blir valgt men ikke alle, skal forelder `<Checkbox>` få tilstanden `indeterminate` - verken valgt eller ikke. */
2314
+ indeterminate?: boolean;
2315
+ } & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;
2316
+
2317
+ declare const Checkbox: {
2318
+ ({ id, name, label, error, disabled, readOnly, indeterminate, "aria-describedby": ariaDescribedby, className, htmlProps, children, ...rest }: CheckboxProps): react_jsx_runtime.JSX.Element;
2319
+ displayName: string;
2320
+ };
2321
+
2322
+ type CheckboxGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, SelectionControlGroupCommonProps & {
2323
+ /**Indikerer at det er påkrevd å velge minst ett alternativ. Legger en markør bak ledeteksten. **OBS!** `required` må i tillegg gis til `<Checkbox>`-barna manuelt. */
2324
+ required?: boolean;
2325
+ }>;
2326
+ declare const CheckboxGroup: {
2327
+ (props: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
2328
+ displayName: string;
2329
+ };
2330
+
2331
+ type CardAppearance = 'filled' | 'border';
2332
+ type BaseCardProps<T extends HTMLElement> = BaseComponentPropsWithChildren<T, {
2333
+ /** Utseende på komponenten.
2334
+ * @default "filled"
2335
+ */
2336
+ appearance?: CardAppearance;
2337
+ /** Referanse til komponenten. */
2338
+ cardRef?: RefObject<T | null>;
2339
+ }>;
2340
+ type InfoCardProps = BaseCardProps<HTMLDivElement> & {
2341
+ /** Spesifiserer funksjonalitet og formål med komponenten. **OBS!** ved `'navigation'` må `href` oppgis. */
2342
+ cardType: 'info';
2343
+ };
2344
+ type NavigationCardProps = BaseCardProps<HTMLAnchorElement> & {
2345
+ cardType: 'navigation';
2346
+ } & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'target'>;
2347
+ type ExpandableCardProps = BaseCardProps<HTMLDivElement> & {
2348
+ cardType: 'expandable';
2349
+ };
2350
+ type CardProps = InfoCardProps | NavigationCardProps | ExpandableCardProps;
2351
+ type CardSelectableType = 'radio' | 'checkbox';
2352
+ type CardSelectableProps = BaseComponentPropsWithChildren<HTMLInputElement, Pick<BaseCardProps<HTMLInputElement>, 'appearance'> & Omit<SelectionControlCommonProps, 'label'> & {
2353
+ /** Spesifiserer inputtype som returneres. */
2354
+ cardType?: CardSelectableType;
2355
+ /** Custom padding. */
2356
+ padding?: Property.Padding;
2357
+ /** Custom absolutt posisjonering av kontroll-elementet. */
2358
+ controlPlacementProps?: {
2359
+ left?: Property.Left;
2360
+ top?: Property.Top;
2361
+ };
2362
+ } & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;
2363
+
2364
+ declare const Card: {
2365
+ (props: CardProps): react_jsx_runtime.JSX.Element;
2366
+ displayName: string;
2367
+ };
2368
+
2369
+ type CardExpandableProps = BaseComponentPropsWithChildren<HTMLDivElement, {
2370
+ /**Spesifiserer om body skal være utvidet ved innlastning. */
2371
+ isExpanded?: boolean;
2372
+ /**For å lytte til endringer i expanded-state. */
2373
+ onChange?: (expanded: boolean) => void;
2374
+ }>;
2375
+ declare const CardExpandable: {
2376
+ ({ isExpanded, onChange, id, children, className, htmlProps, ...rest }: CardExpandableProps): react_jsx_runtime.JSX.Element;
2377
+ displayName: string;
2378
+ };
2379
+
2380
+ type CardExpandableHeaderProps = Omit<BaseComponentPropsWithChildren<HTMLButtonElement, {
2381
+ /**Overskriver default padding. */
2382
+ padding?: Property.Padding<string>;
2383
+ /**Overskriver default teksttype. */
2384
+ typographyType?: StaticTypographyType;
2385
+ /**Angir om teksten skal være i "bold"-format. */
2386
+ bold?: boolean;
2387
+ }, ButtonHTMLAttributes<HTMLButtonElement>>, 'id'>;
2388
+ declare const CardExpandableHeader: {
2389
+ ({ children, className, htmlProps, padding, typographyType, bold, ...rest }: CardExpandableHeaderProps): react_jsx_runtime.JSX.Element;
2390
+ displayName: string;
2391
+ };
2392
+
2393
+ type CardExpandableBodyProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement, {
2394
+ /**Overskriver default padding. */
2395
+ padding?: Property.Padding<string>;
2396
+ }>, 'id'>;
2397
+ declare const CardExpandableBody: {
2398
+ ({ children, className, htmlProps, padding, ...rest }: CardExpandableBodyProps): react_jsx_runtime.JSX.Element;
2399
+ displayName: string;
2400
+ };
2401
+
2402
+ declare const CardSelectable: {
2403
+ (props: CardSelectableProps): react_jsx_runtime.JSX.Element | null;
2404
+ displayName: string;
2405
+ };
2406
+
2407
+ type CardSelectableGroupProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, Omit<SelectionControlGroupCommonProps, 'label' | 'direction' | 'tip'> & Pick<ResponsiveProps, 'display' | 'gap' | 'padding' | 'margin' | 'flexDirection' | 'rowGap' | 'flexWrap' | 'alignItems' | 'columnGap'> & {
2408
+ /** Spesifiserer inputtype som returneres. */
2409
+ cardType: CardSelectableType;
2410
+ /**Id til valgfri hjelpetekst; Tar hånd om semantisk tilknytting og annen UU. */
2411
+ tipId?: string;
2412
+ /** Gir alle barna `name` prop.*/
2413
+ name?: string;
2414
+ /**Funksjonen for `onChange`-event for barna. */
2415
+ onChange?: (value: T | undefined) => void;
2416
+ /** Gjør alle barna påkrevd ved å gi dem `required` prop. */
2417
+ required?: boolean;
2418
+ /**Verdi - en `<CardSelectable>` med denne verdien blir valgt med controlled state. */
2419
+ value?: T | undefined;
2420
+ /**Default verdi - en `<CardSelectable>` med denne verdien blir forhåndsvalgt med uncontrolled state. */
2421
+ defaultValue?: T | undefined;
2422
+ }, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
2423
+ declare const CardSelectableGroup: {
2424
+ <T extends string | number = string>({ name, cardType, errorMessage, disabled, readOnly, value, defaultValue, children, required, onChange, id, tipId, className, htmlProps, "aria-describedby": ariaDescribedby, ...rest }: CardSelectableGroupProps<T>): react_jsx_runtime.JSX.Element;
2425
+ displayName: string;
2426
+ };
2427
+
2428
+ type ChipProps = BaseComponentProps<HTMLDivElement, {
2429
+ /** Teksten som vises i komponenten. */
2430
+ text?: string;
2431
+ /** Ekstra logikk når `<Chip>` lukkes. */
2432
+ onClose?: () => void;
2433
+ }>;
2434
+ declare const Chip: {
2435
+ ({ text, onClose, id, className, htmlProps, ...rest }: ChipProps): react_jsx_runtime.JSX.Element | null;
2436
+ displayName: string;
2437
+ };
2438
+
2439
+ type ChipGroupProps = ComponentPropsWithRef<'ul'>;
2440
+ declare const ChipGroup: {
2441
+ ({ children, ...rest }: ChipGroupProps): react_jsx_runtime.JSX.Element;
2442
+ displayName: string;
2443
+ };
2444
+
2445
+ type ContrastProps<T extends React.ElementType> = PolymorphicProps<T>;
2446
+ declare const Contrast: <T extends React.ElementType>({ className, as, ...rest }: ContrastProps<T>) => react_jsx_runtime.JSX.Element;
2447
+
2448
+ type CookieBannerCheckboxProps = Omit<CheckboxProps, 'label' | 'children'> & {
2449
+ /**Header - kort oppsummering av den spesifikke typen informasjonskapsel. */
2450
+ headerText?: string;
2451
+ /**Detaljer rundt den spesifikke typen informasjonskapsel. */
2452
+ description: string;
2453
+ };
2454
+ declare function CookieBannerCheckbox({ headerText, description, id, className, htmlProps, ...rest }: CookieBannerCheckboxProps): react_jsx_runtime.JSX.Element;
2455
+ declare namespace CookieBannerCheckbox {
2456
+ var displayName: string;
2457
+ }
2458
+
2459
+ type CookieBannerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
2460
+ /**Header - kort oppsummering. */
2461
+ headerText?: string;
2462
+ /**Hovedinnholdet med info rundt informasjonkapsler bruk på siden. Kan inneholde lenker og andre interaktive elementer. */
2463
+ description?: ReactNode;
2464
+ /**Knapper for ulike nivåer av godkjenning av informasjonskaplser. Layout for knappene håndteres ut av boksen. */
2465
+ buttons?: Array<Omit<ButtonProps, 'purpose' | 'size'>>;
2466
+ /**Checkboxes for hver type informasjonskapsel som brukes på siden. Layout håndteres ut av boksen. */
2467
+ checkboxes?: Array<CookieBannerCheckboxProps>;
2468
+ /**Brekkpunkt for sammentrukket variant; Brukes på siden med detaljer om informasjonskapsler. */
2469
+ collapsedBreakpoint?: Breakpoint;
2470
+ } & Pick<ResponsiveProps, 'position' | 'top' | 'bottom' | 'left' | 'right' | 'width' | 'maxHeight'>>;
2471
+ declare function CookieBanner({ headerText, description, buttons, checkboxes, id, className, htmlProps, 'aria-label': ariaLabel, maxHeight, width, children, collapsedBreakpoint, ...rest }: CookieBannerProps): react_jsx_runtime.JSX.Element;
2472
+ declare namespace CookieBanner {
2473
+ var displayName: string;
2474
+ }
2475
+
2476
+ type CalendarProps<T extends DateValue> = AriaCalendarProps<T>;
2477
+ declare function Calendar<T extends DateValue>(props: CalendarProps<T>): react_jsx_runtime.JSX.Element;
2478
+ declare namespace Calendar {
2479
+ var displayName: string;
2480
+ }
2481
+
2482
+ type DateFieldProps<T extends DateValue$1 = CalendarDate> = AriaDateFieldOptions<T> & {
2483
+ buttonProps?: ReturnType<typeof useDatePicker>['buttonProps'];
2484
+ buttonOnClick?: () => void;
2485
+ groupProps?: ReturnType<typeof useDatePicker>['groupProps'];
2486
+ } & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'disabled' | 'style' | 'width' | 'className'> & {
2487
+ ref?: Ref<HTMLDivElement>;
2488
+ };
2489
+
2490
+ interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'granularity'>, Pick<DateFieldProps<CalendarDate>, 'componentSize' | 'tip' | 'style'>, Pick<ResponsiveProps, 'width'> {
2491
+ ref?: Ref<HTMLElement>;
2492
+ /**
2493
+ * Ledetekst.
2494
+ */
2495
+ label?: string;
2496
+ /**
2497
+ * Feilmelding.
2498
+ */
2499
+ errorMessage?: string;
2500
+ /**Om ukenummer skal vises.
2501
+ * @default true
2502
+ */
2503
+ showWeekNumbers?: boolean;
2504
+ /**
2505
+ * Brekkpunkt for å vise versjon for liten skjerm.
2506
+ */
2507
+ smallScreenBreakpoint?: Breakpoint;
2508
+ }
2509
+ declare function DatePicker({ errorMessage, componentSize, tip, style, width, smallScreenBreakpoint, showWeekNumbers, ref, ...props }: DatePickerProps): react_jsx_runtime.JSX.Element;
2510
+ declare namespace DatePicker {
2511
+ var displayName: string;
2512
+ }
2513
+
2514
+ type TimePickerProps = Omit<AriaTimeFieldProps<Time>, 'hideTimeZone'> & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'style' | 'width' | 'className'> & {
2515
+ ref?: Ref<HTMLDivElement>;
2516
+ };
2517
+ declare function TimePicker({ componentSize, width, ref, ...props }: TimePickerProps): react_jsx_runtime.JSX.Element;
2518
+ declare namespace TimePicker {
2519
+ var displayName: string;
2520
+ }
2521
+
2522
+ declare function nativeDateToDateValue(date: Date, timeZone?: string | undefined): DateValue$1;
2523
+ declare function dateValueToNativeDate(date: DateValue$1, timeZone?: string | undefined): Date;
2524
+ declare function nativeDateToCalendarDate(date: Date): CalendarDate;
2525
+ declare function nativeDateToTime(date: Date): Time;
2526
+ declare function calendarDateToNativeDate(date: CalendarDate, time?: Time): Date;
2527
+
2528
+ type DescriptionListAppearance = 'default' | 'subtle';
2529
+ type DescriptionListProps = BaseComponentPropsWithChildren<HTMLDListElement, {
2530
+ /**Påvirker tekst styling. */
2531
+ appearance?: DescriptionListAppearance;
2532
+ /**Setter flex-direction. NB! Fungerer kun ved bruk av `DescriptionListGroup` som barn av `DescriptionList`.
2533
+ * @default "column"
2534
+ */
2535
+ direction?: Direction$1;
2536
+ }>;
2537
+ declare const DescriptionList: {
2538
+ ({ appearance, direction, children, id, className, htmlProps, ...rest }: DescriptionListProps): react_jsx_runtime.JSX.Element;
2539
+ displayName: string;
2540
+ };
2541
+
2542
+ type DescriptionListTermProps = ComponentPropsWithRef<'dt'>;
2543
+ declare const DescriptionListTerm: {
2544
+ (props: DescriptionListTermProps): react_jsx_runtime.JSX.Element;
2545
+ displayName: string;
2546
+ };
2547
+
2548
+ type DescriptionListDescProps = BaseComponentPropsWithChildren<HTMLElement, {
2549
+ /**Ikon som vises ved siden av teksten. */
2550
+ icon?: SvgIcon;
2551
+ }>;
2552
+ declare const DescriptionListDesc: {
2553
+ ({ children, icon, id, className, htmlProps, ...rest }: DescriptionListDescProps): react_jsx_runtime.JSX.Element;
2554
+ displayName: string;
2555
+ };
2556
+
2557
+ type DescriptionListGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
2558
+ /**Custom margin. */
2559
+ margin?: Property.Margin<string>;
2560
+ /**Custom min-width. */
2561
+ minWidth?: Property.MinWidth<string>;
2562
+ /**Custom max-width. */
2563
+ maxWidth?: Property.MaxWidth<string>;
2564
+ }>;
2565
+ declare const DescriptionListGroup: {
2566
+ ({ children, margin, minWidth, maxWidth, id, className, htmlProps, ...rest }: DescriptionListGroupProps): react_jsx_runtime.JSX.Element;
2567
+ displayName: string;
2568
+ };
2569
+
2570
+ type DetailListSize = Extract<Size, 'large' | 'medium' | 'small'>;
2571
+ type DetailListProps = BaseComponentPropsWithChildren<HTMLDListElement, {
2572
+ /**
2573
+ * Størrelse på tabellen. Påvirker tetthet i cellene og font.
2574
+ * @default "medium"
2575
+ */
2576
+ size?: DetailListSize;
2577
+ /**
2578
+ * Om rader skal ha skillelinje.
2579
+ * @default true
2580
+ */
2581
+ withDividers?: boolean;
2582
+ /**
2583
+ * Om rader skal ha sebrastriper.
2584
+ * @default true
2585
+ */
2586
+ striped?: boolean;
2587
+ /**Brekkpunkt og nedover versjonen for små skjermer skal vises; den gjør om rader til kolonner. */
2588
+ smallScreenBreakpoint?: Breakpoint;
2589
+ }>;
2590
+ declare const DetailList: {
2591
+ ({ id, className, htmlProps, withDividers, striped, size, smallScreenBreakpoint, ...rest }: DetailListProps): react_jsx_runtime.JSX.Element;
2592
+ displayName: string;
2593
+ };
2594
+
2595
+ type DetailListDescProps = ComponentPropsWithRef<'dd'>;
2596
+ declare const DetailListDesc: {
2597
+ ({ className, ...rest }: DetailListDescProps): react_jsx_runtime.JSX.Element;
2598
+ displayName: string;
2599
+ };
2600
+
2601
+ type DetailListRowProps = ComponentPropsWithRef<'div'>;
2602
+ declare const DetailListRow: {
2603
+ ({ className, ...rest }: DetailListRowProps): react_jsx_runtime.JSX.Element;
2604
+ displayName: string;
2605
+ };
2606
+
2607
+ type DetailListTermProps = ComponentPropsWithRef<'dt'>;
2608
+ declare const DetailListTerm: {
2609
+ ({ className, ...rest }: DetailListTermProps): react_jsx_runtime.JSX.Element;
2610
+ displayName: string;
2611
+ };
2612
+
2613
+ type DividerColor = 'default' | 'subtle' | 'on-inverse';
2614
+ type DividerProps = BaseComponentProps<HTMLHRElement, {
2615
+ /** Farge på horisontal linje.
2616
+ * @default "default"
2617
+ */
2618
+ color?: DividerColor;
2619
+ }>;
2620
+ declare const Divider: ({ color, id, className, htmlProps, ...rest }: DividerProps) => react_jsx_runtime.JSX.Element;
2621
+
2622
+ type DrawerSize = Extract<Size, 'small' | 'medium' | 'large'>;
2623
+ type DrawerPlacement = 'left' | 'right';
2624
+ type WidthProps = Pick<ResponsiveProps, 'minWidth' | 'maxWidth' | 'width'>;
2625
+ type DrawerProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement, {
2626
+ /**Størrelsen på `<Drawer>`.
2627
+ * @default "small"
2628
+ */
2629
+ size?: DrawerSize;
2630
+ /** Plasseringen til `<Drawer>`.
2631
+ * @default "right"
2632
+ */
2633
+ placement?: DrawerPlacement;
2634
+ /**Header for `<Drawer>`. Returnerer default `<Heading>` hvis verdien er en `string`. */
2635
+ header?: string | ReactNode;
2636
+ /**Spesifiserer hvilken DOM node `<Drawer>` skal ha som forelder via React portal.
2637
+ * Brukes med f.eks `document.getElementById("id")` eller ref (skaper ikke ny DOM node).
2638
+ * @default themeProviderRef
2639
+ */
2640
+ parentElement?: HTMLElement;
2641
+ /**Custom props for breddehåndtering ved behov. Kan settes per brekkpunkt eller samme verdi for alle. */
2642
+ widthProps?: WidthProps;
2643
+ /**
2644
+ * Om `<Drawer>` skal vises med backdrop som gråer ut bakgrunnen.
2645
+ */
2646
+ withBackdrop?: boolean;
2647
+ }>, 'id'>;
2648
+ declare const Drawer: {
2649
+ ({ children, header, placement, parentElement, size, className, htmlProps, widthProps, withBackdrop, ref, ...rest }: DrawerProps): react.ReactPortal | null;
2650
+ displayName: string;
2651
+ };
2652
+
2653
+ interface DrawerGroupProps {
2654
+ /**Barna til komponenten: trigger-element og `<Drawer>`. */
2655
+ children: ReactNode;
2656
+ /**
2657
+ * Om `<Drawer>` er åpen ved første render.
2658
+ */
2659
+ isInitiallyOpen?: boolean;
2660
+ /**
2661
+ * Implementerer kontrollert tilstand: om `<Drawer>` er åpen.
2662
+ */
2663
+ isOpen?: boolean;
2664
+ /**
2665
+ * Implementerer kontrollert tilstand: funksjon som kontrollerer `isOpen`.
2666
+ */
2667
+ setIsOpen?: Dispatch<SetStateAction<boolean>>;
2668
+ /**`id` til `<Drawer>`. */
2669
+ drawerId?: string;
2670
+ /**Ekstra logikk som kjøres når `<Drawer>` åpnes. */
2671
+ onOpen?: () => void;
2672
+ /**Ekstra logikk som kjøres når `<Drawer>` lukkes. */
2673
+ onClose?: () => void;
2674
+ }
2675
+ declare const DrawerGroup: {
2676
+ ({ children, isInitiallyOpen, isOpen: propIsOpen, setIsOpen: propSetIsOpen, drawerId, onOpen, onClose, }: DrawerGroupProps): react_jsx_runtime.JSX.Element;
2677
+ displayName: string;
2678
+ };
2679
+
2680
+ type EmptyContentProps = {
2681
+ /**Tittel - kort oppsummering. */
2682
+ headerText?: string;
2683
+ /**Nivå på overskriften. Sørg for at den følger hierarkiet på siden.
2684
+ * @default 2
2685
+ */
2686
+ headerHeadingLevel?: HeadingLevel;
2687
+ /**Melding - beskrivelse og forklaring på hvordan brukeren kan få innhold. Kan inneholde lenker og andre interaktive elementer. */
2688
+ message: ReactNode;
2689
+ } & HTMLAttributes<HTMLDivElement>;
2690
+ declare function EmptyContent({ headerText, message, headerHeadingLevel, ...rest }: EmptyContentProps): react_jsx_runtime.JSX.Element;
2691
+ declare namespace EmptyContent {
2692
+ var displayName: string;
2693
+ }
2694
+
2695
+ type ComponentSize = 'medium' | 'large';
2696
+ type FavStarProps = BaseComponentPropsWithChildren<HTMLElement, {
2697
+ /**
2698
+ * Status på favorisering. `true` betyr at den er favorisert.
2699
+ */
2700
+ checked?: boolean;
2701
+ /**
2702
+ * Hvis du skal bruke `<FavStar>` uncontrolled så kan denne brukes til å sette den initielle "favoritt"-statusen.
2703
+ * @default false
2704
+ */
2705
+ defaultChecked?: boolean;
2706
+ /**
2707
+ * Callback som blir kalt når brukeren endrer status på favorisering.
2708
+ */
2709
+ onChange?: (checked: boolean) => void;
2710
+ /**
2711
+ * Størrelse på `<FavStar>`. `'medium'` er den mest vanlige størrelsen.
2712
+ * @default "medium"
2713
+ */
2714
+ size?: ComponentSize;
2715
+ }, Omit<HTMLAttributes<HTMLElement>, 'onChange'>>;
2716
+ declare const FavStar: {
2717
+ ({ id, className, onChange, checked: checkedProp, defaultChecked, size, htmlProps, ...rest }: FavStarProps): react_jsx_runtime.JSX.Element;
2718
+ displayName: string;
2719
+ };
2720
+
2721
+ interface FeedbackProps {
2722
+ /**Om knappene skal være plassert under eller ved siden av teksten. */
2723
+ layout?: Layout;
2724
+ /**Label som er plassert over tommel opp/ned knappene.
2725
+ * @default "Hva syns du om tjenesten?"
2726
+ */
2727
+ ratingLabel: string;
2728
+ /**Label til fritekstfeltet når bruker har gitt tommel opp.
2729
+ * @default "Hva kan vi forbedre? (valgfritt)"
2730
+ */
2731
+ positiveFeedbackLabel?: string;
2732
+ /**Label til fritekstfeltet når bruker har gitt tommel ned.
2733
+ * @default "Hva kan vi forbedre? (valgfritt)"
2734
+ */
2735
+ negativeFeedbackLabel?: string;
2736
+ /**Tittel som vises når bruker har gitt tommel opp/ned, og enda ikke sendt inn kommentar.
2737
+ * @default "Tusen takk! Tilbakemeldingen din hjelper oss å forbedre løsningen"
2738
+ */
2739
+ ratingSubmittedTitle?: string;
2740
+ /**Tittel som vises når bruker har gitt feedback (inkl. eventuell kommentar).
2741
+ * @default "Tusen takk! Tilbakemeldingen din hjelper oss å forbedre løsningen"
2742
+ */
2743
+ submittedTitle?: string;
2744
+ /**Tip som vises under tekstfeltet når bruker skal sende inn kommentar.
2745
+ * @default "Ikke send inn personopplysninger eller annen sensitiv informasjon"
2746
+ */
2747
+ textAreaTip?: string;
2748
+ /**Om tommel opp eller ned er valgt. Brukes når komponenten skal være styrt utenfra. */
2749
+ ratingValue?: Rating | null;
2750
+ /**Verdien til fritekstfeltet. Brukes når komponenten skal være styrt utenfra. */
2751
+ feedbackTextValue?: string;
2752
+ /**Tooltip-teksten til tommel-opp-knappen.
2753
+ * @default "Bra"
2754
+ */
2755
+ thumbUpTooltip?: string;
2756
+ /**Tooltip-teksten til tommel-ned-knappen.
2757
+ * @default "Dårlig"
2758
+ */
2759
+ thumbDownTooltip?: string;
2760
+ /**Om tilbakemeldingskomponenten skal ekskludere fritekstfeltet (i.e. kun ha tommel opp/ned).
2761
+ * @default false
2762
+ */
2763
+ feedbackTextAreaExcluded?: boolean;
2764
+ /**Om knappene skal vise spinner. Gjelder både tommel opp/ned knappene, og "send inn" knappen.
2765
+ * @default false
2766
+ */
2767
+ loading?: boolean;
2768
+ /**Om tilbakemelding er sendt inn. Brukes når komponenten skal være styrt utenfra. */
2769
+ isSubmitted?: boolean;
2770
+ /**Callback når bruker har gitt tommel-rating. */
2771
+ onRating?: (rating: Rating) => void;
2772
+ /**Callback når bruker skriver noe i fritekstfeltet. */
2773
+ onFeedbackTextChange?: (feedbackText: string) => void;
2774
+ /**Callback når bruker sender inn feedback. */
2775
+ onSubmit?: (rating: Rating, feedbackText: string) => void;
2776
+ }
2777
+ type Rating = 'positive' | 'negative';
2778
+ type Layout = 'vertical' | 'horizontal';
2779
+ interface ThumbIconProps {
2780
+ rating: Rating | null;
2781
+ layout: Layout;
2782
+ type: 'comment' | 'rating';
2783
+ }
2784
+
2785
+ declare const Feedback: ({ layout, ratingLabel, positiveFeedbackLabel, negativeFeedbackLabel, ratingSubmittedTitle, submittedTitle, textAreaTip, ratingValue: ratingProp, feedbackTextValue: feedbackTextProp, thumbUpTooltip, thumbDownTooltip, feedbackTextAreaExcluded, loading, isSubmitted: isSubmittedProp, onRating, onFeedbackTextChange, onSubmit, }: FeedbackProps) => react_jsx_runtime.JSX.Element;
2786
+
2787
+ type FieldsetProps = BaseComponentPropsWithChildren<HTMLFieldSetElement, {
2788
+ /** Om alle inputfelt skal bli `disabled`. */
2789
+ disabled?: boolean;
2790
+ }>;
2791
+ declare const Fieldset: {
2792
+ ({ id, className, htmlProps, ...rest }: FieldsetProps): react_jsx_runtime.JSX.Element;
2793
+ displayName: string;
2794
+ };
2795
+
2796
+ type FieldsetGroupProps = BaseComponentPropsWithChildren<HTMLDivElement>;
2797
+ declare const FieldsetGroup: {
2798
+ ({ id, className, htmlProps, ...rest }: FieldsetGroupProps): react_jsx_runtime.JSX.Element;
2799
+ displayName: string;
2800
+ };
2801
+
2802
+ type FileExtensionAccept = `.${string}`;
2803
+ type AnyMimeType = '*';
2804
+ type ImageMimeType = 'png' | 'jpeg' | 'bmp' | 'gif' | 'svg+xml' | 'tiff' | 'webp';
2805
+ type VideoMimeType = 'x-msvideo' | 'mp4' | 'mpeg' | 'ogg' | 'mp2t' | 'webm' | '3gpp' | '3gpp2';
2806
+ type AudioMimeType = 'aac' | 'midi' | 'x-midi' | 'mpeg' | 'ogg' | 'opus' | 'wav' | 'webm' | '3gpp' | '3gpp2';
2807
+ type ApplicationMimeType = 'octet-stream' | 'msword' | 'vnd.openxmlformats-officedocument.wordprocessingml.document' | 'epub+zip' | 'gzip' | 'java-archive' | 'json' | 'vnd.oasis.opendocument.presentation' | 'vnd.oasis.opendocument.spreadsheet' | 'vnd.oasis.opendocument.text' | 'pdf' | 'vnd.ms-powerpoint' | 'vnd.openxmlformats-officedocument.presentationml.presentation' | 'rtf' | 'x-sh' | 'x-tar' | 'vnd.visio' | 'xhtml+xml' | 'vnd.ms-excel' | 'vnd.openxmlformats-officedocument.spreadsheetml.sheet' | 'xml' | 'vnd.mozilla.xul+xml' | 'zip';
2808
+ type MimeType = `image/${ImageMimeType | AnyMimeType}` | `video/${VideoMimeType | AnyMimeType}` | `audio/${AudioMimeType | AnyMimeType}` | `application/${ApplicationMimeType}`;
2809
+ type FileUploaderAccept = MimeType | FileExtensionAccept;
2810
+ type FileList = Array<File>;
2811
+
2812
+ interface FileUploaderHookProps {
2813
+ id: string | undefined;
2814
+ /**Dersom komponenten skal styres internt. Utgangspunktet for filene som har blitt lastet opp. */
2815
+ initialFiles: FileList | undefined;
2816
+ /**Dersom komponenten styres utenfra. Filene som har blitt lastet opp. */
2817
+ value: FileList | undefined;
2818
+ /**Callback for når fil-listen endres. */
2819
+ onChange: (newFiles: FileList) => void;
2820
+ /**Hvilke filendelser eller mime-typer som filopplasteren skal akseptere. */
2821
+ accept: Array<FileUploaderAccept> | undefined;
2822
+ /**Om filopplasteren er avslått eller ikke */
2823
+ disabled: boolean | undefined;
2824
+ /**Maks antall filer som tillates. */
2825
+ maxFiles: number | undefined;
2826
+ /**Feilmelding. Setter også error state. */
2827
+ errorMessage: string | undefined;
2828
+ }
2829
+
2830
+ type FileUploaderProps = {
2831
+ /**Id til filopplasteren. */
2832
+ id?: string;
2833
+ /**Ledetekst for filopplaster. */
2834
+ label?: string;
2835
+ /**Ledetekst for slippsonen. Denne teksten skal, av UU-hensyn, henge sammen med den usynlige teksten: "velg fil med påfølgende knapp"
2836
+ * @default Dra og slipp filer her eller
2837
+ */
2838
+ dropAreaLabel?: string;
2839
+ /**Ledetekst for opplastingsknappen.
2840
+ * @default Velg fil
2841
+ */
2842
+ btnLabel?: string;
2843
+ /**Hjelpetekst. */
2844
+ tip?: string;
2845
+ /**Om det er påkrevd med minst én fil. */
2846
+ required?: boolean;
2847
+ /**Callback for når fil-listen endres. */
2848
+ onChange: (newFiles: FileList) => void;
2849
+ /**Om drag-and-drop zone skal vises.
2850
+ * @default true
2851
+ */
2852
+ withDragAndDrop?: boolean;
2853
+ /**Om listen med opplastede filer skal skjules. Brukes kun hvis listen blir vist på egen måte. */
2854
+ hideFileList?: boolean;
2855
+ } & Pick<ResponsiveProps, 'width'> & Partial<FileUploaderHookProps> & Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'id'>;
2856
+ declare const FileUploader: {
2857
+ (props: FileUploaderProps): react_jsx_runtime.JSX.Element;
2858
+ displayName: string;
2859
+ };
2860
+
2861
+ type FooterProps = ComponentPropsWithRef<'footer'>;
2862
+ declare const Footer: ({ className, ...rest }: FooterProps) => react_jsx_runtime.JSX.Element;
2863
+
2864
+ type FooterListHeaderProps = Omit<HeadingProps, 'level' | 'withMargins'>;
2865
+ declare const FooterListHeader: (props: FooterListHeaderProps) => react_jsx_runtime.JSX.Element;
2866
+
2867
+ type HideBreakpoint = 'xs' | 'sm' | 'md';
2868
+ type FooterLogoProps = ComponentPropsWithRef<'img'> & {
2869
+ /**Brekkepunkt når logoen skal skjules på mindre skjerm. */
2870
+ hideBreakpoint?: HideBreakpoint;
2871
+ };
2872
+ declare const FooterLogo: ({ hideBreakpoint, ...rest }: FooterLogoProps) => react_jsx_runtime.JSX.Element;
2873
+
2874
+ type FooterListProps = ComponentPropsWithRef<'ul'>;
2875
+ declare const FooterList: ({ className, ...rest }: FooterListProps) => react_jsx_runtime.JSX.Element;
2876
+
2877
+ type FooterSocialsListProps = ComponentPropsWithRef<'ul'>;
2878
+ declare const FooterSocialsList: ({ className, ...rest }: FooterSocialsListProps) => react_jsx_runtime.JSX.Element;
2879
+
2880
+ type FooterSocialsGroupProps = ComponentPropsWithRef<'div'>;
2881
+ declare const FooterSocialsGroup: ({ className, ...rest }: FooterSocialsGroupProps) => react_jsx_runtime.JSX.Element;
2882
+
2883
+ type FooterListGroupProps = ComponentPropsWithRef<'div'>;
2884
+ declare const FooterListGroup: ({ className, ...rest }: FooterListGroupProps) => react_jsx_runtime.JSX.Element;
2885
+
2886
+ type FooterLeftProps = ComponentPropsWithRef<'div'>;
2887
+ declare const FooterLeft: ({ className, ...rest }: FooterLeftProps) => react_jsx_runtime.JSX.Element;
2888
+
2889
+ type GlobalMessagePurpose = 'info' | 'warning' | 'danger';
2890
+ type GlobalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
2891
+ /**Meldingen som vises til brukeren. Brukes kun når meldingen er en `string`. */
2892
+ message?: string;
2893
+ /**Formålet med meldingen. Påvirker styling.
2894
+ * @default "info"
2895
+ */
2896
+ purpose?: GlobalMessagePurpose;
2897
+ /**Indikerer om meldingen skal være lukkbar. */
2898
+ closable?: boolean;
2899
+ /**Ekstra logikk å kjøre når meldingen lukkes. */
2900
+ onClose?: () => void;
2901
+ }>;
2902
+ declare const GlobalMessage: {
2903
+ ({ message, purpose, closable, onClose, children, id, className, htmlProps, ...rest }: GlobalMessageProps): react_jsx_runtime.JSX.Element | null;
2904
+ displayName: string;
2905
+ };
2906
+
2907
+ type InlineButtonProps = ComponentPropsWithRef<'button'>;
2908
+ declare const InlineButton: ({ className, ...rest }: InlineButtonProps) => react_jsx_runtime.JSX.Element;
2909
+
2910
+ interface BaseInlineInputProps {
2911
+ /**Spesifiserer error state. Hvis `errorMessage` ikke brukes må inputfeltet knyttes med ARIA til en feilmelding som vises andre steder i applikasjonen. */
2912
+ error?: boolean;
2913
+ /**Feilmelding. Setter også error state. */
2914
+ errorMessage?: string;
2915
+ /** Bredde på komponenten.
2916
+ * @default "140px"
2917
+ */
2918
+ width?: ResponsiveProps['width'];
2919
+ /**Om redigeringsikonet skal vises. */
2920
+ hideIcon?: boolean;
2921
+ }
2922
+ type InlineEditProps = {
2923
+ /**Callback for når verdien blir lagret. */
2924
+ onSetValue?: (value: string) => void;
2925
+ /**Spesifiserer om brukeren kan tømme inputfeltet. */
2926
+ emptiable?: boolean;
2927
+ /**Ekstra callback ved `onChange`-event. */
2928
+ onChange?: () => void;
2929
+ /**Ekstra callback ved `onFocus`-event. */
2930
+ onFocus?: () => void;
2931
+ /**Ekstra callback ved `onBlur`-event. */
2932
+ onBlur?: () => void;
2933
+ } & Pick<InputHTMLAttributes<HTMLInputElement>, 'value'>;
2934
+ type InlineInputProps = BaseInlineInputProps & Omit<ComponentPropsWithRef<'input'>, 'width' | 'value' | 'onChange' | 'onFocus' | 'onBlur'>;
2935
+ type InlineTextAreaProps = BaseInlineInputProps & Omit<ComponentPropsWithRef<'textarea'>, 'value' | 'onChange' | 'onFocus' | 'onBlur'>;
2936
+ type InlineEditTextAreaProps = InlineTextAreaProps & InlineEditProps;
2937
+ type InlineEditInputProps = InlineInputProps & InlineEditProps;
2938
+
2939
+ declare const InlineEditTextArea: ({ onSetValue, emptiable, value, onFocus, onChange, onBlur, ref, ...rest }: InlineEditTextAreaProps) => react_jsx_runtime.JSX.Element;
2940
+
2941
+ declare const InlineEditInput: ({ onSetValue, emptiable, value, onFocus, onChange, onBlur, ref, ...rest }: InlineEditInputProps) => react_jsx_runtime.JSX.Element;
2942
+
2943
+ type InputMessageType = 'error' | 'tip';
2944
+ type InputMessageProps = BaseComponentProps<HTMLDivElement, {
2945
+ /** Meldingen som vises til brukeren. */
2946
+ message: string;
2947
+ /** Formålet med meldingen. Påvirker styling.
2948
+ * @default "error"
2949
+ */
2950
+ messageType: InputMessageType;
2951
+ }>;
2952
+ declare const InputMessage: {
2953
+ ({ message, messageType, id, className, htmlProps, ...rest }: InputMessageProps): react_jsx_runtime.JSX.Element;
2954
+ displayName: string;
2955
+ };
2956
+ declare const renderInputMessage: (tip?: string, tipId?: string, errorMessage?: string, errorMessageId?: string) => react_jsx_runtime.JSX.Element;
2957
+
2958
+ type NavigationLinkProps = {
2959
+ children: ReactNode;
2960
+ href: string;
2961
+ } & AnchorHTMLAttributes<HTMLAnchorElement>;
2962
+ type ContextMenuElementProps = {
2963
+ children: ReactNode;
2964
+ href?: string;
2965
+ icon?: SvgIcon;
2966
+ onClick?: () => void;
2967
+ } & (AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>);
2968
+ interface InternaHeaderUserProps {
2969
+ children: ReactNode;
2970
+ href?: string;
2971
+ }
2972
+ type InternalHeaderProps = BaseComponentProps<HTMLDivElement, {
2973
+ /**Navn på applikasjonen. */
2974
+ applicationName?: string;
2975
+ /**Beskrivelse på applikasjonen ellen tittel på en underside. Tilgjengelig fram til Lovisa Next kommer. */
2976
+ applicationDesc?: string;
2977
+ /**URL til hovedsiden. */
2978
+ applicationHref?: string;
2979
+ /**Spesifiserer ved hvilket brekkpunkt og nedover versjonen for små skjermer skal vises; den justerer på spacing og legger navigasjonen i kontekstmenyen. */
2980
+ smallScreenBreakpoint?: Breakpoint;
2981
+ /**Info om brukeren. Dukker opp som punkt på toppen av kontekstmenyen med tekst oppgitt i name. Blir en lenke hvis href er oppgitt. */
2982
+ user?: InternaHeaderUserProps;
2983
+ /**Lenker som skal vises i navigasjonsmenyen. */
2984
+ navItems?: Array<NavigationLinkProps>;
2985
+ /**Lenker eller knapper som skal vises i kontekstmenyen. Støtter ikon i tillegg til tekst. */
2986
+ contextMenuItems?: Array<ContextMenuElementProps>;
2987
+ /**URL til siden i navigasjonen brukeren er på. Gir highlight til navigasjonselementet i navItems med samme URL. */
2988
+ currentPageHref?: string;
2989
+ /**Ekstra logikk som kjøres når currentPage endres. */
2990
+ onCurrentPageChange?: () => void;
2991
+ }>;
2992
+
2993
+ declare const InternalHeader: {
2994
+ (props: InternalHeaderProps): react_jsx_runtime.JSX.Element;
2995
+ displayName: string;
2996
+ };
2997
+
2998
+ type ListType = 'ordered' | 'unordered';
2999
+ type ListTypographyType = TypographyBodyType | 'inherit';
3000
+ type ListProps = BaseComponentPropsWithChildren<HTMLUListElement | HTMLOListElement, {
3001
+ /**Spesifiserer om komponenten skal returnere `<ul />` (punktliste) eller `<ol />` (nummerert liste).
3002
+ * @default "unordered"
3003
+ */
3004
+ listType?: ListType;
3005
+ /**Spesifiserer typografi for listen. Komponenten arver i utgangspunktet fra forelder, men hvis forelder stiller ikke med relevant styling må det velges `TypographyBodyType` som brukes i `<body>` ellers på siden.
3006
+ * @default "inherit"
3007
+ */
3008
+ typographyType?: ListTypographyType;
3009
+ }>;
3010
+ declare const List: {
3011
+ ({ listType, typographyType, children, id, className, htmlProps, ...rest }: ListProps): react_jsx_runtime.JSX.Element;
3012
+ displayName: string;
3013
+ };
3014
+
3015
+ type ListItemProps = ComponentPropsWithRef<'li'>;
3016
+ declare const ListItem: {
3017
+ ({ className, ...rest }: ListItemProps): react_jsx_runtime.JSX.Element;
3018
+ displayName: string;
3019
+ };
3020
+
3021
+ type LocalMessagePurpose = 'info' | 'warning' | 'danger' | 'success' | 'tips';
3022
+ type LocalMessageLayout = 'horisontal' | 'vertical';
3023
+ type LocalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
3024
+ /**Meldingen som vises til brukeren. Brukes kun når meldingen er string. */
3025
+ message?: string;
3026
+ /**Formålet med meldingen. Påvirker styling.
3027
+ * @default "info"
3028
+ */
3029
+ purpose?: LocalMessagePurpose;
3030
+ /** Indikerer om meldingen skal være lukkbar.*/
3031
+ closable?: boolean;
3032
+ /**Ekstra logikk å kjøre når meldingen lukkes. */
3033
+ onClose?: () => void;
3034
+ /**Layoutet i komponenten. Ved kompleks innhold anbefales `layout='vertical'`.
3035
+ * @default "horisontal"
3036
+ */
3037
+ layout?: LocalMessageLayout;
3038
+ } & Pick<ResponsiveProps, 'width'>>;
3039
+ declare const LocalMessage: {
3040
+ ({ message, purpose, closable, onClose, width, layout, children, id, className, htmlProps, ...rest }: LocalMessageProps): react_jsx_runtime.JSX.Element;
3041
+ displayName: string;
3042
+ };
3043
+
3044
+ type ModalProps = BaseComponentPropsWithChildren<HTMLDivElement, {
3045
+ /**Spesifiserer om `<Modal>` skal åpnes. */
3046
+ isOpen?: boolean;
3047
+ /**Funksjon kjørt ved lukking; gjør at `<Modal>` blir lukkbar via: Esc-tast, klikk utenfor, klikk på dedikert lukkeknapp. */
3048
+ onClose?: () => void;
3049
+ /**Fordeler DOM node for `<Modal>` via React portal. Brukes med f.eks `document.getElementById("id")` eller `ref` (skaper ikke ny DOM node).
3050
+ * @default themeProviderRef
3051
+ */
3052
+ parentElement?: HTMLElement;
3053
+ /**Header i `<Modal>`. Returnerer default `<Heading>` ved `string`. Setter også `aria-labelledby`. */
3054
+ header?: string | ReactNode;
3055
+ /**Ref som brukes til returnering av fokus. */
3056
+ triggerRef?: RefObject<HTMLElement | null>;
3057
+ /**Ref som skal motta fokus når `<Modal>` åpnes. Hvis utelatt blir `<Modal>` fokusert. */
3058
+ initialFocusRef?: RefObject<HTMLElement | null>;
3059
+ /** Gjør at innholdet kan scrolles */
3060
+ scrollable?: boolean;
3061
+ }>;
3062
+ declare const Modal: {
3063
+ ({ isOpen, parentElement, children, header, onClose, id, triggerRef, initialFocusRef, scrollable, className, htmlProps, ref, ...rest }: ModalProps): react.ReactPortal | null;
3064
+ displayName: string;
3065
+ };
3066
+
3067
+ type ModalBodyProps = BaseComponentPropsWithChildren<HTMLDivElement, {
3068
+ /**Gjør at innholdet kan scrolles. Det må eventuelt settes (max)bredde og (max)høyde styling på både denne subkomponenten og `<Modal />`. */
3069
+ scrollable?: boolean;
3070
+ /**Høyde på container. Kan resultere i scrolling. */
3071
+ height?: Property.Height;
3072
+ }>;
3073
+ declare const ModalBody: {
3074
+ ({ children, id, className, scrollable, htmlProps, height, ...rest }: ModalBodyProps): react_jsx_runtime.JSX.Element;
3075
+ displayName: string;
3076
+ };
3077
+
3078
+ type ModalActionsProps = ComponentPropsWithRef<'div'>;
3079
+ declare const ModalActions: {
3080
+ (props: ModalActionsProps): react_jsx_runtime.JSX.Element;
3081
+ displayName: string;
3082
+ };
3083
+
3084
+ declare const OverflowMenu: {
3085
+ ({ placement, offset, className, htmlProps, ref, ...rest }: OverflowMenuProps): react_jsx_runtime.JSX.Element;
3086
+ displayName: string;
3087
+ };
3088
+
3089
+ type OverflowMenuListItemBaseProps<T extends 'span' | 'button' | 'a'> = {
3090
+ /**Ikon som vises ved teksten. **OBS!** Settes i tillegg til `children` for riktig layout. */
3091
+ icon?: SvgIcon;
3092
+ /**Bestemmer farger basert på formål.
3093
+ * @default "default"
3094
+ */
3095
+ purpose?: 'default' | 'danger';
3096
+ } & ComponentPropsWithRef<T>;
3097
+ type OverflowMenuButtonProps = OverflowMenuListItemBaseProps<'button'> & Pick<ButtonProps, 'loading' | 'loadingTooltip'> & {
3098
+ /**Asynkron `onClick` event; håndterer loading status, slik at menyen ikke lukker seg under loading. */
3099
+ onClickAsync?: MouseEventHandler<HTMLButtonElement>;
3100
+ };
3101
+ type OverflowMenuLinkProps = OverflowMenuListItemBaseProps<'a'>;
3102
+ type OverflowMenuSpanProps = OverflowMenuListItemBaseProps<'span'>;
3103
+ type OverflowMenuProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement, {
3104
+ /**Plassering av menyen i forhold til anchor-elementet.
3105
+ * @default "bottom-end"
3106
+ */
3107
+ placement?: Placement;
3108
+ /**Avstand fra anchor-elementet i px.
3109
+ * @default 2
3110
+ */
3111
+ offset?: number;
3112
+ }>, 'id'>;
3113
+
3114
+ declare const OverflowMenuButton: {
3115
+ ({ id, icon, children, className, onClick, onClickAsync, purpose, loading, loadingTooltip, "aria-disabled": ariaDisabled, ref, ...rest }: OverflowMenuButtonProps): react_jsx_runtime.JSX.Element;
3116
+ displayName: string;
3117
+ };
3118
+
3119
+ declare const OverflowMenuLink: {
3120
+ ({ id, href, icon, className, onClick, children, ref, purpose, ...rest }: OverflowMenuLinkProps): react_jsx_runtime.JSX.Element;
3121
+ displayName: string;
3122
+ };
3123
+
3124
+ type OverflowMenuDividerProps = Omit<DividerProps, 'color'>;
3125
+ declare const OverflowMenuDivider: {
3126
+ ({ id, className, htmlProps, ...rest }: OverflowMenuDividerProps): react_jsx_runtime.JSX.Element;
3127
+ displayName: string;
3128
+ };
3129
+
3130
+ type OverflowMenuListProps = StylelessListProps;
3131
+ declare const OverflowMenuList: (props: OverflowMenuListProps) => react_jsx_runtime.JSX.Element;
3132
+
3133
+ declare const OverflowMenuSpan: {
3134
+ ({ icon, children, className, purpose, ...rest }: OverflowMenuSpanProps): react_jsx_runtime.JSX.Element;
3135
+ displayName: string;
3136
+ };
3137
+
3138
+ type OverflowMenuListHeaderProps = ComponentPropsWithRef<'h2'>;
3139
+ declare const OverflowMenuListHeader: {
3140
+ ({ className, ...rest }: OverflowMenuListHeaderProps): react_jsx_runtime.JSX.Element;
3141
+ displayName: string;
3142
+ };
3143
+
3144
+ interface OverflowMenuGroupProps {
3145
+ /**Om `<OverflowMenu>` er åpen ved første render.
3146
+ * @default false
3147
+ */
3148
+ isInitiallyOpen?: boolean;
3149
+ /**Implementerer kontrollert tilstand: forteller `<OverflowMenu>` om den skal være åpen. */
3150
+ isOpen?: boolean;
3151
+ /**Implementerer kontrollert tilstand: funksjon for å kontrollere `isOpen`. */
3152
+ setIsOpen?: Dispatch<SetStateAction<boolean>>;
3153
+ /**Callback når `<OverflowMenu>` åpnes. */
3154
+ onOpen?: () => void;
3155
+ /**Callback når `<OverflowMenu>` lukkes. */
3156
+ onClose?: () => void;
3157
+ /**Barn, anchor-elementet som første og `<OverflowMenu>` som andre. */
3158
+ children: ReactNode;
3159
+ /**Custom id for `<OverflowMenu>`. */
3160
+ overflowMenuId?: string;
3161
+ }
3162
+ declare const OverflowMenuGroup: {
3163
+ ({ children, onClose, onOpen, setIsOpen: propSetIsOpen, isOpen: propIsOpen, isInitiallyOpen, overflowMenuId, }: OverflowMenuGroupProps): react_jsx_runtime.JSX.Element;
3164
+ displayName: string;
3165
+ };
3166
+
3167
+ interface PaginationOption {
3168
+ label: string;
3169
+ value: number;
3170
+ }
3171
+ type PaginationProps = BaseComponentProps<HTMLElement, {
3172
+ /**Totalt antall elementer å paginere. */
3173
+ itemsAmount: number;
3174
+ /**Antall elementer per side ved innlastning av komponenten.
3175
+ * @default 10
3176
+ */
3177
+ defaultItemsPerPage?: number;
3178
+ /**Den aktive siden ved innlastning av komponenten.
3179
+ * @default 1
3180
+ */
3181
+ defaultActivePage?: number;
3182
+ /**Spesifiserer om selve pagineringen skal vises.
3183
+ * @default true
3184
+ */
3185
+ withPagination?: boolean;
3186
+ /**Spesifiserer om teksten `'Vis x-y av z'` skal vises. */
3187
+ withCounter?: boolean;
3188
+ /**Spesifiserer om `<Select />` til å velge antall resultater per side skal vises. */
3189
+ withSelect?: boolean;
3190
+ /**Custom options for `<Select />`. **OBS!** hvis det settes custom `selectOptions` bør "alle"-alternativet inkluderes der det er relevant, da brukere ofte liker å ha muligheten.
3191
+ * @default [
3192
+ { label: '10', value: 10 },
3193
+ { label: '25', value: 25 },
3194
+ { label: '50', value: 50 },
3195
+ { label: 'Alle', value: itemsAmount },
3196
+ ]
3197
+ */
3198
+ selectOptions?: Array<PaginationOption>;
3199
+ /**Brukes til å hente side og eventuelt annen logikk ved endring av side. */
3200
+ onChange?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void;
3201
+ /**Brukes til å hente `selectedOption` og eventuelt kjøre annen logikk når `withSelect=true` ved endring av alternativ. */
3202
+ onSelectOptionChange?: (option: PaginationOption | null) => void;
3203
+ /**Spesifiserer ved hvilket brekkpunkt og nedover versjonen for små skjermer skal vises; den viser færre sideknapper og stacker subkomponentene. */
3204
+ smallScreenBreakpoint?: Breakpoint;
3205
+ }, Omit<HTMLAttributes<HTMLElement>, 'onChange'>>;
3206
+ declare const Pagination: {
3207
+ ({ itemsAmount, defaultItemsPerPage, defaultActivePage, withPagination, withCounter, withSelect, selectOptions, smallScreenBreakpoint, onChange, onSelectOptionChange, id, className, htmlProps, ref, ...rest }: PaginationProps): react_jsx_runtime.JSX.Element | null;
3208
+ displayName: string;
3209
+ };
3210
+
3211
+ type ISOCountryCode = 'AF' | 'AL' | 'DZ' | 'AS' | 'AD' | 'AO' | 'AI' | 'AG' | 'AR' | 'AM' | 'AW' | 'AU' | 'AT' | 'AZ' | 'BS' | 'BH' | 'BD' | 'BB' | 'BY' | 'BE' | 'BZ' | 'BJ' | 'BM' | 'BT' | 'BO' | 'BA' | 'BW' | 'BR' | 'IO' | 'VG' | 'BN' | 'BG' | 'BF' | 'BI' | 'KH' | 'CM' | 'CA' | 'CV' | 'KY' | 'CF' | 'TD' | 'CL' | 'CN' | 'CX' | 'CC' | 'CO' | 'EH' | 'KM' | 'CD' | 'CG' | 'CK' | 'CR' | 'CI' | 'HR' | 'CU' | 'CW' | 'CY' | 'CZ' | 'DK' | 'DJ' | 'DM' | 'DO' | 'EC' | 'EG' | 'SV' | 'GQ' | 'GS' | 'ER' | 'EE' | 'ET' | 'FK' | 'FO' | 'FJ' | 'FI' | 'FR' | 'GF' | 'PF' | 'GA' | 'GM' | 'GE' | 'DE' | 'GH' | 'GI' | 'GR' | 'GL' | 'GD' | 'GP' | 'GU' | 'GT' | 'GG' | 'GN' | 'GW' | 'GY' | 'HT' | 'HM' | 'HN' | 'HK' | 'HU' | 'IS' | 'IN' | 'ID' | 'IR' | 'IQ' | 'IE' | 'IM' | 'IL' | 'IT' | 'JM' | 'JP' | 'JE' | 'JO' | 'KZ' | 'KE' | 'KI' | 'XK' | 'KW' | 'KG' | 'LA' | 'LV' | 'LB' | 'LS' | 'LR' | 'LY' | 'LI' | 'LT' | 'LU' | 'MO' | 'MK' | 'MG' | 'MW' | 'MY' | 'MV' | 'ML' | 'MT' | 'MH' | 'MQ' | 'MR' | 'MU' | 'YT' | 'MX' | 'FM' | 'MD' | 'MC' | 'MN' | 'ME' | 'MS' | 'MA' | 'MZ' | 'MM' | 'NA' | 'NR' | 'NP' | 'NL' | 'NC' | 'NZ' | 'NI' | 'NE' | 'NG' | 'NU' | 'NF' | 'KP' | 'MP' | 'NO' | 'OM' | 'PK' | 'PW' | 'PS' | 'PA' | 'PG' | 'PY' | 'PE' | 'PH' | 'PL' | 'PT' | 'PR' | 'QA' | 'RE' | 'RO' | 'RU' | 'RW' | 'BL' | 'SH' | 'KN' | 'LC' | 'MF' | 'PM' | 'VC' | 'WS' | 'SM' | 'ST' | 'SA' | 'SN' | 'RS' | 'SC' | 'SL' | 'SG' | 'SX' | 'SK' | 'SI' | 'SB' | 'SO' | 'ZA' | 'KR' | 'SS' | 'ES' | 'LK' | 'SD' | 'SR' | 'SJ' | 'SZ' | 'SE' | 'CH' | 'SY' | 'TW' | 'TJ' | 'TZ' | 'TH' | 'TL' | 'TG' | 'TK' | 'TO' | 'TT' | 'TN' | 'TR' | 'TM' | 'TC' | 'TV' | 'VI' | 'UG' | 'UA' | 'AE' | 'GB' | 'US' | 'UY' | 'UZ' | 'VU' | 'VA' | 'VE' | 'VN' | 'WF' | 'YE' | 'ZM' | 'ZW' | 'AX';
3212
+
3213
+ interface PhoneInputValue {
3214
+ countryCode: ISOCountryCode | (string & {});
3215
+ phoneNumber: string;
3216
+ }
3217
+ interface PhoneInputCountryOption {
3218
+ countryCode: ISOCountryCode;
3219
+ label: string;
3220
+ }
3221
+ declare const countryOptions: Array<PhoneInputCountryOption>;
3222
+ type PhoneInputProps = {
3223
+ /**
3224
+ * Custom id for gruppen ved behov. setter `${id}-country-code` som `id` for landskode og `${id}-phone-number` for telefonnummer.
3225
+ */
3226
+ id?: string;
3227
+ /**
3228
+ * Verdi bestående av landskode og telefonnummer.
3229
+ * */
3230
+ value?: PhoneInputValue;
3231
+ /** Default verdi bestående av landkode og telefonnummer. */
3232
+ defaultValue?: PhoneInputValue;
3233
+ /**
3234
+ * `onChange` funksjon.
3235
+ */
3236
+ onChange?: (value: PhoneInputValue) => void;
3237
+ /** `name` attributt; setter `${name}-country-code` som `name` for landskode og `${name}-phone-number` for telefonnummer. */
3238
+ name?: string;
3239
+ /**
3240
+ * Spesifiserer ved hvilket brekkpunkt og nedover versjonen for små skjermer skal vises; den stacker subkomponentene vertikalt.
3241
+ */
3242
+ smallScreenBreakpoint?: Breakpoint;
3243
+ /**
3244
+ * Usynlig ledetekst for nedtrekksliste med landkoder. Brukes hvis default ikke passer eller ikke er beskrivende nok.
3245
+ * @default "Landskode"
3246
+ */
3247
+ selectLabel?: string;
3248
+ /**
3249
+ * Ref for nedtrekksliste med landkoder.
3250
+ */
3251
+ selectRef?: ForwardedRef<HTMLSelectElement>;
3252
+ /**
3253
+ * Usynlig ledetekst for gruppen. Brukes hvis default ikke passer eller ikke er beskrivende nok.
3254
+ * @default "Landskode og telefonnummer"
3255
+ */
3256
+ groupLabel?: string;
3257
+ } & Pick<InputProps, 'readOnly' | 'disabled' | 'width' | 'componentSize' | 'errorMessage' | 'label' | 'tip' | 'required' | 'className' | 'style' | 'aria-required' | 'aria-describedby' | 'ref'>;
3258
+ declare const PhoneInput: {
3259
+ ({ label, readOnly, errorMessage, tip, required, width, componentSize, name, className, style, value, selectLabel, selectRef, onChange, defaultValue, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, groupLabel, ref, ...props }: PhoneInputProps): react_jsx_runtime.JSX.Element;
3260
+ displayName: string;
3261
+ };
3262
+
3263
+ type PopoverSizeProps = Pick<ResponsiveProps, 'width' | 'height' | 'minWidth' | 'minHeight' | 'maxWidth' | 'maxHeight'>;
3264
+ type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement, {
3265
+ /**Header. Bruker default semantisk heading hvis verdien er en `string`. */
3266
+ header?: string | ReactNode;
3267
+ /**Om lukkeknapp skal vises.
3268
+ * @default true
3269
+ */
3270
+ withCloseButton?: boolean;
3271
+ /**Spesifiserer hvor komponenten skal plasseres i forhold til anchor-elementet.
3272
+ * @default "bottom"
3273
+ */
3274
+ placement?: Placement;
3275
+ /**Angir rotnode hvor popover skal rendres.
3276
+ * @default themeProviderRef
3277
+ */
3278
+ parentElement?: HTMLElement;
3279
+ /**Angir om popover skal rendre i en portal eller ikke.
3280
+ * @default "false"
3281
+ */
3282
+ portal?: boolean;
3283
+ /**Avstand fra anchor-elementet i px.
3284
+ * @default 8
3285
+ */
3286
+ offset?: number;
3287
+ /** Ekstra logikk kjørt når popover mister fokus. */
3288
+ onBlur?: () => void;
3289
+ /**Custom størrelse. */
3290
+ sizeProps?: PopoverSizeProps;
3291
+ /** Om focus skal returneres ved `blur`
3292
+ * @default true
3293
+ */
3294
+ returnFocusOnBlur?: boolean;
3295
+ /**Anchor ref ved custom kontrollert bruk uten `<PopoverGroup>` Kun for corner cases. */
3296
+ anchorRef?: RefObject<HTMLElement | null>;
3297
+ /**Spesifiserer om popover er åpen ved custom kontrollert bruk uten `<PopoverGroup>` Kun for corner cases. */
3298
+ isOpen?: boolean;
3299
+ /**Callback for lukking ved custom kontrollert bruk uten `<PopoverGroup>` Kun for corner cases. */
3300
+ onClose?: () => void;
3301
+ }>;
3302
+ declare const Popover: {
3303
+ ({ id, header, withCloseButton, onBlur, children, placement, parentElement, portal, offset, sizeProps, returnFocusOnBlur, className, htmlProps, anchorRef, isOpen: propIsOpen, onClose: propOnClose, ref, ...rest }: PopoverProps): react_jsx_runtime.JSX.Element | null;
3304
+ displayName: string;
3305
+ };
3306
+
3307
+ interface PopoverGroupProps {
3308
+ /** Barna til wrapperen: anchor-element som det første og `<Popover>` som det andre. */
3309
+ children: ReactNode;
3310
+ /**Forteller `<Popover>` om den skal være åpen på første render. */
3311
+ isInitiallyOpen?: boolean;
3312
+ /**Implementerer kontrollert tilstand: forteller `<Popover>` om den skal være åpen. */
3313
+ isOpen?: boolean;
3314
+ /**Implementerer kontrollert tilstand: funksjon for å kontrollere `isOpen`. */
3315
+ setIsOpen?: Dispatch<SetStateAction<boolean>>;
3316
+ /**Callback når <Popover> åpnes. */
3317
+ onOpen?: () => void;
3318
+ /**Callback når <Popover> lukkes. */
3319
+ onClose?: () => void;
3320
+ /** `id` til `<Popover>.` */
3321
+ popoverId?: string;
3322
+ }
3323
+ declare const PopoverGroup: {
3324
+ ({ isOpen: propIsOpen, setIsOpen: propSetIsOpen, onClose, onOpen, isInitiallyOpen, children, popoverId, }: PopoverGroupProps): react_jsx_runtime.JSX.Element;
3325
+ displayName: string;
3326
+ };
3327
+
3328
+ interface BaseItemProps {
3329
+ /** Om steget er valgt eller ikke. Settes av konsument. */
3330
+ active?: boolean;
3331
+ /** Om steget er ferdig eller ikke. Settes av konsument.
3332
+ * @default false
3333
+ */
3334
+ completed?: boolean;
3335
+ /** Om steget skal være disabled. Settes av konsument.
3336
+ * @default false
3337
+ */
3338
+ disabled?: boolean;
3339
+ /** Ikon som skal vises istedenfor stegnummeret. Settes av konument. */
3340
+ icon?: SvgIcon;
3341
+ /** Indeksen til steget. NB! Denne settes automatisk av forelder og skal ikke settes manuelt. */
3342
+ index?: number;
3343
+ }
3344
+ type ProgressTrackerItemProps = BaseComponentPropsWithChildren<HTMLButtonElement, BaseItemProps & {
3345
+ /** Click-handler som gjør det mulig for bruker å klikke på steget for å navigere. Valgfri. */
3346
+ onClick?: (index: number) => void;
3347
+ }> | BaseComponentPropsWithChildren<HTMLDivElement, BaseItemProps & {
3348
+ onClick?: undefined;
3349
+ }>;
3350
+ declare const ProgressTrackerItem: {
3351
+ (props: ProgressTrackerItemProps): react_jsx_runtime.JSX.Element;
3352
+ displayName: string;
3353
+ };
3354
+
3355
+ type ProgressTrackerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
3356
+ /** Indeksen til det aktive steget.
3357
+ * @default 0
3358
+ */
3359
+ activeStep?: number;
3360
+ /** Ekstra logikk ved klikking på et steg. */
3361
+ onStepChange?: (step: number) => void;
3362
+ /**Retning stegene gjengis i. OBS! Ikke tilpasset mindre skjermer. */
3363
+ direction?: Direction$1;
3364
+ }>;
3365
+ type ProgressTrackerComponent = ForwardRefExoticComponent<ProgressTrackerProps> & {
3366
+ Item: typeof ProgressTrackerItem;
3367
+ };
3368
+ declare const ProgressTracker: ProgressTrackerComponent;
3369
+
3370
+ type ProgressBarSize = 'medium' | 'small';
3371
+ type ProgressBarProps = Pick<CommonInputProps, 'tip' | 'errorMessage' | 'label' | 'width'> & {
3372
+ /**
3373
+ * Størrelse.
3374
+ * @default "medium"
3375
+ */
3376
+ size?: ProgressBarSize;
3377
+ /**
3378
+ * Indikerer i hvor stor grad prosessen er fullført.
3379
+ * Den skal ha verdi over 0; mindre eller lik `max`, mindre eller lik 1 hvis `max` ikke er satt.
3380
+ * Hvis verdien er `undefined` eller ugyldig blir komponenten "indeterminate".
3381
+ */
3382
+ value?: number;
3383
+ /**
3384
+ * Verdi som indikerer at prosessen er fullført; maksimal verdi.
3385
+ * @default 1
3386
+ */
3387
+ max?: number;
3388
+ } & Omit<ComponentPropsWithRef<'progress'>, 'max' | 'value'>;
3389
+ declare const ProgressBar: {
3390
+ ({ label, tip, errorMessage, size, "aria-describedby": ariaDescribedby, value, width, max, id, className, style, ...rest }: ProgressBarProps): react_jsx_runtime.JSX.Element;
3391
+ displayName: string;
3392
+ };
3393
+
3394
+ type SearchSize = 'small' | 'medium' | 'large';
3395
+ type SearchButtonProps = {
3396
+ label?: string;
3397
+ purpose?: ExtractStrict<ButtonPurpose, 'primary' | 'secondary'>;
3398
+ } & Pick<ButtonProps, 'loading' | 'loadingTooltip'> & ComponentPropsWithRef<'button'>;
3399
+
3400
+ type SearchProps = Pick<InputProps, 'tip' | 'label'> & {
3401
+ /**Størrelsen på komponenten. */
3402
+ componentSize?: SearchSize;
3403
+ /**Props for søkeknappen. */
3404
+ buttonProps?: SearchButtonProps;
3405
+ /**Om søkeikonet skal vises. */
3406
+ showIcon?: boolean;
3407
+ } & Pick<InputProps, 'width'> & Omit<ComponentPropsWithRef<'input'>, 'width'>;
3408
+ declare const Search$1: {
3409
+ ({ componentSize, buttonProps, showIcon, name, label, tip, id, value, width, onChange, className, style, "aria-describedby": ariaDescribedby, ref, ...rest }: SearchProps): react_jsx_runtime.JSX.Element;
3410
+ displayName: string;
3411
+ };
3412
+
3413
+ interface WeightedValue {
3414
+ text: string;
3415
+ relevance: number;
3416
+ }
3417
+ interface WeightedSearchData {
3418
+ array: Array<WeightedValue>;
3419
+ sortFunction?: (a: WeightedValue, b: WeightedValue) => number;
3420
+ }
3421
+ interface SearchData {
3422
+ array: Array<string>;
3423
+ sortFunction?: (a: string, b: string) => number;
3424
+ }
3425
+ interface SearchAutocompleteWrapperProps {
3426
+ /**Array med data som kan søkes på og eventuelt tilhørende sorteringsfunksjon. Array kan bestå av elementer av typen `string` eller objekter med vekt og tekst.*/
3427
+ data?: SearchData | WeightedSearchData;
3428
+ /** Ekstra callback ved `onChange` i `<Search>`. */
3429
+ onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
3430
+ /**Callback når et forslag blir valgt, inkludert søkefunksjon. */
3431
+ onSuggestionSelection?: () => void;
3432
+ /** Custom filter for forslag. */
3433
+ filter?: (sugestion: string, query: string) => boolean;
3434
+ /**Minst lengde på query når forslag skal vises.
3435
+ * @default 2
3436
+ */
3437
+ queryLength?: number;
3438
+ /** Barnet til subkomponenten - `<Search>`. */
3439
+ children?: ReactNode;
3440
+ /**Initielle `value` i `<Search>`. */
3441
+ value?: string;
3442
+ }
3443
+ declare const SearchAutocompleteWrapper: {
3444
+ (props: SearchAutocompleteWrapperProps): react_jsx_runtime.JSX.Element;
3445
+ displayName: string;
3446
+ };
3447
+
3448
+ type SearchSuggestionsProps = BaseComponentProps<HTMLDivElement, Pick<SearchProps, 'componentSize'> & {
3449
+ /**Forslag som vises i listen. */
3450
+ suggestions?: Array<string>;
3451
+ /** Om listen skal vises. */
3452
+ showSuggestions?: boolean;
3453
+ /**Callback når et forslag blir valgt, inkludert søkefunksjon. */
3454
+ onSuggestionClick?: (e: MouseEvent$1<HTMLButtonElement>) => void;
3455
+ /** Maks antall forslag vist i listen. */
3456
+ maxSuggestions?: number;
3457
+ /**Id til `<Search>`. */
3458
+ searchId: string;
3459
+ }>;
3460
+ declare const SearchSuggestions: {
3461
+ ({ id, searchId, className, htmlProps, suggestions, showSuggestions, componentSize, onSuggestionClick, maxSuggestions, ...rest }: SearchSuggestionsProps): react_jsx_runtime.JSX.Element;
3462
+ displayName: string;
3463
+ };
3464
+
3465
+ type SearchCompoundProps = typeof Search$1 & {
3466
+ AutocompleteWrapper: typeof SearchAutocompleteWrapper;
3467
+ Suggestions: typeof SearchSuggestions;
3468
+ };
3469
+ declare const Search: SearchCompoundProps;
3470
+
3471
+ interface SelectOption<TValue = unknown> {
3472
+ label: string | number;
3473
+ value: TValue;
3474
+ }
3475
+ type WrappedReactSelectProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = WithRequiredIf<Option extends SelectOption ? false : true, Props$1<Option, IsMulti, Group>, 'getOptionLabel' | 'getOptionValue'>;
3476
+ type SelectProps<Option = unknown, IsMulti extends boolean = false> = {
3477
+ /**Ledetekst for nedtrekkslisten. */
3478
+ label?: string;
3479
+ /**Størrelsen på komponenten.
3480
+ * @default "medium"
3481
+ */
3482
+ componentSize?: InputSize;
3483
+ /**Ikonet som vises i komponenten. */
3484
+ icon?: SvgIcon;
3485
+ /**Nedtrekkslisten blir `readonly` og får readOnly styling. */
3486
+ readOnly?: boolean;
3487
+ /**Meldingen som vises ved valideringsfeil. */
3488
+ errorMessage?: string;
3489
+ /**Hjelpetekst. */
3490
+ tip?: string;
3491
+ /** CSS klassenavn. */
3492
+ className?: string;
3493
+ /** Inline styling. */
3494
+ style?: React.CSSProperties;
3495
+ /** Custom element som vises for det valgte elementet. */
3496
+ customOptionElement?: (props: OptionProps<Option, IsMulti, GroupBase<Option>>) => JSX.Element;
3497
+ /** Custom element som vises i listen over alternativer. */
3498
+ customSingleValueElement?: (props: SingleValueProps<Option, IsMulti, GroupBase<Option>>) => JSX.Element;
3499
+ /** Testid. Legges på control-div med suffiks "control". */
3500
+ 'data-testid'?: string;
3501
+ /**Ref til komponenten. */
3502
+ ref?: SelectForwardRefType<Option, IsMulti>;
3503
+ } & Pick<HTMLAttributes<HTMLInputElement>, 'aria-required'> & Pick<ResponsiveProps, 'width'> & WrappedReactSelectProps<Option, IsMulti, GroupBase<Option>>;
3504
+ type SelectForwardRefType<Option, IsMulti extends boolean> = Ref<SelectInstance<Option, IsMulti, GroupBase<Option>>>;
3505
+ declare function Select<Option = unknown, IsMulti extends boolean = false>({ id, label, componentSize, errorMessage, tip, required, 'aria-required': ariaRequired, readOnly, options, isMulti, value, icon, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, menuPortalTarget, customOptionElement, customSingleValueElement, 'data-testid': dataTestId, onKeyDown, openMenuOnClick, ref, ...rest }: SelectProps<Option, IsMulti>): react_jsx_runtime.JSX.Element;
3506
+ declare namespace Select {
3507
+ var displayName: string;
3508
+ }
3509
+
3510
+ type NativeSelectProps = CommonInputProps & Pick<InputProps, 'componentSize' | 'readOnly'> & ComponentPropsWithRef<'select'>;
3511
+ declare const NativeSelect: ({ id, children, componentSize, label, multiple, readOnly, errorMessage, tip, required, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, width, className, style, onKeyDown, onMouseDown, ...rest }: NativeSelectProps) => react_jsx_runtime.JSX.Element;
3512
+ type NativeSelectPlaceholderProps = ComponentPropsWithRef<'option'>;
3513
+ declare const NativeSelectPlaceholder: {
3514
+ ({ children, value, ...rest }: NativeSelectPlaceholderProps): react_jsx_runtime.JSX.Element;
3515
+ displayName: string;
3516
+ };
3517
+
3518
+ declare const createSelectOptions: <TValue extends string | number>(...args: Array<TValue>) => Array<SelectOption<TValue>>;
3519
+
3520
+ type PickedInputHTMLAttributes$1 = Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'readOnly' | 'checked' | 'value' | 'required' | 'onChange' | 'aria-describedby'>;
3521
+ type RadioButtonProps = BaseComponentPropsWithChildren<HTMLInputElement, SelectionControlCommonProps & PickedInputHTMLAttributes$1, Omit<InputHTMLAttributes<HTMLInputElement>, keyof PickedInputHTMLAttributes$1>>;
3522
+ type RadioValue = PickedInputHTMLAttributes$1['value'];
3523
+
3524
+ declare const RadioButton: {
3525
+ ({ id, name, label, disabled, readOnly, error, checked, value, children, required, onChange, "aria-describedby": ariaDescribedby, className, htmlProps, ...rest }: RadioButtonProps): react_jsx_runtime.JSX.Element;
3526
+ displayName: string;
3527
+ };
3528
+
3529
+ type RadioButtonGroupProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, SelectionControlGroupCommonProps & {
3530
+ /** Gir alle barna `name` prop.*/
3531
+ name?: string;
3532
+ /**Funksjonen for onChange-event for barna. */
3533
+ onChange?: (event: ChangeEvent<HTMLInputElement>, value: T | undefined) => void;
3534
+ /** Gjør alle barna påkrevd ved å gi dem `required` prop. Legger en markør (*) bak ledeteksten. */
3535
+ required?: boolean;
3536
+ /**Verdi - en `<RadioButton>` med denne verdien blir valgt med controlled state. */
3537
+ value?: T | undefined;
3538
+ /**Default verdi - en `<RadioButton>` med denne verdien blir forhåndsvalgt med uncontrolled state. */
3539
+ defaultValue?: T | undefined;
3540
+ }, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
3541
+ declare const RadioButtonGroup: {
3542
+ <T extends string | number = string>({ name, label, groupId, errorMessage, tip, disabled, readOnly, direction, value, defaultValue, children, required, onChange, id, className, htmlProps, ...rest }: RadioButtonGroupProps<T>): react_jsx_runtime.JSX.Element;
3543
+ displayName: string;
3544
+ };
3545
+
3546
+ type SkeletonAppearance = 'circle' | 'rectangle';
3547
+ type SkeletonProps = {
3548
+ /**CSS border radius.
3549
+ * @default "var(--dds-border-radius-surface)"
3550
+ */
3551
+ borderRadius?: Property.BorderRadius;
3552
+ } & Pick<ResponsiveProps, 'width' | 'height'> & ComponentPropsWithRef<'div'>;
3553
+ declare const Skeleton: {
3554
+ ({ width, height, borderRadius, className, style, ref, ...rest }: SkeletonProps): react_jsx_runtime.JSX.Element;
3555
+ displayName: string;
3556
+ };
3557
+
3558
+ type SkipToContentProps = BaseComponentProps<HTMLAnchorElement, {
3559
+ /** Teksten som vises i lenka.
3560
+ * @default "Til hovedinnhold"
3561
+ */
3562
+ text?: string;
3563
+ /**Spesifiserer hvor det skal hoppes til via `id`-attributtet til innholdet. */
3564
+ href: string;
3565
+ /**Avstand fra top i nærmeste posisjonert container.
3566
+ * @default 0
3567
+ */
3568
+ top?: Property.Top;
3569
+ }>;
3570
+ declare const SkipToContent: {
3571
+ ({ text, top, id, className, htmlProps, ...rest }: SkipToContentProps): react_jsx_runtime.JSX.Element;
3572
+ displayName: string;
3573
+ };
3574
+
3575
+ type SpinnerProps = BaseComponentProps<SVGElement, {
3576
+ /**Farge på spinneren.
3577
+ * @default "iconActionResting"
3578
+ */
3579
+ color?: TextColor;
3580
+ /**Størrelse; Setter høyde og bredde på spinneren.
3581
+ * @default "var(--dds-icon-size-medium)"
3582
+ */
3583
+ size?: Property.Width;
3584
+ /**Tekst som vises ved hover.
3585
+ * @default "Innlasting pågår"
3586
+ */
3587
+ tooltip?: string;
3588
+ }>;
3589
+ declare function Spinner(props: SpinnerProps): react_jsx_runtime.JSX.Element;
3590
+ declare namespace Spinner {
3591
+ var displayName: string;
3592
+ }
3593
+
3594
+ type SplitButtonPurpose = ExtractStrict<ButtonPurpose, 'primary' | 'secondary'>;
3595
+ type SplitButtonPrimaryActionProps = Omit<ButtonProps, 'size' | 'purpose'>;
3596
+ type SplitButtonSecondaryActionsProps = Array<OverflowMenuButtonProps>;
3597
+ type SplitButtonProps = Pick<ButtonProps, 'size'> & {
3598
+ /**Props for primær handling. Samme props som for `<Button>` unntatt `size` og `purpose`. */
3599
+ primaryAction: SplitButtonPrimaryActionProps;
3600
+ /**Props for sekunære handlinger. */
3601
+ secondaryActions: SplitButtonSecondaryActionsProps;
3602
+ /**Formål med knappen.
3603
+ * @default "primary"
3604
+ */
3605
+ purpose?: SplitButtonPurpose;
3606
+ } & ComponentPropsWithRef<'div'>;
3607
+ declare const SplitButton: {
3608
+ ({ size, primaryAction, secondaryActions, purpose, className, ...rest }: SplitButtonProps): react_jsx_runtime.JSX.Element;
3609
+ displayName: string;
3610
+ };
3611
+
3612
+ type TableBodyProps = ComponentPropsWithRef<'tbody'>;
3613
+ declare const Body: {
3614
+ (props: TableBodyProps): react_jsx_runtime.JSX.Element;
3615
+ displayName: string;
3616
+ };
3617
+
3618
+ type TableCellType = 'data' | 'head';
3619
+ type TableCellLayout = 'left' | 'right' | 'center' | 'text and icon';
3620
+ interface CollapsibleProps {
3621
+ isCollapsibleChild?: boolean;
3622
+ }
3623
+ type TableCellProps = {
3624
+ /**
3625
+ * Type celle. Returnerer enten `<td>` eller `<th>`.
3626
+ * @default "data" hvis den er brukt i `<Table.Body>` eller `<Table.Foot>`, 'head' hvis den er i `<Table.Head>`.
3627
+ */
3628
+ type?: TableCellType;
3629
+ /**Layout av innholdet i cellen; legger en flex `<div>` i cellen, unntatt 'none' som ikke legger inn noe. 'tekst and icon' legger `gap` mellom barna og andre barnet i cellen.
3630
+ * @default "left"
3631
+ */
3632
+ layout?: TableCellLayout;
3633
+ /** Props ved bruk av `<CollapsibleRow>`. **OBS!** settes automatisk av forelder. */
3634
+ collapsibleProps?: CollapsibleProps;
3635
+ } & (ComponentPropsWithRef<'td'> | ComponentPropsWithRef<'th'>);
3636
+ declare const Cell: {
3637
+ ({ children, type: _type, layout, collapsibleProps, className, ...rest }: TableCellProps): react_jsx_runtime.JSX.Element;
3638
+ displayName: string;
3639
+ };
3640
+
3641
+ type TableFootProps = ComponentPropsWithRef<'tfoot'>;
3642
+ declare const Foot: {
3643
+ (props: TableFootProps): react_jsx_runtime.JSX.Element;
3644
+ displayName: string;
3645
+ };
3646
+
3647
+ type TableHeadProps = ComponentPropsWithRef<'thead'>;
3648
+ declare const Head: ({ children, ...rest }: TableHeadProps) => react_jsx_runtime.JSX.Element;
3649
+
3650
+ type TableSize = Extract<Size, 'small' | 'medium' | 'large'>;
3651
+ type TableProps = {
3652
+ /**
3653
+ * Størrelse på tabellen. Påvirker tetthet i cellene og font.
3654
+ * @default "medium"
3655
+ */
3656
+ size?: TableSize;
3657
+ /**Spesifiserer om cellene i `<Head>` skal bli sticky ved scrolling. */
3658
+ stickyHeader?: boolean;
3659
+ /**Legger skillelinjer mellom radene. */
3660
+ withDividers?: boolean;
3661
+ } & ComponentPropsWithRef<'table'>;
3662
+ type HeaderValues = Array<{
3663
+ key: string;
3664
+ content: ReactNode;
3665
+ }>;
3666
+ type TableRowType = 'body' | 'head';
3667
+ type RowMode = 'normal' | 'sum';
3668
+ type TableRowProps = {
3669
+ /**
3670
+ * Spesifiserer om raden skal brukes i `<head>` eller `<body>`-seksjonen.
3671
+ * @default "body" hvis den er brukt i `<Table.Body>` eller `<Table.Foot>`, 'head' hvis den er i `<Table.Head>`.
3672
+ */
3673
+ type?: TableRowType;
3674
+ /**Custom modus for rader som har ytterligere semantisk betydning (f.eks. summeringsrad), definerer kun styling.
3675
+ * Ved bruk av sum må `<Cell>` med tall i høyrestilles vha layout prop.
3676
+ * @default "normal"
3677
+ **/
3678
+ mode?: RowMode;
3679
+ /**Spesifiserer om raden har blitt valgt/markert. */
3680
+ selected?: boolean;
3681
+ /**Spesifiserer om raden skal ha hover styling. Brukes hovedsakelig på rader med klikkbar innhold. */
3682
+ hoverable?: boolean;
3683
+ } & ComponentPropsWithRef<'tr'>;
3684
+
3685
+ declare const Row: {
3686
+ ({ type: _type, mode, hoverable, selected, className, ...rest }: TableRowProps): react_jsx_runtime.JSX.Element;
3687
+ displayName: string;
3688
+ };
3689
+
3690
+ type SortOrder = 'ascending' | 'descending';
3691
+ type TableSortCellProps = {
3692
+ /**Spesifiserer om kolonnen er sortert. */
3693
+ isSorted?: boolean;
3694
+ /**Sorteringsrekkefølge i kolonnen. Avgjør hvilket ikon skal vises i cellen. */
3695
+ sortOrder?: SortOrder;
3696
+ /**onClick-funksjon for sortering og annen logikk. */
3697
+ onClick: (event: MouseEvent$1<HTMLButtonElement>) => void;
3698
+ } & Omit<TableCellProps, 'type'>;
3699
+ declare const SortCell: {
3700
+ ({ isSorted, sortOrder, onClick, children, ...rest }: TableSortCellProps): react_jsx_runtime.JSX.Element;
3701
+ displayName: string;
3702
+ };
3703
+
3704
+ declare const Table$1: {
3705
+ ({ size, stickyHeader, withDividers, className, children, ...rest }: TableProps): react_jsx_runtime.JSX.Element;
3706
+ displayName: string;
3707
+ };
3708
+
3709
+ type TableWrapperProps = HTMLAttributes<HTMLDivElement>;
3710
+ declare const TableWrapper: {
3711
+ ({ className, ...rest }: TableWrapperProps): react_jsx_runtime.JSX.Element;
3712
+ displayName: string;
3713
+ };
3714
+
3715
+ type TableCompoundProps = typeof Table$1 & {
3716
+ Wrapper: typeof TableWrapper;
3717
+ Head: typeof Head;
3718
+ Body: typeof Body;
3719
+ Foot: typeof Foot;
3720
+ Row: typeof Row;
3721
+ Cell: typeof Cell;
3722
+ SortCell: typeof SortCell;
3723
+ };
3724
+ declare const Table: TableCompoundProps;
3725
+
3726
+ declare const CollapsibleRow: {
3727
+ ({ type: _type, className, mode, selected, hoverable, children, ref, ...rest }: TableRowProps): react_jsx_runtime.JSX.Element;
3728
+ displayName: string;
3729
+ };
3730
+
3731
+ type CollapsibleTableProps = {
3732
+ /**Om tabellen skal kollapse. */
3733
+ isCollapsed?: boolean;
3734
+ /**Innhold i headere (`content`) og deres `key`. `headerValues.content` må være den samme som faktisk innhold i `<Table.Cell type='head'>`. */
3735
+ headerValues: HeaderValues;
3736
+ /**
3737
+ * Indeksen(e) til kolonnen(e) som skal synes når tabellen er kollapset. Rekkefølgen i array avgjør rekkefølgen i render.
3738
+ * @default [0]
3739
+ * */
3740
+ definingColumnIndex?: Array<number>;
3741
+ } & TableProps;
3742
+
3743
+ declare const CollapsibleTable$1: {
3744
+ ({ isCollapsed, headerValues, definingColumnIndex, ...rest }: CollapsibleTableProps): react_jsx_runtime.JSX.Element;
3745
+ displayName: string;
3746
+ };
3747
+
3748
+ type CollapsibleTableCompoundProps = typeof CollapsibleTable$1 & {
3749
+ Row: typeof CollapsibleRow;
3750
+ };
3751
+ declare const CollapsibleTable: CollapsibleTableCompoundProps;
3752
+
3753
+ type AddTabButtonProps = {
3754
+ /** Bredden. Her er det støtte for de samme enhetene som du kan bruke i `grid-template-columns`.
3755
+ * @default "1fr"
3756
+ */
3757
+ width?: CSS.Properties['width'];
3758
+ index?: number;
3759
+ } & ComponentPropsWithRef<'button'>;
3760
+ declare const AddTabButton: {
3761
+ ({ ref, children, index, className, width, ...rest }: AddTabButtonProps): react_jsx_runtime.JSX.Element;
3762
+ displayName: string;
3763
+ };
3764
+
3765
+ type TabSize = Extract<Size, 'small' | 'medium'>;
3766
+ type TabsProps = BaseComponentPropsWithChildren<HTMLDivElement, {
3767
+ /**Størrelse på hver `<Tab>`. */
3768
+ size?: TabSize;
3769
+ /** Indeksen til den aktive fanen. **OBS!** Ved å sette denne vil brukere aldri kunne endre tab uten at du også registrerer en `onChange`-lytter for å ta vare på aktiv tab utenfor komponenten. */
3770
+ activeTab?: number;
3771
+ /** Ekstra logikk ved endring av aktiv fane. */
3772
+ onChange?: (index: number) => void;
3773
+ /** Retningen ikon og tekst vises i `<Tab>`-elementer.
3774
+ * @default "row"
3775
+ */
3776
+ tabContentDirection?: Direction$1;
3777
+ /** Props for "Legg til fane"-knapp. Støtter native HTML attributter og `width`. */
3778
+ addTabButtonProps?: Omit<AddTabButtonProps, 'index'>;
3779
+ } & Pick<ResponsiveProps, 'width'>, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
3780
+ declare const Tabs: {
3781
+ ({ id, activeTab, onChange, tabContentDirection, size, addTabButtonProps, width, children, className, htmlProps, ...rest }: TabsProps): react_jsx_runtime.JSX.Element;
3782
+ displayName: string;
3783
+ };
3784
+
3785
+ type PickedAttributes = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>;
3786
+ type TabProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
3787
+ /**Spesifiserer om fanen er aktiv.
3788
+ * @default false
3789
+ */
3790
+ active?: boolean;
3791
+ /** Ikon. */
3792
+ icon?: SvgIcon;
3793
+ /** Spesifiserer om `<Tab>` skal ha fokus. **OBS!** settes automatisk av forelder.*/
3794
+ focus?: boolean;
3795
+ /** Callback som setter fokus. **OBS!** settes automatisk av forelder.*/
3796
+ setFocus?: Dispatch<SetStateAction<number>>;
3797
+ /** Indeksen til `<Tab>`. **OBS!** settes automatisk av forelder.*/
3798
+ index?: number;
3799
+ /** Bredden til `<Tab>`. Her er det støtte for de samme enhetene som du kan bruke i `grid-template-columns`.
3800
+ * @default "1fr"
3801
+ */
3802
+ width?: CSS.Properties['width'];
3803
+ } & PickedAttributes, Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof PickedAttributes>>;
3804
+ declare const Tab: {
3805
+ ({ active, icon, children, focus, setFocus, index, onClick, onKeyDown, id, className, htmlProps, width, ref, ...rest }: TabProps): react_jsx_runtime.JSX.Element;
3806
+ displayName: string;
3807
+ };
3808
+
3809
+ type TabListProps = ComponentPropsWithRef<'div'>;
3810
+ declare const TabList: {
3811
+ ({ children, id, style, onFocus, ref, ...rest }: TabListProps): react_jsx_runtime.JSX.Element;
3812
+ displayName: string;
3813
+ };
3814
+
3815
+ type TabPanelProps = BaseComponentPropsWithChildren<HTMLDivElement, {
3816
+ /** Spesifiserer om panelet skal vises basert på aktiv fane. */
3817
+ active?: boolean;
3818
+ }>;
3819
+ declare const TabPanel: {
3820
+ ({ active, children, id, className, htmlProps, ...rest }: TabPanelProps): react_jsx_runtime.JSX.Element;
3821
+ displayName: string;
3822
+ };
3823
+
3824
+ type TabPanelsProps = ComponentPropsWithRef<'div'>;
3825
+ declare const TabPanels: {
3826
+ ({ children, ref, ...rest }: TabPanelsProps): react_jsx_runtime.JSX.Element;
3827
+ displayName: string;
3828
+ };
3829
+
3830
+ type TagPurpose = 'success' | 'info' | 'danger' | 'warning' | 'default';
3831
+ type TagAppearance = 'default' | 'strong';
3832
+ type TagProps = BaseComponentPropsWithChildren<HTMLSpanElement, {
3833
+ /**
3834
+ * Innholdet til `<Tag>.` Kan brukes istedenfor `text`.
3835
+ */
3836
+ children?: ReactNode;
3837
+ /**
3838
+ * Samme oppførsel som `children`. Er `children` brukt vil denne ignoreres. Tekst som vises i `<Tag>`.
3839
+ */
3840
+ text?: string;
3841
+ /**
3842
+ * Formål med status eller kategorisering. Påvirker styling.
3843
+ * @default "default"
3844
+ */
3845
+ purpose?: TagPurpose;
3846
+ /**
3847
+ * Det visuelle uttrykket til komponenten.
3848
+ * @default "default"
3849
+ */
3850
+ appearance?: TagAppearance;
3851
+ /**
3852
+ * Om `<Tag>` skal ha et ikon til venstre for teksten. Tags med `purpose="default"` har aldri ikon.
3853
+ * @default false
3854
+ */
3855
+ withIcon?: boolean;
3856
+ }>;
3857
+ declare const Tag: {
3858
+ ({ text, purpose, appearance, id, className, children, htmlProps, withIcon, ...rest }: TagProps): react_jsx_runtime.JSX.Element;
3859
+ displayName: string;
3860
+ };
3861
+
3862
+ type TextAreaProps = CommonInputProps & {
3863
+ /** Spesifiserer om tegntelleren skal vises ved bruk av `maxLength` attributt.
3864
+ * @default true
3865
+ */
3866
+ withCharacterCounter?: boolean;
3867
+ } & ComponentPropsWithRef<'textarea'>;
3868
+ declare const TextArea: {
3869
+ ({ id, value, defaultValue, onChange, errorMessage, required, tip, label, readOnly, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, maxLength, withCharacterCounter, className, style, width, ref, ...rest }: TextAreaProps): react_jsx_runtime.JSX.Element;
3870
+ displayName: string;
3871
+ };
3872
+
3873
+ type TextInputProps = InputProps & {
3874
+ /** Spesifiserer om tegntelleren skal vises ved bruk av `maxLength` attributt. */
3875
+ withCharacterCounter?: boolean;
3876
+ /** Ikonet som vises i komponenten. */
3877
+ icon?: SvgIcon;
3878
+ /**
3879
+ * Prefiks som vises før inputfeltet. **OBS!** Prefiks leses ikke av skjermleser og skal derfor ikke brukes som en erstatter for en beskrivende label.
3880
+ * */
3881
+ prefix?: string;
3882
+ /**
3883
+ * Suffiks som vises etter inputfeltet. **OBS!** Suffiks leses ikke av skjermleser og skal derfor ikke brukes som en erstatter for en beskrivende label.
3884
+ */
3885
+ suffix?: string;
3886
+ };
3887
+ interface TextAffixProps {
3888
+ readOnly?: boolean;
3889
+ }
3890
+
3891
+ declare const TextInput: {
3892
+ ({ label, disabled, readOnly, errorMessage, tip, required, maxLength, onChange, id, width, componentSize, type, withCharacterCounter, className, style, value, defaultValue, "aria-required": ariaRequired, "aria-describedby": ariaDescribedby, icon, prefix, suffix, ref, ...rest }: TextInputProps): react_jsx_runtime.JSX.Element;
3893
+ displayName: string;
3888
3894
  };
3889
3895
 
3890
3896
  type ToggleSize = Extract<Size, 'medium' | 'large'>;
@@ -4025,4 +4031,4 @@ declare const VisuallyHidden: {
4025
4031
  displayName: string;
4026
4032
  };
4027
4033
 
4028
- export { Accordion, AccordionBody, type AccordionBodyProps, AccordionHeader, type AccordionHeaderProps, type AccordionProps, AddTabButton, type AddTabButtonProps, AddressShieldedIcon, AgreementIcon, AnimatedChevronUpDown, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, AttachmentIcon, BORDER_COLORS, BORDER_RADII, BackLink, type BackLinkProps, Backdrop, BarChartBoxedIcon, BarChartIcon, type BaseComponentProps, type BaseComponentPropsWithChildren, type BaseItemProps, type BaseLabelProps, type BaseTypographyProps, BlockIcon, BookIcon, type BorderColor, type BorderRadius, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, BuildCircledIcon, BuildIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonPurpose, type ButtonSize, Calendar, CalendarIcon, CalendarMonthIcon, type CalendarProps, CalendarViewDayIcon, CalendarViewMonthIcon, CalendarViewWeekIcon, CallIcon, type Callback, Caption, type CaptionProps, Card, CardExpandable, CardExpandableBody, type CardExpandableBodyProps, CardExpandableHeader, type CardExpandableHeaderProps, type CardExpandableProps, type CardProps, CardSelectable, CardSelectableGroup, type CardSelectableGroupProps, type CardSelectableProps, CaringIcon, CharCounter, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxPickedHTMLAttributes, type CheckboxProps, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLargeLeftIcon, ChevronLargeRightIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, type ChipGroupProps, type ChipProps, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, CollapsibleTable, type CollapsibleTableProps, CollapsibleRow as CollapsibleTableRow, type ColumnsOccupied, CommentIcon, type CommonInputProps, Contrast, type ContrastProps, CookieBanner, CookieBannerCheckbox, type CookieBannerCheckboxProps, type CookieBannerProps, CopyIcon, CourtIcon, DatePicker, type DatePickerProps, DateRangeIcon, type DdsTheme, DeathsIcon, DescriptionList, type DescriptionListAppearance, DescriptionListDesc, type DescriptionListDescProps, DescriptionListGroup, type DescriptionListGroupProps, type DescriptionListProps, DescriptionListTerm, type DescriptionListTermProps, DetailList, DetailListDesc, type DetailListDescProps, type DetailListProps, DetailListRow, type DetailListRowProps, type DetailListSize, DetailListTerm, type DetailListTermProps, type Direction$1 as Direction, Divider, type DividerColor, type DividerProps, DoubleChevronLeftIcon, DoubleChevronRightIcon, DownloadDoneIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerGroup, type DrawerGroupProps, type DrawerPlacement, type DrawerProps, type DrawerSize, ELEVATIONS, EditIcon, ElementAs, type Elevation, EmptyContent, type EmptyContentProps, ErrorIcon, ExclaimIcon, ExpandIcon, type ExtractStrict, FacebookIcon, FamilyIcon, FavStar, type FavStarProps, Feedback, FeedbackIcon, type FeedbackProps, Fieldset, FieldsetGroup, type FieldsetGroupProps, type FieldsetProps, FileAddIcon, FileIcon, type FileList, FileShieldedIcon, FileTextIcon, FileUploader, type FileUploaderAccept, type FileUploaderProps, FilterIcon, FilterListIcon, FilterListOffIcon, FilterOffIcon, FindInPageIcon, FlickrIcon, type FloatingStyles, FolderAddIcon, FolderIcon, FolderShieldedIcon, Footer, FooterLeft, type FooterLeftProps, FooterList, FooterListGroup, type FooterListGroupProps, FooterListHeader, type FooterListHeaderProps, type FooterListProps, FooterLogo, type FooterLogoProps, type FooterProps, FooterSocialsGroup, type FooterSocialsGroupProps, FooterSocialsList, type FooterSocialsListProps, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, type GlobalMessageProps, type GlobalMessagePurpose, Grid, GridChild, type GridChildProps, type GridProps, GuardianIcon, HStack, type HStackProps, Heading, type HeadingLevel, type HeadingProps, HelpFilledIcon, HelpIcon, HelpSimpleIcon, HiddenInput, HomeIcon, HourglassBottomIcon, HourglassDisabledIcon, HourglassEmptyIcon, HourglassFullIcon, HourglassTopIcon, type HyphenTypographyType, Icon, type IconPosition, type IconProps, type IconSize, ImageIcon, InfoIcon, InlineButton, type InlineButtonProps, InlineEditInput, type InlineEditInputProps, InlineEditTextArea, type InlineEditTextAreaProps, type InlineElement, Input, InputMessage, type InputMessageProps, type InputMessageType, type InputProps, type InputSize, type InputTypographyTypes, InstagramIcon, InternalHeader, type InternalHeaderProps, JordskifterettIcon, JordskiftesakIcon, KeyIcon, Label, type LabelProps, LagmannsrettIcon, LanguageIcon, type Layout, Legend, type LegendProps, LibraryAddIcon, LineChartIcon, Link, LinkIcon, LinkOffIcon, type LinkProps, LinkedInIcon, List, ListAltIcon, ListIcon, ListItem, type ListItemProps, type ListProps, type ListType, type ListTypographyType, LocalMessage, type LocalMessageLayout, type LocalMessageProps, type LocalMessagePurpose, LocationIcon, LockIcon, LockOpenIcon, LoginIcon, LogoutIcon, MailIcon, MailOpenIcon, MenuIcon, MinusCirledIcon, MinusIcon, Modal, ModalActions, type ModalActionsProps, ModalBody, type ModalBodyProps, type ModalProps, MoreHorizontalIcon, MoreVerticalIcon, NativeSelect, NativeSelectPlaceholder, type NativeSelectPlaceholderProps, type NativeSelectProps, NotarialIcon, NotificationsIcon, NotificationsOffIcon, type Nullable, OnlineMeetingIcon, OpenExternalIcon, type OtherTypographyType, OverflowMenu, OverflowMenuButton, type OverflowMenuButtonProps, OverflowMenuDivider, OverflowMenuGroup, type OverflowMenuGroupProps, OverflowMenuLink, type OverflowMenuLinkProps, OverflowMenuList, OverflowMenuListHeader, type OverflowMenuListItemBaseProps, type OverflowMenuProps, OverflowMenuSpan, type OverflowMenuSpanProps, Pagination, type PaginationOption, type PaginationProps, Paper, type PaperBackground, type PaperBorder, type PaperBorderRadius, type PaperElevation, type PaperProps, Paragraph, type ParagraphProps, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PhoneInput, type PhoneInputProps, type PhoneInputValue, PinIcon, type Placement, PlusCircledIcon, PlusIcon, type PolymorphicBaseComponentProps, type PolymorphicProps, Popover, PopoverGroup, type PopoverGroupProps, type PopoverProps, type PopoverSizeProps, PowerOfAttorneyIcon, PrintIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressTracker, ProgressTrackerItem, type ProgressTrackerItemProps, type ProgressTrackerProps, PropertyIcon, type PropsOf, type PropsOfWithRef, PublishIcon, QuestionAnswerIcon, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type RadioValue, type Rating, ReceiptIcon, RedoIcon, RefreshIcon, ReplayIcon, type ResponsiveProps, type ResponsiveStackProps, ScreenSize, Search, SearchAutocompleteWrapper, type SearchAutocompleteWrapperProps, type SearchButtonProps, type SearchData, SearchIcon, type SearchProps, type SearchSize, SearchSuggestions, type SearchSuggestionsProps, Select, type SelectForwardRefType, type SelectOption, type SelectProps, SettingsIcon, ShowHide, type ShowHideProps, type Size, Skeleton, type SkeletonAppearance, type SkeletonProps, SkipToContent, type SkipToContentProps, SmsIcon, type SortOrder, type SpacingScale, Spinner, type SpinnerProps, SplitButton, type SplitButtonPrimaryActionProps, type SplitButtonProps, type SplitButtonPurpose, type SplitButtonSecondaryActionsProps, StarFilledIcon, StarHalfFilled, StarIcon, StatefulInput, type StatefulInputProps, type StaticTypographyType, StylelessButton, type StylelessButtonProps, StylelessList, type StylelessListProps, StylelessOList, type StylelessOListProps, type SvgIcon, type SvgProps, SvgWrapper, SyncIcon, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, type TabSize, Table, Body as TableBody, type TableBodyProps, Cell as TableCell, type TableCellLayout, type TableCellProps, type TableCellType, Foot as TableFoot, type TableFootProps, Head as TableHead, type TableHeadProps, type TableProps, Row as TableRow, type TableRowProps, type TableRowType, type TableSize, SortCell as TableSortCell, type TableSortCellProps, TableWrapper, Tabs, type TabsProps, Tag, type TagAppearance, type TagProps, type TagPurpose, type TextAffixProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, TextOverflowEllipsisInner, TextOverflowEllipsisWrapper, ThemeContext, ThemeProvider, type ThemeProviderProps, ThumbDownFilledIcon, ThumbDownIcon, type ThumbIconProps, ThumbUpFilledIcon, ThumbUpIcon, TimeIcon, TimePicker, type TimePickerProps, TingrettIcon, TipIcon, Toggle, ToggleBar, type ToggleBarProps, type ToggleBarSize, type ToggleBarValue, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToggleRadio, type ToggleRadioProps, type ToggleSize, Tooltip, type TooltipProps, TrashIcon, TrendingDownIcon, TrendingUpIcon, Typography, type TypographyAnchorType, type TypographyBodyType, type TypographyComponentProps, type TypographyHeadingType, type TypographyLabelType, type TypographyLeadType, type TypographyProps, type TypographyType, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, type UseFloatPositionOptions, VStack, type VStackProps, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, type VisuallyHiddenProps, WarningIcon, WebexIcon, type WeightedSearchData, type WidthProps, type WithRequiredIf, XIcon, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, countryOptions, createSelectOptions, dateValueToNativeDate, defaultTypographyType, defaultTypographyTypeClassName, focusVisible, focusVisibleInset, focusVisibleTransitionValue, getBaseHTMLProps, getColorCn, getDefaultText, getElementType, getInputWidth, getLiteralScreenSize, getTypographyCn, handleElementWithBackdropMount, handleElementWithBackdropUnmount, hideInput, index as icons, inheritLinkStyling, inlineElements, isAnchorTypographyProps, isBorderColor, isBorderRadius, isCaption, isElevation, isHeading, isInlineElement, isKeyboardEvent, isLegend, isPaperBackground, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineInset, outlineOffset, removeButtonStyling, removeListStyling, renderCharCounter, renderInputMessage, scrollbarStyling, typographyTypes, useCombinedRef, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, useTheme, useWindowResize, visibilityTransition };
4034
+ export { Accordion, AccordionBody, type AccordionBodyProps, AccordionHeader, type AccordionHeaderProps, type AccordionProps, AddTabButton, type AddTabButtonProps, AddressShieldedIcon, AgreementIcon, AnimatedChevronUpDown, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, AttachmentIcon, BORDER_COLORS, BORDER_RADII, BackLink, type BackLinkProps, Backdrop, BarChartBoxedIcon, BarChartIcon, type BaseComponentProps, type BaseComponentPropsWithChildren, type BaseItemProps, type BaseLabelProps, type BaseTypographyProps, BlockIcon, BookIcon, type BorderColor, type BorderRadius, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, BuildCircledIcon, BuildIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonPurpose, type ButtonSize, Calendar, CalendarIcon, CalendarMonthIcon, type CalendarProps, CalendarViewDayIcon, CalendarViewMonthIcon, CalendarViewWeekIcon, CallIcon, type Callback, Caption, type CaptionProps, Card, CardExpandable, CardExpandableBody, type CardExpandableBodyProps, CardExpandableHeader, type CardExpandableHeaderProps, type CardExpandableProps, type CardProps, CardSelectable, CardSelectableGroup, type CardSelectableGroupProps, type CardSelectableProps, CaringIcon, CharCounter, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxPickedHTMLAttributes, type CheckboxProps, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLargeLeftIcon, ChevronLargeRightIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, type ChipGroupProps, type ChipProps, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, CollapsibleTable, type CollapsibleTableProps, CollapsibleRow as CollapsibleTableRow, type ColumnsOccupied, CommentIcon, type CommonInputProps, Contrast, type ContrastProps, CookieBanner, CookieBannerCheckbox, type CookieBannerCheckboxProps, type CookieBannerProps, CopyIcon, CourtIcon, DatePicker, type DatePickerProps, DateRangeIcon, DdsProvider, type DdsProviderProps, type DdsTheme, DeathsIcon, DescriptionList, type DescriptionListAppearance, DescriptionListDesc, type DescriptionListDescProps, DescriptionListGroup, type DescriptionListGroupProps, type DescriptionListProps, DescriptionListTerm, type DescriptionListTermProps, DetailList, DetailListDesc, type DetailListDescProps, type DetailListProps, DetailListRow, type DetailListRowProps, type DetailListSize, DetailListTerm, type DetailListTermProps, type Direction$1 as Direction, Divider, type DividerColor, type DividerProps, DoubleChevronLeftIcon, DoubleChevronRightIcon, DownloadDoneIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerGroup, type DrawerGroupProps, type DrawerPlacement, type DrawerProps, type DrawerSize, ELEVATIONS, EditIcon, ElementAs, type Elevation, EmptyContent, type EmptyContentProps, ErrorIcon, ExclaimIcon, ExpandIcon, type ExtractStrict, FacebookIcon, FamilyIcon, FavStar, type FavStarProps, Feedback, FeedbackIcon, type FeedbackProps, Fieldset, FieldsetGroup, type FieldsetGroupProps, type FieldsetProps, FileAddIcon, FileIcon, type FileList, FileShieldedIcon, FileTextIcon, FileUploader, type FileUploaderAccept, type FileUploaderProps, FilterIcon, FilterListIcon, FilterListOffIcon, FilterOffIcon, FindInPageIcon, FlickrIcon, type FloatingStyles, FolderAddIcon, FolderIcon, FolderShieldedIcon, Footer, FooterLeft, type FooterLeftProps, FooterList, FooterListGroup, type FooterListGroupProps, FooterListHeader, type FooterListHeaderProps, type FooterListProps, FooterLogo, type FooterLogoProps, type FooterProps, FooterSocialsGroup, type FooterSocialsGroupProps, FooterSocialsList, type FooterSocialsListProps, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, type GlobalMessageProps, type GlobalMessagePurpose, Grid, GridChild, type GridChildProps, type GridProps, GuardianIcon, HStack, type HStackProps, Heading, type HeadingLevel, type HeadingProps, HelpFilledIcon, HelpIcon, HelpSimpleIcon, HiddenInput, HomeIcon, HourglassBottomIcon, HourglassDisabledIcon, HourglassEmptyIcon, HourglassFullIcon, HourglassTopIcon, type HyphenTypographyType, Icon, type IconPosition, type IconProps, type IconSize, ImageIcon, InfoIcon, InlineButton, type InlineButtonProps, InlineEditInput, type InlineEditInputProps, InlineEditTextArea, type InlineEditTextAreaProps, type InlineElement, Input, InputMessage, type InputMessageProps, type InputMessageType, type InputProps, type InputSize, type InputTypographyTypes, InstagramIcon, InternalHeader, type InternalHeaderProps, JordskifterettIcon, JordskiftesakIcon, KeyIcon, Label, type LabelProps, LagmannsrettIcon, LanguageIcon, type Layout, Legend, type LegendProps, LibraryAddIcon, LineChartIcon, Link, LinkIcon, LinkOffIcon, type LinkProps, LinkedInIcon, List, ListAltIcon, ListIcon, ListItem, type ListItemProps, type ListProps, type ListType, type ListTypographyType, LocalMessage, type LocalMessageLayout, type LocalMessageProps, type LocalMessagePurpose, LocationIcon, LockIcon, LockOpenIcon, LoginIcon, LogoutIcon, MailIcon, MailOpenIcon, MenuIcon, MinusCirledIcon, MinusIcon, Modal, ModalActions, type ModalActionsProps, ModalBody, type ModalBodyProps, type ModalProps, MoreHorizontalIcon, MoreVerticalIcon, NativeSelect, NativeSelectPlaceholder, type NativeSelectPlaceholderProps, type NativeSelectProps, NotarialIcon, NotificationsIcon, NotificationsOffIcon, type Nullable, OnlineMeetingIcon, OpenExternalIcon, type OtherTypographyType, OverflowMenu, OverflowMenuButton, type OverflowMenuButtonProps, OverflowMenuDivider, OverflowMenuGroup, type OverflowMenuGroupProps, OverflowMenuLink, type OverflowMenuLinkProps, OverflowMenuList, OverflowMenuListHeader, type OverflowMenuListItemBaseProps, type OverflowMenuProps, OverflowMenuSpan, type OverflowMenuSpanProps, Pagination, type PaginationOption, type PaginationProps, Paper, type PaperBackground, type PaperBorder, type PaperBorderRadius, type PaperElevation, type PaperProps, Paragraph, type ParagraphProps, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PhoneInput, type PhoneInputProps, type PhoneInputValue, PinIcon, type Placement, PlusCircledIcon, PlusIcon, type PolymorphicBaseComponentProps, type PolymorphicProps, Popover, PopoverGroup, type PopoverGroupProps, type PopoverProps, type PopoverSizeProps, PowerOfAttorneyIcon, PrintIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressTracker, ProgressTrackerItem, type ProgressTrackerItemProps, type ProgressTrackerProps, PropertyIcon, PublishIcon, QuestionAnswerIcon, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type RadioValue, type Rating, ReceiptIcon, RedoIcon, RefreshIcon, ReplayIcon, type ResponsiveProps, type ResponsiveStackProps, ScreenSize, Search, SearchAutocompleteWrapper, type SearchAutocompleteWrapperProps, type SearchButtonProps, type SearchData, SearchIcon, type SearchProps, type SearchSize, SearchSuggestions, type SearchSuggestionsProps, Select, type SelectForwardRefType, type SelectOption, type SelectProps, SettingsIcon, ShowHide, type ShowHideProps, type Size, Skeleton, type SkeletonAppearance, type SkeletonProps, SkipToContent, type SkipToContentProps, SmsIcon, type SortOrder, type SpacingScale, Spinner, type SpinnerProps, SplitButton, type SplitButtonPrimaryActionProps, type SplitButtonProps, type SplitButtonPurpose, type SplitButtonSecondaryActionsProps, StarFilledIcon, StarHalfFilled, StarIcon, StatefulInput, type StatefulInputProps, type StaticTypographyType, StylelessButton, type StylelessButtonProps, StylelessList, type StylelessListProps, StylelessOList, type StylelessOListProps, type SvgIcon, type SvgProps, SvgWrapper, SyncIcon, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, type TabSize, Table, Body as TableBody, type TableBodyProps, Cell as TableCell, type TableCellLayout, type TableCellProps, type TableCellType, Foot as TableFoot, type TableFootProps, Head as TableHead, type TableHeadProps, type TableProps, Row as TableRow, type TableRowProps, type TableRowType, type TableSize, SortCell as TableSortCell, type TableSortCellProps, TableWrapper, Tabs, type TabsProps, Tag, type TagAppearance, type TagProps, type TagPurpose, type TextAffixProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, TextOverflowEllipsisInner, TextOverflowEllipsisWrapper, ThemeContext, ThemeProvider, type ThemeProviderProps, ThumbDownFilledIcon, ThumbDownIcon, type ThumbIconProps, ThumbUpFilledIcon, ThumbUpIcon, TimeIcon, TimePicker, type TimePickerProps, TingrettIcon, TipIcon, Toggle, ToggleBar, type ToggleBarProps, type ToggleBarSize, type ToggleBarValue, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToggleRadio, type ToggleRadioProps, type ToggleSize, Tooltip, type TooltipProps, TrashIcon, TrendingDownIcon, TrendingUpIcon, Typography, type TypographyAnchorType, type TypographyBodyType, type TypographyComponentProps, type TypographyHeadingType, type TypographyLabelType, type TypographyLeadType, type TypographyProps, type TypographyType, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, type UseFloatPositionOptions, VStack, type VStackProps, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, type VisuallyHiddenProps, WarningIcon, WebexIcon, type WeightedSearchData, type WidthProps, type WithRequiredIf, XIcon, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, countryOptions, createSelectOptions, dateValueToNativeDate, defaultTypographyType, defaultTypographyTypeClassName, focusVisible, focusVisibleInset, focusVisibleTransitionValue, getBaseHTMLProps, getColorCn, getDefaultText, getElementType, getInputWidth, getLiteralScreenSize, getTypographyCn, handleElementWithBackdropMount, handleElementWithBackdropUnmount, hideInput, index as icons, inheritLinkStyling, inlineElements, isAnchorTypographyProps, isBorderColor, isBorderRadius, isCaption, isElevation, isHeading, isInlineElement, isKeyboardEvent, isLegend, isPaperBackground, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineInset, outlineOffset, removeButtonStyling, removeListStyling, renderCharCounter, renderInputMessage, scrollbarStyling, typographyTypes, useCombinedRef, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, useTheme, useWindowResize, visibilityTransition };