@entur/form 7.0.15 → 7.0.17

package/dist/BaseFormControl.d.ts

@@ -1,48 +1,48 @@
-import React from 'react';
-import './BaseFormControl.scss';
-import { VariantType } from './VariantProvider';
-export type BaseFormControlProps = {
-    /** Et skjemaelement med `eds-form-control`-klassen */
-    children: React.ReactNode;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Sett til true om skjema-elementet skal ha mørkt design i contrast mode */
-    dark?: boolean;
-    /** Sett til true om skjema-elementet er disabled */
-    disabled?: boolean;
-    /** Sett til true om skjema-elementet er i read-only modus */
-    readOnly?: boolean;
-    /** Tekst eller ikon som vises foran skjema-elementet */
-    prepend?: React.ReactNode;
-    /** Tekst eller ikon som vises etter skjema-elementet */
-    append?: React.ReactNode;
-    /** Valideringsvariant */
-    variant?: VariantType;
-    /**Størrelsen på skjemaelementet
-     * @default "medium"
-     */
-    size?: 'medium' | 'large';
-    /** Label til inputfeltet */
-    label: React.ReactNode;
-    /** En tooltip som forklarer labelen til inputfeltet */
-    labelTooltip?: React.ReactNode;
-    /** Illustrerer om inputfeltet er påkrevd eller ikke */
-    required?: boolean;
-    /** ID som settes på labelen til inputfeltet */
-    labelId: string;
-    /** Varselmelding, som vil komme under form-komponenten */
-    feedback?: string;
-    /** Om inputfeltet er fylt med data. Brukes for plassering av label */
-    isFilled?: boolean;
-    /**Ekstra props som sendes til label */
-    labelProps?: {
-        [key: string]: any;
-    };
-    /** Ekstra styling */
-    style?: React.CSSProperties;
-    /** Plasserer labelen statisk på toppen av inputfeltet */
-    disableLabelAnimation?: boolean;
-    /** Setter feedbackText sin rolle til "alert" */
-    ariaAlertOnFeedback?: boolean;
-};
-export declare const BaseFormControl: React.ForwardRefExoticComponent<BaseFormControlProps & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+import './BaseFormControl.scss';
+import { VariantType } from './VariantProvider';
+export type BaseFormControlProps = {
+    /** Et skjemaelement med `eds-form-control`-klassen */
+    children: React.ReactNode;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Sett til true om skjema-elementet skal ha mørkt design i contrast mode */
+    dark?: boolean;
+    /** Sett til true om skjema-elementet er disabled */
+    disabled?: boolean;
+    /** Sett til true om skjema-elementet er i read-only modus */
+    readOnly?: boolean;
+    /** Tekst eller ikon som vises foran skjema-elementet */
+    prepend?: React.ReactNode;
+    /** Tekst eller ikon som vises etter skjema-elementet */
+    append?: React.ReactNode;
+    /** Valideringsvariant */
+    variant?: VariantType;
+    /**Størrelsen på skjemaelementet
+     * @default "medium"
+     */
+    size?: 'medium' | 'large';
+    /** Label til inputfeltet */
+    label: React.ReactNode;
+    /** En tooltip som forklarer labelen til inputfeltet */
+    labelTooltip?: React.ReactNode;
+    /** Illustrerer om inputfeltet er påkrevd eller ikke */
+    required?: boolean;
+    /** ID som settes på labelen til inputfeltet */
+    labelId: string;
+    /** Varselmelding, som vil komme under form-komponenten */
+    feedback?: string;
+    /** Om inputfeltet er fylt med data. Brukes for plassering av label */
+    isFilled?: boolean;
+    /**Ekstra props som sendes til label */
+    labelProps?: {
+        [key: string]: any;
+    };
+    /** Ekstra styling */
+    style?: React.CSSProperties;
+    /** Plasserer labelen statisk på toppen av inputfeltet */
+    disableLabelAnimation?: boolean;
+    /** Setter feedbackText sin rolle til "alert" */
+    ariaAlertOnFeedback?: boolean;
+};
+export declare const BaseFormControl: React.ForwardRefExoticComponent<BaseFormControlProps & React.RefAttributes<HTMLDivElement>>;

package/dist/Checkbox.d.ts

