@norges-domstoler/dds-components 0.0.0-dev-20240508123902 → 0.0.0-dev-20240514123724
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.css +3133 -5
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +172 -276
- package/dist/index.d.ts +172 -276
- package/dist/index.js +5598 -8762
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +5407 -8570
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -3
package/dist/index.d.ts
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as CSS from 'csstype';
|
|
3
3
|
import { Property, StandardProperties } from 'csstype';
|
|
4
|
-
import * as styled_components from 'styled-components';
|
|
5
|
-
import * as styled_components_dist_types from 'styled-components/dist/types';
|
|
6
4
|
import * as react from 'react';
|
|
7
|
-
import react__default, { HTMLAttributes,
|
|
5
|
+
import react__default, { ElementType, ReactNode, HTMLAttributes, InputHTMLAttributes, PropsWithChildren, ComponentPropsWithoutRef, ComponentProps, AnchorHTMLAttributes, LabelHTMLAttributes, RefCallback, RefObject, KeyboardEvent as KeyboardEvent$1, Dispatch, SetStateAction, SVGAttributes, ButtonHTMLAttributes, ReactElement, MouseEventHandler, FocusEventHandler, AriaRole, TextareaHTMLAttributes, ForwardRefExoticComponent, MouseEvent as MouseEvent$1, ChangeEvent, Ref, TdHTMLAttributes, ThHTMLAttributes } from 'react';
|
|
8
6
|
import { TextColor as TextColor$1 } from '@norges-domstoler/dds-components/src/utils';
|
|
7
|
+
import * as styled_components from 'styled-components';
|
|
9
8
|
import * as _floating_ui_react_dom from '@floating-ui/react-dom';
|
|
10
9
|
import { Strategy, Placement as Placement$1 } from '@floating-ui/react-dom';
|
|
11
10
|
import { Environment } from '@norges-domstoler/development-utils';
|
|
@@ -17,24 +16,22 @@ import { OptionProps, GroupBase, SingleValueProps, Props, SelectInstance } from
|
|
|
17
16
|
|
|
18
17
|
interface SvgChevronProps {
|
|
19
18
|
isUp?: boolean;
|
|
20
|
-
height?: Property.Height
|
|
21
|
-
width?: Property.Width
|
|
19
|
+
height?: Property.Height;
|
|
20
|
+
width?: Property.Width;
|
|
22
21
|
}
|
|
23
22
|
declare const AnimatedChevronUpDown: ({ isUp, height, width, }: SvgChevronProps) => react_jsx_runtime.JSX.Element;
|
|
24
23
|
|
|
25
|
-
|
|
24
|
+
type ElementAsProps = {
|
|
25
|
+
as: ElementType;
|
|
26
|
+
children?: ReactNode;
|
|
27
|
+
} & HTMLAttributes<HTMLElement>;
|
|
28
|
+
declare const ElementAs: react.ForwardRefExoticComponent<{
|
|
29
|
+
as: ElementType;
|
|
30
|
+
children?: ReactNode;
|
|
31
|
+
} & HTMLAttributes<HTMLElement> & react.RefAttributes<HTMLElement>>;
|
|
26
32
|
|
|
27
|
-
|
|
28
|
-
declare const
|
|
29
|
-
ref?: ((instance: HTMLInputElement | null) => void) | react.RefObject<HTMLInputElement> | null | undefined;
|
|
30
|
-
}, StyledInputProps>> & Omit<styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>>, keyof react.Component<any, {}, any>>;
|
|
31
|
-
interface OuterInputContainerProps {
|
|
32
|
-
$width?: Property.Width;
|
|
33
|
-
}
|
|
34
|
-
declare const OuterInputContainer: styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, OuterInputContainerProps>>;
|
|
35
|
-
/**Brukes som container til input og ikon for posisjonering. */
|
|
36
|
-
declare const InputContainer: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
37
|
-
declare const InputAffixContainer: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
33
|
+
type HiddenInputProps = InputHTMLAttributes<HTMLInputElement>;
|
|
34
|
+
declare const HiddenInput: react.ForwardRefExoticComponent<HiddenInputProps & react.RefAttributes<HTMLInputElement>>;
|
|
38
35
|
|
|
39
36
|
type Direction$1 = 'row' | 'column';
|
|
40
37
|
|
|
@@ -130,11 +127,8 @@ type LabelTypographyType = 'supportingStyleLabel01';
|
|
|
130
127
|
type OtherTypographyType = TypographyHeadingType | TypographyBodyType | TypographyLeadType | TypographySupportingType;
|
|
131
128
|
type TypographyType = AnchorTypographyType | LabelTypographyType | OtherTypographyType;
|
|
132
129
|
type StaticTypographyType = OtherTypographyType | LabelTypographyType;
|
|
130
|
+
type HyphenTypographyType = 'body-sans-01' | 'body-sans-02' | 'body-sans-03' | 'body-sans-04' | 'heading-sans-01' | 'heading-sans-02' | 'heading-sans-03' | 'heading-sans-04' | 'heading-sans-05' | 'heading-sans-06' | 'heading-sans-07' | 'heading-sans-08' | 'lead-sans-01' | 'lead-sans-02' | 'lead-sans-03' | 'lead-sans-04' | 'lead-sans-05' | 'supporting-style-helper-text-01' | 'supporting-style-placeholder-text-01' | 'supporting-style-placeholder-text-02' | 'supporting-style-placeholder-text-03' | 'supporting-style-tiny-01' | 'supporting-style-tiny-02' | 'a' | 'supporting-style-label-01';
|
|
133
131
|
type InlineElement = 'a' | 'abbr' | 'audio' | 'b' | 'bdi' | 'bdo' | 'big' | 'br' | 'button' | 'canvas' | 'cite' | 'code' | 'data' | 'datalist' | 'del' | 'dfn' | 'em' | 'embed' | 'i' | 'iframe' | 'img' | 'input' | 'ins' | 'kbd' | 'label' | 'map' | 'mark' | 'meter' | 'noscript' | 'object' | 'output' | 'picture' | 'progress' | 'q' | 'ruby' | 's' | 'samp' | 'script' | 'select' | 'slot' | 'small' | 'span' | 'strong' | 'sub' | 'sup' | 'svg' | 'template' | 'textarea' | 'time' | 'u' | 'var' | 'video' | 'wbr';
|
|
134
|
-
interface TypographyInteractionStyling {
|
|
135
|
-
hover?: CSSProperties;
|
|
136
|
-
active?: CSSProperties;
|
|
137
|
-
}
|
|
138
132
|
type BaseTypographyProps = PropsWithChildren<{
|
|
139
133
|
/**Spesifiserer om tekstelementet skal ha spacing definert i Elsa. Brukes hovedsakelig i artikler og lignende. **OBS!** har forskjellig virkning på ulike typografityper. `body` og `lead`-typer får margin på bunnen, `heading`-typer får margin på bunnen og padding på toppen mens `supportingStyles` får margin topp og bunn. */
|
|
140
134
|
withMargins?: boolean;
|
|
@@ -150,8 +144,6 @@ type TypographyComponentProps = BaseTypographyProps & {
|
|
|
150
144
|
underline?: boolean;
|
|
151
145
|
/**HTML tag som skal brukes istedenfor default definert via `typographyType`. */
|
|
152
146
|
as?: ElementType;
|
|
153
|
-
/**Støtte for å enkelt kunne endre på hover- og active-styling. Bruk `@dds-design-tokens` til farger osv. */
|
|
154
|
-
interactionProps?: TypographyInteractionStyling;
|
|
155
147
|
};
|
|
156
148
|
|
|
157
149
|
type AnchorTypographyProps = BaseComponentProps<HTMLAnchorElement, TypographyComponentProps & {
|
|
@@ -176,11 +168,8 @@ type TypographyProps = ({
|
|
|
176
168
|
} & OtherTypographyProps);
|
|
177
169
|
declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLElement>>;
|
|
178
170
|
|
|
179
|
-
declare const getAdditionalFontStyle: (bold?: boolean, italic?: boolean, underline?: boolean) => styled_components.RuleSet<object>;
|
|
180
|
-
declare const getMarginStyling: (typographyType: TypographyType, element: ElementType, withMargins?: boolean) => styled_components.RuleSet<object>;
|
|
181
|
-
declare const getAnchorStyling: (external?: boolean, interactionStyling?: TypographyInteractionStyling, typographyType?: StaticTypographyType, withMargins?: boolean) => styled_components.RuleSet<object>;
|
|
182
|
-
|
|
183
171
|
declare const defaultTypographyType: TypographyBodyType;
|
|
172
|
+
declare const defaultTypographyTypeClassName = "body-sans-02";
|
|
184
173
|
declare const getElementType: (element: string) => ElementType;
|
|
185
174
|
declare const isHeading: (type: TypographyType) => type is TypographyHeadingType;
|
|
186
175
|
declare const isLegend: (as: ElementType) => boolean;
|
|
@@ -379,9 +368,10 @@ declare const getFontStyling: (type: StaticTypographyType, withColor?: boolean)
|
|
|
379
368
|
fontStyle: string;
|
|
380
369
|
color: string | undefined;
|
|
381
370
|
};
|
|
371
|
+
declare function getTypographyCn(value: TypographyType): HyphenTypographyType;
|
|
382
372
|
|
|
383
373
|
type CaptionProps = BaseComponentPropsWithChildren<HTMLTableCaptionElement, BaseTypographyProps>;
|
|
384
|
-
declare const Caption: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLTableCaptionElement>, "
|
|
374
|
+
declare const Caption: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLTableCaptionElement>, "id" | "className"> & {
|
|
385
375
|
withMargins?: boolean | undefined;
|
|
386
376
|
} & {
|
|
387
377
|
children?: react.ReactNode;
|
|
@@ -396,7 +386,7 @@ type HeadingProps = BaseComponentPropsWithChildren<HTMLHeadingElement, {
|
|
|
396
386
|
/**Spesifiserer typografistil basert på utvalget for HTML heading elementer. */
|
|
397
387
|
typographyType?: TypographyHeadingType;
|
|
398
388
|
} & BaseTypographyProps>;
|
|
399
|
-
declare const Heading: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLHeadingElement>, "
|
|
389
|
+
declare const Heading: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLHeadingElement>, "id" | "className"> & {
|
|
400
390
|
/**Nivå på overskriften. Komponenten returnerer HTML heading element med dette nivået med default styling. */
|
|
401
391
|
level: HeadingLevel;
|
|
402
392
|
/**Spesifiserer typografistil basert på utvalget for HTML heading elementer. */
|
|
@@ -415,7 +405,7 @@ interface BaseLabelProps {
|
|
|
415
405
|
showRequiredStyling?: boolean;
|
|
416
406
|
}
|
|
417
407
|
type LabelProps = BaseComponentPropsWithChildren<HTMLLabelElement, BaseLabelProps & BaseTypographyProps & PickedHTMLAttributes$4, Omit<LabelHTMLAttributes<HTMLLabelElement>, keyof PickedHTMLAttributes$4>>;
|
|
418
|
-
declare const Label: react.ForwardRefExoticComponent<Pick<Omit<LabelHTMLAttributes<HTMLLabelElement>, "htmlFor">, "
|
|
408
|
+
declare const Label: react.ForwardRefExoticComponent<Pick<Omit<LabelHTMLAttributes<HTMLLabelElement>, "htmlFor">, "id" | "className"> & BaseLabelProps & {
|
|
419
409
|
withMargins?: boolean | undefined;
|
|
420
410
|
} & {
|
|
421
411
|
children?: react.ReactNode;
|
|
@@ -424,7 +414,7 @@ declare const Label: react.ForwardRefExoticComponent<Pick<Omit<LabelHTMLAttribut
|
|
|
424
414
|
} & react.RefAttributes<HTMLLabelElement>>;
|
|
425
415
|
|
|
426
416
|
type LegendProps = BaseComponentPropsWithChildren<HTMLLegendElement, BaseTypographyProps>;
|
|
427
|
-
declare const Legend: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLLegendElement>, "
|
|
417
|
+
declare const Legend: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLLegendElement>, "id" | "className"> & {
|
|
428
418
|
withMargins?: boolean | undefined;
|
|
429
419
|
} & {
|
|
430
420
|
children?: react.ReactNode;
|
|
@@ -439,7 +429,7 @@ type LinkProps = BaseComponentPropsWithChildren<HTMLAnchorElement, {
|
|
|
439
429
|
/**Spesifiserer typografistil basert på utvalget for brødtekst. */
|
|
440
430
|
typographyType?: TypographyBodyType;
|
|
441
431
|
} & BaseTypographyProps & PickedHTMLAttributes$3, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof PickedHTMLAttributes$3>>;
|
|
442
|
-
declare const Link: react.ForwardRefExoticComponent<Pick<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "
|
|
432
|
+
declare const Link: react.ForwardRefExoticComponent<Pick<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "target" | "href">, "id" | "className"> & {
|
|
443
433
|
/**Spesifiserer om lenken fører til et eksternt nettsted eller åpnes i nytt vindu. Påvirker styling og setter `target` prop. */
|
|
444
434
|
external?: boolean | undefined;
|
|
445
435
|
/**Spesifiserer typografistil basert på utvalget for brødtekst. */
|
|
@@ -449,14 +439,14 @@ declare const Link: react.ForwardRefExoticComponent<Pick<Omit<AnchorHTMLAttribut
|
|
|
449
439
|
} & {
|
|
450
440
|
children?: react.ReactNode;
|
|
451
441
|
} & Pick<react.HTMLAttributes<HTMLElement>, "style"> & PickedHTMLAttributes$3 & {
|
|
452
|
-
htmlProps?: Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "
|
|
442
|
+
htmlProps?: Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "target" | "href"> | undefined;
|
|
453
443
|
} & react.RefAttributes<HTMLAnchorElement>>;
|
|
454
444
|
|
|
455
445
|
type ParagraphProps = BaseComponentPropsWithChildren<HTMLParagraphElement, {
|
|
456
446
|
/**Spesifiserer typografistil basert på utvalget for brødtekst og ingress. */
|
|
457
447
|
typographyType?: TypographyBodyType | TypographyLeadType;
|
|
458
448
|
} & BaseTypographyProps>;
|
|
459
|
-
declare const Paragraph: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLParagraphElement>, "
|
|
449
|
+
declare const Paragraph: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLParagraphElement>, "id" | "className"> & {
|
|
460
450
|
/**Spesifiserer typografistil basert på utvalget for brødtekst og ingress. */
|
|
461
451
|
typographyType?: ("bodySans01" | "bodySans02" | "bodySans03" | "bodySans04") | TypographyLeadType | undefined;
|
|
462
452
|
} & {
|
|
@@ -471,7 +461,7 @@ interface CommonInputProps {
|
|
|
471
461
|
/**Ledetekst for input. */
|
|
472
462
|
label?: string;
|
|
473
463
|
/**Bredde for inputfeltet. */
|
|
474
|
-
width?: Property.Width
|
|
464
|
+
width?: Property.Width;
|
|
475
465
|
/**Hjelpetekst. */
|
|
476
466
|
tip?: string;
|
|
477
467
|
/**Feilmelding. Setter også error state. */
|
|
@@ -482,64 +472,28 @@ type InputProps = CommonInputProps & {
|
|
|
482
472
|
/**Størrelse på inputfeltet. */
|
|
483
473
|
componentSize?: InputSize;
|
|
484
474
|
} & InputHTMLAttributes<HTMLInputElement>;
|
|
485
|
-
type
|
|
475
|
+
type StatefulInputProps = {
|
|
486
476
|
hasErrorMessage: boolean;
|
|
487
|
-
}
|
|
488
|
-
type StyledInputProps = StyledCommonInputProps & {
|
|
489
|
-
prefixLength?: number;
|
|
490
|
-
suffixLength?: number;
|
|
491
|
-
} & Pick<InputProps, 'componentSize'>;
|
|
477
|
+
} & Pick<InputProps, 'componentSize'> & InputHTMLAttributes<HTMLInputElement>;
|
|
492
478
|
type InputTypographyTypes = {
|
|
493
479
|
[k in InputSize]: StaticTypographyType;
|
|
494
480
|
};
|
|
495
481
|
|
|
496
482
|
declare const inputTypographyTypes: InputTypographyTypes;
|
|
497
|
-
declare const
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
borderRadius: string;
|
|
502
|
-
border: string;
|
|
503
|
-
borderColor: string;
|
|
504
|
-
backgroundColor: string;
|
|
505
|
-
padding: string;
|
|
506
|
-
};
|
|
507
|
-
disabled: {
|
|
508
|
-
color: string;
|
|
509
|
-
backgroundColor: string;
|
|
510
|
-
};
|
|
511
|
-
readOnly: {
|
|
512
|
-
backgroundColor: string;
|
|
513
|
-
paddingTop: string;
|
|
514
|
-
};
|
|
515
|
-
sizes: {
|
|
516
|
-
medium: {
|
|
517
|
-
padding: string;
|
|
518
|
-
};
|
|
519
|
-
small: {
|
|
520
|
-
padding: string;
|
|
521
|
-
};
|
|
522
|
-
tiny: {
|
|
523
|
-
padding: string;
|
|
524
|
-
};
|
|
525
|
-
};
|
|
526
|
-
affix: {
|
|
527
|
-
gap: number;
|
|
528
|
-
};
|
|
529
|
-
};
|
|
530
|
-
};
|
|
483
|
+
declare const Input: react.ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & react.RefAttributes<HTMLInputElement>>;
|
|
484
|
+
declare const StatefulInput: react.ForwardRefExoticComponent<{
|
|
485
|
+
hasErrorMessage: boolean;
|
|
486
|
+
} & Pick<InputProps, "componentSize"> & InputHTMLAttributes<HTMLInputElement> & react.RefAttributes<HTMLInputElement>>;
|
|
531
487
|
|
|
532
488
|
declare function getDefaultText(value?: string | number | ReadonlyArray<string>, defaultValue?: string | number | ReadonlyArray<string>): string;
|
|
533
489
|
|
|
534
490
|
type Elevation = 1 | 2 | 3 | 4;
|
|
535
491
|
type Border = 'light' | 'dark';
|
|
536
|
-
|
|
492
|
+
type PaperProps = {
|
|
537
493
|
elevation?: Elevation;
|
|
538
494
|
border?: Border;
|
|
539
|
-
}
|
|
540
|
-
declare const Paper:
|
|
541
|
-
|
|
542
|
-
declare const RequiredMarker: () => react_jsx_runtime.JSX.Element;
|
|
495
|
+
} & ComponentProps<'div'>;
|
|
496
|
+
declare const Paper: react.ForwardRefExoticComponent<Omit<PaperProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
543
497
|
|
|
544
498
|
/**
|
|
545
499
|
* Kombinerer refs for et element.
|
|
@@ -812,10 +766,6 @@ declare const hideInput: {
|
|
|
812
766
|
margin: number;
|
|
813
767
|
};
|
|
814
768
|
|
|
815
|
-
declare const hoverWithBorder: {
|
|
816
|
-
borderColor: string;
|
|
817
|
-
boxShadow: string;
|
|
818
|
-
};
|
|
819
769
|
declare const hoverInputfield: {
|
|
820
770
|
borderColor: string;
|
|
821
771
|
boxShadow: string;
|
|
@@ -859,9 +809,7 @@ declare const selection: {
|
|
|
859
809
|
declare const visibilityTransition: (open: boolean) => styled_components.RuleSet<object>;
|
|
860
810
|
|
|
861
811
|
type StyledSvgProps = SVGAttributes<SVGSVGElement>;
|
|
862
|
-
declare
|
|
863
|
-
ref?: ((instance: SVGSVGElement | null) => void) | react.RefObject<SVGSVGElement> | null | undefined;
|
|
864
|
-
}>, StyledSvgProps>, StyledSvgProps>>;
|
|
812
|
+
declare function StyledSvg({ height, width, fill, className, ...props }: StyledSvgProps): react_jsx_runtime.JSX.Element;
|
|
865
813
|
|
|
866
814
|
type SvgProps = {
|
|
867
815
|
title?: string;
|
|
@@ -1016,15 +964,15 @@ declare function HelpFilledIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
|
|
|
1016
964
|
|
|
1017
965
|
declare function HomeIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
|
|
1018
966
|
|
|
1019
|
-
declare function
|
|
967
|
+
declare function HourglassBottomIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
|
|
1020
968
|
|
|
1021
|
-
declare function
|
|
969
|
+
declare function HourglassDisabledIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
|
|
1022
970
|
|
|
1023
|
-
declare function
|
|
971
|
+
declare function HourglassEmptyIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
|
|
1024
972
|
|
|
1025
|
-
declare function
|
|
973
|
+
declare function HourglassFullIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
|
|
1026
974
|
|
|
1027
|
-
declare function
|
|
975
|
+
declare function HourglassTopIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
|
|
1028
976
|
|
|
1029
977
|
declare function ImageIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
|
|
1030
978
|
|
|
@@ -1132,13 +1080,13 @@ declare function StarHalfFilled(props: SvgProps): react_jsx_runtime.JSX.Element;
|
|
|
1132
1080
|
|
|
1133
1081
|
declare function SyncIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
|
|
1134
1082
|
|
|
1135
|
-
declare function
|
|
1083
|
+
declare function ThumbDownIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
|
|
1136
1084
|
|
|
1137
|
-
declare function
|
|
1085
|
+
declare function ThumbDownFilledIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
|
|
1138
1086
|
|
|
1139
|
-
declare function
|
|
1087
|
+
declare function ThumbUpIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
|
|
1140
1088
|
|
|
1141
|
-
declare function
|
|
1089
|
+
declare function ThumbUpFilledIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
|
|
1142
1090
|
|
|
1143
1091
|
declare function TimeIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
|
|
1144
1092
|
|
|
@@ -1259,11 +1207,11 @@ declare const index_HelpFilledIcon: typeof HelpFilledIcon;
|
|
|
1259
1207
|
declare const index_HelpIcon: typeof HelpIcon;
|
|
1260
1208
|
declare const index_HelpSimpleIcon: typeof HelpSimpleIcon;
|
|
1261
1209
|
declare const index_HomeIcon: typeof HomeIcon;
|
|
1262
|
-
declare const
|
|
1263
|
-
declare const
|
|
1264
|
-
declare const
|
|
1265
|
-
declare const
|
|
1266
|
-
declare const
|
|
1210
|
+
declare const index_HourglassBottomIcon: typeof HourglassBottomIcon;
|
|
1211
|
+
declare const index_HourglassDisabledIcon: typeof HourglassDisabledIcon;
|
|
1212
|
+
declare const index_HourglassEmptyIcon: typeof HourglassEmptyIcon;
|
|
1213
|
+
declare const index_HourglassFullIcon: typeof HourglassFullIcon;
|
|
1214
|
+
declare const index_HourglassTopIcon: typeof HourglassTopIcon;
|
|
1267
1215
|
declare const index_ImageIcon: typeof ImageIcon;
|
|
1268
1216
|
declare const index_InfoIcon: typeof InfoIcon;
|
|
1269
1217
|
declare const index_InstagramIcon: typeof InstagramIcon;
|
|
@@ -1319,10 +1267,10 @@ declare const index_StarFilledIcon: typeof StarFilledIcon;
|
|
|
1319
1267
|
declare const index_StarHalfFilled: typeof StarHalfFilled;
|
|
1320
1268
|
declare const index_StarIcon: typeof StarIcon;
|
|
1321
1269
|
declare const index_SyncIcon: typeof SyncIcon;
|
|
1322
|
-
declare const
|
|
1323
|
-
declare const
|
|
1324
|
-
declare const
|
|
1325
|
-
declare const
|
|
1270
|
+
declare const index_ThumbDownFilledIcon: typeof ThumbDownFilledIcon;
|
|
1271
|
+
declare const index_ThumbDownIcon: typeof ThumbDownIcon;
|
|
1272
|
+
declare const index_ThumbUpFilledIcon: typeof ThumbUpFilledIcon;
|
|
1273
|
+
declare const index_ThumbUpIcon: typeof ThumbUpIcon;
|
|
1326
1274
|
declare const index_TimeIcon: typeof TimeIcon;
|
|
1327
1275
|
declare const index_TingrettIcon: typeof TingrettIcon;
|
|
1328
1276
|
declare const index_TipIcon: typeof TipIcon;
|
|
@@ -1340,7 +1288,7 @@ declare const index_XIcon: typeof XIcon;
|
|
|
1340
1288
|
declare const index_ZoomInIcon: typeof ZoomInIcon;
|
|
1341
1289
|
declare const index_ZoomOutIcon: typeof ZoomOutIcon;
|
|
1342
1290
|
declare namespace index {
|
|
1343
|
-
export { index_AddressShieldedIcon as AddressShieldedIcon, index_AgreementIcon as AgreementIcon, index_AppsIcon as AppsIcon, index_ArchiveIcon as ArchiveIcon, index_ArrowDownIcon as ArrowDownIcon, index_ArrowLeftIcon as ArrowLeftIcon, index_ArrowRightIcon as ArrowRightIcon, index_ArrowUpIcon as ArrowUpIcon, index_AttachmentIcon as AttachmentIcon, index_BarChartBoxedIcon as BarChartBoxedIcon, index_BarChartIcon as BarChartIcon, index_BlockIcon as BlockIcon, index_BookIcon as BookIcon, index_BuildCircledIcon as BuildCircledIcon, index_BuildIcon as BuildIcon, index_CalendarIcon as CalendarIcon, index_CalendarMonthIcon as CalendarMonthIcon, index_CalendarViewDayIcon as CalendarViewDayIcon, index_CalendarViewMonthIcon as CalendarViewMonthIcon, index_CalendarViewWeekIcon as CalendarViewWeekIcon, index_CallIcon as CallIcon, index_CaringIcon as CaringIcon, index_ChatIcon as ChatIcon, index_CheckCircledIcon as CheckCircledIcon, index_CheckIcon as CheckIcon, index_ChecklistIcon as ChecklistIcon, index_ChevronDownIcon as ChevronDownIcon, index_ChevronFirstIcon as ChevronFirstIcon, index_ChevronLargeLeftIcon as ChevronLargeLeftIcon, index_ChevronLargeRightIcon as ChevronLargeRightIcon, index_ChevronLastIcon as ChevronLastIcon, index_ChevronLeftIcon as ChevronLeftIcon, index_ChevronRightIcon as ChevronRightIcon, index_ChevronUpIcon as ChevronUpIcon, index_CloseCircledIcon as CloseCircledIcon, index_CloseIcon as CloseIcon, index_CloseSmallIcon as CloseSmallIcon, index_CloudIcon as CloudIcon, index_CollapseIcon as CollapseIcon, index_CommentIcon as CommentIcon, index_CopyIcon as CopyIcon, index_CourtIcon as CourtIcon, index_DateRangeIcon as DateRangeIcon, index_DeathsIcon as DeathsIcon, index_DoubleChevronLeftIcon as DoubleChevronLeftIcon, index_DoubleChevronRightIcon as DoubleChevronRightIcon, index_DownloadDoneIcon as DownloadDoneIcon, index_DownloadIcon as DownloadIcon, index_DragHandleIcon as DragHandleIcon, index_EditIcon as EditIcon, index_ErrorIcon as ErrorIcon, index_ExclaimIcon as ExclaimIcon, index_ExpandIcon as ExpandIcon, index_FacebookIcon as FacebookIcon, index_FamilyIcon as FamilyIcon, index_FeedbackIcon as FeedbackIcon, index_FileAddIcon as FileAddIcon, index_FileIcon as FileIcon, index_FileShieldedIcon as FileShieldedIcon, index_FileTextIcon as FileTextIcon, index_FilterIcon as FilterIcon, index_FilterListIcon as FilterListIcon, index_FilterListOffIcon as FilterListOffIcon, index_FilterOffIcon as FilterOffIcon, index_FindInPageIcon as FindInPageIcon, index_FlickrIcon as FlickrIcon, index_FolderAddIcon as FolderAddIcon, index_FolderIcon as FolderIcon, index_FolderShieldedIcon as FolderShieldedIcon, index_FullscreenExitIcon as FullscreenExitIcon, index_FullscreenIcon as FullscreenIcon, index_GavelIcon as GavelIcon, index_GuardianIcon as GuardianIcon, index_HelpFilledIcon as HelpFilledIcon, index_HelpIcon as HelpIcon, index_HelpSimpleIcon as HelpSimpleIcon, index_HomeIcon as HomeIcon,
|
|
1291
|
+
export { index_AddressShieldedIcon as AddressShieldedIcon, index_AgreementIcon as AgreementIcon, index_AppsIcon as AppsIcon, index_ArchiveIcon as ArchiveIcon, index_ArrowDownIcon as ArrowDownIcon, index_ArrowLeftIcon as ArrowLeftIcon, index_ArrowRightIcon as ArrowRightIcon, index_ArrowUpIcon as ArrowUpIcon, index_AttachmentIcon as AttachmentIcon, index_BarChartBoxedIcon as BarChartBoxedIcon, index_BarChartIcon as BarChartIcon, index_BlockIcon as BlockIcon, index_BookIcon as BookIcon, index_BuildCircledIcon as BuildCircledIcon, index_BuildIcon as BuildIcon, index_CalendarIcon as CalendarIcon, index_CalendarMonthIcon as CalendarMonthIcon, index_CalendarViewDayIcon as CalendarViewDayIcon, index_CalendarViewMonthIcon as CalendarViewMonthIcon, index_CalendarViewWeekIcon as CalendarViewWeekIcon, index_CallIcon as CallIcon, index_CaringIcon as CaringIcon, index_ChatIcon as ChatIcon, index_CheckCircledIcon as CheckCircledIcon, index_CheckIcon as CheckIcon, index_ChecklistIcon as ChecklistIcon, index_ChevronDownIcon as ChevronDownIcon, index_ChevronFirstIcon as ChevronFirstIcon, index_ChevronLargeLeftIcon as ChevronLargeLeftIcon, index_ChevronLargeRightIcon as ChevronLargeRightIcon, index_ChevronLastIcon as ChevronLastIcon, index_ChevronLeftIcon as ChevronLeftIcon, index_ChevronRightIcon as ChevronRightIcon, index_ChevronUpIcon as ChevronUpIcon, index_CloseCircledIcon as CloseCircledIcon, index_CloseIcon as CloseIcon, index_CloseSmallIcon as CloseSmallIcon, index_CloudIcon as CloudIcon, index_CollapseIcon as CollapseIcon, index_CommentIcon as CommentIcon, index_CopyIcon as CopyIcon, index_CourtIcon as CourtIcon, index_DateRangeIcon as DateRangeIcon, index_DeathsIcon as DeathsIcon, index_DoubleChevronLeftIcon as DoubleChevronLeftIcon, index_DoubleChevronRightIcon as DoubleChevronRightIcon, index_DownloadDoneIcon as DownloadDoneIcon, index_DownloadIcon as DownloadIcon, index_DragHandleIcon as DragHandleIcon, index_EditIcon as EditIcon, index_ErrorIcon as ErrorIcon, index_ExclaimIcon as ExclaimIcon, index_ExpandIcon as ExpandIcon, index_FacebookIcon as FacebookIcon, index_FamilyIcon as FamilyIcon, index_FeedbackIcon as FeedbackIcon, index_FileAddIcon as FileAddIcon, index_FileIcon as FileIcon, index_FileShieldedIcon as FileShieldedIcon, index_FileTextIcon as FileTextIcon, index_FilterIcon as FilterIcon, index_FilterListIcon as FilterListIcon, index_FilterListOffIcon as FilterListOffIcon, index_FilterOffIcon as FilterOffIcon, index_FindInPageIcon as FindInPageIcon, index_FlickrIcon as FlickrIcon, index_FolderAddIcon as FolderAddIcon, index_FolderIcon as FolderIcon, index_FolderShieldedIcon as FolderShieldedIcon, index_FullscreenExitIcon as FullscreenExitIcon, index_FullscreenIcon as FullscreenIcon, index_GavelIcon as GavelIcon, index_GuardianIcon as GuardianIcon, index_HelpFilledIcon as HelpFilledIcon, index_HelpIcon as HelpIcon, index_HelpSimpleIcon as HelpSimpleIcon, index_HomeIcon as HomeIcon, index_HourglassBottomIcon as HourglassBottomIcon, index_HourglassDisabledIcon as HourglassDisabledIcon, index_HourglassEmptyIcon as HourglassEmptyIcon, index_HourglassFullIcon as HourglassFullIcon, index_HourglassTopIcon as HourglassTopIcon, index_ImageIcon as ImageIcon, index_InfoIcon as InfoIcon, index_InstagramIcon as InstagramIcon, index_JordskifterettIcon as JordskifterettIcon, index_KeyIcon as KeyIcon, index_LagmannsrettIcon as LagmannsrettIcon, index_LanguageIcon as LanguageIcon, index_LibraryAddIcon as LibraryAddIcon, index_LineChartIcon as LineChartIcon, index_LinkIcon as LinkIcon, index_LinkOffIcon as LinkOffIcon, index_LinkedInIcon as LinkedInIcon, index_ListAltIcon as ListAltIcon, index_ListIcon as ListIcon, index_LocationIcon as LocationIcon, index_LockIcon as LockIcon, index_LockOpenIcon as LockOpenIcon, index_LoginIcon as LoginIcon, index_LogoutIcon as LogoutIcon, index_MailIcon as MailIcon, index_MailOpenIcon as MailOpenIcon, index_MenuIcon as MenuIcon, index_MinusCirledIcon as MinusCirledIcon, index_MinusIcon as MinusIcon, index_MoreHorizontalIcon as MoreHorizontalIcon, index_MoreVerticalIcon as MoreVerticalIcon, index_NotarialIcon as NotarialIcon, index_NotificationsIcon as NotificationsIcon, index_NotificationsOffIcon as NotificationsOffIcon, index_OnlineMeetingIcon as OnlineMeetingIcon, index_OpenExternalIcon as OpenExternalIcon, index_PayoutIcon as PayoutIcon, index_PdfIcon as PdfIcon, index_PersonAddIcon as PersonAddIcon, index_PersonIcon as PersonIcon, index_PersonShieldedIcon as PersonShieldedIcon, index_PinIcon as PinIcon, index_PlusCircledIcon as PlusCircledIcon, index_PlusIcon as PlusIcon, index_PowerOfAttorneyIcon as PowerOfAttorneyIcon, index_PrintIcon as PrintIcon, index_PropertyIcon as PropertyIcon, index_PublishIcon as PublishIcon, index_QuestionAnswerIcon as QuestionAnswerIcon, index_ReceiptIcon as ReceiptIcon, index_RedoIcon as RedoIcon, index_RefreshIcon as RefreshIcon, index_ReplayIcon as ReplayIcon, index_SearchIcon as SearchIcon, index_SettingsIcon as SettingsIcon, index_SmsIcon as SmsIcon, index_StarFilledIcon as StarFilledIcon, index_StarHalfFilled as StarHalfFilled, index_StarIcon as StarIcon, index_SyncIcon as SyncIcon, index_ThumbDownFilledIcon as ThumbDownFilledIcon, index_ThumbDownIcon as ThumbDownIcon, index_ThumbUpFilledIcon as ThumbUpFilledIcon, index_ThumbUpIcon as ThumbUpIcon, index_TimeIcon as TimeIcon, index_TingrettIcon as TingrettIcon, index_TipIcon as TipIcon, index_TrashIcon as TrashIcon, index_TrendingDownIcon as TrendingDownIcon, index_TrendingUpIcon as TrendingUpIcon, index_UndoIcon as UndoIcon, index_UnfoldLessIcon as UnfoldLessIcon, index_UnfoldMoreIcon as UnfoldMoreIcon, index_UploadIcon as UploadIcon, index_VisibilityOffIcon as VisibilityOffIcon, index_VisibilityOnIcon as VisibilityOnIcon, index_WarningIcon as WarningIcon, index_XIcon as XIcon, index_ZoomInIcon as ZoomInIcon, index_ZoomOutIcon as ZoomOutIcon };
|
|
1344
1292
|
}
|
|
1345
1293
|
|
|
1346
1294
|
/**
|
|
@@ -1384,17 +1332,12 @@ type OverflowMenuProps = BaseComponentProps<HTMLDivElement, {
|
|
|
1384
1332
|
offset?: number;
|
|
1385
1333
|
}>;
|
|
1386
1334
|
|
|
1387
|
-
|
|
1388
|
-
$isOpen: boolean;
|
|
1389
|
-
}
|
|
1390
|
-
declare const Container: styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>>;
|
|
1391
|
-
declare const OverflowMenuList: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>>;
|
|
1392
|
-
declare const OverflowMenu: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
|
|
1335
|
+
declare const OverflowMenu: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
1393
1336
|
items?: OverflowMenuContextItem[] | undefined;
|
|
1394
1337
|
userProps?: ({
|
|
1395
1338
|
name: string;
|
|
1396
1339
|
href?: string | undefined;
|
|
1397
|
-
} & (react.
|
|
1340
|
+
} & (react.ButtonHTMLAttributes<HTMLButtonElement> | react.AnchorHTMLAttributes<HTMLAnchorElement>)) | undefined;
|
|
1398
1341
|
navItems?: OverflowMenuLinkItem[] | undefined;
|
|
1399
1342
|
isOpen?: boolean | undefined;
|
|
1400
1343
|
onClose?: (() => void) | undefined;
|
|
@@ -1520,7 +1463,7 @@ type BreadcrumbsProps = BaseComponentPropsWithChildren<HTMLElement, {
|
|
|
1520
1463
|
*/
|
|
1521
1464
|
smallScreen?: boolean;
|
|
1522
1465
|
}>;
|
|
1523
|
-
declare const Breadcrumbs: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLElement>, "
|
|
1466
|
+
declare const Breadcrumbs: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLElement>, "id" | "className"> & {
|
|
1524
1467
|
/**
|
|
1525
1468
|
* Om variant for mindre skjerm skal vises.
|
|
1526
1469
|
* Trunkerer barn unntatt første og siste; trunkerte barn er tigjengelige ved å trykke på trukeringsknappen.
|
|
@@ -1546,27 +1489,19 @@ declare namespace Icon {
|
|
|
1546
1489
|
var displayName: string;
|
|
1547
1490
|
}
|
|
1548
1491
|
|
|
1549
|
-
type ButtonPurpose = 'primary' | 'secondary' | 'danger';
|
|
1492
|
+
type ButtonPurpose = 'primary' | 'secondary' | 'danger' | 'tertiary';
|
|
1550
1493
|
type ButtonSize = 'tiny' | 'small' | 'medium' | 'large';
|
|
1551
|
-
type ButtonAppearance = 'filled' | 'ghost' | 'rounded' | 'borderless';
|
|
1552
1494
|
type IconPosition = 'left' | 'right';
|
|
1553
1495
|
type PickedHTMLAttributes$2 = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onFocus' | 'onBlur' | 'type'>;
|
|
1554
|
-
type ButtonProps
|
|
1496
|
+
type ButtonProps = BaseComponentProps<HTMLButtonElement, {
|
|
1555
1497
|
/**Størrelsen på knappen. */
|
|
1556
1498
|
size?: ButtonSize;
|
|
1557
|
-
/**
|
|
1558
|
-
* Innhold i knappen. Hvis `children` er definert så blir den prioritert.
|
|
1559
|
-
* @deprecated Bruk `children` i stedet.
|
|
1560
|
-
* */
|
|
1561
|
-
label?: string | ReactElement;
|
|
1562
|
-
/**Innhold i knappen. Denne blir prioritert over `label`. */
|
|
1499
|
+
/**Innhold i knappen (unntatt ikon). */
|
|
1563
1500
|
children?: ReactNode;
|
|
1564
1501
|
/**Bestemmer farger basert på formål. */
|
|
1565
1502
|
purpose?: ButtonPurpose;
|
|
1566
1503
|
/** Posisjonen til ikonet i forhold til teksten.*/
|
|
1567
1504
|
iconPosition?: IconPosition;
|
|
1568
|
-
/**Bestemmer utseende på knappen, bl.a. bakgrunn, border radius og skygger. */
|
|
1569
|
-
appearance?: ButtonAppearance;
|
|
1570
1505
|
/**Indikerer en loading-knapp. */
|
|
1571
1506
|
loading?: boolean;
|
|
1572
1507
|
/**Tooltip som vises ved loading. */
|
|
@@ -1577,17 +1512,15 @@ type ButtonProps$1 = BaseComponentProps<HTMLButtonElement, {
|
|
|
1577
1512
|
fullWidth?: boolean;
|
|
1578
1513
|
/**URL for knapper som skal brukes som lenke. Knappen blir til et `<a>`-element. */
|
|
1579
1514
|
href?: string;
|
|
1580
|
-
/**Nativt target
|
|
1515
|
+
/**Nativt `target`-attributt. Kan settes når knappen er et `<a>`-element. */
|
|
1581
1516
|
target?: string;
|
|
1582
1517
|
} & PickedHTMLAttributes$2, Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof PickedHTMLAttributes$2>>;
|
|
1583
1518
|
|
|
1584
|
-
declare const Button: react.ForwardRefExoticComponent<Pick<Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "
|
|
1519
|
+
declare const Button: react.ForwardRefExoticComponent<Pick<Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "onClick" | "type">, "id" | "className"> & {
|
|
1585
1520
|
size?: ButtonSize | undefined;
|
|
1586
|
-
label?: string | react.ReactElement<any, string | react.JSXElementConstructor<any>> | undefined;
|
|
1587
1521
|
children?: react.ReactNode;
|
|
1588
1522
|
purpose?: ButtonPurpose | undefined;
|
|
1589
1523
|
iconPosition?: IconPosition | undefined;
|
|
1590
|
-
appearance?: ButtonAppearance | undefined;
|
|
1591
1524
|
loading?: boolean | undefined;
|
|
1592
1525
|
loadingTooltip?: string | undefined;
|
|
1593
1526
|
icon?: SvgIcon | undefined;
|
|
@@ -1595,12 +1528,12 @@ declare const Button: react.ForwardRefExoticComponent<Pick<Omit<react.ButtonHTML
|
|
|
1595
1528
|
href?: string | undefined;
|
|
1596
1529
|
target?: string | undefined;
|
|
1597
1530
|
} & {
|
|
1531
|
+
onFocus?: FocusEventHandler<HTMLButtonElement> | undefined;
|
|
1532
|
+
onBlur?: FocusEventHandler<HTMLButtonElement> | undefined;
|
|
1533
|
+
onClick?: MouseEventHandler<HTMLButtonElement> | undefined;
|
|
1598
1534
|
type?: "button" | "submit" | "reset" | undefined;
|
|
1599
|
-
onFocus?: react.FocusEventHandler<HTMLButtonElement> | undefined;
|
|
1600
|
-
onBlur?: react.FocusEventHandler<HTMLButtonElement> | undefined;
|
|
1601
|
-
onClick?: react.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
1602
1535
|
} & {
|
|
1603
|
-
htmlProps?: Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "
|
|
1536
|
+
htmlProps?: Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "onClick" | "type"> | undefined;
|
|
1604
1537
|
} & react.RefAttributes<HTMLButtonElement>>;
|
|
1605
1538
|
|
|
1606
1539
|
type PickedHTMLAttributes$1 = Pick<HTMLAttributes<HTMLDivElement>, 'role' | 'aria-label' | 'aria-labelledby'>;
|
|
@@ -1616,7 +1549,7 @@ type ButtonGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
1616
1549
|
/**Nativ `role` ved behov. */
|
|
1617
1550
|
role?: AriaRole;
|
|
1618
1551
|
} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof PickedHTMLAttributes$1>>;
|
|
1619
|
-
declare const ButtonGroup: react.ForwardRefExoticComponent<Pick<HTMLAttributes<HTMLDivElement>, "
|
|
1552
|
+
declare const ButtonGroup: react.ForwardRefExoticComponent<Pick<HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
1620
1553
|
/**Retning for gruppen. */
|
|
1621
1554
|
direction?: Direction$1 | undefined;
|
|
1622
1555
|
/**Størrelse på knappene. */
|
|
@@ -1633,11 +1566,11 @@ declare const ButtonGroup: react.ForwardRefExoticComponent<Pick<HTMLAttributes<H
|
|
|
1633
1566
|
htmlProps?: HTMLAttributes<HTMLDivElement> | undefined;
|
|
1634
1567
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
1635
1568
|
|
|
1636
|
-
type
|
|
1569
|
+
type CardAppearance = 'filled' | 'border';
|
|
1637
1570
|
type CardType = 'info' | 'navigation' | 'expandable';
|
|
1638
1571
|
type BaseCardProps<T extends HTMLElement> = BaseComponentPropsWithChildren<T, {
|
|
1639
|
-
/**
|
|
1640
|
-
|
|
1572
|
+
/** Utseende på komponenten. */
|
|
1573
|
+
appearance?: CardAppearance;
|
|
1641
1574
|
/** Referanse til komponenten. */
|
|
1642
1575
|
cardRef?: RefObject<T>;
|
|
1643
1576
|
}>;
|
|
@@ -1663,7 +1596,7 @@ type CardAccordionProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
1663
1596
|
/**For å lytte til endringer i expanded-state. */
|
|
1664
1597
|
onChange?: (expanded: boolean) => void;
|
|
1665
1598
|
}>;
|
|
1666
|
-
declare const CardAccordion: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "
|
|
1599
|
+
declare const CardAccordion: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
1667
1600
|
/**Spesifiserer om body skal være utvidet ved innlastning. */
|
|
1668
1601
|
isExpanded?: boolean | undefined;
|
|
1669
1602
|
/**For å lytte til endringer i expanded-state. */
|
|
@@ -1685,8 +1618,6 @@ type CardAccordionHeaderProps = Omit<BaseComponentPropsWithChildren<HTMLButtonEl
|
|
|
1685
1618
|
declare const CardAccordionHeader: react.ForwardRefExoticComponent<CardAccordionHeaderProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1686
1619
|
|
|
1687
1620
|
type CardAccordionBodyProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
1688
|
-
/**Overskriver default padding på toppen. Brukes når barn har spacing på toppen, f.eks. en overskrift. */
|
|
1689
|
-
paddingTop?: Property.PaddingTop<string>;
|
|
1690
1621
|
/**Overskriver default padding. */
|
|
1691
1622
|
padding?: Property.Padding<string>;
|
|
1692
1623
|
}>, 'id'>;
|
|
@@ -1698,7 +1629,7 @@ type ChipProps = BaseComponentProps<HTMLDivElement, {
|
|
|
1698
1629
|
/** Ekstra logikk når `<Chip />` lukkes. */
|
|
1699
1630
|
onClose?: () => void;
|
|
1700
1631
|
}>;
|
|
1701
|
-
declare const Chip: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "
|
|
1632
|
+
declare const Chip: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
1702
1633
|
/** Teksten som vises i komponenten. */
|
|
1703
1634
|
text?: string | undefined;
|
|
1704
1635
|
/** Ekstra logikk når `<Chip />` lukkes. */
|
|
@@ -1717,14 +1648,9 @@ declare namespace Calendar {
|
|
|
1717
1648
|
}
|
|
1718
1649
|
|
|
1719
1650
|
type DateFieldProps<T extends DateValue$1 = CalendarDate> = AriaDateFieldOptions<T> & {
|
|
1720
|
-
className?: string;
|
|
1721
1651
|
buttonProps?: ReturnType<typeof useDatePicker>['buttonProps'];
|
|
1722
1652
|
groupProps?: ReturnType<typeof useDatePicker>['groupProps'];
|
|
1723
|
-
|
|
1724
|
-
* For å sette en egendefinert bredde på komponenten.
|
|
1725
|
-
*/
|
|
1726
|
-
width?: CSS.Properties['width'];
|
|
1727
|
-
} & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'disabled' | 'style'>;
|
|
1653
|
+
} & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'disabled' | 'style' | 'width' | 'className'>;
|
|
1728
1654
|
|
|
1729
1655
|
interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'granularity'>, Pick<DateFieldProps<CalendarDate>, 'componentSize' | 'tip' | 'style'> {
|
|
1730
1656
|
/**
|
|
@@ -1742,26 +1668,8 @@ interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'granu
|
|
|
1742
1668
|
}
|
|
1743
1669
|
declare const DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<HTMLElement>>;
|
|
1744
1670
|
|
|
1745
|
-
type TimePickerProps = Omit<AriaTimeFieldProps<Time>, 'hideTimeZone'> &
|
|
1746
|
-
|
|
1747
|
-
* Navn på egne klasser.
|
|
1748
|
-
*/
|
|
1749
|
-
className?: string;
|
|
1750
|
-
/**
|
|
1751
|
-
* Egendefinert bredde på komponenten.
|
|
1752
|
-
*/
|
|
1753
|
-
width?: CSS.Properties['width'];
|
|
1754
|
-
} & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'style'>;
|
|
1755
|
-
declare const TimePicker: react.ForwardRefExoticComponent<Omit<AriaTimeFieldProps<Time>, "hideTimeZone"> & {
|
|
1756
|
-
/**
|
|
1757
|
-
* Navn på egne klasser.
|
|
1758
|
-
*/
|
|
1759
|
-
className?: string | undefined;
|
|
1760
|
-
/**
|
|
1761
|
-
* Egendefinert bredde på komponenten.
|
|
1762
|
-
*/
|
|
1763
|
-
width?: CSS.Properties['width'];
|
|
1764
|
-
} & Pick<InputProps, "style" | "tip" | "errorMessage" | "componentSize"> & react.RefAttributes<HTMLDivElement>>;
|
|
1671
|
+
type TimePickerProps = Omit<AriaTimeFieldProps<Time>, 'hideTimeZone'> & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'style' | 'width' | 'className'>;
|
|
1672
|
+
declare const TimePicker: react.ForwardRefExoticComponent<Omit<AriaTimeFieldProps<Time>, "hideTimeZone"> & Pick<InputProps, "className" | "style" | "width" | "componentSize" | "tip" | "errorMessage"> & react.RefAttributes<HTMLDivElement>>;
|
|
1765
1673
|
|
|
1766
1674
|
declare function nativeDateToDateValue(date: Date, timeZone?: string | undefined): DateValue$1;
|
|
1767
1675
|
declare function dateValueToNativeDate(date: DateValue$1, timeZone?: string | undefined): Date;
|
|
@@ -1769,22 +1677,22 @@ declare function nativeDateToCalendarDate(date: Date): CalendarDate;
|
|
|
1769
1677
|
declare function nativeDateToTime(date: Date): Time;
|
|
1770
1678
|
declare function calendarDateToNativeDate(date: CalendarDate, time?: Time): Date;
|
|
1771
1679
|
|
|
1772
|
-
type DescriptionListAppearance = '
|
|
1680
|
+
type DescriptionListAppearance = 'default' | 'subtle';
|
|
1773
1681
|
type DescriptionListProps = BaseComponentPropsWithChildren<HTMLDListElement, {
|
|
1774
1682
|
/**Påvirker tekst styling. */
|
|
1775
1683
|
appearance?: DescriptionListAppearance;
|
|
1776
1684
|
/**Setter flex-direction. NB! Fungerer kun ved bruk av `DescriptionListGroup` som barn av `DescriptionList`.
|
|
1777
1685
|
* @default "column"
|
|
1778
1686
|
*/
|
|
1779
|
-
direction?:
|
|
1687
|
+
direction?: Direction$1;
|
|
1780
1688
|
}>;
|
|
1781
|
-
declare const DescriptionList: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDListElement>, "
|
|
1689
|
+
declare const DescriptionList: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDListElement>, "id" | "className"> & {
|
|
1782
1690
|
/**Påvirker tekst styling. */
|
|
1783
1691
|
appearance?: DescriptionListAppearance | undefined;
|
|
1784
1692
|
/**Setter flex-direction. NB! Fungerer kun ved bruk av `DescriptionListGroup` som barn av `DescriptionList`.
|
|
1785
1693
|
* @default "column"
|
|
1786
1694
|
*/
|
|
1787
|
-
direction?:
|
|
1695
|
+
direction?: Direction$1 | undefined;
|
|
1788
1696
|
} & {
|
|
1789
1697
|
children?: react.ReactNode;
|
|
1790
1698
|
} & {
|
|
@@ -1798,7 +1706,7 @@ type DescriptionListDescProps = BaseComponentPropsWithChildren<HTMLElement, {
|
|
|
1798
1706
|
/**Ikon som vises ved siden av teksten. */
|
|
1799
1707
|
icon?: SvgIcon;
|
|
1800
1708
|
}>;
|
|
1801
|
-
declare const DescriptionListDesc: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLElement>, "
|
|
1709
|
+
declare const DescriptionListDesc: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLElement>, "id" | "className"> & {
|
|
1802
1710
|
/**Ikon som vises ved siden av teksten. */
|
|
1803
1711
|
icon?: SvgIcon | undefined;
|
|
1804
1712
|
} & {
|
|
@@ -1815,7 +1723,7 @@ type DescriptionListGroupProps = BaseComponentPropsWithChildren<HTMLDivElement,
|
|
|
1815
1723
|
/**Custom max-width. */
|
|
1816
1724
|
maxWidth?: Property.MaxWidth<string>;
|
|
1817
1725
|
}>;
|
|
1818
|
-
declare const DescriptionListGroup: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "
|
|
1726
|
+
declare const DescriptionListGroup: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
1819
1727
|
/**Custom margin. */
|
|
1820
1728
|
margin?: Property.Margin<string> | undefined;
|
|
1821
1729
|
/**Custom min-width. */
|
|
@@ -1833,7 +1741,7 @@ type DividerProps = BaseComponentProps<HTMLHRElement, {
|
|
|
1833
1741
|
/** Farge på horisontal linje. */
|
|
1834
1742
|
color?: DividerColor;
|
|
1835
1743
|
}>;
|
|
1836
|
-
declare const Divider: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLHRElement>, "
|
|
1744
|
+
declare const Divider: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLHRElement>, "id" | "className"> & {
|
|
1837
1745
|
/** Farge på horisontal linje. */
|
|
1838
1746
|
color?: DividerColor | undefined;
|
|
1839
1747
|
} & {
|
|
@@ -1843,9 +1751,9 @@ declare const Divider: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes
|
|
|
1843
1751
|
type DrawerSize = 'small' | 'medium' | 'large';
|
|
1844
1752
|
type DrawerPlacement = 'left' | 'right';
|
|
1845
1753
|
interface WidthProps {
|
|
1846
|
-
minWidth?: Property.MinWidth
|
|
1847
|
-
maxWidth?: Property.MaxWidth
|
|
1848
|
-
width?: Property.Width
|
|
1754
|
+
minWidth?: Property.MinWidth;
|
|
1755
|
+
maxWidth?: Property.MaxWidth;
|
|
1756
|
+
width?: Property.Width;
|
|
1849
1757
|
}
|
|
1850
1758
|
type DrawerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
1851
1759
|
/**Størrelsen på `<Drawer />`. */
|
|
@@ -1865,7 +1773,7 @@ type DrawerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
1865
1773
|
/**Ref til elementet som åpner `<Drawer />`. **OBS!** nødvendig kun hvis `<DrawerGroup />` ikke er i bruk. */
|
|
1866
1774
|
triggerRef?: RefObject<HTMLElement>;
|
|
1867
1775
|
}>;
|
|
1868
|
-
declare const Drawer: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "
|
|
1776
|
+
declare const Drawer: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
1869
1777
|
/**Størrelsen på `<Drawer />`. */
|
|
1870
1778
|
size?: DrawerSize | undefined;
|
|
1871
1779
|
/** Plasseringen til `<Drawer />`. */
|
|
@@ -1911,7 +1819,7 @@ type EmptyContentProps = {
|
|
|
1911
1819
|
/**Melding - beskrivelse og forklaring på hvordan brukeren kan få innhold. */
|
|
1912
1820
|
message: string;
|
|
1913
1821
|
} & HTMLAttributes<HTMLDivElement>;
|
|
1914
|
-
declare function EmptyContent({ title, message, titleHeadingLevel, ...rest }: EmptyContentProps): react_jsx_runtime.JSX.Element;
|
|
1822
|
+
declare function EmptyContent({ title, message, titleHeadingLevel, className, ...rest }: EmptyContentProps): react_jsx_runtime.JSX.Element;
|
|
1915
1823
|
declare namespace EmptyContent {
|
|
1916
1824
|
var displayName: string;
|
|
1917
1825
|
}
|
|
@@ -1982,7 +1890,7 @@ type FieldsetProps = BaseComponentPropsWithChildren<HTMLFieldSetElement, {
|
|
|
1982
1890
|
/** Om alle inputfelt skal bli `disabled`. */
|
|
1983
1891
|
disabled?: boolean;
|
|
1984
1892
|
}>;
|
|
1985
|
-
declare const Fieldset: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLFieldSetElement>, "
|
|
1893
|
+
declare const Fieldset: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLFieldSetElement>, "id" | "className"> & {
|
|
1986
1894
|
/** Om alle inputfelt skal bli `disabled`. */
|
|
1987
1895
|
disabled?: boolean | undefined;
|
|
1988
1896
|
} & {
|
|
@@ -2035,17 +1943,22 @@ type FileUploaderProps = {
|
|
|
2035
1943
|
/**Callback for når fil-listen endres. */
|
|
2036
1944
|
onChange: (newFiles: FileList) => void;
|
|
2037
1945
|
/**Bredde for filopplasteren. */
|
|
2038
|
-
width?: Property.Width
|
|
1946
|
+
width?: Property.Width;
|
|
2039
1947
|
/**Om drag-and-drop zone skal vises. */
|
|
2040
1948
|
withDragAndDrop?: boolean;
|
|
2041
1949
|
/**Om listen med opplastede filer skal skjules. Brukes kun hvis listen blir vist på egen måte. */
|
|
2042
1950
|
hideFileList?: boolean;
|
|
2043
|
-
} & Partial<FileUploaderHookProps>;
|
|
1951
|
+
} & Partial<FileUploaderHookProps> & Omit<ComponentProps<'div'>, 'onChange' | 'id'>;
|
|
2044
1952
|
declare const FileUploader: {
|
|
2045
1953
|
(props: FileUploaderProps): react_jsx_runtime.JSX.Element;
|
|
2046
1954
|
displayName: string;
|
|
2047
1955
|
};
|
|
2048
1956
|
|
|
1957
|
+
declare const purposeVariants: {
|
|
1958
|
+
[k in GlobalMessagePurpose]: {
|
|
1959
|
+
icon: SvgIcon;
|
|
1960
|
+
};
|
|
1961
|
+
};
|
|
2049
1962
|
type GlobalMessagePurpose = 'info' | 'warning' | 'danger';
|
|
2050
1963
|
type GlobalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
2051
1964
|
/**Meldingen som vises til brukeren. Brukes kun når meldingen er en `string`. */
|
|
@@ -2057,7 +1970,7 @@ type GlobalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
2057
1970
|
/**Ekstra logikk å kjøre når meldingen lukkes. */
|
|
2058
1971
|
onClose?: () => void;
|
|
2059
1972
|
}>;
|
|
2060
|
-
declare const GlobalMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "
|
|
1973
|
+
declare const GlobalMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
2061
1974
|
/**Meldingen som vises til brukeren. Brukes kun når meldingen er en `string`. */
|
|
2062
1975
|
message?: string | undefined;
|
|
2063
1976
|
/**Formålet med meldingen. Påvirker styling. */
|
|
@@ -2072,14 +1985,6 @@ declare const GlobalMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttr
|
|
|
2072
1985
|
htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
|
|
2073
1986
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
2074
1987
|
|
|
2075
|
-
declare const getHooksGridStyling: (screenSize: ScreenSize, maxWidth?: MaxWidthGrid, rowGap?: RowGapGrid) => {
|
|
2076
|
-
gridTemplateColumns: string;
|
|
2077
|
-
columnGap: string;
|
|
2078
|
-
marginLeft: string;
|
|
2079
|
-
marginRight: string;
|
|
2080
|
-
rowGap: string | 0 | undefined;
|
|
2081
|
-
maxWidth: CSS.Property.MaxWidth<0 | (string & {})> | undefined;
|
|
2082
|
-
};
|
|
2083
1988
|
type RowGapGrid = BreakpointBasedProps<'rowGap'>;
|
|
2084
1989
|
type MaxWidthGrid = BreakpointBasedProps<'maxWidth'>;
|
|
2085
1990
|
type BaseGridProps = {
|
|
@@ -2158,7 +2063,7 @@ type InlineEditInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'width'
|
|
|
2158
2063
|
|
|
2159
2064
|
declare const InlineEditTextArea: react.ForwardRefExoticComponent<Omit<react.TextareaHTMLAttributes<HTMLTextAreaElement>, "onFocus" | "onBlur" | "onChange"> & Pick<InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<BaseInlineInputProps, "width" | "error" | "errorMessage" | "hideIcon"> & react.RefAttributes<HTMLTextAreaElement>>;
|
|
2160
2065
|
|
|
2161
|
-
declare const InlineEditInput: react.ForwardRefExoticComponent<Omit<react.InputHTMLAttributes<HTMLInputElement>, "
|
|
2066
|
+
declare const InlineEditInput: react.ForwardRefExoticComponent<Omit<react.InputHTMLAttributes<HTMLInputElement>, "onFocus" | "onBlur" | "onChange" | "width"> & Pick<InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<BaseInlineInputProps, "width" | "error" | "errorMessage" | "hideIcon"> & react.RefAttributes<HTMLInputElement>>;
|
|
2162
2067
|
|
|
2163
2068
|
type InputMessageType = 'error' | 'tip';
|
|
2164
2069
|
type InputMessageProps = BaseComponentProps<HTMLDivElement, {
|
|
@@ -2167,7 +2072,7 @@ type InputMessageProps = BaseComponentProps<HTMLDivElement, {
|
|
|
2167
2072
|
/** Formålet med meldingen. Påvirker styling. */
|
|
2168
2073
|
messageType: InputMessageType;
|
|
2169
2074
|
}>;
|
|
2170
|
-
declare const InputMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "
|
|
2075
|
+
declare const InputMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
2171
2076
|
/** Meldingen som vises til brukeren. */
|
|
2172
2077
|
message: string;
|
|
2173
2078
|
/** Formålet med meldingen. Påvirker styling. */
|
|
@@ -2225,7 +2130,7 @@ type ListProps = BaseComponentPropsWithChildren<HTMLUListElement | HTMLOListElem
|
|
|
2225
2130
|
/**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. */
|
|
2226
2131
|
typographyType?: ListTypographyType;
|
|
2227
2132
|
}>;
|
|
2228
|
-
declare const List: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLOListElement | HTMLUListElement>, "
|
|
2133
|
+
declare const List: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLOListElement | HTMLUListElement>, "id" | "className"> & {
|
|
2229
2134
|
/**Spesifiserer om komponenten skal returnere `<ul />` (punktliste) eller `<ol />` (nummerert liste). */
|
|
2230
2135
|
listType?: ListType | undefined;
|
|
2231
2136
|
/**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. */
|
|
@@ -2234,12 +2139,12 @@ declare const List: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HT
|
|
|
2234
2139
|
children?: react.ReactNode;
|
|
2235
2140
|
} & {
|
|
2236
2141
|
htmlProps?: react.HTMLAttributes<HTMLOListElement | HTMLUListElement> | undefined;
|
|
2237
|
-
} & react.RefAttributes<HTMLOListElement
|
|
2142
|
+
} & react.RefAttributes<HTMLOListElement>>;
|
|
2238
2143
|
|
|
2239
2144
|
type ListItemProps = HTMLAttributes<HTMLLIElement>;
|
|
2240
2145
|
declare const ListItem: react.ForwardRefExoticComponent<ListItemProps & react.RefAttributes<HTMLLIElement>>;
|
|
2241
2146
|
|
|
2242
|
-
type LocalMessagePurpose = 'info' | 'warning' | 'danger' | '
|
|
2147
|
+
type LocalMessagePurpose = 'info' | 'warning' | 'danger' | 'success' | 'tips';
|
|
2243
2148
|
type LocalMessageLayout = 'horisontal' | 'vertical';
|
|
2244
2149
|
type LocalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
2245
2150
|
/**Meldingen som vises til brukeren. Brukes kun når meldingen er string. */
|
|
@@ -2253,9 +2158,9 @@ type LocalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
2253
2158
|
/**Layoutet i komponenten. Ved kompleks innhold anbefales `layout='vertical'`. */
|
|
2254
2159
|
layout?: LocalMessageLayout;
|
|
2255
2160
|
/**Custom bredde ved behov. */
|
|
2256
|
-
width?: Property.Width
|
|
2161
|
+
width?: Property.Width;
|
|
2257
2162
|
}>;
|
|
2258
|
-
declare const LocalMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "
|
|
2163
|
+
declare const LocalMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
2259
2164
|
/**Meldingen som vises til brukeren. Brukes kun når meldingen er string. */
|
|
2260
2165
|
message?: string | undefined;
|
|
2261
2166
|
/**Formålet med meldingen. Påvirker styling. */
|
|
@@ -2267,7 +2172,7 @@ declare const LocalMessage: react.ForwardRefExoticComponent<Pick<react.HTMLAttri
|
|
|
2267
2172
|
/**Layoutet i komponenten. Ved kompleks innhold anbefales `layout='vertical'`. */
|
|
2268
2173
|
layout?: LocalMessageLayout | undefined;
|
|
2269
2174
|
/**Custom bredde ved behov. */
|
|
2270
|
-
width?: Property.Width<string> | undefined;
|
|
2175
|
+
width?: Property.Width<0 | (string & {})> | undefined;
|
|
2271
2176
|
} & {
|
|
2272
2177
|
children?: react.ReactNode;
|
|
2273
2178
|
} & {
|
|
@@ -2288,7 +2193,7 @@ type ModalProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
2288
2193
|
/**Ref som skal motta fokus når Modal åpnes. Hvis utelatt blir Modal fokusert. */
|
|
2289
2194
|
initialFocusRef?: RefObject<HTMLElement>;
|
|
2290
2195
|
}>;
|
|
2291
|
-
declare const Modal: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "
|
|
2196
|
+
declare const Modal: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
2292
2197
|
/**Spesifiserer om modal skal vises. */
|
|
2293
2198
|
isOpen?: boolean | undefined;
|
|
2294
2199
|
/**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. */
|
|
@@ -2313,7 +2218,7 @@ type ModalBodyProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
2313
2218
|
/**Høyde på container. */
|
|
2314
2219
|
height?: Property.Height;
|
|
2315
2220
|
}>;
|
|
2316
|
-
declare const ModalBody: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "
|
|
2221
|
+
declare const ModalBody: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
2317
2222
|
/**Gjør at innholdet kan scrolles. Det må eventuelt settes (max)bredde og (max)høyde styling på både denne subkomponenten og `<Modal />`. */
|
|
2318
2223
|
scrollable?: boolean | undefined;
|
|
2319
2224
|
/**Høyde på container. */
|
|
@@ -2353,7 +2258,7 @@ type PaginationProps = BaseComponentProps<HTMLElement, {
|
|
|
2353
2258
|
/**Spesifiserer om versjonen for små skjermer skal vises; den viser færre sideknapper og stacker subkomponentene. */
|
|
2354
2259
|
smallScreen?: boolean;
|
|
2355
2260
|
}, Omit<HTMLAttributes<HTMLElement>, 'onChange'>>;
|
|
2356
|
-
declare const Pagination: react.ForwardRefExoticComponent<Pick<Omit<HTMLAttributes<HTMLElement>, "onChange">, "
|
|
2261
|
+
declare const Pagination: react.ForwardRefExoticComponent<Pick<Omit<HTMLAttributes<HTMLElement>, "onChange">, "id" | "className"> & {
|
|
2357
2262
|
/**Totalt antall elementer å paginere. */
|
|
2358
2263
|
itemsAmount: number;
|
|
2359
2264
|
/**Antall elementer per side ved innlastning av komponenten. */
|
|
@@ -2379,12 +2284,12 @@ declare const Pagination: react.ForwardRefExoticComponent<Pick<Omit<HTMLAttribut
|
|
|
2379
2284
|
} & react.RefAttributes<HTMLElement>>;
|
|
2380
2285
|
|
|
2381
2286
|
interface PopoverSizeProps {
|
|
2382
|
-
width?: Property.Width
|
|
2383
|
-
height?: Property.Height
|
|
2384
|
-
minWidth?: Property.MinWidth
|
|
2385
|
-
minHeight?: Property.MinHeight
|
|
2386
|
-
maxWidth?: Property.MaxWidth
|
|
2387
|
-
maxHeight?: Property.MaxHeight
|
|
2287
|
+
width?: Property.Width;
|
|
2288
|
+
height?: Property.Height;
|
|
2289
|
+
minWidth?: Property.MinWidth;
|
|
2290
|
+
minHeight?: Property.MinHeight;
|
|
2291
|
+
maxWidth?: Property.MaxWidth;
|
|
2292
|
+
maxHeight?: Property.MaxHeight;
|
|
2388
2293
|
}
|
|
2389
2294
|
type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
2390
2295
|
/**Tittel. */
|
|
@@ -2408,7 +2313,7 @@ type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
2408
2313
|
/** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Funksjon kjørt ved lukking. */
|
|
2409
2314
|
onClose?: () => void;
|
|
2410
2315
|
}>;
|
|
2411
|
-
declare const Popover: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "
|
|
2316
|
+
declare const Popover: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
2412
2317
|
/**Tittel. */
|
|
2413
2318
|
title?: string | ReactNode;
|
|
2414
2319
|
/** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Spesifiserer om `<Popover />` skal vises. */
|
|
@@ -2534,23 +2439,24 @@ declare const scrollbarStyling: {
|
|
|
2534
2439
|
};
|
|
2535
2440
|
|
|
2536
2441
|
type SearchSize = 'small' | 'medium' | 'large';
|
|
2537
|
-
type
|
|
2442
|
+
type SearchButtonProps = {
|
|
2538
2443
|
onClick: (event: MouseEvent$1<HTMLButtonElement>) => void;
|
|
2539
2444
|
label?: string;
|
|
2540
2445
|
loading?: boolean;
|
|
2541
2446
|
purpose?: 'primary' | 'secondary';
|
|
2542
2447
|
} & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
2448
|
+
|
|
2543
2449
|
type SearchProps = Pick<InputProps, 'tip' | 'label'> & {
|
|
2544
2450
|
/**Størrelsen på komponenten. */
|
|
2545
2451
|
componentSize?: SearchSize;
|
|
2546
2452
|
/**Props for søkeknappen. */
|
|
2547
|
-
buttonProps?:
|
|
2453
|
+
buttonProps?: SearchButtonProps;
|
|
2548
2454
|
} & InputHTMLAttributes<HTMLInputElement>;
|
|
2549
2455
|
declare const Search$1: react.ForwardRefExoticComponent<Pick<InputProps, "label" | "tip"> & {
|
|
2550
2456
|
/**Størrelsen på komponenten. */
|
|
2551
2457
|
componentSize?: SearchSize | undefined;
|
|
2552
2458
|
/**Props for søkeknappen. */
|
|
2553
|
-
buttonProps?:
|
|
2459
|
+
buttonProps?: SearchButtonProps | undefined;
|
|
2554
2460
|
} & InputHTMLAttributes<HTMLInputElement> & react.RefAttributes<HTMLInputElement>>;
|
|
2555
2461
|
|
|
2556
2462
|
interface WeightedValue {
|
|
@@ -2598,7 +2504,7 @@ type SearchSuggestionsProps = BaseComponentProps<HTMLDivElement, Pick<SearchProp
|
|
|
2598
2504
|
/**Id til `<Search>`. */
|
|
2599
2505
|
searchId: string;
|
|
2600
2506
|
}>;
|
|
2601
|
-
declare const SearchSuggestions: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "
|
|
2507
|
+
declare const SearchSuggestions: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & Pick<SearchProps, "componentSize"> & {
|
|
2602
2508
|
/**Forslag som vises i listen. */
|
|
2603
2509
|
suggestions?: string[] | undefined;
|
|
2604
2510
|
/** Om listen skal vises. */
|
|
@@ -2638,7 +2544,7 @@ type SelectProps<Option = unknown, IsMulti extends boolean = false> = {
|
|
|
2638
2544
|
/**Hjelpetekst. */
|
|
2639
2545
|
tip?: string;
|
|
2640
2546
|
/**Custom bredde ved behov. */
|
|
2641
|
-
width?: Property.Width
|
|
2547
|
+
width?: Property.Width;
|
|
2642
2548
|
/** CSS klassenavn. */
|
|
2643
2549
|
className?: string;
|
|
2644
2550
|
/** Inline styling. */
|
|
@@ -2670,14 +2576,14 @@ type CheckboxProps = BaseComponentProps<HTMLInputElement, {
|
|
|
2670
2576
|
indeterminate?: boolean;
|
|
2671
2577
|
} & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;
|
|
2672
2578
|
|
|
2673
|
-
declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "
|
|
2579
|
+
declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked">, "id" | "className"> & {
|
|
2674
2580
|
label?: string | undefined;
|
|
2675
2581
|
error?: boolean | undefined;
|
|
2676
2582
|
disabled?: boolean | undefined;
|
|
2677
2583
|
readOnly?: boolean | undefined;
|
|
2678
2584
|
indeterminate?: boolean | undefined;
|
|
2679
2585
|
} & CheckboxPickedHTMLAttributes & {
|
|
2680
|
-
htmlProps?: Omit<react.InputHTMLAttributes<HTMLInputElement>, "
|
|
2586
|
+
htmlProps?: Omit<react.InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked"> | undefined;
|
|
2681
2587
|
} & react.RefAttributes<HTMLInputElement>>;
|
|
2682
2588
|
|
|
2683
2589
|
type CheckboxGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
@@ -2703,14 +2609,14 @@ declare const CheckboxGroup: {
|
|
|
2703
2609
|
displayName: string;
|
|
2704
2610
|
};
|
|
2705
2611
|
|
|
2706
|
-
declare const RadioButton: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "
|
|
2612
|
+
declare const RadioButton: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "onChange" | "name" | "value" | "checked" | "readOnly" | "required">, "id" | "className"> & {
|
|
2707
2613
|
label?: string | undefined;
|
|
2708
2614
|
disabled?: boolean | undefined;
|
|
2709
2615
|
error?: boolean | undefined;
|
|
2710
2616
|
} & {
|
|
2711
|
-
name?: string | undefined;
|
|
2712
2617
|
"aria-describedby"?: string | undefined;
|
|
2713
2618
|
onChange?: react.ChangeEventHandler<HTMLInputElement> | undefined;
|
|
2619
|
+
name?: string | undefined;
|
|
2714
2620
|
value?: string | number | readonly string[] | undefined;
|
|
2715
2621
|
checked?: boolean | undefined;
|
|
2716
2622
|
readOnly?: boolean | undefined;
|
|
@@ -2718,7 +2624,7 @@ declare const RadioButton: react.ForwardRefExoticComponent<Pick<Omit<react.Input
|
|
|
2718
2624
|
} & {
|
|
2719
2625
|
children?: react.ReactNode;
|
|
2720
2626
|
} & {
|
|
2721
|
-
htmlProps?: Omit<react.InputHTMLAttributes<HTMLInputElement>, "
|
|
2627
|
+
htmlProps?: Omit<react.InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "onChange" | "name" | "value" | "checked" | "readOnly" | "required"> | undefined;
|
|
2722
2628
|
} & react.RefAttributes<HTMLInputElement>>;
|
|
2723
2629
|
|
|
2724
2630
|
type PickedInputHTMLAttributes$1 = Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'readOnly' | 'checked' | 'value' | 'required' | 'onChange' | 'aria-describedby'>;
|
|
@@ -2767,7 +2673,7 @@ type SkipToContentProps = BaseComponentProps<HTMLAnchorElement, {
|
|
|
2767
2673
|
/**Avstand fra top i nærmeste posisjonert container. */
|
|
2768
2674
|
top?: Property.Top;
|
|
2769
2675
|
}>;
|
|
2770
|
-
declare const SkipToContent: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLAnchorElement>, "
|
|
2676
|
+
declare const SkipToContent: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLAnchorElement>, "id" | "className"> & {
|
|
2771
2677
|
/** Teksten som vises i lenka. */
|
|
2772
2678
|
text?: string | undefined;
|
|
2773
2679
|
/**Spesifiserer hvor det skal hoppes til via `id`-attributtet til innholdet. */
|
|
@@ -2785,7 +2691,7 @@ type SpinnerProps = BaseComponentProps<SVGElement, {
|
|
|
2785
2691
|
/**Farge på spinneren. */
|
|
2786
2692
|
color?: TextColor | (string & NonNullable<unknown>);
|
|
2787
2693
|
/**Størrelse; Setter høyde og bredde på spinneren. */
|
|
2788
|
-
size?: Property.Width
|
|
2694
|
+
size?: Property.Width;
|
|
2789
2695
|
/**Tekst som vises ved hover. */
|
|
2790
2696
|
tooltip?: string;
|
|
2791
2697
|
}>;
|
|
@@ -2795,35 +2701,30 @@ declare namespace Spinner {
|
|
|
2795
2701
|
}
|
|
2796
2702
|
|
|
2797
2703
|
type SplitButtonPurpose = ExtractStrict<ButtonPurpose, 'primary' | 'secondary'>;
|
|
2798
|
-
|
|
2704
|
+
type SplitButtonPrimaryActionProps = Omit<ButtonProps, 'size' | 'purpose'>;
|
|
2705
|
+
type SplitButtonSecondaryActionsProps = Array<OverflowMenuButtonItem>;
|
|
2706
|
+
type SplitButtonProps = {
|
|
2799
2707
|
/**Størrelse på komponenten. */
|
|
2800
2708
|
size?: ButtonSize;
|
|
2801
|
-
/**Props for primær handling. Samme props som for `<Button />` unntatt `size
|
|
2802
|
-
primaryAction:
|
|
2709
|
+
/**Props for primær handling. Samme props som for `<Button />` unntatt `size` og `purpose`. */
|
|
2710
|
+
primaryAction: SplitButtonPrimaryActionProps;
|
|
2803
2711
|
/**Props for sekunære handlinger. */
|
|
2804
|
-
secondaryActions:
|
|
2712
|
+
secondaryActions: SplitButtonSecondaryActionsProps;
|
|
2805
2713
|
/**Formål med knappen */
|
|
2806
2714
|
purpose?: SplitButtonPurpose;
|
|
2807
|
-
}
|
|
2808
|
-
declare const SplitButton: react.ForwardRefExoticComponent<
|
|
2809
|
-
|
|
2810
|
-
|
|
2811
|
-
|
|
2812
|
-
|
|
2813
|
-
|
|
2814
|
-
|
|
2815
|
-
|
|
2816
|
-
|
|
2817
|
-
|
|
2818
|
-
x2: string;
|
|
2819
|
-
'x2.5': string;
|
|
2820
|
-
x3: string;
|
|
2821
|
-
x4: string;
|
|
2822
|
-
x6: string;
|
|
2823
|
-
x10: string;
|
|
2824
|
-
};
|
|
2825
|
-
};
|
|
2715
|
+
} & HTMLAttributes<HTMLDivElement>;
|
|
2716
|
+
declare const SplitButton: react.ForwardRefExoticComponent<{
|
|
2717
|
+
/**Størrelse på komponenten. */
|
|
2718
|
+
size?: ButtonSize | undefined;
|
|
2719
|
+
/**Props for primær handling. Samme props som for `<Button />` unntatt `size` og `purpose`. */
|
|
2720
|
+
primaryAction: SplitButtonPrimaryActionProps;
|
|
2721
|
+
/**Props for sekunære handlinger. */
|
|
2722
|
+
secondaryActions: SplitButtonSecondaryActionsProps;
|
|
2723
|
+
/**Formål med knappen */
|
|
2724
|
+
purpose?: "primary" | "secondary" | undefined;
|
|
2725
|
+
} & HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
|
|
2826
2726
|
|
|
2727
|
+
type StackSpacing = 'x0.125' | 'x0.25' | 'x0.5' | 'x0.75' | 'x1' | 'x1.5' | 'x2' | 'x2.5' | 'x3' | 'x4' | 'x6' | 'x10';
|
|
2827
2728
|
interface StackStyleProps {
|
|
2828
2729
|
/**
|
|
2829
2730
|
* Hvilken retning elementene skal plasseres i.
|
|
@@ -2842,23 +2743,25 @@ interface StackStyleProps {
|
|
|
2842
2743
|
/**
|
|
2843
2744
|
* Hvilken spacing token som skal brukes som CSS `gap`.
|
|
2844
2745
|
*/
|
|
2845
|
-
gap?:
|
|
2746
|
+
gap?: StackSpacing | 0;
|
|
2846
2747
|
/**
|
|
2847
2748
|
* Hvilken spacing token som skal brukes som CSS `padding`.
|
|
2848
2749
|
*/
|
|
2849
|
-
padding?:
|
|
2750
|
+
padding?: StackSpacing | 0;
|
|
2850
2751
|
}
|
|
2851
2752
|
type StackProps = BaseComponentPropsWithChildren<HTMLDivElement, Omit<StackStyleProps, 'direction'>>;
|
|
2852
|
-
declare const HStack: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "
|
|
2753
|
+
declare const HStack: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & Omit<StackStyleProps, "direction"> & {
|
|
2853
2754
|
children?: react.ReactNode;
|
|
2854
2755
|
} & {
|
|
2855
2756
|
htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
|
|
2856
2757
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
2857
|
-
declare const VStack: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "
|
|
2758
|
+
declare const VStack: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & Omit<StackStyleProps, "direction"> & {
|
|
2858
2759
|
children?: react.ReactNode;
|
|
2859
2760
|
} & {
|
|
2860
2761
|
htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
|
|
2861
2762
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
2763
|
+
declare function spacingPropToCn(value: string): HyphenSpacingProps;
|
|
2764
|
+
type HyphenSpacingProps = 'x-0-125' | 'x-0-25' | 'x-0-5' | 'x-0-75' | 'x-1' | 'x-1-5' | 'x-2' | 'x-2-5' | 'x-3' | 'x-4' | 'x-6' | 'x-10';
|
|
2862
2765
|
|
|
2863
2766
|
type TableDensity = 'normal' | 'compact' | 'extraCompact';
|
|
2864
2767
|
type TableProps = {
|
|
@@ -2885,7 +2788,7 @@ type TableRowProps = {
|
|
|
2885
2788
|
mode?: RowMode;
|
|
2886
2789
|
/**Spesifiserer om raden har blitt valgt/markert. */
|
|
2887
2790
|
selected?: boolean;
|
|
2888
|
-
/**Spesifiserer om raden skal ha hover styling. Brukes hovedsakelig på
|
|
2791
|
+
/**Spesifiserer om raden skal ha hover styling. Brukes hovedsakelig på rader med klikkbar innhold. */
|
|
2889
2792
|
hoverable?: boolean;
|
|
2890
2793
|
} & HTMLAttributes<HTMLTableRowElement>;
|
|
2891
2794
|
|
|
@@ -2949,7 +2852,7 @@ declare const Table$1: react.ForwardRefExoticComponent<{
|
|
|
2949
2852
|
|
|
2950
2853
|
type TableWrapperProps = HTMLAttributes<HTMLDivElement>;
|
|
2951
2854
|
declare const TableWrapper: {
|
|
2952
|
-
({
|
|
2855
|
+
({ className, ...rest }: TableWrapperProps): react_jsx_runtime.JSX.Element;
|
|
2953
2856
|
displayName: string;
|
|
2954
2857
|
};
|
|
2955
2858
|
|
|
@@ -3008,7 +2911,7 @@ type TabsProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
3008
2911
|
/**Bredde for hele komponenten. */
|
|
3009
2912
|
width?: Property.Width;
|
|
3010
2913
|
}, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
|
|
3011
|
-
declare const Tabs: react.ForwardRefExoticComponent<Pick<Omit<HTMLAttributes<HTMLDivElement>, "onChange">, "
|
|
2914
|
+
declare const Tabs: react.ForwardRefExoticComponent<Pick<Omit<HTMLAttributes<HTMLDivElement>, "onChange">, "id" | "className"> & {
|
|
3012
2915
|
/** 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. */
|
|
3013
2916
|
activeTab?: number | undefined;
|
|
3014
2917
|
/** Ekstra logikk ved endring av aktiv fane. */
|
|
@@ -3037,7 +2940,7 @@ type TabProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
|
|
|
3037
2940
|
/** Bredden til `<Tab />`. Her er det støtte for de samme enhetene som du kan bruke i `grid-template-columns`. */
|
|
3038
2941
|
width?: CSS.Properties['width'];
|
|
3039
2942
|
} & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>>;
|
|
3040
|
-
declare const Tab: react.ForwardRefExoticComponent<Pick<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick">, "
|
|
2943
|
+
declare const Tab: react.ForwardRefExoticComponent<Pick<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onKeyDown" | "onClick">, "id" | "className"> & {
|
|
3041
2944
|
/**Spesifiserer om fanen er aktiv. */
|
|
3042
2945
|
active?: boolean | undefined;
|
|
3043
2946
|
/** Ikon. */
|
|
@@ -3063,7 +2966,7 @@ type TabPanelProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
3063
2966
|
/** Spesifiserer om panelet skal vises basert på aktiv fane. */
|
|
3064
2967
|
active?: boolean;
|
|
3065
2968
|
}>;
|
|
3066
|
-
declare const TabPanel: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "
|
|
2969
|
+
declare const TabPanel: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
3067
2970
|
/** Spesifiserer om panelet skal vises basert på aktiv fane. */
|
|
3068
2971
|
active?: boolean | undefined;
|
|
3069
2972
|
} & {
|
|
@@ -3076,6 +2979,7 @@ type TabPanelsProps = HTMLAttributes<HTMLDivElement>;
|
|
|
3076
2979
|
declare const TabPanels: react.ForwardRefExoticComponent<TabPanelsProps & react.RefAttributes<HTMLDivElement>>;
|
|
3077
2980
|
|
|
3078
2981
|
type TagPurpose = 'success' | 'info' | 'danger' | 'warning' | 'default';
|
|
2982
|
+
type TagAppearance = 'default' | 'strong';
|
|
3079
2983
|
type TagProps = BaseComponentPropsWithChildren<HTMLSpanElement, {
|
|
3080
2984
|
/**
|
|
3081
2985
|
* Innholdet til `<Tag>.` Kan brukes istedenfor `text`.
|
|
@@ -3090,16 +2994,16 @@ type TagProps = BaseComponentPropsWithChildren<HTMLSpanElement, {
|
|
|
3090
2994
|
* */
|
|
3091
2995
|
purpose?: TagPurpose;
|
|
3092
2996
|
/**
|
|
3093
|
-
*
|
|
2997
|
+
* Det visuelle uttrykket til komponenten.
|
|
3094
2998
|
*/
|
|
3095
|
-
|
|
2999
|
+
appearance?: TagAppearance;
|
|
3096
3000
|
/**
|
|
3097
3001
|
* Om `<Tag>` skal ha et ikon til venstre for teksten. Tags med `purpose="default"` har aldri ikon.
|
|
3098
3002
|
* @default false
|
|
3099
3003
|
*/
|
|
3100
3004
|
withIcon?: boolean;
|
|
3101
3005
|
}>;
|
|
3102
|
-
declare const Tag: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLSpanElement>, "
|
|
3006
|
+
declare const Tag: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLSpanElement>, "id" | "className"> & {
|
|
3103
3007
|
/**
|
|
3104
3008
|
* Innholdet til `<Tag>.` Kan brukes istedenfor `text`.
|
|
3105
3009
|
*/
|
|
@@ -3113,9 +3017,9 @@ declare const Tag: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTM
|
|
|
3113
3017
|
* */
|
|
3114
3018
|
purpose?: TagPurpose | undefined;
|
|
3115
3019
|
/**
|
|
3116
|
-
*
|
|
3020
|
+
* Det visuelle uttrykket til komponenten.
|
|
3117
3021
|
*/
|
|
3118
|
-
|
|
3022
|
+
appearance?: TagAppearance | undefined;
|
|
3119
3023
|
/**
|
|
3120
3024
|
* Om `<Tag>` skal ha et ikon til venstre for teksten. Tags med `purpose="default"` har aldri ikon.
|
|
3121
3025
|
* @default false
|
|
@@ -3127,19 +3031,8 @@ declare const Tag: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTM
|
|
|
3127
3031
|
htmlProps?: react.HTMLAttributes<HTMLSpanElement> | undefined;
|
|
3128
3032
|
} & react.RefAttributes<HTMLSpanElement>>;
|
|
3129
3033
|
|
|
3130
|
-
declare const StyledTextArea: styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<styled_components_dist_types.FastOmit<Omit<styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>, "ref"> & {
|
|
3131
|
-
ref?: ((instance: HTMLInputElement | null) => void) | react.RefObject<HTMLInputElement> | null | undefined;
|
|
3132
|
-
}, "disabled" | "readOnly" | "componentSize" | "hasErrorMessage" | "prefixLength" | "suffixLength"> & Pick<InputProps, "disabled" | "readOnly"> & {
|
|
3133
|
-
hasErrorMessage: boolean;
|
|
3134
|
-
} & {
|
|
3135
|
-
prefixLength?: number | undefined;
|
|
3136
|
-
suffixLength?: number | undefined;
|
|
3137
|
-
} & Pick<InputProps, "componentSize">, StyledInputProps>> & Omit<styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<Omit<styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>, "ref"> & {
|
|
3138
|
-
ref?: ((instance: HTMLInputElement | null) => void) | react.RefObject<HTMLInputElement> | null | undefined;
|
|
3139
|
-
}, StyledInputProps>> & Omit<styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>>, keyof react.Component<any, {}, any>>, keyof react.Component<any, {}, any>>;
|
|
3140
|
-
declare const TextArea: react.ForwardRefExoticComponent<CommonInputProps & react.TextareaHTMLAttributes<HTMLTextAreaElement> & react.RefAttributes<HTMLTextAreaElement>>;
|
|
3141
|
-
|
|
3142
3034
|
type TextAreaProps = CommonInputProps & TextareaHTMLAttributes<HTMLTextAreaElement>;
|
|
3035
|
+
declare const TextArea: react.ForwardRefExoticComponent<CommonInputProps & TextareaHTMLAttributes<HTMLTextAreaElement> & react.RefAttributes<HTMLTextAreaElement>>;
|
|
3143
3036
|
|
|
3144
3037
|
declare const TextInput: react__default.ForwardRefExoticComponent<CommonInputProps & {
|
|
3145
3038
|
componentSize?: InputSize | undefined;
|
|
@@ -3192,6 +3085,9 @@ declare const ToggleBar: {
|
|
|
3192
3085
|
displayName: string;
|
|
3193
3086
|
};
|
|
3194
3087
|
|
|
3088
|
+
declare const typographyTypes: {
|
|
3089
|
+
[k in ToggleBarSize]: StaticTypographyType;
|
|
3090
|
+
};
|
|
3195
3091
|
type PickedInputHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'checked' | 'value' | 'onChange' | 'aria-label' | 'aria-labelledby'>;
|
|
3196
3092
|
type ToggleRadioProps = BaseComponentProps<HTMLInputElement, {
|
|
3197
3093
|
/**Ledetekst som vises i komponenten. */
|
|
@@ -3199,20 +3095,20 @@ type ToggleRadioProps = BaseComponentProps<HTMLInputElement, {
|
|
|
3199
3095
|
/**Ikonet som vises i komponenten. */
|
|
3200
3096
|
icon?: SvgIcon;
|
|
3201
3097
|
} & PickedInputHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof PickedInputHTMLAttributes>>;
|
|
3202
|
-
declare const ToggleRadio: react.ForwardRefExoticComponent<Pick<Omit<InputHTMLAttributes<HTMLInputElement>, "
|
|
3098
|
+
declare const ToggleRadio: react.ForwardRefExoticComponent<Pick<Omit<InputHTMLAttributes<HTMLInputElement>, "aria-label" | "aria-labelledby" | "onChange" | "name" | "value" | "checked">, "id" | "className"> & {
|
|
3203
3099
|
/**Ledetekst som vises i komponenten. */
|
|
3204
3100
|
label?: string | undefined;
|
|
3205
3101
|
/**Ikonet som vises i komponenten. */
|
|
3206
3102
|
icon?: SvgIcon | undefined;
|
|
3207
3103
|
} & PickedInputHTMLAttributes & {
|
|
3208
|
-
htmlProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "
|
|
3104
|
+
htmlProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "aria-label" | "aria-labelledby" | "onChange" | "name" | "value" | "checked"> | undefined;
|
|
3209
3105
|
} & react.RefAttributes<HTMLInputElement>>;
|
|
3210
3106
|
|
|
3211
|
-
declare const ToggleButton: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "
|
|
3107
|
+
declare const ToggleButton: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked">, "id" | "className"> & {
|
|
3212
3108
|
label?: string | undefined;
|
|
3213
3109
|
icon?: SvgIcon | undefined;
|
|
3214
3110
|
} & CheckboxPickedHTMLAttributes & {
|
|
3215
|
-
htmlProps?: Omit<react.InputHTMLAttributes<HTMLInputElement>, "
|
|
3111
|
+
htmlProps?: Omit<react.InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked"> | undefined;
|
|
3216
3112
|
} & react.RefAttributes<HTMLInputElement>>;
|
|
3217
3113
|
|
|
3218
3114
|
type Direction = 'row' | 'column';
|
|
@@ -3250,7 +3146,7 @@ type TooltipProps = BaseComponentProps<HTMLDivElement, {
|
|
|
3250
3146
|
/**`id` for tooltip. */
|
|
3251
3147
|
tooltipId?: string;
|
|
3252
3148
|
} & PickedHTMLAttributes, Omit<HTMLAttributes<HTMLDivElement>, 'children' | keyof PickedHTMLAttributes>>;
|
|
3253
|
-
declare const Tooltip: react__default.ForwardRefExoticComponent<Pick<Omit<react__default.HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver">, "
|
|
3149
|
+
declare const Tooltip: react__default.ForwardRefExoticComponent<Pick<Omit<react__default.HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver">, "id" | "className"> & {
|
|
3254
3150
|
/**Innhold i tooltip. */
|
|
3255
3151
|
text: string;
|
|
3256
3152
|
/**Plassering i forhold til anchor-elementet. */
|
|
@@ -3278,4 +3174,4 @@ declare const VisuallyHidden: {
|
|
|
3278
3174
|
displayName: string;
|
|
3279
3175
|
};
|
|
3280
3176
|
|
|
3281
|
-
export { AddressShieldedIcon, AgreementIcon, type AnchorTypographyType, AnimatedChevronUpDown, AppShell, type AppShellProps, 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,
|
|
3177
|
+
export { AddressShieldedIcon, AgreementIcon, type AnchorTypographyType, AnimatedChevronUpDown, AppShell, type AppShellProps, 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, 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, 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, ScrollableContainer, type ScrollableContainerProps, Scrollbar, type ScrollbarProps, 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, 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, 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, renderInputMessage, scrollbarStyling, selection, spacingPropToCn, typographyTypes, useCombinedRef, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, visibilityTransition };
|