@entur/travel 6.3.13 → 6.3.14-beta.1

package/dist/index.d.ts

@@ -1,7 +1,132 @@
-import './index.scss';
-export * from './TravelHeader';
-export * from './TravelTag';
-export * from './LegLine';
-export * from './LegBone';
-export * from './TravelLeg';
-export * from './TravelSwitch';
+import { default as default_2 } from 'react';
+
+export declare const LegBone: default_2.FC<LegBoneProps>;
+
+export declare type LegBoneProps = {
+    /** Retning på komponenten */
+    direction: 'horizontal' | 'vertical';
+    /** Hvilke linjemønster som skal brukes */
+    pattern: 'line' | 'dashed' | 'dotted' | 'wave';
+    /** Farge på linja */
+    color: string;
+    /** Farge på startpunktet
+     * @default Verdien til color
+     */
+    startColor?: string;
+    /** Farge på endepunktet
+     * @default Verdien til color
+     */
+    endColor?: string;
+    /** Vis startpunkt
+     * @default true
+     */
+    showStart?: boolean;
+    /** Vis linke
+     * @default true
+     */
+    showLine?: boolean;
+    /** Vis endepunkt
+     * @default true
+     */
+    showStop?: boolean;
+    /** Ekstra klassenavn */
+    className?: string;
+} & default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+
+export declare const LegLine: default_2.FC<LegLineProps>;
+
+export declare type LegLineProps = {
+    /** Farge på  LegLine'n */
+    color: string;
+    /** Retningen til LegLine */
+    direction: 'horizontal' | 'vertical';
+    /** Hvilket linjemønster som skal brukes */
+    pattern: 'line' | 'dashed' | 'dotted' | 'wave';
+    /** Ekstra klassenavn */
+    className?: string;
+} & default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+
+declare type Transport = 'metro' | 'bus' | 'plane' | 'helicopter' | 'tram' | 'funicular' | 'cableway' | 'taxi' | 'bicycle' | 'walk' | 'train' | 'ferry' | 'carferry' | 'mobility' | 'airportLinkBus' | 'airportLinkRail' | 'rail' | 'water' | 'air' | 'none';
+
+export declare const TravelHeader: default_2.FC<TravelHeaderProps>;
+
+export declare type TravelHeaderProps = {
+    /** HTML-elementet eller React-komponenten som lager elementet
+     * @default 'div'
+     */
+    as?: string | default_2.ElementType;
+    /** Destinasjonen man reiser fra */
+    from: default_2.ReactNode;
+    /** Destinasjonen man reiser til */
+    to: default_2.ReactNode;
+    /**Størrelsen på komponenten
+     * @default 'large'
+     */
+    size?: 'large' | 'medium';
+    /** Plassere til og fra på samme linje */
+    noWrap?: boolean;
+    /**Ekstra klassenavn */
+    className?: string;
+    [key: string]: any;
+};
+
+export declare const TravelLeg: default_2.FC<TravelLegProps>;
+
+export declare type TravelLegProps = {
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Hviklen type reise som skal vises riktig farge og linjetype */
+    transport: Transport;
+    /** Retningen på komponenten */
+    direction: 'horizontal' | 'vertical';
+} & default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+
+export declare const TravelSwitch: default_2.FC<TravelSwitchProps>;
+
+export declare type TravelSwitchProps = {
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Om switch-en er checked eller ikke */
+    checked?: boolean;
+    /** Label for TravelSwitch-en. */
+    children?: default_2.ReactNode;
+    /** Posisjonen til label for TravelSwitch-en.
+     * @default "right"
+     */
+    labelPlacement?: 'right' | 'bottom';
+    /** Hvilken type reise som skal vises ikon og farge for */
+    transport: Transport;
+    /** Callback for når verdien endres */
+    onChange?: (e: default_2.ChangeEvent<HTMLInputElement>) => void;
+    /** Størrelsen på Switch-en
+     * @default "medium"
+     */
+    size?: 'medium' | 'large';
+} & Omit<default_2.InputHTMLAttributes<HTMLInputElement>, 'size'>;
+
+export declare const TravelTag: default_2.FC<TravelTagProps>;
+
+export declare type TravelTagProps = {
+    /** Callback som kalles for når man skal lukke TravelTag-en
+     * @default undefined
+     */
+    onClose?: () => void;
+    /** Innholdet inne i TravelTag-en */
+    children?: default_2.ReactNode;
+    /**Ekstra klassenavn */
+    className?: string;
+    /** Legger til et Valideringsikon i TravelTagen for å signalisere avvik, informasjon e.l.
+     * @default "none"
+     */
+    alert?: 'none' | 'error' | 'warning' | 'info';
+    /** Legger til farge og ikon tilpasset valgt transportmiddel */
+    transport?: Transport;
+    /** Element ved siden av eller under TravelTag.  */
+    label?: default_2.ReactNode;
+    /** Posisjonen til label-en i forhold til TravelTag-en
+     * @default "right"
+     */
+    labelPlacement?: 'bottom' | 'right';
+} & default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+
+export { }