@norges-domstoler/dds-components 17.7.0 → 18.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +11 -63
- package/dist/index.css +172 -304
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +692 -139
- package/dist/index.d.ts +692 -139
- package/dist/index.js +1513 -3014
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1501 -3016
- package/dist/index.mjs.map +1 -1
- package/package.json +18 -18
package/dist/index.d.ts
CHANGED
|
@@ -3,13 +3,13 @@ import react__default, { ElementType, ReactNode, HTMLAttributes, InputHTMLAttrib
|
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
import * as CSS from 'csstype';
|
|
5
5
|
import { Property, StandardProperties } from 'csstype';
|
|
6
|
-
import * as styled_components from 'styled-components';
|
|
7
6
|
import { UseFloatingReturn, Strategy, Placement as Placement$1 } from '@floating-ui/react-dom';
|
|
8
7
|
import { DateValue, AriaCalendarProps } from '@react-aria/calendar';
|
|
9
8
|
import { DateValue as DateValue$1, CalendarDate, Time } from '@internationalized/date';
|
|
10
9
|
import { AriaDatePickerProps } from '@react-types/datepicker';
|
|
11
10
|
import { AriaDateFieldOptions, useDatePicker, AriaTimeFieldProps } from '@react-aria/datepicker';
|
|
12
11
|
import { OptionProps, GroupBase, SingleValueProps, Props as Props$1, SelectInstance } from 'react-select';
|
|
12
|
+
import { ddsTokens } from '@norges-domstoler/dds-design-tokens';
|
|
13
13
|
|
|
14
14
|
declare function handleElementWithBackdropMount(container: HTMLElement): void;
|
|
15
15
|
declare function handleElementWithBackdropUnmount(container: HTMLElement): void;
|
|
@@ -37,9 +37,6 @@ declare const ElementAs: react.ForwardRefExoticComponent<{
|
|
|
37
37
|
type HiddenInputProps = InputHTMLAttributes<HTMLInputElement>;
|
|
38
38
|
declare const HiddenInput: react.ForwardRefExoticComponent<HiddenInputProps & react.RefAttributes<HTMLInputElement>>;
|
|
39
39
|
|
|
40
|
-
type Density = 'normal' | 'compact' | 'extraCompact';
|
|
41
|
-
declare function getDensityCn(value: Density): "normal" | "compact" | "extra-compact";
|
|
42
|
-
|
|
43
40
|
type Direction$1 = 'row' | 'column';
|
|
44
41
|
|
|
45
42
|
/**
|
|
@@ -103,6 +100,8 @@ type PropsOf<T extends As> = ComponentPropsWithoutRef<T> & {
|
|
|
103
100
|
as?: T;
|
|
104
101
|
};
|
|
105
102
|
|
|
103
|
+
type Size = 'xxlarge' | 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall';
|
|
104
|
+
|
|
106
105
|
/**
|
|
107
106
|
* Gir tilbake `T` med properties fra `K` som påkrevd gitt at `Condition` er `true`
|
|
108
107
|
*
|
|
@@ -127,20 +126,22 @@ declare function TextOverflowEllipsisInner({ className, ...rest }: ComponentProp
|
|
|
127
126
|
type DDSTextColor = 'textOnAction' | 'textOnInverse' | 'textOnStatusDefault' | 'textOnStatusStrong' | 'textActionResting' | 'textActionHover' | 'textActionVisited' | 'textDefault' | 'textRequiredfield' | 'textSubtle' | 'textMedium' | 'textOnNotification' | 'iconOnAction' | 'iconOnInfoDefault' | 'iconOnSuccessDefault' | 'iconOnDangerDefault' | 'iconOnWarningDefault' | 'iconOnInfoStrong' | 'iconOnSuccessStrong' | 'iconOnDangerStrong' | 'iconOnWarningStrong' | 'iconOnInverse' | 'iconActionResting' | 'iconActionHover' | 'iconDefault' | 'iconSubtle' | 'iconMedium';
|
|
128
127
|
type TextColor = DDSTextColor | Property.Color;
|
|
129
128
|
|
|
130
|
-
type
|
|
131
|
-
type
|
|
132
|
-
type
|
|
133
|
-
type
|
|
134
|
-
type
|
|
135
|
-
type
|
|
136
|
-
type
|
|
137
|
-
type
|
|
138
|
-
type
|
|
139
|
-
type StaticTypographyType = OtherTypographyType | LabelTypographyType;
|
|
140
|
-
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';
|
|
129
|
+
type TypographyBodyType = 'bodyXsmall' | 'bodySmall' | 'bodyMedium' | 'bodyLarge';
|
|
130
|
+
type TypographyHeadingType = 'headingXxsmall' | 'headingXsmall' | 'headingSmall' | 'headingMedium' | 'headingLarge' | 'headingXlarge' | 'headingXxlarge';
|
|
131
|
+
type TypographyLeadType = 'leadMedium';
|
|
132
|
+
type TypographyAnchorType = 'a';
|
|
133
|
+
type TypographyLabelType = 'labelMedium';
|
|
134
|
+
type OtherTypographyType = TypographyHeadingType | TypographyBodyType | TypographyLeadType;
|
|
135
|
+
type TypographyType = TypographyAnchorType | TypographyLabelType | OtherTypographyType;
|
|
136
|
+
type StaticTypographyType = OtherTypographyType | TypographyLabelType;
|
|
137
|
+
type HyphenTypographyType = 'body-xsmall' | 'body-small' | 'body-medium' | 'body-large' | 'heading-xxsmall' | 'heading-xsmall' | 'heading-small' | 'heading-medium' | 'heading-large' | 'heading-xlarge' | 'heading-xxlarge' | 'lead-medium' | 'a' | 'label-medium';
|
|
141
138
|
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';
|
|
142
139
|
type BaseTypographyProps = PropsWithChildren<{
|
|
143
|
-
/**Spesifiserer om tekstelementet skal ha spacing definert i Elsa.
|
|
140
|
+
/**Spesifiserer om tekstelementet skal ha spacing definert i Elsa.
|
|
141
|
+
* Brukes hovedsakelig i artikler og lignende.
|
|
142
|
+
* **OBS!** har forskjellig virkning på ulike typografityper.
|
|
143
|
+
* `body` og `lead`-typer får margin på bunnen, `heading`-typer får margin på bunnen og padding på toppen mens label får margin topp og bunn.
|
|
144
|
+
* */
|
|
144
145
|
withMargins?: boolean;
|
|
145
146
|
}> & Pick<HTMLAttributes<HTMLElement>, 'style'>;
|
|
146
147
|
type TypographyComponentProps = BaseTypographyProps & {
|
|
@@ -168,10 +169,10 @@ type LabelTypographyProps = BaseComponentProps<HTMLLabelElement, TypographyCompo
|
|
|
168
169
|
type OtherTypographyProps = BaseComponentProps<HTMLElement, TypographyComponentProps, HTMLAttributes<HTMLElement>>;
|
|
169
170
|
type TypographyProps = ({
|
|
170
171
|
/**Styling basert på det typografiske utvalget definert i Figma. Returnerer default HTML tag for hver type. **OBS!** Ved bruk av `'a'` er det flere tilgjengelige props, se under. */
|
|
171
|
-
typographyType?:
|
|
172
|
+
typographyType?: TypographyAnchorType;
|
|
172
173
|
} & AnchorTypographyProps) | ({
|
|
173
174
|
/**Styling basert på det typografiske utvalget definert i Figma. Returnerer default HTML tag for hver type. **OBS!** Ved bruk av `'a'` er det flere tilgjengelige props, se under. */
|
|
174
|
-
typographyType?:
|
|
175
|
+
typographyType?: TypographyLabelType;
|
|
175
176
|
} & LabelTypographyProps) | ({
|
|
176
177
|
/**Styling basert på det typografiske utvalget definert i Figma. Returnerer default HTML tag for hver type. **OBS!** Ved bruk av `'a'` er det flere tilgjengelige props, se under. */
|
|
177
178
|
typographyType?: OtherTypographyType;
|
|
@@ -179,8 +180,8 @@ type TypographyProps = ({
|
|
|
179
180
|
declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLElement>>;
|
|
180
181
|
|
|
181
182
|
declare const defaultTypographyType: TypographyBodyType;
|
|
182
|
-
declare const defaultTypographyTypeClassName
|
|
183
|
-
declare const getElementType: (element:
|
|
183
|
+
declare const defaultTypographyTypeClassName: HyphenTypographyType;
|
|
184
|
+
declare const getElementType: (element: TypographyType) => ElementType;
|
|
184
185
|
declare const isHeading: (type: TypographyType) => type is TypographyHeadingType;
|
|
185
186
|
declare const isLegend: (as: ElementType) => boolean;
|
|
186
187
|
declare const isCaption: (as: ElementType) => boolean;
|
|
@@ -248,7 +249,7 @@ type LinkProps = BaseComponentPropsWithChildren<HTMLAnchorElement, {
|
|
|
248
249
|
external?: boolean;
|
|
249
250
|
/**Om lenken kan få `:visited`-styling. */
|
|
250
251
|
withVisited?: boolean;
|
|
251
|
-
/**Spesifiserer typografistil basert på utvalget for brødtekst.
|
|
252
|
+
/**Spesifiserer typografistil basert på utvalget for brødtekst. Arver hvis ikke oppgitt. */
|
|
252
253
|
typographyType?: TypographyBodyType;
|
|
253
254
|
} & BaseTypographyProps & PickedHTMLAttributes$3, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof PickedHTMLAttributes$3>>;
|
|
254
255
|
declare const Link: react.ForwardRefExoticComponent<Pick<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "target" | "href">, "id" | "className"> & {
|
|
@@ -256,7 +257,7 @@ declare const Link: react.ForwardRefExoticComponent<Pick<Omit<AnchorHTMLAttribut
|
|
|
256
257
|
external?: boolean;
|
|
257
258
|
/**Om lenken kan få `:visited`-styling. */
|
|
258
259
|
withVisited?: boolean;
|
|
259
|
-
/**Spesifiserer typografistil basert på utvalget for brødtekst.
|
|
260
|
+
/**Spesifiserer typografistil basert på utvalget for brødtekst. Arver hvis ikke oppgitt. */
|
|
260
261
|
typographyType?: TypographyBodyType;
|
|
261
262
|
} & {
|
|
262
263
|
withMargins?: boolean;
|
|
@@ -291,7 +292,7 @@ interface CommonInputProps {
|
|
|
291
292
|
/**Feilmelding. Setter også error state. */
|
|
292
293
|
errorMessage?: string;
|
|
293
294
|
}
|
|
294
|
-
type InputSize = 'medium' | 'small' | '
|
|
295
|
+
type InputSize = Extract<Size, 'medium' | 'small' | 'xsmall'>;
|
|
295
296
|
type InputProps = CommonInputProps & {
|
|
296
297
|
/**Størrelse på inputfeltet.
|
|
297
298
|
* @default "medium"
|
|
@@ -554,25 +555,17 @@ type BreakpointBasedProps<T extends keyof StandardProperties> = {
|
|
|
554
555
|
[k in ScreenSizeLiteral]?: StandardProperties[T];
|
|
555
556
|
};
|
|
556
557
|
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
boxShadow: string;
|
|
566
|
-
};
|
|
567
|
-
declare const focusDangerInputfield: {
|
|
568
|
-
borderColor: "#77838c";
|
|
569
|
-
};
|
|
570
|
-
|
|
571
|
-
declare const outlineOffset: "2px";
|
|
572
|
-
declare const outlineInset: string;
|
|
558
|
+
/**
|
|
559
|
+
* Styling utils i TS (CSS-in-JS)
|
|
560
|
+
*/
|
|
561
|
+
/**
|
|
562
|
+
* DDS utils
|
|
563
|
+
*/
|
|
564
|
+
declare const outlineOffset = "var(--dds-spacing-x0-125)";
|
|
565
|
+
declare const outlineInset = "calc(var(--dds-spacing-x0-125) * -1)";
|
|
573
566
|
declare const focusVisible: {
|
|
574
567
|
outline: string;
|
|
575
|
-
outlineOffset:
|
|
568
|
+
outlineOffset: string;
|
|
576
569
|
boxShadow: string;
|
|
577
570
|
};
|
|
578
571
|
declare const focusVisibleTransitionValue = "outline-offset 0.2s";
|
|
@@ -580,11 +573,24 @@ declare const focusVisibleInset: {
|
|
|
580
573
|
outline: string;
|
|
581
574
|
outlineOffset: string;
|
|
582
575
|
};
|
|
583
|
-
declare const
|
|
584
|
-
|
|
585
|
-
|
|
576
|
+
declare const scrollbarStyling: {
|
|
577
|
+
scrollbarColor: string;
|
|
578
|
+
scrollbarWidth: "thin";
|
|
579
|
+
'&::-webkit-scrollbar': {
|
|
580
|
+
width: string;
|
|
581
|
+
height: string;
|
|
582
|
+
};
|
|
583
|
+
'&::-webkit-scrollbar-track': {
|
|
584
|
+
background: string;
|
|
585
|
+
};
|
|
586
|
+
'&::-webkit-scrollbar-thumb': {
|
|
587
|
+
background: string;
|
|
588
|
+
};
|
|
586
589
|
};
|
|
587
|
-
|
|
590
|
+
declare const visibilityTransition: (open: boolean) => string;
|
|
591
|
+
/**
|
|
592
|
+
* Generelle utils
|
|
593
|
+
*/
|
|
588
594
|
declare const hideInput: {
|
|
589
595
|
clip: string;
|
|
590
596
|
position: string;
|
|
@@ -592,21 +598,10 @@ declare const hideInput: {
|
|
|
592
598
|
width: string;
|
|
593
599
|
margin: number;
|
|
594
600
|
};
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
boxShadow: string;
|
|
599
|
-
};
|
|
600
|
-
declare const hoverDangerInputfield: {
|
|
601
|
-
borderColor: "#d83737";
|
|
602
|
-
boxShadow: string;
|
|
603
|
-
};
|
|
604
|
-
|
|
605
|
-
declare const normalizeButton: {
|
|
606
|
-
margin: number;
|
|
607
|
-
textTransform: Property.TextTransform;
|
|
601
|
+
declare const inheritLinkStyling: {
|
|
602
|
+
color: string;
|
|
603
|
+
textDecoration: string;
|
|
608
604
|
};
|
|
609
|
-
|
|
610
605
|
declare const removeButtonStyling: {
|
|
611
606
|
background: string;
|
|
612
607
|
color: string;
|
|
@@ -616,52 +611,22 @@ declare const removeButtonStyling: {
|
|
|
616
611
|
cursor: string;
|
|
617
612
|
outline: string;
|
|
618
613
|
};
|
|
619
|
-
|
|
620
614
|
declare const removeListStyling: {
|
|
621
615
|
listStyle: string;
|
|
622
616
|
padding: number;
|
|
623
617
|
margin: number;
|
|
624
618
|
};
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
textDecoration: string;
|
|
629
|
-
};
|
|
630
|
-
|
|
631
|
-
/**
|
|
632
|
-
* CSS-in-JS scrollbar styling
|
|
633
|
-
*/
|
|
634
|
-
declare const scrollbarStyling: {
|
|
635
|
-
scrollbarColor: string;
|
|
636
|
-
scrollbarWidth: "thin";
|
|
637
|
-
'&::-webkit-scrollbar': {
|
|
638
|
-
width: string;
|
|
639
|
-
height: string;
|
|
640
|
-
};
|
|
641
|
-
'&::-webkit-scrollbar-track': {
|
|
642
|
-
background: string;
|
|
643
|
-
};
|
|
644
|
-
'&::-webkit-scrollbar-thumb': {
|
|
645
|
-
background: string;
|
|
646
|
-
};
|
|
647
|
-
};
|
|
648
|
-
|
|
649
|
-
declare const selection: {
|
|
650
|
-
color: "#0b0d0e";
|
|
651
|
-
backgroundColor: "#ffe6df";
|
|
619
|
+
declare const normalizeButton: {
|
|
620
|
+
margin: number;
|
|
621
|
+
textTransform: Property.TextTransform;
|
|
652
622
|
};
|
|
653
623
|
|
|
654
|
-
declare const visibilityTransition: (open: boolean) => styled_components.RuleSet<object>;
|
|
655
|
-
|
|
656
|
-
type StyledSvgProps = SVGAttributes<SVGSVGElement>;
|
|
657
|
-
declare function StyledSvg({ height, width, fill, className, ...props }: StyledSvgProps): react_jsx_runtime.JSX.Element;
|
|
658
|
-
|
|
659
624
|
type SvgProps = {
|
|
660
625
|
title?: string;
|
|
661
626
|
} & SVGAttributes<SVGSVGElement>;
|
|
662
627
|
type SvgIcon = (props: SvgProps) => JSX.Element;
|
|
663
628
|
|
|
664
|
-
declare function SvgWrapper(props: SvgProps): react_jsx_runtime.JSX.Element;
|
|
629
|
+
declare function SvgWrapper({ height, width, fill, className, title, children, ...props }: SvgProps): react_jsx_runtime.JSX.Element;
|
|
665
630
|
|
|
666
631
|
declare function AddressShieldedIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
|
|
667
632
|
|
|
@@ -829,6 +794,8 @@ declare function InstagramIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
|
|
|
829
794
|
|
|
830
795
|
declare function JordskifterettIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
|
|
831
796
|
|
|
797
|
+
declare function JordskiftesakIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
|
|
798
|
+
|
|
832
799
|
declare function KeyIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
|
|
833
800
|
|
|
834
801
|
declare function LagmannsrettIcon(props: SvgProps): react_jsx_runtime.JSX.Element;
|
|
@@ -1065,6 +1032,7 @@ declare const index_ImageIcon: typeof ImageIcon;
|
|
|
1065
1032
|
declare const index_InfoIcon: typeof InfoIcon;
|
|
1066
1033
|
declare const index_InstagramIcon: typeof InstagramIcon;
|
|
1067
1034
|
declare const index_JordskifterettIcon: typeof JordskifterettIcon;
|
|
1035
|
+
declare const index_JordskiftesakIcon: typeof JordskiftesakIcon;
|
|
1068
1036
|
declare const index_KeyIcon: typeof KeyIcon;
|
|
1069
1037
|
declare const index_LagmannsrettIcon: typeof LagmannsrettIcon;
|
|
1070
1038
|
declare const index_LanguageIcon: typeof LanguageIcon;
|
|
@@ -1138,7 +1106,7 @@ declare const index_XIcon: typeof XIcon;
|
|
|
1138
1106
|
declare const index_ZoomInIcon: typeof ZoomInIcon;
|
|
1139
1107
|
declare const index_ZoomOutIcon: typeof ZoomOutIcon;
|
|
1140
1108
|
declare namespace index {
|
|
1141
|
-
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_WebexIcon as WebexIcon, index_XIcon as XIcon, index_ZoomInIcon as ZoomInIcon, index_ZoomOutIcon as ZoomOutIcon };
|
|
1109
|
+
export { index_AddressShieldedIcon as AddressShieldedIcon, index_AgreementIcon as AgreementIcon, index_AppsIcon as AppsIcon, index_ArchiveIcon as ArchiveIcon, index_ArrowDownIcon as ArrowDownIcon, index_ArrowLeftIcon as ArrowLeftIcon, index_ArrowRightIcon as ArrowRightIcon, index_ArrowUpIcon as ArrowUpIcon, index_AttachmentIcon as AttachmentIcon, index_BarChartBoxedIcon as BarChartBoxedIcon, index_BarChartIcon as BarChartIcon, index_BlockIcon as BlockIcon, index_BookIcon as BookIcon, index_BuildCircledIcon as BuildCircledIcon, index_BuildIcon as BuildIcon, index_CalendarIcon as CalendarIcon, index_CalendarMonthIcon as CalendarMonthIcon, index_CalendarViewDayIcon as CalendarViewDayIcon, index_CalendarViewMonthIcon as CalendarViewMonthIcon, index_CalendarViewWeekIcon as CalendarViewWeekIcon, index_CallIcon as CallIcon, index_CaringIcon as CaringIcon, index_ChatIcon as ChatIcon, index_CheckCircledIcon as CheckCircledIcon, index_CheckIcon as CheckIcon, index_ChecklistIcon as ChecklistIcon, index_ChevronDownIcon as ChevronDownIcon, index_ChevronFirstIcon as ChevronFirstIcon, index_ChevronLargeLeftIcon as ChevronLargeLeftIcon, index_ChevronLargeRightIcon as ChevronLargeRightIcon, index_ChevronLastIcon as ChevronLastIcon, index_ChevronLeftIcon as ChevronLeftIcon, index_ChevronRightIcon as ChevronRightIcon, index_ChevronUpIcon as ChevronUpIcon, index_CloseCircledIcon as CloseCircledIcon, index_CloseIcon as CloseIcon, index_CloseSmallIcon as CloseSmallIcon, index_CloudIcon as CloudIcon, index_CollapseIcon as CollapseIcon, index_CommentIcon as CommentIcon, index_CopyIcon as CopyIcon, index_CourtIcon as CourtIcon, index_DateRangeIcon as DateRangeIcon, index_DeathsIcon as DeathsIcon, index_DoubleChevronLeftIcon as DoubleChevronLeftIcon, index_DoubleChevronRightIcon as DoubleChevronRightIcon, index_DownloadDoneIcon as DownloadDoneIcon, index_DownloadIcon as DownloadIcon, index_DragHandleIcon as DragHandleIcon, index_EditIcon as EditIcon, index_ErrorIcon as ErrorIcon, index_ExclaimIcon as ExclaimIcon, index_ExpandIcon as ExpandIcon, index_FacebookIcon as FacebookIcon, index_FamilyIcon as FamilyIcon, index_FeedbackIcon as FeedbackIcon, index_FileAddIcon as FileAddIcon, index_FileIcon as FileIcon, index_FileShieldedIcon as FileShieldedIcon, index_FileTextIcon as FileTextIcon, index_FilterIcon as FilterIcon, index_FilterListIcon as FilterListIcon, index_FilterListOffIcon as FilterListOffIcon, index_FilterOffIcon as FilterOffIcon, index_FindInPageIcon as FindInPageIcon, index_FlickrIcon as FlickrIcon, index_FolderAddIcon as FolderAddIcon, index_FolderIcon as FolderIcon, index_FolderShieldedIcon as FolderShieldedIcon, index_FullscreenExitIcon as FullscreenExitIcon, index_FullscreenIcon as FullscreenIcon, index_GavelIcon as GavelIcon, index_GuardianIcon as GuardianIcon, index_HelpFilledIcon as HelpFilledIcon, index_HelpIcon as HelpIcon, index_HelpSimpleIcon as HelpSimpleIcon, index_HomeIcon as HomeIcon, index_HourglassBottomIcon as HourglassBottomIcon, index_HourglassDisabledIcon as HourglassDisabledIcon, index_HourglassEmptyIcon as HourglassEmptyIcon, index_HourglassFullIcon as HourglassFullIcon, index_HourglassTopIcon as HourglassTopIcon, index_ImageIcon as ImageIcon, index_InfoIcon as InfoIcon, index_InstagramIcon as InstagramIcon, index_JordskifterettIcon as JordskifterettIcon, index_JordskiftesakIcon as JordskiftesakIcon, index_KeyIcon as KeyIcon, index_LagmannsrettIcon as LagmannsrettIcon, index_LanguageIcon as LanguageIcon, index_LibraryAddIcon as LibraryAddIcon, index_LineChartIcon as LineChartIcon, index_LinkIcon as LinkIcon, index_LinkOffIcon as LinkOffIcon, index_LinkedInIcon as LinkedInIcon, index_ListAltIcon as ListAltIcon, index_ListIcon as ListIcon, index_LocationIcon as LocationIcon, index_LockIcon as LockIcon, index_LockOpenIcon as LockOpenIcon, index_LoginIcon as LoginIcon, index_LogoutIcon as LogoutIcon, index_MailIcon as MailIcon, index_MailOpenIcon as MailOpenIcon, index_MenuIcon as MenuIcon, index_MinusCirledIcon as MinusCirledIcon, index_MinusIcon as MinusIcon, index_MoreHorizontalIcon as MoreHorizontalIcon, index_MoreVerticalIcon as MoreVerticalIcon, index_NotarialIcon as NotarialIcon, index_NotificationsIcon as NotificationsIcon, index_NotificationsOffIcon as NotificationsOffIcon, index_OnlineMeetingIcon as OnlineMeetingIcon, index_OpenExternalIcon as OpenExternalIcon, index_PayoutIcon as PayoutIcon, index_PdfIcon as PdfIcon, index_PersonAddIcon as PersonAddIcon, index_PersonIcon as PersonIcon, index_PersonShieldedIcon as PersonShieldedIcon, index_PinIcon as PinIcon, index_PlusCircledIcon as PlusCircledIcon, index_PlusIcon as PlusIcon, index_PowerOfAttorneyIcon as PowerOfAttorneyIcon, index_PrintIcon as PrintIcon, index_PropertyIcon as PropertyIcon, index_PublishIcon as PublishIcon, index_QuestionAnswerIcon as QuestionAnswerIcon, index_ReceiptIcon as ReceiptIcon, index_RedoIcon as RedoIcon, index_RefreshIcon as RefreshIcon, index_ReplayIcon as ReplayIcon, index_SearchIcon as SearchIcon, index_SettingsIcon as SettingsIcon, index_SmsIcon as SmsIcon, index_StarFilledIcon as StarFilledIcon, index_StarHalfFilled as StarHalfFilled, index_StarIcon as StarIcon, index_SyncIcon as SyncIcon, index_ThumbDownFilledIcon as ThumbDownFilledIcon, index_ThumbDownIcon as ThumbDownIcon, index_ThumbUpFilledIcon as ThumbUpFilledIcon, index_ThumbUpIcon as ThumbUpIcon, index_TimeIcon as TimeIcon, index_TingrettIcon as TingrettIcon, index_TipIcon as TipIcon, index_TrashIcon as TrashIcon, index_TrendingDownIcon as TrendingDownIcon, index_TrendingUpIcon as TrendingUpIcon, index_UndoIcon as UndoIcon, index_UnfoldLessIcon as UnfoldLessIcon, index_UnfoldMoreIcon as UnfoldMoreIcon, index_UploadIcon as UploadIcon, index_VisibilityOffIcon as VisibilityOffIcon, index_VisibilityOnIcon as VisibilityOnIcon, index_WarningIcon as WarningIcon, index_WebexIcon as WebexIcon, index_XIcon as XIcon, index_ZoomInIcon as ZoomInIcon, index_ZoomOutIcon as ZoomOutIcon };
|
|
1142
1110
|
}
|
|
1143
1111
|
|
|
1144
1112
|
/**
|
|
@@ -1229,7 +1197,7 @@ declare namespace Icon {
|
|
|
1229
1197
|
}
|
|
1230
1198
|
|
|
1231
1199
|
type ButtonPurpose = 'primary' | 'secondary' | 'danger' | 'tertiary';
|
|
1232
|
-
type ButtonSize = '
|
|
1200
|
+
type ButtonSize = Extract<Size, 'xsmall' | 'small' | 'medium' | 'large'>;
|
|
1233
1201
|
type IconPosition = 'left' | 'right';
|
|
1234
1202
|
type PickedHTMLAttributes$2 = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onFocus' | 'onBlur' | 'type'>;
|
|
1235
1203
|
type ButtonProps = BaseComponentProps<HTMLButtonElement, {
|
|
@@ -1278,7 +1246,7 @@ declare const Button: react.ForwardRefExoticComponent<Pick<Omit<react.ButtonHTML
|
|
|
1278
1246
|
onFocus?: FocusEventHandler<HTMLButtonElement> | undefined;
|
|
1279
1247
|
onBlur?: FocusEventHandler<HTMLButtonElement> | undefined;
|
|
1280
1248
|
onClick?: MouseEventHandler<HTMLButtonElement> | undefined;
|
|
1281
|
-
type?: "submit" | "reset" | "button" | undefined;
|
|
1249
|
+
type?: "submit" | "reset" | "button" | undefined | undefined;
|
|
1282
1250
|
} & {
|
|
1283
1251
|
htmlProps?: Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "onClick" | "type"> | undefined;
|
|
1284
1252
|
} & react.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1351,13 +1319,13 @@ declare const Card: {
|
|
|
1351
1319
|
displayName: string;
|
|
1352
1320
|
};
|
|
1353
1321
|
|
|
1354
|
-
type
|
|
1322
|
+
type CardExpandableProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
1355
1323
|
/**Spesifiserer om body skal være utvidet ved innlastning. */
|
|
1356
1324
|
isExpanded?: boolean;
|
|
1357
1325
|
/**For å lytte til endringer i expanded-state. */
|
|
1358
1326
|
onChange?: (expanded: boolean) => void;
|
|
1359
1327
|
}>;
|
|
1360
|
-
declare const
|
|
1328
|
+
declare const CardExpandable: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
|
|
1361
1329
|
/**Spesifiserer om body skal være utvidet ved innlastning. */
|
|
1362
1330
|
isExpanded?: boolean;
|
|
1363
1331
|
/**For å lytte til endringer i expanded-state. */
|
|
@@ -1368,7 +1336,7 @@ declare const CardAccordion: react.ForwardRefExoticComponent<Pick<react.HTMLAttr
|
|
|
1368
1336
|
htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
|
|
1369
1337
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
1370
1338
|
|
|
1371
|
-
type
|
|
1339
|
+
type CardExpandableHeaderProps = Omit<BaseComponentPropsWithChildren<HTMLButtonElement, {
|
|
1372
1340
|
/**Overskriver default padding. */
|
|
1373
1341
|
padding?: Property.Padding<string>;
|
|
1374
1342
|
/**Overskriver default teksttype. */
|
|
@@ -1376,13 +1344,13 @@ type CardAccordionHeaderProps = Omit<BaseComponentPropsWithChildren<HTMLButtonEl
|
|
|
1376
1344
|
/**Angir om teksten skal være i "bold"-format. */
|
|
1377
1345
|
bold?: boolean;
|
|
1378
1346
|
}, ButtonHTMLAttributes<HTMLButtonElement>>, 'id'>;
|
|
1379
|
-
declare const
|
|
1347
|
+
declare const CardExpandableHeader: react.ForwardRefExoticComponent<CardExpandableHeaderProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1380
1348
|
|
|
1381
|
-
type
|
|
1349
|
+
type CardExpandableBodyProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
1382
1350
|
/**Overskriver default padding. */
|
|
1383
1351
|
padding?: Property.Padding<string>;
|
|
1384
1352
|
}>, 'id'>;
|
|
1385
|
-
declare const
|
|
1353
|
+
declare const CardExpandableBody: react.ForwardRefExoticComponent<CardExpandableBodyProps & react.RefAttributes<HTMLDivElement>>;
|
|
1386
1354
|
|
|
1387
1355
|
type ChipProps = BaseComponentProps<HTMLDivElement, {
|
|
1388
1356
|
/** Teksten som vises i komponenten. */
|
|
@@ -1514,12 +1482,13 @@ declare const DescriptionListGroup: react.ForwardRefExoticComponent<Pick<react.H
|
|
|
1514
1482
|
htmlProps?: react.HTMLAttributes<HTMLDivElement> | undefined;
|
|
1515
1483
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
1516
1484
|
|
|
1485
|
+
type DetailListSize = Extract<Size, 'large' | 'medium' | 'small'>;
|
|
1517
1486
|
type DetailListProps = BaseComponentPropsWithChildren<HTMLDListElement, {
|
|
1518
1487
|
/**
|
|
1519
|
-
*
|
|
1520
|
-
* @default "
|
|
1488
|
+
* Størrelse på tabellen. Påvirker tetthet i cellene og font.
|
|
1489
|
+
* @default "medium"
|
|
1521
1490
|
*/
|
|
1522
|
-
|
|
1491
|
+
size?: DetailListSize;
|
|
1523
1492
|
/**
|
|
1524
1493
|
* Om rader skal ha skillelinje.
|
|
1525
1494
|
* @default true
|
|
@@ -1533,10 +1502,10 @@ type DetailListProps = BaseComponentPropsWithChildren<HTMLDListElement, {
|
|
|
1533
1502
|
}>;
|
|
1534
1503
|
declare const DetailList: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDListElement>, "id" | "className"> & {
|
|
1535
1504
|
/**
|
|
1536
|
-
*
|
|
1537
|
-
* @default "
|
|
1505
|
+
* Størrelse på tabellen. Påvirker tetthet i cellene og font.
|
|
1506
|
+
* @default "medium"
|
|
1538
1507
|
*/
|
|
1539
|
-
|
|
1508
|
+
size?: DetailListSize;
|
|
1540
1509
|
/**
|
|
1541
1510
|
* Om rader skal ha skillelinje.
|
|
1542
1511
|
* @default true
|
|
@@ -1600,19 +1569,19 @@ type DrawerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
1600
1569
|
* @default "right"
|
|
1601
1570
|
*/
|
|
1602
1571
|
placement?: DrawerPlacement;
|
|
1603
|
-
/**Header for `<Drawer
|
|
1572
|
+
/**Header for `<Drawer>`. Har default styling hvis verdien er en string. */
|
|
1604
1573
|
header?: string | ReactNode;
|
|
1605
|
-
/**Spesifiserer om `<Drawer
|
|
1574
|
+
/**Spesifiserer om `<Drawer>` vises. **OBS!** nødvendig kun hvis `<DrawerGroup>` ikke er i bruk. */
|
|
1606
1575
|
isOpen?: boolean;
|
|
1607
|
-
/**Funksjon kjørt ved lukking. **OBS!** nødvendig kun hvis `<DrawerGroup
|
|
1576
|
+
/**Funksjon kjørt ved lukking. **OBS!** nødvendig kun hvis `<DrawerGroup>` ikke er i bruk. */
|
|
1608
1577
|
onClose?: () => void;
|
|
1609
|
-
/**Spesifiserer hvilken DOM node `<Drawer>` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node).
|
|
1610
|
-
* @default
|
|
1578
|
+
/**Spesifiserer hvilken DOM node `<Drawer>` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` eller ref (skaper ikke ny DOM node).
|
|
1579
|
+
* @default themeProviderRef
|
|
1611
1580
|
*/
|
|
1612
1581
|
parentElement?: HTMLElement;
|
|
1613
1582
|
/**Custom props for breddehåndtering ved behov. */
|
|
1614
1583
|
widthProps?: WidthProps;
|
|
1615
|
-
/**Ref til elementet som åpner `<Drawer
|
|
1584
|
+
/**Ref til elementet som åpner `<Drawer>`. **OBS!** nødvendig kun hvis `<DrawerGroup>` ikke er i bruk. */
|
|
1616
1585
|
triggerRef?: RefObject<HTMLElement>;
|
|
1617
1586
|
/**
|
|
1618
1587
|
* Om `<Drawer>` skal vises med backdrop som gråer ut bakgrunnen.
|
|
@@ -1628,19 +1597,19 @@ declare const Drawer: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<
|
|
|
1628
1597
|
* @default "right"
|
|
1629
1598
|
*/
|
|
1630
1599
|
placement?: DrawerPlacement;
|
|
1631
|
-
/**Header for `<Drawer
|
|
1600
|
+
/**Header for `<Drawer>`. Har default styling hvis verdien er en string. */
|
|
1632
1601
|
header?: string | ReactNode;
|
|
1633
|
-
/**Spesifiserer om `<Drawer
|
|
1602
|
+
/**Spesifiserer om `<Drawer>` vises. **OBS!** nødvendig kun hvis `<DrawerGroup>` ikke er i bruk. */
|
|
1634
1603
|
isOpen?: boolean;
|
|
1635
|
-
/**Funksjon kjørt ved lukking. **OBS!** nødvendig kun hvis `<DrawerGroup
|
|
1604
|
+
/**Funksjon kjørt ved lukking. **OBS!** nødvendig kun hvis `<DrawerGroup>` ikke er i bruk. */
|
|
1636
1605
|
onClose?: () => void;
|
|
1637
|
-
/**Spesifiserer hvilken DOM node `<Drawer>` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` (skaper ikke ny DOM node).
|
|
1638
|
-
* @default
|
|
1606
|
+
/**Spesifiserer hvilken DOM node `<Drawer>` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` eller ref (skaper ikke ny DOM node).
|
|
1607
|
+
* @default themeProviderRef
|
|
1639
1608
|
*/
|
|
1640
1609
|
parentElement?: HTMLElement;
|
|
1641
1610
|
/**Custom props for breddehåndtering ved behov. */
|
|
1642
1611
|
widthProps?: WidthProps;
|
|
1643
|
-
/**Ref til elementet som åpner `<Drawer
|
|
1612
|
+
/**Ref til elementet som åpner `<Drawer>`. **OBS!** nødvendig kun hvis `<DrawerGroup>` ikke er i bruk. */
|
|
1644
1613
|
triggerRef?: RefObject<HTMLElement>;
|
|
1645
1614
|
/**
|
|
1646
1615
|
* Om `<Drawer>` skal vises med backdrop som gråer ut bakgrunnen.
|
|
@@ -2127,8 +2096,8 @@ type ModalProps = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
|
2127
2096
|
isOpen?: boolean;
|
|
2128
2097
|
/**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. */
|
|
2129
2098
|
onClose?: () => void;
|
|
2130
|
-
/**Spesifiserer hvilken DOM node `<Modal
|
|
2131
|
-
* @default
|
|
2099
|
+
/**Spesifiserer hvilken DOM node `<Modal>` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` eller ref (skaper ikke ny DOM node).
|
|
2100
|
+
* @default themeProviderRef
|
|
2132
2101
|
*/
|
|
2133
2102
|
parentElement?: HTMLElement;
|
|
2134
2103
|
/**Tittel/header i modal. Setter også `aria-labelledby`. */
|
|
@@ -2145,8 +2114,8 @@ declare const Modal: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<H
|
|
|
2145
2114
|
isOpen?: boolean;
|
|
2146
2115
|
/**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. */
|
|
2147
2116
|
onClose?: () => void;
|
|
2148
|
-
/**Spesifiserer hvilken DOM node `<Modal
|
|
2149
|
-
* @default
|
|
2117
|
+
/**Spesifiserer hvilken DOM node `<Modal>` skal ha som forelder via React portal. Brukes med f.eks `document.getElementById("id")` eller ref (skaper ikke ny DOM node).
|
|
2118
|
+
* @default themeProviderRef
|
|
2150
2119
|
*/
|
|
2151
2120
|
parentElement?: HTMLElement;
|
|
2152
2121
|
/**Tittel/header i modal. Setter også `aria-labelledby`. */
|
|
@@ -2760,13 +2729,13 @@ declare const CheckboxGroup: {
|
|
|
2760
2729
|
};
|
|
2761
2730
|
|
|
2762
2731
|
declare const RadioButton: react.ForwardRefExoticComponent<Pick<Omit<react.InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "onChange" | "name" | "value" | "checked" | "readOnly" | "required">, "id" | "className"> & SelectionControlCommonProps & {
|
|
2763
|
-
"aria-describedby"?: string | undefined;
|
|
2732
|
+
"aria-describedby"?: string | undefined | undefined;
|
|
2764
2733
|
onChange?: react.ChangeEventHandler<HTMLInputElement> | undefined;
|
|
2765
|
-
name?: string | undefined;
|
|
2766
|
-
value?: string | readonly string[] |
|
|
2767
|
-
checked?: boolean | undefined;
|
|
2768
|
-
readOnly?: boolean | undefined;
|
|
2769
|
-
required?: boolean | undefined;
|
|
2734
|
+
name?: string | undefined | undefined;
|
|
2735
|
+
value?: string | number | readonly string[] | undefined;
|
|
2736
|
+
checked?: boolean | undefined | undefined;
|
|
2737
|
+
readOnly?: boolean | undefined | undefined;
|
|
2738
|
+
required?: boolean | undefined | undefined;
|
|
2770
2739
|
} & {
|
|
2771
2740
|
children?: react.ReactNode | undefined;
|
|
2772
2741
|
} & {
|
|
@@ -2775,6 +2744,7 @@ declare const RadioButton: react.ForwardRefExoticComponent<Pick<Omit<react.Input
|
|
|
2775
2744
|
|
|
2776
2745
|
type PickedInputHTMLAttributes$1 = Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'readOnly' | 'checked' | 'value' | 'required' | 'onChange' | 'aria-describedby'>;
|
|
2777
2746
|
type RadioButtonProps = BaseComponentPropsWithChildren<HTMLInputElement, SelectionControlCommonProps & PickedInputHTMLAttributes$1, Omit<InputHTMLAttributes<HTMLInputElement>, keyof PickedInputHTMLAttributes$1>>;
|
|
2747
|
+
type RadioValue = PickedInputHTMLAttributes$1['value'];
|
|
2778
2748
|
|
|
2779
2749
|
type RadioButtonGroupProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, SelectionControlGroupCommonProps & {
|
|
2780
2750
|
/** Gir alle barna `name` prop.*/
|
|
@@ -2783,8 +2753,10 @@ type RadioButtonGroupProps<T extends string | number> = BaseComponentPropsWithCh
|
|
|
2783
2753
|
onChange?: (event: ChangeEvent<HTMLInputElement>, value: T | undefined) => void;
|
|
2784
2754
|
/** Gjør alle barna påkrevd ved å gi dem `required` prop. Legger en markør (*) bak ledeteksten. */
|
|
2785
2755
|
required?: boolean;
|
|
2786
|
-
/**
|
|
2756
|
+
/**Verdi - en `<RadioButton>` med denne verdien blir valgt med controlled state. */
|
|
2787
2757
|
value?: T | undefined;
|
|
2758
|
+
/**Default verdi - en `<RadioButton>` med denne verdien blir forhåndsvalgt med uncontrolled state. */
|
|
2759
|
+
defaultValue?: T | undefined;
|
|
2788
2760
|
}, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
|
|
2789
2761
|
declare const RadioButtonGroup: <T extends string | number = string>(props: RadioButtonGroupProps<T> & {
|
|
2790
2762
|
ref?: Ref<HTMLDivElement>;
|
|
@@ -2836,7 +2808,7 @@ type SpinnerProps = BaseComponentProps<SVGElement, {
|
|
|
2836
2808
|
*/
|
|
2837
2809
|
color?: TextColor;
|
|
2838
2810
|
/**Størrelse; Setter høyde og bredde på spinneren.
|
|
2839
|
-
* @default
|
|
2811
|
+
* @default "var(--dds-icon-size-medium)"
|
|
2840
2812
|
*/
|
|
2841
2813
|
size?: Property.Width;
|
|
2842
2814
|
/**Tekst som vises ved hover.
|
|
@@ -2912,12 +2884,13 @@ declare const VStack: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<
|
|
|
2912
2884
|
declare function spacingPropToCn(value: string): HyphenSpacingProps;
|
|
2913
2885
|
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';
|
|
2914
2886
|
|
|
2915
|
-
type
|
|
2887
|
+
type TableSize = Extract<Size, 'small' | 'medium' | 'large'>;
|
|
2916
2888
|
type TableProps = {
|
|
2917
|
-
/**
|
|
2918
|
-
*
|
|
2889
|
+
/**
|
|
2890
|
+
* Størrelse på tabellen. Påvirker tetthet i cellene og font.
|
|
2891
|
+
* @default "medium"
|
|
2919
2892
|
*/
|
|
2920
|
-
|
|
2893
|
+
size?: TableSize;
|
|
2921
2894
|
/**Spesifiserer om cellene i `<Head>` skal bli sticky ved scrolling. */
|
|
2922
2895
|
stickyHeader?: boolean;
|
|
2923
2896
|
/**Legger skillelinjer mellom radene. */
|
|
@@ -2958,7 +2931,7 @@ declare const CollapsibleTable$1: react.ForwardRefExoticComponent<{
|
|
|
2958
2931
|
headerValues: HeaderValues;
|
|
2959
2932
|
definingColumnIndex?: Array<number>;
|
|
2960
2933
|
} & {
|
|
2961
|
-
|
|
2934
|
+
size?: TableSize;
|
|
2962
2935
|
stickyHeader?: boolean;
|
|
2963
2936
|
withDividers?: boolean;
|
|
2964
2937
|
} & react.HTMLAttributes<HTMLTableElement> & react.RefAttributes<HTMLTableElement>>;
|
|
@@ -3035,7 +3008,7 @@ declare const SortCell: react.ForwardRefExoticComponent<{
|
|
|
3035
3008
|
} & Omit<TableCellProps, "type"> & react.RefAttributes<HTMLTableCellElement>>;
|
|
3036
3009
|
|
|
3037
3010
|
declare const Table$1: react.ForwardRefExoticComponent<{
|
|
3038
|
-
|
|
3011
|
+
size?: TableSize;
|
|
3039
3012
|
stickyHeader?: boolean;
|
|
3040
3013
|
withDividers?: boolean;
|
|
3041
3014
|
} & react.HTMLAttributes<HTMLTableElement> & react.RefAttributes<HTMLTableElement>>;
|
|
@@ -3245,8 +3218,588 @@ interface TextAffixProps {
|
|
|
3245
3218
|
readOnly?: boolean;
|
|
3246
3219
|
}
|
|
3247
3220
|
|
|
3221
|
+
type DdsTheme = keyof typeof ddsTokens;
|
|
3222
|
+
interface ThemeContextProps {
|
|
3223
|
+
theme: DdsTheme;
|
|
3224
|
+
el: HTMLDivElement | null;
|
|
3225
|
+
}
|
|
3226
|
+
declare const ThemeContext: react.Context<ThemeContextProps | undefined>;
|
|
3227
|
+
interface ThemeProviderProps {
|
|
3228
|
+
/**
|
|
3229
|
+
* Elsa tema for applikasjonen.
|
|
3230
|
+
* @default "core"
|
|
3231
|
+
*/
|
|
3232
|
+
theme?: DdsTheme;
|
|
3233
|
+
/**
|
|
3234
|
+
* Selve applikasjonen.
|
|
3235
|
+
*/
|
|
3236
|
+
children?: ReactNode;
|
|
3237
|
+
}
|
|
3238
|
+
declare function ThemeProvider({ theme, children, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
|
|
3239
|
+
/**
|
|
3240
|
+
* Hook for å hente gjeldende tema og temanavn. Brukes inni ThemeProvider.
|
|
3241
|
+
*
|
|
3242
|
+
* @returns tema med JS-konstanter og navnet på temaet.
|
|
3243
|
+
*/
|
|
3244
|
+
declare function useTheme(): {
|
|
3245
|
+
theme: {
|
|
3246
|
+
ddsFontFamilySans: "'IBM Plex Sans', Arial, sans-serif";
|
|
3247
|
+
ddsFontFamilyMonospace: "'IBM Plex Mono', 'Courier New', monospace";
|
|
3248
|
+
ddsFontSizeX5: "5rem";
|
|
3249
|
+
ddsFontSizeX5NumberRem: 5;
|
|
3250
|
+
ddsFontSizeX4: "4rem";
|
|
3251
|
+
ddsFontSizeX4NumberRem: 4;
|
|
3252
|
+
ddsFontSizeX3: "3rem";
|
|
3253
|
+
ddsFontSizeX3NumberRem: 3;
|
|
3254
|
+
ddsFontSizeX25: "2.5rem";
|
|
3255
|
+
ddsFontSizeX25NumberRem: 2.5;
|
|
3256
|
+
ddsFontSizeX2: "2rem";
|
|
3257
|
+
ddsFontSizeX2NumberRem: 2;
|
|
3258
|
+
ddsFontSizeX15: "1.5rem";
|
|
3259
|
+
ddsFontSizeX15NumberRem: 1.5;
|
|
3260
|
+
ddsFontSizeX125: "1.25rem";
|
|
3261
|
+
ddsFontSizeX125NumberRem: 1.25;
|
|
3262
|
+
ddsFontSizeX1125: "1.125rem";
|
|
3263
|
+
ddsFontSizeX1125NumberRem: 1.125;
|
|
3264
|
+
ddsFontSizeX1: "1rem";
|
|
3265
|
+
ddsFontSizeX1NumberRem: 1;
|
|
3266
|
+
ddsFontSizeX0875: "0.875rem";
|
|
3267
|
+
ddsFontSizeX0875NumberRem: 0.875;
|
|
3268
|
+
ddsFontSizeX075: "0.75rem";
|
|
3269
|
+
ddsFontSizeX075NumberRem: 0.75;
|
|
3270
|
+
ddsFontSizeXxlarge: "3rem";
|
|
3271
|
+
ddsFontSizeXxlargeNumberRem: 3;
|
|
3272
|
+
ddsFontSizeXlarge: "2rem";
|
|
3273
|
+
ddsFontSizeXlargeNumberRem: 2;
|
|
3274
|
+
ddsFontSizeLarge: "1.5rem";
|
|
3275
|
+
ddsFontSizeLargeNumberRem: 1.5;
|
|
3276
|
+
ddsFontSizeMedium: "1.25rem";
|
|
3277
|
+
ddsFontSizeMediumNumberRem: 1.25;
|
|
3278
|
+
ddsFontSizeSmall: "1.125rem";
|
|
3279
|
+
ddsFontSizeSmallNumberRem: 1.125;
|
|
3280
|
+
ddsFontSizeXsmall: "1rem";
|
|
3281
|
+
ddsFontSizeXsmallNumberRem: 1;
|
|
3282
|
+
ddsFontSizeXxsmall: "0.875rem";
|
|
3283
|
+
ddsFontSizeXxsmallNumberRem: 0.875;
|
|
3284
|
+
ddsFontSizeXxxsmall: "0.75rem";
|
|
3285
|
+
ddsFontSizeXxxsmallNumberRem: 0.75;
|
|
3286
|
+
ddsFontWeightLight: "300";
|
|
3287
|
+
ddsFontWeightNormal: "400";
|
|
3288
|
+
ddsFontWeightBold: "600";
|
|
3289
|
+
ddsFontLineheightX1: 1.5;
|
|
3290
|
+
ddsFontLineheightX2: 1.35;
|
|
3291
|
+
ddsFontLineheightX3: 1.2;
|
|
3292
|
+
ddsFontLineheightList: 2.5;
|
|
3293
|
+
ddsFontLetterSpacingTight: "-0.01em";
|
|
3294
|
+
ddsFontLetterSpacingNormal: "0em";
|
|
3295
|
+
ddsFontLetterSpacingLoose: "0.01em";
|
|
3296
|
+
ddsFontParagraphSpacingSmall: "1em";
|
|
3297
|
+
ddsFontParagraphSpacingSmallNumberEm: 1;
|
|
3298
|
+
ddsFontParagraphSpacingMedium: "0.66em";
|
|
3299
|
+
ddsFontParagraphSpacingMediumNumberEm: 0.66;
|
|
3300
|
+
ddsFontParagraphSpacingLarge: "0.5em";
|
|
3301
|
+
ddsFontParagraphSpacingLargeNumberEm: 0.5;
|
|
3302
|
+
ddsFontParagraphSpacingHeading: "0.4em";
|
|
3303
|
+
ddsFontParagraphSpacingHeadingNumberEm: 0.4;
|
|
3304
|
+
ddsFontStyleUnderline: "underline";
|
|
3305
|
+
ddsFontStyleNormal: "none";
|
|
3306
|
+
ddsFontStyleItalic: "italic";
|
|
3307
|
+
ddsSpacingPaddingTopHeading: "0.7em";
|
|
3308
|
+
ddsSpacingPaddingTopHeadingNumberEm: 0.7;
|
|
3309
|
+
ddsSpacingX0: "0rem";
|
|
3310
|
+
ddsSpacingX0NumberRem: 0;
|
|
3311
|
+
ddsSpacingX0125: "0.125rem";
|
|
3312
|
+
ddsSpacingX0125NumberRem: 0.125;
|
|
3313
|
+
ddsSpacingX025: "0.25rem";
|
|
3314
|
+
ddsSpacingX025NumberRem: 0.25;
|
|
3315
|
+
ddsSpacingX05: "0.5rem";
|
|
3316
|
+
ddsSpacingX05NumberRem: 0.5;
|
|
3317
|
+
ddsSpacingX075: "0.75rem";
|
|
3318
|
+
ddsSpacingX075NumberRem: 0.75;
|
|
3319
|
+
ddsSpacingX1: "1rem";
|
|
3320
|
+
ddsSpacingX1NumberRem: 1;
|
|
3321
|
+
ddsSpacingX15: "1.5rem";
|
|
3322
|
+
ddsSpacingX15NumberRem: 1.5;
|
|
3323
|
+
ddsSpacingX2: "2rem";
|
|
3324
|
+
ddsSpacingX2NumberRem: 2;
|
|
3325
|
+
ddsSpacingX25: "2.5rem";
|
|
3326
|
+
ddsSpacingX25NumberRem: 2.5;
|
|
3327
|
+
ddsSpacingX3: "3rem";
|
|
3328
|
+
ddsSpacingX3NumberRem: 3;
|
|
3329
|
+
ddsSpacingX4: "4rem";
|
|
3330
|
+
ddsSpacingX4NumberRem: 4;
|
|
3331
|
+
ddsSpacingX6: "6rem";
|
|
3332
|
+
ddsSpacingX6NumberRem: 6;
|
|
3333
|
+
ddsSpacingX10: "10rem";
|
|
3334
|
+
ddsSpacingX10NumberRem: 10;
|
|
3335
|
+
ddsShadow1: "1px 2px 4px 0px rgba(11, 13, 14, 10%)";
|
|
3336
|
+
ddsShadow2: "2px 4px 8px 0px rgba(11, 13, 14, 10%)";
|
|
3337
|
+
ddsShadow3: "4px 8px 16px 0px rgba(11, 13, 14, 10%)";
|
|
3338
|
+
ddsShadow4: "8px 16px 32px 0px rgba(11, 13, 14, 10%)";
|
|
3339
|
+
ddsGridXsGutterSize: "16px";
|
|
3340
|
+
ddsGridXsGutterSizeNumberPx: 16;
|
|
3341
|
+
ddsGridXsCount: "4";
|
|
3342
|
+
ddsGridSmGutterSize: "16px";
|
|
3343
|
+
ddsGridSmGutterSizeNumberPx: 16;
|
|
3344
|
+
ddsGridSmCount: "8";
|
|
3345
|
+
ddsGridLgGutterSize: "24px";
|
|
3346
|
+
ddsGridLgGutterSizeNumberPx: 24;
|
|
3347
|
+
ddsGridLgCount: "12";
|
|
3348
|
+
ddsGridMdGutterSize: "24px";
|
|
3349
|
+
ddsGridMdGutterSizeNumberPx: 24;
|
|
3350
|
+
ddsGridMdCount: "12";
|
|
3351
|
+
ddsGridXlGutterSize: "24px";
|
|
3352
|
+
ddsGridXlGutterSizeNumberPx: 24;
|
|
3353
|
+
ddsGridXlCount: "12";
|
|
3354
|
+
ddsIconSizeLarge: "40px";
|
|
3355
|
+
ddsIconSizeLargeNumberPx: 40;
|
|
3356
|
+
ddsIconSizeMedium: "24px";
|
|
3357
|
+
ddsIconSizeMediumNumberPx: 24;
|
|
3358
|
+
ddsIconSizeSmall: "16px";
|
|
3359
|
+
ddsIconSizeSmallNumberPx: 16;
|
|
3360
|
+
ddsBreakpointXs: "1px";
|
|
3361
|
+
ddsBreakpointXsNumberPx: 1;
|
|
3362
|
+
ddsBreakpointSm: "600px";
|
|
3363
|
+
ddsBreakpointSmNumberPx: 600;
|
|
3364
|
+
ddsBreakpointMd: "960px";
|
|
3365
|
+
ddsBreakpointMdNumberPx: 960;
|
|
3366
|
+
ddsBreakpointLg: "1280px";
|
|
3367
|
+
ddsBreakpointLgNumberPx: 1280;
|
|
3368
|
+
ddsBreakpointXl: "1920px";
|
|
3369
|
+
ddsBreakpointXlNumberPx: 1920;
|
|
3370
|
+
ddsColorBgDefault: "#ffffff";
|
|
3371
|
+
ddsColorBgSubtle: "#f8f9f9";
|
|
3372
|
+
ddsColorSurfaceDefault: "#ffffff";
|
|
3373
|
+
ddsColorSurfaceSubtle: "#f8f9f9";
|
|
3374
|
+
ddsColorSurfaceMedium: "#ebecee";
|
|
3375
|
+
ddsColorSurfaceHoverDefault: "#e7f1f7";
|
|
3376
|
+
ddsColorSurfaceHoverSubtle: "#f8f9f9";
|
|
3377
|
+
ddsColorSurfaceSelectedDefault: "#e7f1f7";
|
|
3378
|
+
ddsColorSurfaceInverseDefault: "#354754";
|
|
3379
|
+
ddsColorSurfaceInverseHover: "#313d45";
|
|
3380
|
+
ddsColorSurfaceInverseSelected: "#202b32";
|
|
3381
|
+
ddsColorSurfaceActionResting: "#106ead";
|
|
3382
|
+
ddsColorSurfaceActionHover: "#0d588a";
|
|
3383
|
+
ddsColorSurfaceActionSelected: "#106ead";
|
|
3384
|
+
ddsColorSurfaceActionDangerResting: "#d83737";
|
|
3385
|
+
ddsColorSurfaceActionDangerHover: "#ad2c2c";
|
|
3386
|
+
ddsColorSurfaceActionSelectedDisabled: "#77838c";
|
|
3387
|
+
ddsColorSurfaceDangerDefault: "#fbebeb";
|
|
3388
|
+
ddsColorSurfaceDangerStrong: "#e47373";
|
|
3389
|
+
ddsColorSurfaceSuccessDefault: "#f0f9f0";
|
|
3390
|
+
ddsColorSurfaceSuccessStrong: "#93d294";
|
|
3391
|
+
ddsColorSurfaceWarningDefault: "#fefced";
|
|
3392
|
+
ddsColorSurfaceWarningStrong: "#f7e982";
|
|
3393
|
+
ddsColorSurfaceInfoDefault: "#f1f8fd";
|
|
3394
|
+
ddsColorSurfaceInfoStrong: "#9eceee";
|
|
3395
|
+
ddsColorSurfacePaperDefault: "#ffffff";
|
|
3396
|
+
ddsColorSurfaceBackdropDefault: "#0b0d0e80";
|
|
3397
|
+
ddsColorSurfaceFieldDefault: "#ffffff";
|
|
3398
|
+
ddsColorSurfaceFieldDisabled: "#f8f9f9";
|
|
3399
|
+
ddsColorSurfaceHighlightedDefault: "#ffe6df";
|
|
3400
|
+
ddsColorSurfaceScrollbar: "#adb5ba";
|
|
3401
|
+
ddsColorSurfaceNotification: "#d83737";
|
|
3402
|
+
ddsColorSurfaceSkeleton: "#cfd4d7";
|
|
3403
|
+
ddsColorBorderDefault: "#77838c";
|
|
3404
|
+
ddsColorBorderSubtle: "#cfd4d7";
|
|
3405
|
+
ddsColorBorderInverse: "#acbbc6";
|
|
3406
|
+
ddsColorBorderActionDefault: "#106ead";
|
|
3407
|
+
ddsColorBorderActionHover: "#0d588a";
|
|
3408
|
+
ddsColorBorderSuccess: "#65be66";
|
|
3409
|
+
ddsColorBorderWarning: "#f4e04d";
|
|
3410
|
+
ddsColorBorderDanger: "#d83737";
|
|
3411
|
+
ddsColorBorderInfo: "#75b9e6";
|
|
3412
|
+
ddsColorBorderOnAction: "#ffffff";
|
|
3413
|
+
ddsColorTextDefault: "#0b0d0e";
|
|
3414
|
+
ddsColorTextMedium: "#3a4146";
|
|
3415
|
+
ddsColorTextSubtle: "#545c62";
|
|
3416
|
+
ddsColorTextOnInverse: "#ffffff";
|
|
3417
|
+
ddsColorTextOnAction: "#ffffff";
|
|
3418
|
+
ddsColorTextOnStatusDefault: "#0b0d0e";
|
|
3419
|
+
ddsColorTextOnStatusStrong: "#0b0d0e";
|
|
3420
|
+
ddsColorTextActionResting: "#106ead";
|
|
3421
|
+
ddsColorTextActionHover: "#0d588a";
|
|
3422
|
+
ddsColorTextRequiredfield: "#d83737";
|
|
3423
|
+
ddsColorTextActionVisited: "#7f29b4";
|
|
3424
|
+
ddsColorTextActionVisitedOnInverse: "#cca9e1";
|
|
3425
|
+
ddsColorTextOnNotification: "#ffffff";
|
|
3426
|
+
ddsColorIconDefault: "#0b0d0e";
|
|
3427
|
+
ddsColorIconMedium: "#3a4146";
|
|
3428
|
+
ddsColorIconSubtle: "#545c62";
|
|
3429
|
+
ddsColorIconOnInverse: "#ffffff";
|
|
3430
|
+
ddsColorIconOnAction: "#ffffff";
|
|
3431
|
+
ddsColorIconActionResting: "#106ead";
|
|
3432
|
+
ddsColorIconActionHover: "#0d588a";
|
|
3433
|
+
ddsColorIconOnSuccessDefault: "#3d723d";
|
|
3434
|
+
ddsColorIconOnSuccessStrong: "#0b0d0e";
|
|
3435
|
+
ddsColorIconOnWarningDefault: "#92862e";
|
|
3436
|
+
ddsColorIconOnWarningStrong: "#0b0d0e";
|
|
3437
|
+
ddsColorIconOnDangerDefault: "#ad2c2c";
|
|
3438
|
+
ddsColorIconOnDangerStrong: "#0b0d0e";
|
|
3439
|
+
ddsColorIconOnInfoDefault: "#466f8a";
|
|
3440
|
+
ddsColorIconOnInfoStrong: "#0b0d0e";
|
|
3441
|
+
ddsColorBrandPrimaryDefault: "#354754";
|
|
3442
|
+
ddsColorBrandPrimarySubtle: "#eaeff4";
|
|
3443
|
+
ddsColorBrandPrimaryMedium: "#4f6a7e";
|
|
3444
|
+
ddsColorBrandPrimaryStrong: "#202b32";
|
|
3445
|
+
ddsColorBrandSecondaryDefault: "#9ab8b7";
|
|
3446
|
+
ddsColorBrandSecondarySubtle: "#e6eded";
|
|
3447
|
+
ddsColorBrandSecondaryMedium: "#b8cdcd";
|
|
3448
|
+
ddsColorBrandSecondaryStrong: "#4d6463";
|
|
3449
|
+
ddsColorBrandTertiaryDefault: "#f2a68f";
|
|
3450
|
+
ddsColorBrandTertiarySubtle: "#ffe6df";
|
|
3451
|
+
ddsColorBrandTertiaryMedium: "#f6c1b1";
|
|
3452
|
+
ddsColorBrandTertiaryStrong: "#f27e55";
|
|
3453
|
+
ddsColorFocusOutside: "#2f4a5c";
|
|
3454
|
+
ddsColorFocusInside: "#f1f8fd";
|
|
3455
|
+
ddsFontLabelMedium: "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
3456
|
+
ddsFontBodyXsmall: "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
3457
|
+
ddsFontBodySmall: "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
3458
|
+
ddsFontBodyMedium: "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
3459
|
+
ddsFontBodyLarge: "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
3460
|
+
ddsFontHeadingXxsmall: "600 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
3461
|
+
ddsFontHeadingXsmall: "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
3462
|
+
ddsFontHeadingSmall: "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
3463
|
+
ddsFontHeadingMedium: "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
3464
|
+
ddsFontHeadingLarge: "400 clamp(1.25rem, 0.833rem + 1.111vw, 1.5rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
|
|
3465
|
+
ddsFontHeadingXlarge: "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
|
|
3466
|
+
ddsFontHeadingXxlarge: "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.2 'IBM Plex Sans', Arial, sans-serif";
|
|
3467
|
+
ddsFontLeadMedium: "300 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
3468
|
+
ddsFontCodeMedium: "400 1rem/1.5 'IBM Plex Mono', 'Courier New', monospace";
|
|
3469
|
+
ddsBorderRadiusButton: "2px";
|
|
3470
|
+
ddsBorderRadiusButtonNumberPx: 2;
|
|
3471
|
+
ddsBorderRadiusSurface: "4px";
|
|
3472
|
+
ddsBorderRadiusSurfaceNumberPx: 4;
|
|
3473
|
+
ddsBorderRadiusInput: "2px";
|
|
3474
|
+
ddsBorderRadiusInputNumberPx: 2;
|
|
3475
|
+
ddsBorderRadiusChip: "4px";
|
|
3476
|
+
ddsBorderRadiusChipNumberPx: 4;
|
|
3477
|
+
ddsBorderRadiusRounded: "9999px";
|
|
3478
|
+
ddsBorderRadiusRoundedNumberPx: 9999;
|
|
3479
|
+
ddsFontHeadingXxlargeLetterSpacing: "-0.01em";
|
|
3480
|
+
ddsFontHeadingXxlargeParagraphSpacing: "0.4em";
|
|
3481
|
+
ddsFontHeadingXxlargeParagraphSpacingNumberEm: 0.4;
|
|
3482
|
+
ddsFontHeadingXlargeLetterSpacing: "0em";
|
|
3483
|
+
ddsFontHeadingXlargeParagraphSpacing: "0.4em";
|
|
3484
|
+
ddsFontHeadingXlargeParagraphSpacingNumberEm: 0.4;
|
|
3485
|
+
ddsFontHeadingLargeLetterSpacing: "0em";
|
|
3486
|
+
ddsFontHeadingLargeParagraphSpacing: "0.4em";
|
|
3487
|
+
ddsFontHeadingLargeParagraphSpacingNumberEm: 0.4;
|
|
3488
|
+
ddsFontHeadingMediumLetterSpacing: "0em";
|
|
3489
|
+
ddsFontHeadingMediumParagraphSpacing: "0.4em";
|
|
3490
|
+
ddsFontHeadingMediumParagraphSpacingNumberEm: 0.4;
|
|
3491
|
+
ddsFontHeadingSmallLetterSpacing: "0em";
|
|
3492
|
+
ddsFontHeadingSmallParagraphSpacing: "0.4em";
|
|
3493
|
+
ddsFontHeadingSmallParagraphSpacingNumberEm: 0.4;
|
|
3494
|
+
ddsFontHeadingXsmallLetterSpacing: "0.01em";
|
|
3495
|
+
ddsFontHeadingXsmallParagraphSpacing: "0.4em";
|
|
3496
|
+
ddsFontHeadingXsmallParagraphSpacingNumberEm: 0.4;
|
|
3497
|
+
ddsFontHeadingXxsmallLetterSpacing: "0.01em";
|
|
3498
|
+
ddsFontHeadingXxsmallParagraphSpacing: "0.4em";
|
|
3499
|
+
ddsFontHeadingXxsmallParagraphSpacingNumberEm: 0.4;
|
|
3500
|
+
ddsFontBodyLargeLetterSpacing: "0em";
|
|
3501
|
+
ddsFontBodyLargeParagraphSpacing: "1em";
|
|
3502
|
+
ddsFontBodyLargeParagraphSpacingNumberEm: 1;
|
|
3503
|
+
ddsFontBodyMediumLetterSpacing: "0em";
|
|
3504
|
+
ddsFontBodyMediumParagraphSpacing: "1em";
|
|
3505
|
+
ddsFontBodyMediumParagraphSpacingNumberEm: 1;
|
|
3506
|
+
ddsFontBodySmallLetterSpacing: "0.01em";
|
|
3507
|
+
ddsFontBodySmallParagraphSpacing: "1em";
|
|
3508
|
+
ddsFontBodySmallParagraphSpacingNumberEm: 1;
|
|
3509
|
+
ddsFontBodyXsmallLetterSpacing: "0.01em";
|
|
3510
|
+
ddsFontBodyXsmallParagraphSpacing: "1em";
|
|
3511
|
+
ddsFontBodyXsmallParagraphSpacingNumberEm: 1;
|
|
3512
|
+
ddsFontLeadMediumLetterSpacing: "0em";
|
|
3513
|
+
ddsFontLeadMediumParagraphSpacing: "1em";
|
|
3514
|
+
ddsFontLeadMediumParagraphSpacingNumberEm: 1;
|
|
3515
|
+
ddsFontCodeMediumLetterSpacing: "0em";
|
|
3516
|
+
ddsFontCodeMediumParagraphSpacing: "1em";
|
|
3517
|
+
ddsFontCodeMediumParagraphSpacingNumberEm: 1;
|
|
3518
|
+
ddsFontLabelMediumLetterSpacing: "0.01em";
|
|
3519
|
+
ddsFontLabelMediumParagraphSpacing: "1em";
|
|
3520
|
+
ddsFontLabelMediumParagraphSpacingNumberEm: 1;
|
|
3521
|
+
} | {
|
|
3522
|
+
ddsFontFamilySans: "'IBM Plex Sans', Arial, sans-serif";
|
|
3523
|
+
ddsFontFamilyMonospace: "'IBM Plex Mono', 'Courier New', monospace";
|
|
3524
|
+
ddsFontSizeX5: "5rem";
|
|
3525
|
+
ddsFontSizeX5NumberRem: 5;
|
|
3526
|
+
ddsFontSizeX4: "4rem";
|
|
3527
|
+
ddsFontSizeX4NumberRem: 4;
|
|
3528
|
+
ddsFontSizeX3: "3rem";
|
|
3529
|
+
ddsFontSizeX3NumberRem: 3;
|
|
3530
|
+
ddsFontSizeX25: "2.5rem";
|
|
3531
|
+
ddsFontSizeX25NumberRem: 2.5;
|
|
3532
|
+
ddsFontSizeX2: "2rem";
|
|
3533
|
+
ddsFontSizeX2NumberRem: 2;
|
|
3534
|
+
ddsFontSizeX15: "1.5rem";
|
|
3535
|
+
ddsFontSizeX15NumberRem: 1.5;
|
|
3536
|
+
ddsFontSizeX125: "1.25rem";
|
|
3537
|
+
ddsFontSizeX125NumberRem: 1.25;
|
|
3538
|
+
ddsFontSizeX1125: "1.125rem";
|
|
3539
|
+
ddsFontSizeX1125NumberRem: 1.125;
|
|
3540
|
+
ddsFontSizeX1: "1rem";
|
|
3541
|
+
ddsFontSizeX1NumberRem: 1;
|
|
3542
|
+
ddsFontSizeX0875: "0.875rem";
|
|
3543
|
+
ddsFontSizeX0875NumberRem: 0.875;
|
|
3544
|
+
ddsFontSizeX075: "0.75rem";
|
|
3545
|
+
ddsFontSizeX075NumberRem: 0.75;
|
|
3546
|
+
ddsFontSizeXxlarge: "4rem";
|
|
3547
|
+
ddsFontSizeXxlargeNumberRem: 4;
|
|
3548
|
+
ddsFontSizeXlarge: "3rem";
|
|
3549
|
+
ddsFontSizeXlargeNumberRem: 3;
|
|
3550
|
+
ddsFontSizeLarge: "2rem";
|
|
3551
|
+
ddsFontSizeLargeNumberRem: 2;
|
|
3552
|
+
ddsFontSizeMedium: "1.5rem";
|
|
3553
|
+
ddsFontSizeMediumNumberRem: 1.5;
|
|
3554
|
+
ddsFontSizeSmall: "1.25rem";
|
|
3555
|
+
ddsFontSizeSmallNumberRem: 1.25;
|
|
3556
|
+
ddsFontSizeXsmall: "1.125rem";
|
|
3557
|
+
ddsFontSizeXsmallNumberRem: 1.125;
|
|
3558
|
+
ddsFontSizeXxsmall: "1rem";
|
|
3559
|
+
ddsFontSizeXxsmallNumberRem: 1;
|
|
3560
|
+
ddsFontSizeXxxsmall: "0.875rem";
|
|
3561
|
+
ddsFontSizeXxxsmallNumberRem: 0.875;
|
|
3562
|
+
ddsFontWeightLight: "300";
|
|
3563
|
+
ddsFontWeightNormal: "400";
|
|
3564
|
+
ddsFontWeightBold: "600";
|
|
3565
|
+
ddsFontLineheightX1: 1.5;
|
|
3566
|
+
ddsFontLineheightX2: 1.35;
|
|
3567
|
+
ddsFontLineheightX3: 1.2;
|
|
3568
|
+
ddsFontLineheightList: 2.5;
|
|
3569
|
+
ddsFontLetterSpacingTight: "-0.01em";
|
|
3570
|
+
ddsFontLetterSpacingNormal: "0em";
|
|
3571
|
+
ddsFontLetterSpacingLoose: "0.01em";
|
|
3572
|
+
ddsFontParagraphSpacingSmall: "1em";
|
|
3573
|
+
ddsFontParagraphSpacingSmallNumberEm: 1;
|
|
3574
|
+
ddsFontParagraphSpacingMedium: "0.66em";
|
|
3575
|
+
ddsFontParagraphSpacingMediumNumberEm: 0.66;
|
|
3576
|
+
ddsFontParagraphSpacingLarge: "0.5em";
|
|
3577
|
+
ddsFontParagraphSpacingLargeNumberEm: 0.5;
|
|
3578
|
+
ddsFontParagraphSpacingHeading: "0.4em";
|
|
3579
|
+
ddsFontParagraphSpacingHeadingNumberEm: 0.4;
|
|
3580
|
+
ddsFontStyleUnderline: "underline";
|
|
3581
|
+
ddsFontStyleNormal: "none";
|
|
3582
|
+
ddsFontStyleItalic: "italic";
|
|
3583
|
+
ddsSpacingPaddingTopHeading: "0.7em";
|
|
3584
|
+
ddsSpacingPaddingTopHeadingNumberEm: 0.7;
|
|
3585
|
+
ddsSpacingX0: "0rem";
|
|
3586
|
+
ddsSpacingX0NumberRem: 0;
|
|
3587
|
+
ddsSpacingX0125: "0.125rem";
|
|
3588
|
+
ddsSpacingX0125NumberRem: 0.125;
|
|
3589
|
+
ddsSpacingX025: "0.25rem";
|
|
3590
|
+
ddsSpacingX025NumberRem: 0.25;
|
|
3591
|
+
ddsSpacingX05: "0.5rem";
|
|
3592
|
+
ddsSpacingX05NumberRem: 0.5;
|
|
3593
|
+
ddsSpacingX075: "0.75rem";
|
|
3594
|
+
ddsSpacingX075NumberRem: 0.75;
|
|
3595
|
+
ddsSpacingX1: "1rem";
|
|
3596
|
+
ddsSpacingX1NumberRem: 1;
|
|
3597
|
+
ddsSpacingX15: "1.5rem";
|
|
3598
|
+
ddsSpacingX15NumberRem: 1.5;
|
|
3599
|
+
ddsSpacingX2: "2rem";
|
|
3600
|
+
ddsSpacingX2NumberRem: 2;
|
|
3601
|
+
ddsSpacingX25: "2.5rem";
|
|
3602
|
+
ddsSpacingX25NumberRem: 2.5;
|
|
3603
|
+
ddsSpacingX3: "3rem";
|
|
3604
|
+
ddsSpacingX3NumberRem: 3;
|
|
3605
|
+
ddsSpacingX4: "4rem";
|
|
3606
|
+
ddsSpacingX4NumberRem: 4;
|
|
3607
|
+
ddsSpacingX6: "6rem";
|
|
3608
|
+
ddsSpacingX6NumberRem: 6;
|
|
3609
|
+
ddsSpacingX10: "10rem";
|
|
3610
|
+
ddsSpacingX10NumberRem: 10;
|
|
3611
|
+
ddsShadow1: "1px 2px 4px 0px rgba(11, 13, 14, 10%)";
|
|
3612
|
+
ddsShadow2: "2px 4px 8px 0px rgba(11, 13, 14, 10%)";
|
|
3613
|
+
ddsShadow3: "4px 8px 16px 0px rgba(11, 13, 14, 10%)";
|
|
3614
|
+
ddsShadow4: "8px 16px 32px 0px rgba(11, 13, 14, 10%)";
|
|
3615
|
+
ddsGridXsGutterSize: "16px";
|
|
3616
|
+
ddsGridXsGutterSizeNumberPx: 16;
|
|
3617
|
+
ddsGridXsCount: "4";
|
|
3618
|
+
ddsGridSmGutterSize: "16px";
|
|
3619
|
+
ddsGridSmGutterSizeNumberPx: 16;
|
|
3620
|
+
ddsGridSmCount: "8";
|
|
3621
|
+
ddsGridLgGutterSize: "24px";
|
|
3622
|
+
ddsGridLgGutterSizeNumberPx: 24;
|
|
3623
|
+
ddsGridLgCount: "12";
|
|
3624
|
+
ddsGridMdGutterSize: "24px";
|
|
3625
|
+
ddsGridMdGutterSizeNumberPx: 24;
|
|
3626
|
+
ddsGridMdCount: "12";
|
|
3627
|
+
ddsGridXlGutterSize: "24px";
|
|
3628
|
+
ddsGridXlGutterSizeNumberPx: 24;
|
|
3629
|
+
ddsGridXlCount: "12";
|
|
3630
|
+
ddsIconSizeLarge: "40px";
|
|
3631
|
+
ddsIconSizeLargeNumberPx: 40;
|
|
3632
|
+
ddsIconSizeMedium: "24px";
|
|
3633
|
+
ddsIconSizeMediumNumberPx: 24;
|
|
3634
|
+
ddsIconSizeSmall: "16px";
|
|
3635
|
+
ddsIconSizeSmallNumberPx: 16;
|
|
3636
|
+
ddsBreakpointXs: "1px";
|
|
3637
|
+
ddsBreakpointXsNumberPx: 1;
|
|
3638
|
+
ddsBreakpointSm: "600px";
|
|
3639
|
+
ddsBreakpointSmNumberPx: 600;
|
|
3640
|
+
ddsBreakpointMd: "960px";
|
|
3641
|
+
ddsBreakpointMdNumberPx: 960;
|
|
3642
|
+
ddsBreakpointLg: "1280px";
|
|
3643
|
+
ddsBreakpointLgNumberPx: 1280;
|
|
3644
|
+
ddsBreakpointXl: "1920px";
|
|
3645
|
+
ddsBreakpointXlNumberPx: 1920;
|
|
3646
|
+
ddsColorBgDefault: "#ffffff";
|
|
3647
|
+
ddsColorBgSubtle: "#f8f9f9";
|
|
3648
|
+
ddsColorSurfaceDefault: "#ffffff";
|
|
3649
|
+
ddsColorSurfaceSubtle: "#f8f9f9";
|
|
3650
|
+
ddsColorSurfaceMedium: "#ebecee";
|
|
3651
|
+
ddsColorSurfaceHoverDefault: "#e7f1f7";
|
|
3652
|
+
ddsColorSurfaceHoverSubtle: "#f8f9f9";
|
|
3653
|
+
ddsColorSurfaceSelectedDefault: "#e7f1f7";
|
|
3654
|
+
ddsColorSurfaceInverseDefault: "#354754";
|
|
3655
|
+
ddsColorSurfaceInverseHover: "#313d45";
|
|
3656
|
+
ddsColorSurfaceInverseSelected: "#202b32";
|
|
3657
|
+
ddsColorSurfaceActionResting: "#106ead";
|
|
3658
|
+
ddsColorSurfaceActionHover: "#0d588a";
|
|
3659
|
+
ddsColorSurfaceActionSelected: "#106ead";
|
|
3660
|
+
ddsColorSurfaceActionDangerResting: "#d83737";
|
|
3661
|
+
ddsColorSurfaceActionDangerHover: "#ad2c2c";
|
|
3662
|
+
ddsColorSurfaceActionSelectedDisabled: "#77838c";
|
|
3663
|
+
ddsColorSurfaceDangerDefault: "#fbebeb";
|
|
3664
|
+
ddsColorSurfaceDangerStrong: "#e47373";
|
|
3665
|
+
ddsColorSurfaceSuccessDefault: "#f0f9f0";
|
|
3666
|
+
ddsColorSurfaceSuccessStrong: "#93d294";
|
|
3667
|
+
ddsColorSurfaceWarningDefault: "#fefced";
|
|
3668
|
+
ddsColorSurfaceWarningStrong: "#f7e982";
|
|
3669
|
+
ddsColorSurfaceInfoDefault: "#f1f8fd";
|
|
3670
|
+
ddsColorSurfaceInfoStrong: "#9eceee";
|
|
3671
|
+
ddsColorSurfacePaperDefault: "#ffffff";
|
|
3672
|
+
ddsColorSurfaceBackdropDefault: "#0b0d0e80";
|
|
3673
|
+
ddsColorSurfaceFieldDefault: "#ffffff";
|
|
3674
|
+
ddsColorSurfaceFieldDisabled: "#f8f9f9";
|
|
3675
|
+
ddsColorSurfaceHighlightedDefault: "#ffe6df";
|
|
3676
|
+
ddsColorSurfaceScrollbar: "#adb5ba";
|
|
3677
|
+
ddsColorSurfaceNotification: "#d83737";
|
|
3678
|
+
ddsColorSurfaceSkeleton: "#cfd4d7";
|
|
3679
|
+
ddsColorBorderDefault: "#77838c";
|
|
3680
|
+
ddsColorBorderSubtle: "#cfd4d7";
|
|
3681
|
+
ddsColorBorderInverse: "#acbbc6";
|
|
3682
|
+
ddsColorBorderActionDefault: "#106ead";
|
|
3683
|
+
ddsColorBorderActionHover: "#0d588a";
|
|
3684
|
+
ddsColorBorderSuccess: "#65be66";
|
|
3685
|
+
ddsColorBorderWarning: "#f4e04d";
|
|
3686
|
+
ddsColorBorderDanger: "#d83737";
|
|
3687
|
+
ddsColorBorderInfo: "#75b9e6";
|
|
3688
|
+
ddsColorBorderOnAction: "#ffffff";
|
|
3689
|
+
ddsColorTextDefault: "#0b0d0e";
|
|
3690
|
+
ddsColorTextMedium: "#3a4146";
|
|
3691
|
+
ddsColorTextSubtle: "#545c62";
|
|
3692
|
+
ddsColorTextOnInverse: "#ffffff";
|
|
3693
|
+
ddsColorTextOnAction: "#ffffff";
|
|
3694
|
+
ddsColorTextOnStatusDefault: "#0b0d0e";
|
|
3695
|
+
ddsColorTextOnStatusStrong: "#0b0d0e";
|
|
3696
|
+
ddsColorTextActionResting: "#106ead";
|
|
3697
|
+
ddsColorTextActionHover: "#0d588a";
|
|
3698
|
+
ddsColorTextRequiredfield: "#d83737";
|
|
3699
|
+
ddsColorTextActionVisited: "#7f29b4";
|
|
3700
|
+
ddsColorTextActionVisitedOnInverse: "#cca9e1";
|
|
3701
|
+
ddsColorTextOnNotification: "#ffffff";
|
|
3702
|
+
ddsColorIconDefault: "#0b0d0e";
|
|
3703
|
+
ddsColorIconMedium: "#3a4146";
|
|
3704
|
+
ddsColorIconSubtle: "#545c62";
|
|
3705
|
+
ddsColorIconOnInverse: "#ffffff";
|
|
3706
|
+
ddsColorIconOnAction: "#ffffff";
|
|
3707
|
+
ddsColorIconActionResting: "#106ead";
|
|
3708
|
+
ddsColorIconActionHover: "#0d588a";
|
|
3709
|
+
ddsColorIconOnSuccessDefault: "#3d723d";
|
|
3710
|
+
ddsColorIconOnSuccessStrong: "#0b0d0e";
|
|
3711
|
+
ddsColorIconOnWarningDefault: "#92862e";
|
|
3712
|
+
ddsColorIconOnWarningStrong: "#0b0d0e";
|
|
3713
|
+
ddsColorIconOnDangerDefault: "#ad2c2c";
|
|
3714
|
+
ddsColorIconOnDangerStrong: "#0b0d0e";
|
|
3715
|
+
ddsColorIconOnInfoDefault: "#466f8a";
|
|
3716
|
+
ddsColorIconOnInfoStrong: "#0b0d0e";
|
|
3717
|
+
ddsColorBrandPrimaryDefault: "#354754";
|
|
3718
|
+
ddsColorBrandPrimarySubtle: "#eaeff4";
|
|
3719
|
+
ddsColorBrandPrimaryMedium: "#4f6a7e";
|
|
3720
|
+
ddsColorBrandPrimaryStrong: "#202b32";
|
|
3721
|
+
ddsColorBrandSecondaryDefault: "#9ab8b7";
|
|
3722
|
+
ddsColorBrandSecondarySubtle: "#e6eded";
|
|
3723
|
+
ddsColorBrandSecondaryMedium: "#b8cdcd";
|
|
3724
|
+
ddsColorBrandSecondaryStrong: "#4d6463";
|
|
3725
|
+
ddsColorBrandTertiaryDefault: "#f2a68f";
|
|
3726
|
+
ddsColorBrandTertiarySubtle: "#ffe6df";
|
|
3727
|
+
ddsColorBrandTertiaryMedium: "#f6c1b1";
|
|
3728
|
+
ddsColorBrandTertiaryStrong: "#f27e55";
|
|
3729
|
+
ddsColorFocusOutside: "#2f4a5c";
|
|
3730
|
+
ddsColorFocusInside: "#f1f8fd";
|
|
3731
|
+
ddsBorderRadiusButton: "2px";
|
|
3732
|
+
ddsBorderRadiusButtonNumberPx: 2;
|
|
3733
|
+
ddsBorderRadiusSurface: "2px";
|
|
3734
|
+
ddsBorderRadiusSurfaceNumberPx: 2;
|
|
3735
|
+
ddsBorderRadiusInput: "2px";
|
|
3736
|
+
ddsBorderRadiusInputNumberPx: 2;
|
|
3737
|
+
ddsBorderRadiusChip: "2px";
|
|
3738
|
+
ddsBorderRadiusChipNumberPx: 2;
|
|
3739
|
+
ddsBorderRadiusRounded: "9999px";
|
|
3740
|
+
ddsBorderRadiusRoundedNumberPx: 9999;
|
|
3741
|
+
ddsFontLabelMedium: "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
3742
|
+
ddsFontBodyXsmall: "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
3743
|
+
ddsFontBodySmall: "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
3744
|
+
ddsFontBodyMedium: "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
3745
|
+
ddsFontBodyLarge: "400 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
3746
|
+
ddsFontHeadingXxsmall: "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
3747
|
+
ddsFontHeadingXsmall: "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
3748
|
+
ddsFontHeadingSmall: "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
3749
|
+
ddsFontHeadingMedium: "600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
3750
|
+
ddsFontHeadingLarge: "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
|
|
3751
|
+
ddsFontHeadingXlarge: "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
|
|
3752
|
+
ddsFontHeadingXxlarge: "300 clamp(3rem, 1.333rem + 4.444vw, 4rem)/1.2 'IBM Plex Sans', Arial, sans-serif";
|
|
3753
|
+
ddsFontLeadMedium: "300 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif";
|
|
3754
|
+
ddsFontCodeMedium: "400 1.125rem/1.5 'IBM Plex Mono', 'Courier New', monospace";
|
|
3755
|
+
ddsFontHeadingXxlargeLetterSpacing: "-0.01em";
|
|
3756
|
+
ddsFontHeadingXxlargeParagraphSpacing: "0.4em";
|
|
3757
|
+
ddsFontHeadingXxlargeParagraphSpacingNumberEm: 0.4;
|
|
3758
|
+
ddsFontHeadingXlargeLetterSpacing: "-0.01em";
|
|
3759
|
+
ddsFontHeadingXlargeParagraphSpacing: "0.4em";
|
|
3760
|
+
ddsFontHeadingXlargeParagraphSpacingNumberEm: 0.4;
|
|
3761
|
+
ddsFontHeadingLargeLetterSpacing: "0em";
|
|
3762
|
+
ddsFontHeadingLargeParagraphSpacing: "0.4em";
|
|
3763
|
+
ddsFontHeadingLargeParagraphSpacingNumberEm: 0.4;
|
|
3764
|
+
ddsFontHeadingMediumLetterSpacing: "0em";
|
|
3765
|
+
ddsFontHeadingMediumParagraphSpacing: "0.4em";
|
|
3766
|
+
ddsFontHeadingMediumParagraphSpacingNumberEm: 0.4;
|
|
3767
|
+
ddsFontHeadingSmallLetterSpacing: "0em";
|
|
3768
|
+
ddsFontHeadingSmallParagraphSpacing: "0.4em";
|
|
3769
|
+
ddsFontHeadingSmallParagraphSpacingNumberEm: 0.4;
|
|
3770
|
+
ddsFontHeadingXsmallLetterSpacing: "0em";
|
|
3771
|
+
ddsFontHeadingXsmallParagraphSpacing: "0.4em";
|
|
3772
|
+
ddsFontHeadingXsmallParagraphSpacingNumberEm: 0.4;
|
|
3773
|
+
ddsFontHeadingXxsmallLetterSpacing: "0.01em";
|
|
3774
|
+
ddsFontHeadingXxsmallParagraphSpacing: "0.4em";
|
|
3775
|
+
ddsFontHeadingXxsmallParagraphSpacingNumberEm: 0.4;
|
|
3776
|
+
ddsFontBodyLargeLetterSpacing: "0em";
|
|
3777
|
+
ddsFontBodyLargeParagraphSpacing: "1em";
|
|
3778
|
+
ddsFontBodyLargeParagraphSpacingNumberEm: 1;
|
|
3779
|
+
ddsFontBodyMediumLetterSpacing: "0em";
|
|
3780
|
+
ddsFontBodyMediumParagraphSpacing: "1em";
|
|
3781
|
+
ddsFontBodyMediumParagraphSpacingNumberEm: 1;
|
|
3782
|
+
ddsFontBodySmallLetterSpacing: "0em";
|
|
3783
|
+
ddsFontBodySmallParagraphSpacing: "1em";
|
|
3784
|
+
ddsFontBodySmallParagraphSpacingNumberEm: 1;
|
|
3785
|
+
ddsFontBodyXsmallLetterSpacing: "0.01em";
|
|
3786
|
+
ddsFontBodyXsmallParagraphSpacing: "1em";
|
|
3787
|
+
ddsFontBodyXsmallParagraphSpacingNumberEm: 1;
|
|
3788
|
+
ddsFontLeadMediumLetterSpacing: "0em";
|
|
3789
|
+
ddsFontLeadMediumParagraphSpacing: "0.66em";
|
|
3790
|
+
ddsFontLeadMediumParagraphSpacingNumberEm: 0.66;
|
|
3791
|
+
ddsFontCodeMediumLetterSpacing: "0em";
|
|
3792
|
+
ddsFontCodeMediumParagraphSpacing: "1em";
|
|
3793
|
+
ddsFontCodeMediumParagraphSpacingNumberEm: 1;
|
|
3794
|
+
ddsFontLabelMediumLetterSpacing: "0.01em";
|
|
3795
|
+
ddsFontLabelMediumParagraphSpacing: "1em";
|
|
3796
|
+
ddsFontLabelMediumParagraphSpacingNumberEm: 1;
|
|
3797
|
+
};
|
|
3798
|
+
themeName: "core" | "public";
|
|
3799
|
+
};
|
|
3800
|
+
|
|
3248
3801
|
type ToggleBarValue = string | number | null | undefined;
|
|
3249
|
-
type ToggleBarSize = '
|
|
3802
|
+
type ToggleBarSize = Extract<Size, 'xsmall' | 'small' | 'medium' | 'large'>;
|
|
3250
3803
|
type ToggleBarProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, {
|
|
3251
3804
|
/**Størrelse på komponenten.
|
|
3252
3805
|
* @default "medium"
|
|
@@ -3366,4 +3919,4 @@ declare const VisuallyHidden: {
|
|
|
3366
3919
|
displayName: string;
|
|
3367
3920
|
};
|
|
3368
3921
|
|
|
3369
|
-
export { Accordion, AccordionBody, type AccordionBodyProps, AccordionHeader, type AccordionHeaderProps, type AccordionProps, AddressShieldedIcon, AgreementIcon,
|
|
3922
|
+
export { Accordion, AccordionBody, type AccordionBodyProps, AccordionHeader, type AccordionHeaderProps, type AccordionProps, AddressShieldedIcon, AgreementIcon, AnimatedChevronUpDown, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, type As, AttachmentIcon, BackLink, type BackLinkProps, Backdrop, 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, type CardAppearance, CardExpandable, CardExpandableBody, type CardExpandableBodyProps, CardExpandableHeader, type CardExpandableHeaderProps, type CardExpandableProps, type CardProps, type CardType, CaringIcon, CharCounter, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxPickedHTMLAttributes, type CheckboxProps, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLargeLeftIcon, ChevronLargeRightIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, type ChipGroupProps, type ChipProps, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, CollapsibleTable, type CollapsibleTableProps, CollapsibleRow as CollapsibleTableRow, type ColumnsOccupied, CommentIcon, type CommonInputProps, Contrast, type ContrastProps, CopyIcon, CourtIcon, DatePicker, type DatePickerProps, DateRangeIcon, type DdsTheme, DeathsIcon, DescriptionList, type DescriptionListAppearance, DescriptionListDesc, type DescriptionListDescProps, DescriptionListGroup, type DescriptionListGroupProps, type DescriptionListProps, DescriptionListTerm, type DescriptionListTermProps, DetailList, DetailListDesc, type DetailListDescProps, type DetailListProps, DetailListRow, type DetailListRowProps, type DetailListSize, DetailListTerm, type DetailListTermProps, type Direction$1 as Direction, Divider, type DividerColor, type DividerProps, DoubleChevronLeftIcon, DoubleChevronRightIcon, DownloadDoneIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerGroup, type DrawerGroupProps, type DrawerPlacement, type DrawerProps, type DrawerSize, EditIcon, ElementAs, type ElementAsProps, EmptyContent, type EmptyContentProps, ErrorIcon, ExclaimIcon, ExpandIcon, type ExpandableCardProps, type ExtractStrict, FacebookIcon, FamilyIcon, FavStar, type FavStarProps, Feedback, FeedbackIcon, type FeedbackProps, Fieldset, type FieldsetProps, FileAddIcon, FileIcon, type FileList, FileShieldedIcon, FileTextIcon, FileUploader, type FileUploaderAccept, type FileUploaderProps, FilterIcon, FilterListIcon, FilterListOffIcon, FilterOffIcon, FindInPageIcon, FlickrIcon, FolderAddIcon, FolderIcon, FolderShieldedIcon, Footer, FooterLeft, type FooterLeftProps, FooterList, FooterListGroup, type FooterListGroupProps, FooterListHeader, type FooterListHeaderProps, type FooterListProps, FooterLogo, type FooterLogoProps, type FooterProps, FooterSocialsGroup, type FooterSocialsGroupProps, FooterSocialsList, type FooterSocialsListProps, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, type GlobalMessageProps, type GlobalMessagePurpose, Grid, GridChild, type GridChildProps, type GridProps, GuardianIcon, HStack, Heading, type HeadingLevel, type HeadingProps, HelpFilledIcon, HelpIcon, HelpSimpleIcon, HiddenInput, HomeIcon, HourglassBottomIcon, HourglassDisabledIcon, HourglassEmptyIcon, HourglassFullIcon, HourglassTopIcon, type HyphenTypographyType, Icon, type IconPosition, type IconProps, type IconSize, ImageIcon, type InfoCardProps, InfoIcon, InlineButton, type InlineButtonProps, InlineEditInput, type InlineEditInputProps, InlineEditTextArea, type InlineEditTextAreaProps, type InlineElement, Input, InputMessage, type InputMessageProps, type InputMessageType, type InputProps, type InputSize, type InputTypographyTypes, InstagramIcon, InternalHeader, type InternalHeaderProps, JordskifterettIcon, JordskiftesakIcon, KeyIcon, Label, type LabelProps, LagmannsrettIcon, LanguageIcon, type Layout, Legend, type LegendProps, LibraryAddIcon, LineChartIcon, Link, LinkIcon, LinkOffIcon, type LinkProps, LinkedInIcon, List, ListAltIcon, ListIcon, ListItem, type ListItemProps, type ListProps, type ListType, type ListTypographyType, LocalMessage, type LocalMessageLayout, type LocalMessageProps, type LocalMessagePurpose, LocationIcon, LockIcon, LockOpenIcon, LoginIcon, LogoutIcon, MailIcon, MailOpenIcon, MenuIcon, MinusCirledIcon, MinusIcon, Modal, ModalActions, type ModalActionsProps, ModalBody, type ModalBodyProps, type ModalProps, MoreHorizontalIcon, MoreVerticalIcon, NativeSelect, NativeSelectPlaceholder, type NativeSelectPlaceholderProps, type NativeSelectProps, type NavigationCardProps, NotarialIcon, NotificationsIcon, NotificationsOffIcon, type Nullable, OnlineMeetingIcon, OpenExternalIcon, type OtherTypographyType, OverflowMenu, OverflowMenuButton, type OverflowMenuButtonProps, OverflowMenuDivider, OverflowMenuGroup, type OverflowMenuGroupProps, OverflowMenuLink, type OverflowMenuLinkProps, OverflowMenuList, OverflowMenuListHeader, type OverflowMenuListItemBaseProps, type OverflowMenuProps, OverflowMenuSpan, type OverflowMenuSpanProps, Pagination, type PaginationOption, type PaginationProps, Paper, type PaperProps, Paragraph, type ParagraphProps, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PhoneInput, type PhoneInputProps, type PhoneInputValue, PinIcon, type Placement, PlusCircledIcon, PlusIcon, Popover, PopoverGroup, type PopoverGroupProps, type PopoverProps, type PopoverSizeProps, PowerOfAttorneyIcon, PrintIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressTracker, ProgressTrackerItem, type ProgressTrackerItemProps, type ProgressTrackerProps, PropertyIcon, type PropsOf, PublishIcon, QuestionAnswerIcon, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type RadioValue, type Rating, ReceiptIcon, RedoIcon, RefreshIcon, ReplayIcon, ScreenSize, type ScreenSizeLiteral, Search, SearchAutocompleteWrapper, type SearchAutocompleteWrapperProps, type SearchButtonProps, type SearchData, SearchIcon, type SearchProps, type SearchSize, SearchSuggestions, type SearchSuggestionsProps, Select, type SelectOption, type SelectProps, SettingsIcon, type Size, Skeleton, type SkeletonAppearance, type SkeletonProps, 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, type SvgIcon, type SvgProps, SvgWrapper, SyncIcon, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, Table, Body as TableBody, type TableBodyProps, Cell as TableCell, type TableCellLayout, type TableCellProps, type TableCellType, Foot as TableFoot, type TableFootProps, Head as TableHead, type TableHeadProps, type TableProps, Row as TableRow, type TableRowProps, type TableRowType, type TableSize, SortCell as TableSortCell, type TableSortCellProps, TableWrapper, Tabs, type TabsProps, Tag, type TagAppearance, type TagProps, type TagPurpose, type TextAffixProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, TextOverflowEllipsisInner, TextOverflowEllipsisWrapper, ThemeContext, ThemeProvider, type ThemeProviderProps, ThumbDownFilledIcon, ThumbDownIcon, type ThumbIconProps, ThumbUpFilledIcon, ThumbUpIcon, TimeIcon, TimePicker, type TimePickerProps, TingrettIcon, TipIcon, ToggleBar, type ToggleBarProps, type ToggleBarSize, type ToggleBarValue, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, ToggleRadio, type ToggleRadioProps, Tooltip, type TooltipProps, TrashIcon, TrendingDownIcon, TrendingUpIcon, Typography, type TypographyAnchorType, type TypographyBodyType, type TypographyComponentProps, type TypographyHeadingType, type TypographyLabelType, type TypographyLeadType, type TypographyProps, type TypographyType, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, VStack, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, type VisuallyHiddenProps, WarningIcon, WebexIcon, type WeightedSearchData, type WidthProps, type WithRequiredIf, XIcon, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, countryOptions, createSelectOptions, dateValueToNativeDate, defaultTypographyType, defaultTypographyTypeClassName, focusVisible, focusVisibleInset, focusVisibleTransitionValue, getBaseHTMLProps, getDefaultText, getElementType, getLiteralScreenSize, getTypographyCn, handleElementWithBackdropMount, handleElementWithBackdropUnmount, hideInput, index as icons, inheritLinkStyling, inlineElements, inputTypographyTypes, isCaption, isGridColumn, isHeading, isInlineElement, isKeyboardEvent, isLegend, isRelativeGridColumn, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineInset, outlineOffset, removeButtonStyling, removeListStyling, renderCharCounter, renderInputMessage, scrollbarStyling, spacingPropToCn, typographyTypes, useCombinedRef, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, useTheme, visibilityTransition };
|