@entur/form 8.3.2 → 8.3.3
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/BaseFormControl.d.ts +112 -0
- package/dist/Checkbox.d.ts +57 -0
- package/dist/FeedbackText.d.ts +19 -0
- package/dist/Fieldset.d.ts +11 -0
- package/dist/InputGroupContext.d.ts +10 -0
- package/dist/InputGroupLabel.d.ts +9 -0
- package/dist/Radio.d.ts +29 -0
- package/dist/RadioGroup.d.ts +17 -0
- package/dist/RadioGroupContext.d.ts +10 -0
- package/dist/Switch.d.ts +65 -0
- package/dist/TextArea.d.ts +56 -0
- package/dist/TextField.d.ts +90 -0
- package/dist/VariantProvider.d.ts +12 -0
- package/dist/index.d.ts +18 -636
- package/dist/inputPanel/CheckboxPanel.d.ts +30 -0
- package/dist/inputPanel/InputPanelBase.d.ts +32 -0
- package/dist/inputPanel/RadioPanel.d.ts +28 -0
- package/dist/inputPanel/index.d.ts +2 -0
- package/dist/segmented-control/MultipleSegmentedControl.d.ts +19 -0
- package/dist/segmented-control/SegmentedChoice.d.ts +12 -0
- package/dist/segmented-control/SegmentedContext.d.ts +33 -0
- package/dist/segmented-control/SegmentedControl.d.ts +20 -0
- package/dist/utils.d.ts +2 -0
- package/dist/variants.d.ts +7 -0
- package/package.json +8 -8
package/dist/index.d.ts
CHANGED
|
@@ -1,636 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
variant?: VariantType_2 | typeof error | typeof info;
|
|
20
|
-
/**Størrelsen på skjemaelementet
|
|
21
|
-
* @default "medium"
|
|
22
|
-
*/
|
|
23
|
-
size?: "medium" | "large";
|
|
24
|
-
/** Label til inputfeltet */
|
|
25
|
-
label: default_2.ReactNode;
|
|
26
|
-
/** En tooltip som forklarer labelen til inputfeltet */
|
|
27
|
-
labelTooltip?: default_2.ReactNode;
|
|
28
|
-
/** Forklarende tekst for knappen som åpner labelTooltip */
|
|
29
|
-
labelTooltipButtonAriaLabel?: string;
|
|
30
|
-
labelTooltipPlacement?: Placement;
|
|
31
|
-
/** Illustrerer om inputfeltet er påkrevd eller ikke */
|
|
32
|
-
required?: boolean;
|
|
33
|
-
/** ID som settes på labelen til inputfeltet */
|
|
34
|
-
labelId: string;
|
|
35
|
-
/** Varselmelding, som vil komme under form-komponenten */
|
|
36
|
-
feedback?: string;
|
|
37
|
-
/** Om inputfeltet er fylt med data. Brukes for plassering av label */
|
|
38
|
-
isFilled?: boolean;
|
|
39
|
-
/**Ekstra props som sendes til label */
|
|
40
|
-
labelProps?: {
|
|
41
|
-
[key: string]: any;
|
|
42
|
-
};
|
|
43
|
-
/** Ekstra styling */
|
|
44
|
-
style?: default_2.CSSProperties;
|
|
45
|
-
/** Plasserer labelen statisk på toppen av inputfeltet */
|
|
46
|
-
disableLabelAnimation?: boolean;
|
|
47
|
-
/** Setter feedbackText sin rolle til "alert" */
|
|
48
|
-
onClick?: (event: default_2.MouseEvent<HTMLElement>) => void;
|
|
49
|
-
ariaAlertOnFeedback?: boolean;
|
|
50
|
-
/** Legg til et element etter feltet */
|
|
51
|
-
after?: default_2.ReactNode;
|
|
52
|
-
/** Legg til et element før feltet */
|
|
53
|
-
before?: default_2.ReactNode;
|
|
54
|
-
/** Aria-label som brukes når inputfeltet er i read-only modus */
|
|
55
|
-
ariaLabelOnReadOnly?: string;
|
|
56
|
-
} & default_2.RefAttributes<HTMLDivElement>>;
|
|
57
|
-
|
|
58
|
-
export declare type BaseFormControlProps = default_2.HTMLAttributes<HTMLDivElement> & {
|
|
59
|
-
/** Et skjemaelement med `eds-form-control`-klassen */
|
|
60
|
-
children: default_2.ReactNode;
|
|
61
|
-
/** Ekstra klassenavn */
|
|
62
|
-
className?: string;
|
|
63
|
-
/** Sett til true om skjema-elementet er disabled */
|
|
64
|
-
disabled?: boolean;
|
|
65
|
-
/** Sett til true om skjema-elementet er i read-only modus */
|
|
66
|
-
readOnly?: boolean;
|
|
67
|
-
/** Tekst eller ikon som vises foran skjema-elementet */
|
|
68
|
-
prepend?: default_2.ReactNode;
|
|
69
|
-
/** Tekst eller ikon som vises etter skjema-elementet */
|
|
70
|
-
append?: default_2.ReactNode;
|
|
71
|
-
/** Valideringsvariant */
|
|
72
|
-
variant?: VariantType_2 | typeof error | typeof info;
|
|
73
|
-
/**Størrelsen på skjemaelementet
|
|
74
|
-
* @default "medium"
|
|
75
|
-
*/
|
|
76
|
-
size?: 'medium' | 'large';
|
|
77
|
-
/** Label til inputfeltet */
|
|
78
|
-
label: default_2.ReactNode;
|
|
79
|
-
/** En tooltip som forklarer labelen til inputfeltet */
|
|
80
|
-
labelTooltip?: default_2.ReactNode;
|
|
81
|
-
/** Forklarende tekst for knappen som åpner labelTooltip */
|
|
82
|
-
labelTooltipButtonAriaLabel?: string;
|
|
83
|
-
labelTooltipPlacement?: Placement;
|
|
84
|
-
/** Illustrerer om inputfeltet er påkrevd eller ikke */
|
|
85
|
-
required?: boolean;
|
|
86
|
-
/** ID som settes på labelen til inputfeltet */
|
|
87
|
-
labelId: string;
|
|
88
|
-
/** Varselmelding, som vil komme under form-komponenten */
|
|
89
|
-
feedback?: string;
|
|
90
|
-
/** Om inputfeltet er fylt med data. Brukes for plassering av label */
|
|
91
|
-
isFilled?: boolean;
|
|
92
|
-
/**Ekstra props som sendes til label */
|
|
93
|
-
labelProps?: {
|
|
94
|
-
[key: string]: any;
|
|
95
|
-
};
|
|
96
|
-
/** Ekstra styling */
|
|
97
|
-
style?: default_2.CSSProperties;
|
|
98
|
-
/** Plasserer labelen statisk på toppen av inputfeltet */
|
|
99
|
-
disableLabelAnimation?: boolean;
|
|
100
|
-
/** Setter feedbackText sin rolle til "alert" */
|
|
101
|
-
onClick?: (event: default_2.MouseEvent<HTMLElement>) => void;
|
|
102
|
-
ariaAlertOnFeedback?: boolean;
|
|
103
|
-
/** Legg til et element etter feltet */
|
|
104
|
-
after?: default_2.ReactNode;
|
|
105
|
-
/** Legg til et element før feltet */
|
|
106
|
-
before?: default_2.ReactNode;
|
|
107
|
-
/** Aria-label som brukes når inputfeltet er i read-only modus */
|
|
108
|
-
ariaLabelOnReadOnly?: string;
|
|
109
|
-
};
|
|
110
|
-
|
|
111
|
-
export declare const Checkbox: default_2.ForwardRefExoticComponent<{
|
|
112
|
-
/** Ekstra klassenavn */
|
|
113
|
-
className?: string;
|
|
114
|
-
/** Label for checkboxen, som vises ved høyre side. */
|
|
115
|
-
children?: default_2.ReactNode;
|
|
116
|
-
/** Om Checkbox er avmerket, eller om den er i en indeterminate state */
|
|
117
|
-
checked?: "indeterminate" | boolean;
|
|
118
|
-
/** Callback for Checkbox */
|
|
119
|
-
onChange?: (e: default_2.ChangeEvent<HTMLInputElement>) => void;
|
|
120
|
-
/** Om checkboxen er disabled eller ikke
|
|
121
|
-
* @default false
|
|
122
|
-
*/
|
|
123
|
-
disabled?: boolean;
|
|
124
|
-
/** Sett til true om skjema-elementet er i read-only modus
|
|
125
|
-
* @default false
|
|
126
|
-
*/
|
|
127
|
-
readOnly?: boolean;
|
|
128
|
-
/**Ekstra styling til komponenten */
|
|
129
|
-
style?: CSSProperties;
|
|
130
|
-
/** Reduserer klikkflaten for Checkbox'en
|
|
131
|
-
* @default false
|
|
132
|
-
*/
|
|
133
|
-
reduceClickArea?: boolean;
|
|
134
|
-
/** Om animasjon skal deaktiveres
|
|
135
|
-
* @default false
|
|
136
|
-
*/
|
|
137
|
-
disableAnimation?: boolean;
|
|
138
|
-
} & Omit<default_2.InputHTMLAttributes<HTMLInputElement>, "checked"> & default_2.RefAttributes<HTMLInputElement>>;
|
|
139
|
-
|
|
140
|
-
export declare const CheckboxPanel: default_2.ForwardRefExoticComponent<Omit<CheckboxPanelProps, "ref"> & default_2.RefAttributes<HTMLInputElement>>;
|
|
141
|
-
|
|
142
|
-
export declare type CheckboxPanelProps = {
|
|
143
|
-
/** Verdien til CheckboxPanel */
|
|
144
|
-
value: string;
|
|
145
|
-
/** Om checkbox-panelet skal være valgt eller ikke */
|
|
146
|
-
checked?: boolean;
|
|
147
|
-
/** Hovedtittelen til CheckboxPanel */
|
|
148
|
-
title: default_2.ReactNode;
|
|
149
|
-
/** Ektstra label som står høyrestilt mot Checkboxen */
|
|
150
|
-
secondaryLabel?: default_2.ReactNode;
|
|
151
|
-
/** Ekstra informasjon som legges nederst i CheckboxPanel */
|
|
152
|
-
children?: default_2.ReactNode;
|
|
153
|
-
/** Størrelse på CheckboxPanel
|
|
154
|
-
* @default "medium"
|
|
155
|
-
*/
|
|
156
|
-
size?: 'medium' | 'large';
|
|
157
|
-
/**Skjuler checkbox-en i CheckboxPanel
|
|
158
|
-
* @default false
|
|
159
|
-
*/
|
|
160
|
-
hideCheckbox?: boolean;
|
|
161
|
-
/** Ekstra klassenavn */
|
|
162
|
-
className?: string;
|
|
163
|
-
/** Om CheckboxPanel er deaktivert eller ikke
|
|
164
|
-
* @default false
|
|
165
|
-
*/
|
|
166
|
-
disabled?: boolean;
|
|
167
|
-
/** */
|
|
168
|
-
style?: default_2.CSSProperties;
|
|
169
|
-
} & Omit<default_2.DetailedHTMLProps<default_2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'title' | 'size'>;
|
|
170
|
-
|
|
171
|
-
export declare type CheckboxProps = {
|
|
172
|
-
/** Ekstra klassenavn */
|
|
173
|
-
className?: string;
|
|
174
|
-
/** Label for checkboxen, som vises ved høyre side. */
|
|
175
|
-
children?: default_2.ReactNode;
|
|
176
|
-
/** Om Checkbox er avmerket, eller om den er i en indeterminate state */
|
|
177
|
-
checked?: 'indeterminate' | boolean;
|
|
178
|
-
/** Callback for Checkbox */
|
|
179
|
-
onChange?: (e: default_2.ChangeEvent<HTMLInputElement>) => void;
|
|
180
|
-
/** Om checkboxen er disabled eller ikke
|
|
181
|
-
* @default false
|
|
182
|
-
*/
|
|
183
|
-
disabled?: boolean;
|
|
184
|
-
/** Sett til true om skjema-elementet er i read-only modus
|
|
185
|
-
* @default false
|
|
186
|
-
*/
|
|
187
|
-
readOnly?: boolean;
|
|
188
|
-
/**Ekstra styling til komponenten */
|
|
189
|
-
style?: CSSProperties;
|
|
190
|
-
/** Reduserer klikkflaten for Checkbox'en
|
|
191
|
-
* @default false
|
|
192
|
-
*/
|
|
193
|
-
reduceClickArea?: boolean;
|
|
194
|
-
/** Om animasjon skal deaktiveres
|
|
195
|
-
* @default false
|
|
196
|
-
*/
|
|
197
|
-
disableAnimation?: boolean;
|
|
198
|
-
} & Omit<default_2.InputHTMLAttributes<HTMLInputElement>, 'checked'>;
|
|
199
|
-
|
|
200
|
-
/** @deprecated use variant="negative" instead */
|
|
201
|
-
declare const error = "error";
|
|
202
|
-
|
|
203
|
-
/** @deprecated use variant="negative" instead */
|
|
204
|
-
declare const error_2 = "error";
|
|
205
|
-
|
|
206
|
-
/** @deprecated use variant="negative" instead */
|
|
207
|
-
declare const error_3 = "error";
|
|
208
|
-
|
|
209
|
-
/** @deprecated use variant="negative" instead */
|
|
210
|
-
declare const error_4 = "error";
|
|
211
|
-
|
|
212
|
-
/** @deprecated use variant="negative" instead */
|
|
213
|
-
declare const error_5 = "error";
|
|
214
|
-
|
|
215
|
-
/** @deprecated use variant="negative" instead */
|
|
216
|
-
declare const error_6 = "error";
|
|
217
|
-
|
|
218
|
-
export declare const FeedbackText: default_2.FC<FeedbackTextProps>;
|
|
219
|
-
|
|
220
|
-
export declare type FeedbackTextProps = {
|
|
221
|
-
/** Teksten som vises */
|
|
222
|
-
children: default_2.ReactNode;
|
|
223
|
-
/** Skjuler ikonet */
|
|
224
|
-
hideIcon?: boolean;
|
|
225
|
-
/** Feedbackvarianten*/
|
|
226
|
-
variant: VariantType_2 | typeof error_2 | typeof info_2;
|
|
227
|
-
/** Ekstra klassenavn */
|
|
228
|
-
className?: string;
|
|
229
|
-
[key: string]: any;
|
|
230
|
-
};
|
|
231
|
-
|
|
232
|
-
export declare const Fieldset: default_2.FC<FieldsetProps>;
|
|
233
|
-
|
|
234
|
-
export declare type FieldsetProps = {
|
|
235
|
-
/** Innholdet i felt-gruppen. */
|
|
236
|
-
children: default_2.ReactNode;
|
|
237
|
-
/** Ekstra klassenavn */
|
|
238
|
-
className?: string;
|
|
239
|
-
/** Labelen til felt-gruppen. */
|
|
240
|
-
label?: default_2.ReactNode;
|
|
241
|
-
[key: string]: any;
|
|
242
|
-
};
|
|
243
|
-
|
|
244
|
-
export declare function hasValue(value: any): boolean;
|
|
245
|
-
|
|
246
|
-
/** @deprecated use variant="information" instead */
|
|
247
|
-
declare const info = "info";
|
|
248
|
-
|
|
249
|
-
/** @deprecated use variant="information" instead */
|
|
250
|
-
declare const info_2 = "info";
|
|
251
|
-
|
|
252
|
-
/** @deprecated use variant="information" instead */
|
|
253
|
-
declare const info_3 = "info";
|
|
254
|
-
|
|
255
|
-
/** @deprecated use variant="information" instead */
|
|
256
|
-
declare const info_4 = "info";
|
|
257
|
-
|
|
258
|
-
/** @deprecated use variant="information" instead */
|
|
259
|
-
declare const info_5 = "info";
|
|
260
|
-
|
|
261
|
-
/** @deprecated use variant="information" instead */
|
|
262
|
-
declare const info_6 = "info";
|
|
263
|
-
|
|
264
|
-
export declare const InputGroupContextProvider: React_2.FC<{
|
|
265
|
-
children: React_2.ReactNode;
|
|
266
|
-
}>;
|
|
267
|
-
|
|
268
|
-
declare type InputGroupContextType = {
|
|
269
|
-
isFilled: boolean;
|
|
270
|
-
setFilled: (e: boolean) => void;
|
|
271
|
-
};
|
|
272
|
-
|
|
273
|
-
export declare const InputGroupLabel: default_2.FC<InputGroupLabelProps>;
|
|
274
|
-
|
|
275
|
-
export declare type InputGroupLabelProps = {
|
|
276
|
-
label?: default_2.ReactNode;
|
|
277
|
-
required?: boolean;
|
|
278
|
-
labelTooltip?: string;
|
|
279
|
-
labelId: string;
|
|
280
|
-
staticAnimation?: boolean;
|
|
281
|
-
} & default_2.DetailedHTMLProps<default_2.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
|
|
282
|
-
|
|
283
|
-
export declare function isFilled(obj: any, SSR?: boolean): boolean;
|
|
284
|
-
|
|
285
|
-
/**This component is not used by anyone, and is therefore deprecated
|
|
286
|
-
* @deprecated
|
|
287
|
-
*/
|
|
288
|
-
export declare const MultipleSegmentedControl: default_2.FC<MultipleSegmentedControlProps>;
|
|
289
|
-
|
|
290
|
-
export declare type MultipleSegmentedControlProps = {
|
|
291
|
-
/** Navn på input-elementene */
|
|
292
|
-
name?: string;
|
|
293
|
-
/** Beskrivende tekst */
|
|
294
|
-
label?: string;
|
|
295
|
-
/** En eller flere SegmentedChoice-komponenter */
|
|
296
|
-
children: default_2.ReactNode;
|
|
297
|
-
/** Den eller de valgte verdiene */
|
|
298
|
-
selectedValue: SelectedValues;
|
|
299
|
-
/** Callback for når det gjøres et valg */
|
|
300
|
-
onChange: (value: SelectedValues) => void;
|
|
301
|
-
[key: string]: any;
|
|
302
|
-
};
|
|
303
|
-
|
|
304
|
-
declare type Placement = 'top' | 'top-left' | 'top-start' | 'top-right' | 'top-end' | 'left' | 'right' | 'bottom-left' | 'bottom-start' | 'bottom' | 'bottom-right' | 'bottom-end';
|
|
305
|
-
|
|
306
|
-
export declare const Radio: default_2.ForwardRefExoticComponent<{
|
|
307
|
-
/** Ekstra klassenavn */
|
|
308
|
-
className?: string;
|
|
309
|
-
/** Label til radio-button. Vises ved høyre side. */
|
|
310
|
-
children?: default_2.ReactNode;
|
|
311
|
-
/** Verdien til radioknappen */
|
|
312
|
-
value: string;
|
|
313
|
-
/** Om radiobutton er disabled eller ikke
|
|
314
|
-
* @default false
|
|
315
|
-
*/
|
|
316
|
-
disabled?: boolean;
|
|
317
|
-
/** Beskrivelse som leses opp av skjermlesere når radiobutton er readonly */
|
|
318
|
-
readOnlyLabelDescription?: string;
|
|
319
|
-
} & default_2.InputHTMLAttributes<HTMLInputElement> & default_2.RefAttributes<HTMLInputElement>>;
|
|
320
|
-
|
|
321
|
-
export declare const RadioGroup: default_2.FC<RadioGroupProps>;
|
|
322
|
-
|
|
323
|
-
export declare type RadioGroupProps = {
|
|
324
|
-
/** Navnet til radiogruppen. */
|
|
325
|
-
name: string;
|
|
326
|
-
/** Overskrift over radiogruppen */
|
|
327
|
-
label?: string;
|
|
328
|
-
/** Verdien til den valgte radioknappen */
|
|
329
|
-
value: string | null;
|
|
330
|
-
/** Radioknappene sendes inn som children */
|
|
331
|
-
children: default_2.ReactNode;
|
|
332
|
-
/** En callback som blir kalles hver gang en radioknapp klikkes på */
|
|
333
|
-
onChange: (e: default_2.ChangeEvent<HTMLInputElement>) => void;
|
|
334
|
-
[key: string]: any;
|
|
335
|
-
/** Sett radiogruppen i readonly-modus */
|
|
336
|
-
readOnly?: boolean;
|
|
337
|
-
};
|
|
338
|
-
|
|
339
|
-
export declare const RadioPanel: default_2.ForwardRefExoticComponent<Omit<RadioPanelProps, "ref"> & default_2.RefAttributes<HTMLInputElement>>;
|
|
340
|
-
|
|
341
|
-
export declare type RadioPanelProps = {
|
|
342
|
-
/** Verdien til radio-panelet */
|
|
343
|
-
value: string;
|
|
344
|
-
/** Hovedtittelen til radio-panelet */
|
|
345
|
-
title: default_2.ReactNode;
|
|
346
|
-
/** Ektstra label som står høyrestilt, til venstre for radio-button-en */
|
|
347
|
-
secondaryLabel?: default_2.ReactNode;
|
|
348
|
-
/** Ekstra informasjon som legges nederst i radio-panelet */
|
|
349
|
-
children?: default_2.ReactNode;
|
|
350
|
-
/** Størrelse på radio-panelet
|
|
351
|
-
* @default "medium"
|
|
352
|
-
*/
|
|
353
|
-
size?: 'medium' | 'large';
|
|
354
|
-
/**Skjuler radio-button-en i radio-panelet
|
|
355
|
-
* @default false
|
|
356
|
-
*/
|
|
357
|
-
hideRadioButton?: boolean;
|
|
358
|
-
/** Ekstra klassenavn */
|
|
359
|
-
className?: string;
|
|
360
|
-
/** Om radio-panelet er deaktivert eller ikke
|
|
361
|
-
* @default false
|
|
362
|
-
*/
|
|
363
|
-
disabled?: boolean;
|
|
364
|
-
/** */
|
|
365
|
-
style?: default_2.CSSProperties;
|
|
366
|
-
} & Omit<default_2.DetailedHTMLProps<default_2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'title' | 'size'>;
|
|
367
|
-
|
|
368
|
-
export declare type RadioProps = {
|
|
369
|
-
/** Ekstra klassenavn */
|
|
370
|
-
className?: string;
|
|
371
|
-
/** Label til radio-button. Vises ved høyre side. */
|
|
372
|
-
children?: default_2.ReactNode;
|
|
373
|
-
/** Verdien til radioknappen */
|
|
374
|
-
value: string;
|
|
375
|
-
/** Om radiobutton er disabled eller ikke
|
|
376
|
-
* @default false
|
|
377
|
-
*/
|
|
378
|
-
disabled?: boolean;
|
|
379
|
-
/** Beskrivelse som leses opp av skjermlesere når radiobutton er readonly */
|
|
380
|
-
readOnlyLabelDescription?: string;
|
|
381
|
-
} & default_2.InputHTMLAttributes<HTMLInputElement>;
|
|
382
|
-
|
|
383
|
-
export declare const SegmentedChoice: default_2.ForwardRefExoticComponent<Omit<SegmentedChoiceProps, "ref"> & default_2.RefAttributes<HTMLInputElement>>;
|
|
384
|
-
|
|
385
|
-
export declare type SegmentedChoiceProps = {
|
|
386
|
-
/** Verdien til valget */
|
|
387
|
-
value: string;
|
|
388
|
-
/** Innhold som beskriver valget */
|
|
389
|
-
children: default_2.ReactNode;
|
|
390
|
-
/** Ekstra klassenavn */
|
|
391
|
-
className?: string;
|
|
392
|
-
/** Callback som kalles når komponenten endres */
|
|
393
|
-
onChange?: (e: default_2.ChangeEvent<HTMLInputElement>) => void;
|
|
394
|
-
} & default_2.DetailedHTMLProps<default_2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
|
|
395
|
-
|
|
396
|
-
export declare const SegmentedControl: default_2.FC<SegmentedControlProps>;
|
|
397
|
-
|
|
398
|
-
export declare type SegmentedControlProps = {
|
|
399
|
-
/** Navn på input-elementene */
|
|
400
|
-
name?: string;
|
|
401
|
-
/** Beskrivende tekst */
|
|
402
|
-
label?: string;
|
|
403
|
-
/** En eller flere SegmentedChoice-komponenter */
|
|
404
|
-
children: default_2.ReactNode;
|
|
405
|
-
/** Den valgte verdien */
|
|
406
|
-
selectedValue: SelectedValue;
|
|
407
|
-
/** Callback for når det gjøres et valg */
|
|
408
|
-
onChange: (value: SelectedValue) => void;
|
|
409
|
-
/** Størrelsen på SegmentedChoice-komponentene */
|
|
410
|
-
size?: 'medium' | 'large';
|
|
411
|
-
/** Ekstra klassenavn */
|
|
412
|
-
className?: string;
|
|
413
|
-
[key: string]: any;
|
|
414
|
-
};
|
|
415
|
-
|
|
416
|
-
declare type SelectedValue = string | null;
|
|
417
|
-
|
|
418
|
-
declare type SelectedValues = {
|
|
419
|
-
[key: string]: boolean;
|
|
420
|
-
};
|
|
421
|
-
|
|
422
|
-
export declare const Switch: default_2.ForwardRefExoticComponent<{
|
|
423
|
-
/** Ekstra klassenavn */
|
|
424
|
-
className?: string;
|
|
425
|
-
/** Label for Switch-en. */
|
|
426
|
-
children?: default_2.ReactNode;
|
|
427
|
-
/** Posisjonen til label for Switch-en.
|
|
428
|
-
* @default "right"
|
|
429
|
-
*/
|
|
430
|
-
labelPlacement?: "right" | "bottom";
|
|
431
|
-
/** Om switch-en er checked eller ikke */
|
|
432
|
-
checked?: boolean;
|
|
433
|
-
/** Ikonet som skal stå inne i sirkelen på Switch-en */
|
|
434
|
-
icon?: default_2.ReactNode;
|
|
435
|
-
/** Skjul ikonet inne i sikrelen på Switch-en
|
|
436
|
-
* @default false
|
|
437
|
-
*/
|
|
438
|
-
hideIcon?: boolean;
|
|
439
|
-
/** Farge som settes på ikon og bakgrunn når Switch-en er "checked"
|
|
440
|
-
* @default colors.validation.mint
|
|
441
|
-
*/
|
|
442
|
-
color?: string;
|
|
443
|
-
/** Farge på bakgrunn når Switch-en er "checked" og står i en kontrast-seksjon
|
|
444
|
-
* @default colors.validation.mintContrast
|
|
445
|
-
*/
|
|
446
|
-
contrastColor?: string;
|
|
447
|
-
/** Størrelsen på Switch-en
|
|
448
|
-
* @default "medium"
|
|
449
|
-
*/
|
|
450
|
-
size?: "medium" | "large";
|
|
451
|
-
/** Callback for når verdien endres */
|
|
452
|
-
onChange?: (e: default_2.ChangeEvent<HTMLInputElement>) => void;
|
|
453
|
-
} & Omit<default_2.InputHTMLAttributes<HTMLInputElement>, "size"> & default_2.RefAttributes<HTMLInputElement>>;
|
|
454
|
-
|
|
455
|
-
export declare type SwitchProps = {
|
|
456
|
-
/** Ekstra klassenavn */
|
|
457
|
-
className?: string;
|
|
458
|
-
/** Label for Switch-en. */
|
|
459
|
-
children?: default_2.ReactNode;
|
|
460
|
-
/** Posisjonen til label for Switch-en.
|
|
461
|
-
* @default "right"
|
|
462
|
-
*/
|
|
463
|
-
labelPlacement?: 'right' | 'bottom';
|
|
464
|
-
/** Om switch-en er checked eller ikke */
|
|
465
|
-
checked?: boolean;
|
|
466
|
-
/** Ikonet som skal stå inne i sirkelen på Switch-en */
|
|
467
|
-
icon?: default_2.ReactNode;
|
|
468
|
-
/** Skjul ikonet inne i sikrelen på Switch-en
|
|
469
|
-
* @default false
|
|
470
|
-
*/
|
|
471
|
-
hideIcon?: boolean;
|
|
472
|
-
/** Farge som settes på ikon og bakgrunn når Switch-en er "checked"
|
|
473
|
-
* @default colors.validation.mint
|
|
474
|
-
*/
|
|
475
|
-
color?: string;
|
|
476
|
-
/** Farge på bakgrunn når Switch-en er "checked" og står i en kontrast-seksjon
|
|
477
|
-
* @default colors.validation.mintContrast
|
|
478
|
-
*/
|
|
479
|
-
contrastColor?: string;
|
|
480
|
-
/** Størrelsen på Switch-en
|
|
481
|
-
* @default "medium"
|
|
482
|
-
*/
|
|
483
|
-
size?: 'medium' | 'large';
|
|
484
|
-
/** Callback for når verdien endres */
|
|
485
|
-
onChange?: (e: default_2.ChangeEvent<HTMLInputElement>) => void;
|
|
486
|
-
} & Omit<default_2.InputHTMLAttributes<HTMLInputElement>, 'size'>;
|
|
487
|
-
|
|
488
|
-
export declare const TextArea: default_2.ForwardRefExoticComponent<{
|
|
489
|
-
/** Ekstra klassenavn */
|
|
490
|
-
className?: string;
|
|
491
|
-
/** Valideringsvariant */
|
|
492
|
-
variant?: VariantType_2 | typeof error_3 | typeof info_3;
|
|
493
|
-
/** Deaktiverer tekstområdet */
|
|
494
|
-
disabled?: boolean;
|
|
495
|
-
/** Setter tekstområdet i read-only modus */
|
|
496
|
-
readOnly?: boolean;
|
|
497
|
-
/** Label over TextArea */
|
|
498
|
-
label: string;
|
|
499
|
-
/** En tooltip som forklarer labelen til inputfeltet */
|
|
500
|
-
labelTooltip?: default_2.ReactNode;
|
|
501
|
-
/** Forklarende tekst for knappen som åpner labelTooltip */
|
|
502
|
-
labelTooltipButtonAriaLabel?: string;
|
|
503
|
-
/** Plasseringen til tooltip-en relativt til spørsmålstegn-knappen */
|
|
504
|
-
labelTooltipPlacement?: Placement;
|
|
505
|
-
/** Varselmelding, som vil komme under TextArea */
|
|
506
|
-
feedback?: string;
|
|
507
|
-
/** Plasserer labelen statisk på toppen av inputfeltet
|
|
508
|
-
* @default false
|
|
509
|
-
*/
|
|
510
|
-
disableLabelAnimation?: boolean;
|
|
511
|
-
} & default_2.TextareaHTMLAttributes<HTMLTextAreaElement> & default_2.RefAttributes<HTMLTextAreaElement>>;
|
|
512
|
-
|
|
513
|
-
export declare type TextAreaProps = {
|
|
514
|
-
/** Ekstra klassenavn */
|
|
515
|
-
className?: string;
|
|
516
|
-
/** Valideringsvariant */
|
|
517
|
-
variant?: VariantType_2 | typeof error_3 | typeof info_3;
|
|
518
|
-
/** Deaktiverer tekstområdet */
|
|
519
|
-
disabled?: boolean;
|
|
520
|
-
/** Setter tekstområdet i read-only modus */
|
|
521
|
-
readOnly?: boolean;
|
|
522
|
-
/** Label over TextArea */
|
|
523
|
-
label: string;
|
|
524
|
-
/** En tooltip som forklarer labelen til inputfeltet */
|
|
525
|
-
labelTooltip?: default_2.ReactNode;
|
|
526
|
-
/** Forklarende tekst for knappen som åpner labelTooltip */
|
|
527
|
-
labelTooltipButtonAriaLabel?: string;
|
|
528
|
-
/** Plasseringen til tooltip-en relativt til spørsmålstegn-knappen */
|
|
529
|
-
labelTooltipPlacement?: Placement;
|
|
530
|
-
/** Varselmelding, som vil komme under TextArea */
|
|
531
|
-
feedback?: string;
|
|
532
|
-
/** Plasserer labelen statisk på toppen av inputfeltet
|
|
533
|
-
* @default false
|
|
534
|
-
*/
|
|
535
|
-
disableLabelAnimation?: boolean;
|
|
536
|
-
} & default_2.TextareaHTMLAttributes<HTMLTextAreaElement>;
|
|
537
|
-
|
|
538
|
-
export declare const TextField: default_2.ForwardRefExoticComponent<{
|
|
539
|
-
/** Tekst eller ikon som kommer før inputfeltet */
|
|
540
|
-
prepend?: default_2.ReactNode;
|
|
541
|
-
/** Tekst eller ikon som kommer etter inputfeltet */
|
|
542
|
-
append?: default_2.ReactNode;
|
|
543
|
-
/** Ekstra klassenavn */
|
|
544
|
-
className?: string;
|
|
545
|
-
/** Label over TextField */
|
|
546
|
-
label: default_2.ReactNode;
|
|
547
|
-
/** En tooltip som forklarer labelen til inputfeltet */
|
|
548
|
-
labelTooltip?: default_2.ReactNode;
|
|
549
|
-
/** Forklarende tekst for knappen som åpner labelTooltip */
|
|
550
|
-
labelTooltipButtonAriaLabel?: string;
|
|
551
|
-
/** Plasseringen til tooltip-en relativt til spørsmålstegn-knappen */
|
|
552
|
-
labelTooltipPlacement?: Placement;
|
|
553
|
-
/** Varselmelding, som vil komme under TextField */
|
|
554
|
-
feedback?: string;
|
|
555
|
-
/** Hvilken valideringsfarge som vises*/
|
|
556
|
-
variant?: VariantType_2 | typeof error_4 | typeof info_4;
|
|
557
|
-
/** Deaktiver inputfeltet */
|
|
558
|
-
disabled?: boolean;
|
|
559
|
-
/** Setter inputfeltet i read-only modus */
|
|
560
|
-
readOnly?: boolean;
|
|
561
|
-
/** Størrelsen på TextField
|
|
562
|
-
* @default "medium"
|
|
563
|
-
*/
|
|
564
|
-
size?: "medium" | "large";
|
|
565
|
-
/** Plasserer labelen statisk på toppen av inputfeltet
|
|
566
|
-
* @default false
|
|
567
|
-
*/
|
|
568
|
-
disableLabelAnimation?: boolean;
|
|
569
|
-
/** Ekstra props som sendes til label-elementet */
|
|
570
|
-
labelProps?: default_2.DetailedHTMLProps<default_2.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
|
|
571
|
-
/** Om man skal ha muliget for å nullstille TextField. Viser lukkekryss hvis feltet er fylt.
|
|
572
|
-
* @default false
|
|
573
|
-
*/
|
|
574
|
-
clearable?: boolean;
|
|
575
|
-
/** Callback for clearable */
|
|
576
|
-
onClear?: () => void;
|
|
577
|
-
ariaAlertOnFeedback?: boolean;
|
|
578
|
-
} & Omit<default_2.InputHTMLAttributes<HTMLInputElement>, "label" | "size"> & default_2.RefAttributes<HTMLInputElement>>;
|
|
579
|
-
|
|
580
|
-
export declare type TextFieldProps = {
|
|
581
|
-
/** Tekst eller ikon som kommer før inputfeltet */
|
|
582
|
-
prepend?: default_2.ReactNode;
|
|
583
|
-
/** Tekst eller ikon som kommer etter inputfeltet */
|
|
584
|
-
append?: default_2.ReactNode;
|
|
585
|
-
/** Ekstra klassenavn */
|
|
586
|
-
className?: string;
|
|
587
|
-
/** Label over TextField */
|
|
588
|
-
label: default_2.ReactNode;
|
|
589
|
-
/** En tooltip som forklarer labelen til inputfeltet */
|
|
590
|
-
labelTooltip?: default_2.ReactNode;
|
|
591
|
-
/** Forklarende tekst for knappen som åpner labelTooltip */
|
|
592
|
-
labelTooltipButtonAriaLabel?: string;
|
|
593
|
-
/** Plasseringen til tooltip-en relativt til spørsmålstegn-knappen */
|
|
594
|
-
labelTooltipPlacement?: Placement;
|
|
595
|
-
/** Varselmelding, som vil komme under TextField */
|
|
596
|
-
feedback?: string;
|
|
597
|
-
/** Hvilken valideringsfarge som vises*/
|
|
598
|
-
variant?: VariantType_2 | typeof error_4 | typeof info_4;
|
|
599
|
-
/** Deaktiver inputfeltet */
|
|
600
|
-
disabled?: boolean;
|
|
601
|
-
/** Setter inputfeltet i read-only modus */
|
|
602
|
-
readOnly?: boolean;
|
|
603
|
-
/** Størrelsen på TextField
|
|
604
|
-
* @default "medium"
|
|
605
|
-
*/
|
|
606
|
-
size?: 'medium' | 'large';
|
|
607
|
-
/** Plasserer labelen statisk på toppen av inputfeltet
|
|
608
|
-
* @default false
|
|
609
|
-
*/
|
|
610
|
-
disableLabelAnimation?: boolean;
|
|
611
|
-
/** Ekstra props som sendes til label-elementet */
|
|
612
|
-
labelProps?: default_2.DetailedHTMLProps<default_2.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
|
|
613
|
-
/** Om man skal ha muliget for å nullstille TextField. Viser lukkekryss hvis feltet er fylt.
|
|
614
|
-
* @default false
|
|
615
|
-
*/
|
|
616
|
-
clearable?: boolean;
|
|
617
|
-
/** Callback for clearable */
|
|
618
|
-
onClear?: () => void;
|
|
619
|
-
ariaAlertOnFeedback?: boolean;
|
|
620
|
-
} & Omit<default_2.InputHTMLAttributes<HTMLInputElement>, 'size' | 'label'>;
|
|
621
|
-
|
|
622
|
-
export declare const useInputGroupContext: () => InputGroupContextType;
|
|
623
|
-
|
|
624
|
-
export declare const useVariant: () => VariantType_2 | typeof error_5 | typeof info_5 | null;
|
|
625
|
-
|
|
626
|
-
export declare const VariantProvider: default_2.FC<VariantProviderProps>;
|
|
627
|
-
|
|
628
|
-
export declare type VariantProviderProps = {
|
|
629
|
-
variant?: VariantType_2 | typeof error_5 | typeof info_5;
|
|
630
|
-
};
|
|
631
|
-
|
|
632
|
-
export declare type VariantType = 'success' | 'negative' | 'warning' | 'information' | typeof error_6 | typeof info_6;
|
|
633
|
-
|
|
634
|
-
declare type VariantType_2 = 'success' | 'negative' | 'warning' | 'information';
|
|
635
|
-
|
|
636
|
-
export { }
|
|
1
|
+
export * from './BaseFormControl';
|
|
2
|
+
export * from './Checkbox';
|
|
3
|
+
export * from './FeedbackText';
|
|
4
|
+
export * from './Fieldset';
|
|
5
|
+
export * from './InputGroupLabel';
|
|
6
|
+
export * from './InputGroupContext';
|
|
7
|
+
export * from './inputPanel';
|
|
8
|
+
export * from './Radio';
|
|
9
|
+
export * from './RadioGroup';
|
|
10
|
+
export * from './Switch';
|
|
11
|
+
export * from './TextArea';
|
|
12
|
+
export * from './TextField';
|
|
13
|
+
export * from './VariantProvider';
|
|
14
|
+
export * from './variants';
|
|
15
|
+
export * from './utils';
|
|
16
|
+
export * from './segmented-control/SegmentedChoice';
|
|
17
|
+
export * from './segmented-control/SegmentedControl';
|
|
18
|
+
export * from './segmented-control/MultipleSegmentedControl';
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type CheckboxPanelProps = {
|
|
3
|
+
/** Verdien til CheckboxPanel */
|
|
4
|
+
value: string;
|
|
5
|
+
/** Om checkbox-panelet skal være valgt eller ikke */
|
|
6
|
+
checked?: boolean;
|
|
7
|
+
/** Hovedtittelen til CheckboxPanel */
|
|
8
|
+
title: React.ReactNode;
|
|
9
|
+
/** Ektstra label som står høyrestilt mot Checkboxen */
|
|
10
|
+
secondaryLabel?: React.ReactNode;
|
|
11
|
+
/** Ekstra informasjon som legges nederst i CheckboxPanel */
|
|
12
|
+
children?: React.ReactNode;
|
|
13
|
+
/** Størrelse på CheckboxPanel
|
|
14
|
+
* @default "medium"
|
|
15
|
+
*/
|
|
16
|
+
size?: 'medium' | 'large';
|
|
17
|
+
/**Skjuler checkbox-en i CheckboxPanel
|
|
18
|
+
* @default false
|
|
19
|
+
*/
|
|
20
|
+
hideCheckbox?: boolean;
|
|
21
|
+
/** Ekstra klassenavn */
|
|
22
|
+
className?: string;
|
|
23
|
+
/** Om CheckboxPanel er deaktivert eller ikke
|
|
24
|
+
* @default false
|
|
25
|
+
*/
|
|
26
|
+
disabled?: boolean;
|
|
27
|
+
/** */
|
|
28
|
+
style?: React.CSSProperties;
|
|
29
|
+
} & Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'title' | 'size'>;
|
|
30
|
+
export declare const CheckboxPanel: React.ForwardRefExoticComponent<Omit<CheckboxPanelProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|