@entur/travel 5.0.0 → 5.0.3

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.0.3](https://bitbucket.org/enturas/design-system/compare/@entur/travel@5.0.2...@entur/travel@5.0.3) (2022-04-19)
+
+**Note:** Version bump only for package @entur/travel
+
+## [5.0.2](https://bitbucket.org/enturas/design-system/compare/@entur/travel@5.0.1...@entur/travel@5.0.2) (2022-03-01)
+
+**Note:** Version bump only for package @entur/travel
+
+## [5.0.1](https://bitbucket.org/enturas/design-system/compare/@entur/travel@5.0.0...@entur/travel@5.0.1) (2022-02-09)
+
+**Note:** Version bump only for package @entur/travel
+
 # [5.0.0](https://bitbucket.org/enturas/design-system/compare/@entur/travel@4.2.14...@entur/travel@5.0.0) (2022-01-05)
 
 ### Bug Fixes

package/dist/styles.css

@@ -46,45 +46,6 @@
   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");
-}/* 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;
@@ -119,7 +80,9 @@
   font-size: 1.5rem;
 }
 .eds-travel-tag__close-button {
-  appearance: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
   background: none;
   border: none;
   border-radius: 50%;
@@ -137,12 +100,22 @@
   color: #ffffff;
 }
 .eds-travel-tag__close-button:focus,
+.eds-travel-tag__close-button [focus-within] {
+  outline-offset: 0.125rem;
+  outline: none;
+  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
+}
+.eds-travel-tag__close-button:focus,
 .eds-travel-tag__close-button :focus-within {
   outline-offset: 0.125rem;
   outline: none;
   box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
 }
 .eds-contrast .eds-travel-tag__close-button:focus,
+.eds-contrast .eds-travel-tag__close-button [focus-within] {
+  box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
+}
+.eds-contrast .eds-travel-tag__close-button:focus,
 .eds-contrast .eds-travel-tag__close-button :focus-within {
   box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
 }
@@ -312,4 +285,43 @@
 }
 .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-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");
 }

package/dist/travel.cjs.development.js

@@ -2,15 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var utils = require('@entur/utils');
-var React = _interopDefault(require('react'));
-var classNames = _interopDefault(require('classnames'));
+var React = require('react');
+var classNames = require('classnames');
 var icons = require('@entur/icons');
 var tokens = require('@entur/tokens');
 var layout = require('@entur/layout');
 
+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 || 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 = {};
@@ -26,6 +47,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   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,
@@ -35,22 +57,23 @@ var TravelHeader = function TravelHeader(_ref) {
       size = _ref$size === void 0 ? 'large' : _ref$size,
       className = _ref.className,
       noWrap = _ref.noWrap,
-      rest = _objectWithoutPropertiesLoose(_ref, ["as", "from", "to", "size", "className", "noWrap"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
 
-  return React.createElement(Element, Object.assign({
-    className: classNames('eds-travel-header', className, {
+  return React__default["default"].createElement(Element, _extends({
+    className: classNames__default["default"]('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.createElement("span", {
+  }, rest), React__default["default"].createElement("span", {
     className: "eds-travel-header__from"
-  }, from), React.createElement("span", {
+  }, from), React__default["default"].createElement("span", {
     className: "eds-travel-header__to"
   }, to));
 };
 
+var _excluded$3 = ["onClose", "children", "className", "alert", "transport", "label", "labelPlacement"];
 var TravelTag = function TravelTag(_ref) {
   var _modeCalc, _classNames, _classNames2;
 
@@ -64,90 +87,91 @@ var TravelTag = function TravelTag(_ref) {
       label = _ref.label,
       _ref$labelPlacement = _ref.labelPlacement,
       labelPlacement = _ref$labelPlacement === void 0 ? 'right' : _ref$labelPlacement,
-      rest = _objectWithoutPropertiesLoose(_ref, ["onClose", "children", "className", "alert", "transport", "label", "labelPlacement"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
   var isClosable = onClose ? true : false;
-  var numberOfChildren = React.Children.count(children);
-  var TransportIcon = (_modeCalc = modeCalc(transport)) !== null && _modeCalc !== void 0 ? _modeCalc : React.createElement(React.Fragment, null);
-  var TravelTagWithoutLabel = React.createElement("div", Object.assign({
-    className: classNames('eds-travel-tag', (_classNames = {
+  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);
+  var TravelTagWithoutLabel = React__default["default"].createElement("div", _extends({
+    className: classNames__default["default"]('eds-travel-tag', (_classNames = {
       'eds-travel-tag--closable': isClosable,
       'eds-travel-tag--alert': alert !== 'none',
       'eds-travel-tag--alert--error': alert === 'error',
       'eds-travel-tag--icon-and-text': numberOfChildren > 1 || transport && numberOfChildren > 0
     }, _classNames["eds-travel-tag--transport-" + transport] = transport, _classNames.className = className, _classNames))
-  }, rest), transport && TransportIcon, children, isClosable && React.createElement("button", {
+  }, rest), transport && TransportIcon, children, isClosable && React__default["default"].createElement("button", {
     onClick: onClose,
     className: "eds-travel-tag__close-button"
-  }, React.createElement(icons.CloseSmallIcon, {
+  }, React__default["default"].createElement(icons.CloseSmallIcon, {
     inline: true
-  })), alert !== 'none' && React.createElement("span", {
+  })), alert !== 'none' && React__default["default"].createElement("span", {
     className: "eds-travel-tag__alert"
-  }, alert === 'info' && React.createElement(icons.ValidationInfoIcon, {
+  }, alert === 'info' && React__default["default"].createElement(icons.ValidationInfoIcon, {
     className: "eds-travel-tag__alert-info-icon"
-  }), alert === 'error' && React.createElement(icons.ValidationErrorIcon, {
+  }), alert === 'error' && React__default["default"].createElement(icons.ValidationErrorIcon, {
     className: "eds-travel-tag__alert-error-icon"
-  }), alert === 'warning' && React.createElement(icons.ValidationExclamationIcon, {
+  }), alert === 'warning' && React__default["default"].createElement(icons.ValidationExclamationIcon, {
     className: "eds-travel-tag__alert-exclamation-icon"
   })));
-  var Label = React.createElement("div", {
-    className: classNames('eds-travel-tag__label', (_classNames2 = {}, _classNames2["eds-travel-tag__label--" + labelPlacement] = label, _classNames2["eds-travel-tag__label--" + labelPlacement + "--with-alert"] = label && alert !== 'none', _classNames2))
+  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.createElement("div", {
-      className: classNames('eds-travel-tag__wrapper', (_classNames3 = {}, _classNames3["eds-travel-tag__wrapper--label-position-" + labelPlacement] = label, _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 = function modeCalc(mode) {
+var modeCalc$1 = function modeCalc(mode) {
   switch (mode) {
     case 'bus':
-      return React.createElement(icons.BusIcon, null);
+      return React__default["default"].createElement(icons.BusIcon, null);
 
     case 'metro':
-      return React.createElement(icons.SubwayIcon, null);
+      return React__default["default"].createElement(icons.SubwayIcon, null);
 
     case 'air':
-      return React.createElement(icons.PlaneIcon, null);
+      return React__default["default"].createElement(icons.PlaneIcon, null);
 
     case 'tram':
-      return React.createElement(icons.TramIcon, null);
+      return React__default["default"].createElement(icons.TramIcon, null);
 
     case 'rail':
-      return React.createElement(icons.TrainIcon, null);
+      return React__default["default"].createElement(icons.TrainIcon, null);
 
     case 'water':
-      return React.createElement(icons.FerryIcon, null);
+      return React__default["default"].createElement(icons.FerryIcon, null);
 
     case 'carferry':
-      return React.createElement(icons.CarferryIcon, null);
+      return React__default["default"].createElement(icons.CarferryIcon, null);
 
     case 'bike':
-      return React.createElement(icons.BicycleIcon, null);
+      return React__default["default"].createElement(icons.BicycleIcon, null);
 
     case 'scooter':
-      return React.createElement(icons.ScooterIcon, null);
+      return React__default["default"].createElement(icons.ScooterIcon, null);
 
     case 'foot':
-      return React.createElement(icons.WalkingIcon, null);
+      return React__default["default"].createElement(icons.WalkingIcon, null);
 
     case 'car':
-      return React.createElement(icons.CarIcon, null);
+      return React__default["default"].createElement(icons.CarIcon, null);
 
     case 'taxi':
-      return React.createElement(icons.TaxiIcon, null);
+      return React__default["default"].createElement(icons.TaxiIcon, null);
 
     default:
-      return React.createElement(React.Fragment, null);
+      return React__default["default"].createElement(React__default["default"].Fragment, null);
   }
 };
 
+var _excluded$2 = ["color", "direction", "pattern", "className"];
 var LegLine = function LegLine(_ref) {
   var _classNames;
 
@@ -156,16 +180,17 @@ var LegLine = function LegLine(_ref) {
       direction = _ref$direction === void 0 ? 'horizontal' : _ref$direction,
       pattern = _ref.pattern,
       className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["color", "direction", "pattern", "className"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
 
-  return React.createElement("div", Object.assign({
-    className: classNames('eds-leg-line', className, (_classNames = {}, _classNames["eds-leg-line--" + pattern] = pattern, _classNames["eds-leg-line--" + direction] = direction, _classNames)),
+  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: {
       backgroundColor: color
     }
   }, rest));
 };
 
+var _excluded$1 = ["direction", "pattern", "color", "startColor", "endColor", "showStart", "showStop", "showLine", "className"];
 var LegBone = function LegBone(_ref) {
   var direction = _ref.direction,
       pattern = _ref.pattern,
@@ -179,25 +204,25 @@ var LegBone = function LegBone(_ref) {
       _ref$showLine = _ref.showLine,
       showLine = _ref$showLine === void 0 ? true : _ref$showLine,
       className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["direction", "pattern", "color", "startColor", "endColor", "showStart", "showStop", "showLine", "className"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
 
-  return React.createElement("div", Object.assign({
-    className: classNames(className, 'eds-leg-bone', [{
+  return React__default["default"].createElement("div", _extends({
+    className: classNames__default["default"](className, 'eds-leg-bone', [{
       'eds-leg-bone--vertical': direction === 'vertical'
     }, {
       'eds-leg-bone--horizontal': direction === 'horizontal'
     }])
-  }, rest), showStart && React.createElement("div", {
+  }, rest), showStart && React__default["default"].createElement("div", {
     className: "eds-leg-bone__start",
     style: {
       backgroundColor: startColor || color
     }
-  }), showLine && React.createElement(LegLine, {
+  }), showLine && React__default["default"].createElement(LegLine, {
     className: "eds-leg-bone__line",
     direction: direction,
     color: color,
     pattern: pattern
-  }), showStop && React.createElement("div", {
+  }), showStop && React__default["default"].createElement("div", {
     className: "eds-leg-bone__stop",
     style: {
       backgroundColor: endColor || color
@@ -205,19 +230,20 @@ 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, ["className", "transport", "direction"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  var _modeCalc = modeCalc$1(transport),
+  var _modeCalc = modeCalc(transport),
       color = _modeCalc.color,
       contrast = _modeCalc.contrast,
       pattern = _modeCalc.pattern;
 
   var isContrast = layout.useContrast();
-  return React.createElement(LegBone, Object.assign({
+  return React__default["default"].createElement(LegBone, _extends({
     direction: direction,
     pattern: pattern,
     color: isContrast ? contrast : color,
@@ -225,7 +251,7 @@ var TravelLeg = function TravelLeg(_ref) {
   }, rest));
 };
 
-function modeCalc$1(mode) {
+function modeCalc(mode) {
   switch (mode) {
     case 'bus':
       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","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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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"travel.cjs.production.min.js","sources":["../src/LegLine.tsx","../src/LegBone.tsx","../src/index.tsx","../src/TravelHeader.tsx","../src/TravelLeg.tsx","../src/TravelTag.tsx"],"sourcesContent":["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 { 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","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 { 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 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"],"names":["LegLine","color","direction","pattern","className","rest","React","classNames","style","backgroundColor","LegBone","startColor","endColor","showStart","showStop","showLine","warnAboutMissingStyles","as","Element","from","to","size","noWrap","transport","mode","colors","bus","contrast","metro","plane","tram","train","ferry","mobility","walk","taxi","console","error","brand","blue","white","modeCalc","isContrast","useContrast","onClose","undefined","children","alert","label","labelPlacement","isClosable","numberOfChildren","Children","count","TransportIcon","BusIcon","SubwayIcon","PlaneIcon","TramIcon","TrainIcon","FerryIcon","CarferryIcon","BicycleIcon","ScooterIcon","WalkingIcon","CarIcon","TaxiIcon","TravelTagWithoutLabel","onClick","CloseSmallIcon","inline","ValidationInfoIcon","ValidationErrorIcon","ValidationExclamationIcon","Label"],"mappings":"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"}
+{"version":3,"file":"travel.cjs.production.min.js","sources":["../src/LegLine.tsx","../src/LegBone.tsx","../src/index.tsx","../src/TravelHeader.tsx","../src/TravelLeg.tsx","../src/TravelTag.tsx"],"sourcesContent":["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 { 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","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 { 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 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"],"names":["LegLine","color","direction","pattern","className","rest","React","classNames","style","backgroundColor","LegBone","startColor","endColor","showStart","showStop","showLine","warnAboutMissingStyles","as","Element","from","to","size","noWrap","transport","mode","colors","bus","contrast","metro","plane","tram","train","ferry","mobility","walk","taxi","console","error","brand","blue","white","modeCalc","isContrast","useContrast","onClose","undefined","children","alert","label","labelPlacement","isClosable","numberOfChildren","Children","count","TransportIcon","BusIcon","SubwayIcon","PlaneIcon","TramIcon","TrainIcon","FerryIcon","CarferryIcon","BicycleIcon","ScooterIcon","WalkingIcon","CarIcon","TaxiIcon","TravelTagWithoutLabel","onClick","CloseSmallIcon","inline","ValidationInfoIcon","ValidationErrorIcon","ValidationExclamationIcon","Label"],"mappings":"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"}

package/dist/travel.esm.js

@@ -5,6 +5,24 @@ import { CloseSmallIcon, ValidationInfoIcon, ValidationErrorIcon, ValidationExcl
 import { colors } from '@entur/tokens';
 import { useContrast } from '@entur/layout';
 
+function _extends() {
+  _extends = Object.assign || 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 = {};
@@ -20,6 +38,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   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,
@@ -29,9 +48,9 @@ var TravelHeader = function TravelHeader(_ref) {
       size = _ref$size === void 0 ? 'large' : _ref$size,
       className = _ref.className,
       noWrap = _ref.noWrap,
-      rest = _objectWithoutPropertiesLoose(_ref, ["as", "from", "to", "size", "className", "noWrap"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
 
-  return React.createElement(Element, Object.assign({
+  return React.createElement(Element, _extends({
     className: classNames('eds-travel-header', className, {
       'eds-travel-header--large': size === 'large',
       'eds-travel-header--medium': size === 'medium',
@@ -45,6 +64,7 @@ var TravelHeader = function TravelHeader(_ref) {
   }, to));
 };
 
+var _excluded$3 = ["onClose", "children", "className", "alert", "transport", "label", "labelPlacement"];
 var TravelTag = function TravelTag(_ref) {
   var _modeCalc, _classNames, _classNames2;
 
@@ -58,12 +78,12 @@ var TravelTag = function TravelTag(_ref) {
       label = _ref.label,
       _ref$labelPlacement = _ref.labelPlacement,
       labelPlacement = _ref$labelPlacement === void 0 ? 'right' : _ref$labelPlacement,
-      rest = _objectWithoutPropertiesLoose(_ref, ["onClose", "children", "className", "alert", "transport", "label", "labelPlacement"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
   var isClosable = onClose ? true : false;
   var numberOfChildren = React.Children.count(children);
-  var TransportIcon = (_modeCalc = modeCalc(transport)) !== null && _modeCalc !== void 0 ? _modeCalc : React.createElement(React.Fragment, null);
-  var TravelTagWithoutLabel = React.createElement("div", Object.assign({
+  var TransportIcon = (_modeCalc = modeCalc$1(transport)) != null ? _modeCalc : React.createElement(React.Fragment, null);
+  var TravelTagWithoutLabel = React.createElement("div", _extends({
     className: classNames('eds-travel-tag', (_classNames = {
       'eds-travel-tag--closable': isClosable,
       'eds-travel-tag--alert': alert !== 'none',
@@ -99,7 +119,7 @@ var TravelTag = function TravelTag(_ref) {
   return TravelTagWithoutLabel;
 };
 
-var modeCalc = function modeCalc(mode) {
+var modeCalc$1 = function modeCalc(mode) {
   switch (mode) {
     case 'bus':
       return React.createElement(BusIcon, null);
@@ -142,6 +162,7 @@ var modeCalc = function modeCalc(mode) {
   }
 };
 
+var _excluded$2 = ["color", "direction", "pattern", "className"];
 var LegLine = function LegLine(_ref) {
   var _classNames;
 
@@ -150,9 +171,9 @@ var LegLine = function LegLine(_ref) {
       direction = _ref$direction === void 0 ? 'horizontal' : _ref$direction,
       pattern = _ref.pattern,
       className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["color", "direction", "pattern", "className"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
 
-  return React.createElement("div", Object.assign({
+  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
@@ -160,6 +181,7 @@ var LegLine = function LegLine(_ref) {
   }, rest));
 };
 
+var _excluded$1 = ["direction", "pattern", "color", "startColor", "endColor", "showStart", "showStop", "showLine", "className"];
 var LegBone = function LegBone(_ref) {
   var direction = _ref.direction,
       pattern = _ref.pattern,
@@ -173,9 +195,9 @@ var LegBone = function LegBone(_ref) {
       _ref$showLine = _ref.showLine,
       showLine = _ref$showLine === void 0 ? true : _ref$showLine,
       className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["direction", "pattern", "color", "startColor", "endColor", "showStart", "showStop", "showLine", "className"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
 
-  return React.createElement("div", Object.assign({
+  return React.createElement("div", _extends({
     className: classNames(className, 'eds-leg-bone', [{
       'eds-leg-bone--vertical': direction === 'vertical'
     }, {
@@ -199,19 +221,20 @@ 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, ["className", "transport", "direction"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  var _modeCalc = modeCalc$1(transport),
+  var _modeCalc = modeCalc(transport),
       color = _modeCalc.color,
       contrast = _modeCalc.contrast,
       pattern = _modeCalc.pattern;
 
   var isContrast = useContrast();
-  return React.createElement(LegBone, Object.assign({
+  return React.createElement(LegBone, _extends({
     direction: direction,
     pattern: pattern,
     color: isContrast ? contrast : color,
@@ -219,7 +242,7 @@ var TravelLeg = function TravelLeg(_ref) {
   }, rest));
 };
 
-function modeCalc$1(mode) {
+function modeCalc(mode) {
   switch (mode) {
     case 'bus':
       return {

package/dist/travel.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"travel.esm.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.esm.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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/travel",
-  "version": "5.0.0",
+  "version": "5.0.3",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/travel.esm.js",
@@ -17,16 +17,16 @@
     "access": "public"
   },
   "scripts": {
-    "start": "tsdx watch --noClean",
-    "build": "tsdx build && cp -r src/pattern dist/pattern",
-    "test": "tsdx test --env=jsdom",
-    "lint": "tsdx lint"
+    "start": "dts watch --noClean",
+    "build": "dts build && cp -r src/pattern dist/pattern",
+    "test": "dts test --env=jsdom",
+    "lint": "dts lint"
   },
   "dependencies": {
-    "@entur/icons": "^3.4.0",
-    "@entur/layout": "^2.1.3",
-    "@entur/tokens": "^3.3.0",
-    "@entur/utils": "^0.4.2",
+    "@entur/icons": "^4.0.0",
+    "@entur/layout": "^2.1.4",
+    "@entur/tokens": "^3.3.1",
+    "@entur/utils": "^0.4.3",
     "classnames": "^2.3.1"
   },
   "peerDependencies": {
@@ -36,5 +36,5 @@
   "devDependencies": {
     "rollup-plugin-sass": "^1.2.2"
   },
-  "gitHead": "7862498307d864c5f0265d657f49f76cd0afa8db"
+  "gitHead": "f760e1b8cfdc14231bd6391a8d82dfed1d71daa4"
 }