@entur/travel 6.3.14-beta.3 → 6.3.14-beta.4

package/dist/LegBone.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import './LegBone.scss';
+export 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;
+} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export declare const LegBone: React.FC<LegBoneProps>;

package/dist/LegLine.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './LegLine.scss';
+export 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;
+} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export declare const LegLine: React.FC<LegLineProps>;

package/dist/TravelHeader.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import './TravelHeader.scss';
+export type TravelHeaderProps = {
+    /** HTML-elementet eller React-komponenten som lager elementet
+     * @default 'div'
+     */
+    as?: string | React.ElementType;
+    /** Destinasjonen man reiser fra */
+    from: React.ReactNode;
+    /** Destinasjonen man reiser til */
+    to: React.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 TravelHeader: React.FC<TravelHeaderProps>;

package/dist/TravelLeg.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { Transport } from './utils';
+export type TravelLegProps = {
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Hviklen type reise som skal vises riktig farge og linjetype */
+    transport: Transport;
+    /** Retningen på komponenten */
+    direction: 'horizontal' | 'vertical';
+} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export declare const TravelLeg: React.FC<TravelLegProps>;

package/dist/TravelSwitch.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { Transport } from './utils';
+export type TravelSwitchProps = {
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Om switch-en er checked eller ikke */
+    checked?: boolean;
+    /** Label for TravelSwitch-en. */
+    children?: React.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: React.ChangeEvent<HTMLInputElement>) => void;
+    /** Størrelsen på Switch-en
+     * @default "medium"
+     */
+    size?: 'medium' | 'large';
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;
+export declare const TravelSwitch: React.FC<TravelSwitchProps>;

package/dist/TravelTag.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { Transport } from './utils';
+import './TravelTag.scss';
+export type TravelTagProps = {
+    /** Callback som kalles for når man skal lukke TravelTag-en
+     * @default undefined
+     */
+    onClose?: () => void;
+    /** Innholdet inne i TravelTag-en */
+    children?: React.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?: React.ReactNode;
+    /** Posisjonen til label-en i forhold til TravelTag-en
+     * @default "right"
+     */
+    labelPlacement?: 'bottom' | 'right';
+} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export declare const TravelTag: React.FC<TravelTagProps>;

package/dist/index.d.ts

@@ -1,132 +1,7 @@
-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 { }
+import './index.scss';
+export * from './TravelHeader';
+export * from './TravelTag';
+export * from './LegLine';
+export * from './LegBone';
+export * from './TravelLeg';
+export * from './TravelSwitch';

package/dist/index.js

@@ -0,0 +1,8 @@
+
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./travel.cjs.production.min.js')
+} else {
+  module.exports = require('./travel.cjs.development.js')
+}

package/dist/pattern/dashed-horizontal.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="4" role="presentation" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <rect fill="#000" x="3" y="0" width="10" height="4" />
+</svg>

package/dist/pattern/dashed-vertical.svg

@@ -0,0 +1,3 @@
+<svg width="4" height="16"  role="presentation" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <rect fill="#000" x="0" y="3" width="4" height="10" />
+</svg>

package/dist/pattern/dotted.svg

@@ -0,0 +1,3 @@
+<svg width="8" height="8" role="presentation" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <circle fill="#000" cx="4" cy="4" r="2" />
+</svg>

package/dist/pattern/line.svg

@@ -0,0 +1,3 @@
+<svg width="4" height="4" role="presentation" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <rect fill="#000" x="0" y="0" width="4" height="4" />
+</svg>

package/dist/pattern/wave-horizontal.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="16" height="16">
+    <path fill="none" stroke="#000" stroke-width="4" d="M0 9.048c4 0 4-2.096 8-2.096s4 2.096 8 2.096"/>
+</svg>

package/dist/pattern/wave-vertical.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="16" height="16">
+    <path fill="none" stroke="#000" stroke-width="4" d="M7.6 0c0 4 2.096 4 2.096 8S7.6 12 7.6 16"/>
+</svg>