@norges-domstoler/dds-components 16.2.0 → 16.3.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/README.md +8 -4
- package/dist/index.css +9 -6
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +253 -215
- package/dist/index.d.ts +253 -215
- package/dist/index.js +1299 -1072
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1267 -1041
- package/dist/index.mjs.map +1 -1
- package/package.json +20 -20
package/dist/index.d.mts
CHANGED
|
@@ -372,9 +372,9 @@ declare function getTypographyCn(value: TypographyType): HyphenTypographyType;
|
|
|
372
372
|
|
|
373
373
|
type CaptionProps = BaseComponentPropsWithChildren<HTMLTableCaptionElement, BaseTypographyProps>;
|
|
374
374
|
declare const Caption: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLTableCaptionElement>, "id" | "className"> & {
|
|
375
|
-
withMargins?: boolean
|
|
375
|
+
withMargins?: boolean;
|
|
376
376
|
} & {
|
|
377
|
-
children?: react.ReactNode;
|
|
377
|
+
children?: react.ReactNode | undefined;
|
|
378
378
|
} & Pick<react.HTMLAttributes<HTMLElement>, "style"> & {
|
|
379
379
|
htmlProps?: react.HTMLAttributes<HTMLTableCaptionElement> | undefined;
|
|
380
380
|
} & react.RefAttributes<HTMLTableCaptionElement>>;
|
|
@@ -390,11 +390,11 @@ declare const Heading: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes
|
|
|
390
390
|
/**Nivå på overskriften. Komponenten returnerer HTML heading element med dette nivået med default styling. */
|
|
391
391
|
level: HeadingLevel;
|
|
392
392
|
/**Spesifiserer typografistil basert på utvalget for HTML heading elementer. */
|
|
393
|
-
typographyType?: TypographyHeadingType
|
|
393
|
+
typographyType?: TypographyHeadingType;
|
|
394
394
|
} & {
|
|
395
|
-
withMargins?: boolean
|
|
395
|
+
withMargins?: boolean;
|
|
396
396
|
} & {
|
|
397
|
-
children?: react.ReactNode;
|
|
397
|
+
children?: react.ReactNode | undefined;
|
|
398
398
|
} & Pick<react.HTMLAttributes<HTMLElement>, "style"> & {
|
|
399
399
|
htmlProps?: react.HTMLAttributes<HTMLHeadingElement> | undefined;
|
|
400
400
|
} & react.RefAttributes<HTMLHeadingElement>>;
|
|
@@ -408,18 +408,18 @@ interface BaseLabelProps {
|
|
|
408
408
|
}
|
|
409
409
|
type LabelProps = BaseComponentPropsWithChildren<HTMLLabelElement, BaseLabelProps & BaseTypographyProps & PickedHTMLAttributes$4, Omit<LabelHTMLAttributes<HTMLLabelElement>, keyof PickedHTMLAttributes$4>>;
|
|
410
410
|
declare const Label: react.ForwardRefExoticComponent<Pick<Omit<LabelHTMLAttributes<HTMLLabelElement>, "htmlFor">, "id" | "className"> & BaseLabelProps & {
|
|
411
|
-
withMargins?: boolean
|
|
411
|
+
withMargins?: boolean;
|
|
412
412
|
} & {
|
|
413
|
-
children?: react.ReactNode;
|
|
413
|
+
children?: react.ReactNode | undefined;
|
|
414
414
|
} & Pick<react.HTMLAttributes<HTMLElement>, "style"> & PickedHTMLAttributes$4 & {
|
|
415
415
|
htmlProps?: Omit<LabelHTMLAttributes<HTMLLabelElement>, "htmlFor"> | undefined;
|
|
416
416
|
} & react.RefAttributes<HTMLLabelElement>>;
|
|
417
417
|
|
|
418
418
|
type LegendProps = BaseComponentPropsWithChildren<HTMLLegendElement, BaseTypographyProps>;
|
|
419
419
|
declare const Legend: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLLegendElement>, "id" | "className"> & {
|
|
420
|
-
withMargins?: boolean
|
|
420
|
+
withMargins?: boolean;
|
|
421
421
|
} & {
|
|
422
|
-
children?: react.ReactNode;
|
|
422
|
+
children?: react.ReactNode | undefined;
|
|
423
423
|
} & Pick<react.HTMLAttributes<HTMLElement>, "style"> & {
|
|
424
424
|
htmlProps?: react.HTMLAttributes<HTMLLegendElement> | undefined;
|
|
425
425
|
} & react.RefAttributes<HTMLLegendElement>>;
|
|
@@ -435,15 +435,15 @@ type LinkProps = BaseComponentPropsWithChildren<HTMLAnchorElement, {
|
|
|
435
435
|
} & BaseTypographyProps & PickedHTMLAttributes$3, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof PickedHTMLAttributes$3>>;
|
|
436
436
|
declare const Link: react.ForwardRefExoticComponent<Pick<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "target" | "href">, "id" | "className"> & {
|
|
437
437
|
/**Spesifiserer om lenken fører til et eksternt nettsted eller åpnes i nytt vindu. Påvirker styling og setter `target` prop. */
|
|
438
|
-
external?: boolean
|
|
438
|
+
external?: boolean;
|
|
439
439
|
/**Om lenken kan få `:visited`-styling. */
|
|
440
|
-
withVisited?: boolean
|
|
440
|
+
withVisited?: boolean;
|
|
441
441
|
/**Spesifiserer typografistil basert på utvalget for brødtekst. */
|
|
442
|
-
typographyType?:
|
|
442
|
+
typographyType?: TypographyBodyType;
|
|
443
443
|
} & {
|
|
444
|
-
withMargins?: boolean
|
|
444
|
+
withMargins?: boolean;
|
|
445
445
|
} & {
|
|
446
|
-
children?: react.ReactNode;
|
|
446
|
+
children?: react.ReactNode | undefined;
|
|
447
447
|
} & Pick<react.HTMLAttributes<HTMLElement>, "style"> & PickedHTMLAttributes$3 & {
|
|
448
448
|
htmlProps?: Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "target" | "href"> | undefined;
|
|
449
449
|
} & react.RefAttributes<HTMLAnchorElement>>;
|
|
@@ -454,11 +454,11 @@ type ParagraphProps = BaseComponentPropsWithChildren<HTMLParagraphElement, {
|
|
|
454
454
|
} & BaseTypographyProps>;
|
|
455
455
|
declare const Paragraph: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLParagraphElement>, "id" | "className"> & {
|
|
456
456
|
/**Spesifiserer typografistil basert på utvalget for brødtekst og ingress. */
|
|
457
|
-
typographyType?:
|
|
457
|
+
typographyType?: TypographyBodyType | TypographyLeadType;
|
|
458
458
|
} & {
|
|
459
|
-
withMargins?: boolean
|
|
459
|
+
withMargins?: boolean;
|
|
460
460
|
} & {
|
|
461
|
-
children?: react.ReactNode;
|
|
461
|
+
children?: react.ReactNode | undefined;
|
|
462
462
|
} & Pick<react.HTMLAttributes<HTMLElement>, "style"> & {
|
|
463
463
|
htmlProps?: react.HTMLAttributes<HTMLParagraphElement> | undefined;
|
|
464
464
|
} & react.RefAttributes<HTMLParagraphElement>>;
|
|
@@ -1356,9 +1356,9 @@ declare const Breadcrumbs: react.ForwardRefExoticComponent<Pick<react.HTMLAttrib
|
|
|
1356
1356
|
* Om variant for mindre skjerm skal vises.
|
|
1357
1357
|
* Trunkerer barn unntatt første og siste; trunkerte barn er tigjengelige ved å trykke på trukeringsknappen.
|
|
1358
1358
|
*/
|
|
1359
|
-
smallScreen?: boolean
|
|
1359
|
+
smallScreen?: boolean;
|
|
1360
1360
|
} & {
|
|
1361
|
-
children?: react.ReactNode;
|
|
1361
|
+
children?: react.ReactNode | undefined;
|
|
1362
1362
|
} & {
|
|
1363
1363
|
htmlProps?: react.HTMLAttributes<HTMLElement> | undefined;
|
|
1364
1364
|
} & react.RefAttributes<HTMLElement>>;
|
|
@@ -1405,21 +1405,21 @@ type ButtonProps = BaseComponentProps<HTMLButtonElement, {
|
|
|
1405
1405
|
} & PickedHTMLAttributes$2, Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof PickedHTMLAttributes$2>>;
|
|
1406
1406
|
|
|
1407
1407
|
declare const Button: react.ForwardRefExoticComponent<Pick<Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "onClick" | "type">, "id" | "className"> & {
|
|
1408
|
-
size?: ButtonSize
|
|
1408
|
+
size?: ButtonSize;
|
|
1409
1409
|
children?: react.ReactNode;
|
|
1410
|
-
purpose?: ButtonPurpose
|
|
1411
|
-
iconPosition?: IconPosition
|
|
1412
|
-
loading?: boolean
|
|
1413
|
-
loadingTooltip?: string
|
|
1414
|
-
icon?: SvgIcon
|
|
1415
|
-
fullWidth?: boolean
|
|
1416
|
-
href?: string
|
|
1417
|
-
target?: string
|
|
1410
|
+
purpose?: ButtonPurpose;
|
|
1411
|
+
iconPosition?: IconPosition;
|
|
1412
|
+
loading?: boolean;
|
|
1413
|
+
loadingTooltip?: string;
|
|
1414
|
+
icon?: SvgIcon;
|
|
1415
|
+
fullWidth?: boolean;
|
|
1416
|
+
href?: string;
|
|
1417
|
+
target?: string;
|
|
1418
1418
|
} & {
|
|
1419
1419
|
onFocus?: FocusEventHandler<HTMLButtonElement> | undefined;
|
|
1420
1420
|
onBlur?: FocusEventHandler<HTMLButtonElement> | undefined;
|
|
1421
1421
|
onClick?: MouseEventHandler<HTMLButtonElement> | undefined;
|
|
1422
|
-
type?: "
|
|
1422
|
+
type?: "submit" | "reset" | "button" | undefined;
|
|
1423
1423
|
} & {
|
|
1424
1424
|
htmlProps?: Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "onClick" | "type"> | undefined;
|
|
1425
1425
|
} & react.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1439,17 +1439,17 @@ type ButtonGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
1439
1439
|
} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof PickedHTMLAttributes$1>>;
|
|
1440
1440
|
declare const ButtonGroup: react.ForwardRefExoticComponent<Pick<HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
1441
1441
|
/**Retning for gruppen. */
|
|
1442
|
-
direction?: Direction$1
|
|
1442
|
+
direction?: Direction$1;
|
|
1443
1443
|
/**Størrelse på knappene. */
|
|
1444
|
-
buttonSize?: ButtonSize
|
|
1444
|
+
buttonSize?: ButtonSize;
|
|
1445
1445
|
/**Nativ `aria-label` ved behov. */
|
|
1446
|
-
'aria-label'?: string
|
|
1446
|
+
'aria-label'?: string;
|
|
1447
1447
|
/**Nativ `aria-labelledby` ved behov. */
|
|
1448
|
-
'aria-labelledby'?: string
|
|
1448
|
+
'aria-labelledby'?: string;
|
|
1449
1449
|
/**Nativ `role` ved behov. */
|
|
1450
|
-
role?: AriaRole
|
|
1450
|
+
role?: AriaRole;
|
|
1451
1451
|
} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "role" | "aria-label" | "aria-labelledby"> & {
|
|
1452
|
-
children?: react.ReactNode;
|
|
1452
|
+
children?: react.ReactNode | undefined;
|
|
1453
1453
|
} & {
|
|
1454
1454
|
htmlProps?: HTMLAttributes<HTMLDivElement> | undefined;
|
|
1455
1455
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -1486,11 +1486,11 @@ type CardAccordionProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
1486
1486
|
}>;
|
|
1487
1487
|
declare const CardAccordion: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
1488
1488
|
/**Spesifiserer om body skal være utvidet ved innlastning. */
|
|
1489
|
-
isExpanded?: boolean
|
|
1489
|
+
isExpanded?: boolean;
|
|
1490
1490
|
/**For å lytte til endringer i expanded-state. */
|
|
1491
|
-
onChange?: (
|
|
1491
|
+
onChange?: (expanded: boolean) => void;
|
|
1492
1492
|
} & {
|
|
1493
|
-
children?: react.ReactNode;
|
|
1493
|
+
children?: react.ReactNode | undefined;
|
|
1494
1494
|
} & {
|
|
1495
1495
|
htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
|
|
1496
1496
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -1519,9 +1519,9 @@ type ChipProps = BaseComponentProps<HTMLDivElement, {
|
|
|
1519
1519
|
}>;
|
|
1520
1520
|
declare const Chip: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
1521
1521
|
/** Teksten som vises i komponenten. */
|
|
1522
|
-
text?: string
|
|
1522
|
+
text?: string;
|
|
1523
1523
|
/** Ekstra logikk når `<Chip />` lukkes. */
|
|
1524
|
-
onClose?: (
|
|
1524
|
+
onClose?: () => void;
|
|
1525
1525
|
} & {
|
|
1526
1526
|
htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
|
|
1527
1527
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -1576,13 +1576,13 @@ type DescriptionListProps = BaseComponentPropsWithChildren<HTMLDListElement, {
|
|
|
1576
1576
|
}>;
|
|
1577
1577
|
declare const DescriptionList: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDListElement>, "id" | "className"> & {
|
|
1578
1578
|
/**Påvirker tekst styling. */
|
|
1579
|
-
appearance?: DescriptionListAppearance
|
|
1579
|
+
appearance?: DescriptionListAppearance;
|
|
1580
1580
|
/**Setter flex-direction. NB! Fungerer kun ved bruk av `DescriptionListGroup` som barn av `DescriptionList`.
|
|
1581
1581
|
* @default "column"
|
|
1582
1582
|
*/
|
|
1583
|
-
direction?: Direction$1
|
|
1583
|
+
direction?: Direction$1;
|
|
1584
1584
|
} & {
|
|
1585
|
-
children?: react.ReactNode;
|
|
1585
|
+
children?: react.ReactNode | undefined;
|
|
1586
1586
|
} & {
|
|
1587
1587
|
htmlProps?: react.HTMLAttributes<HTMLDListElement> | undefined;
|
|
1588
1588
|
} & react.RefAttributes<HTMLDListElement>>;
|
|
@@ -1596,9 +1596,9 @@ type DescriptionListDescProps = BaseComponentPropsWithChildren<HTMLElement, {
|
|
|
1596
1596
|
}>;
|
|
1597
1597
|
declare const DescriptionListDesc: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLElement>, "id" | "className"> & {
|
|
1598
1598
|
/**Ikon som vises ved siden av teksten. */
|
|
1599
|
-
icon?: SvgIcon
|
|
1599
|
+
icon?: SvgIcon;
|
|
1600
1600
|
} & {
|
|
1601
|
-
children?: react.ReactNode;
|
|
1601
|
+
children?: react.ReactNode | undefined;
|
|
1602
1602
|
} & {
|
|
1603
1603
|
htmlProps?: react.HTMLAttributes<HTMLElement> | undefined;
|
|
1604
1604
|
} & react.RefAttributes<HTMLElement>>;
|
|
@@ -1613,13 +1613,13 @@ type DescriptionListGroupProps = BaseComponentPropsWithChildren<HTMLDivElement,
|
|
|
1613
1613
|
}>;
|
|
1614
1614
|
declare const DescriptionListGroup: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
1615
1615
|
/**Custom margin. */
|
|
1616
|
-
margin?: Property.Margin<string
|
|
1616
|
+
margin?: Property.Margin<string>;
|
|
1617
1617
|
/**Custom min-width. */
|
|
1618
|
-
minWidth?: Property.MinWidth<string
|
|
1618
|
+
minWidth?: Property.MinWidth<string>;
|
|
1619
1619
|
/**Custom max-width. */
|
|
1620
|
-
maxWidth?: Property.MaxWidth<string
|
|
1620
|
+
maxWidth?: Property.MaxWidth<string>;
|
|
1621
1621
|
} & {
|
|
1622
|
-
children?: react.ReactNode;
|
|
1622
|
+
children?: react.ReactNode | undefined;
|
|
1623
1623
|
} & {
|
|
1624
1624
|
htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
|
|
1625
1625
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -1631,7 +1631,7 @@ type DividerProps = BaseComponentProps<HTMLHRElement, {
|
|
|
1631
1631
|
}>;
|
|
1632
1632
|
declare const Divider: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLHRElement>, "id" | "className"> & {
|
|
1633
1633
|
/** Farge på horisontal linje. */
|
|
1634
|
-
color?: DividerColor
|
|
1634
|
+
color?: DividerColor;
|
|
1635
1635
|
} & {
|
|
1636
1636
|
htmlProps?: react.HTMLAttributes<HTMLHRElement> | undefined;
|
|
1637
1637
|
} & react.RefAttributes<HTMLHRElement>>;
|
|
@@ -1663,23 +1663,23 @@ type DrawerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
1663
1663
|
}>;
|
|
1664
1664
|
declare const Drawer: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
1665
1665
|
/**Størrelsen på `<Drawer />`. */
|
|
1666
|
-
size?: DrawerSize
|
|
1666
|
+
size?: DrawerSize;
|
|
1667
1667
|
/** Plasseringen til `<Drawer />`. */
|
|
1668
|
-
placement?: DrawerPlacement
|
|
1668
|
+
placement?: DrawerPlacement;
|
|
1669
1669
|
/**Header for `<Drawer />`. Har default styling hvis verdien er en string. */
|
|
1670
1670
|
header?: string | ReactNode;
|
|
1671
1671
|
/**Spesifiserer om `<Drawer />` skal legges vises. **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
|
|
1672
|
-
isOpen?: boolean
|
|
1672
|
+
isOpen?: boolean;
|
|
1673
1673
|
/**Funksjon kjørt ved lukking. **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
|
|
1674
|
-
onClose?: (
|
|
1674
|
+
onClose?: () => void;
|
|
1675
1675
|
/**Spesifiserer hvilken DOM node `<Drawer />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node). */
|
|
1676
|
-
parentElement?: HTMLElement
|
|
1676
|
+
parentElement?: HTMLElement;
|
|
1677
1677
|
/**Custom props for breddehåndtering ved behov. */
|
|
1678
|
-
widthProps?: WidthProps
|
|
1678
|
+
widthProps?: WidthProps;
|
|
1679
1679
|
/**Ref til elementet som åpner `<Drawer />`. **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
|
|
1680
|
-
triggerRef?: RefObject<HTMLElement
|
|
1680
|
+
triggerRef?: RefObject<HTMLElement>;
|
|
1681
1681
|
} & {
|
|
1682
|
-
children?: ReactNode;
|
|
1682
|
+
children?: ReactNode | undefined;
|
|
1683
1683
|
} & {
|
|
1684
1684
|
htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
|
|
1685
1685
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -1704,8 +1704,8 @@ type EmptyContentProps = {
|
|
|
1704
1704
|
title?: string;
|
|
1705
1705
|
/**Nivå på overskriften. Sørg for at den følger hierarkiet på siden. */
|
|
1706
1706
|
titleHeadingLevel?: HeadingLevel;
|
|
1707
|
-
/**Melding - beskrivelse og forklaring på hvordan brukeren kan få innhold. */
|
|
1708
|
-
message:
|
|
1707
|
+
/**Melding - beskrivelse og forklaring på hvordan brukeren kan få innhold. Kan inneholde lenker og andre interaktive elementer. */
|
|
1708
|
+
message: ReactNode;
|
|
1709
1709
|
} & HTMLAttributes<HTMLDivElement>;
|
|
1710
1710
|
declare function EmptyContent({ title, message, titleHeadingLevel, className, ...rest }: EmptyContentProps): react_jsx_runtime.JSX.Element;
|
|
1711
1711
|
declare namespace EmptyContent {
|
|
@@ -1738,25 +1738,25 @@ declare const FavStar: react.ForwardRefExoticComponent<FavStarProps & react.RefA
|
|
|
1738
1738
|
interface FeedbackProps {
|
|
1739
1739
|
/**Om knappene skal være plassert under eller ved siden av teksten. */
|
|
1740
1740
|
layout?: Layout;
|
|
1741
|
-
/**Label som er plassert over tommel opp/ned knappene */
|
|
1741
|
+
/**Label som er plassert over tommel opp/ned knappene. */
|
|
1742
1742
|
ratingLabel: string;
|
|
1743
|
-
/**Label til fritekstfeltet når bruker har gitt tommel opp */
|
|
1743
|
+
/**Label til fritekstfeltet når bruker har gitt tommel opp. */
|
|
1744
1744
|
positiveFeedbackLabel?: string;
|
|
1745
|
-
/**Label til fritekstfeltet når bruker har gitt tommel ned */
|
|
1745
|
+
/**Label til fritekstfeltet når bruker har gitt tommel ned. */
|
|
1746
1746
|
negativeFeedbackLabel?: string;
|
|
1747
|
-
/**Tittel som vises når bruker har gitt tommel opp/ned, og enda ikke sendt inn kommentar */
|
|
1747
|
+
/**Tittel som vises når bruker har gitt tommel opp/ned, og enda ikke sendt inn kommentar. */
|
|
1748
1748
|
ratingSubmittedTitle?: string;
|
|
1749
|
-
/**Tittel som vises når bruker har gitt feedback (inkl. eventuell kommentar) */
|
|
1749
|
+
/**Tittel som vises når bruker har gitt feedback (inkl. eventuell kommentar). */
|
|
1750
1750
|
submittedTitle?: string;
|
|
1751
|
-
/**Tip som vises under tekstfeltet når bruker skal sende inn kommentar */
|
|
1751
|
+
/**Tip som vises under tekstfeltet når bruker skal sende inn kommentar. */
|
|
1752
1752
|
textAreaTip?: string;
|
|
1753
1753
|
/**Om tommel opp eller ned er valgt. Brukes når komponenten skal være styrt utenfra. */
|
|
1754
1754
|
ratingValue?: Rating | null;
|
|
1755
1755
|
/**Verdien til fritekstfeltet. Brukes når komponenten skal være styrt utenfra. */
|
|
1756
1756
|
feedbackTextValue?: string;
|
|
1757
|
-
/**Tooltip-teksten til tommel-opp-knappen
|
|
1757
|
+
/**Tooltip-teksten til tommel-opp-knappen.*/
|
|
1758
1758
|
thumbUpTooltip?: string;
|
|
1759
|
-
/**Tooltip-teksten til tommel-ned-knappen
|
|
1759
|
+
/**Tooltip-teksten til tommel-ned-knappen.*/
|
|
1760
1760
|
thumbDownTooltip?: string;
|
|
1761
1761
|
/**Om tilbakemeldingskomponenten skal ekskludere fritekstfeltet (i.e. kun ha tommel opp/ned).*/
|
|
1762
1762
|
feedbackTextAreaExcluded?: boolean;
|
|
@@ -1764,11 +1764,11 @@ interface FeedbackProps {
|
|
|
1764
1764
|
loading?: boolean;
|
|
1765
1765
|
/**Om tilbakemelding er sendt inn. Brukes når komponenten skal være styrt utenfra. */
|
|
1766
1766
|
isSubmitted?: boolean;
|
|
1767
|
-
/**Callback når bruker har gitt
|
|
1767
|
+
/**Callback når bruker har gitt tommel-rating. */
|
|
1768
1768
|
onRating?: (rating: Rating) => void;
|
|
1769
|
-
/**Callback når bruker skriver noe i fritekstfeltet */
|
|
1769
|
+
/**Callback når bruker skriver noe i fritekstfeltet. */
|
|
1770
1770
|
onFeedbackTextChange?: (feedbackText: string) => void;
|
|
1771
|
-
/**Callback når bruker sender inn feedback */
|
|
1771
|
+
/**Callback når bruker sender inn feedback. */
|
|
1772
1772
|
onSubmit?: (rating: Rating, feedbackText: string) => void;
|
|
1773
1773
|
}
|
|
1774
1774
|
type Rating = 'positive' | 'negative';
|
|
@@ -1782,9 +1782,9 @@ type FieldsetProps = BaseComponentPropsWithChildren<HTMLFieldSetElement, {
|
|
|
1782
1782
|
}>;
|
|
1783
1783
|
declare const Fieldset: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLFieldSetElement>, "id" | "className"> & {
|
|
1784
1784
|
/** Om alle inputfelt skal bli `disabled`. */
|
|
1785
|
-
disabled?: boolean
|
|
1785
|
+
disabled?: boolean;
|
|
1786
1786
|
} & {
|
|
1787
|
-
children?: react.ReactNode;
|
|
1787
|
+
children?: react.ReactNode | undefined;
|
|
1788
1788
|
} & {
|
|
1789
1789
|
htmlProps?: react.HTMLAttributes<HTMLFieldSetElement> | undefined;
|
|
1790
1790
|
} & react.RefAttributes<HTMLFieldSetElement>>;
|
|
@@ -1862,15 +1862,15 @@ type GlobalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
1862
1862
|
}>;
|
|
1863
1863
|
declare const GlobalMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
1864
1864
|
/**Meldingen som vises til brukeren. Brukes kun når meldingen er en `string`. */
|
|
1865
|
-
message?: string
|
|
1865
|
+
message?: string;
|
|
1866
1866
|
/**Formålet med meldingen. Påvirker styling. */
|
|
1867
|
-
purpose?: GlobalMessagePurpose
|
|
1867
|
+
purpose?: GlobalMessagePurpose;
|
|
1868
1868
|
/**Indikerer om meldingen skal være lukkbar. */
|
|
1869
|
-
closable?: boolean
|
|
1869
|
+
closable?: boolean;
|
|
1870
1870
|
/**Ekstra logikk å kjøre når meldingen lukkes. */
|
|
1871
|
-
onClose?: (
|
|
1871
|
+
onClose?: () => void;
|
|
1872
1872
|
} & {
|
|
1873
|
-
children?: react.ReactNode;
|
|
1873
|
+
children?: react.ReactNode | undefined;
|
|
1874
1874
|
} & {
|
|
1875
1875
|
htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
|
|
1876
1876
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -2022,11 +2022,11 @@ type ListProps = BaseComponentPropsWithChildren<HTMLUListElement | HTMLOListElem
|
|
|
2022
2022
|
}>;
|
|
2023
2023
|
declare const List: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLOListElement | HTMLUListElement>, "id" | "className"> & {
|
|
2024
2024
|
/**Spesifiserer om komponenten skal returnere `<ul />` (punktliste) eller `<ol />` (nummerert liste). */
|
|
2025
|
-
listType?: ListType
|
|
2025
|
+
listType?: ListType;
|
|
2026
2026
|
/**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. */
|
|
2027
|
-
typographyType?: ListTypographyType
|
|
2027
|
+
typographyType?: ListTypographyType;
|
|
2028
2028
|
} & {
|
|
2029
|
-
children?: react.ReactNode;
|
|
2029
|
+
children?: react.ReactNode | undefined;
|
|
2030
2030
|
} & {
|
|
2031
2031
|
htmlProps?: react.HTMLAttributes<HTMLOListElement | HTMLUListElement> | undefined;
|
|
2032
2032
|
} & react.RefAttributes<HTMLOListElement>>;
|
|
@@ -2052,19 +2052,19 @@ type LocalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
2052
2052
|
}>;
|
|
2053
2053
|
declare const LocalMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
2054
2054
|
/**Meldingen som vises til brukeren. Brukes kun når meldingen er string. */
|
|
2055
|
-
message?: string
|
|
2055
|
+
message?: string;
|
|
2056
2056
|
/**Formålet med meldingen. Påvirker styling. */
|
|
2057
|
-
purpose?: LocalMessagePurpose
|
|
2057
|
+
purpose?: LocalMessagePurpose;
|
|
2058
2058
|
/** Indikerer om meldingen skal være lukkbar.*/
|
|
2059
|
-
closable?: boolean
|
|
2059
|
+
closable?: boolean;
|
|
2060
2060
|
/**Ekstra logikk å kjøre når meldingen lukkes. */
|
|
2061
|
-
onClose?: (
|
|
2061
|
+
onClose?: () => void;
|
|
2062
2062
|
/**Layoutet i komponenten. Ved kompleks innhold anbefales `layout='vertical'`. */
|
|
2063
|
-
layout?: LocalMessageLayout
|
|
2063
|
+
layout?: LocalMessageLayout;
|
|
2064
2064
|
/**Custom bredde ved behov. */
|
|
2065
|
-
width?: Property.Width
|
|
2065
|
+
width?: Property.Width;
|
|
2066
2066
|
} & {
|
|
2067
|
-
children?: react.ReactNode;
|
|
2067
|
+
children?: react.ReactNode | undefined;
|
|
2068
2068
|
} & {
|
|
2069
2069
|
htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
|
|
2070
2070
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -2085,19 +2085,19 @@ type ModalProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
2085
2085
|
}>;
|
|
2086
2086
|
declare const Modal: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
2087
2087
|
/**Spesifiserer om modal skal vises. */
|
|
2088
|
-
isOpen?: boolean
|
|
2088
|
+
isOpen?: boolean;
|
|
2089
2089
|
/**Funksjon kjørt ved lukking; Settes hvis modal skal være lukkbar. Legger en lukkeknapp i hjørnet og kjøres ved Esc-trykk, lukkeknappklikk og museklikk utenfor. */
|
|
2090
|
-
onClose?: (
|
|
2090
|
+
onClose?: () => void;
|
|
2091
2091
|
/**Spesifiserer hvilken DOM node `<Modal />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node). */
|
|
2092
|
-
parentElement?: HTMLElement
|
|
2092
|
+
parentElement?: HTMLElement;
|
|
2093
2093
|
/**Tittel/header i modal. Setter `aria-labelledby`. */
|
|
2094
2094
|
header?: string | ReactNode;
|
|
2095
2095
|
/**Ref som brukes til returnering av fokus. */
|
|
2096
|
-
triggerRef?: RefObject<HTMLElement
|
|
2096
|
+
triggerRef?: RefObject<HTMLElement>;
|
|
2097
2097
|
/**Ref som skal motta fokus når Modal åpnes. Hvis utelatt blir Modal fokusert. */
|
|
2098
|
-
initialFocusRef?: RefObject<HTMLElement
|
|
2098
|
+
initialFocusRef?: RefObject<HTMLElement>;
|
|
2099
2099
|
} & {
|
|
2100
|
-
children?: ReactNode;
|
|
2100
|
+
children?: ReactNode | undefined;
|
|
2101
2101
|
} & {
|
|
2102
2102
|
htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
|
|
2103
2103
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -2110,11 +2110,11 @@ type ModalBodyProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
2110
2110
|
}>;
|
|
2111
2111
|
declare const ModalBody: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
2112
2112
|
/**Gjør at innholdet kan scrolles. Det må eventuelt settes (max)bredde og (max)høyde styling på både denne subkomponenten og `<Modal />`. */
|
|
2113
|
-
scrollable?: boolean
|
|
2113
|
+
scrollable?: boolean;
|
|
2114
2114
|
/**Høyde på container. Kan resultere i scrolling. */
|
|
2115
|
-
height?: Property.Height
|
|
2115
|
+
height?: Property.Height;
|
|
2116
2116
|
} & {
|
|
2117
|
-
children?: react.ReactNode;
|
|
2117
|
+
children?: react.ReactNode | undefined;
|
|
2118
2118
|
} & {
|
|
2119
2119
|
htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
|
|
2120
2120
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -2122,6 +2122,25 @@ declare const ModalBody: react.ForwardRefExoticComponent<Pick<react.HTMLAttribut
|
|
|
2122
2122
|
type ModalActionsProps = HTMLAttributes<HTMLDivElement>;
|
|
2123
2123
|
declare const ModalActions: react.ForwardRefExoticComponent<ModalActionsProps & react.RefAttributes<HTMLDivElement>>;
|
|
2124
2124
|
|
|
2125
|
+
declare const OverflowMenu: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
2126
|
+
placement?: Placement;
|
|
2127
|
+
offset?: number;
|
|
2128
|
+
isOpen?: boolean;
|
|
2129
|
+
onClose?: () => void;
|
|
2130
|
+
onToggle?: () => void;
|
|
2131
|
+
anchorRef?: react.RefObject<HTMLButtonElement>;
|
|
2132
|
+
items?: Array<OverflowMenuContextItem>;
|
|
2133
|
+
userProps?: {
|
|
2134
|
+
name: string;
|
|
2135
|
+
href?: string;
|
|
2136
|
+
} & (react.ButtonHTMLAttributes<HTMLButtonElement> | react.AnchorHTMLAttributes<HTMLAnchorElement>);
|
|
2137
|
+
navItems?: Array<OverflowMenuNavItem>;
|
|
2138
|
+
} & {
|
|
2139
|
+
children?: react.ReactNode | undefined;
|
|
2140
|
+
} & {
|
|
2141
|
+
htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
|
|
2142
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
2143
|
+
|
|
2125
2144
|
interface OverflowMenuItemBase {
|
|
2126
2145
|
title: string;
|
|
2127
2146
|
icon?: SvgIcon;
|
|
@@ -2134,13 +2153,18 @@ type UserProps = {
|
|
|
2134
2153
|
name: string;
|
|
2135
2154
|
href?: string;
|
|
2136
2155
|
} & (AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>);
|
|
2137
|
-
|
|
2138
|
-
/**
|
|
2139
|
-
|
|
2140
|
-
|
|
2141
|
-
|
|
2142
|
-
|
|
2143
|
-
|
|
2156
|
+
interface OverflowMenuListItemBaseProps {
|
|
2157
|
+
/**Ikon som vises ved teksten. */
|
|
2158
|
+
icon?: SvgIcon;
|
|
2159
|
+
}
|
|
2160
|
+
type OverflowMenuButtonProps = OverflowMenuListItemBaseProps & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
2161
|
+
type OverflowMenuLinkProps = OverflowMenuListItemBaseProps & AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
2162
|
+
type OverflowMenuSpanProps = OverflowMenuListItemBaseProps & BaseComponentPropsWithChildren<HTMLSpanElement>;
|
|
2163
|
+
type OverflowMenuProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
2164
|
+
/**Plassering av menyen i forhold til anchor-elementet. */
|
|
2165
|
+
placement?: Placement;
|
|
2166
|
+
/**Avstand fra anchor-elementet i px. */
|
|
2167
|
+
offset?: number;
|
|
2144
2168
|
/**Spesifiserer om menyen skal vises. **OBS!** nødvendig kun hvis `<OverflowMenuGroup />` ikke brukes. */
|
|
2145
2169
|
isOpen?: boolean;
|
|
2146
2170
|
/**Callback for å lukke menyen. **OBS!** nødvendig kun hvis `<OverflowMenuGroup />` ikke brukes. */
|
|
@@ -2149,28 +2173,42 @@ type OverflowMenuProps = BaseComponentProps<HTMLDivElement, {
|
|
|
2149
2173
|
onToggle?: () => void;
|
|
2150
2174
|
/**Ref til elementet som styrer menyen. **OBS!** nødvendig kun hvis ``<OverflowMenuGroup />` ikke brukes. */
|
|
2151
2175
|
anchorRef?: RefObject<HTMLButtonElement>;
|
|
2152
|
-
/**
|
|
2153
|
-
|
|
2154
|
-
|
|
2155
|
-
|
|
2176
|
+
/**Lenker eller knapper som skal vises i menyen. Støtter ikon i tillegg til tekst.
|
|
2177
|
+
*
|
|
2178
|
+
* @deprecated
|
|
2179
|
+
*/
|
|
2180
|
+
items?: Array<OverflowMenuContextItem>;
|
|
2181
|
+
/**Eget element for brukernavn, kan være interaktivt eller statisk. Ligger alltid på toppen av menyen.
|
|
2182
|
+
*
|
|
2183
|
+
* @deprecated
|
|
2184
|
+
*/
|
|
2185
|
+
userProps?: UserProps;
|
|
2186
|
+
/**Navigasjonslenker, brukes hvis navigasjonen skal ligge i menyen (f.eks. ved liten skjerm o.l.).
|
|
2187
|
+
*
|
|
2188
|
+
* @deprecated
|
|
2189
|
+
*/
|
|
2190
|
+
navItems?: Array<OverflowMenuNavItem>;
|
|
2156
2191
|
}>;
|
|
2157
2192
|
|
|
2158
|
-
declare const
|
|
2159
|
-
|
|
2160
|
-
|
|
2161
|
-
|
|
2162
|
-
|
|
2163
|
-
|
|
2164
|
-
navItems?: OverflowMenuLinkItem[] | undefined;
|
|
2165
|
-
isOpen?: boolean | undefined;
|
|
2166
|
-
onClose?: (() => void) | undefined;
|
|
2167
|
-
onToggle?: (() => void) | undefined;
|
|
2168
|
-
anchorRef?: react.RefObject<HTMLButtonElement> | undefined;
|
|
2169
|
-
placement?: Placement | undefined;
|
|
2170
|
-
offset?: number | undefined;
|
|
2193
|
+
declare const OverflowMenuButton: react.ForwardRefExoticComponent<OverflowMenuListItemBaseProps & react.ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
|
|
2194
|
+
|
|
2195
|
+
declare const OverflowMenuLink: react.ForwardRefExoticComponent<OverflowMenuListItemBaseProps & react.AnchorHTMLAttributes<HTMLAnchorElement> & react.RefAttributes<HTMLAnchorElement>>;
|
|
2196
|
+
|
|
2197
|
+
declare const OverflowMenuDivider: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLHRElement>, "id" | "className"> & {
|
|
2198
|
+
color?: DividerColor;
|
|
2171
2199
|
} & {
|
|
2172
|
-
htmlProps?: react.HTMLAttributes<
|
|
2173
|
-
} & react.RefAttributes<
|
|
2200
|
+
htmlProps?: react.HTMLAttributes<HTMLHRElement> | undefined;
|
|
2201
|
+
} & react.RefAttributes<HTMLHRElement>>;
|
|
2202
|
+
|
|
2203
|
+
declare const OverflowMenuList: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & react.RefAttributes<HTMLUListElement>>;
|
|
2204
|
+
|
|
2205
|
+
declare const OverflowMenuSpan: react.ForwardRefExoticComponent<OverflowMenuListItemBaseProps & Pick<react.HTMLAttributes<HTMLSpanElement>, "id" | "className"> & object & {
|
|
2206
|
+
children?: react.ReactNode | undefined;
|
|
2207
|
+
} & {
|
|
2208
|
+
htmlProps?: react.HTMLAttributes<HTMLSpanElement> | undefined;
|
|
2209
|
+
} & react.RefAttributes<HTMLButtonElement>>;
|
|
2210
|
+
|
|
2211
|
+
declare const OverflowMenuListHeader: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
|
|
2174
2212
|
|
|
2175
2213
|
interface OverflowMenuGroupProps {
|
|
2176
2214
|
/**Ekstra logikk som kjøres når `<OverflowMenu />` åpnes og lukkes. */
|
|
@@ -2219,23 +2257,23 @@ declare const Pagination: react.ForwardRefExoticComponent<Pick<Omit<HTMLAttribut
|
|
|
2219
2257
|
/**Totalt antall elementer å paginere. */
|
|
2220
2258
|
itemsAmount: number;
|
|
2221
2259
|
/**Antall elementer per side ved innlastning av komponenten. */
|
|
2222
|
-
defaultItemsPerPage?: number
|
|
2260
|
+
defaultItemsPerPage?: number;
|
|
2223
2261
|
/**Den aktive siden ved innlastning av komponenten. */
|
|
2224
|
-
defaultActivePage?: number
|
|
2262
|
+
defaultActivePage?: number;
|
|
2225
2263
|
/**Spesifiserer om selve pagineringen skal vises. */
|
|
2226
|
-
withPagination?: boolean
|
|
2264
|
+
withPagination?: boolean;
|
|
2227
2265
|
/**Spesifiserer om teksten `'Vis x-y av z'` skal vises. */
|
|
2228
|
-
withCounter?: boolean
|
|
2266
|
+
withCounter?: boolean;
|
|
2229
2267
|
/**Spesifiserer om `<Select />` til å velge antall resultater per side skal vises. */
|
|
2230
|
-
withSelect?: boolean
|
|
2268
|
+
withSelect?: boolean;
|
|
2231
2269
|
/**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. */
|
|
2232
|
-
selectOptions?: PaginationOption
|
|
2270
|
+
selectOptions?: Array<PaginationOption>;
|
|
2233
2271
|
/**Brukes til å hente side og eventuelt annen logikk ved endring av side. */
|
|
2234
|
-
onChange?: (
|
|
2272
|
+
onChange?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void;
|
|
2235
2273
|
/**Brukes til å hente `selectedOption` og eventuelt kjøre annen logikk når `withSelect=true` ved endring av alternativ. */
|
|
2236
|
-
onSelectOptionChange?: (
|
|
2274
|
+
onSelectOptionChange?: (option: PaginationOption | null) => void;
|
|
2237
2275
|
/**Spesifiserer om versjonen for små skjermer skal vises; den viser færre sideknapper og stacker subkomponentene. */
|
|
2238
|
-
smallScreen?: boolean
|
|
2276
|
+
smallScreen?: boolean;
|
|
2239
2277
|
} & {
|
|
2240
2278
|
htmlProps?: Omit<HTMLAttributes<HTMLElement>, "onChange"> | undefined;
|
|
2241
2279
|
} & react.RefAttributes<HTMLElement>>;
|
|
@@ -2274,25 +2312,25 @@ declare const Popover: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes
|
|
|
2274
2312
|
/**Tittel. */
|
|
2275
2313
|
title?: string | ReactNode;
|
|
2276
2314
|
/** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Spesifiserer om `<Popover />` skal vises. */
|
|
2277
|
-
isOpen?: boolean
|
|
2315
|
+
isOpen?: boolean;
|
|
2278
2316
|
/**Om lukkeknapp skal vises. */
|
|
2279
|
-
withCloseButton?: boolean
|
|
2317
|
+
withCloseButton?: boolean;
|
|
2280
2318
|
/** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Anchor-elementet. */
|
|
2281
|
-
anchorElement?: HTMLElement
|
|
2319
|
+
anchorElement?: HTMLElement;
|
|
2282
2320
|
/**Spesifiserer hvor komponenten skal plasseres i forhold til anchor-elementet. */
|
|
2283
|
-
placement?: Placement
|
|
2321
|
+
placement?: Placement;
|
|
2284
2322
|
/**Avstand fra anchor-elementet i px. */
|
|
2285
|
-
offset?: number
|
|
2323
|
+
offset?: number;
|
|
2286
2324
|
/** Ekstra logikk kjørt når lukkeknappen trykkes. */
|
|
2287
|
-
onCloseButtonClick?: (
|
|
2325
|
+
onCloseButtonClick?: () => void;
|
|
2288
2326
|
/** Ekstra logikk kjørt når popover mister fokus. */
|
|
2289
|
-
onBlur?: (
|
|
2327
|
+
onBlur?: () => void;
|
|
2290
2328
|
/**Custom størrelse. */
|
|
2291
|
-
sizeProps?: PopoverSizeProps
|
|
2329
|
+
sizeProps?: PopoverSizeProps;
|
|
2292
2330
|
/** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Funksjon kjørt ved lukking. */
|
|
2293
|
-
onClose?: (
|
|
2331
|
+
onClose?: () => void;
|
|
2294
2332
|
} & {
|
|
2295
|
-
children?: ReactNode;
|
|
2333
|
+
children?: ReactNode | undefined;
|
|
2296
2334
|
} & {
|
|
2297
2335
|
htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
|
|
2298
2336
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -2366,9 +2404,9 @@ type SearchProps = Pick<InputProps, 'tip' | 'label'> & {
|
|
|
2366
2404
|
} & InputHTMLAttributes<HTMLInputElement>;
|
|
2367
2405
|
declare const Search$1: react.ForwardRefExoticComponent<Pick<InputProps, "label" | "tip"> & {
|
|
2368
2406
|
/**Størrelsen på komponenten. */
|
|
2369
|
-
componentSize?: SearchSize
|
|
2407
|
+
componentSize?: SearchSize;
|
|
2370
2408
|
/**Props for søkeknappen. */
|
|
2371
|
-
buttonProps?: SearchButtonProps
|
|
2409
|
+
buttonProps?: SearchButtonProps;
|
|
2372
2410
|
} & InputHTMLAttributes<HTMLInputElement> & react.RefAttributes<HTMLInputElement>>;
|
|
2373
2411
|
|
|
2374
2412
|
interface WeightedValue {
|
|
@@ -2418,13 +2456,13 @@ type SearchSuggestionsProps = BaseComponentProps<HTMLDivElement, Pick<SearchProp
|
|
|
2418
2456
|
}>;
|
|
2419
2457
|
declare const SearchSuggestions: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & Pick<SearchProps, "componentSize"> & {
|
|
2420
2458
|
/**Forslag som vises i listen. */
|
|
2421
|
-
suggestions?: string
|
|
2459
|
+
suggestions?: Array<string>;
|
|
2422
2460
|
/** Om listen skal vises. */
|
|
2423
|
-
showSuggestions?: boolean
|
|
2461
|
+
showSuggestions?: boolean;
|
|
2424
2462
|
/**Callback når et forslag blir valgt, inkludert søkefunksjon. */
|
|
2425
|
-
onSuggestionClick?: (
|
|
2463
|
+
onSuggestionClick?: (e: MouseEvent$1<HTMLButtonElement>) => void;
|
|
2426
2464
|
/** Maks antall forslag vist i listen. */
|
|
2427
|
-
maxSuggestions?: number
|
|
2465
|
+
maxSuggestions?: number;
|
|
2428
2466
|
/**Id til `<Search>`. */
|
|
2429
2467
|
searchId: string;
|
|
2430
2468
|
} & {
|
|
@@ -2494,11 +2532,11 @@ type CheckboxProps = BaseComponentProps<HTMLInputElement, {
|
|
|
2494
2532
|
} & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;
|
|
2495
2533
|
|
|
2496
2534
|
declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked">, "id" | "className"> & {
|
|
2497
|
-
label?: string
|
|
2498
|
-
error?: boolean
|
|
2499
|
-
disabled?: boolean
|
|
2500
|
-
readOnly?: boolean
|
|
2501
|
-
indeterminate?: boolean
|
|
2535
|
+
label?: string;
|
|
2536
|
+
error?: boolean;
|
|
2537
|
+
disabled?: boolean;
|
|
2538
|
+
readOnly?: boolean;
|
|
2539
|
+
indeterminate?: boolean;
|
|
2502
2540
|
} & CheckboxPickedHTMLAttributes & {
|
|
2503
2541
|
htmlProps?: Omit<react.InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked"> | undefined;
|
|
2504
2542
|
} & react.RefAttributes<HTMLInputElement>>;
|
|
@@ -2527,19 +2565,19 @@ declare const CheckboxGroup: {
|
|
|
2527
2565
|
};
|
|
2528
2566
|
|
|
2529
2567
|
declare const RadioButton: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "onChange" | "name" | "value" | "checked" | "readOnly" | "required">, "id" | "className"> & {
|
|
2530
|
-
label?: string
|
|
2531
|
-
disabled?: boolean
|
|
2532
|
-
error?: boolean
|
|
2568
|
+
label?: string;
|
|
2569
|
+
disabled?: boolean;
|
|
2570
|
+
error?: boolean;
|
|
2533
2571
|
} & {
|
|
2534
2572
|
"aria-describedby"?: string | undefined;
|
|
2535
2573
|
onChange?: react.ChangeEventHandler<HTMLInputElement> | undefined;
|
|
2536
2574
|
name?: string | undefined;
|
|
2537
|
-
value?: string |
|
|
2575
|
+
value?: string | readonly string[] | number | undefined;
|
|
2538
2576
|
checked?: boolean | undefined;
|
|
2539
2577
|
readOnly?: boolean | undefined;
|
|
2540
2578
|
required?: boolean | undefined;
|
|
2541
2579
|
} & {
|
|
2542
|
-
children?: react.ReactNode;
|
|
2580
|
+
children?: react.ReactNode | undefined;
|
|
2543
2581
|
} & {
|
|
2544
2582
|
htmlProps?: Omit<react.InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "onChange" | "name" | "value" | "checked" | "readOnly" | "required"> | undefined;
|
|
2545
2583
|
} & react.RefAttributes<HTMLInputElement>>;
|
|
@@ -2592,11 +2630,11 @@ type SkipToContentProps = BaseComponentProps<HTMLAnchorElement, {
|
|
|
2592
2630
|
}>;
|
|
2593
2631
|
declare const SkipToContent: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLAnchorElement>, "id" | "className"> & {
|
|
2594
2632
|
/** Teksten som vises i lenka. */
|
|
2595
|
-
text?: string
|
|
2633
|
+
text?: string;
|
|
2596
2634
|
/**Spesifiserer hvor det skal hoppes til via `id`-attributtet til innholdet. */
|
|
2597
2635
|
href: string;
|
|
2598
2636
|
/**Avstand fra top i nærmeste posisjonert container. */
|
|
2599
|
-
top?: Property.Top
|
|
2637
|
+
top?: Property.Top;
|
|
2600
2638
|
} & {
|
|
2601
2639
|
htmlProps?: react.HTMLAttributes<HTMLAnchorElement> | undefined;
|
|
2602
2640
|
} & react.RefAttributes<HTMLAnchorElement>>;
|
|
@@ -2629,13 +2667,13 @@ type SplitButtonProps = {
|
|
|
2629
2667
|
} & HTMLAttributes<HTMLDivElement>;
|
|
2630
2668
|
declare const SplitButton: react.ForwardRefExoticComponent<{
|
|
2631
2669
|
/**Størrelse på komponenten. */
|
|
2632
|
-
size?: ButtonSize
|
|
2670
|
+
size?: ButtonSize;
|
|
2633
2671
|
/**Props for primær handling. Samme props som for `<Button />` unntatt `size` og `purpose`. */
|
|
2634
2672
|
primaryAction: SplitButtonPrimaryActionProps;
|
|
2635
2673
|
/**Props for sekunære handlinger. */
|
|
2636
2674
|
secondaryActions: SplitButtonSecondaryActionsProps;
|
|
2637
2675
|
/**Formål med knappen */
|
|
2638
|
-
purpose?:
|
|
2676
|
+
purpose?: SplitButtonPurpose;
|
|
2639
2677
|
} & HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
|
|
2640
2678
|
|
|
2641
2679
|
type StackSpacing = 'x0.125' | 'x0.25' | 'x0.5' | 'x0.75' | 'x1' | 'x1.5' | 'x2' | 'x2.5' | 'x3' | 'x4' | 'x6' | 'x10';
|
|
@@ -2665,12 +2703,12 @@ interface StackStyleProps {
|
|
|
2665
2703
|
}
|
|
2666
2704
|
type StackProps = BaseComponentPropsWithChildren<HTMLDivElement, Omit<StackStyleProps, 'direction'>>;
|
|
2667
2705
|
declare const HStack: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & Omit<StackStyleProps, "direction"> & {
|
|
2668
|
-
children?: react.ReactNode;
|
|
2706
|
+
children?: react.ReactNode | undefined;
|
|
2669
2707
|
} & {
|
|
2670
2708
|
htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
|
|
2671
2709
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
2672
2710
|
declare const VStack: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & Omit<StackStyleProps, "direction"> & {
|
|
2673
|
-
children?: react.ReactNode;
|
|
2711
|
+
children?: react.ReactNode | undefined;
|
|
2674
2712
|
} & {
|
|
2675
2713
|
htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
|
|
2676
2714
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -2734,10 +2772,10 @@ type TableHeadProps = HTMLAttributes<HTMLTableSectionElement>;
|
|
|
2734
2772
|
declare const Head: react.ForwardRefExoticComponent<TableHeadProps & react.RefAttributes<HTMLTableSectionElement>>;
|
|
2735
2773
|
|
|
2736
2774
|
declare const Row: react.ForwardRefExoticComponent<{
|
|
2737
|
-
type?: TableRowType
|
|
2738
|
-
mode?: RowMode
|
|
2739
|
-
selected?: boolean
|
|
2740
|
-
hoverable?: boolean
|
|
2775
|
+
type?: TableRowType;
|
|
2776
|
+
mode?: RowMode;
|
|
2777
|
+
selected?: boolean;
|
|
2778
|
+
hoverable?: boolean;
|
|
2741
2779
|
} & react.HTMLAttributes<HTMLTableRowElement> & react.RefAttributes<HTMLTableRowElement>>;
|
|
2742
2780
|
|
|
2743
2781
|
type SortOrder = 'ascending' | 'descending';
|
|
@@ -2751,17 +2789,17 @@ type TableSortCellProps = {
|
|
|
2751
2789
|
} & Omit<TableCellProps, 'type'>;
|
|
2752
2790
|
declare const SortCell: react.ForwardRefExoticComponent<{
|
|
2753
2791
|
/**Spesifiserer om kolonnen er sortert. */
|
|
2754
|
-
isSorted?: boolean
|
|
2792
|
+
isSorted?: boolean;
|
|
2755
2793
|
/**Sorteringsrekkefølge i kolonnen. Avgjør hvilket ikon skal vises i cellen. */
|
|
2756
|
-
sortOrder?: SortOrder
|
|
2794
|
+
sortOrder?: SortOrder;
|
|
2757
2795
|
/**onClick-funksjon for sortering og annen logikk. */
|
|
2758
2796
|
onClick: (event: MouseEvent$1<HTMLButtonElement>) => void;
|
|
2759
2797
|
} & Omit<TableCellProps, "type"> & react.RefAttributes<HTMLTableCellElement>>;
|
|
2760
2798
|
|
|
2761
2799
|
declare const Table$1: react.ForwardRefExoticComponent<{
|
|
2762
|
-
density?: TableDensity
|
|
2763
|
-
stickyHeader?: boolean
|
|
2764
|
-
withDividers?: boolean
|
|
2800
|
+
density?: TableDensity;
|
|
2801
|
+
stickyHeader?: boolean;
|
|
2802
|
+
withDividers?: boolean;
|
|
2765
2803
|
} & react.HTMLAttributes<HTMLTableElement> & react.RefAttributes<HTMLTableElement>>;
|
|
2766
2804
|
|
|
2767
2805
|
type TableWrapperProps = HTMLAttributes<HTMLDivElement>;
|
|
@@ -2782,20 +2820,20 @@ type TableCompoundProps = typeof Table$1 & {
|
|
|
2782
2820
|
declare const Table: TableCompoundProps;
|
|
2783
2821
|
|
|
2784
2822
|
declare const CollapsibleRow: react.ForwardRefExoticComponent<{
|
|
2785
|
-
type?: TableRowType
|
|
2786
|
-
mode?: RowMode
|
|
2787
|
-
selected?: boolean
|
|
2788
|
-
hoverable?: boolean
|
|
2823
|
+
type?: TableRowType;
|
|
2824
|
+
mode?: RowMode;
|
|
2825
|
+
selected?: boolean;
|
|
2826
|
+
hoverable?: boolean;
|
|
2789
2827
|
} & react.HTMLAttributes<HTMLTableRowElement> & react.RefAttributes<HTMLTableRowElement>>;
|
|
2790
2828
|
|
|
2791
2829
|
declare const CollapsibleTable$1: react.ForwardRefExoticComponent<{
|
|
2792
|
-
isCollapsed?: boolean
|
|
2830
|
+
isCollapsed?: boolean;
|
|
2793
2831
|
headerValues: HeaderValues;
|
|
2794
|
-
definingColumnIndex?: number
|
|
2832
|
+
definingColumnIndex?: Array<number>;
|
|
2795
2833
|
} & {
|
|
2796
|
-
density?: TableDensity
|
|
2797
|
-
stickyHeader?: boolean
|
|
2798
|
-
withDividers?: boolean
|
|
2834
|
+
density?: TableDensity;
|
|
2835
|
+
stickyHeader?: boolean;
|
|
2836
|
+
withDividers?: boolean;
|
|
2799
2837
|
} & react.HTMLAttributes<HTMLTableElement> & react.RefAttributes<HTMLTableElement>>;
|
|
2800
2838
|
|
|
2801
2839
|
type CollapsibleTableProps = {
|
|
@@ -2827,15 +2865,15 @@ type TabsProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
2827
2865
|
}, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
|
|
2828
2866
|
declare const Tabs: react.ForwardRefExoticComponent<Pick<Omit<HTMLAttributes<HTMLDivElement>, "onChange">, "id" | "className"> & {
|
|
2829
2867
|
/** 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. */
|
|
2830
|
-
activeTab?: number
|
|
2868
|
+
activeTab?: number;
|
|
2831
2869
|
/** Ekstra logikk ved endring av aktiv fane. */
|
|
2832
|
-
onChange?: (
|
|
2870
|
+
onChange?: (index: number) => void;
|
|
2833
2871
|
/** Retningen ikon og tekst vises i `<Tab />`-elementer. */
|
|
2834
|
-
tabContentDirection?: Direction$1
|
|
2872
|
+
tabContentDirection?: Direction$1;
|
|
2835
2873
|
/**Bredde for hele komponenten. */
|
|
2836
|
-
width?: Property.Width
|
|
2874
|
+
width?: Property.Width;
|
|
2837
2875
|
} & {
|
|
2838
|
-
children?: react.ReactNode;
|
|
2876
|
+
children?: react.ReactNode | undefined;
|
|
2839
2877
|
} & {
|
|
2840
2878
|
htmlProps?: Omit<HTMLAttributes<HTMLDivElement>, "onChange"> | undefined;
|
|
2841
2879
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -2856,19 +2894,19 @@ type TabProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
|
|
|
2856
2894
|
} & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>>;
|
|
2857
2895
|
declare const Tab: react.ForwardRefExoticComponent<Pick<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick">, "id" | "className"> & {
|
|
2858
2896
|
/**Spesifiserer om fanen er aktiv. */
|
|
2859
|
-
active?: boolean
|
|
2897
|
+
active?: boolean;
|
|
2860
2898
|
/** Ikon. */
|
|
2861
|
-
icon?: SvgIcon
|
|
2899
|
+
icon?: SvgIcon;
|
|
2862
2900
|
/** Spesifiserer om `<Tab />` skal ha fokus. **OBS!** settes automatisk av forelder.*/
|
|
2863
|
-
focus?: boolean
|
|
2901
|
+
focus?: boolean;
|
|
2864
2902
|
/** Callback som setter fokus. **OBS!** settes automatisk av forelder.*/
|
|
2865
|
-
setFocus?: Dispatch<SetStateAction<number
|
|
2903
|
+
setFocus?: Dispatch<SetStateAction<number>>;
|
|
2866
2904
|
/** Indeksen til `<Tab />`. **OBS!** settes automatisk av forelder.*/
|
|
2867
|
-
index?: number
|
|
2905
|
+
index?: number;
|
|
2868
2906
|
/** Bredden til `<Tab />`. Her er det støtte for de samme enhetene som du kan bruke i `grid-template-columns`. */
|
|
2869
|
-
width?: CSS.Properties[
|
|
2907
|
+
width?: CSS.Properties["width"];
|
|
2870
2908
|
} & Pick<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick"> & {
|
|
2871
|
-
children?: react.ReactNode;
|
|
2909
|
+
children?: react.ReactNode | undefined;
|
|
2872
2910
|
} & {
|
|
2873
2911
|
htmlProps?: Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick"> | undefined;
|
|
2874
2912
|
} & react.RefAttributes<HTMLButtonElement>>;
|
|
@@ -2882,9 +2920,9 @@ type TabPanelProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
2882
2920
|
}>;
|
|
2883
2921
|
declare const TabPanel: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
2884
2922
|
/** Spesifiserer om panelet skal vises basert på aktiv fane. */
|
|
2885
|
-
active?: boolean
|
|
2923
|
+
active?: boolean;
|
|
2886
2924
|
} & {
|
|
2887
|
-
children?: react.ReactNode;
|
|
2925
|
+
children?: react.ReactNode | undefined;
|
|
2888
2926
|
} & {
|
|
2889
2927
|
htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
|
|
2890
2928
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -2925,22 +2963,22 @@ declare const Tag: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTM
|
|
|
2925
2963
|
/**
|
|
2926
2964
|
* Samme oppførsel som `children`. Er `children` brukt vil denne ignoreres. Tekst som vises i `<Tag>`.
|
|
2927
2965
|
*/
|
|
2928
|
-
text?: string
|
|
2966
|
+
text?: string;
|
|
2929
2967
|
/**
|
|
2930
2968
|
* Formål med status eller kategorisering. Påvirker styling.
|
|
2931
2969
|
* */
|
|
2932
|
-
purpose?: TagPurpose
|
|
2970
|
+
purpose?: TagPurpose;
|
|
2933
2971
|
/**
|
|
2934
2972
|
* Det visuelle uttrykket til komponenten.
|
|
2935
2973
|
*/
|
|
2936
|
-
appearance?: TagAppearance
|
|
2974
|
+
appearance?: TagAppearance;
|
|
2937
2975
|
/**
|
|
2938
2976
|
* Om `<Tag>` skal ha et ikon til venstre for teksten. Tags med `purpose="default"` har aldri ikon.
|
|
2939
2977
|
* @default false
|
|
2940
2978
|
*/
|
|
2941
|
-
withIcon?: boolean
|
|
2979
|
+
withIcon?: boolean;
|
|
2942
2980
|
} & {
|
|
2943
|
-
children?: ReactNode;
|
|
2981
|
+
children?: ReactNode | undefined;
|
|
2944
2982
|
} & {
|
|
2945
2983
|
htmlProps?: react.HTMLAttributes<HTMLSpanElement> | undefined;
|
|
2946
2984
|
} & react.RefAttributes<HTMLSpanElement>>;
|
|
@@ -2951,16 +2989,16 @@ type TextAreaProps = CommonInputProps & {
|
|
|
2951
2989
|
} & TextareaHTMLAttributes<HTMLTextAreaElement>;
|
|
2952
2990
|
declare const TextArea: react.ForwardRefExoticComponent<CommonInputProps & {
|
|
2953
2991
|
/** Spesifiserer om tegntelleren skal vises ved bruk av `maxLength` attributt. */
|
|
2954
|
-
withCharacterCounter?: boolean
|
|
2992
|
+
withCharacterCounter?: boolean;
|
|
2955
2993
|
} & TextareaHTMLAttributes<HTMLTextAreaElement> & react.RefAttributes<HTMLTextAreaElement>>;
|
|
2956
2994
|
|
|
2957
2995
|
declare const TextInput: react__default.ForwardRefExoticComponent<CommonInputProps & {
|
|
2958
|
-
componentSize?: InputSize
|
|
2996
|
+
componentSize?: InputSize;
|
|
2959
2997
|
} & react__default.InputHTMLAttributes<HTMLInputElement> & {
|
|
2960
|
-
withCharacterCounter?: boolean
|
|
2961
|
-
icon?: SvgIcon
|
|
2962
|
-
prefix?: string
|
|
2963
|
-
suffix?: string
|
|
2998
|
+
withCharacterCounter?: boolean;
|
|
2999
|
+
icon?: SvgIcon;
|
|
3000
|
+
prefix?: string;
|
|
3001
|
+
suffix?: string;
|
|
2964
3002
|
} & react__default.RefAttributes<HTMLInputElement>>;
|
|
2965
3003
|
|
|
2966
3004
|
type TextInputProps = InputProps & {
|
|
@@ -3017,16 +3055,16 @@ type ToggleRadioProps = BaseComponentProps<HTMLInputElement, {
|
|
|
3017
3055
|
} & PickedInputHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof PickedInputHTMLAttributes>>;
|
|
3018
3056
|
declare const ToggleRadio: react.ForwardRefExoticComponent<Pick<Omit<InputHTMLAttributes<HTMLInputElement>, "aria-label" | "aria-labelledby" | "onChange" | "name" | "value" | "checked">, "id" | "className"> & {
|
|
3019
3057
|
/**Ledetekst som vises i komponenten. */
|
|
3020
|
-
label?: string
|
|
3058
|
+
label?: string;
|
|
3021
3059
|
/**Ikonet som vises i komponenten. */
|
|
3022
|
-
icon?: SvgIcon
|
|
3060
|
+
icon?: SvgIcon;
|
|
3023
3061
|
} & PickedInputHTMLAttributes & {
|
|
3024
3062
|
htmlProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "aria-label" | "aria-labelledby" | "onChange" | "name" | "value" | "checked"> | undefined;
|
|
3025
3063
|
} & react.RefAttributes<HTMLInputElement>>;
|
|
3026
3064
|
|
|
3027
3065
|
declare const ToggleButton: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked">, "id" | "className"> & {
|
|
3028
|
-
label?: string
|
|
3029
|
-
icon?: SvgIcon
|
|
3066
|
+
label?: string;
|
|
3067
|
+
icon?: SvgIcon;
|
|
3030
3068
|
} & CheckboxPickedHTMLAttributes & {
|
|
3031
3069
|
htmlProps?: Omit<react.InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked"> | undefined;
|
|
3032
3070
|
} & react.RefAttributes<HTMLInputElement>>;
|
|
@@ -3070,13 +3108,13 @@ declare const Tooltip: react__default.ForwardRefExoticComponent<Pick<Omit<react_
|
|
|
3070
3108
|
/**Innhold i tooltip. */
|
|
3071
3109
|
text: string;
|
|
3072
3110
|
/**Plassering i forhold til anchor-elementet. */
|
|
3073
|
-
placement?: Placement$1
|
|
3111
|
+
placement?: Placement$1;
|
|
3074
3112
|
/**Anchor-elementet. */
|
|
3075
3113
|
children: AnchorElement;
|
|
3076
3114
|
/**Forsinkelse for når tooltip skal dukke opp. Oppgis i millisekunder. */
|
|
3077
|
-
delay?: number
|
|
3115
|
+
delay?: number;
|
|
3078
3116
|
/**`id` for tooltip. */
|
|
3079
|
-
tooltipId?: string
|
|
3117
|
+
tooltipId?: string;
|
|
3080
3118
|
} & PickedHTMLAttributes & {
|
|
3081
3119
|
htmlProps?: Omit<react__default.HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver"> | undefined;
|
|
3082
3120
|
} & react__default.RefAttributes<HTMLDivElement>>;
|
|
@@ -3094,4 +3132,4 @@ declare const VisuallyHidden: {
|
|
|
3094
3132
|
displayName: string;
|
|
3095
3133
|
};
|
|
3096
3134
|
|
|
3097
|
-
export { AddressShieldedIcon, AgreementIcon, type AnchorTypographyType, AnimatedChevronUpDown, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, type As, AttachmentIcon, BackLink, type BackLinkProps, BarChartBoxedIcon, BarChartIcon, type BaseComponentProps, type BaseComponentPropsWithChildren, type BaseItemProps, type BaseLabelProps, type BaseTypographyProps, BlockIcon, BookIcon, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type BreakpointBasedProps, 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, CardAccordion, CardAccordionBody, type CardAccordionBodyProps, CardAccordionHeader, type CardAccordionHeaderProps, type CardAccordionProps, type CardAppearance, type CardProps, type CardType, 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, CopyIcon, CourtIcon, DatePicker, type DatePickerProps, DateRangeIcon, DeathsIcon, DescriptionList, type DescriptionListAppearance, DescriptionListDesc, type DescriptionListDescProps, DescriptionListGroup, type DescriptionListGroupProps, type DescriptionListProps, DescriptionListTerm, type DescriptionListTermProps, 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, EditIcon, ElementAs, type ElementAsProps, EmptyContent, type EmptyContentProps, ErrorIcon, ExclaimIcon, ExpandIcon, type ExpandableCardProps, type ExtractStrict, FacebookIcon, FamilyIcon, FavStar, type FavStarProps, Feedback, FeedbackIcon, type FeedbackProps, Fieldset, type FieldsetProps, FileAddIcon, FileIcon, type FileList, FileShieldedIcon, FileTextIcon, FileUploader, type FileUploaderAccept, type FileUploaderProps, FilterIcon, FilterListIcon, FilterListOffIcon, FilterOffIcon, FindInPageIcon, FlickrIcon, FolderAddIcon, FolderIcon, FolderShieldedIcon, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, type GlobalMessageProps, type GlobalMessagePurpose, Grid, GridChild, type GridChildProps, type GridProps, GuardianIcon, HStack, 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, type InfoCardProps, 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, KeyIcon, Label, type LabelProps, type LabelTypographyType, 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, type NavigationCardProps, NotarialIcon, NotificationsIcon, NotificationsOffIcon, type Nullable, OnlineMeetingIcon, OpenExternalIcon, type OtherTypographyType, OverflowMenu, type OverflowMenuButtonItem, type OverflowMenuContextItem, OverflowMenuGroup, type OverflowMenuGroupProps, type OverflowMenuLinkItem, type OverflowMenuNavItem, type OverflowMenuProps, Pagination, type PaginationOption, type PaginationProps, Paper, type PaperProps, Paragraph, type ParagraphProps, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PinIcon, type Placement, PlusCircledIcon, PlusIcon, Popover, PopoverGroup, type PopoverGroupProps, type PopoverProps, type PopoverSizeProps, PowerOfAttorneyIcon, PrintIcon, ProgressTracker, ProgressTrackerItem, type ProgressTrackerItemProps, type ProgressTrackerProps, PropertyIcon, type PropsOf, PublishIcon, QuestionAnswerIcon, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type Rating, ReceiptIcon, RedoIcon, RefreshIcon, ReplayIcon, ScreenSize, type ScreenSizeLiteral, Search, SearchAutocompleteWrapper, type SearchAutocompleteWrapperProps, type SearchButtonProps, type SearchData, SearchIcon, type SearchProps, type SearchSize, SearchSuggestions, type SearchSuggestionsProps, Select, type SelectOption, type SelectProps, SettingsIcon, SkipToContent, type SkipToContentProps, SmsIcon, type SortOrder, Spinner, type SpinnerProps, SplitButton, type SplitButtonPrimaryActionProps, type SplitButtonProps, type SplitButtonPurpose, type SplitButtonSecondaryActionsProps, type StackProps, type StackSpacing, type StackStyleProps, StarFilledIcon, StarHalfFilled, StarIcon, StatefulInput, type StatefulInputProps, type StaticTypographyType, StyledSvg, type SvgIcon, type SvgProps, SvgWrapper, SyncIcon, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, Table, Body as TableBody, type TableBodyProps, Cell as TableCell, type TableCellLayout, type TableCellProps, type TableCellType, type TableDensity, Foot as TableFoot, type TableFootProps, Head as TableHead, type TableHeadProps, type TableProps, Row as TableRow, type TableRowProps, type TableRowType, 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, ThumbDownFilledIcon, ThumbDownIcon, ThumbUpFilledIcon, ThumbUpIcon, TimeIcon, TimePicker, type TimePickerProps, TingrettIcon, TipIcon, ToggleBar, type ToggleBarProps, type ToggleBarSize, type ToggleBarValue, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, ToggleRadio, type ToggleRadioProps, Tooltip, type TooltipProps, TrashIcon, TrendingDownIcon, TrendingUpIcon, Typography, type TypographyBodyType, type TypographyComponentProps, type TypographyHeadingType, type TypographyLeadType, type TypographyProps, type TypographyType, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, VStack, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, type VisuallyHiddenProps, WarningIcon, WebexIcon, type WeightedSearchData, type WidthProps, type WithRequiredIf, XIcon, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, createSelectOptions, dangerInputfield, dateValueToNativeDate, defaultTypographyType, defaultTypographyTypeClassName, focusDangerInputfield, focusInputfield, focusVisible, focusVisibleInset, focusVisibleInsetSelect, focusVisibleTransitionValue, getBaseHTMLProps, getDefaultText, getElementType, getFontStyling, getLiteralScreenSize, getTypographyCn, hideInput, hoverDangerInputfield, hoverInputfield, index as icons, inheritLinkStyling, inlineElements, inputTypographyTypes, isGridColumn, isHeading, isInlineElement, isKeyboardEvent, isLegend, isRelativeGridColumn, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineInset, outlineOffset, purposeVariants, removeButtonStyling, removeListStyling, renderCharCounter, renderInputMessage, scrollbarStyling, selection, spacingPropToCn, typographyTypes, useCombinedRef, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, visibilityTransition };
|
|
3135
|
+
export { AddressShieldedIcon, AgreementIcon, type AnchorTypographyType, AnimatedChevronUpDown, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, type As, AttachmentIcon, BackLink, type BackLinkProps, BarChartBoxedIcon, BarChartIcon, type BaseComponentProps, type BaseComponentPropsWithChildren, type BaseItemProps, type BaseLabelProps, type BaseTypographyProps, BlockIcon, BookIcon, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type BreakpointBasedProps, 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, CardAccordion, CardAccordionBody, type CardAccordionBodyProps, CardAccordionHeader, type CardAccordionHeaderProps, type CardAccordionProps, type CardAppearance, type CardProps, type CardType, 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, CopyIcon, CourtIcon, DatePicker, type DatePickerProps, DateRangeIcon, DeathsIcon, DescriptionList, type DescriptionListAppearance, DescriptionListDesc, type DescriptionListDescProps, DescriptionListGroup, type DescriptionListGroupProps, type DescriptionListProps, DescriptionListTerm, type DescriptionListTermProps, 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, EditIcon, ElementAs, type ElementAsProps, EmptyContent, type EmptyContentProps, ErrorIcon, ExclaimIcon, ExpandIcon, type ExpandableCardProps, type ExtractStrict, FacebookIcon, FamilyIcon, FavStar, type FavStarProps, Feedback, FeedbackIcon, type FeedbackProps, Fieldset, type FieldsetProps, FileAddIcon, FileIcon, type FileList, FileShieldedIcon, FileTextIcon, FileUploader, type FileUploaderAccept, type FileUploaderProps, FilterIcon, FilterListIcon, FilterListOffIcon, FilterOffIcon, FindInPageIcon, FlickrIcon, FolderAddIcon, FolderIcon, FolderShieldedIcon, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, type GlobalMessageProps, type GlobalMessagePurpose, Grid, GridChild, type GridChildProps, type GridProps, GuardianIcon, HStack, 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, type InfoCardProps, 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, KeyIcon, Label, type LabelProps, type LabelTypographyType, 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, type NavigationCardProps, NotarialIcon, NotificationsIcon, NotificationsOffIcon, type Nullable, OnlineMeetingIcon, OpenExternalIcon, type OtherTypographyType, OverflowMenu, OverflowMenuButton, type OverflowMenuButtonItem, type OverflowMenuButtonProps, type OverflowMenuContextItem, OverflowMenuDivider, OverflowMenuGroup, type OverflowMenuGroupProps, OverflowMenuLink, type OverflowMenuLinkItem, type OverflowMenuLinkProps, OverflowMenuList, OverflowMenuListHeader, type OverflowMenuListItemBaseProps, type OverflowMenuNavItem, type OverflowMenuProps, OverflowMenuSpan, type OverflowMenuSpanProps, Pagination, type PaginationOption, type PaginationProps, Paper, type PaperProps, Paragraph, type ParagraphProps, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PinIcon, type Placement, PlusCircledIcon, PlusIcon, Popover, PopoverGroup, type PopoverGroupProps, type PopoverProps, type PopoverSizeProps, PowerOfAttorneyIcon, PrintIcon, ProgressTracker, ProgressTrackerItem, type ProgressTrackerItemProps, type ProgressTrackerProps, PropertyIcon, type PropsOf, PublishIcon, QuestionAnswerIcon, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type Rating, ReceiptIcon, RedoIcon, RefreshIcon, ReplayIcon, ScreenSize, type ScreenSizeLiteral, Search, SearchAutocompleteWrapper, type SearchAutocompleteWrapperProps, type SearchButtonProps, type SearchData, SearchIcon, type SearchProps, type SearchSize, SearchSuggestions, type SearchSuggestionsProps, Select, type SelectOption, type SelectProps, SettingsIcon, SkipToContent, type SkipToContentProps, SmsIcon, type SortOrder, Spinner, type SpinnerProps, SplitButton, type SplitButtonPrimaryActionProps, type SplitButtonProps, type SplitButtonPurpose, type SplitButtonSecondaryActionsProps, type StackProps, type StackSpacing, type StackStyleProps, StarFilledIcon, StarHalfFilled, StarIcon, StatefulInput, type StatefulInputProps, type StaticTypographyType, StyledSvg, type SvgIcon, type SvgProps, SvgWrapper, SyncIcon, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, Table, Body as TableBody, type TableBodyProps, Cell as TableCell, type TableCellLayout, type TableCellProps, type TableCellType, type TableDensity, Foot as TableFoot, type TableFootProps, Head as TableHead, type TableHeadProps, type TableProps, Row as TableRow, type TableRowProps, type TableRowType, 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, ThumbDownFilledIcon, ThumbDownIcon, ThumbUpFilledIcon, ThumbUpIcon, TimeIcon, TimePicker, type TimePickerProps, TingrettIcon, TipIcon, ToggleBar, type ToggleBarProps, type ToggleBarSize, type ToggleBarValue, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, ToggleRadio, type ToggleRadioProps, Tooltip, type TooltipProps, TrashIcon, TrendingDownIcon, TrendingUpIcon, Typography, type TypographyBodyType, type TypographyComponentProps, type TypographyHeadingType, type TypographyLeadType, type TypographyProps, type TypographyType, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, VStack, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, type VisuallyHiddenProps, WarningIcon, WebexIcon, type WeightedSearchData, type WidthProps, type WithRequiredIf, XIcon, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, createSelectOptions, dangerInputfield, dateValueToNativeDate, defaultTypographyType, defaultTypographyTypeClassName, focusDangerInputfield, focusInputfield, focusVisible, focusVisibleInset, focusVisibleInsetSelect, focusVisibleTransitionValue, getBaseHTMLProps, getDefaultText, getElementType, getFontStyling, getLiteralScreenSize, getTypographyCn, hideInput, hoverDangerInputfield, hoverInputfield, index as icons, inheritLinkStyling, inlineElements, inputTypographyTypes, isGridColumn, isHeading, isInlineElement, isKeyboardEvent, isLegend, isRelativeGridColumn, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineInset, outlineOffset, purposeVariants, removeButtonStyling, removeListStyling, renderCharCounter, renderInputMessage, scrollbarStyling, selection, spacingPropToCn, typographyTypes, useCombinedRef, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, visibilityTransition };
|