@entur/travel 5.0.25 → 5.0.27

package/dist/LegBone.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import './LegBone.scss';
-export declare type LegBoneProps = {
+export type LegBoneProps = {
     /** Retning på komponenten */
     direction: 'horizontal' | 'vertical';
     /** Hvilke linjemønster som skal brukes */

package/dist/LegLine.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import './LegLine.scss';
-export declare type LegLineProps = {
+export type LegLineProps = {
     /** Farge på  LegLine'n */
     color: string;
     /** Retningen til LegLine */

package/dist/TravelHeader.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import './TravelHeader.scss';
-export declare type TravelHeaderProps = {
+export type TravelHeaderProps = {
     /** HTML-elementet eller React-komponenten som lager elementet
      * @default 'div'
      */

package/dist/TravelLeg.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type TravelLegProps = {
+export type TravelLegProps = {
     /** Ekstra klassenavn */
     className?: string;
     /** Hviklen type reise som skal vises riktig farge og linjetype */

package/dist/TravelTag.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import './TravelTag.scss';
-export declare type TravelTagProps = {
+export type TravelTagProps = {
     /** Callback som kalles for når man skal lukke TravelTag-en
      * @default undefined
      */

package/dist/styles.css

@@ -2,6 +2,45 @@
   --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-travel-tag {
   background-color: #e9e9e9;
   border-radius: 0.25rem;
@@ -276,55 +315,16 @@
   margin-right: 0.5em;
 }
 .eds-travel-header__to {
-  padding-left: calc(4em / 3 + 0.5em);
+  padding-left: 1.8333333333em;
   position: relative;
 }
 .eds-travel-header__to::before {
   background-color: #ff5959;
   content: "";
   display: block;
-  height: calc(1em / 6);
+  height: 0.1666666667em;
   left: 0;
   position: absolute;
   top: 0.65em;
-  width: calc(4em / 3);
-}/* 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");
+  width: 1.3333333333em;
 }

package/dist/travel.cjs.development.js

@@ -15,50 +15,43 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
 
 var _excluded$4 = ["as", "from", "to", "size", "className", "noWrap"];
 var TravelHeader = function TravelHeader(_ref) {
   var _ref$as = _ref.as,
-      Element = _ref$as === void 0 ? 'div' : _ref$as,
-      from = _ref.from,
-      to = _ref.to,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'large' : _ref$size,
-      className = _ref.className,
-      noWrap = _ref.noWrap,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-
+    Element = _ref$as === void 0 ? 'div' : _ref$as,
+    from = _ref.from,
+    to = _ref.to,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'large' : _ref$size,
+    className = _ref.className,
+    noWrap = _ref.noWrap,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   return React__default["default"].createElement(Element, _extends({
     className: classNames__default["default"]('eds-travel-header', className, {
       'eds-travel-header--large': size === 'large',
@@ -76,19 +69,17 @@ var TravelHeader = function TravelHeader(_ref) {
 var _excluded$3 = ["onClose", "children", "className", "alert", "transport", "label", "labelPlacement"];
 var TravelTag = function TravelTag(_ref) {
   var _modeCalc, _classNames, _classNames2;
-
   var _ref$onClose = _ref.onClose,
-      onClose = _ref$onClose === void 0 ? undefined : _ref$onClose,
-      children = _ref.children,
-      className = _ref.className,
-      _ref$alert = _ref.alert,
-      alert = _ref$alert === void 0 ? 'none' : _ref$alert,
-      transport = _ref.transport,
-      label = _ref.label,
-      _ref$labelPlacement = _ref.labelPlacement,
-      labelPlacement = _ref$labelPlacement === void 0 ? 'right' : _ref$labelPlacement,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-
+    onClose = _ref$onClose === void 0 ? undefined : _ref$onClose,
+    children = _ref.children,
+    className = _ref.className,
+    _ref$alert = _ref.alert,
+    alert = _ref$alert === void 0 ? 'none' : _ref$alert,
+    transport = _ref.transport,
+    label = _ref.label,
+    _ref$labelPlacement = _ref.labelPlacement,
+    labelPlacement = _ref$labelPlacement === void 0 ? 'right' : _ref$labelPlacement,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   var isClosable = onClose ? true : false;
   var numberOfChildren = React__default["default"].Children.count(children);
   var TransportIcon = (_modeCalc = modeCalc$1(transport)) != null ? _modeCalc : React__default["default"].createElement(React__default["default"].Fragment, null);
@@ -116,56 +107,40 @@ var TravelTag = function TravelTag(_ref) {
   var Label = React__default["default"].createElement("div", {
     className: classNames__default["default"]('eds-travel-tag__label', (_classNames2 = {}, _classNames2["eds-travel-tag__label--" + labelPlacement] = label, _classNames2["eds-travel-tag__label--" + labelPlacement + "--with-alert"] = label && alert !== 'none', _classNames2))
   }, label);
-
   if (label) {
     var _classNames3;
-
     return React__default["default"].createElement("div", {
       className: classNames__default["default"]('eds-travel-tag__wrapper', (_classNames3 = {}, _classNames3["eds-travel-tag__wrapper--label-position-" + labelPlacement] = label, _classNames3))
     }, TravelTagWithoutLabel, Label);
   }
-
   return TravelTagWithoutLabel;
 };
-
 var modeCalc$1 = function modeCalc(mode) {
   switch (mode) {
     case 'bus':
       return React__default["default"].createElement(icons.BusIcon, null);
-
     case 'metro':
       return React__default["default"].createElement(icons.SubwayIcon, null);
-
     case 'air':
       return React__default["default"].createElement(icons.PlaneIcon, null);
-
     case 'tram':
       return React__default["default"].createElement(icons.TramIcon, null);
-
     case 'rail':
       return React__default["default"].createElement(icons.TrainIcon, null);
-
     case 'water':
       return React__default["default"].createElement(icons.FerryIcon, null);
-
     case 'carferry':
       return React__default["default"].createElement(icons.CarferryIcon, null);
-
     case 'bike':
       return React__default["default"].createElement(icons.BicycleIcon, null);
-
     case 'scooter':
       return React__default["default"].createElement(icons.ScooterIcon, null);
-
     case 'foot':
       return React__default["default"].createElement(icons.WalkingIcon, null);
-
     case 'car':
       return React__default["default"].createElement(icons.CarIcon, null);
-
     case 'taxi':
       return React__default["default"].createElement(icons.TaxiIcon, null);
-
     default:
       return React__default["default"].createElement(React__default["default"].Fragment, null);
   }
@@ -174,14 +149,12 @@ var modeCalc$1 = function modeCalc(mode) {
 var _excluded$2 = ["color", "direction", "pattern", "className"];
 var LegLine = function LegLine(_ref) {
   var _classNames;
-
   var color = _ref.color,
-      _ref$direction = _ref.direction,
-      direction = _ref$direction === void 0 ? 'horizontal' : _ref$direction,
-      pattern = _ref.pattern,
-      className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? 'horizontal' : _ref$direction,
+    pattern = _ref.pattern,
+    className = _ref.className,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   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)),
     style: {
@@ -193,19 +166,18 @@ var LegLine = function LegLine(_ref) {
 var _excluded$1 = ["direction", "pattern", "color", "startColor", "endColor", "showStart", "showStop", "showLine", "className"];
 var LegBone = function LegBone(_ref) {
   var direction = _ref.direction,
-      pattern = _ref.pattern,
-      color = _ref.color,
-      startColor = _ref.startColor,
-      endColor = _ref.endColor,
-      _ref$showStart = _ref.showStart,
-      showStart = _ref$showStart === void 0 ? true : _ref$showStart,
-      _ref$showStop = _ref.showStop,
-      showStop = _ref$showStop === void 0 ? true : _ref$showStop,
-      _ref$showLine = _ref.showLine,
-      showLine = _ref$showLine === void 0 ? true : _ref$showLine,
-      className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-
+    pattern = _ref.pattern,
+    color = _ref.color,
+    startColor = _ref.startColor,
+    endColor = _ref.endColor,
+    _ref$showStart = _ref.showStart,
+    showStart = _ref$showStart === void 0 ? true : _ref$showStart,
+    _ref$showStop = _ref.showStop,
+    showStop = _ref$showStop === void 0 ? true : _ref$showStop,
+    _ref$showLine = _ref.showLine,
+    showLine = _ref$showLine === void 0 ? true : _ref$showLine,
+    className = _ref.className,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   return React__default["default"].createElement("div", _extends({
     className: classNames__default["default"](className, 'eds-leg-bone', [{
       'eds-leg-bone--vertical': direction === 'vertical'
@@ -233,15 +205,13 @@ var LegBone = function LegBone(_ref) {
 var _excluded = ["className", "transport", "direction"];
 var TravelLeg = function TravelLeg(_ref) {
   var className = _ref.className,
-      transport = _ref.transport,
-      direction = _ref.direction,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    transport = _ref.transport,
+    direction = _ref.direction,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _modeCalc = modeCalc(transport),
-      color = _modeCalc.color,
-      contrast = _modeCalc.contrast,
-      pattern = _modeCalc.pattern;
-
+    color = _modeCalc.color,
+    contrast = _modeCalc.contrast,
+    pattern = _modeCalc.pattern;
   var isContrast = layout.useContrast();
   return React__default["default"].createElement(LegBone, _extends({
     direction: direction,
@@ -250,7 +220,6 @@ var TravelLeg = function TravelLeg(_ref) {
     className: className
   }, rest));
 };
-
 function modeCalc(mode) {
   switch (mode) {
     case 'bus':
@@ -259,70 +228,60 @@ function modeCalc(mode) {
         contrast: tokens.colors.transport.contrast.bus,
         pattern: 'dashed'
       };
-
     case 'metro':
       return {
         color: tokens.colors.transport["default"].metro,
         contrast: tokens.colors.transport.contrast.metro,
         pattern: 'line'
       };
-
     case 'air':
       return {
         color: tokens.colors.transport["default"].plane,
         contrast: tokens.colors.transport.contrast.plane,
         pattern: 'line'
       };
-
     case 'tram':
       return {
         color: tokens.colors.transport["default"].tram,
         contrast: tokens.colors.transport.contrast.tram,
         pattern: 'line'
       };
-
     case 'rail':
       return {
         color: tokens.colors.transport["default"].train,
         contrast: tokens.colors.transport.contrast.train,
         pattern: 'line'
       };
-
     case 'water':
       return {
         color: tokens.colors.transport["default"].ferry,
         contrast: tokens.colors.transport.contrast.ferry,
         pattern: 'wave'
       };
-
     case 'bike':
       return {
         color: tokens.colors.transport["default"].mobility,
         contrast: tokens.colors.transport.contrast.mobility,
         pattern: 'line'
       };
-
     case 'scooter':
       return {
         color: tokens.colors.transport["default"].mobility,
         contrast: tokens.colors.transport.contrast.mobility,
         pattern: 'line'
       };
-
     case 'foot':
       return {
         color: tokens.colors.transport["default"].walk,
         contrast: tokens.colors.transport.contrast.walk,
         pattern: 'dotted'
       };
-
     case 'car':
       return {
         color: tokens.colors.transport["default"].taxi,
         contrast: tokens.colors.transport.contrast.taxi,
         pattern: 'dashed'
       };
-
     default:
       console.error('No transport modality was chosen. There is likely an error in your usage of TravelLeg.');
       return {

package/dist/travel.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"travel.cjs.development.js","sources":["../src/TravelHeader.tsx","../src/TravelTag.tsx","../src/LegLine.tsx","../src/LegBone.tsx","../src/TravelLeg.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport './TravelHeader.scss';\n\nexport type TravelHeaderProps = {\n  /** HTML-elementet eller React-komponenten som lager elementet\n   * @default 'div'\n   */\n  as?: string | React.ElementType;\n  /** Destinasjonen man reiser fra */\n  from: React.ReactNode;\n  /** Destinasjonen man reiser til */\n  to: React.ReactNode;\n  /**Størrelsen på komponenten\n   * @default 'large'\n   */\n  size?: 'large' | 'medium';\n  /** Plassere til og fra på samme linje */\n  noWrap?: boolean;\n  /**Ekstra klassenavn */\n  className?: string;\n  [key: string]: any;\n};\n\nexport const TravelHeader: React.FC<TravelHeaderProps> = ({\n  as: Element = 'div',\n  from,\n  to,\n  size = 'large',\n  className,\n  noWrap,\n  ...rest\n}) => {\n  return (\n    <Element\n      className={classNames('eds-travel-header', className, {\n        'eds-travel-header--large': size === 'large',\n        'eds-travel-header--medium': size === 'medium',\n        'eds-travel-header--no-wrap': noWrap,\n      })}\n      aria-label={`Fra ${from}, til ${to}`}\n      {...rest}\n    >\n      <span className=\"eds-travel-header__from\">{from}</span>\n      <span className=\"eds-travel-header__to\">{to}</span>\n    </Element>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport {\n  CloseSmallIcon,\n  ValidationInfoIcon,\n  ValidationErrorIcon,\n  ValidationExclamationIcon,\n  BicycleIcon,\n  BusIcon,\n  FerryIcon,\n  PlaneIcon,\n  ScooterIcon,\n  SubwayIcon,\n  TrainIcon,\n  TramIcon,\n  WalkingIcon,\n  CarIcon,\n  TaxiIcon,\n  CarferryIcon,\n} from '@entur/icons';\nimport './TravelTag.scss';\n\nexport type TravelTagProps = {\n  /** Callback som kalles for når man skal lukke TravelTag-en\n   * @default undefined\n   */\n  onClose?: () => void;\n  /** Innholdet inne i TravelTag-en */\n  children?: React.ReactNode;\n  /**Ekstra klassenavn */\n  className?: string;\n  /** Legger til et Valideringsikon i TravelTagen for å signalisere avvik, informasjon e.l.\n   * @default \"none\"\n   */\n  alert?: 'none' | 'error' | 'warning' | 'info';\n  /** Legger til farge og ikon tilpasset valgt transportmiddel */\n  transport?:\n    | 'bus'\n    | 'metro'\n    | 'air'\n    | 'tram'\n    | 'rail'\n    | 'water'\n    | 'carferry'\n    | 'bike'\n    | 'scooter'\n    | 'foot'\n    | 'car'\n    | 'taxi';\n  /** Element ved siden av eller under TravelTag.  */\n  label?: React.ReactNode;\n  /** Posisjonen til label-en i forhold til TravelTag-en\n   * @default \"right\"\n   */\n  labelPlacement?: 'bottom' | 'right';\n} & React.DetailedHTMLProps<\n  React.HTMLAttributes<HTMLDivElement>,\n  HTMLDivElement\n>;\n\nexport const TravelTag: React.FC<TravelTagProps> = ({\n  onClose = undefined,\n  children,\n  className,\n  alert = 'none',\n  transport,\n  label,\n  labelPlacement = 'right',\n  ...rest\n}) => {\n  const isClosable = onClose ? true : false;\n  const numberOfChildren = React.Children.count(children);\n  const TransportIcon = modeCalc(transport) ?? <></>;\n\n  const TravelTagWithoutLabel: JSX.Element = (\n    <div\n      className={classNames('eds-travel-tag', {\n        'eds-travel-tag--closable': isClosable,\n        'eds-travel-tag--alert': alert !== 'none',\n        'eds-travel-tag--alert--error': alert === 'error',\n        'eds-travel-tag--icon-and-text':\n          numberOfChildren > 1 || (transport && numberOfChildren > 0),\n        [`eds-travel-tag--transport-${transport}`]: transport,\n        className,\n      })}\n      {...rest}\n    >\n      {transport && TransportIcon}\n      {children}\n      {isClosable && (\n        <button onClick={onClose} className=\"eds-travel-tag__close-button\">\n          <CloseSmallIcon inline />\n        </button>\n      )}\n      {alert !== 'none' && (\n        <span className=\"eds-travel-tag__alert\">\n          {alert === 'info' && (\n            <ValidationInfoIcon className=\"eds-travel-tag__alert-info-icon\" />\n          )}\n          {alert === 'error' && (\n            <ValidationErrorIcon className=\"eds-travel-tag__alert-error-icon\" />\n          )}\n          {alert === 'warning' && (\n            <ValidationExclamationIcon className=\"eds-travel-tag__alert-exclamation-icon\" />\n          )}\n        </span>\n      )}\n    </div>\n  );\n\n  const Label: JSX.Element = (\n    <div\n      className={classNames('eds-travel-tag__label', {\n        [`eds-travel-tag__label--${labelPlacement}`]: label,\n        [`eds-travel-tag__label--${labelPlacement}--with-alert`]:\n          label && alert !== 'none',\n      })}\n    >\n      {label}\n    </div>\n  );\n\n  if (label) {\n    return (\n      <div\n        className={classNames('eds-travel-tag__wrapper', {\n          [`eds-travel-tag__wrapper--label-position-${labelPlacement}`]: label,\n        })}\n      >\n        {TravelTagWithoutLabel}\n        {Label}\n      </div>\n    );\n  }\n\n  return TravelTagWithoutLabel;\n};\n\nconst modeCalc = (mode: string | undefined) => {\n  switch (mode) {\n    case 'bus':\n      return <BusIcon />;\n    case 'metro':\n      return <SubwayIcon />;\n    case 'air':\n      return <PlaneIcon />;\n    case 'tram':\n      return <TramIcon />;\n    case 'rail':\n      return <TrainIcon />;\n    case 'water':\n      return <FerryIcon />;\n    case 'carferry':\n      return <CarferryIcon />;\n    case 'bike':\n      return <BicycleIcon />;\n    case 'scooter':\n      return <ScooterIcon />;\n    case 'foot':\n      return <WalkingIcon />;\n    case 'car':\n      return <CarIcon />;\n    case 'taxi':\n      return <TaxiIcon />;\n    default:\n      return <></>;\n  }\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './LegLine.scss';\n\nexport type LegLineProps = {\n  /** Farge på  LegLine'n */\n  color: string;\n  /** Retningen til LegLine */\n  direction: 'horizontal' | 'vertical';\n  /** Hvilket linjemønster som skal brukes */\n  pattern: 'line' | 'dashed' | 'dotted' | 'wave';\n  /** Ekstra klassenavn */\n  className?: string;\n} & React.DetailedHTMLProps<\n  React.HTMLAttributes<HTMLDivElement>,\n  HTMLDivElement\n>;\n\nexport const LegLine: React.FC<LegLineProps> = ({\n  color,\n  direction = 'horizontal',\n  pattern,\n  className,\n  ...rest\n}) => {\n  return (\n    <div\n      className={classNames('eds-leg-line', className, {\n        [`eds-leg-line--${pattern}`]: pattern,\n        [`eds-leg-line--${direction}`]: direction,\n      })}\n      style={{ backgroundColor: color }}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { LegLine } from './LegLine';\nimport './LegBone.scss';\n\nexport type LegBoneProps = {\n  /** Retning på komponenten */\n  direction: 'horizontal' | 'vertical';\n  /** Hvilke linjemønster som skal brukes */\n  pattern: 'line' | 'dashed' | 'dotted' | 'wave';\n  /** Farge på linja */\n  color: string;\n  /** Farge på startpunktet\n   * @default Verdien til color\n   */\n  startColor?: string;\n  /** Farge på endepunktet\n   * @default Verdien til color\n   */\n  endColor?: string;\n  /** Vis startpunkt\n   * @default true\n   */\n  showStart?: boolean;\n  /** Vis linke\n   * @default true\n   */\n  showLine?: boolean;\n  /** Vis endepunkt\n   * @default true\n   */\n  showStop?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n} & React.DetailedHTMLProps<\n  React.HTMLAttributes<HTMLDivElement>,\n  HTMLDivElement\n>;\n\nexport const LegBone: React.FC<LegBoneProps> = ({\n  direction,\n  pattern,\n  color,\n  startColor,\n  endColor,\n  showStart = true,\n  showStop = true,\n  showLine = true,\n  className,\n  ...rest\n}) => {\n  return (\n    <div\n      className={classNames(className, 'eds-leg-bone', [\n        { 'eds-leg-bone--vertical': direction === 'vertical' },\n        { 'eds-leg-bone--horizontal': direction === 'horizontal' },\n      ])}\n      {...rest}\n    >\n      {showStart && (\n        <div\n          className={`eds-leg-bone__start`}\n          style={{ backgroundColor: startColor || color }}\n        />\n      )}\n\n      {showLine && (\n        <LegLine\n          className={`eds-leg-bone__line`}\n          direction={direction}\n          color={color}\n          pattern={pattern}\n        />\n      )}\n\n      {showStop && (\n        <div\n          className={`eds-leg-bone__stop`}\n          style={{ backgroundColor: endColor || color }}\n        />\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport { LegBone } from './LegBone';\nimport { colors } from '@entur/tokens';\nimport { useContrast } from '@entur/layout';\n\nexport type TravelLegProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Hviklen type reise som skal vises riktig farge og linjetype */\n  transport:\n    | 'bus'\n    | 'metro'\n    | 'air'\n    | 'tram'\n    | 'rail'\n    | 'water'\n    | 'bike'\n    | 'scooter'\n    | 'foot'\n    | 'car';\n  /** Retningen på komponenten */\n  direction: 'horizontal' | 'vertical';\n} & React.DetailedHTMLProps<\n  React.HTMLAttributes<HTMLDivElement>,\n  HTMLDivElement\n>;\n\nexport const TravelLeg: React.FC<TravelLegProps> = ({\n  className,\n  transport,\n  direction,\n  ...rest\n}) => {\n  const { color, contrast, pattern } = modeCalc(transport);\n  const isContrast = useContrast();\n\n  return (\n    <LegBone\n      direction={direction}\n      pattern={pattern}\n      color={isContrast ? contrast : color}\n      className={className}\n      {...rest}\n    />\n  );\n};\n\ntype modeCalcResult = {\n  color: string;\n  contrast: string;\n  pattern: 'line' | 'wave' | 'dashed' | 'dotted';\n};\n\nfunction modeCalc(mode: string): modeCalcResult {\n  switch (mode) {\n    case 'bus':\n      return {\n        color: colors.transport.default.bus,\n        contrast: colors.transport.contrast.bus,\n        pattern: 'dashed',\n      };\n    case 'metro':\n      return {\n        color: colors.transport.default.metro,\n        contrast: colors.transport.contrast.metro,\n        pattern: 'line',\n      };\n    case 'air':\n      return {\n        color: colors.transport.default.plane,\n        contrast: colors.transport.contrast.plane,\n        pattern: 'line',\n      };\n    case 'tram':\n      return {\n        color: colors.transport.default.tram,\n        contrast: colors.transport.contrast.tram,\n        pattern: 'line',\n      };\n    case 'rail':\n      return {\n        color: colors.transport.default.train,\n        contrast: colors.transport.contrast.train,\n        pattern: 'line',\n      };\n    case 'water':\n      return {\n        color: colors.transport.default.ferry,\n        contrast: colors.transport.contrast.ferry,\n        pattern: 'wave',\n      };\n    case 'bike':\n      return {\n        color: colors.transport.default.mobility,\n        contrast: colors.transport.contrast.mobility,\n        pattern: 'line',\n      };\n    case 'scooter':\n      return {\n        color: colors.transport.default.mobility,\n        contrast: colors.transport.contrast.mobility,\n        pattern: 'line',\n      };\n    case 'foot':\n      return {\n        color: colors.transport.default.walk,\n        contrast: colors.transport.contrast.walk,\n        pattern: 'dotted',\n      };\n    case 'car':\n      return {\n        color: colors.transport.default.taxi,\n        contrast: colors.transport.contrast.taxi,\n        pattern: 'dashed',\n      };\n    default:\n      console.error(\n        'No transport modality was chosen. There is likely an error in your usage of TravelLeg.',\n      );\n      return {\n        color: colors.brand.blue,\n        contrast: colors.brand.white,\n        pattern: 'line',\n      };\n  }\n}\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('travel');\n\nexport * from './TravelHeader';\nexport * from './TravelTag';\nexport * from './LegLine';\nexport * from './LegBone';\nexport * from './TravelLeg';\n"],"names":["TravelHeader","as","Element","from","to","size","className","noWrap","rest","React","classNames","TravelTag","onClose","undefined","children","alert","transport","label","labelPlacement","isClosable","numberOfChildren","Children","count","TransportIcon","modeCalc","TravelTagWithoutLabel","onClick","CloseSmallIcon","inline","ValidationInfoIcon","ValidationErrorIcon","ValidationExclamationIcon","Label","mode","BusIcon","SubwayIcon","PlaneIcon","TramIcon","TrainIcon","FerryIcon","CarferryIcon","BicycleIcon","ScooterIcon","WalkingIcon","CarIcon","TaxiIcon","LegLine","color","direction","pattern","style","backgroundColor","LegBone","startColor","endColor","showStart","showStop","showLine","TravelLeg","contrast","isContrast","useContrast","colors","bus","metro","plane","tram","train","ferry","mobility","walk","taxi","console","error","brand","blue","white","warnAboutMissingStyles"],"mappings":"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"}
+{"version":3,"file":"travel.cjs.development.js","sources":["../src/TravelHeader.tsx","../src/TravelTag.tsx","../src/LegLine.tsx","../src/LegBone.tsx","../src/TravelLeg.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport './TravelHeader.scss';\n\nexport type TravelHeaderProps = {\n  /** HTML-elementet eller React-komponenten som lager elementet\n   * @default 'div'\n   */\n  as?: string | React.ElementType;\n  /** Destinasjonen man reiser fra */\n  from: React.ReactNode;\n  /** Destinasjonen man reiser til */\n  to: React.ReactNode;\n  /**Størrelsen på komponenten\n   * @default 'large'\n   */\n  size?: 'large' | 'medium';\n  /** Plassere til og fra på samme linje */\n  noWrap?: boolean;\n  /**Ekstra klassenavn */\n  className?: string;\n  [key: string]: any;\n};\n\nexport const TravelHeader: React.FC<TravelHeaderProps> = ({\n  as: Element = 'div',\n  from,\n  to,\n  size = 'large',\n  className,\n  noWrap,\n  ...rest\n}) => {\n  return (\n    <Element\n      className={classNames('eds-travel-header', className, {\n        'eds-travel-header--large': size === 'large',\n        'eds-travel-header--medium': size === 'medium',\n        'eds-travel-header--no-wrap': noWrap,\n      })}\n      aria-label={`Fra ${from}, til ${to}`}\n      {...rest}\n    >\n      <span className=\"eds-travel-header__from\">{from}</span>\n      <span className=\"eds-travel-header__to\">{to}</span>\n    </Element>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport {\n  CloseSmallIcon,\n  ValidationInfoIcon,\n  ValidationErrorIcon,\n  ValidationExclamationIcon,\n  BicycleIcon,\n  BusIcon,\n  FerryIcon,\n  PlaneIcon,\n  ScooterIcon,\n  SubwayIcon,\n  TrainIcon,\n  TramIcon,\n  WalkingIcon,\n  CarIcon,\n  TaxiIcon,\n  CarferryIcon,\n} from '@entur/icons';\nimport './TravelTag.scss';\n\nexport type TravelTagProps = {\n  /** Callback som kalles for når man skal lukke TravelTag-en\n   * @default undefined\n   */\n  onClose?: () => void;\n  /** Innholdet inne i TravelTag-en */\n  children?: React.ReactNode;\n  /**Ekstra klassenavn */\n  className?: string;\n  /** Legger til et Valideringsikon i TravelTagen for å signalisere avvik, informasjon e.l.\n   * @default \"none\"\n   */\n  alert?: 'none' | 'error' | 'warning' | 'info';\n  /** Legger til farge og ikon tilpasset valgt transportmiddel */\n  transport?:\n    | 'bus'\n    | 'metro'\n    | 'air'\n    | 'tram'\n    | 'rail'\n    | 'water'\n    | 'carferry'\n    | 'bike'\n    | 'scooter'\n    | 'foot'\n    | 'car'\n    | 'taxi';\n  /** Element ved siden av eller under TravelTag.  */\n  label?: React.ReactNode;\n  /** Posisjonen til label-en i forhold til TravelTag-en\n   * @default \"right\"\n   */\n  labelPlacement?: 'bottom' | 'right';\n} & React.DetailedHTMLProps<\n  React.HTMLAttributes<HTMLDivElement>,\n  HTMLDivElement\n>;\n\nexport const TravelTag: React.FC<TravelTagProps> = ({\n  onClose = undefined,\n  children,\n  className,\n  alert = 'none',\n  transport,\n  label,\n  labelPlacement = 'right',\n  ...rest\n}) => {\n  const isClosable = onClose ? true : false;\n  const numberOfChildren = React.Children.count(children);\n  const TransportIcon = modeCalc(transport) ?? <></>;\n\n  const TravelTagWithoutLabel: JSX.Element = (\n    <div\n      className={classNames('eds-travel-tag', {\n        'eds-travel-tag--closable': isClosable,\n        'eds-travel-tag--alert': alert !== 'none',\n        'eds-travel-tag--alert--error': alert === 'error',\n        'eds-travel-tag--icon-and-text':\n          numberOfChildren > 1 || (transport && numberOfChildren > 0),\n        [`eds-travel-tag--transport-${transport}`]: transport,\n        className,\n      })}\n      {...rest}\n    >\n      {transport && TransportIcon}\n      {children}\n      {isClosable && (\n        <button onClick={onClose} className=\"eds-travel-tag__close-button\">\n          <CloseSmallIcon inline />\n        </button>\n      )}\n      {alert !== 'none' && (\n        <span className=\"eds-travel-tag__alert\">\n          {alert === 'info' && (\n            <ValidationInfoIcon className=\"eds-travel-tag__alert-info-icon\" />\n          )}\n          {alert === 'error' && (\n            <ValidationErrorIcon className=\"eds-travel-tag__alert-error-icon\" />\n          )}\n          {alert === 'warning' && (\n            <ValidationExclamationIcon className=\"eds-travel-tag__alert-exclamation-icon\" />\n          )}\n        </span>\n      )}\n    </div>\n  );\n\n  const Label: JSX.Element = (\n    <div\n      className={classNames('eds-travel-tag__label', {\n        [`eds-travel-tag__label--${labelPlacement}`]: label,\n        [`eds-travel-tag__label--${labelPlacement}--with-alert`]:\n          label && alert !== 'none',\n      })}\n    >\n      {label}\n    </div>\n  );\n\n  if (label) {\n    return (\n      <div\n        className={classNames('eds-travel-tag__wrapper', {\n          [`eds-travel-tag__wrapper--label-position-${labelPlacement}`]: label,\n        })}\n      >\n        {TravelTagWithoutLabel}\n        {Label}\n      </div>\n    );\n  }\n\n  return TravelTagWithoutLabel;\n};\n\nconst modeCalc = (mode: string | undefined) => {\n  switch (mode) {\n    case 'bus':\n      return <BusIcon />;\n    case 'metro':\n      return <SubwayIcon />;\n    case 'air':\n      return <PlaneIcon />;\n    case 'tram':\n      return <TramIcon />;\n    case 'rail':\n      return <TrainIcon />;\n    case 'water':\n      return <FerryIcon />;\n    case 'carferry':\n      return <CarferryIcon />;\n    case 'bike':\n      return <BicycleIcon />;\n    case 'scooter':\n      return <ScooterIcon />;\n    case 'foot':\n      return <WalkingIcon />;\n    case 'car':\n      return <CarIcon />;\n    case 'taxi':\n      return <TaxiIcon />;\n    default:\n      return <></>;\n  }\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './LegLine.scss';\n\nexport type LegLineProps = {\n  /** Farge på  LegLine'n */\n  color: string;\n  /** Retningen til LegLine */\n  direction: 'horizontal' | 'vertical';\n  /** Hvilket linjemønster som skal brukes */\n  pattern: 'line' | 'dashed' | 'dotted' | 'wave';\n  /** Ekstra klassenavn */\n  className?: string;\n} & React.DetailedHTMLProps<\n  React.HTMLAttributes<HTMLDivElement>,\n  HTMLDivElement\n>;\n\nexport const LegLine: React.FC<LegLineProps> = ({\n  color,\n  direction = 'horizontal',\n  pattern,\n  className,\n  ...rest\n}) => {\n  return (\n    <div\n      className={classNames('eds-leg-line', className, {\n        [`eds-leg-line--${pattern}`]: pattern,\n        [`eds-leg-line--${direction}`]: direction,\n      })}\n      style={{ backgroundColor: color }}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { LegLine } from './LegLine';\nimport './LegBone.scss';\n\nexport type LegBoneProps = {\n  /** Retning på komponenten */\n  direction: 'horizontal' | 'vertical';\n  /** Hvilke linjemønster som skal brukes */\n  pattern: 'line' | 'dashed' | 'dotted' | 'wave';\n  /** Farge på linja */\n  color: string;\n  /** Farge på startpunktet\n   * @default Verdien til color\n   */\n  startColor?: string;\n  /** Farge på endepunktet\n   * @default Verdien til color\n   */\n  endColor?: string;\n  /** Vis startpunkt\n   * @default true\n   */\n  showStart?: boolean;\n  /** Vis linke\n   * @default true\n   */\n  showLine?: boolean;\n  /** Vis endepunkt\n   * @default true\n   */\n  showStop?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n} & React.DetailedHTMLProps<\n  React.HTMLAttributes<HTMLDivElement>,\n  HTMLDivElement\n>;\n\nexport const LegBone: React.FC<LegBoneProps> = ({\n  direction,\n  pattern,\n  color,\n  startColor,\n  endColor,\n  showStart = true,\n  showStop = true,\n  showLine = true,\n  className,\n  ...rest\n}) => {\n  return (\n    <div\n      className={classNames(className, 'eds-leg-bone', [\n        { 'eds-leg-bone--vertical': direction === 'vertical' },\n        { 'eds-leg-bone--horizontal': direction === 'horizontal' },\n      ])}\n      {...rest}\n    >\n      {showStart && (\n        <div\n          className={`eds-leg-bone__start`}\n          style={{ backgroundColor: startColor || color }}\n        />\n      )}\n\n      {showLine && (\n        <LegLine\n          className={`eds-leg-bone__line`}\n          direction={direction}\n          color={color}\n          pattern={pattern}\n        />\n      )}\n\n      {showStop && (\n        <div\n          className={`eds-leg-bone__stop`}\n          style={{ backgroundColor: endColor || color }}\n        />\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport { LegBone } from './LegBone';\nimport { colors } from '@entur/tokens';\nimport { useContrast } from '@entur/layout';\n\nexport type TravelLegProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Hviklen type reise som skal vises riktig farge og linjetype */\n  transport:\n    | 'bus'\n    | 'metro'\n    | 'air'\n    | 'tram'\n    | 'rail'\n    | 'water'\n    | 'bike'\n    | 'scooter'\n    | 'foot'\n    | 'car';\n  /** Retningen på komponenten */\n  direction: 'horizontal' | 'vertical';\n} & React.DetailedHTMLProps<\n  React.HTMLAttributes<HTMLDivElement>,\n  HTMLDivElement\n>;\n\nexport const TravelLeg: React.FC<TravelLegProps> = ({\n  className,\n  transport,\n  direction,\n  ...rest\n}) => {\n  const { color, contrast, pattern } = modeCalc(transport);\n  const isContrast = useContrast();\n\n  return (\n    <LegBone\n      direction={direction}\n      pattern={pattern}\n      color={isContrast ? contrast : color}\n      className={className}\n      {...rest}\n    />\n  );\n};\n\ntype modeCalcResult = {\n  color: string;\n  contrast: string;\n  pattern: 'line' | 'wave' | 'dashed' | 'dotted';\n};\n\nfunction modeCalc(mode: string): modeCalcResult {\n  switch (mode) {\n    case 'bus':\n      return {\n        color: colors.transport.default.bus,\n        contrast: colors.transport.contrast.bus,\n        pattern: 'dashed',\n      };\n    case 'metro':\n      return {\n        color: colors.transport.default.metro,\n        contrast: colors.transport.contrast.metro,\n        pattern: 'line',\n      };\n    case 'air':\n      return {\n        color: colors.transport.default.plane,\n        contrast: colors.transport.contrast.plane,\n        pattern: 'line',\n      };\n    case 'tram':\n      return {\n        color: colors.transport.default.tram,\n        contrast: colors.transport.contrast.tram,\n        pattern: 'line',\n      };\n    case 'rail':\n      return {\n        color: colors.transport.default.train,\n        contrast: colors.transport.contrast.train,\n        pattern: 'line',\n      };\n    case 'water':\n      return {\n        color: colors.transport.default.ferry,\n        contrast: colors.transport.contrast.ferry,\n        pattern: 'wave',\n      };\n    case 'bike':\n      return {\n        color: colors.transport.default.mobility,\n        contrast: colors.transport.contrast.mobility,\n        pattern: 'line',\n      };\n    case 'scooter':\n      return {\n        color: colors.transport.default.mobility,\n        contrast: colors.transport.contrast.mobility,\n        pattern: 'line',\n      };\n    case 'foot':\n      return {\n        color: colors.transport.default.walk,\n        contrast: colors.transport.contrast.walk,\n        pattern: 'dotted',\n      };\n    case 'car':\n      return {\n        color: colors.transport.default.taxi,\n        contrast: colors.transport.contrast.taxi,\n        pattern: 'dashed',\n      };\n    default:\n      console.error(\n        'No transport modality was chosen. There is likely an error in your usage of TravelLeg.',\n      );\n      return {\n        color: colors.brand.blue,\n        contrast: colors.brand.white,\n        pattern: 'line',\n      };\n  }\n}\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('travel');\n\nexport * from './TravelHeader';\nexport * from './TravelTag';\nexport * from './LegLine';\nexport * from './LegBone';\nexport * from './TravelLeg';\n"],"names":["TravelHeader","as","Element","from","to","size","className","noWrap","rest","_excluded","React","createElement","classNames","TravelTag","onClose","undefined","children","alert","transport","label","labelPlacement","isClosable","numberOfChildren","Children","count","TransportIcon","modeCalc","TravelTagWithoutLabel","onClick","CloseSmallIcon","inline","ValidationInfoIcon","ValidationErrorIcon","ValidationExclamationIcon","Label","mode","BusIcon","SubwayIcon","PlaneIcon","TramIcon","TrainIcon","FerryIcon","CarferryIcon","BicycleIcon","ScooterIcon","WalkingIcon","CarIcon","TaxiIcon","LegLine","color","direction","pattern","style","backgroundColor","LegBone","startColor","endColor","showStart","showStop","showLine","TravelLeg","contrast","isContrast","useContrast","colors","bus","metro","plane","tram","train","ferry","mobility","walk","taxi","console","error","brand","blue","white","warnAboutMissingStyles"],"mappings":"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"}

package/dist/travel.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),t=require("react"),r=require("classnames"),a=require("@entur/icons"),l=require("@entur/tokens"),n=require("@entur/layout");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(t),c=o(r);function u(){return u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},u.apply(this,arguments)}function d(e,t){if(null==e)return{};var r,a,l={},n=Object.keys(e);for(a=0;a<n.length;a++)t.indexOf(r=n[a])>=0||(l[r]=e[r]);return l}var i=["as","from","to","size","className","noWrap"],m=["onClose","children","className","alert","transport","label","labelPlacement"],f=["color","direction","pattern","className"],p=function(e){var t,r=e.color,a=e.direction,l=void 0===a?"horizontal":a,n=e.pattern,o=e.className,i=d(e,f);return s.default.createElement("div",u({className:c.default("eds-leg-line",o,(t={},t["eds-leg-line--"+n]=n,t["eds-leg-line--"+l]=l,t)),style:{backgroundColor:r}},i))},v=["direction","pattern","color","startColor","endColor","showStart","showStop","showLine","className"],g=function(e){var t=e.direction,r=e.pattern,a=e.color,l=e.startColor,n=e.endColor,o=e.showStart,i=void 0===o||o,m=e.showStop,f=void 0===m||m,g=e.showLine,b=void 0===g||g,E=e.className,_=d(e,v);return s.default.createElement("div",u({className:c.default(E,"eds-leg-bone",[{"eds-leg-bone--vertical":"vertical"===t},{"eds-leg-bone--horizontal":"horizontal"===t}])},_),i&&s.default.createElement("div",{className:"eds-leg-bone__start",style:{backgroundColor:l||a}}),b&&s.default.createElement(p,{className:"eds-leg-bone__line",direction:t,color:a,pattern:r}),f&&s.default.createElement("div",{className:"eds-leg-bone__stop",style:{backgroundColor:n||a}}))},b=["className","transport","direction"];e.warnAboutMissingStyles("travel"),exports.LegBone=g,exports.LegLine=p,exports.TravelHeader=function(e){var t=e.as,r=void 0===t?"div":t,a=e.from,l=e.to,n=e.size,o=void 0===n?"large":n,m=e.className,f=e.noWrap,p=d(e,i);return s.default.createElement(r,u({className:c.default("eds-travel-header",m,{"eds-travel-header--large":"large"===o,"eds-travel-header--medium":"medium"===o,"eds-travel-header--no-wrap":f}),"aria-label":"Fra "+a+", til "+l},p),s.default.createElement("span",{className:"eds-travel-header__from"},a),s.default.createElement("span",{className:"eds-travel-header__to"},l))},exports.TravelLeg=function(e){var t=e.className,r=e.transport,a=e.direction,o=d(e,b),c=function(e){switch(e){case"bus":return{color:l.colors.transport.default.bus,contrast:l.colors.transport.contrast.bus,pattern:"dashed"};case"metro":return{color:l.colors.transport.default.metro,contrast:l.colors.transport.contrast.metro,pattern:"line"};case"air":return{color:l.colors.transport.default.plane,contrast:l.colors.transport.contrast.plane,pattern:"line"};case"tram":return{color:l.colors.transport.default.tram,contrast:l.colors.transport.contrast.tram,pattern:"line"};case"rail":return{color:l.colors.transport.default.train,contrast:l.colors.transport.contrast.train,pattern:"line"};case"water":return{color:l.colors.transport.default.ferry,contrast:l.colors.transport.contrast.ferry,pattern:"wave"};case"bike":case"scooter":return{color:l.colors.transport.default.mobility,contrast:l.colors.transport.contrast.mobility,pattern:"line"};case"foot":return{color:l.colors.transport.default.walk,contrast:l.colors.transport.contrast.walk,pattern:"dotted"};case"car":return{color:l.colors.transport.default.taxi,contrast:l.colors.transport.contrast.taxi,pattern:"dashed"};default:return console.error("No transport modality was chosen. There is likely an error in your usage of TravelLeg."),{color:l.colors.brand.blue,contrast:l.colors.brand.white,pattern:"line"}}}(r),i=c.color,m=c.contrast,f=c.pattern,p=n.useContrast();return s.default.createElement(g,u({direction:a,pattern:f,color:p?m:i,className:t},o))},exports.TravelTag=function(e){var t,r,l,n,o=e.onClose,i=void 0===o?void 0:o,f=e.children,p=e.className,v=e.alert,g=void 0===v?"none":v,b=e.transport,E=e.label,_=e.labelPlacement,h=void 0===_?"right":_,N=d(e,m),w=!!i,y=s.default.Children.count(f),I=null!=(t=function(e){switch(e){case"bus":return s.default.createElement(a.BusIcon,null);case"metro":return s.default.createElement(a.SubwayIcon,null);case"air":return s.default.createElement(a.PlaneIcon,null);case"tram":return s.default.createElement(a.TramIcon,null);case"rail":return s.default.createElement(a.TrainIcon,null);case"water":return s.default.createElement(a.FerryIcon,null);case"carferry":return s.default.createElement(a.CarferryIcon,null);case"bike":return s.default.createElement(a.BicycleIcon,null);case"scooter":return s.default.createElement(a.ScooterIcon,null);case"foot":return s.default.createElement(a.WalkingIcon,null);case"car":return s.default.createElement(a.CarIcon,null);case"taxi":return s.default.createElement(a.TaxiIcon,null);default:return s.default.createElement(s.default.Fragment,null)}}(b))?t:s.default.createElement(s.default.Fragment,null),C=s.default.createElement("div",u({className:c.default("eds-travel-tag",(r={"eds-travel-tag--closable":w,"eds-travel-tag--alert":"none"!==g,"eds-travel-tag--alert--error":"error"===g,"eds-travel-tag--icon-and-text":y>1||b&&y>0},r["eds-travel-tag--transport-"+b]=b,r.className=p,r))},N),b&&I,f,w&&s.default.createElement("button",{onClick:i,className:"eds-travel-tag__close-button"},s.default.createElement(a.CloseSmallIcon,{inline:!0})),"none"!==g&&s.default.createElement("span",{className:"eds-travel-tag__alert"},"info"===g&&s.default.createElement(a.ValidationInfoIcon,{className:"eds-travel-tag__alert-info-icon"}),"error"===g&&s.default.createElement(a.ValidationErrorIcon,{className:"eds-travel-tag__alert-error-icon"}),"warning"===g&&s.default.createElement(a.ValidationExclamationIcon,{className:"eds-travel-tag__alert-exclamation-icon"}))),x=s.default.createElement("div",{className:c.default("eds-travel-tag__label",(l={},l["eds-travel-tag__label--"+h]=E,l["eds-travel-tag__label--"+h+"--with-alert"]=E&&"none"!==g,l))},E);return E?s.default.createElement("div",{className:c.default("eds-travel-tag__wrapper",(n={},n["eds-travel-tag__wrapper--label-position-"+h]=E,n))},C,x):C};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),t=require("react"),r=require("classnames"),a=require("@entur/icons"),l=require("@entur/tokens"),n=require("@entur/layout");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(t),c=o(r);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},u.apply(this,arguments)}function d(e,t){if(null==e)return{};var r,a,l={},n=Object.keys(e);for(a=0;a<n.length;a++)t.indexOf(r=n[a])>=0||(l[r]=e[r]);return l}var i=["as","from","to","size","className","noWrap"],m=["onClose","children","className","alert","transport","label","labelPlacement"],f=["color","direction","pattern","className"],p=function(e){var t,r=e.color,a=e.direction,l=void 0===a?"horizontal":a,n=e.pattern,o=e.className,i=d(e,f);return s.default.createElement("div",u({className:c.default("eds-leg-line",o,(t={},t["eds-leg-line--"+n]=n,t["eds-leg-line--"+l]=l,t)),style:{backgroundColor:r}},i))},v=["direction","pattern","color","startColor","endColor","showStart","showStop","showLine","className"],g=function(e){var t=e.direction,r=e.pattern,a=e.color,l=e.startColor,n=e.endColor,o=e.showStart,i=void 0===o||o,m=e.showStop,f=void 0===m||m,g=e.showLine,b=void 0===g||g,E=e.className,_=d(e,v);return s.default.createElement("div",u({className:c.default(E,"eds-leg-bone",[{"eds-leg-bone--vertical":"vertical"===t},{"eds-leg-bone--horizontal":"horizontal"===t}])},_),i&&s.default.createElement("div",{className:"eds-leg-bone__start",style:{backgroundColor:l||a}}),b&&s.default.createElement(p,{className:"eds-leg-bone__line",direction:t,color:a,pattern:r}),f&&s.default.createElement("div",{className:"eds-leg-bone__stop",style:{backgroundColor:n||a}}))},b=["className","transport","direction"];e.warnAboutMissingStyles("travel"),exports.LegBone=g,exports.LegLine=p,exports.TravelHeader=function(e){var t=e.as,r=void 0===t?"div":t,a=e.from,l=e.to,n=e.size,o=void 0===n?"large":n,m=e.className,f=e.noWrap,p=d(e,i);return s.default.createElement(r,u({className:c.default("eds-travel-header",m,{"eds-travel-header--large":"large"===o,"eds-travel-header--medium":"medium"===o,"eds-travel-header--no-wrap":f}),"aria-label":"Fra "+a+", til "+l},p),s.default.createElement("span",{className:"eds-travel-header__from"},a),s.default.createElement("span",{className:"eds-travel-header__to"},l))},exports.TravelLeg=function(e){var t=e.className,r=e.transport,a=e.direction,o=d(e,b),c=function(e){switch(e){case"bus":return{color:l.colors.transport.default.bus,contrast:l.colors.transport.contrast.bus,pattern:"dashed"};case"metro":return{color:l.colors.transport.default.metro,contrast:l.colors.transport.contrast.metro,pattern:"line"};case"air":return{color:l.colors.transport.default.plane,contrast:l.colors.transport.contrast.plane,pattern:"line"};case"tram":return{color:l.colors.transport.default.tram,contrast:l.colors.transport.contrast.tram,pattern:"line"};case"rail":return{color:l.colors.transport.default.train,contrast:l.colors.transport.contrast.train,pattern:"line"};case"water":return{color:l.colors.transport.default.ferry,contrast:l.colors.transport.contrast.ferry,pattern:"wave"};case"bike":case"scooter":return{color:l.colors.transport.default.mobility,contrast:l.colors.transport.contrast.mobility,pattern:"line"};case"foot":return{color:l.colors.transport.default.walk,contrast:l.colors.transport.contrast.walk,pattern:"dotted"};case"car":return{color:l.colors.transport.default.taxi,contrast:l.colors.transport.contrast.taxi,pattern:"dashed"};default:return console.error("No transport modality was chosen. There is likely an error in your usage of TravelLeg."),{color:l.colors.brand.blue,contrast:l.colors.brand.white,pattern:"line"}}}(r),i=c.color,m=c.contrast,f=c.pattern,p=n.useContrast();return s.default.createElement(g,u({direction:a,pattern:f,color:p?m:i,className:t},o))},exports.TravelTag=function(e){var t,r,l,n,o=e.onClose,i=void 0===o?void 0:o,f=e.children,p=e.className,v=e.alert,g=void 0===v?"none":v,b=e.transport,E=e.label,_=e.labelPlacement,h=void 0===_?"right":_,N=d(e,m),w=!!i,y=s.default.Children.count(f),I=null!=(t=function(e){switch(e){case"bus":return s.default.createElement(a.BusIcon,null);case"metro":return s.default.createElement(a.SubwayIcon,null);case"air":return s.default.createElement(a.PlaneIcon,null);case"tram":return s.default.createElement(a.TramIcon,null);case"rail":return s.default.createElement(a.TrainIcon,null);case"water":return s.default.createElement(a.FerryIcon,null);case"carferry":return s.default.createElement(a.CarferryIcon,null);case"bike":return s.default.createElement(a.BicycleIcon,null);case"scooter":return s.default.createElement(a.ScooterIcon,null);case"foot":return s.default.createElement(a.WalkingIcon,null);case"car":return s.default.createElement(a.CarIcon,null);case"taxi":return s.default.createElement(a.TaxiIcon,null);default:return s.default.createElement(s.default.Fragment,null)}}(b))?t:s.default.createElement(s.default.Fragment,null),C=s.default.createElement("div",u({className:c.default("eds-travel-tag",(r={"eds-travel-tag--closable":w,"eds-travel-tag--alert":"none"!==g,"eds-travel-tag--alert--error":"error"===g,"eds-travel-tag--icon-and-text":y>1||b&&y>0},r["eds-travel-tag--transport-"+b]=b,r.className=p,r))},N),b&&I,f,w&&s.default.createElement("button",{onClick:i,className:"eds-travel-tag__close-button"},s.default.createElement(a.CloseSmallIcon,{inline:!0})),"none"!==g&&s.default.createElement("span",{className:"eds-travel-tag__alert"},"info"===g&&s.default.createElement(a.ValidationInfoIcon,{className:"eds-travel-tag__alert-info-icon"}),"error"===g&&s.default.createElement(a.ValidationErrorIcon,{className:"eds-travel-tag__alert-error-icon"}),"warning"===g&&s.default.createElement(a.ValidationExclamationIcon,{className:"eds-travel-tag__alert-exclamation-icon"}))),x=s.default.createElement("div",{className:c.default("eds-travel-tag__label",(l={},l["eds-travel-tag__label--"+h]=E,l["eds-travel-tag__label--"+h+"--with-alert"]=E&&"none"!==g,l))},E);return E?s.default.createElement("div",{className:c.default("eds-travel-tag__wrapper",(n={},n["eds-travel-tag__wrapper--label-position-"+h]=E,n))},C,x):C};
 //# sourceMappingURL=travel.cjs.production.min.js.map