@@ -1,42 +1,42 @@
-import React, { CSSProperties } from 'react';
-import './Checkbox.scss';
-export type CheckboxProps = {
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Label for checkboxen, som vises ved høyre side. */
-    children?: React.ReactNode;
-    /** Om Checkbox er avmerket, eller om den  */
-    checked?: 'indeterminate' | boolean;
-    /** Callback for Checkbox */
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    /** Om checkboxen er disabled eller ikke
-     * @default false
-     */
-    disabled?: boolean;
-    /**Ekstra styling til komponenten */
-    style?: CSSProperties;
-    /** Reduserer klikkflaten for Checkbox'en
-     * @default false
-     */
-    reduceClickArea?: boolean;
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'checked'>;
-export declare const Checkbox: React.ForwardRefExoticComponent<{
-    /** Ekstra klassenavn */
-    className?: string | undefined;
-    /** Label for checkboxen, som vises ved høyre side. */
-    children?: React.ReactNode;
-    /** Om Checkbox er avmerket, eller om den  */
-    checked?: boolean | "indeterminate" | undefined;
-    /** Callback for Checkbox */
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
-    /** Om checkboxen er disabled eller ikke
-     * @default false
-     */
-    disabled?: boolean | undefined;
-    /**Ekstra styling til komponenten */
-    style?: React.CSSProperties | undefined;
-    /** Reduserer klikkflaten for Checkbox'en
-     * @default false
-     */
-    reduceClickArea?: boolean | undefined;
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "checked"> & React.RefAttributes<HTMLInputElement>>;
+import React, { CSSProperties } from 'react';
+import './Checkbox.scss';
+export type CheckboxProps = {
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Label for checkboxen, som vises ved høyre side. */
+    children?: React.ReactNode;
+    /** Om Checkbox er avmerket, eller om den  */
+    checked?: 'indeterminate' | boolean;
+    /** Callback for Checkbox */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    /** Om checkboxen er disabled eller ikke
+     * @default false
+     */
+    disabled?: boolean;
+    /**Ekstra styling til komponenten */
+    style?: CSSProperties;
+    /** Reduserer klikkflaten for Checkbox'en
+     * @default false
+     */
+    reduceClickArea?: boolean;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'checked'>;
+export declare const Checkbox: React.ForwardRefExoticComponent<{
+    /** Ekstra klassenavn */
+    className?: string | undefined;
+    /** Label for checkboxen, som vises ved høyre side. */
+    children?: React.ReactNode;
+    /** Om Checkbox er avmerket, eller om den  */
+    checked?: boolean | "indeterminate" | undefined;
+    /** Callback for Checkbox */
+    onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
+    /** Om checkboxen er disabled eller ikke
+     * @default false
+     */
+    disabled?: boolean | undefined;
+    /**Ekstra styling til komponenten */
+    style?: React.CSSProperties | undefined;
+    /** Reduserer klikkflaten for Checkbox'en
+     * @default false
+     */
+    reduceClickArea?: boolean | undefined;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "checked"> & React.RefAttributes<HTMLInputElement>>;

package/dist/FeedbackText.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-import { VariantType } from './VariantProvider';
-import './FeedbackText.scss';
-export type FeedbackTextProps = {
-    /** Teksten som vises */
-    children: React.ReactNode;
-    /** Skjuler ikonet */
-    hideIcon?: boolean;
-    /** Feedbackvarianten */
-    variant: VariantType;
-    /** Ekstra klassenavn */
-    className?: string;
-    [key: string]: any;
-};
-export declare const FeedbackText: React.FC<FeedbackTextProps>;
+import React from 'react';
+import { VariantType } from './VariantProvider';
+import './FeedbackText.scss';
+export type FeedbackTextProps = {
+    /** Teksten som vises */
+    children: React.ReactNode;
+    /** Skjuler ikonet */
+    hideIcon?: boolean;
+    /** Feedbackvarianten */
+    variant: VariantType;
+    /** Ekstra klassenavn */
+    className?: string;
+    [key: string]: any;
+};
+export declare const FeedbackText: React.FC<FeedbackTextProps>;

package/dist/Fieldset.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import './Fieldset.scss';
-export type FieldsetProps = {
-    /** Innholdet i felt-gruppen. */
-    children: React.ReactNode;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Labelen til felt-gruppen. */
-    label?: React.ReactNode;
-    [key: string]: any;
-};
-export declare const Fieldset: React.FC<FieldsetProps>;
+import React from 'react';
+import './Fieldset.scss';
+export type FieldsetProps = {
+    /** Innholdet i felt-gruppen. */
+    children: React.ReactNode;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Labelen til felt-gruppen. */
+    label?: React.ReactNode;
+    [key: string]: any;
+};
+export declare const Fieldset: React.FC<FieldsetProps>;

package/dist/InputGroupContext.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-type InputGroupContextType = {
-    isFilled: boolean;
-    setFilled: (e: boolean) => void;
-};
-export declare const InputGroupContextProvider: React.FC<{
-    children: React.ReactNode;
-}>;
-export declare const useInputGroupContext: () => InputGroupContextType;
-export {};
+import * as React from 'react';
+type InputGroupContextType = {
+    isFilled: boolean;
+    setFilled: (e: boolean) => void;
+};
+export declare const InputGroupContextProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const useInputGroupContext: () => InputGroupContextType;
+export {};

package/dist/InputGroupLabel.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import './InputGroupLabel.scss';
-export type InputGroupLabelProps = {
-    label?: React.ReactNode;
-    required?: boolean;
-    labelTooltip?: string;
-    labelId: string;
-    staticAnimation?: boolean;
-} & React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
-export declare const InputGroupLabel: React.FC<InputGroupLabelProps>;
+import React from 'react';
+import './InputGroupLabel.scss';
+export type InputGroupLabelProps = {
+    label?: React.ReactNode;
+    required?: boolean;
+    labelTooltip?: string;
+    labelId: string;
+    staticAnimation?: boolean;
+} & React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
+export declare const InputGroupLabel: React.FC<InputGroupLabelProps>;

package/dist/Radio.d.ts

@@ -1,18 +1,18 @@
-import React from 'react';
-import './Radio.scss';
-export type RadioProps = {
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Label til radio-button. Vises ved høyre side. */
-    children?: React.ReactNode;
-    /** Verdien til radioknappen */
-    value: string;
-} & React.InputHTMLAttributes<HTMLInputElement>;
-export declare const Radio: React.ForwardRefExoticComponent<{
-    /** Ekstra klassenavn */
-    className?: string | undefined;
-    /** Label til radio-button. Vises ved høyre side. */
-    children?: React.ReactNode;
-    /** Verdien til radioknappen */
-    value: string;
-} & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
+import React from 'react';
+import './Radio.scss';
+export type RadioProps = {
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Label til radio-button. Vises ved høyre side. */
+    children?: React.ReactNode;
+    /** Verdien til radioknappen */
+    value: string;
+} & React.InputHTMLAttributes<HTMLInputElement>;
+export declare const Radio: React.ForwardRefExoticComponent<{
+    /** Ekstra klassenavn */
+    className?: string | undefined;
+    /** Label til radio-button. Vises ved høyre side. */
+    children?: React.ReactNode;
+    /** Verdien til radioknappen */
+    value: string;
+} & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;

package/dist/RadioGroup.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-export type RadioGroupProps = {
-    /** Navnet til radiogruppen. */
-    name: string;
-    /** Overskrift over radiogruppen */
-    label?: string;
-    /** Verdien til den valgte radioknappen */
-    value: string | null;
-    /** Radioknappene sendes inn som children */
-    children: React.ReactNode;
-    /** En callback som blir kalles hver gang en radioknapp klikkes på  */
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    [key: string]: any;
-};
-export declare const RadioGroup: React.FC<RadioGroupProps>;
+import React from 'react';
+export type RadioGroupProps = {
+    /** Navnet til radiogruppen. */
+    name: string;
+    /** Overskrift over radiogruppen */
+    label?: string;
+    /** Verdien til den valgte radioknappen */
+    value: string | null;
+    /** Radioknappene sendes inn som children */
+    children: React.ReactNode;
+    /** En callback som blir kalles hver gang en radioknapp klikkes på  */
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    [key: string]: any;
+};
+export declare const RadioGroup: React.FC<RadioGroupProps>;

package/dist/RadioGroupContext.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-type RadioGroupContextProps = {
-    name: string;
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    value: string | null;
-};
-export declare const RadioGroupContextProvider: React.Provider<RadioGroupContextProps | null>;
-export declare const useRadioGroupContext: () => RadioGroupContextProps;
-export {};
+import React from 'react';
+type RadioGroupContextProps = {
+    name: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    value: string | null;
+};
+export declare const RadioGroupContextProvider: React.Provider<RadioGroupContextProps | null>;
+export declare const useRadioGroupContext: () => RadioGroupContextProps;
+export {};

package/dist/Switch.d.ts

@@ -1,66 +1,66 @@
-import React from 'react';
-import './Switch.scss';
-export type SwitchProps = {
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Label for Switch-en. */
-    children?: React.ReactNode;
-    /** Posisjonen til label for Switch-en.
-     * @default "right"
-     */
-    labelPlacement?: 'right' | 'bottom';
-    /** Om switch-en er checked eller ikke */
-    checked?: boolean;
-    /** Ikonet som skal stå inne i sirkelen på Switch-en */
-    icon?: React.ReactNode;
-    /** Skjul ikonet inne i sikrelen på Switch-en
-     * @default false
-     */
-    hideIcon?: boolean;
-    /** Farge som settes på ikon og bakgrunn når Switch-en er "checked"
-     * @default colors.validation.mint
-     */
-    color?: string;
-    /** Farge på bakgrunn når Switch-en er "checked" og står i en kontrast-seksjon
-     * @default colors.validation.mintContrast
-     */
-    contrastColor?: string;
-    /** Størrelsen på Switch-en
-     * @default "medium"
-     */
-    size?: 'medium' | 'large';
-    /** Callback for når verdien endres */
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;
-export declare const Switch: React.ForwardRefExoticComponent<{
-    /** Ekstra klassenavn */
-    className?: string | undefined;
-    /** Label for Switch-en. */
-    children?: React.ReactNode;
-    /** Posisjonen til label for Switch-en.
-     * @default "right"
-     */
-    labelPlacement?: "right" | "bottom" | undefined;
-    /** Om switch-en er checked eller ikke */
-    checked?: boolean | undefined;
-    /** Ikonet som skal stå inne i sirkelen på Switch-en */
-    icon?: React.ReactNode;
-    /** Skjul ikonet inne i sikrelen på Switch-en
-     * @default false
-     */
-    hideIcon?: boolean | undefined;
-    /** Farge som settes på ikon og bakgrunn når Switch-en er "checked"
-     * @default colors.validation.mint
-     */
-    color?: string | undefined;
-    /** Farge på bakgrunn når Switch-en er "checked" og står i en kontrast-seksjon
-     * @default colors.validation.mintContrast
-     */
-    contrastColor?: string | undefined;
-    /** Størrelsen på Switch-en
-     * @default "medium"
-     */
-    size?: "medium" | "large" | undefined;
-    /** Callback for når verdien endres */
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>>;
+import React from 'react';
+import './Switch.scss';
+export type SwitchProps = {
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Label for Switch-en. */
+    children?: React.ReactNode;
+    /** Posisjonen til label for Switch-en.
+     * @default "right"
+     */
+    labelPlacement?: 'right' | 'bottom';
+    /** Om switch-en er checked eller ikke */
+    checked?: boolean;
+    /** Ikonet som skal stå inne i sirkelen på Switch-en */
+    icon?: React.ReactNode;
+    /** Skjul ikonet inne i sikrelen på Switch-en
+     * @default false
+     */
+    hideIcon?: boolean;
+    /** Farge som settes på ikon og bakgrunn når Switch-en er "checked"
+     * @default colors.validation.mint
+     */
+    color?: string;
+    /** Farge på bakgrunn når Switch-en er "checked" og står i en kontrast-seksjon
+     * @default colors.validation.mintContrast
+     */
+    contrastColor?: string;
+    /** Størrelsen på Switch-en
+     * @default "medium"
+     */
+    size?: 'medium' | 'large';
+    /** Callback for når verdien endres */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;
+export declare const Switch: React.ForwardRefExoticComponent<{
+    /** Ekstra klassenavn */
+    className?: string | undefined;
+    /** Label for Switch-en. */
+    children?: React.ReactNode;
+    /** Posisjonen til label for Switch-en.
+     * @default "right"
+     */
+    labelPlacement?: "right" | "bottom" | undefined;
+    /** Om switch-en er checked eller ikke */
+    checked?: boolean | undefined;
+    /** Ikonet som skal stå inne i sirkelen på Switch-en */
+    icon?: React.ReactNode;
+    /** Skjul ikonet inne i sikrelen på Switch-en
+     * @default false
+     */
+    hideIcon?: boolean | undefined;
+    /** Farge som settes på ikon og bakgrunn når Switch-en er "checked"
+     * @default colors.validation.mint
+     */
+    color?: string | undefined;
+    /** Farge på bakgrunn når Switch-en er "checked" og står i en kontrast-seksjon
+     * @default colors.validation.mintContrast
+     */
+    contrastColor?: string | undefined;
+    /** Størrelsen på Switch-en
+     * @default "medium"
+     */
+    size?: "medium" | "large" | undefined;
+    /** Callback for når verdien endres */
+    onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>>;

package/dist/TextArea.d.ts

@@ -1,43 +1,43 @@
-import React from 'react';
-import { VariantType } from './VariantProvider';
-import './TextArea.scss';
-export type TextAreaProps = {
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Valideringsvariant */
-    variant?: VariantType;
-    /** Deaktiverer tekstområdet */
-    disabled?: boolean;
-    /** Setter tekstområdet i read-only modus */
-    readOnly?: boolean;
-    /** Label over TextArea */
-    label: string;
-    /** En tooltip som forklarer labelen til inputfeltet */
-    labelTooltip?: React.ReactNode;
-    /** Varselmelding, som vil komme under TextArea */
-    feedback?: string;
-    /** Plasserer labelen statisk på toppen av inputfeltet
-     * @default false
-     */
-    disableLabelAnimation?: boolean;
-} & React.TextareaHTMLAttributes<HTMLTextAreaElement>;
-export declare const TextArea: React.ForwardRefExoticComponent<{
-    /** Ekstra klassenavn */
-    className?: string | undefined;
-    /** Valideringsvariant */
-    variant?: VariantType | undefined;
-    /** Deaktiverer tekstområdet */
-    disabled?: boolean | undefined;
-    /** Setter tekstområdet i read-only modus */
-    readOnly?: boolean | undefined;
-    /** Label over TextArea */
-    label: string;
-    /** En tooltip som forklarer labelen til inputfeltet */
-    labelTooltip?: React.ReactNode;
-    /** Varselmelding, som vil komme under TextArea */
-    feedback?: string | undefined;
-    /** Plasserer labelen statisk på toppen av inputfeltet
-     * @default false
-     */
-    disableLabelAnimation?: boolean | undefined;
-} & React.TextareaHTMLAttributes<HTMLTextAreaElement> & React.RefAttributes<HTMLTextAreaElement>>;
+import React from 'react';
+import { VariantType } from './VariantProvider';
+import './TextArea.scss';
+export type TextAreaProps = {
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Valideringsvariant */
+    variant?: VariantType;
+    /** Deaktiverer tekstområdet */
+    disabled?: boolean;
+    /** Setter tekstområdet i read-only modus */
+    readOnly?: boolean;
+    /** Label over TextArea */
+    label: string;
+    /** En tooltip som forklarer labelen til inputfeltet */
+    labelTooltip?: React.ReactNode;
+    /** Varselmelding, som vil komme under TextArea */
+    feedback?: string;
+    /** Plasserer labelen statisk på toppen av inputfeltet
+     * @default false
+     */
+    disableLabelAnimation?: boolean;
+} & React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+export declare const TextArea: React.ForwardRefExoticComponent<{
+    /** Ekstra klassenavn */
+    className?: string | undefined;
+    /** Valideringsvariant */
+    variant?: VariantType | undefined;
+    /** Deaktiverer tekstområdet */
+    disabled?: boolean | undefined;
+    /** Setter tekstområdet i read-only modus */
+    readOnly?: boolean | undefined;
+    /** Label over TextArea */
+    label: string;
+    /** En tooltip som forklarer labelen til inputfeltet */
+    labelTooltip?: React.ReactNode;
+    /** Varselmelding, som vil komme under TextArea */
+    feedback?: string | undefined;
+    /** Plasserer labelen statisk på toppen av inputfeltet
+     * @default false
+     */
+    disableLabelAnimation?: boolean | undefined;
+} & React.TextareaHTMLAttributes<HTMLTextAreaElement> & React.RefAttributes<HTMLTextAreaElement>>;