@norges-domstoler/dds-components 0.0.0-dev-20240819105030 → 0.0.0-dev-20240821101909
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 +371 -190
- package/dist/index.d.ts +371 -190
- package/dist/index.js +19 -47
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +19 -46
- package/dist/index.mjs.map +1 -1
- package/package.json +4 -4
package/dist/index.d.mts
CHANGED
|
@@ -291,15 +291,15 @@ interface CommonInputProps {
|
|
|
291
291
|
}
|
|
292
292
|
type InputSize = 'medium' | 'small' | 'tiny';
|
|
293
293
|
type InputProps = CommonInputProps & {
|
|
294
|
-
/**Størrelse på inputfeltet.
|
|
294
|
+
/**Størrelse på inputfeltet.
|
|
295
|
+
* @default "medium"
|
|
296
|
+
*/
|
|
295
297
|
componentSize?: InputSize;
|
|
296
298
|
} & InputHTMLAttributes<HTMLInputElement>;
|
|
297
299
|
type StatefulInputProps = {
|
|
298
300
|
hasErrorMessage: boolean;
|
|
299
301
|
} & Pick<InputProps, 'componentSize'> & InputHTMLAttributes<HTMLInputElement>;
|
|
300
|
-
type InputTypographyTypes =
|
|
301
|
-
[k in InputSize]: StaticTypographyType;
|
|
302
|
-
};
|
|
302
|
+
type InputTypographyTypes = Record<InputSize, StaticTypographyType>;
|
|
303
303
|
|
|
304
304
|
declare const inputTypographyTypes: InputTypographyTypes;
|
|
305
305
|
declare const Input: react.ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & react.RefAttributes<HTMLInputElement>>;
|
|
@@ -1183,9 +1183,13 @@ type IconSize = 'small' | 'medium' | 'large' | 'inherit';
|
|
|
1183
1183
|
type IconProps = BaseComponentProps<SVGSVGElement, {
|
|
1184
1184
|
/**Ikonet importert fra `@norges-domstoler/dds-components`. */
|
|
1185
1185
|
icon: SvgIcon;
|
|
1186
|
-
/**Størrelsen på ikonet.
|
|
1186
|
+
/**Størrelsen på ikonet.
|
|
1187
|
+
* @default "medium"
|
|
1188
|
+
*/
|
|
1187
1189
|
iconSize?: IconSize;
|
|
1188
|
-
/**Fargen på ikonet.
|
|
1190
|
+
/**Fargen på ikonet.
|
|
1191
|
+
* @default "currentcolor"
|
|
1192
|
+
*/
|
|
1189
1193
|
color?: TextColor;
|
|
1190
1194
|
}>;
|
|
1191
1195
|
declare function Icon(props: IconProps): JSX.Element;
|
|
@@ -1198,17 +1202,25 @@ type ButtonSize = 'tiny' | 'small' | 'medium' | 'large';
|
|
|
1198
1202
|
type IconPosition = 'left' | 'right';
|
|
1199
1203
|
type PickedHTMLAttributes$2 = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onFocus' | 'onBlur' | 'type'>;
|
|
1200
1204
|
type ButtonProps = BaseComponentProps<HTMLButtonElement, {
|
|
1201
|
-
/**Størrelsen på knappen.
|
|
1205
|
+
/** Størrelsen på knappen.
|
|
1206
|
+
* @default "medium"
|
|
1207
|
+
*/
|
|
1202
1208
|
size?: ButtonSize;
|
|
1203
1209
|
/**Innhold i knappen (unntatt ikon). */
|
|
1204
1210
|
children?: ReactNode;
|
|
1205
|
-
/**Bestemmer farger basert på formål.
|
|
1211
|
+
/**Bestemmer farger basert på formål.
|
|
1212
|
+
* @default "primary"
|
|
1213
|
+
*/
|
|
1206
1214
|
purpose?: ButtonPurpose;
|
|
1207
|
-
/** Posisjonen til ikonet i forhold til teksten
|
|
1215
|
+
/** Posisjonen til ikonet i forhold til teksten.
|
|
1216
|
+
* @default "left"
|
|
1217
|
+
*/
|
|
1208
1218
|
iconPosition?: IconPosition;
|
|
1209
1219
|
/**Indikerer en loading-knapp. */
|
|
1210
1220
|
loading?: boolean;
|
|
1211
|
-
/**Tooltip som vises ved loading.
|
|
1221
|
+
/** Tooltip som vises ved loading.
|
|
1222
|
+
* @default "Lagring pågår"
|
|
1223
|
+
*/
|
|
1212
1224
|
loadingTooltip?: string;
|
|
1213
1225
|
/**Ikonet som ligger i knappen. */
|
|
1214
1226
|
icon?: SvgIcon;
|
|
@@ -1242,27 +1254,39 @@ declare const Button: react.ForwardRefExoticComponent<Pick<Omit<react.ButtonHTML
|
|
|
1242
1254
|
|
|
1243
1255
|
type PickedHTMLAttributes$1 = Pick<HTMLAttributes<HTMLDivElement>, 'role' | 'aria-label' | 'aria-labelledby'>;
|
|
1244
1256
|
type ButtonGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
1245
|
-
/**Retning for gruppen.
|
|
1257
|
+
/**Retning for gruppen.
|
|
1258
|
+
* @default "row"
|
|
1259
|
+
*/
|
|
1246
1260
|
direction?: Direction$1;
|
|
1247
|
-
/**Størrelse på knappene.
|
|
1261
|
+
/**Størrelse på knappene.
|
|
1262
|
+
* @default "medium"
|
|
1263
|
+
*/
|
|
1248
1264
|
buttonSize?: ButtonSize;
|
|
1249
1265
|
/**Nativ `aria-label` ved behov. */
|
|
1250
1266
|
'aria-label'?: string;
|
|
1251
1267
|
/**Nativ `aria-labelledby` ved behov. */
|
|
1252
1268
|
'aria-labelledby'?: string;
|
|
1253
|
-
/**Nativ `role` ved behov.
|
|
1269
|
+
/**Nativ `role` ved behov.
|
|
1270
|
+
* @default "group"
|
|
1271
|
+
*/
|
|
1254
1272
|
role?: AriaRole;
|
|
1255
1273
|
} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof PickedHTMLAttributes$1>>;
|
|
1256
1274
|
declare const ButtonGroup: react.ForwardRefExoticComponent<Pick<HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
1257
|
-
/**Retning for gruppen.
|
|
1275
|
+
/**Retning for gruppen.
|
|
1276
|
+
* @default "row"
|
|
1277
|
+
*/
|
|
1258
1278
|
direction?: Direction$1;
|
|
1259
|
-
/**Størrelse på knappene.
|
|
1279
|
+
/**Størrelse på knappene.
|
|
1280
|
+
* @default "medium"
|
|
1281
|
+
*/
|
|
1260
1282
|
buttonSize?: ButtonSize;
|
|
1261
1283
|
/**Nativ `aria-label` ved behov. */
|
|
1262
1284
|
'aria-label'?: string;
|
|
1263
1285
|
/**Nativ `aria-labelledby` ved behov. */
|
|
1264
1286
|
'aria-labelledby'?: string;
|
|
1265
|
-
/**Nativ `role` ved behov.
|
|
1287
|
+
/**Nativ `role` ved behov.
|
|
1288
|
+
* @default "group"
|
|
1289
|
+
*/
|
|
1266
1290
|
role?: AriaRole;
|
|
1267
1291
|
} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "role" | "aria-label" | "aria-labelledby"> & {
|
|
1268
1292
|
children?: react.ReactNode | undefined;
|
|
@@ -1273,7 +1297,9 @@ declare const ButtonGroup: react.ForwardRefExoticComponent<Pick<HTMLAttributes<H
|
|
|
1273
1297
|
type CardAppearance = 'filled' | 'border';
|
|
1274
1298
|
type CardType = 'info' | 'navigation' | 'expandable';
|
|
1275
1299
|
type BaseCardProps<T extends HTMLElement> = BaseComponentPropsWithChildren<T, {
|
|
1276
|
-
/** Utseende på komponenten.
|
|
1300
|
+
/** Utseende på komponenten.
|
|
1301
|
+
* @default "filled"
|
|
1302
|
+
*/
|
|
1277
1303
|
appearance?: CardAppearance;
|
|
1278
1304
|
/** Referanse til komponenten. */
|
|
1279
1305
|
cardRef?: RefObject<T>;
|
|
@@ -1442,11 +1468,15 @@ declare const DescriptionListGroup: react.ForwardRefExoticComponent<Pick<react.H
|
|
|
1442
1468
|
|
|
1443
1469
|
type DividerColor = 'default' | 'subtle' | 'onInverse';
|
|
1444
1470
|
type DividerProps = BaseComponentProps<HTMLHRElement, {
|
|
1445
|
-
/** Farge på horisontal linje.
|
|
1471
|
+
/** Farge på horisontal linje.
|
|
1472
|
+
* @default "default"
|
|
1473
|
+
*/
|
|
1446
1474
|
color?: DividerColor;
|
|
1447
1475
|
}>;
|
|
1448
1476
|
declare const Divider: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLHRElement>, "id" | "className"> & {
|
|
1449
|
-
/** Farge på horisontal linje.
|
|
1477
|
+
/** Farge på horisontal linje.
|
|
1478
|
+
* @default "default"
|
|
1479
|
+
*/
|
|
1450
1480
|
color?: DividerColor;
|
|
1451
1481
|
} & {
|
|
1452
1482
|
htmlProps?: react.HTMLAttributes<HTMLHRElement> | undefined;
|
|
@@ -1460,9 +1490,13 @@ interface WidthProps {
|
|
|
1460
1490
|
width?: Property.Width;
|
|
1461
1491
|
}
|
|
1462
1492
|
type DrawerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
1463
|
-
/**Størrelsen på `<Drawer
|
|
1493
|
+
/**Størrelsen på `<Drawer>`.
|
|
1494
|
+
* @default "small"
|
|
1495
|
+
*/
|
|
1464
1496
|
size?: DrawerSize;
|
|
1465
|
-
/** Plasseringen til `<Drawer
|
|
1497
|
+
/** Plasseringen til `<Drawer>`.
|
|
1498
|
+
* @default "right"
|
|
1499
|
+
*/
|
|
1466
1500
|
placement?: DrawerPlacement;
|
|
1467
1501
|
/**Header for `<Drawer />`. Har default styling hvis verdien er en string. */
|
|
1468
1502
|
header?: string | ReactNode;
|
|
@@ -1470,7 +1504,9 @@ type DrawerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
1470
1504
|
isOpen?: boolean;
|
|
1471
1505
|
/**Funksjon kjørt ved lukking. **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
|
|
1472
1506
|
onClose?: () => void;
|
|
1473
|
-
/**Spesifiserer hvilken DOM node `<Drawer
|
|
1507
|
+
/**Spesifiserer hvilken DOM node `<Drawer>` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node).
|
|
1508
|
+
* @default document.body
|
|
1509
|
+
*/
|
|
1474
1510
|
parentElement?: HTMLElement;
|
|
1475
1511
|
/**Custom props for breddehåndtering ved behov. */
|
|
1476
1512
|
widthProps?: WidthProps;
|
|
@@ -1478,9 +1514,13 @@ type DrawerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
1478
1514
|
triggerRef?: RefObject<HTMLElement>;
|
|
1479
1515
|
}>;
|
|
1480
1516
|
declare const Drawer: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
1481
|
-
/**Størrelsen på `<Drawer
|
|
1517
|
+
/**Størrelsen på `<Drawer>`.
|
|
1518
|
+
* @default "small"
|
|
1519
|
+
*/
|
|
1482
1520
|
size?: DrawerSize;
|
|
1483
|
-
/** Plasseringen til `<Drawer
|
|
1521
|
+
/** Plasseringen til `<Drawer>`.
|
|
1522
|
+
* @default "right"
|
|
1523
|
+
*/
|
|
1484
1524
|
placement?: DrawerPlacement;
|
|
1485
1525
|
/**Header for `<Drawer />`. Har default styling hvis verdien er en string. */
|
|
1486
1526
|
header?: string | ReactNode;
|
|
@@ -1488,7 +1528,9 @@ declare const Drawer: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<
|
|
|
1488
1528
|
isOpen?: boolean;
|
|
1489
1529
|
/**Funksjon kjørt ved lukking. **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
|
|
1490
1530
|
onClose?: () => void;
|
|
1491
|
-
/**Spesifiserer hvilken DOM node `<Drawer
|
|
1531
|
+
/**Spesifiserer hvilken DOM node `<Drawer>` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node).
|
|
1532
|
+
* @default document.body
|
|
1533
|
+
*/
|
|
1492
1534
|
parentElement?: HTMLElement;
|
|
1493
1535
|
/**Custom props for breddehåndtering ved behov. */
|
|
1494
1536
|
widthProps?: WidthProps;
|
|
@@ -1518,7 +1560,9 @@ declare const DrawerGroup: {
|
|
|
1518
1560
|
type EmptyContentProps = {
|
|
1519
1561
|
/**Tittel - kort oppsummering. */
|
|
1520
1562
|
title?: string;
|
|
1521
|
-
/**Nivå på overskriften. Sørg for at den følger hierarkiet på siden.
|
|
1563
|
+
/**Nivå på overskriften. Sørg for at den følger hierarkiet på siden.
|
|
1564
|
+
* @default 2
|
|
1565
|
+
*/
|
|
1522
1566
|
titleHeadingLevel?: HeadingLevel;
|
|
1523
1567
|
/**Melding - beskrivelse og forklaring på hvordan brukeren kan få innhold. Kan inneholde lenker og andre interaktive elementer. */
|
|
1524
1568
|
message: ReactNode;
|
|
@@ -1535,7 +1579,7 @@ interface FavStarProps extends BaseComponentPropsWithChildren<HTMLElement> {
|
|
|
1535
1579
|
*/
|
|
1536
1580
|
checked?: boolean;
|
|
1537
1581
|
/**
|
|
1538
|
-
* Hvis du skal bruke `<FavStar>` uncontrolled så kan denne brukes til å sette den initielle "
|
|
1582
|
+
* Hvis du skal bruke `<FavStar>` uncontrolled så kan denne brukes til å sette den initielle "favoritt"-statusen.
|
|
1539
1583
|
* @default false
|
|
1540
1584
|
*/
|
|
1541
1585
|
defaultChecked?: boolean;
|
|
@@ -1545,7 +1589,7 @@ interface FavStarProps extends BaseComponentPropsWithChildren<HTMLElement> {
|
|
|
1545
1589
|
onChange?: (checked: boolean) => void;
|
|
1546
1590
|
/**
|
|
1547
1591
|
* Størrelse på `<FavStar>`. `'medium'` er den mest vanlige størrelsen.
|
|
1548
|
-
* @default
|
|
1592
|
+
* @default "medium"
|
|
1549
1593
|
*/
|
|
1550
1594
|
size?: ComponentSize;
|
|
1551
1595
|
}
|
|
@@ -1554,29 +1598,49 @@ declare const FavStar: react.ForwardRefExoticComponent<FavStarProps & react.RefA
|
|
|
1554
1598
|
interface FeedbackProps {
|
|
1555
1599
|
/**Om knappene skal være plassert under eller ved siden av teksten. */
|
|
1556
1600
|
layout?: Layout;
|
|
1557
|
-
/**Label som er plassert over tommel opp/ned knappene.
|
|
1601
|
+
/**Label som er plassert over tommel opp/ned knappene.
|
|
1602
|
+
* @default "Hva syns du om tjenesten?"
|
|
1603
|
+
*/
|
|
1558
1604
|
ratingLabel: string;
|
|
1559
|
-
/**Label til fritekstfeltet når bruker har gitt tommel opp.
|
|
1605
|
+
/**Label til fritekstfeltet når bruker har gitt tommel opp.
|
|
1606
|
+
* @default "Hva kan vi forbedre? (valgfritt)"
|
|
1607
|
+
*/
|
|
1560
1608
|
positiveFeedbackLabel?: string;
|
|
1561
|
-
/**Label til fritekstfeltet når bruker har gitt tommel ned.
|
|
1609
|
+
/**Label til fritekstfeltet når bruker har gitt tommel ned.
|
|
1610
|
+
* @default "Hva kan vi forbedre? (valgfritt)"
|
|
1611
|
+
*/
|
|
1562
1612
|
negativeFeedbackLabel?: string;
|
|
1563
|
-
/**Tittel som vises når bruker har gitt tommel opp/ned, og enda ikke sendt inn kommentar.
|
|
1613
|
+
/**Tittel som vises når bruker har gitt tommel opp/ned, og enda ikke sendt inn kommentar.
|
|
1614
|
+
* @default "Tusen takk! Tilbakemeldingen din hjelper oss å forbedre løsningen"
|
|
1615
|
+
*/
|
|
1564
1616
|
ratingSubmittedTitle?: string;
|
|
1565
|
-
/**Tittel som vises når bruker har gitt feedback (inkl. eventuell kommentar).
|
|
1617
|
+
/**Tittel som vises når bruker har gitt feedback (inkl. eventuell kommentar).
|
|
1618
|
+
* @default "Tusen takk! Tilbakemeldingen din hjelper oss å forbedre løsningen"
|
|
1619
|
+
*/
|
|
1566
1620
|
submittedTitle?: string;
|
|
1567
|
-
/**Tip som vises under tekstfeltet når bruker skal sende inn kommentar.
|
|
1621
|
+
/**Tip som vises under tekstfeltet når bruker skal sende inn kommentar.
|
|
1622
|
+
* @default "Ikke send inn personopplysninger eller annen sensitiv informasjon"
|
|
1623
|
+
*/
|
|
1568
1624
|
textAreaTip?: string;
|
|
1569
1625
|
/**Om tommel opp eller ned er valgt. Brukes når komponenten skal være styrt utenfra. */
|
|
1570
1626
|
ratingValue?: Rating | null;
|
|
1571
1627
|
/**Verdien til fritekstfeltet. Brukes når komponenten skal være styrt utenfra. */
|
|
1572
1628
|
feedbackTextValue?: string;
|
|
1573
|
-
/**Tooltip-teksten til tommel-opp-knappen
|
|
1629
|
+
/**Tooltip-teksten til tommel-opp-knappen.
|
|
1630
|
+
* @default "Bra"
|
|
1631
|
+
*/
|
|
1574
1632
|
thumbUpTooltip?: string;
|
|
1575
|
-
/**Tooltip-teksten til tommel-ned-knappen
|
|
1633
|
+
/**Tooltip-teksten til tommel-ned-knappen.
|
|
1634
|
+
* @default "Dårlig"
|
|
1635
|
+
*/
|
|
1576
1636
|
thumbDownTooltip?: string;
|
|
1577
|
-
/**Om tilbakemeldingskomponenten skal ekskludere fritekstfeltet (i.e. kun ha tommel opp/ned)
|
|
1637
|
+
/**Om tilbakemeldingskomponenten skal ekskludere fritekstfeltet (i.e. kun ha tommel opp/ned).
|
|
1638
|
+
* @default false
|
|
1639
|
+
*/
|
|
1578
1640
|
feedbackTextAreaExcluded?: boolean;
|
|
1579
|
-
/**Om knappene skal vise spinner. Gjelder både tommel opp/ned knappene, og "send inn" knappen.
|
|
1641
|
+
/**Om knappene skal vise spinner. Gjelder både tommel opp/ned knappene, og "send inn" knappen.
|
|
1642
|
+
* @default false
|
|
1643
|
+
*/
|
|
1580
1644
|
loading?: boolean;
|
|
1581
1645
|
/**Om tilbakemelding er sendt inn. Brukes når komponenten skal være styrt utenfra. */
|
|
1582
1646
|
isSubmitted?: boolean;
|
|
@@ -1638,19 +1702,25 @@ type FileUploaderProps = {
|
|
|
1638
1702
|
id?: string;
|
|
1639
1703
|
/**Ledetekst for filopplaster. */
|
|
1640
1704
|
label?: string;
|
|
1641
|
-
/**Ledetekst for slippsonen. Denne teksten skal, av UU-hensyn, henge sammen med den usynlige teksten: "velg fil med påfølgende knapp"
|
|
1705
|
+
/**Ledetekst for slippsonen. Denne teksten skal, av UU-hensyn, henge sammen med den usynlige teksten: "velg fil med påfølgende knapp"
|
|
1706
|
+
* @default "Dra og slipp filer her eller"
|
|
1707
|
+
*/
|
|
1642
1708
|
dropAreaLabel?: string;
|
|
1643
|
-
/**Ledetekst for opplastingsknappen.
|
|
1709
|
+
/**Ledetekst for opplastingsknappen.
|
|
1710
|
+
* @default "Velg fil"
|
|
1711
|
+
*/
|
|
1644
1712
|
btnLabel?: string;
|
|
1645
1713
|
/**Hjelpetekst. */
|
|
1646
1714
|
tip?: string;
|
|
1647
|
-
/**Om det er påkrevd med minst
|
|
1715
|
+
/**Om det er påkrevd med minst én fil. */
|
|
1648
1716
|
required?: boolean;
|
|
1649
1717
|
/**Callback for når fil-listen endres. */
|
|
1650
1718
|
onChange: (newFiles: FileList) => void;
|
|
1651
1719
|
/**Bredde for filopplasteren. */
|
|
1652
1720
|
width?: Property.Width;
|
|
1653
|
-
/**Om drag-and-drop zone skal vises.
|
|
1721
|
+
/**Om drag-and-drop zone skal vises.
|
|
1722
|
+
* @default true
|
|
1723
|
+
*/
|
|
1654
1724
|
withDragAndDrop?: boolean;
|
|
1655
1725
|
/**Om listen med opplastede filer skal skjules. Brukes kun hvis listen blir vist på egen måte. */
|
|
1656
1726
|
hideFileList?: boolean;
|
|
@@ -1688,16 +1758,13 @@ declare const FooterListGroup: react.ForwardRefExoticComponent<Omit<react.Detail
|
|
|
1688
1758
|
type FooterLeftProps = ComponentProps<'div'>;
|
|
1689
1759
|
declare const FooterLeft: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
1690
1760
|
|
|
1691
|
-
declare const purposeVariants: {
|
|
1692
|
-
[k in GlobalMessagePurpose]: {
|
|
1693
|
-
icon: SvgIcon;
|
|
1694
|
-
};
|
|
1695
|
-
};
|
|
1696
1761
|
type GlobalMessagePurpose = 'info' | 'warning' | 'danger';
|
|
1697
1762
|
type GlobalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
1698
1763
|
/**Meldingen som vises til brukeren. Brukes kun når meldingen er en `string`. */
|
|
1699
1764
|
message?: string;
|
|
1700
|
-
/**Formålet med meldingen. Påvirker styling.
|
|
1765
|
+
/**Formålet med meldingen. Påvirker styling.
|
|
1766
|
+
* @default "info"
|
|
1767
|
+
*/
|
|
1701
1768
|
purpose?: GlobalMessagePurpose;
|
|
1702
1769
|
/**Indikerer om meldingen skal være lukkbar. */
|
|
1703
1770
|
closable?: boolean;
|
|
@@ -1707,7 +1774,9 @@ type GlobalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
1707
1774
|
declare const GlobalMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
1708
1775
|
/**Meldingen som vises til brukeren. Brukes kun når meldingen er en `string`. */
|
|
1709
1776
|
message?: string;
|
|
1710
|
-
/**Formålet med meldingen. Påvirker styling.
|
|
1777
|
+
/**Formålet med meldingen. Påvirker styling.
|
|
1778
|
+
* @default "info"
|
|
1779
|
+
*/
|
|
1711
1780
|
purpose?: GlobalMessagePurpose;
|
|
1712
1781
|
/**Indikerer om meldingen skal være lukkbar. */
|
|
1713
1782
|
closable?: boolean;
|
|
@@ -1769,7 +1838,9 @@ interface BaseInlineInputProps {
|
|
|
1769
1838
|
error?: boolean;
|
|
1770
1839
|
/**Feilmelding. Setter også error state. */
|
|
1771
1840
|
errorMessage?: string;
|
|
1772
|
-
/** Bredde på komponenten.
|
|
1841
|
+
/** Bredde på komponenten.
|
|
1842
|
+
* @default "140px"
|
|
1843
|
+
*/
|
|
1773
1844
|
width?: Property.Width;
|
|
1774
1845
|
/**Om redigeringsikonet skal vises. */
|
|
1775
1846
|
hideIcon?: boolean;
|
|
@@ -1806,13 +1877,17 @@ type InputMessageType = 'error' | 'tip';
|
|
|
1806
1877
|
type InputMessageProps = BaseComponentProps<HTMLDivElement, {
|
|
1807
1878
|
/** Meldingen som vises til brukeren. */
|
|
1808
1879
|
message: string;
|
|
1809
|
-
/** Formålet med meldingen. Påvirker styling.
|
|
1880
|
+
/** Formålet med meldingen. Påvirker styling.
|
|
1881
|
+
* @default "error"
|
|
1882
|
+
*/
|
|
1810
1883
|
messageType: InputMessageType;
|
|
1811
1884
|
}>;
|
|
1812
1885
|
declare const InputMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
1813
1886
|
/** Meldingen som vises til brukeren. */
|
|
1814
1887
|
message: string;
|
|
1815
|
-
/** Formålet med meldingen. Påvirker styling.
|
|
1888
|
+
/** Formålet med meldingen. Påvirker styling.
|
|
1889
|
+
* @default "error"
|
|
1890
|
+
*/
|
|
1816
1891
|
messageType: InputMessageType;
|
|
1817
1892
|
} & {
|
|
1818
1893
|
htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
|
|
@@ -1862,15 +1937,23 @@ declare const InternalHeader: {
|
|
|
1862
1937
|
type ListType = 'ordered' | 'unordered';
|
|
1863
1938
|
type ListTypographyType = TypographyBodyType | 'inherit';
|
|
1864
1939
|
type ListProps = BaseComponentPropsWithChildren<HTMLUListElement | HTMLOListElement, {
|
|
1865
|
-
/**Spesifiserer om komponenten skal returnere `<ul />` (punktliste) eller `<ol />` (nummerert liste).
|
|
1940
|
+
/**Spesifiserer om komponenten skal returnere `<ul />` (punktliste) eller `<ol />` (nummerert liste).
|
|
1941
|
+
* @default "unordered"
|
|
1942
|
+
*/
|
|
1866
1943
|
listType?: ListType;
|
|
1867
|
-
/**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.
|
|
1944
|
+
/**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.
|
|
1945
|
+
* @default "inherit"
|
|
1946
|
+
*/
|
|
1868
1947
|
typographyType?: ListTypographyType;
|
|
1869
1948
|
}>;
|
|
1870
1949
|
declare const List: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLOListElement | HTMLUListElement>, "id" | "className"> & {
|
|
1871
|
-
/**Spesifiserer om komponenten skal returnere `<ul />` (punktliste) eller `<ol />` (nummerert liste).
|
|
1950
|
+
/**Spesifiserer om komponenten skal returnere `<ul />` (punktliste) eller `<ol />` (nummerert liste).
|
|
1951
|
+
* @default "unordered"
|
|
1952
|
+
*/
|
|
1872
1953
|
listType?: ListType;
|
|
1873
|
-
/**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.
|
|
1954
|
+
/**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.
|
|
1955
|
+
* @default "inherit"
|
|
1956
|
+
*/
|
|
1874
1957
|
typographyType?: ListTypographyType;
|
|
1875
1958
|
} & {
|
|
1876
1959
|
children?: react.ReactNode | undefined;
|
|
@@ -1886,13 +1969,17 @@ type LocalMessageLayout = 'horisontal' | 'vertical';
|
|
|
1886
1969
|
type LocalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
1887
1970
|
/**Meldingen som vises til brukeren. Brukes kun når meldingen er string. */
|
|
1888
1971
|
message?: string;
|
|
1889
|
-
/**Formålet med meldingen. Påvirker styling.
|
|
1972
|
+
/**Formålet med meldingen. Påvirker styling.
|
|
1973
|
+
* @default "info"
|
|
1974
|
+
*/
|
|
1890
1975
|
purpose?: LocalMessagePurpose;
|
|
1891
1976
|
/** Indikerer om meldingen skal være lukkbar.*/
|
|
1892
1977
|
closable?: boolean;
|
|
1893
1978
|
/**Ekstra logikk å kjøre når meldingen lukkes. */
|
|
1894
1979
|
onClose?: () => void;
|
|
1895
|
-
/**Layoutet i komponenten. Ved kompleks innhold anbefales `layout='vertical'`.
|
|
1980
|
+
/**Layoutet i komponenten. Ved kompleks innhold anbefales `layout='vertical'`.
|
|
1981
|
+
* @default "horisontal"
|
|
1982
|
+
*/
|
|
1896
1983
|
layout?: LocalMessageLayout;
|
|
1897
1984
|
/**Custom bredde ved behov. */
|
|
1898
1985
|
width?: Property.Width;
|
|
@@ -1900,13 +1987,17 @@ type LocalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
1900
1987
|
declare const LocalMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
1901
1988
|
/**Meldingen som vises til brukeren. Brukes kun når meldingen er string. */
|
|
1902
1989
|
message?: string;
|
|
1903
|
-
/**Formålet med meldingen. Påvirker styling.
|
|
1990
|
+
/**Formålet med meldingen. Påvirker styling.
|
|
1991
|
+
* @default "info"
|
|
1992
|
+
*/
|
|
1904
1993
|
purpose?: LocalMessagePurpose;
|
|
1905
1994
|
/** Indikerer om meldingen skal være lukkbar.*/
|
|
1906
1995
|
closable?: boolean;
|
|
1907
1996
|
/**Ekstra logikk å kjøre når meldingen lukkes. */
|
|
1908
1997
|
onClose?: () => void;
|
|
1909
|
-
/**Layoutet i komponenten. Ved kompleks innhold anbefales `layout='vertical'`.
|
|
1998
|
+
/**Layoutet i komponenten. Ved kompleks innhold anbefales `layout='vertical'`.
|
|
1999
|
+
* @default "horisontal"
|
|
2000
|
+
*/
|
|
1910
2001
|
layout?: LocalMessageLayout;
|
|
1911
2002
|
/**Custom bredde ved behov. */
|
|
1912
2003
|
width?: Property.Width;
|
|
@@ -1921,7 +2012,9 @@ type ModalProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
1921
2012
|
isOpen?: boolean;
|
|
1922
2013
|
/**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. */
|
|
1923
2014
|
onClose?: () => void;
|
|
1924
|
-
/**Spesifiserer hvilken DOM node `<Modal />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node).
|
|
2015
|
+
/**Spesifiserer hvilken DOM node `<Modal />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node).
|
|
2016
|
+
* @default document.body
|
|
2017
|
+
*/
|
|
1925
2018
|
parentElement?: HTMLElement;
|
|
1926
2019
|
/**Tittel/header i modal. Setter `aria-labelledby`. */
|
|
1927
2020
|
header?: string | ReactNode;
|
|
@@ -1935,7 +2028,9 @@ declare const Modal: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<H
|
|
|
1935
2028
|
isOpen?: boolean;
|
|
1936
2029
|
/**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. */
|
|
1937
2030
|
onClose?: () => void;
|
|
1938
|
-
/**Spesifiserer hvilken DOM node `<Modal />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node).
|
|
2031
|
+
/**Spesifiserer hvilken DOM node `<Modal />` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node).
|
|
2032
|
+
* @default document.body
|
|
2033
|
+
*/
|
|
1939
2034
|
parentElement?: HTMLElement;
|
|
1940
2035
|
/**Tittel/header i modal. Setter `aria-labelledby`. */
|
|
1941
2036
|
header?: string | ReactNode;
|
|
@@ -1990,11 +2085,17 @@ type OverflowMenuButtonProps = OverflowMenuListItemBaseProps & ButtonHTMLAttribu
|
|
|
1990
2085
|
type OverflowMenuLinkProps = OverflowMenuListItemBaseProps & AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
1991
2086
|
type OverflowMenuSpanProps = OverflowMenuListItemBaseProps & HTMLAttributes<HTMLSpanElement>;
|
|
1992
2087
|
type OverflowMenuProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
1993
|
-
/**Plassering av menyen i forhold til anchor-elementet.
|
|
2088
|
+
/**Plassering av menyen i forhold til anchor-elementet.
|
|
2089
|
+
* @default "bottom-end"
|
|
2090
|
+
*/
|
|
1994
2091
|
placement?: Placement;
|
|
1995
|
-
/**Avstand fra anchor-elementet i px.
|
|
2092
|
+
/**Avstand fra anchor-elementet i px.
|
|
2093
|
+
* @default 2
|
|
2094
|
+
*/
|
|
1996
2095
|
offset?: number;
|
|
1997
|
-
/**Spesifiserer om menyen skal vises. **OBS!** nødvendig kun hvis `<OverflowMenuGroup />` ikke brukes.
|
|
2096
|
+
/**Spesifiserer om menyen skal vises. **OBS!** nødvendig kun hvis `<OverflowMenuGroup />` ikke brukes.
|
|
2097
|
+
* @default false
|
|
2098
|
+
*/
|
|
1998
2099
|
isOpen?: boolean;
|
|
1999
2100
|
/**Callback for å lukke menyen. **OBS!** nødvendig kun hvis `<OverflowMenuGroup />` ikke brukes. */
|
|
2000
2101
|
onClose?: () => void;
|
|
@@ -2044,17 +2145,30 @@ interface PaginationOption {
|
|
|
2044
2145
|
type PaginationProps = BaseComponentProps<HTMLElement, {
|
|
2045
2146
|
/**Totalt antall elementer å paginere. */
|
|
2046
2147
|
itemsAmount: number;
|
|
2047
|
-
/**Antall elementer per side ved innlastning av komponenten.
|
|
2148
|
+
/**Antall elementer per side ved innlastning av komponenten.
|
|
2149
|
+
* @default 10
|
|
2150
|
+
*/
|
|
2048
2151
|
defaultItemsPerPage?: number;
|
|
2049
|
-
/**Den aktive siden ved innlastning av komponenten.
|
|
2152
|
+
/**Den aktive siden ved innlastning av komponenten.
|
|
2153
|
+
* @default 1
|
|
2154
|
+
*/
|
|
2050
2155
|
defaultActivePage?: number;
|
|
2051
|
-
/**Spesifiserer om selve pagineringen skal vises.
|
|
2156
|
+
/**Spesifiserer om selve pagineringen skal vises.
|
|
2157
|
+
* @default true
|
|
2158
|
+
*/
|
|
2052
2159
|
withPagination?: boolean;
|
|
2053
2160
|
/**Spesifiserer om teksten `'Vis x-y av z'` skal vises. */
|
|
2054
2161
|
withCounter?: boolean;
|
|
2055
2162
|
/**Spesifiserer om `<Select />` til å velge antall resultater per side skal vises. */
|
|
2056
2163
|
withSelect?: boolean;
|
|
2057
|
-
/**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.
|
|
2164
|
+
/**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.
|
|
2165
|
+
* @default [
|
|
2166
|
+
{ label: '10', value: 10 },
|
|
2167
|
+
{ label: '25', value: 25 },
|
|
2168
|
+
{ label: '50', value: 50 },
|
|
2169
|
+
{ label: 'Alle', value: itemsAmount },
|
|
2170
|
+
]
|
|
2171
|
+
*/
|
|
2058
2172
|
selectOptions?: Array<PaginationOption>;
|
|
2059
2173
|
/**Brukes til å hente side og eventuelt annen logikk ved endring av side. */
|
|
2060
2174
|
onChange?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void;
|
|
@@ -2066,17 +2180,30 @@ type PaginationProps = BaseComponentProps<HTMLElement, {
|
|
|
2066
2180
|
declare const Pagination: react.ForwardRefExoticComponent<Pick<Omit<HTMLAttributes<HTMLElement>, "onChange">, "id" | "className"> & {
|
|
2067
2181
|
/**Totalt antall elementer å paginere. */
|
|
2068
2182
|
itemsAmount: number;
|
|
2069
|
-
/**Antall elementer per side ved innlastning av komponenten.
|
|
2183
|
+
/**Antall elementer per side ved innlastning av komponenten.
|
|
2184
|
+
* @default 10
|
|
2185
|
+
*/
|
|
2070
2186
|
defaultItemsPerPage?: number;
|
|
2071
|
-
/**Den aktive siden ved innlastning av komponenten.
|
|
2187
|
+
/**Den aktive siden ved innlastning av komponenten.
|
|
2188
|
+
* @default 1
|
|
2189
|
+
*/
|
|
2072
2190
|
defaultActivePage?: number;
|
|
2073
|
-
/**Spesifiserer om selve pagineringen skal vises.
|
|
2191
|
+
/**Spesifiserer om selve pagineringen skal vises.
|
|
2192
|
+
* @default true
|
|
2193
|
+
*/
|
|
2074
2194
|
withPagination?: boolean;
|
|
2075
2195
|
/**Spesifiserer om teksten `'Vis x-y av z'` skal vises. */
|
|
2076
2196
|
withCounter?: boolean;
|
|
2077
2197
|
/**Spesifiserer om `<Select />` til å velge antall resultater per side skal vises. */
|
|
2078
2198
|
withSelect?: boolean;
|
|
2079
|
-
/**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.
|
|
2199
|
+
/**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.
|
|
2200
|
+
* @default [
|
|
2201
|
+
{ label: '10', value: 10 },
|
|
2202
|
+
{ label: '25', value: 25 },
|
|
2203
|
+
{ label: '50', value: 50 },
|
|
2204
|
+
{ label: 'Alle', value: itemsAmount },
|
|
2205
|
+
]
|
|
2206
|
+
*/
|
|
2080
2207
|
selectOptions?: Array<PaginationOption>;
|
|
2081
2208
|
/**Brukes til å hente side og eventuelt annen logikk ved endring av side. */
|
|
2082
2209
|
onChange?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void;
|
|
@@ -2099,15 +2226,23 @@ interface PopoverSizeProps {
|
|
|
2099
2226
|
type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
2100
2227
|
/**Tittel. */
|
|
2101
2228
|
title?: string | ReactNode;
|
|
2102
|
-
/** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Spesifiserer om `<Popover />` skal vises.
|
|
2229
|
+
/** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Spesifiserer om `<Popover />` skal vises.
|
|
2230
|
+
* @default false
|
|
2231
|
+
*/
|
|
2103
2232
|
isOpen?: boolean;
|
|
2104
|
-
/**Om lukkeknapp skal vises.
|
|
2233
|
+
/**Om lukkeknapp skal vises.
|
|
2234
|
+
* @default true
|
|
2235
|
+
*/
|
|
2105
2236
|
withCloseButton?: boolean;
|
|
2106
2237
|
/** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Anchor-elementet. */
|
|
2107
2238
|
anchorElement?: HTMLElement;
|
|
2108
|
-
/**Spesifiserer hvor komponenten skal plasseres i forhold til anchor-elementet.
|
|
2239
|
+
/**Spesifiserer hvor komponenten skal plasseres i forhold til anchor-elementet.
|
|
2240
|
+
* @default "bottom"
|
|
2241
|
+
*/
|
|
2109
2242
|
placement?: Placement;
|
|
2110
|
-
/**Avstand fra anchor-elementet i px.
|
|
2243
|
+
/**Avstand fra anchor-elementet i px.
|
|
2244
|
+
* @default 8
|
|
2245
|
+
*/
|
|
2111
2246
|
offset?: number;
|
|
2112
2247
|
/** Ekstra logikk kjørt når lukkeknappen trykkes. */
|
|
2113
2248
|
onCloseButtonClick?: () => void;
|
|
@@ -2121,15 +2256,23 @@ type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
2121
2256
|
declare const Popover: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
2122
2257
|
/**Tittel. */
|
|
2123
2258
|
title?: string | ReactNode;
|
|
2124
|
-
/** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Spesifiserer om `<Popover />` skal vises.
|
|
2259
|
+
/** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Spesifiserer om `<Popover />` skal vises.
|
|
2260
|
+
* @default false
|
|
2261
|
+
*/
|
|
2125
2262
|
isOpen?: boolean;
|
|
2126
|
-
/**Om lukkeknapp skal vises.
|
|
2263
|
+
/**Om lukkeknapp skal vises.
|
|
2264
|
+
* @default true
|
|
2265
|
+
*/
|
|
2127
2266
|
withCloseButton?: boolean;
|
|
2128
2267
|
/** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Anchor-elementet. */
|
|
2129
2268
|
anchorElement?: HTMLElement;
|
|
2130
|
-
/**Spesifiserer hvor komponenten skal plasseres i forhold til anchor-elementet.
|
|
2269
|
+
/**Spesifiserer hvor komponenten skal plasseres i forhold til anchor-elementet.
|
|
2270
|
+
* @default "bottom"
|
|
2271
|
+
*/
|
|
2131
2272
|
placement?: Placement;
|
|
2132
|
-
/**Avstand fra anchor-elementet i px.
|
|
2273
|
+
/**Avstand fra anchor-elementet i px.
|
|
2274
|
+
* @default 8
|
|
2275
|
+
*/
|
|
2133
2276
|
offset?: number;
|
|
2134
2277
|
/** Ekstra logikk kjørt når lukkeknappen trykkes. */
|
|
2135
2278
|
onCloseButtonClick?: () => void;
|
|
@@ -2165,7 +2308,9 @@ declare const PopoverGroup: {
|
|
|
2165
2308
|
interface BaseItemProps {
|
|
2166
2309
|
/** Om steget er valgt eller ikke. Settes av konsument. */
|
|
2167
2310
|
active?: boolean;
|
|
2168
|
-
/** Om steget er ferdig eller ikke. Settes av konsument.
|
|
2311
|
+
/** Om steget er ferdig eller ikke. Settes av konsument.
|
|
2312
|
+
* @default false
|
|
2313
|
+
*/
|
|
2169
2314
|
completed?: boolean;
|
|
2170
2315
|
/** Om steget skal være disabled. Settes av konsument.
|
|
2171
2316
|
* @default false
|
|
@@ -2173,7 +2318,7 @@ interface BaseItemProps {
|
|
|
2173
2318
|
disabled?: boolean;
|
|
2174
2319
|
/** Ikon som skal vises istedenfor stegnummeret. Settes av konument. */
|
|
2175
2320
|
icon?: SvgIcon;
|
|
2176
|
-
/** Indeksen til steget. NB! Denne settes automatisk av
|
|
2321
|
+
/** Indeksen til steget. NB! Denne settes automatisk av forelder og skal ikke settes manuelt. */
|
|
2177
2322
|
index?: number;
|
|
2178
2323
|
}
|
|
2179
2324
|
type ProgressTrackerItemProps = BaseComponentPropsWithChildren<HTMLButtonElement, BaseItemProps & {
|
|
@@ -2188,7 +2333,9 @@ declare const ProgressTrackerItem: {
|
|
|
2188
2333
|
};
|
|
2189
2334
|
|
|
2190
2335
|
type ProgressTrackerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
2191
|
-
/** Indeksen til det aktive steget.
|
|
2336
|
+
/** Indeksen til det aktive steget.
|
|
2337
|
+
* @default 0
|
|
2338
|
+
*/
|
|
2192
2339
|
activeStep?: number;
|
|
2193
2340
|
/** Ekstra logikk ved klikking på et steg. */
|
|
2194
2341
|
onStepChange?: (step: number) => void;
|
|
@@ -2240,9 +2387,11 @@ interface SearchAutocompleteWrapperProps {
|
|
|
2240
2387
|
onSuggestionSelection?: () => void;
|
|
2241
2388
|
/** Custom filter for forslag. */
|
|
2242
2389
|
filter?: (sugestion: string, query: string) => boolean;
|
|
2243
|
-
/**Minst lengde på query når forslag skal vises.
|
|
2390
|
+
/**Minst lengde på query når forslag skal vises.
|
|
2391
|
+
* @default 2
|
|
2392
|
+
*/
|
|
2244
2393
|
queryLength?: number;
|
|
2245
|
-
/** Barnet til
|
|
2394
|
+
/** Barnet til subkomponenten - `<Search>`. */
|
|
2246
2395
|
children?: ReactNode;
|
|
2247
2396
|
/**Initielle `value` i `<Search>`. */
|
|
2248
2397
|
value?: string;
|
|
@@ -2293,7 +2442,9 @@ type WrappedReactSelectProps<Option, IsMulti extends boolean, Group extends Grou
|
|
|
2293
2442
|
type SelectProps<Option = unknown, IsMulti extends boolean = false> = {
|
|
2294
2443
|
/**Ledetekst for nedtrekkslisten. */
|
|
2295
2444
|
label?: string;
|
|
2296
|
-
/**Størrelsen på komponenten.
|
|
2445
|
+
/**Størrelsen på komponenten.
|
|
2446
|
+
* @default "medium"
|
|
2447
|
+
*/
|
|
2297
2448
|
componentSize?: InputSize;
|
|
2298
2449
|
/**Ikonet som vises i komponenten. */
|
|
2299
2450
|
icon?: SvgIcon;
|
|
@@ -2327,58 +2478,58 @@ declare const NativeSelectPlaceholder: react.ForwardRefExoticComponent<Omit<reac
|
|
|
2327
2478
|
|
|
2328
2479
|
declare const createSelectOptions: <TValue extends string | number>(...args: Array<TValue>) => Array<SelectOption<TValue>>;
|
|
2329
2480
|
|
|
2330
|
-
|
|
2331
|
-
|
|
2332
|
-
/** Ledetekst for inputelementet. */
|
|
2481
|
+
interface SelectionControlCommonProps {
|
|
2482
|
+
/**Ledetekst for alternativet. */
|
|
2333
2483
|
label?: string;
|
|
2334
|
-
/**
|
|
2335
|
-
error?: boolean;
|
|
2336
|
-
/** Setter disabled-tilstand for inputelementet. */
|
|
2484
|
+
/**Spesifiserer om input er `disabled`. */
|
|
2337
2485
|
disabled?: boolean;
|
|
2338
|
-
/**
|
|
2339
|
-
readOnly?: boolean;
|
|
2340
|
-
/**Brukes ved nøstet struktur der alle Checkbox som hører til en gruppe kan bli valgt ved å trykke på en forelder Checkbox. Hvis enkelte <Checkbox /> blir valgt men ikke alle skal forelder <Checkbox /> få tilstanden indeterminate - verken checked eller ikke. */
|
|
2341
|
-
indeterminate?: boolean;
|
|
2342
|
-
} & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;
|
|
2343
|
-
|
|
2344
|
-
declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked">, "id" | "className"> & {
|
|
2345
|
-
label?: string;
|
|
2486
|
+
/**Indikerer valideringsfeil. Påvirker styling. */
|
|
2346
2487
|
error?: boolean;
|
|
2347
|
-
|
|
2488
|
+
/**Inputelementet blir `readonly` - den kan ikke interageres med. Brukes bl.a. til å presentere input brukeren har fylt ut andre steder. */
|
|
2348
2489
|
readOnly?: boolean;
|
|
2349
|
-
|
|
2350
|
-
|
|
2351
|
-
htmlProps?: Omit<react.InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked"> | undefined;
|
|
2352
|
-
} & react.RefAttributes<HTMLInputElement>>;
|
|
2353
|
-
|
|
2354
|
-
type CheckboxGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
2490
|
+
}
|
|
2491
|
+
interface SelectionControlGroupCommonProps {
|
|
2355
2492
|
/**Ledetekst for gruppen. */
|
|
2356
2493
|
label?: string;
|
|
2357
|
-
/**Retningen barna gjengis i.
|
|
2494
|
+
/**Retningen barna gjengis i.
|
|
2495
|
+
* @default "row"
|
|
2496
|
+
*/
|
|
2358
2497
|
direction?: Direction$1;
|
|
2359
2498
|
/**Custom id for for gruppen, knytter ledetekst til gruppen via `aria-label`. */
|
|
2360
2499
|
groupId?: string;
|
|
2361
|
-
/**Meldingen som vises ved valideringsfeil. Sender error-tilstand til barna når det finnes og setter `aria-describedby` for barna. */
|
|
2362
|
-
errorMessage?: string;
|
|
2363
2500
|
/**Hjelpetekst for gruppen. */
|
|
2364
2501
|
tip?: string;
|
|
2365
|
-
/**Indikerer at det er påkrevd å velge minst ett alternativ. Innebærer visuell endring. **OBS!** `required` må i tillegg gis til `<Checkbox />` manuelt. */
|
|
2366
|
-
required?: boolean;
|
|
2367
2502
|
/**Gir alle barna `disabled` prop. */
|
|
2368
2503
|
disabled?: boolean;
|
|
2369
2504
|
/**Gir alle barna `readOnly` prop. */
|
|
2370
2505
|
readOnly?: boolean;
|
|
2506
|
+
/**Meldingen som vises ved valideringsfeil. Gir error-tilstand til barna og setter `aria-describedby` for barna. */
|
|
2507
|
+
errorMessage?: string;
|
|
2508
|
+
}
|
|
2509
|
+
|
|
2510
|
+
type CheckboxPickedHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'name' | 'checked' | 'defaultChecked' | 'value' | 'defaultValue' | 'onChange' | 'onBlur'>;
|
|
2511
|
+
type CheckboxProps = BaseComponentProps<HTMLInputElement, SelectionControlCommonProps & {
|
|
2512
|
+
/**Brukes ved nøstet struktur der alle `<Checkbox>` som hører til en gruppe kan bli valgt ved å trykke på en forelder `<Checkbox>`.
|
|
2513
|
+
* Hvis enkelte `<Checkbox>` blir valgt men ikke alle, skal forelder `<Checkbox>` få tilstanden `indeterminate` - verken valgt eller ikke. */
|
|
2514
|
+
indeterminate?: boolean;
|
|
2515
|
+
} & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;
|
|
2516
|
+
|
|
2517
|
+
declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked">, "id" | "className"> & SelectionControlCommonProps & {
|
|
2518
|
+
indeterminate?: boolean;
|
|
2519
|
+
} & CheckboxPickedHTMLAttributes & {
|
|
2520
|
+
htmlProps?: Omit<react.InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked"> | undefined;
|
|
2521
|
+
} & react.RefAttributes<HTMLInputElement>>;
|
|
2522
|
+
|
|
2523
|
+
type CheckboxGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, SelectionControlGroupCommonProps & {
|
|
2524
|
+
/**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. */
|
|
2525
|
+
required?: boolean;
|
|
2371
2526
|
}>;
|
|
2372
2527
|
declare const CheckboxGroup: {
|
|
2373
2528
|
(props: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
|
|
2374
2529
|
displayName: string;
|
|
2375
2530
|
};
|
|
2376
2531
|
|
|
2377
|
-
declare const RadioButton: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "onChange" | "name" | "value" | "checked" | "readOnly" | "required">, "id" | "className"> & {
|
|
2378
|
-
label?: string;
|
|
2379
|
-
disabled?: boolean;
|
|
2380
|
-
error?: boolean;
|
|
2381
|
-
} & {
|
|
2532
|
+
declare const RadioButton: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "onChange" | "name" | "value" | "checked" | "readOnly" | "required">, "id" | "className"> & SelectionControlCommonProps & {
|
|
2382
2533
|
"aria-describedby"?: string | undefined;
|
|
2383
2534
|
onChange?: react.ChangeEventHandler<HTMLInputElement> | undefined;
|
|
2384
2535
|
name?: string | undefined;
|
|
@@ -2393,68 +2544,61 @@ declare const RadioButton: react.ForwardRefExoticComponent<Pick<Omit<react.Input
|
|
|
2393
2544
|
} & react.RefAttributes<HTMLInputElement>>;
|
|
2394
2545
|
|
|
2395
2546
|
type PickedInputHTMLAttributes$1 = Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'readOnly' | 'checked' | 'value' | 'required' | 'onChange' | 'aria-describedby'>;
|
|
2396
|
-
type RadioButtonProps = BaseComponentPropsWithChildren<HTMLInputElement,
|
|
2397
|
-
/**Ledetekst for alternativet. */
|
|
2398
|
-
label?: string;
|
|
2399
|
-
/**Spesifiserer om input er disabled. */
|
|
2400
|
-
disabled?: boolean;
|
|
2401
|
-
/**Indikerer valideringsfeil. Påvirker styling. */
|
|
2402
|
-
error?: boolean;
|
|
2403
|
-
} & PickedInputHTMLAttributes$1, Omit<InputHTMLAttributes<HTMLInputElement>, keyof PickedInputHTMLAttributes$1>>;
|
|
2547
|
+
type RadioButtonProps = BaseComponentPropsWithChildren<HTMLInputElement, SelectionControlCommonProps & PickedInputHTMLAttributes$1, Omit<InputHTMLAttributes<HTMLInputElement>, keyof PickedInputHTMLAttributes$1>>;
|
|
2404
2548
|
|
|
2405
|
-
type RadioButtonGroupProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
2549
|
+
type RadioButtonGroupProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, SelectionControlGroupCommonProps & {
|
|
2406
2550
|
/** Gir alle barna `name` prop.*/
|
|
2407
2551
|
name?: string;
|
|
2408
|
-
/**Ledetekst for hele gruppen. */
|
|
2409
|
-
label?: string;
|
|
2410
2552
|
/**Funksjonen for onChange-event for barna. */
|
|
2411
2553
|
onChange?: (event: ChangeEvent<HTMLInputElement>, value: T | undefined) => void;
|
|
2412
|
-
/**
|
|
2554
|
+
/** Gjør alle barna påkrevd ved å gi dem `required` prop. Legger en markør (*) bak ledeteksten. */
|
|
2413
2555
|
required?: boolean;
|
|
2414
|
-
/**Meldingen som vises ved valideringsfeil. Gir alle barna error prop. */
|
|
2415
|
-
errorMessage?: string;
|
|
2416
|
-
/**Hjelpetekst for gruppen. */
|
|
2417
|
-
tip?: string;
|
|
2418
|
-
/**Gir alle barna `disabled` prop. */
|
|
2419
|
-
disabled?: boolean;
|
|
2420
|
-
/**Gir alle barna `readOnly` prop */
|
|
2421
|
-
readOnly?: boolean;
|
|
2422
|
-
/**Retningen radioknappene skal gjengis i. */
|
|
2423
|
-
direction?: Direction$1;
|
|
2424
2556
|
/**Default verdi - en `<RadioButton />` blir forhåndsvalgt. **OBS!** brukes kun når brukeren ikke skal fylle ut selv. */
|
|
2425
2557
|
value?: T | undefined;
|
|
2426
|
-
/**custom id for for gruppen, knytter `label` til gruppen via `aria-label`. */
|
|
2427
|
-
groupId?: string;
|
|
2428
2558
|
}, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
|
|
2429
2559
|
declare const RadioButtonGroup: <T extends string | number = string>(props: RadioButtonGroupProps<T> & {
|
|
2430
2560
|
ref?: Ref<HTMLDivElement>;
|
|
2431
2561
|
}) => ReactElement;
|
|
2432
2562
|
|
|
2433
2563
|
type SkipToContentProps = BaseComponentProps<HTMLAnchorElement, {
|
|
2434
|
-
/** Teksten som vises i lenka.
|
|
2564
|
+
/** Teksten som vises i lenka.
|
|
2565
|
+
* @default "Til hovedinnhold"
|
|
2566
|
+
*/
|
|
2435
2567
|
text?: string;
|
|
2436
2568
|
/**Spesifiserer hvor det skal hoppes til via `id`-attributtet til innholdet. */
|
|
2437
2569
|
href: string;
|
|
2438
|
-
/**Avstand fra top i nærmeste posisjonert container.
|
|
2570
|
+
/**Avstand fra top i nærmeste posisjonert container.
|
|
2571
|
+
* @default 0
|
|
2572
|
+
*/
|
|
2439
2573
|
top?: Property.Top;
|
|
2440
2574
|
}>;
|
|
2441
2575
|
declare const SkipToContent: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLAnchorElement>, "id" | "className"> & {
|
|
2442
|
-
/** Teksten som vises i lenka.
|
|
2576
|
+
/** Teksten som vises i lenka.
|
|
2577
|
+
* @default "Til hovedinnhold"
|
|
2578
|
+
*/
|
|
2443
2579
|
text?: string;
|
|
2444
2580
|
/**Spesifiserer hvor det skal hoppes til via `id`-attributtet til innholdet. */
|
|
2445
2581
|
href: string;
|
|
2446
|
-
/**Avstand fra top i nærmeste posisjonert container.
|
|
2582
|
+
/**Avstand fra top i nærmeste posisjonert container.
|
|
2583
|
+
* @default 0
|
|
2584
|
+
*/
|
|
2447
2585
|
top?: Property.Top;
|
|
2448
2586
|
} & {
|
|
2449
2587
|
htmlProps?: react.HTMLAttributes<HTMLAnchorElement> | undefined;
|
|
2450
2588
|
} & react.RefAttributes<HTMLAnchorElement>>;
|
|
2451
2589
|
|
|
2452
2590
|
type SpinnerProps = BaseComponentProps<SVGElement, {
|
|
2453
|
-
/**Farge på spinneren.
|
|
2591
|
+
/**Farge på spinneren.
|
|
2592
|
+
* @default "iconActionResting"
|
|
2593
|
+
*/
|
|
2454
2594
|
color?: TextColor;
|
|
2455
|
-
/**Størrelse; Setter høyde og bredde på spinneren.
|
|
2595
|
+
/**Størrelse; Setter høyde og bredde på spinneren.
|
|
2596
|
+
* @default ddsTokens.ddsIconSizeMedium
|
|
2597
|
+
*/
|
|
2456
2598
|
size?: Property.Width;
|
|
2457
|
-
/**Tekst som vises ved hover.
|
|
2599
|
+
/**Tekst som vises ved hover.
|
|
2600
|
+
* @default "Innlasting pågår"
|
|
2601
|
+
*/
|
|
2458
2602
|
tooltip?: string;
|
|
2459
2603
|
}>;
|
|
2460
2604
|
declare function Spinner(props: SpinnerProps): react_jsx_runtime.JSX.Element;
|
|
@@ -2465,24 +2609,24 @@ declare namespace Spinner {
|
|
|
2465
2609
|
type SplitButtonPurpose = ExtractStrict<ButtonPurpose, 'primary' | 'secondary'>;
|
|
2466
2610
|
type SplitButtonPrimaryActionProps = Omit<ButtonProps, 'size' | 'purpose'>;
|
|
2467
2611
|
type SplitButtonSecondaryActionsProps = Array<OverflowMenuButtonProps>;
|
|
2468
|
-
type SplitButtonProps = {
|
|
2469
|
-
/**
|
|
2470
|
-
size?: ButtonSize;
|
|
2471
|
-
/**Props for primær handling. Samme props som for `<Button />` unntatt `size` og `purpose`. */
|
|
2612
|
+
type SplitButtonProps = Pick<ButtonProps, 'size'> & {
|
|
2613
|
+
/**Props for primær handling. Samme props som for `<Button>` unntatt `size` og `purpose`. */
|
|
2472
2614
|
primaryAction: SplitButtonPrimaryActionProps;
|
|
2473
2615
|
/**Props for sekunære handlinger. */
|
|
2474
2616
|
secondaryActions: SplitButtonSecondaryActionsProps;
|
|
2475
|
-
/**Formål med knappen
|
|
2617
|
+
/**Formål med knappen.
|
|
2618
|
+
* @default "primary"
|
|
2619
|
+
*/
|
|
2476
2620
|
purpose?: SplitButtonPurpose;
|
|
2477
2621
|
} & HTMLAttributes<HTMLDivElement>;
|
|
2478
|
-
declare const SplitButton: react.ForwardRefExoticComponent<{
|
|
2479
|
-
/**
|
|
2480
|
-
size?: ButtonSize;
|
|
2481
|
-
/**Props for primær handling. Samme props som for `<Button />` unntatt `size` og `purpose`. */
|
|
2622
|
+
declare const SplitButton: react.ForwardRefExoticComponent<Pick<ButtonProps, "size"> & {
|
|
2623
|
+
/**Props for primær handling. Samme props som for `<Button>` unntatt `size` og `purpose`. */
|
|
2482
2624
|
primaryAction: SplitButtonPrimaryActionProps;
|
|
2483
2625
|
/**Props for sekunære handlinger. */
|
|
2484
2626
|
secondaryActions: SplitButtonSecondaryActionsProps;
|
|
2485
|
-
/**Formål med knappen
|
|
2627
|
+
/**Formål med knappen.
|
|
2628
|
+
* @default "primary"
|
|
2629
|
+
*/
|
|
2486
2630
|
purpose?: SplitButtonPurpose;
|
|
2487
2631
|
} & HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
|
|
2488
2632
|
|
|
@@ -2494,12 +2638,12 @@ interface StackStyleProps {
|
|
|
2494
2638
|
direction: 'horizontal' | 'vertical';
|
|
2495
2639
|
/**
|
|
2496
2640
|
* CSS `align-items`.
|
|
2497
|
-
* @default
|
|
2641
|
+
* @default "center"
|
|
2498
2642
|
*/
|
|
2499
2643
|
align?: StandardProperties['alignItems'];
|
|
2500
2644
|
/**
|
|
2501
2645
|
* CSS `justify-content`.
|
|
2502
|
-
* @default
|
|
2646
|
+
* @default "flex-start"
|
|
2503
2647
|
*/
|
|
2504
2648
|
justify?: StandardProperties['justifyContent'];
|
|
2505
2649
|
/**
|
|
@@ -2527,7 +2671,9 @@ type HyphenSpacingProps = 'x-0-125' | 'x-0-25' | 'x-0-5' | 'x-0-75' | 'x-1' | 'x
|
|
|
2527
2671
|
|
|
2528
2672
|
type TableDensity = 'normal' | 'compact' | 'extraCompact';
|
|
2529
2673
|
type TableProps = {
|
|
2530
|
-
/**Spesifiserer hvor romslige cellene i tabellen skal være.
|
|
2674
|
+
/**Spesifiserer hvor romslige cellene i tabellen skal være.
|
|
2675
|
+
* @default "normal"
|
|
2676
|
+
*/
|
|
2531
2677
|
density?: TableDensity;
|
|
2532
2678
|
/**Spesifiserer om cellene i `<Head>` skal bli sticky ved scrolling. */
|
|
2533
2679
|
stickyHeader?: boolean;
|
|
@@ -2543,10 +2689,13 @@ type RowMode = 'normal' | 'sum';
|
|
|
2543
2689
|
type TableRowProps = {
|
|
2544
2690
|
/**
|
|
2545
2691
|
* Spesifiserer om raden skal brukes i `<head>` eller `<body>`-seksjonen.
|
|
2546
|
-
* @default
|
|
2692
|
+
* @default "body" hvis den er brukt i `<Table.Body>` eller `<Table.Foot>`, 'head' hvis den er i `<Table.Head>`.
|
|
2547
2693
|
*/
|
|
2548
2694
|
type?: TableRowType;
|
|
2549
|
-
/**Custom modus for rader som har ytterligere semantisk betydning (f.eks. summeringsrad), definerer kun styling.
|
|
2695
|
+
/**Custom modus for rader som har ytterligere semantisk betydning (f.eks. summeringsrad), definerer kun styling.
|
|
2696
|
+
* Ved bruk av sum må `<Cell>` med tall i høyrestilles vha layout prop.
|
|
2697
|
+
* @default "normal"
|
|
2698
|
+
**/
|
|
2550
2699
|
mode?: RowMode;
|
|
2551
2700
|
/**Spesifiserer om raden har blitt valgt/markert. */
|
|
2552
2701
|
selected?: boolean;
|
|
@@ -2565,10 +2714,12 @@ interface CollapsibleProps {
|
|
|
2565
2714
|
type TableCellProps = {
|
|
2566
2715
|
/**
|
|
2567
2716
|
* Type celle. Returnerer enten `<td>` eller `<th>`.
|
|
2568
|
-
* @default
|
|
2717
|
+
* @default "data" hvis den er brukt i `<Table.Body>` eller `<Table.Foot>`, 'head' hvis den er i `<Table.Head>`.
|
|
2569
2718
|
*/
|
|
2570
2719
|
type?: TableCellType;
|
|
2571
|
-
/**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.
|
|
2720
|
+
/**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.
|
|
2721
|
+
* @default "left"
|
|
2722
|
+
*/
|
|
2572
2723
|
layout?: TableCellLayout;
|
|
2573
2724
|
/** Props ved bruk av `<CollapsibleRow>`. **OBS!** settes automatisk av forelder. */
|
|
2574
2725
|
collapsibleProps?: CollapsibleProps;
|
|
@@ -2668,7 +2819,9 @@ type TabsProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
2668
2819
|
activeTab?: number;
|
|
2669
2820
|
/** Ekstra logikk ved endring av aktiv fane. */
|
|
2670
2821
|
onChange?: (index: number) => void;
|
|
2671
|
-
/** Retningen ikon og tekst vises i `<Tab
|
|
2822
|
+
/** Retningen ikon og tekst vises i `<Tab>`-elementer.
|
|
2823
|
+
* @default "row"
|
|
2824
|
+
*/
|
|
2672
2825
|
tabContentDirection?: Direction$1;
|
|
2673
2826
|
/**Bredde for hele komponenten. */
|
|
2674
2827
|
width?: Property.Width;
|
|
@@ -2678,7 +2831,9 @@ declare const Tabs: react.ForwardRefExoticComponent<Pick<Omit<HTMLAttributes<HTM
|
|
|
2678
2831
|
activeTab?: number;
|
|
2679
2832
|
/** Ekstra logikk ved endring av aktiv fane. */
|
|
2680
2833
|
onChange?: (index: number) => void;
|
|
2681
|
-
/** Retningen ikon og tekst vises i `<Tab
|
|
2834
|
+
/** Retningen ikon og tekst vises i `<Tab>`-elementer.
|
|
2835
|
+
* @default "row"
|
|
2836
|
+
*/
|
|
2682
2837
|
tabContentDirection?: Direction$1;
|
|
2683
2838
|
/**Bredde for hele komponenten. */
|
|
2684
2839
|
width?: Property.Width;
|
|
@@ -2689,31 +2844,39 @@ declare const Tabs: react.ForwardRefExoticComponent<Pick<Omit<HTMLAttributes<HTM
|
|
|
2689
2844
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
2690
2845
|
|
|
2691
2846
|
type TabProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
|
|
2692
|
-
/**Spesifiserer om fanen er aktiv.
|
|
2847
|
+
/**Spesifiserer om fanen er aktiv.
|
|
2848
|
+
* @default false
|
|
2849
|
+
*/
|
|
2693
2850
|
active?: boolean;
|
|
2694
2851
|
/** Ikon. */
|
|
2695
2852
|
icon?: SvgIcon;
|
|
2696
|
-
/** Spesifiserer om `<Tab
|
|
2853
|
+
/** Spesifiserer om `<Tab>` skal ha fokus. **OBS!** settes automatisk av forelder.*/
|
|
2697
2854
|
focus?: boolean;
|
|
2698
2855
|
/** Callback som setter fokus. **OBS!** settes automatisk av forelder.*/
|
|
2699
2856
|
setFocus?: Dispatch<SetStateAction<number>>;
|
|
2700
|
-
/** Indeksen til `<Tab
|
|
2857
|
+
/** Indeksen til `<Tab>`. **OBS!** settes automatisk av forelder.*/
|
|
2701
2858
|
index?: number;
|
|
2702
|
-
/** Bredden til `<Tab
|
|
2859
|
+
/** Bredden til `<Tab>`. Her er det støtte for de samme enhetene som du kan bruke i `grid-template-columns`.
|
|
2860
|
+
* @default "1fr"
|
|
2861
|
+
*/
|
|
2703
2862
|
width?: CSS.Properties['width'];
|
|
2704
2863
|
} & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>>;
|
|
2705
2864
|
declare const Tab: react.ForwardRefExoticComponent<Pick<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick">, "id" | "className"> & {
|
|
2706
|
-
/**Spesifiserer om fanen er aktiv.
|
|
2865
|
+
/**Spesifiserer om fanen er aktiv.
|
|
2866
|
+
* @default false
|
|
2867
|
+
*/
|
|
2707
2868
|
active?: boolean;
|
|
2708
2869
|
/** Ikon. */
|
|
2709
2870
|
icon?: SvgIcon;
|
|
2710
|
-
/** Spesifiserer om `<Tab
|
|
2871
|
+
/** Spesifiserer om `<Tab>` skal ha fokus. **OBS!** settes automatisk av forelder.*/
|
|
2711
2872
|
focus?: boolean;
|
|
2712
2873
|
/** Callback som setter fokus. **OBS!** settes automatisk av forelder.*/
|
|
2713
2874
|
setFocus?: Dispatch<SetStateAction<number>>;
|
|
2714
|
-
/** Indeksen til `<Tab
|
|
2875
|
+
/** Indeksen til `<Tab>`. **OBS!** settes automatisk av forelder.*/
|
|
2715
2876
|
index?: number;
|
|
2716
|
-
/** Bredden til `<Tab
|
|
2877
|
+
/** Bredden til `<Tab>`. Her er det støtte for de samme enhetene som du kan bruke i `grid-template-columns`.
|
|
2878
|
+
* @default "1fr"
|
|
2879
|
+
*/
|
|
2717
2880
|
width?: CSS.Properties["width"];
|
|
2718
2881
|
} & Pick<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick"> & {
|
|
2719
2882
|
children?: react.ReactNode | undefined;
|
|
@@ -2753,10 +2916,12 @@ type TagProps = BaseComponentPropsWithChildren<HTMLSpanElement, {
|
|
|
2753
2916
|
text?: string;
|
|
2754
2917
|
/**
|
|
2755
2918
|
* Formål med status eller kategorisering. Påvirker styling.
|
|
2756
|
-
*
|
|
2919
|
+
* @default "default"
|
|
2920
|
+
*/
|
|
2757
2921
|
purpose?: TagPurpose;
|
|
2758
2922
|
/**
|
|
2759
2923
|
* Det visuelle uttrykket til komponenten.
|
|
2924
|
+
* @default "default"
|
|
2760
2925
|
*/
|
|
2761
2926
|
appearance?: TagAppearance;
|
|
2762
2927
|
/**
|
|
@@ -2776,10 +2941,12 @@ declare const Tag: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTM
|
|
|
2776
2941
|
text?: string;
|
|
2777
2942
|
/**
|
|
2778
2943
|
* Formål med status eller kategorisering. Påvirker styling.
|
|
2779
|
-
*
|
|
2944
|
+
* @default "default"
|
|
2945
|
+
*/
|
|
2780
2946
|
purpose?: TagPurpose;
|
|
2781
2947
|
/**
|
|
2782
2948
|
* Det visuelle uttrykket til komponenten.
|
|
2949
|
+
* @default "default"
|
|
2783
2950
|
*/
|
|
2784
2951
|
appearance?: TagAppearance;
|
|
2785
2952
|
/**
|
|
@@ -2794,11 +2961,15 @@ declare const Tag: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTM
|
|
|
2794
2961
|
} & react.RefAttributes<HTMLSpanElement>>;
|
|
2795
2962
|
|
|
2796
2963
|
type TextAreaProps = CommonInputProps & {
|
|
2797
|
-
/** Spesifiserer om tegntelleren skal vises ved bruk av `maxLength` attributt.
|
|
2964
|
+
/** Spesifiserer om tegntelleren skal vises ved bruk av `maxLength` attributt.
|
|
2965
|
+
* @default true
|
|
2966
|
+
*/
|
|
2798
2967
|
withCharacterCounter?: boolean;
|
|
2799
2968
|
} & TextareaHTMLAttributes<HTMLTextAreaElement>;
|
|
2800
2969
|
declare const TextArea: react.ForwardRefExoticComponent<CommonInputProps & {
|
|
2801
|
-
/** Spesifiserer om tegntelleren skal vises ved bruk av `maxLength` attributt.
|
|
2970
|
+
/** Spesifiserer om tegntelleren skal vises ved bruk av `maxLength` attributt.
|
|
2971
|
+
* @default true
|
|
2972
|
+
*/
|
|
2802
2973
|
withCharacterCounter?: boolean;
|
|
2803
2974
|
} & TextareaHTMLAttributes<HTMLTextAreaElement> & react.RefAttributes<HTMLTextAreaElement>>;
|
|
2804
2975
|
|
|
@@ -2834,7 +3005,9 @@ interface TextAffixProps {
|
|
|
2834
3005
|
type ToggleBarValue = string | number | null | undefined;
|
|
2835
3006
|
type ToggleBarSize = 'tiny' | 'small' | 'medium' | 'large';
|
|
2836
3007
|
type ToggleBarProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
2837
|
-
/**Størrelse på komponenten.
|
|
3008
|
+
/**Størrelse på komponenten.
|
|
3009
|
+
* @default "medium"
|
|
3010
|
+
*/
|
|
2838
3011
|
size?: ToggleBarSize;
|
|
2839
3012
|
/**Ledetekst for hele gruppen. */
|
|
2840
3013
|
label?: string;
|
|
@@ -2853,9 +3026,7 @@ declare const ToggleBar: {
|
|
|
2853
3026
|
displayName: string;
|
|
2854
3027
|
};
|
|
2855
3028
|
|
|
2856
|
-
declare const typographyTypes:
|
|
2857
|
-
[k in ToggleBarSize]: StaticTypographyType;
|
|
2858
|
-
};
|
|
3029
|
+
declare const typographyTypes: Record<ToggleBarSize, StaticTypographyType>;
|
|
2859
3030
|
type PickedInputHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'checked' | 'value' | 'onChange' | 'aria-label' | 'aria-labelledby'>;
|
|
2860
3031
|
type ToggleRadioProps = BaseComponentProps<HTMLInputElement, {
|
|
2861
3032
|
/**Ledetekst som vises i komponenten. */
|
|
@@ -2883,7 +3054,9 @@ type Direction = 'row' | 'column';
|
|
|
2883
3054
|
type ToggleButtonGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
2884
3055
|
/** Ledetekst for gruppen. */
|
|
2885
3056
|
label?: string;
|
|
2886
|
-
/**Retningen barna legger seg i.
|
|
3057
|
+
/**Retningen barna legger seg i.
|
|
3058
|
+
* @default "row"
|
|
3059
|
+
*/
|
|
2887
3060
|
direction?: Direction;
|
|
2888
3061
|
/** Custom `id` for ledetekst. Blir generert som default for å knytte ledetekst til gruppen. */
|
|
2889
3062
|
labelId?: string;
|
|
@@ -2905,11 +3078,15 @@ type PickedHTMLAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'style' | 'onMo
|
|
|
2905
3078
|
type TooltipProps = BaseComponentProps<HTMLDivElement, {
|
|
2906
3079
|
/**Innhold i tooltip. */
|
|
2907
3080
|
text: string;
|
|
2908
|
-
/**Plassering i forhold til anchor-elementet.
|
|
3081
|
+
/**Plassering i forhold til anchor-elementet.
|
|
3082
|
+
* @default "bottom"
|
|
3083
|
+
*/
|
|
2909
3084
|
placement?: Placement$1;
|
|
2910
3085
|
/**Anchor-elementet. */
|
|
2911
3086
|
children: AnchorElement;
|
|
2912
|
-
/**Forsinkelse for når tooltip skal dukke opp. Oppgis i millisekunder.
|
|
3087
|
+
/**Forsinkelse for når tooltip skal dukke opp. Oppgis i millisekunder.
|
|
3088
|
+
* @default 100
|
|
3089
|
+
*/
|
|
2913
3090
|
delay?: number;
|
|
2914
3091
|
/**`id` for tooltip. */
|
|
2915
3092
|
tooltipId?: string;
|
|
@@ -2917,11 +3094,15 @@ type TooltipProps = BaseComponentProps<HTMLDivElement, {
|
|
|
2917
3094
|
declare const Tooltip: react__default.ForwardRefExoticComponent<Pick<Omit<react__default.HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver">, "id" | "className"> & {
|
|
2918
3095
|
/**Innhold i tooltip. */
|
|
2919
3096
|
text: string;
|
|
2920
|
-
/**Plassering i forhold til anchor-elementet.
|
|
3097
|
+
/**Plassering i forhold til anchor-elementet.
|
|
3098
|
+
* @default "bottom"
|
|
3099
|
+
*/
|
|
2921
3100
|
placement?: Placement$1;
|
|
2922
3101
|
/**Anchor-elementet. */
|
|
2923
3102
|
children: AnchorElement;
|
|
2924
|
-
/**Forsinkelse for når tooltip skal dukke opp. Oppgis i millisekunder.
|
|
3103
|
+
/**Forsinkelse for når tooltip skal dukke opp. Oppgis i millisekunder.
|
|
3104
|
+
* @default 100
|
|
3105
|
+
*/
|
|
2925
3106
|
delay?: number;
|
|
2926
3107
|
/**`id` for tooltip. */
|
|
2927
3108
|
tooltipId?: string;
|
|
@@ -2942,4 +3123,4 @@ declare const VisuallyHidden: {
|
|
|
2942
3123
|
displayName: string;
|
|
2943
3124
|
};
|
|
2944
3125
|
|
|
2945
|
-
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, Contrast, type ContrastProps, 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, 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, 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 OverflowMenuButtonProps, OverflowMenuDivider, OverflowMenuGroup, type OverflowMenuGroupProps, OverflowMenuLink, type OverflowMenuLinkProps, OverflowMenuList, OverflowMenuListHeader, type OverflowMenuListItemBaseProps, 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, getLiteralScreenSize, getTypographyCn, hideInput, hoverDangerInputfield, hoverInputfield, index as icons, inheritLinkStyling, inlineElements, inputTypographyTypes, isGridColumn, isHeading, isInlineElement, isKeyboardEvent, isLegend, isRelativeGridColumn, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineInset, outlineOffset,
|
|
3126
|
+
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, Contrast, type ContrastProps, 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, 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, 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 OverflowMenuButtonProps, OverflowMenuDivider, OverflowMenuGroup, type OverflowMenuGroupProps, OverflowMenuLink, type OverflowMenuLinkProps, OverflowMenuList, OverflowMenuListHeader, type OverflowMenuListItemBaseProps, 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, getLiteralScreenSize, getTypographyCn, hideInput, hoverDangerInputfield, hoverInputfield, index as icons, inheritLinkStyling, inlineElements, inputTypographyTypes, isGridColumn, isHeading, isInlineElement, isKeyboardEvent, isLegend, isRelativeGridColumn, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineInset, outlineOffset, removeButtonStyling, removeListStyling, renderCharCounter, renderInputMessage, scrollbarStyling, selection, spacingPropToCn, typographyTypes, useCombinedRef, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, visibilityTransition };
|