@entur/travel 4.2.11 → 5.0.0

package/CHANGELOG.md

@@ -3,6 +3,37 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [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
+
+- **travel tag:** fix 'warning' and 'error' alert prop being swapped, and colors in contrast ([0a08fb3](https://bitbucket.org/enturas/design-system/commits/0a08fb37ec70b0a19cea2fd96a2a5b39295fe5e5))
+
+### Features
+
+- **travel tag:** add label and labelPlacement props ([8f63a0b](https://bitbucket.org/enturas/design-system/commits/8f63a0bc23c16523fc976a1566ec3c8dec22dd48))
+- **travel tag:** add transport icon automatically based on transport prop ([42a191a](https://bitbucket.org/enturas/design-system/commits/42a191a2962f34696f2cfcb42c943e60c2738f4b))
+
+### BREAKING CHANGES
+
+- **travel tag:** If both an icon and transport prop is provided in previous code, you will now get two icos. Remove
+  the child Icon to fix
+- **travel tag:** alert prop options 'warning' and 'error' has been swapped and will now display the correct icon
+
+## [4.2.14](https://bitbucket.org/enturas/design-system/compare/@entur/travel@4.2.13...@entur/travel@4.2.14) (2021-11-17)
+
+**Note:** Version bump only for package @entur/travel
+
+## [4.2.13](https://bitbucket.org/enturas/design-system/compare/@entur/travel@4.2.12...@entur/travel@4.2.13) (2021-10-18)
+
+### Bug Fixes
+
+- **travel tag:** fix focus styling for close button ([d9ec26e](https://bitbucket.org/enturas/design-system/commits/d9ec26ea68ba9962a233291eb5e58920efab99b1))
+
+## [4.2.12](https://bitbucket.org/enturas/design-system/compare/@entur/travel@4.2.11...@entur/travel@4.2.12) (2021-09-23)
+
+**Note:** Version bump only for package @entur/travel
+
 ## [4.2.11](https://bitbucket.org/enturas/design-system/compare/@entur/travel@4.2.10...@entur/travel@4.2.11) (2021-09-13)
 
 **Note:** Version bump only for package @entur/travel

package/dist/TravelTag.d.ts

@@ -1,18 +1,25 @@
 import React from 'react';
 import './TravelTag.scss';
 export declare type TravelTagProps = {
-    /** Callback som kalles for når man skal lukke TravelTagen
+    /** Callback som kalles for når man skal lukke TravelTag-en
      * @default undefined
      */
     onClose?: () => void;
-    /** Innholdet til TravelTagen */
-    children: React.ReactNode;
+    /** Innholdet inne i TravelTag-en */
+    children?: React.ReactNode;
     /**Ekstra klassenavn */
     className?: string;
     /** Legger til et Valideringsikon i TravelTagen for å signalisere avvik, informasjon e.l.
      * @default "none"
      */
     alert?: 'none' | 'error' | 'warning' | 'info';
-    transport?: 'bus' | 'metro' | 'air' | 'tram' | 'rail' | 'water' | 'bike' | 'scooter' | 'foot' | 'car';
+    /** Legger til farge og ikon tilpasset valgt transportmiddel */
+    transport?: 'bus' | 'metro' | 'air' | 'tram' | 'rail' | 'water' | 'carferry' | 'bike' | 'scooter' | 'foot' | 'car' | 'taxi';
+    /** Element ved siden av eller under TravelTag.  */
+    label?: React.ReactNode;
+    /** Posisjonen til label-en i forhold til TravelTag-en
+     * @default "right"
+     */
+    labelPlacement?: 'bottom' | 'right';
 } & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
 export declare const TravelTag: React.FC<TravelTagProps>;

package/dist/styles.css

@@ -46,6 +46,45 @@
   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;
@@ -61,10 +100,19 @@
 .eds-travel-tag--alert {
   padding-right: 0.75rem;
 }
+.eds-travel-tag--alert--error {
+  box-shadow: inset 0 0 0 20px rgba(255, 255, 255, 0.5);
+}
+.eds-contrast .eds-travel-tag--alert--error.eds-travel-tag {
+  box-shadow: none;
+  background-color: rgba(0, 0, 0, 0);
+  border: 0.125rem dashed #54568c;
+}
 .eds-travel-tag--icon-and-text > .eds-icon {
   margin-right: 0.5rem;
 }
 .eds-contrast .eds-travel-tag {
+  align-items: center;
   background-color: #393d79;
 }
 .eds-travel-tag > .eds-icon {
@@ -74,10 +122,12 @@
   appearance: none;
   background: none;
   border: none;
-  border-radius: 0;
+  border-radius: 50%;
   cursor: pointer;
   margin: 0 0 0 0.75rem;
   padding: 0;
+  height: 1.5rem;
+  width: 1.5rem;
 }
 .eds-travel-tag__close-button .eds-icon {
   color: #181c56;
@@ -90,83 +140,77 @@
 .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.3125rem #181c56;
+  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.3125rem #ffffff;
+  box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
 }
 .eds-travel-tag--transport-bus {
   background: #c5044e;
   color: #ffffff;
 }
-.eds-contrast .eds-travel-tag--transport-bus {
-  background: #ff6392;
-  color: #181c56;
+.eds-travel-tag--transport-bus > .eds-icon {
+  color: #ffffff;
 }
 .eds-travel-tag--transport-metro {
   background: #de8108;
   color: #ffffff;
 }
-.eds-contrast .eds-travel-tag--transport-metro {
-  background: #f08901;
-  color: #181c56;
+.eds-travel-tag--transport-metro > .eds-icon {
+  color: #ffffff;
+}
+.eds-contrast .eds-travel-tag--transport-metro > .eds-icon {
+  color: #f08901;
 }
 .eds-travel-tag--transport-air {
   background: #800664;
   color: #ffffff;
 }
-.eds-contrast .eds-travel-tag--transport-air {
-  background: #fbafea;
-  color: #181c56;
+.eds-travel-tag--transport-air > .eds-icon {
+  color: #ffffff;
 }
 .eds-travel-tag--transport-tram {
   background: #642e88;
   color: #ffffff;
 }
-.eds-contrast .eds-travel-tag--transport-tram {
-  background: #b482fb;
-  color: #181c56;
+.eds-travel-tag--transport-tram > .eds-icon {
+  color: #ffffff;
 }
 .eds-travel-tag--transport-rail {
   background: #00367f;
   color: #ffffff;
 }
-.eds-contrast .eds-travel-tag--transport-rail {
-  background: #42a5f5;
-  color: #181c56;
+.eds-travel-tag--transport-rail > .eds-icon {
+  color: #ffffff;
 }
 .eds-travel-tag--transport-water {
   background: #0497bc;
   color: #ffffff;
 }
-.eds-contrast .eds-travel-tag--transport-water {
-  background: #6fdfff;
-  color: #181c56;
+.eds-travel-tag--transport-water > .eds-icon {
+  color: #ffffff;
 }
 .eds-travel-tag--transport-bike, .eds-travel-tag--transport-scooter {
   background: #388f76;
   color: #ffffff;
 }
-.eds-contrast .eds-travel-tag--transport-bike, .eds-contrast .eds-travel-tag--transport-scooter {
-  background: #00db9b;
-  color: #181c56;
+.eds-travel-tag--transport-bike > .eds-icon, .eds-travel-tag--transport-scooter > .eds-icon {
+  color: #ffffff;
 }
 .eds-travel-tag--transport-foot {
   background: #181c56;
   color: #ffffff;
 }
-.eds-contrast .eds-travel-tag--transport-foot {
-  background: #ffffff;
-  color: #181c56;
+.eds-travel-tag--transport-foot > .eds-icon {
+  color: #ffffff;
 }
 .eds-travel-tag--transport-car {
   background: #181c56;
   color: #ffffff;
 }
-.eds-contrast .eds-travel-tag--transport-car {
-  background: #ffffff;
-  color: #181c56;
+.eds-travel-tag--transport-car > .eds-icon {
+  color: #ffffff;
 }
 .eds-travel-tag__alert {
   background: #ffffff;
@@ -179,21 +223,26 @@
   width: 1.125rem;
   position: absolute;
   top: 0.4375rem;
-  right: -0.5625rem;
+  right: -0.6875rem;
 }
 .eds-contrast .eds-travel-tag__alert {
   background: #181c56;
 }
+.eds-contrast .eds-travel-tag__alert--error-icon {
+  top: 0.5625rem;
+}
 .eds-travel-tag__alert-exclamation-icon {
-  color: #0082b9;
+  color: #ffca28;
 }
 .eds-contrast .eds-travel-tag__alert-exclamation-icon {
-  color: #64b3e7;
+  color: #ffe082;
 }
 .eds-travel-tag__alert-error-icon {
+  font-size: 0.875rem;
   color: #d31b1b;
 }
 .eds-contrast .eds-travel-tag__alert-error-icon {
+  margin-bottom: 0.25rem;
   color: #ff9494;
 }
 .eds-travel-tag__alert-info-icon {
@@ -201,6 +250,34 @@
 }
 .eds-contrast .eds-travel-tag__alert-info-icon {
   color: #64b3e7;
+}
+.eds-travel-tag__wrapper {
+  display: inline-flex;
+}
+.eds-travel-tag__wrapper--label-position-right {
+  flex-direction: row;
+  align-items: center;
+}
+.eds-travel-tag__wrapper--label-position-bottom {
+  flex-direction: column;
+  align-items: flex-start;
+}
+.eds-travel-tag__label {
+  color: #181c56;
+  font-size: 1rem;
+}
+.eds-contrast .eds-travel-tag__label {
+  color: #ffffff;
+}
+.eds-travel-tag__label--right {
+  margin-left: 0.5rem;
+}
+.eds-travel-tag__label--right--with-alert {
+  margin-left: 1rem;
+}
+.eds-travel-tag__label--bottom {
+  margin-top: 0.125rem;
+  font-size: 0.875rem;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-leg-bone {
@@ -235,43 +312,4 @@
 }
 .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

@@ -52,7 +52,7 @@ var TravelHeader = function TravelHeader(_ref) {
 };
 
 var TravelTag = function TravelTag(_ref) {
-  var _classNames;
+  var _modeCalc, _classNames, _classNames2;
 
   var _ref$onClose = _ref.onClose,
       onClose = _ref$onClose === void 0 ? undefined : _ref$onClose,
@@ -61,30 +61,91 @@ var TravelTag = function TravelTag(_ref) {
       _ref$alert = _ref.alert,
       alert = _ref$alert === void 0 ? 'none' : _ref$alert,
       transport = _ref.transport,
-      rest = _objectWithoutPropertiesLoose(_ref, ["onClose", "children", "className", "alert", "transport"]);
+      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"]);
 
   var isClosable = onClose ? true : false;
   var numberOfChildren = React.Children.count(children);
-  return React.createElement("div", Object.assign({
+  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 = {
       'eds-travel-tag--closable': isClosable,
       'eds-travel-tag--alert': alert !== 'none',
-      'eds-travel-tag--icon-and-text': numberOfChildren > 1
+      '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), children, isClosable && React.createElement("button", {
+  }, rest), transport && TransportIcon, children, isClosable && React.createElement("button", {
     onClick: onClose,
     className: "eds-travel-tag__close-button"
-  }, React.createElement(icons.CloseIcon, {
+  }, React.createElement(icons.CloseSmallIcon, {
     inline: true
   })), alert !== 'none' && React.createElement("span", {
     className: "eds-travel-tag__alert"
   }, alert === 'info' && React.createElement(icons.ValidationInfoIcon, {
     className: "eds-travel-tag__alert-info-icon"
-  }), alert === 'error' && React.createElement(icons.ValidationExclamationIcon, {
-    className: "eds-travel-tag__alert-exclamation-icon"
-  }), alert === 'warning' && React.createElement(icons.ValidationErrorIcon, {
+  }), alert === 'error' && React.createElement(icons.ValidationErrorIcon, {
     className: "eds-travel-tag__alert-error-icon"
+  }), alert === 'warning' && React.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))
+  }, 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))
+    }, TravelTagWithoutLabel, Label);
+  }
+
+  return TravelTagWithoutLabel;
+};
+
+var modeCalc = function modeCalc(mode) {
+  switch (mode) {
+    case 'bus':
+      return React.createElement(icons.BusIcon, null);
+
+    case 'metro':
+      return React.createElement(icons.SubwayIcon, null);
+
+    case 'air':
+      return React.createElement(icons.PlaneIcon, null);
+
+    case 'tram':
+      return React.createElement(icons.TramIcon, null);
+
+    case 'rail':
+      return React.createElement(icons.TrainIcon, null);
+
+    case 'water':
+      return React.createElement(icons.FerryIcon, null);
+
+    case 'carferry':
+      return React.createElement(icons.CarferryIcon, null);
+
+    case 'bike':
+      return React.createElement(icons.BicycleIcon, null);
+
+    case 'scooter':
+      return React.createElement(icons.ScooterIcon, null);
+
+    case 'foot':
+      return React.createElement(icons.WalkingIcon, null);
+
+    case 'car':
+      return React.createElement(icons.CarIcon, null);
+
+    case 'taxi':
+      return React.createElement(icons.TaxiIcon, null);
+
+    default:
+      return React.createElement(React.Fragment, null);
+  }
 };
 
 var LegLine = function LegLine(_ref) {
@@ -150,7 +211,7 @@ var TravelLeg = function TravelLeg(_ref) {
       direction = _ref.direction,
       rest = _objectWithoutPropertiesLoose(_ref, ["className", "transport", "direction"]);
 
-  var _modeCalc = modeCalc(transport),
+  var _modeCalc = modeCalc$1(transport),
       color = _modeCalc.color,
       contrast = _modeCalc.contrast,
       pattern = _modeCalc.pattern;
@@ -164,7 +225,7 @@ var TravelLeg = function TravelLeg(_ref) {
   }, rest));
 };
 
-function modeCalc(mode) {
+function modeCalc$1(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  CloseIcon,\n  ValidationInfoIcon,\n  ValidationErrorIcon,\n  ValidationExclamationIcon,\n} from '@entur/icons';\nimport './TravelTag.scss';\n\nexport type TravelTagProps = {\n  /** Callback som kalles for når man skal lukke TravelTagen\n   * @default undefined\n   */\n  onClose?: () => void;\n  /** Innholdet til TravelTagen */\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  transport?:\n    | 'bus'\n    | 'metro'\n    | 'air'\n    | 'tram'\n    | 'rail'\n    | 'water'\n    | 'bike'\n    | 'scooter'\n    | 'foot'\n    | 'car';\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  ...rest\n}) => {\n  const isClosable = onClose ? true : false;\n  const numberOfChildren = React.Children.count(children);\n\n  return (\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--icon-and-text': numberOfChildren > 1,\n        [`eds-travel-tag--transport-${transport}`]: transport,\n        className,\n      })}\n      {...rest}\n    >\n      {children}\n      {isClosable && (\n        <button onClick={onClose} className=\"eds-travel-tag__close-button\">\n          <CloseIcon 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            <ValidationExclamationIcon className=\"eds-travel-tag__alert-exclamation-icon\" />\n          )}\n          {alert === 'warning' && (\n            <ValidationErrorIcon className=\"eds-travel-tag__alert-error-icon\" />\n          )}\n        </span>\n      )}\n    </div>\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","isClosable","numberOfChildren","Children","count","onClick","CloseIcon","inline","ValidationInfoIcon","ValidationExclamationIcon","ValidationErrorIcon","LegLine","color","direction","pattern","style","backgroundColor","LegBone","startColor","endColor","showStart","showStop","showLine","TravelLeg","modeCalc","contrast","isContrast","useContrast","mode","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")),o=require("@entur/icons"),n=require("@entur/tokens"),s=require("@entur/layout");function l(e,r){if(null==e)return{};var t,a,o={},n=Object.keys(e);for(a=0;a<n.length;a++)r.indexOf(t=n[a])>=0||(o[t]=e[t]);return o}var c=function(e){var r,o=e.color,n=e.direction,s=void 0===n?"horizontal":n,c=e.pattern,i=e.className,d=l(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--"+s]=s,r)),style:{backgroundColor:o}},d))},i=function(e){var r=e.direction,o=e.pattern,n=e.color,s=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,f=e.className,b=l(e,["direction","pattern","color","startColor","endColor","showStart","showStop","showLine","className"]);return t.createElement("div",Object.assign({className:a(f,"eds-leg-bone",[{"eds-leg-bone--vertical":"vertical"===r},{"eds-leg-bone--horizontal":"horizontal"===r}])},b),u&&t.createElement("div",{className:"eds-leg-bone__start",style:{backgroundColor:s||n}}),g&&t.createElement(c,{className:"eds-leg-bone__line",direction:r,color:n,pattern:o}),p&&t.createElement("div",{className:"eds-leg-bone__stop",style:{backgroundColor:i||n}}))};r.warnAboutMissingStyles("travel"),exports.LegBone=i,exports.LegLine=c,exports.TravelHeader=function(e){var r=e.as,o=void 0===r?"div":r,n=e.from,s=e.to,c=e.size,i=void 0===c?"large":c,d=e.className,u=e.noWrap,m=l(e,["as","from","to","size","className","noWrap"]);return t.createElement(o,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 "+n+", til "+s},m),t.createElement("span",{className:"eds-travel-header__from"},n),t.createElement("span",{className:"eds-travel-header__to"},s))},exports.TravelLeg=function(e){var r=e.className,a=e.transport,o=e.direction,c=l(e,["className","transport","direction"]),d=function(e){switch(e){case"bus":return{color:n.colors.transport.default.bus,contrast:n.colors.transport.contrast.bus,pattern:"dashed"};case"metro":return{color:n.colors.transport.default.metro,contrast:n.colors.transport.contrast.metro,pattern:"line"};case"air":return{color:n.colors.transport.default.plane,contrast:n.colors.transport.contrast.plane,pattern:"line"};case"tram":return{color:n.colors.transport.default.tram,contrast:n.colors.transport.contrast.tram,pattern:"line"};case"rail":return{color:n.colors.transport.default.train,contrast:n.colors.transport.contrast.train,pattern:"line"};case"water":return{color:n.colors.transport.default.ferry,contrast:n.colors.transport.contrast.ferry,pattern:"wave"};case"bike":case"scooter":return{color:n.colors.transport.default.mobility,contrast:n.colors.transport.contrast.mobility,pattern:"line"};case"foot":return{color:n.colors.transport.default.walk,contrast:n.colors.transport.contrast.walk,pattern:"dotted"};case"car":return{color:n.colors.transport.default.taxi,contrast:n.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:n.colors.brand.blue,contrast:n.colors.brand.white,pattern:"line"}}}(a),u=d.color,m=d.contrast,p=d.pattern,v=s.useContrast();return t.createElement(i,Object.assign({direction:o,pattern:p,color:v?m:u,className:r},c))},exports.TravelTag=function(e){var r,n=e.onClose,s=void 0===n?void 0:n,c=e.children,i=e.className,d=e.alert,u=void 0===d?"none":d,m=e.transport,p=l(e,["onClose","children","className","alert","transport"]),v=!!s,g=t.Children.count(c);return t.createElement("div",Object.assign({className:a("eds-travel-tag",(r={"eds-travel-tag--closable":v,"eds-travel-tag--alert":"none"!==u,"eds-travel-tag--icon-and-text":g>1},r["eds-travel-tag--transport-"+m]=m,r.className=i,r))},p),c,v&&t.createElement("button",{onClick:s,className:"eds-travel-tag__close-button"},t.createElement(o.CloseIcon,{inline:!0})),"none"!==u&&t.createElement("span",{className:"eds-travel-tag__alert"},"info"===u&&t.createElement(o.ValidationInfoIcon,{className:"eds-travel-tag__alert-info-icon"}),"error"===u&&t.createElement(o.ValidationExclamationIcon,{className:"eds-travel-tag__alert-exclamation-icon"}),"warning"===u&&t.createElement(o.ValidationErrorIcon,{className:"eds-travel-tag__alert-error-icon"})))};
+"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};
 //# 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  CloseIcon,\n  ValidationInfoIcon,\n  ValidationErrorIcon,\n  ValidationExclamationIcon,\n} from '@entur/icons';\nimport './TravelTag.scss';\n\nexport type TravelTagProps = {\n  /** Callback som kalles for når man skal lukke TravelTagen\n   * @default undefined\n   */\n  onClose?: () => void;\n  /** Innholdet til TravelTagen */\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  transport?:\n    | 'bus'\n    | 'metro'\n    | 'air'\n    | 'tram'\n    | 'rail'\n    | 'water'\n    | 'bike'\n    | 'scooter'\n    | 'foot'\n    | 'car';\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  ...rest\n}) => {\n  const isClosable = onClose ? true : false;\n  const numberOfChildren = React.Children.count(children);\n\n  return (\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--icon-and-text': numberOfChildren > 1,\n        [`eds-travel-tag--transport-${transport}`]: transport,\n        className,\n      })}\n      {...rest}\n    >\n      {children}\n      {isClosable && (\n        <button onClick={onClose} className=\"eds-travel-tag__close-button\">\n          <CloseIcon 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            <ValidationExclamationIcon className=\"eds-travel-tag__alert-exclamation-icon\" />\n          )}\n          {alert === 'warning' && (\n            <ValidationErrorIcon className=\"eds-travel-tag__alert-error-icon\" />\n          )}\n        </span>\n      )}\n    </div>\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","isClosable","numberOfChildren","Children","count","onClick","CloseIcon","inline","ValidationInfoIcon","ValidationExclamationIcon","ValidationErrorIcon"],"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

@@ -1,7 +1,7 @@
 import { warnAboutMissingStyles } from '@entur/utils';
 import React from 'react';
 import classNames from 'classnames';
-import { CloseIcon, ValidationInfoIcon, ValidationExclamationIcon, ValidationErrorIcon } from '@entur/icons';
+import { CloseSmallIcon, ValidationInfoIcon, ValidationErrorIcon, ValidationExclamationIcon, TaxiIcon, CarIcon, WalkingIcon, ScooterIcon, BicycleIcon, CarferryIcon, FerryIcon, TrainIcon, TramIcon, PlaneIcon, SubwayIcon, BusIcon } from '@entur/icons';
 import { colors } from '@entur/tokens';
 import { useContrast } from '@entur/layout';
 
@@ -46,7 +46,7 @@ var TravelHeader = function TravelHeader(_ref) {
 };
 
 var TravelTag = function TravelTag(_ref) {
-  var _classNames;
+  var _modeCalc, _classNames, _classNames2;
 
   var _ref$onClose = _ref.onClose,
       onClose = _ref$onClose === void 0 ? undefined : _ref$onClose,
@@ -55,30 +55,91 @@ var TravelTag = function TravelTag(_ref) {
       _ref$alert = _ref.alert,
       alert = _ref$alert === void 0 ? 'none' : _ref$alert,
       transport = _ref.transport,
-      rest = _objectWithoutPropertiesLoose(_ref, ["onClose", "children", "className", "alert", "transport"]);
+      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"]);
 
   var isClosable = onClose ? true : false;
   var numberOfChildren = React.Children.count(children);
-  return React.createElement("div", Object.assign({
+  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 = {
       'eds-travel-tag--closable': isClosable,
       'eds-travel-tag--alert': alert !== 'none',
-      'eds-travel-tag--icon-and-text': numberOfChildren > 1
+      '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), children, isClosable && React.createElement("button", {
+  }, rest), transport && TransportIcon, children, isClosable && React.createElement("button", {
     onClick: onClose,
     className: "eds-travel-tag__close-button"
-  }, React.createElement(CloseIcon, {
+  }, React.createElement(CloseSmallIcon, {
     inline: true
   })), alert !== 'none' && React.createElement("span", {
     className: "eds-travel-tag__alert"
   }, alert === 'info' && React.createElement(ValidationInfoIcon, {
     className: "eds-travel-tag__alert-info-icon"
-  }), alert === 'error' && React.createElement(ValidationExclamationIcon, {
-    className: "eds-travel-tag__alert-exclamation-icon"
-  }), alert === 'warning' && React.createElement(ValidationErrorIcon, {
+  }), alert === 'error' && React.createElement(ValidationErrorIcon, {
     className: "eds-travel-tag__alert-error-icon"
+  }), alert === 'warning' && React.createElement(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))
+  }, 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))
+    }, TravelTagWithoutLabel, Label);
+  }
+
+  return TravelTagWithoutLabel;
+};
+
+var modeCalc = function modeCalc(mode) {
+  switch (mode) {
+    case 'bus':
+      return React.createElement(BusIcon, null);
+
+    case 'metro':
+      return React.createElement(SubwayIcon, null);
+
+    case 'air':
+      return React.createElement(PlaneIcon, null);
+
+    case 'tram':
+      return React.createElement(TramIcon, null);
+
+    case 'rail':
+      return React.createElement(TrainIcon, null);
+
+    case 'water':
+      return React.createElement(FerryIcon, null);
+
+    case 'carferry':
+      return React.createElement(CarferryIcon, null);
+
+    case 'bike':
+      return React.createElement(BicycleIcon, null);
+
+    case 'scooter':
+      return React.createElement(ScooterIcon, null);
+
+    case 'foot':
+      return React.createElement(WalkingIcon, null);
+
+    case 'car':
+      return React.createElement(CarIcon, null);
+
+    case 'taxi':
+      return React.createElement(TaxiIcon, null);
+
+    default:
+      return React.createElement(React.Fragment, null);
+  }
 };
 
 var LegLine = function LegLine(_ref) {
@@ -144,7 +205,7 @@ var TravelLeg = function TravelLeg(_ref) {
       direction = _ref.direction,
       rest = _objectWithoutPropertiesLoose(_ref, ["className", "transport", "direction"]);
 
-  var _modeCalc = modeCalc(transport),
+  var _modeCalc = modeCalc$1(transport),
       color = _modeCalc.color,
       contrast = _modeCalc.contrast,
       pattern = _modeCalc.pattern;
@@ -158,7 +219,7 @@ var TravelLeg = function TravelLeg(_ref) {
   }, rest));
 };
 
-function modeCalc(mode) {
+function modeCalc$1(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  CloseIcon,\n  ValidationInfoIcon,\n  ValidationErrorIcon,\n  ValidationExclamationIcon,\n} from '@entur/icons';\nimport './TravelTag.scss';\n\nexport type TravelTagProps = {\n  /** Callback som kalles for når man skal lukke TravelTagen\n   * @default undefined\n   */\n  onClose?: () => void;\n  /** Innholdet til TravelTagen */\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  transport?:\n    | 'bus'\n    | 'metro'\n    | 'air'\n    | 'tram'\n    | 'rail'\n    | 'water'\n    | 'bike'\n    | 'scooter'\n    | 'foot'\n    | 'car';\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  ...rest\n}) => {\n  const isClosable = onClose ? true : false;\n  const numberOfChildren = React.Children.count(children);\n\n  return (\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--icon-and-text': numberOfChildren > 1,\n        [`eds-travel-tag--transport-${transport}`]: transport,\n        className,\n      })}\n      {...rest}\n    >\n      {children}\n      {isClosable && (\n        <button onClick={onClose} className=\"eds-travel-tag__close-button\">\n          <CloseIcon 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            <ValidationExclamationIcon className=\"eds-travel-tag__alert-exclamation-icon\" />\n          )}\n          {alert === 'warning' && (\n            <ValidationErrorIcon className=\"eds-travel-tag__alert-error-icon\" />\n          )}\n        </span>\n      )}\n    </div>\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","isClosable","numberOfChildren","Children","count","onClick","CloseIcon","inline","ValidationInfoIcon","ValidationExclamationIcon","ValidationErrorIcon","LegLine","color","direction","pattern","style","backgroundColor","LegBone","startColor","endColor","showStart","showStop","showLine","TravelLeg","modeCalc","contrast","isContrast","useContrast","mode","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": "4.2.11",
+  "version": "5.0.0",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/travel.esm.js",
@@ -23,9 +23,9 @@
     "lint": "tsdx lint"
   },
   "dependencies": {
-    "@entur/icons": "^3.2.0",
-    "@entur/layout": "^2.1.1",
-    "@entur/tokens": "^3.2.0",
+    "@entur/icons": "^3.4.0",
+    "@entur/layout": "^2.1.3",
+    "@entur/tokens": "^3.3.0",
     "@entur/utils": "^0.4.2",
     "classnames": "^2.3.1"
   },
@@ -36,5 +36,5 @@
   "devDependencies": {
     "rollup-plugin-sass": "^1.2.2"
   },
-  "gitHead": "3dc88a2b98f419d55e2292d21056d1a54a0b038d"
+  "gitHead": "7862498307d864c5f0265d657f49f76cd0afa8db"
 }