@entur/travel 6.0.18 → 6.0.20

package/dist/LegBone.d.ts

@@ -1,33 +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>;
+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

@@ -1,13 +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>;
+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

@@ -1,22 +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>;
+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

@@ -1,11 +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>;
+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

@@ -1,24 +1,23 @@
-import React from 'react';
-import type { Transport } from './utils';
-import './TravelSwitch.scss';
-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>;
+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

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

package/dist/styles.css

@@ -1,81 +1,3 @@
-:root {
-  --eds-travel: 1;
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-leg-line {
-  flex-grow: 1;
-  mask-image: url("./pattern/line.svg");
-  mask-position: center;
-  -webkit-mask-image: url("./pattern/line.svg");
-  -webkit-mask-position: center;
-}
-.eds-leg-line--dotted {
-  mask-image: url("./pattern/dotted.svg");
-  -webkit-mask-image: url("./pattern/dotted.svg");
-}
-.eds-leg-line--vertical {
-  mask-repeat: repeat-y;
-  width: 1rem;
-  -webkit-mask-repeat: repeat-y;
-}
-.eds-leg-line--vertical.eds-leg-line--dashed {
-  mask-image: url("./pattern/dashed-vertical.svg");
-  -webkit-mask-image: url("./pattern/dashed-vertical.svg");
-}
-.eds-leg-line--vertical.eds-leg-line--wave {
-  mask-image: url("./pattern/wave-vertical.svg");
-  -webkit-mask-image: url("./pattern/wave-vertical.svg");
-}
-.eds-leg-line--horizontal {
-  height: 1rem;
-  mask-repeat: repeat-x;
-  min-width: 6.25rem;
-  -webkit-mask-repeat: repeat-x;
-}
-.eds-leg-line--horizontal.eds-leg-line--dashed {
-  mask-image: url("./pattern/dashed-horizontal.svg");
-  -webkit-mask-image: url("./pattern/dashed-horizontal.svg");
-}
-.eds-leg-line--horizontal.eds-leg-line--wave {
-  mask-image: url("./pattern/wave-horizontal.svg");
-  -webkit-mask-image: url("./pattern/wave-horizontal.svg");
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-leg-bone {
-  align-items: center;
-  display: flex;
-  justify-content: space-between;
-}
-.eds-leg-bone__start, .eds-leg-bone__stop {
-  border-radius: 50%;
-  height: 1rem;
-  width: 1rem;
-}
-.eds-leg-bone__line {
-  flex-grow: 1;
-}
-.eds-leg-bone--vertical {
-  flex-direction: column;
-  width: 1rem;
-}
-.eds-leg-bone--vertical .eds-leg-bone__start {
-  margin-bottom: 0.125rem;
-}
-.eds-leg-bone--vertical .eds-leg-bone__stop {
-  margin-top: 0.125rem;
-}
-.eds-leg-bone--horizontal {
-  flex-direction: row;
-  height: 1rem;
-}
-.eds-leg-bone--horizontal .eds-leg-bone__start {
-  margin-right: 0.125rem;
-}
-.eds-leg-bone--horizontal .eds-leg-bone__stop {
-  margin-left: 0.125rem;
-}
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-travel-header {
@@ -271,6 +193,77 @@
   margin-top: 0.125rem;
   font-size: 0.875rem;
 }
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-@import '~@entur/form/dist/styles.css';
+.eds-leg-line {
+  flex-grow: 1;
+  mask-image: url("./pattern/line.svg");
+  mask-position: center;
+  -webkit-mask-image: url("./pattern/line.svg");
+  -webkit-mask-position: center;
+}
+.eds-leg-line--dotted {
+  mask-image: url("./pattern/dotted.svg");
+  -webkit-mask-image: url("./pattern/dotted.svg");
+}
+.eds-leg-line--vertical {
+  mask-repeat: repeat-y;
+  width: 1rem;
+  -webkit-mask-repeat: repeat-y;
+}
+.eds-leg-line--vertical.eds-leg-line--dashed {
+  mask-image: url("./pattern/dashed-vertical.svg");
+  -webkit-mask-image: url("./pattern/dashed-vertical.svg");
+}
+.eds-leg-line--vertical.eds-leg-line--wave {
+  mask-image: url("./pattern/wave-vertical.svg");
+  -webkit-mask-image: url("./pattern/wave-vertical.svg");
+}
+.eds-leg-line--horizontal {
+  height: 1rem;
+  mask-repeat: repeat-x;
+  min-width: 6.25rem;
+  -webkit-mask-repeat: repeat-x;
+}
+.eds-leg-line--horizontal.eds-leg-line--dashed {
+  mask-image: url("./pattern/dashed-horizontal.svg");
+  -webkit-mask-image: url("./pattern/dashed-horizontal.svg");
+}
+.eds-leg-line--horizontal.eds-leg-line--wave {
+  mask-image: url("./pattern/wave-horizontal.svg");
+  -webkit-mask-image: url("./pattern/wave-horizontal.svg");
+}
+.eds-leg-bone {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+}
+.eds-leg-bone__start, .eds-leg-bone__stop {
+  border-radius: 50%;
+  height: 1rem;
+  width: 1rem;
+}
+.eds-leg-bone__line {
+  flex-grow: 1;
+}
+.eds-leg-bone--vertical {
+  flex-direction: column;
+  width: 1rem;
+}
+.eds-leg-bone--vertical .eds-leg-bone__start {
+  margin-bottom: 0.125rem;
+}
+.eds-leg-bone--vertical .eds-leg-bone__stop {
+  margin-top: 0.125rem;
+}
+.eds-leg-bone--horizontal {
+  flex-direction: row;
+  height: 1rem;
+}
+.eds-leg-bone--horizontal .eds-leg-bone__start {
+  margin-right: 0.125rem;
+}
+.eds-leg-bone--horizontal .eds-leg-bone__stop {
+  margin-left: 0.125rem;
+}
+:root {
+  --eds-travel: 1;
+}

package/dist/travel.cjs.development.js

@@ -10,11 +10,6 @@ var layout = require('@entur/layout');
 var tokens = require('@entur/tokens');
 var form = require('@entur/form');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -53,16 +48,16 @@ var TravelHeader = function TravelHeader(_ref) {
     className = _ref.className,
     noWrap = _ref.noWrap,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
-  return React__default["default"].createElement(Element, _extends({
-    className: classNames__default["default"]('eds-travel-header', className, {
+  return React.createElement(Element, _extends({
+    className: classNames('eds-travel-header', className, {
       'eds-travel-header--large': size === 'large',
       'eds-travel-header--medium': size === 'medium',
       'eds-travel-header--no-wrap': noWrap
     }),
     "aria-label": "Fra " + from + ", til " + to
-  }, rest), React__default["default"].createElement("span", {
+  }, rest), React.createElement("span", {
     className: "eds-travel-header__from"
-  }, from), React__default["default"].createElement("span", {
+  }, from), React.createElement("span", {
     className: "eds-travel-header__to"
   }, to));
 };
@@ -234,7 +229,7 @@ var getTransportStyle = function getTransportStyle(mode) {
       };
     case 'none':
       return {
-        Icon: React__default["default"].Fragment,
+        Icon: React.Fragment,
         backgroundColor: tokens.colors.brand.blue,
         textColor: tokens.colors.brand.white,
         contrastBackgroundColor: tokens.colors.brand.white,
@@ -275,7 +270,7 @@ var TravelTag = function TravelTag(_ref) {
   var transportIsSet = transport !== 'none';
   var alertIsSet = alert !== 'none';
   var tagRef = React.useRef(null);
-  var numberOfChildren = React__default["default"].Children.count(children);
+  var numberOfChildren = React.Children.count(children);
   var _getTransportStyle = getTransportStyle(transport),
     Icon = _getTransportStyle.Icon,
     contrastBackgroundColor = _getTransportStyle.contrastBackgroundColor,
@@ -290,8 +285,8 @@ var TravelTag = function TravelTag(_ref) {
       (_tagRef$current2 = tagRef.current) == null ? void 0 : _tagRef$current2.style.setProperty('--text-color', isContrast ? contrastTextColor : textColor);
     }
   }, [tagRef.current, backgroundColor, textColor]);
-  var TravelTagWithoutLabel = React__default["default"].createElement("div", _extends({
-    className: classNames__default["default"]('eds-travel-tag', {
+  var TravelTagWithoutLabel = React.createElement("div", _extends({
+    className: classNames('eds-travel-tag', {
       'eds-travel-tag--closable': isClosable,
       'eds-travel-tag--alert': alertIsSet,
       'eds-travel-tag--alert--error': alert === 'error',
@@ -303,32 +298,32 @@ var TravelTag = function TravelTag(_ref) {
   }, rest, {
     "aria-label": (_rest$ariaLabel = rest['aria-label']) != null ? _rest$ariaLabel : ariaLabel + (alertIsSet ? " " + alert : ''),
     role: "img"
-  }), React__default["default"].createElement(Icon, {
+  }), React.createElement(Icon, {
     "aria-hidden": true
-  }), children, isClosable && React__default["default"].createElement("button", {
+  }), children, isClosable && React.createElement("button", {
     onClick: onClose,
     className: "eds-travel-tag__close-button"
-  }, React__default["default"].createElement(icons.CloseSmallIcon, {
+  }, React.createElement(icons.CloseSmallIcon, {
     inline: true
-  })), alertIsSet && React__default["default"].createElement("span", {
+  })), alertIsSet && React.createElement("span", {
     className: "eds-travel-tag__alert"
-  }, alert === 'info' && React__default["default"].createElement(icons.ValidationInfoIcon, {
+  }, alert === 'info' && React.createElement(icons.ValidationInfoIcon, {
     "aria-hidden": true,
     className: "eds-travel-tag__alert-info-icon"
-  }), alert === 'error' && React__default["default"].createElement(icons.ValidationErrorIcon, {
+  }), alert === 'error' && React.createElement(icons.ValidationErrorIcon, {
     "aria-hidden": true,
     className: "eds-travel-tag__alert-error-icon"
-  }), alert === 'warning' && React__default["default"].createElement(icons.ValidationExclamationIcon, {
+  }), alert === 'warning' && React.createElement(icons.ValidationExclamationIcon, {
     "aria-hidden": true,
     className: "eds-travel-tag__alert-exclamation-icon"
   })));
-  var Label = React__default["default"].createElement("div", {
-    className: classNames__default["default"]('eds-travel-tag__label', (_classNames = {}, _classNames["eds-travel-tag__label--" + labelPlacement] = label, _classNames["eds-travel-tag__label--" + labelPlacement + "--with-alert"] = label && alertIsSet, _classNames))
+  var Label = React.createElement("div", {
+    className: classNames('eds-travel-tag__label', (_classNames = {}, _classNames["eds-travel-tag__label--" + labelPlacement] = label, _classNames["eds-travel-tag__label--" + labelPlacement + "--with-alert"] = label && alertIsSet, _classNames))
   }, label);
   if (label) {
     var _classNames2;
-    return React__default["default"].createElement("div", {
-      className: classNames__default["default"]('eds-travel-tag__wrapper', (_classNames2 = {}, _classNames2["eds-travel-tag__wrapper--label-position-" + labelPlacement] = label, _classNames2))
+    return React.createElement("div", {
+      className: classNames('eds-travel-tag__wrapper', (_classNames2 = {}, _classNames2["eds-travel-tag__wrapper--label-position-" + labelPlacement] = label, _classNames2))
     }, TravelTagWithoutLabel, Label);
   }
   return TravelTagWithoutLabel;
@@ -343,8 +338,8 @@ var LegLine = function LegLine(_ref) {
     pattern = _ref.pattern,
     className = _ref.className,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-  return React__default["default"].createElement("div", _extends({
-    className: classNames__default["default"]('eds-leg-line', className, (_classNames = {}, _classNames["eds-leg-line--" + pattern] = pattern, _classNames["eds-leg-line--" + direction] = direction, _classNames)),
+  return React.createElement("div", _extends({
+    className: classNames('eds-leg-line', className, (_classNames = {}, _classNames["eds-leg-line--" + pattern] = pattern, _classNames["eds-leg-line--" + direction] = direction, _classNames)),
     style: {
       backgroundColor: color
     }
@@ -366,23 +361,23 @@ var LegBone = function LegBone(_ref) {
     showLine = _ref$showLine === void 0 ? true : _ref$showLine,
     className = _ref.className,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-  return React__default["default"].createElement("div", _extends({
-    className: classNames__default["default"](className, 'eds-leg-bone', [{
+  return React.createElement("div", _extends({
+    className: classNames(className, 'eds-leg-bone', [{
       'eds-leg-bone--vertical': direction === 'vertical'
     }, {
       'eds-leg-bone--horizontal': direction === 'horizontal'
     }])
-  }, rest), showStart && React__default["default"].createElement("div", {
+  }, rest), showStart && React.createElement("div", {
     className: "eds-leg-bone__start",
     style: {
       backgroundColor: startColor || color
     }
-  }), showLine && React__default["default"].createElement(LegLine, {
+  }), showLine && React.createElement(LegLine, {
     className: "eds-leg-bone__line",
     direction: direction,
     color: color,
     pattern: pattern
-  }), showStop && React__default["default"].createElement("div", {
+  }), showStop && React.createElement("div", {
     className: "eds-leg-bone__stop",
     style: {
       backgroundColor: endColor || color
@@ -401,7 +396,7 @@ var TravelLeg = function TravelLeg(_ref) {
     contrastBackgroundColor = _getTransportStyle.contrastBackgroundColor,
     pattern = _getTransportStyle.pattern;
   var isContrast = layout.useContrast();
-  return React__default["default"].createElement(LegBone, _extends({
+  return React.createElement(LegBone, _extends({
     direction: direction,
     pattern: pattern,
     color: isContrast ? contrastBackgroundColor : backgroundColor,
@@ -422,12 +417,12 @@ var TravelSwitch = function TravelSwitch(_ref) {
     backgroundColor = _getTransportStyle.backgroundColor,
     contrastBackgroundColor = _getTransportStyle.contrastBackgroundColor,
     Icon = _getTransportStyle.Icon;
-  return React__default["default"].createElement(form.Switch, _extends({
+  return React.createElement(form.Switch, _extends({
     className: className,
     labelPlacement: labelPlacement,
     color: backgroundColor,
     contrastColor: contrastBackgroundColor,
-    icon: React__default["default"].createElement(Icon, null),
+    icon: React.createElement(Icon, null),
     size: size
   }, rest), children);
 };