@entur/form 8.3.2 → 8.3.4-beta.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/dist/index.d.ts CHANGED
@@ -1,636 +1,18 @@
1
- import { CSSProperties } from 'react';
2
- import { default as default_2 } from 'react';
3
- import * as React_2 from 'react';
4
-
5
- export declare const BaseFormControl: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLDivElement> & {
6
- /** Et skjemaelement med `eds-form-control`-klassen */
7
- children: default_2.ReactNode;
8
- /** Ekstra klassenavn */
9
- className?: string;
10
- /** Sett til true om skjema-elementet er disabled */
11
- disabled?: boolean;
12
- /** Sett til true om skjema-elementet er i read-only modus */
13
- readOnly?: boolean;
14
- /** Tekst eller ikon som vises foran skjema-elementet */
15
- prepend?: default_2.ReactNode;
16
- /** Tekst eller ikon som vises etter skjema-elementet */
17
- append?: default_2.ReactNode;
18
- /** Valideringsvariant */
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>>;