@entur/travel 6.1.6 → 6.1.8

package/dist/travel.cjs.development.js

@@ -7,7 +7,6 @@ var React = require('react');
 var classNames = require('classnames');
 var icons = require('@entur/icons');
 var layout = require('@entur/layout');
-var tokens = require('@entur/tokens');
 var form = require('@entur/form');
 
 function _extends() {
@@ -67,16 +66,12 @@ var getTransportStyle = function getTransportStyle(mode) {
     case 'metro':
       return {
         Icon: icons.MetroIcon,
-        backgroundColor: tokens.colors.transport["default"].metro,
-        contrastBackgroundColor: tokens.colors.transport.contrast.metro,
         pattern: 'line',
         ariaLabel: 'T-bane'
       };
     case 'bus':
       return {
         Icon: icons.BusIcon,
-        backgroundColor: tokens.colors.transport["default"].bus,
-        contrastBackgroundColor: tokens.colors.transport.contrast.bus,
         pattern: 'dashed',
         ariaLabel: 'Buss'
       };
@@ -84,64 +79,48 @@ var getTransportStyle = function getTransportStyle(mode) {
     case 'air':
       return {
         Icon: icons.PlaneIcon,
-        backgroundColor: tokens.colors.transport["default"].plane,
-        contrastBackgroundColor: tokens.colors.transport.contrast.plane,
         pattern: 'line',
         ariaLabel: 'Fly'
       };
     case 'helicopter':
       return {
         Icon: icons.HelicopterIcon,
-        backgroundColor: tokens.colors.transport["default"].helicopter,
-        contrastBackgroundColor: tokens.colors.transport.contrast.helicopter,
         pattern: 'line',
         ariaLabel: 'Helikopter'
       };
     case 'tram':
       return {
         Icon: icons.TramIcon,
-        backgroundColor: tokens.colors.transport["default"].tram,
-        contrastBackgroundColor: tokens.colors.transport.contrast.tram,
         pattern: 'line',
         ariaLabel: 'Trikk'
       };
     case 'funicular':
       return {
         Icon: icons.FunicularIcon,
-        backgroundColor: tokens.colors.transport["default"].funicular,
-        contrastBackgroundColor: tokens.colors.transport.contrast.funicular,
         pattern: 'line',
         ariaLabel: 'Taubane'
       };
     case 'cableway':
       return {
         Icon: icons.CablewayIcon,
-        backgroundColor: tokens.colors.transport["default"].cableway,
-        contrastBackgroundColor: tokens.colors.transport.contrast.cableway,
         pattern: 'line',
         ariaLabel: 'Gondol'
       };
     case 'taxi':
       return {
         Icon: icons.TaxiIcon,
-        backgroundColor: tokens.colors.transport["default"].taxi,
-        contrastBackgroundColor: tokens.colors.transport.contrast.taxi,
         pattern: 'dashed',
         ariaLabel: 'Taxi'
       };
     case 'bicycle':
       return {
         Icon: icons.BicycleIcon,
-        backgroundColor: tokens.colors.transport["default"].bicycle,
-        contrastBackgroundColor: tokens.colors.transport.contrast.bicycle,
-        pattern: 'line',
+        pattern: 'dashed',
         ariaLabel: 'Sykkel'
       };
     case 'walk':
       return {
         Icon: icons.WalkIcon,
-        backgroundColor: tokens.colors.transport["default"].walk,
-        contrastBackgroundColor: tokens.colors.transport.contrast.walk,
         pattern: 'dotted',
         ariaLabel: 'Gange'
       };
@@ -149,8 +128,6 @@ var getTransportStyle = function getTransportStyle(mode) {
     case 'rail':
       return {
         Icon: icons.TrainIcon,
-        backgroundColor: tokens.colors.transport["default"].train,
-        contrastBackgroundColor: tokens.colors.transport.contrast.train,
         pattern: 'line',
         ariaLabel: 'Tog'
       };
@@ -158,48 +135,36 @@ var getTransportStyle = function getTransportStyle(mode) {
     case 'water':
       return {
         Icon: icons.FerryIcon,
-        backgroundColor: tokens.colors.transport["default"].ferry,
-        contrastBackgroundColor: tokens.colors.transport.contrast.ferry,
         pattern: 'wave',
         ariaLabel: 'Ferge'
       };
     case 'carferry':
       return {
         Icon: icons.CarferryIcon,
-        backgroundColor: tokens.colors.transport["default"].carferry,
-        contrastBackgroundColor: tokens.colors.transport.contrast.carferry,
         pattern: 'wave',
         ariaLabel: 'Bilferge'
       };
     case 'mobility':
       return {
         Icon: icons.MobilityIcon,
-        backgroundColor: tokens.colors.transport["default"].mobility,
-        contrastBackgroundColor: tokens.colors.transport.contrast.mobility,
         pattern: 'line',
         ariaLabel: 'El-sparkesykkel'
       };
     case 'airportLinkBus':
       return {
         Icon: icons.BusIcon,
-        backgroundColor: tokens.colors.transport["default"].plane,
-        contrastBackgroundColor: tokens.colors.transport.contrast.plane,
         pattern: 'dashed',
         ariaLabel: 'Flybuss'
       };
     case 'airportLinkRail':
       return {
         Icon: icons.TrainIcon,
-        backgroundColor: tokens.colors.transport["default"].plane,
-        contrastBackgroundColor: tokens.colors.transport.contrast.plane,
         pattern: 'line',
         ariaLabel: 'Flytog'
       };
     case 'none':
       return {
         Icon: React.Fragment,
-        backgroundColor: tokens.colors.brand.blue,
-        contrastBackgroundColor: tokens.colors.brand.white,
         pattern: 'line',
         ariaLabel: ''
       };
@@ -218,7 +183,7 @@ var getTransportStyle = function getTransportStyle(mode) {
 
 var _excluded$4 = ["children", "className", "alert", "transport", "label", "labelPlacement", "onClose"];
 var TravelTag = function TravelTag(_ref) {
-  var _rest$ariaLabel, _classNames;
+  var _classNames;
   var children = _ref.children,
     className = _ref.className,
     _ref$alert = _ref.alert,
@@ -239,15 +204,40 @@ var TravelTag = function TravelTag(_ref) {
   var numberOfChildren = React.Children.count(children);
   var _getTransportStyle = getTransportStyle(transport),
     Icon = _getTransportStyle.Icon,
-    contrastBackgroundColor = _getTransportStyle.contrastBackgroundColor,
-    backgroundColor = _getTransportStyle.backgroundColor,
-    ariaLabel = _getTransportStyle.ariaLabel;
+    ariaLabelForTranportIcon = _getTransportStyle.ariaLabel;
+  var deCapitalizeTransport = transport.toLowerCase();
+  var IconWithAriaHidden = React.cloneElement(React.createElement(Icon, null), {
+    'aria-hidden': 'true'
+  });
+  var backgroundColor = 'var(--components-travel-traveltag-standard-tagfill-' + deCapitalizeTransport + ')';
+  var contrastBackgroundColor = 'var(--components-travel-traveltag-contrast-tagfill-' + deCapitalizeTransport + ')';
+  // Error colors
+  var errorBackgroundColor = 'var(--components-travel-traveltag-standard-tagfill-' + deCapitalizeTransport + '-cancled)';
+  var errorContrastBackgroundColor = 'var(--components-travel-traveltag-contrast-tagfill-' + deCapitalizeTransport + '-cancled)';
+  var errorContrastTextColor = 'var(--components-travel-traveltag-contrast-text-line-' + deCapitalizeTransport + '-cancled)';
+  var errorTextColor = 'var(--components-travel-traveltag-standard-text-line-' + deCapitalizeTransport + '-cancled)';
   React.useEffect(function () {
     if (transportIsSet) {
-      var _tagRef$current;
-      (_tagRef$current = tagRef.current) == null ? void 0 : _tagRef$current.style.setProperty('--background-color', isContrast ? contrastBackgroundColor : backgroundColor);
+      var _tagRef$current3;
+      var colorToSet;
+      var textColorToSet;
+      // Walk has another icon/text color then the other transports
+      if (transport === 'walk') {
+        var _tagRef$current;
+        (_tagRef$current = tagRef.current) == null ? void 0 : _tagRef$current.style.setProperty('--text-color', 'var(--components-travel-traveltag-standard-icon-walk)');
+      }
+      // Error
+      if (alert === 'error') {
+        var _tagRef$current2;
+        colorToSet = isContrast ? errorContrastBackgroundColor : errorBackgroundColor;
+        textColorToSet = isContrast ? errorContrastTextColor : errorTextColor;
+        (_tagRef$current2 = tagRef.current) == null ? void 0 : _tagRef$current2.style.setProperty('--text-color', "" + textColorToSet);
+      } else {
+        colorToSet = isContrast ? contrastBackgroundColor : backgroundColor;
+      }
+      (_tagRef$current3 = tagRef.current) == null ? void 0 : _tagRef$current3.style.setProperty('--background-color', "" + colorToSet);
     }
-  }, [tagRef.current, backgroundColor]);
+  }, [transportIsSet, isContrast, backgroundColor, contrastBackgroundColor, errorBackgroundColor, alert]);
   var TravelTagWithoutLabel = React.createElement("div", _extends({
     className: classNames('eds-travel-tag', {
       'eds-travel-tag--closable': isClosable,
@@ -257,13 +247,10 @@ var TravelTag = function TravelTag(_ref) {
       'eds-travel-tag--icon-and-text': numberOfChildren > 1 || transportIsSet && numberOfChildren > 0,
       className: className
     }),
-    ref: tagRef
-  }, rest, {
-    "aria-label": (_rest$ariaLabel = rest['aria-label']) != null ? _rest$ariaLabel : ariaLabel + (alertIsSet ? " " + alert : ''),
+    ref: tagRef,
+    "aria-label": ariaLabelForTranportIcon + " " + children + " " + (alertIsSet ? alert : ''),
     role: "img"
-  }), React.createElement(Icon, {
-    "aria-hidden": true
-  }), children, isClosable && React.createElement("button", {
+  }, rest), IconWithAriaHidden, children, isClosable && React.createElement("button", {
     onClick: onClose,
     type: "button",
     className: "eds-travel-tag__close-button"
@@ -356,10 +343,12 @@ var TravelLeg = function TravelLeg(_ref) {
     direction = _ref.direction,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   var _getTransportStyle = getTransportStyle(transport),
-    backgroundColor = _getTransportStyle.backgroundColor,
-    contrastBackgroundColor = _getTransportStyle.contrastBackgroundColor,
     pattern = _getTransportStyle.pattern;
   var isContrast = layout.useContrast();
+  var deCapitalizeTransport = transport.toLowerCase();
+  console.log('deCapitalizeTransport', deCapitalizeTransport);
+  var backgroundColor = 'var(--components-travel-travelleg-standard-' + deCapitalizeTransport + ')';
+  var contrastBackgroundColor = 'var(--components-travel-travelleg-contrast-' + deCapitalizeTransport + ')';
   return React.createElement(LegBone, _extends({
     direction: direction,
     pattern: pattern,
@@ -378,9 +367,10 @@ var TravelSwitch = function TravelSwitch(_ref) {
     size = _ref.size,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _getTransportStyle = getTransportStyle(transport),
-    backgroundColor = _getTransportStyle.backgroundColor,
-    contrastBackgroundColor = _getTransportStyle.contrastBackgroundColor,
     Icon = _getTransportStyle.Icon;
+  var deCapitalizeTransport = transport.toLowerCase();
+  var backgroundColor = 'var(--components-travel-travelswitch-standard-backgroundtrue-' + deCapitalizeTransport + ')';
+  var contrastBackgroundColor = 'var(--components-travel-travelswitch-contrast-backgroundtrue-' + deCapitalizeTransport + ')';
   return React.createElement(form.Switch, _extends({
     className: className,
     labelPlacement: labelPlacement,

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

@@ -1 +1 @@
-{"version":3,"file":"travel.cjs.development.js","sources":["../src/TravelHeader.tsx","../src/utils.ts","../src/TravelTag.tsx","../src/LegLine.tsx","../src/LegBone.tsx","../src/TravelLeg.tsx","../src/TravelSwitch.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 { colors } from '@entur/tokens';\nimport {\n  BusIcon,\n  FerryIcon,\n  CarferryIcon,\n  TramIcon,\n  PlaneIcon,\n  TrainIcon,\n  BicycleIcon,\n  MobilityIcon,\n  MetroIcon,\n  HelicopterIcon,\n  FunicularIcon,\n  CablewayIcon,\n  TaxiIcon,\n  WalkIcon,\n} from '@entur/icons';\n\nimport type { IconProps } from '@entur/icons';\n\nexport type Transport =\n  | 'metro'\n  | 'bus'\n  | 'plane'\n  | 'helicopter'\n  | 'tram'\n  | 'funicular'\n  | 'cableway'\n  | 'taxi'\n  | 'bicycle'\n  | 'walk'\n  | 'train'\n  | 'ferry'\n  | 'carferry'\n  | 'mobility'\n  | 'airportLinkBus'\n  | 'airportLinkRail'\n  | 'rail'\n  | 'water'\n  | 'air'\n  | 'none';\n\ntype transportStyleResult = {\n  Icon: React.FC<IconProps>;\n  backgroundColor: string;\n  contrastBackgroundColor: string;\n  pattern: 'line' | 'wave' | 'dashed' | 'dotted';\n  ariaLabel: string;\n};\n\nexport const getTransportStyle = (mode: string): transportStyleResult => {\n  switch (mode) {\n    case 'metro':\n      return {\n        Icon: MetroIcon,\n        backgroundColor: colors.transport.default.metro,\n        contrastBackgroundColor: colors.transport.contrast.metro,\n        pattern: 'line',\n        ariaLabel: 'T-bane',\n      };\n    case 'bus':\n      return {\n        Icon: BusIcon,\n        backgroundColor: colors.transport.default.bus,\n        contrastBackgroundColor: colors.transport.contrast.bus,\n        pattern: 'dashed',\n        ariaLabel: 'Buss',\n      };\n    case 'plane':\n    case 'air':\n      return {\n        Icon: PlaneIcon,\n        backgroundColor: colors.transport.default.plane,\n        contrastBackgroundColor: colors.transport.contrast.plane,\n        pattern: 'line',\n        ariaLabel: 'Fly',\n      };\n    case 'helicopter':\n      return {\n        Icon: HelicopterIcon,\n        backgroundColor: colors.transport.default.helicopter,\n        contrastBackgroundColor: colors.transport.contrast.helicopter,\n        pattern: 'line',\n        ariaLabel: 'Helikopter',\n      };\n    case 'tram':\n      return {\n        Icon: TramIcon,\n        backgroundColor: colors.transport.default.tram,\n        contrastBackgroundColor: colors.transport.contrast.tram,\n        pattern: 'line',\n        ariaLabel: 'Trikk',\n      };\n    case 'funicular':\n      return {\n        Icon: FunicularIcon,\n        backgroundColor: colors.transport.default.funicular,\n        contrastBackgroundColor: colors.transport.contrast.funicular,\n        pattern: 'line',\n        ariaLabel: 'Taubane',\n      };\n    case 'cableway':\n      return {\n        Icon: CablewayIcon,\n        backgroundColor: colors.transport.default.cableway,\n        contrastBackgroundColor: colors.transport.contrast.cableway,\n        pattern: 'line',\n        ariaLabel: 'Gondol',\n      };\n    case 'taxi':\n      return {\n        Icon: TaxiIcon,\n        backgroundColor: colors.transport.default.taxi,\n        contrastBackgroundColor: colors.transport.contrast.taxi,\n        pattern: 'dashed',\n        ariaLabel: 'Taxi',\n      };\n    case 'bicycle':\n      return {\n        Icon: BicycleIcon,\n        backgroundColor: colors.transport.default.bicycle,\n        contrastBackgroundColor: colors.transport.contrast.bicycle,\n        pattern: 'line',\n        ariaLabel: 'Sykkel',\n      };\n    case 'walk':\n      return {\n        Icon: WalkIcon,\n        backgroundColor: colors.transport.default.walk,\n        contrastBackgroundColor: colors.transport.contrast.walk,\n        pattern: 'dotted',\n        ariaLabel: 'Gange',\n      };\n    case 'train':\n    case 'rail':\n      return {\n        Icon: TrainIcon,\n        backgroundColor: colors.transport.default.train,\n        contrastBackgroundColor: colors.transport.contrast.train,\n        pattern: 'line',\n        ariaLabel: 'Tog',\n      };\n    case 'ferry':\n    case 'water':\n      return {\n        Icon: FerryIcon,\n        backgroundColor: colors.transport.default.ferry,\n        contrastBackgroundColor: colors.transport.contrast.ferry,\n        pattern: 'wave',\n        ariaLabel: 'Ferge',\n      };\n    case 'carferry':\n      return {\n        Icon: CarferryIcon,\n        backgroundColor: colors.transport.default.carferry,\n        contrastBackgroundColor: colors.transport.contrast.carferry,\n        pattern: 'wave',\n        ariaLabel: 'Bilferge',\n      };\n    case 'mobility':\n      return {\n        Icon: MobilityIcon,\n        backgroundColor: colors.transport.default.mobility,\n        contrastBackgroundColor: colors.transport.contrast.mobility,\n        pattern: 'line',\n        ariaLabel: 'El-sparkesykkel',\n      };\n    case 'airportLinkBus':\n      return {\n        Icon: BusIcon,\n        backgroundColor: colors.transport.default.plane,\n        contrastBackgroundColor: colors.transport.contrast.plane,\n        pattern: 'dashed',\n        ariaLabel: 'Flybuss',\n      };\n    case 'airportLinkRail':\n      return {\n        Icon: TrainIcon,\n        backgroundColor: colors.transport.default.plane,\n        contrastBackgroundColor: colors.transport.contrast.plane,\n        pattern: 'line',\n        ariaLabel: 'Flytog',\n      };\n    case 'none':\n      return {\n        Icon: React.Fragment,\n        backgroundColor: colors.brand.blue,\n        contrastBackgroundColor: colors.brand.white,\n        pattern: 'line',\n        ariaLabel: '',\n      };\n    case 'scooter':\n      throw Error(\n        `transport type 'scooter' is deprecated: Please use 'mobility' instead.`,\n      );\n    case 'bike':\n      throw Error(\n        `transport type 'bike' is deprecated: Please use 'bicycle' instead.`,\n      );\n    case 'car':\n      throw Error(\n        `transport type 'car' is deprecated: Please use 'taxi' instead.`,\n      );\n    case 'foot':\n      throw Error(\n        `transport type 'foot' is deprecated: Please use 'walk' instead.`,\n      );\n    default:\n      throw Error('Please select a transport for the Travel component.');\n  }\n};\n","import React, { useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport {\n  CloseSmallIcon,\n  ValidationInfoIcon,\n  ValidationErrorIcon,\n  ValidationExclamationIcon,\n} from '@entur/icons';\nimport { useContrast } from '@entur/layout';\n\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\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?: Transport;\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  children,\n  className,\n  alert = 'none',\n  transport = 'none',\n  label,\n  labelPlacement = 'right',\n  onClose = undefined,\n  ...rest\n}) => {\n  const isContrast = useContrast();\n  const isClosable = onClose ? true : false;\n  const transportIsSet = transport !== 'none';\n  const alertIsSet = alert !== 'none';\n  const tagRef = useRef<HTMLDivElement>(null);\n  const numberOfChildren = React.Children.count(children);\n  const { Icon, contrastBackgroundColor, backgroundColor, ariaLabel } =\n    getTransportStyle(transport);\n\n  useEffect(() => {\n    if (transportIsSet) {\n      tagRef.current?.style.setProperty(\n        '--background-color',\n        isContrast ? contrastBackgroundColor : backgroundColor,\n      );\n    }\n  }, [tagRef.current, backgroundColor]);\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': alertIsSet,\n        'eds-travel-tag--alert--error': alert === 'error',\n        'eds-travel-tag--transport': transportIsSet,\n        'eds-travel-tag--icon-and-text':\n          numberOfChildren > 1 || (transportIsSet && numberOfChildren > 0),\n        className,\n      })}\n      ref={tagRef}\n      {...rest}\n      aria-label={\n        rest['aria-label'] ?? ariaLabel + (alertIsSet ? ` ${alert}` : '')\n      }\n      role=\"img\"\n    >\n      <Icon aria-hidden />\n      {children}\n      {isClosable && (\n        <button\n          onClick={onClose}\n          type=\"button\"\n          className=\"eds-travel-tag__close-button\"\n        >\n          <CloseSmallIcon inline />\n        </button>\n      )}\n      {alertIsSet && (\n        <span className=\"eds-travel-tag__alert\">\n          {alert === 'info' && (\n            <ValidationInfoIcon\n              aria-hidden\n              className=\"eds-travel-tag__alert-info-icon\"\n            />\n          )}\n          {alert === 'error' && (\n            <ValidationErrorIcon\n              aria-hidden\n              className=\"eds-travel-tag__alert-error-icon\"\n            />\n          )}\n          {alert === 'warning' && (\n            <ValidationExclamationIcon\n              aria-hidden\n              className=\"eds-travel-tag__alert-exclamation-icon\"\n            />\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 && alertIsSet,\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","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 { useContrast } from '@entur/layout';\nimport { LegBone } from './LegBone';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nexport type TravelLegProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Hviklen type reise som skal vises riktig farge og linjetype */\n  transport: Transport;\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 { backgroundColor, contrastBackgroundColor, pattern } =\n    getTransportStyle(transport);\n  const isContrast = useContrast();\n\n  return (\n    <LegBone\n      direction={direction}\n      pattern={pattern}\n      color={isContrast ? contrastBackgroundColor : backgroundColor}\n      className={className}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport { Switch } from '@entur/form';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nexport type TravelSwitchProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om switch-en er checked eller ikke */\n  checked?: boolean;\n  /** Label for TravelSwitch-en. */\n  children?: React.ReactNode;\n  /** Posisjonen til label for TravelSwitch-en.\n   * @default \"right\"\n   */\n  labelPlacement?: 'right' | 'bottom';\n  /** Hvilken type reise som skal vises ikon og farge for */\n  transport: Transport; // When adding a new submode, check https://enturas.atlassian.net/wiki/spaces/PUBLIC/pages/825393529/Norwegian+submodes+and+their+definitions for names\n  /** Callback for når verdien endres */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Størrelsen på Switch-en\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;\n\nexport const TravelSwitch: React.FC<TravelSwitchProps> = ({\n  className,\n  children,\n  labelPlacement = 'right',\n  transport,\n  size,\n  ...rest\n}) => {\n  const { backgroundColor, contrastBackgroundColor, Icon } =\n    getTransportStyle(transport);\n  return (\n    <Switch\n      className={className}\n      labelPlacement={labelPlacement}\n      color={backgroundColor}\n      contrastColor={contrastBackgroundColor}\n      icon={<Icon />}\n      size={size}\n      {...rest}\n    >\n      {children}\n    </Switch>\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';\nexport * from './TravelSwitch';\n"],"names":["TravelHeader","as","Element","from","to","size","className","noWrap","rest","_excluded","React","createElement","classNames","getTransportStyle","mode","Icon","MetroIcon","backgroundColor","colors","transport","metro","contrastBackgroundColor","contrast","pattern","ariaLabel","BusIcon","bus","PlaneIcon","plane","HelicopterIcon","helicopter","TramIcon","tram","FunicularIcon","funicular","CablewayIcon","cableway","TaxiIcon","taxi","BicycleIcon","bicycle","WalkIcon","walk","TrainIcon","train","FerryIcon","ferry","CarferryIcon","carferry","MobilityIcon","mobility","Fragment","brand","blue","white","Error","TravelTag","children","alert","label","labelPlacement","onClose","undefined","isContrast","useContrast","isClosable","transportIsSet","alertIsSet","tagRef","useRef","numberOfChildren","Children","count","useEffect","current","style","setProperty","TravelTagWithoutLabel","ref","role","onClick","type","CloseSmallIcon","inline","ValidationInfoIcon","ValidationErrorIcon","ValidationExclamationIcon","Label","LegLine","color","direction","LegBone","startColor","endColor","showStart","showStop","showLine","TravelLeg","TravelSwitch","Switch","contrastColor","icon","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBaA,IAAAA,YAAY,GAAgC,SAA5CA,YAAY,CAQpB,IAAA,EAAA;AAAA,EAAA,IAAA,OAAA,GAAA,IAAA,CAPHC,EAAE;AAAEC,IAAAA,OAAO,wBAAG,KAAK,GAAA,OAAA;AACnBC,IAAAA,IAAI,QAAJA,IAAI;AACJC,IAAAA,EAAE,QAAFA,EAAE;AAAA,IAAA,SAAA,GAAA,IAAA,CACFC,IAAI;AAAJA,IAAAA,IAAI,0BAAG,OAAO,GAAA,SAAA;AACdC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,MAAM,QAANA,MAAM;IACHC,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAAC,WAAA,CAAA,CAAA;AAEP,EAAA,OACEC,KAAC,CAAAC,aAAA,CAAAT,OAAO,EAAA,QAAA,CAAA;AACNI,IAAAA,SAAS,EAAEM,UAAU,CAAC,mBAAmB,EAAEN,SAAS,EAAE;MACpD,0BAA0B,EAAED,IAAI,KAAK,OAAO;MAC5C,2BAA2B,EAAEA,IAAI,KAAK,QAAQ;AAC9C,MAAA,4BAA4B,EAAEE,MAAAA;AAC/B,KAAA,CAAC;2BACiBJ,IAAI,GAASC,QAAAA,GAAAA,EAAAA;AAAI,GAAA,EAChCI,IAAI,CAERE,EAAAA,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAML,IAAAA,SAAS,EAAC,yBAAA;GAAyB,EAAEH,IAAI,CAAQ,EACvDO,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAAL,IAAAA,SAAS,EAAC,uBAAA;GAAuB,EAAEF,EAAE,CAAQ,CAC3C,CAAA;AAEd;;ACIO,IAAMS,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,IAAY,EAA0B;AACtE,EAAA,QAAQA,IAAI;AACV,IAAA,KAAK,OAAO;MACV,OAAO;AACLC,QAAAA,IAAI,EAAEC,eAAS;AACfC,QAAAA,eAAe,EAAEC,aAAM,CAACC,SAAS,CAAA,SAAA,CAAQ,CAACC,KAAK;AAC/CC,QAAAA,uBAAuB,EAAEH,aAAM,CAACC,SAAS,CAACG,QAAQ,CAACF,KAAK;AACxDG,QAAAA,OAAO,EAAE,MAAM;AACfC,QAAAA,SAAS,EAAE,QAAA;OACZ,CAAA;AACH,IAAA,KAAK,KAAK;MACR,OAAO;AACLT,QAAAA,IAAI,EAAEU,aAAO;AACbR,QAAAA,eAAe,EAAEC,aAAM,CAACC,SAAS,CAAA,SAAA,CAAQ,CAACO,GAAG;AAC7CL,QAAAA,uBAAuB,EAAEH,aAAM,CAACC,SAAS,CAACG,QAAQ,CAACI,GAAG;AACtDH,QAAAA,OAAO,EAAE,QAAQ;AACjBC,QAAAA,SAAS,EAAE,MAAA;OACZ,CAAA;AACH,IAAA,KAAK,OAAO,CAAA;AACZ,IAAA,KAAK,KAAK;MACR,OAAO;AACLT,QAAAA,IAAI,EAAEY,eAAS;AACfV,QAAAA,eAAe,EAAEC,aAAM,CAACC,SAAS,CAAA,SAAA,CAAQ,CAACS,KAAK;AAC/CP,QAAAA,uBAAuB,EAAEH,aAAM,CAACC,SAAS,CAACG,QAAQ,CAACM,KAAK;AACxDL,QAAAA,OAAO,EAAE,MAAM;AACfC,QAAAA,SAAS,EAAE,KAAA;OACZ,CAAA;AACH,IAAA,KAAK,YAAY;MACf,OAAO;AACLT,QAAAA,IAAI,EAAEc,oBAAc;AACpBZ,QAAAA,eAAe,EAAEC,aAAM,CAACC,SAAS,CAAA,SAAA,CAAQ,CAACW,UAAU;AACpDT,QAAAA,uBAAuB,EAAEH,aAAM,CAACC,SAAS,CAACG,QAAQ,CAACQ,UAAU;AAC7DP,QAAAA,OAAO,EAAE,MAAM;AACfC,QAAAA,SAAS,EAAE,YAAA;OACZ,CAAA;AACH,IAAA,KAAK,MAAM;MACT,OAAO;AACLT,QAAAA,IAAI,EAAEgB,cAAQ;AACdd,QAAAA,eAAe,EAAEC,aAAM,CAACC,SAAS,CAAA,SAAA,CAAQ,CAACa,IAAI;AAC9CX,QAAAA,uBAAuB,EAAEH,aAAM,CAACC,SAAS,CAACG,QAAQ,CAACU,IAAI;AACvDT,QAAAA,OAAO,EAAE,MAAM;AACfC,QAAAA,SAAS,EAAE,OAAA;OACZ,CAAA;AACH,IAAA,KAAK,WAAW;MACd,OAAO;AACLT,QAAAA,IAAI,EAAEkB,mBAAa;AACnBhB,QAAAA,eAAe,EAAEC,aAAM,CAACC,SAAS,CAAA,SAAA,CAAQ,CAACe,SAAS;AACnDb,QAAAA,uBAAuB,EAAEH,aAAM,CAACC,SAAS,CAACG,QAAQ,CAACY,SAAS;AAC5DX,QAAAA,OAAO,EAAE,MAAM;AACfC,QAAAA,SAAS,EAAE,SAAA;OACZ,CAAA;AACH,IAAA,KAAK,UAAU;MACb,OAAO;AACLT,QAAAA,IAAI,EAAEoB,kBAAY;AAClBlB,QAAAA,eAAe,EAAEC,aAAM,CAACC,SAAS,CAAA,SAAA,CAAQ,CAACiB,QAAQ;AAClDf,QAAAA,uBAAuB,EAAEH,aAAM,CAACC,SAAS,CAACG,QAAQ,CAACc,QAAQ;AAC3Db,QAAAA,OAAO,EAAE,MAAM;AACfC,QAAAA,SAAS,EAAE,QAAA;OACZ,CAAA;AACH,IAAA,KAAK,MAAM;MACT,OAAO;AACLT,QAAAA,IAAI,EAAEsB,cAAQ;AACdpB,QAAAA,eAAe,EAAEC,aAAM,CAACC,SAAS,CAAA,SAAA,CAAQ,CAACmB,IAAI;AAC9CjB,QAAAA,uBAAuB,EAAEH,aAAM,CAACC,SAAS,CAACG,QAAQ,CAACgB,IAAI;AACvDf,QAAAA,OAAO,EAAE,QAAQ;AACjBC,QAAAA,SAAS,EAAE,MAAA;OACZ,CAAA;AACH,IAAA,KAAK,SAAS;MACZ,OAAO;AACLT,QAAAA,IAAI,EAAEwB,iBAAW;AACjBtB,QAAAA,eAAe,EAAEC,aAAM,CAACC,SAAS,CAAA,SAAA,CAAQ,CAACqB,OAAO;AACjDnB,QAAAA,uBAAuB,EAAEH,aAAM,CAACC,SAAS,CAACG,QAAQ,CAACkB,OAAO;AAC1DjB,QAAAA,OAAO,EAAE,MAAM;AACfC,QAAAA,SAAS,EAAE,QAAA;OACZ,CAAA;AACH,IAAA,KAAK,MAAM;MACT,OAAO;AACLT,QAAAA,IAAI,EAAE0B,cAAQ;AACdxB,QAAAA,eAAe,EAAEC,aAAM,CAACC,SAAS,CAAA,SAAA,CAAQ,CAACuB,IAAI;AAC9CrB,QAAAA,uBAAuB,EAAEH,aAAM,CAACC,SAAS,CAACG,QAAQ,CAACoB,IAAI;AACvDnB,QAAAA,OAAO,EAAE,QAAQ;AACjBC,QAAAA,SAAS,EAAE,OAAA;OACZ,CAAA;AACH,IAAA,KAAK,OAAO,CAAA;AACZ,IAAA,KAAK,MAAM;MACT,OAAO;AACLT,QAAAA,IAAI,EAAE4B,eAAS;AACf1B,QAAAA,eAAe,EAAEC,aAAM,CAACC,SAAS,CAAA,SAAA,CAAQ,CAACyB,KAAK;AAC/CvB,QAAAA,uBAAuB,EAAEH,aAAM,CAACC,SAAS,CAACG,QAAQ,CAACsB,KAAK;AACxDrB,QAAAA,OAAO,EAAE,MAAM;AACfC,QAAAA,SAAS,EAAE,KAAA;OACZ,CAAA;AACH,IAAA,KAAK,OAAO,CAAA;AACZ,IAAA,KAAK,OAAO;MACV,OAAO;AACLT,QAAAA,IAAI,EAAE8B,eAAS;AACf5B,QAAAA,eAAe,EAAEC,aAAM,CAACC,SAAS,CAAA,SAAA,CAAQ,CAAC2B,KAAK;AAC/CzB,QAAAA,uBAAuB,EAAEH,aAAM,CAACC,SAAS,CAACG,QAAQ,CAACwB,KAAK;AACxDvB,QAAAA,OAAO,EAAE,MAAM;AACfC,QAAAA,SAAS,EAAE,OAAA;OACZ,CAAA;AACH,IAAA,KAAK,UAAU;MACb,OAAO;AACLT,QAAAA,IAAI,EAAEgC,kBAAY;AAClB9B,QAAAA,eAAe,EAAEC,aAAM,CAACC,SAAS,CAAA,SAAA,CAAQ,CAAC6B,QAAQ;AAClD3B,QAAAA,uBAAuB,EAAEH,aAAM,CAACC,SAAS,CAACG,QAAQ,CAAC0B,QAAQ;AAC3DzB,QAAAA,OAAO,EAAE,MAAM;AACfC,QAAAA,SAAS,EAAE,UAAA;OACZ,CAAA;AACH,IAAA,KAAK,UAAU;MACb,OAAO;AACLT,QAAAA,IAAI,EAAEkC,kBAAY;AAClBhC,QAAAA,eAAe,EAAEC,aAAM,CAACC,SAAS,CAAA,SAAA,CAAQ,CAAC+B,QAAQ;AAClD7B,QAAAA,uBAAuB,EAAEH,aAAM,CAACC,SAAS,CAACG,QAAQ,CAAC4B,QAAQ;AAC3D3B,QAAAA,OAAO,EAAE,MAAM;AACfC,QAAAA,SAAS,EAAE,iBAAA;OACZ,CAAA;AACH,IAAA,KAAK,gBAAgB;MACnB,OAAO;AACLT,QAAAA,IAAI,EAAEU,aAAO;AACbR,QAAAA,eAAe,EAAEC,aAAM,CAACC,SAAS,CAAA,SAAA,CAAQ,CAACS,KAAK;AAC/CP,QAAAA,uBAAuB,EAAEH,aAAM,CAACC,SAAS,CAACG,QAAQ,CAACM,KAAK;AACxDL,QAAAA,OAAO,EAAE,QAAQ;AACjBC,QAAAA,SAAS,EAAE,SAAA;OACZ,CAAA;AACH,IAAA,KAAK,iBAAiB;MACpB,OAAO;AACLT,QAAAA,IAAI,EAAE4B,eAAS;AACf1B,QAAAA,eAAe,EAAEC,aAAM,CAACC,SAAS,CAAA,SAAA,CAAQ,CAACS,KAAK;AAC/CP,QAAAA,uBAAuB,EAAEH,aAAM,CAACC,SAAS,CAACG,QAAQ,CAACM,KAAK;AACxDL,QAAAA,OAAO,EAAE,MAAM;AACfC,QAAAA,SAAS,EAAE,QAAA;OACZ,CAAA;AACH,IAAA,KAAK,MAAM;MACT,OAAO;QACLT,IAAI,EAAEL,KAAK,CAACyC,QAAQ;AACpBlC,QAAAA,eAAe,EAAEC,aAAM,CAACkC,KAAK,CAACC,IAAI;AAClChC,QAAAA,uBAAuB,EAAEH,aAAM,CAACkC,KAAK,CAACE,KAAK;AAC3C/B,QAAAA,OAAO,EAAE,MAAM;AACfC,QAAAA,SAAS,EAAE,EAAA;OACZ,CAAA;AACH,IAAA,KAAK,SAAS;AACZ,MAAA,MAAM+B,KAAK,CAEV,wEAAA,CAAA,CAAA;AACH,IAAA,KAAK,MAAM;AACT,MAAA,MAAMA,KAAK,CAEV,oEAAA,CAAA,CAAA;AACH,IAAA,KAAK,KAAK;AACR,MAAA,MAAMA,KAAK,CAEV,gEAAA,CAAA,CAAA;AACH,IAAA,KAAK,MAAM;AACT,MAAA,MAAMA,KAAK,CAEV,iEAAA,CAAA,CAAA;AACH,IAAA;MACE,MAAMA,KAAK,CAAC,qDAAqD,CAAC,CAAA;AAAC,GAAA;AAEzE,CAAC;;;ACzKYC,IAAAA,SAAS,GAA6B,SAAtCA,SAAS,CASjB,IAAA,EAAA;AAAA,EAAA,IAAA,eAAA,EAAA,WAAA,CAAA;EAAA,IARHC,QAAQ,QAARA,QAAQ;AACRnD,IAAAA,SAAS,QAATA,SAAS;AAAA,IAAA,UAAA,GAAA,IAAA,CACToD,KAAK;AAALA,IAAAA,KAAK,2BAAG,MAAM,GAAA,UAAA;AAAA,IAAA,cAAA,GAAA,IAAA,CACdvC,SAAS;AAATA,IAAAA,SAAS,+BAAG,MAAM,GAAA,cAAA;AAClBwC,IAAAA,KAAK,QAALA,KAAK;AAAA,IAAA,mBAAA,GAAA,IAAA,CACLC,cAAc;AAAdA,IAAAA,cAAc,oCAAG,OAAO,GAAA,mBAAA;AAAA,IAAA,YAAA,GAAA,IAAA,CACxBC,OAAO;AAAPA,IAAAA,OAAO,6BAAGC,SAAS,GAAA,YAAA;IAChBtD,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAAC,WAAA,CAAA,CAAA;EAEP,IAAMsD,UAAU,GAAGC,kBAAW,EAAE,CAAA;AAChC,EAAA,IAAMC,UAAU,GAAGJ,OAAO,GAAG,IAAI,GAAG,KAAK,CAAA;AACzC,EAAA,IAAMK,cAAc,GAAG/C,SAAS,KAAK,MAAM,CAAA;AAC3C,EAAA,IAAMgD,UAAU,GAAGT,KAAK,KAAK,MAAM,CAAA;AACnC,EAAA,IAAMU,MAAM,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAA;EAC3C,IAAMC,gBAAgB,GAAG5D,KAAK,CAAC6D,QAAQ,CAACC,KAAK,CAACf,QAAQ,CAAC,CAAA;EACvD,IACE5C,kBAAAA,GAAAA,iBAAiB,CAACM,SAAS,CAAC;AADtBJ,IAAAA,IAAI,sBAAJA,IAAI;AAAEM,IAAAA,uBAAuB,sBAAvBA,uBAAuB;AAAEJ,IAAAA,eAAe,sBAAfA,eAAe;AAAEO,IAAAA,SAAS,sBAATA,SAAS,CAAA;AAGjEiD,EAAAA,eAAS,CAAC,YAAK;AACb,IAAA,IAAIP,cAAc,EAAE;AAAA,MAAA,IAAA,eAAA,CAAA;AAClB,MAAA,CAAA,eAAA,GAAAE,MAAM,CAACM,OAAO,KAAd,IAAA,GAAA,KAAA,CAAA,GAAA,eAAA,CAAgBC,KAAK,CAACC,WAAW,CAC/B,oBAAoB,EACpBb,UAAU,GAAG1C,uBAAuB,GAAGJ,eAAe,CACvD,CAAA;AACF,KAAA;GACF,EAAE,CAACmD,MAAM,CAACM,OAAO,EAAEzD,eAAe,CAAC,CAAC,CAAA;AAErC,EAAA,IAAM4D,qBAAqB,GACzBnE,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA;AACEL,IAAAA,SAAS,EAAEM,UAAU,CAAC,gBAAgB,EAAE;AACtC,MAAA,0BAA0B,EAAEqD,UAAU;AACtC,MAAA,uBAAuB,EAAEE,UAAU;MACnC,8BAA8B,EAAET,KAAK,KAAK,OAAO;AACjD,MAAA,2BAA2B,EAAEQ,cAAc;MAC3C,+BAA+B,EAC7BI,gBAAgB,GAAG,CAAC,IAAKJ,cAAc,IAAII,gBAAgB,GAAG,CAAE;AAClEhE,MAAAA,SAAS,EAATA,SAAAA;AACD,KAAA,CAAC;AACFwE,IAAAA,GAAG,EAAEV,MAAAA;AAAM,GAAA,EACP5D,IAAI,EAAA;AAEN,IAAA,YAAA,EAAAA,CAAAA,eAAAA,GAAAA,IAAI,CAAC,YAAY,CAAC,KAAA,IAAA,GAAA,eAAA,GAAIgB,SAAS,IAAI2C,UAAU,GAAA,GAAA,GAAOT,KAAK,GAAK,EAAE,CAAC;AAEnEqB,IAAAA,IAAI,EAAC,KAAA;AAAK,GAAA,CAAA,EAEVrE,KAAA,CAAAC,aAAA,CAACI,IAAI,EAAe;AAAA,IAAA,aAAA,EAAA,IAAA;GAAA,CAAA,EACnB0C,QAAQ,EACRQ,UAAU,IACTvD,KACE,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAAqE,IAAAA,OAAO,EAAEnB,OAAO;AAChBoB,IAAAA,IAAI,EAAC,QAAQ;AACb3E,IAAAA,SAAS,EAAC,8BAAA;AAA8B,GAAA,EAExCI,KAAA,CAAAC,aAAA,CAACuE,oBAAc,EAAA;AAACC,IAAAA,MAAM,EAAA,IAAA;GAAA,CAAG,CAE5B,EACAhB,UAAU,IACTzD,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAAL,IAAAA,SAAS,EAAC,uBAAA;GAAuB,EACpCoD,KAAK,KAAK,MAAM,IACfhD,KAAA,CAAAC,aAAA,CAACyE,wBAAkB,EAAA;AAAA,IAAA,aAAA,EAAA,IAAA;AAEjB9E,IAAAA,SAAS,EAAC,iCAAA;GAAiC,CAE9C,EACAoD,KAAK,KAAK,OAAO,IAChBhD,KAAA,CAAAC,aAAA,CAAC0E,yBAAmB,EAAA;AAAA,IAAA,aAAA,EAAA,IAAA;AAElB/E,IAAAA,SAAS,EAAC,kCAAA;GAAkC,CAE/C,EACAoD,KAAK,KAAK,SAAS,IAClBhD,KAAA,CAAAC,aAAA,CAAC2E,+BAAyB,EAExB;AAAA,IAAA,aAAA,EAAA,IAAA;AAAAhF,IAAAA,SAAS,EAAC,wCAAA;IAEb,CAEJ,CAEJ,CAAA;AAED,EAAA,IAAMiF,KAAK,GACT7E,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEL,IAAAA,SAAS,EAAEM,UAAU,CAAC,uBAAuB,GAChBgD,WAAAA,GAAAA,EAAAA,EAAAA,WAAAA,CAAAA,yBAAAA,GAAAA,cAAc,CAAKD,GAAAA,KAAK,EACxBC,WAAAA,CAAAA,yBAAAA,GAAAA,cAAc,GACvCD,cAAAA,CAAAA,GAAAA,KAAK,IAAIQ,UAAU,EAAA,WAAA,EAAA;GAGtB,EAAAR,KAAK,CAET,CAAA;AAED,EAAA,IAAIA,KAAK,EAAE;AAAA,IAAA,IAAA,YAAA,CAAA;AACT,IAAA,OACEjD,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAAL,MAAAA,SAAS,EAAEM,UAAU,CAAC,yBAAyB,GACDgD,YAAAA,GAAAA,EAAAA,EAAAA,YAAAA,CAAAA,0CAAAA,GAAAA,cAAc,IAAKD,KAAK,EAAA,YAAA,EAAA;AACpE,KAAA,EAEDkB,qBAAqB,EACrBU,KAAK,CACF,CAAA;AAET,GAAA;AAED,EAAA,OAAOV,qBAAqB,CAAA;AAC9B;;;ACpIaW,IAAAA,OAAO,GAA2B,SAAlCA,OAAO,CAMf,IAAA,EAAA;AAAA,EAAA,IAAA,WAAA,CAAA;EAAA,IALHC,KAAK,QAALA,KAAK;AAAA,IAAA,cAAA,GAAA,IAAA,CACLC,SAAS;AAATA,IAAAA,SAAS,+BAAG,YAAY,GAAA,cAAA;AACxBnE,IAAAA,OAAO,QAAPA,OAAO;AACPjB,IAAAA,SAAS,QAATA,SAAS;IACNE,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAAC,WAAA,CAAA,CAAA;AAEP,EAAA,OACEC;AACEJ,IAAAA,SAAS,EAAEM,UAAU,CAAC,cAAc,EAAEN,SAAS,GAAA,WAAA,GAAA,EAAA,EAAA,WAAA,CAAA,gBAAA,GAC3BiB,OAAO,CAAA,GAAKA,OAAO,EAAA,WAAA,CAAA,gBAAA,GACnBmE,SAAS,CAAA,GAAKA,SAAS,EACzC,WAAA,EAAA;AACFf,IAAAA,KAAK,EAAE;AAAE1D,MAAAA,eAAe,EAAEwE,KAAAA;AAAK,KAAA;AAAE,GAAA,EAC7BjF,IAAI,CACR,CAAA,CAAA;AAEN;;;ACIamF,IAAAA,OAAO,GAA2B,SAAlCA,OAAO,CAWf,IAAA,EAAA;EAAA,IAVHD,SAAS,QAATA,SAAS;AACTnE,IAAAA,OAAO,QAAPA,OAAO;AACPkE,IAAAA,KAAK,QAALA,KAAK;AACLG,IAAAA,UAAU,QAAVA,UAAU;AACVC,IAAAA,QAAQ,QAARA,QAAQ;AAAA,IAAA,cAAA,GAAA,IAAA,CACRC,SAAS;AAATA,IAAAA,SAAS,+BAAG,IAAI,GAAA,cAAA;AAAA,IAAA,aAAA,GAAA,IAAA,CAChBC,QAAQ;AAARA,IAAAA,QAAQ,8BAAG,IAAI,GAAA,aAAA;AAAA,IAAA,aAAA,GAAA,IAAA,CACfC,QAAQ;AAARA,IAAAA,QAAQ,8BAAG,IAAI,GAAA,aAAA;AACf1F,IAAAA,SAAS,QAATA,SAAS;IACNE,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAAC,WAAA,CAAA,CAAA;AAEP,EAAA,OACEC;AACEJ,IAAAA,SAAS,EAAEM,UAAU,CAACN,SAAS,EAAE,cAAc,EAAE,CAC/C;MAAE,wBAAwB,EAAEoF,SAAS,KAAK,UAAA;AAAY,KAAA,EACtD;MAAE,0BAA0B,EAAEA,SAAS,KAAK,YAAA;AAAc,KAAA,CAC3D,CAAA;GACGlF,EAAAA,IAAI,GAEPsF,SAAS,IACRpF,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEL,IAAAA,SAAS,EAAuB,qBAAA;AAChCqE,IAAAA,KAAK,EAAE;MAAE1D,eAAe,EAAE2E,UAAU,IAAIH,KAAAA;AAAK,KAAA;IAEhD,EAEAO,QAAQ,IACPtF,KAAC,CAAAC,aAAA,CAAA6E,OAAO;AACNlF,IAAAA,SAAS,EAAsB,oBAAA;AAC/BoF,IAAAA,SAAS,EAAEA,SAAS;AACpBD,IAAAA,KAAK,EAAEA,KAAK;AACZlE,IAAAA,OAAO,EAAEA,OAAAA;GAAO,CAEnB,EAEAwE,QAAQ,IACPrF,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAAL,IAAAA,SAAS,EAAsB,oBAAA;AAC/BqE,IAAAA,KAAK,EAAE;MAAE1D,eAAe,EAAE4E,QAAQ,IAAIJ,KAAAA;AAAK,KAAA;IAE9C,CACG,CAAA;AAEV;;;AChEaQ,IAAAA,SAAS,GAA6B,SAAtCA,SAAS,CAKjB,IAAA,EAAA;EAAA,IAJH3F,SAAS,QAATA,SAAS;AACTa,IAAAA,SAAS,QAATA,SAAS;AACTuE,IAAAA,SAAS,QAATA,SAAS;IACNlF,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAAC,WAAA,CAAA,CAAA;EAEP,IACEI,kBAAAA,GAAAA,iBAAiB,CAACM,SAAS,CAAC;AADtBF,IAAAA,eAAe,sBAAfA,eAAe;AAAEI,IAAAA,uBAAuB,sBAAvBA,uBAAuB;AAAEE,IAAAA,OAAO,sBAAPA,OAAO,CAAA;EAEzD,IAAMwC,UAAU,GAAGC,kBAAW,EAAE,CAAA;AAEhC,EAAA,OACEtD,KAAA,CAAAC,aAAA,CAACgF,OAAO,EAAA,QAAA,CAAA;AACND,IAAAA,SAAS,EAAEA,SAAS;AACpBnE,IAAAA,OAAO,EAAEA,OAAO;AAChBkE,IAAAA,KAAK,EAAE1B,UAAU,GAAG1C,uBAAuB,GAAGJ,eAAe;AAC7DX,IAAAA,SAAS,EAAEA,SAAAA;AAAS,GAAA,EAChBE,IAAI,CACR,CAAA,CAAA;AAEN;;;ACXa0F,IAAAA,YAAY,GAAgC,SAA5CA,YAAY,CAOpB,IAAA,EAAA;EAAA,IANH5F,SAAS,QAATA,SAAS;AACTmD,IAAAA,QAAQ,QAARA,QAAQ;AAAA,IAAA,mBAAA,GAAA,IAAA,CACRG,cAAc;AAAdA,IAAAA,cAAc,oCAAG,OAAO,GAAA,mBAAA;AACxBzC,IAAAA,SAAS,QAATA,SAAS;AACTd,IAAAA,IAAI,QAAJA,IAAI;IACDG,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAEP,IACEK,kBAAAA,GAAAA,iBAAiB,CAACM,SAAS,CAAC;AADtBF,IAAAA,eAAe,sBAAfA,eAAe;AAAEI,IAAAA,uBAAuB,sBAAvBA,uBAAuB;AAAEN,IAAAA,IAAI,sBAAJA,IAAI,CAAA;AAEtD,EAAA,OACEL,KAAA,CAAAC,aAAA,CAACwF,WAAM,EAAA,QAAA,CAAA;AACL7F,IAAAA,SAAS,EAAEA,SAAS;AACpBsD,IAAAA,cAAc,EAAEA,cAAc;AAC9B6B,IAAAA,KAAK,EAAExE,eAAe;AACtBmF,IAAAA,aAAa,EAAE/E,uBAAuB;IACtCgF,IAAI,EAAE3F,KAAC,CAAAC,aAAA,CAAAI,IAAI,OAAG;AACdV,IAAAA,IAAI,EAAEA,IAAAA;GACFG,EAAAA,IAAI,CAEPiD,EAAAA,QAAQ,CACF,CAAA;AAEb;;AC/CA6C,4BAAsB,CAAC,QAAQ,CAAC;;;;;;;;;"}
+{"version":3,"file":"travel.cjs.development.js","sources":["../src/TravelHeader.tsx","../src/utils.ts","../src/TravelTag.tsx","../src/LegLine.tsx","../src/LegBone.tsx","../src/TravelLeg.tsx","../src/TravelSwitch.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';\n\nimport {\n  BusIcon,\n  FerryIcon,\n  CarferryIcon,\n  TramIcon,\n  PlaneIcon,\n  TrainIcon,\n  BicycleIcon,\n  MobilityIcon,\n  MetroIcon,\n  HelicopterIcon,\n  FunicularIcon,\n  CablewayIcon,\n  TaxiIcon,\n  WalkIcon,\n} from '@entur/icons';\n\nimport type { IconProps } from '@entur/icons';\n\nexport type Transport =\n  | 'metro'\n  | 'bus'\n  | 'plane'\n  | 'helicopter'\n  | 'tram'\n  | 'funicular'\n  | 'cableway'\n  | 'taxi'\n  | 'bicycle'\n  | 'walk'\n  | 'train'\n  | 'ferry'\n  | 'carferry'\n  | 'mobility'\n  | 'airportLinkBus'\n  | 'airportLinkRail'\n  | 'rail'\n  | 'water'\n  | 'air'\n  | 'none';\n\ntype transportStyleResult = {\n  Icon: React.FC<IconProps>;\n  backgroundColor?: string;\n  contrastBackgroundColor?: string;\n  errorBackgroundColor?: string;\n  errorTextColor?: string;\n  errorContrastTextColor?: string;\n  errorContrastBackgroundColor?: string;\n  pattern: 'line' | 'wave' | 'dashed' | 'dotted';\n  ariaLabel: string;\n};\n\nexport const getTransportStyle = (mode: string): transportStyleResult => {\n  switch (mode) {\n    case 'metro':\n      return {\n        Icon: MetroIcon,\n        pattern: 'line',\n        ariaLabel: 'T-bane',\n      };\n    case 'bus':\n      return {\n        Icon: BusIcon,\n        pattern: 'dashed',\n        ariaLabel: 'Buss',\n      };\n    case 'plane':\n    case 'air':\n      return {\n        Icon: PlaneIcon,\n        pattern: 'line',\n        ariaLabel: 'Fly',\n      };\n    case 'helicopter':\n      return {\n        Icon: HelicopterIcon,\n        pattern: 'line',\n        ariaLabel: 'Helikopter',\n      };\n    case 'tram':\n      return {\n        Icon: TramIcon,\n        pattern: 'line',\n        ariaLabel: 'Trikk',\n      };\n    case 'funicular':\n      return {\n        Icon: FunicularIcon,\n        pattern: 'line',\n        ariaLabel: 'Taubane',\n      };\n    case 'cableway':\n      return {\n        Icon: CablewayIcon,\n        pattern: 'line',\n        ariaLabel: 'Gondol',\n      };\n    case 'taxi':\n      return {\n        Icon: TaxiIcon,\n        pattern: 'dashed',\n        ariaLabel: 'Taxi',\n      };\n    case 'bicycle':\n      return {\n        Icon: BicycleIcon,\n        pattern: 'dashed',\n        ariaLabel: 'Sykkel',\n      };\n    case 'walk':\n      return {\n        Icon: WalkIcon,\n        pattern: 'dotted',\n        ariaLabel: 'Gange',\n      };\n    case 'train':\n    case 'rail':\n      return {\n        Icon: TrainIcon,\n        pattern: 'line',\n        ariaLabel: 'Tog',\n      };\n    case 'ferry':\n    case 'water':\n      return {\n        Icon: FerryIcon,\n        pattern: 'wave',\n        ariaLabel: 'Ferge',\n      };\n    case 'carferry':\n      return {\n        Icon: CarferryIcon,\n        pattern: 'wave',\n        ariaLabel: 'Bilferge',\n      };\n    case 'mobility':\n      return {\n        Icon: MobilityIcon,\n        pattern: 'line',\n        ariaLabel: 'El-sparkesykkel',\n      };\n    case 'airportLinkBus':\n      return {\n        Icon: BusIcon,\n        pattern: 'dashed',\n        ariaLabel: 'Flybuss',\n      };\n    case 'airportLinkRail':\n      return {\n        Icon: TrainIcon,\n        pattern: 'line',\n        ariaLabel: 'Flytog',\n      };\n    case 'none':\n      return {\n        Icon: React.Fragment,\n        pattern: 'line',\n        ariaLabel: '',\n      };\n    case 'scooter':\n      throw Error(\n        `transport type 'scooter' is deprecated: Please use 'mobility' instead.`,\n      );\n    case 'bike':\n      throw Error(\n        `transport type 'bike' is deprecated: Please use 'bicycle' instead.`,\n      );\n    case 'car':\n      throw Error(\n        `transport type 'car' is deprecated: Please use 'taxi' instead.`,\n      );\n    case 'foot':\n      throw Error(\n        `transport type 'foot' is deprecated: Please use 'walk' instead.`,\n      );\n    default:\n      throw Error('Please select a transport for the Travel component.');\n  }\n};\n","import React, { cloneElement, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport {\n  CloseSmallIcon,\n  ValidationInfoIcon,\n  ValidationErrorIcon,\n  ValidationExclamationIcon,\n} from '@entur/icons';\nimport { useContrast } from '@entur/layout';\n\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\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?: Transport;\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  children,\n  className,\n  alert = 'none',\n  transport = 'none',\n  label,\n  labelPlacement = 'right',\n  onClose = undefined,\n  ...rest\n}) => {\n  const isContrast = useContrast();\n  const isClosable = onClose ? true : false;\n  const transportIsSet = transport !== 'none';\n  const alertIsSet = alert !== 'none';\n  const tagRef = useRef<HTMLDivElement>(null);\n  const numberOfChildren = React.Children.count(children);\n  const { Icon, ariaLabel: ariaLabelForTranportIcon } =\n    getTransportStyle(transport);\n  const deCapitalizeTransport = transport.toLowerCase();\n  const IconWithAriaHidden = cloneElement(<Icon />, { 'aria-hidden': 'true' });\n\n  const backgroundColor =\n    'var(--components-travel-traveltag-standard-tagfill-' +\n    deCapitalizeTransport +\n    ')';\n  const contrastBackgroundColor =\n    'var(--components-travel-traveltag-contrast-tagfill-' +\n    deCapitalizeTransport +\n    ')';\n  // Error colors\n  const errorBackgroundColor =\n    'var(--components-travel-traveltag-standard-tagfill-' +\n    deCapitalizeTransport +\n    '-cancled)';\n  const errorContrastBackgroundColor =\n    'var(--components-travel-traveltag-contrast-tagfill-' +\n    deCapitalizeTransport +\n    '-cancled)';\n  const errorContrastTextColor =\n    'var(--components-travel-traveltag-contrast-text-line-' +\n    deCapitalizeTransport +\n    '-cancled)';\n  const errorTextColor =\n    'var(--components-travel-traveltag-standard-text-line-' +\n    deCapitalizeTransport +\n    '-cancled)';\n\n  useEffect(() => {\n    if (transportIsSet) {\n      let colorToSet;\n      let textColorToSet;\n      // Walk has another icon/text color then the other transports\n      if (transport === 'walk') {\n        tagRef.current?.style.setProperty(\n          '--text-color',\n          'var(--components-travel-traveltag-standard-icon-walk)',\n        );\n      }\n      // Error\n      if (alert === 'error') {\n        colorToSet = isContrast\n          ? errorContrastBackgroundColor\n          : errorBackgroundColor;\n        textColorToSet = isContrast ? errorContrastTextColor : errorTextColor;\n        tagRef.current?.style.setProperty('--text-color', `${textColorToSet}`);\n      } else {\n        colorToSet = isContrast ? contrastBackgroundColor : backgroundColor;\n      }\n      tagRef.current?.style.setProperty('--background-color', `${colorToSet}`);\n    }\n  }, [\n    transportIsSet,\n    isContrast,\n    backgroundColor,\n    contrastBackgroundColor,\n    errorBackgroundColor,\n    alert,\n  ]);\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': alertIsSet,\n        'eds-travel-tag--alert--error': alert === 'error',\n        'eds-travel-tag--transport': transportIsSet,\n        'eds-travel-tag--icon-and-text':\n          numberOfChildren > 1 || (transportIsSet && numberOfChildren > 0),\n        className,\n      })}\n      ref={tagRef}\n      aria-label={`${ariaLabelForTranportIcon} ${children} ${\n        alertIsSet ? alert : ''\n      }`}\n      role=\"img\"\n      {...rest}\n    >\n      {IconWithAriaHidden}\n      {children}\n      {isClosable && (\n        <button\n          onClick={onClose}\n          type=\"button\"\n          className=\"eds-travel-tag__close-button\"\n        >\n          <CloseSmallIcon inline />\n        </button>\n      )}\n      {alertIsSet && (\n        <span className=\"eds-travel-tag__alert\">\n          {alert === 'info' && (\n            <ValidationInfoIcon\n              aria-hidden\n              className=\"eds-travel-tag__alert-info-icon\"\n            />\n          )}\n          {alert === 'error' && (\n            <ValidationErrorIcon\n              aria-hidden\n              className=\"eds-travel-tag__alert-error-icon\"\n            />\n          )}\n          {alert === 'warning' && (\n            <ValidationExclamationIcon\n              aria-hidden\n              className=\"eds-travel-tag__alert-exclamation-icon\"\n            />\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 && alertIsSet,\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","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 { useContrast } from '@entur/layout';\nimport { LegBone } from './LegBone';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nexport type TravelLegProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Hviklen type reise som skal vises riktig farge og linjetype */\n  transport: Transport;\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 { pattern } = getTransportStyle(transport);\n  const isContrast = useContrast();\n  const deCapitalizeTransport = transport.toLowerCase();\n\n  console.log('deCapitalizeTransport', deCapitalizeTransport);\n  const backgroundColor =\n    'var(--components-travel-travelleg-standard-' + deCapitalizeTransport + ')';\n  const contrastBackgroundColor =\n    'var(--components-travel-travelleg-contrast-' + deCapitalizeTransport + ')';\n\n  return (\n    <LegBone\n      direction={direction}\n      pattern={pattern}\n      color={isContrast ? contrastBackgroundColor : backgroundColor}\n      className={className}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport { Switch } from '@entur/form';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nexport type TravelSwitchProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om switch-en er checked eller ikke */\n  checked?: boolean;\n  /** Label for TravelSwitch-en. */\n  children?: React.ReactNode;\n  /** Posisjonen til label for TravelSwitch-en.\n   * @default \"right\"\n   */\n  labelPlacement?: 'right' | 'bottom';\n  /** Hvilken type reise som skal vises ikon og farge for */\n  transport: Transport; // When adding a new submode, check https://enturas.atlassian.net/wiki/spaces/PUBLIC/pages/825393529/Norwegian+submodes+and+their+definitions for names\n  /** Callback for når verdien endres */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Størrelsen på Switch-en\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;\n\nexport const TravelSwitch: React.FC<TravelSwitchProps> = ({\n  className,\n  children,\n  labelPlacement = 'right',\n  transport,\n  size,\n  ...rest\n}) => {\n  const { Icon } = getTransportStyle(transport);\n  const deCapitalizeTransport = transport.toLowerCase();\n\n  const backgroundColor =\n    'var(--components-travel-travelswitch-standard-backgroundtrue-' +\n    deCapitalizeTransport +\n    ')';\n  const contrastBackgroundColor =\n    'var(--components-travel-travelswitch-contrast-backgroundtrue-' +\n    deCapitalizeTransport +\n    ')';\n\n  return (\n    <Switch\n      className={className}\n      labelPlacement={labelPlacement}\n      color={backgroundColor}\n      contrastColor={contrastBackgroundColor}\n      icon={<Icon />}\n      size={size}\n      {...rest}\n    >\n      {children}\n    </Switch>\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';\nexport * from './TravelSwitch';\n"],"names":["TravelHeader","as","Element","from","to","size","className","noWrap","rest","_excluded","React","createElement","classNames","getTransportStyle","mode","Icon","MetroIcon","pattern","ariaLabel","BusIcon","PlaneIcon","HelicopterIcon","TramIcon","FunicularIcon","CablewayIcon","TaxiIcon","BicycleIcon","WalkIcon","TrainIcon","FerryIcon","CarferryIcon","MobilityIcon","Fragment","Error","TravelTag","children","alert","transport","label","labelPlacement","onClose","undefined","isContrast","useContrast","isClosable","transportIsSet","alertIsSet","tagRef","useRef","numberOfChildren","Children","count","ariaLabelForTranportIcon","deCapitalizeTransport","toLowerCase","IconWithAriaHidden","cloneElement","backgroundColor","contrastBackgroundColor","errorBackgroundColor","errorContrastBackgroundColor","errorContrastTextColor","errorTextColor","useEffect","colorToSet","textColorToSet","current","style","setProperty","TravelTagWithoutLabel","ref","role","onClick","type","CloseSmallIcon","inline","ValidationInfoIcon","ValidationErrorIcon","ValidationExclamationIcon","Label","LegLine","color","direction","LegBone","startColor","endColor","showStart","showStop","showLine","TravelLeg","console","log","TravelSwitch","Switch","contrastColor","icon","warnAboutMissingStyles"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@entur/utils"),e=require("react"),a=require("classnames"),t=require("@entur/icons"),o=require("@entur/layout"),n=require("@entur/tokens"),l=require("@entur/form");function s(){return s=Object.assign?Object.assign.bind():function(r){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(r[t]=a[t])}return r},s.apply(this,arguments)}function c(r,e){if(null==r)return{};var a,t,o={},n=Object.keys(r);for(t=0;t<n.length;t++)e.indexOf(a=n[t])>=0||(o[a]=r[a]);return o}var i=["as","from","to","size","className","noWrap"],d=function(r){switch(r){case"metro":return{Icon:t.MetroIcon,backgroundColor:n.colors.transport.default.metro,contrastBackgroundColor:n.colors.transport.contrast.metro,pattern:"line",ariaLabel:"T-bane"};case"bus":return{Icon:t.BusIcon,backgroundColor:n.colors.transport.default.bus,contrastBackgroundColor:n.colors.transport.contrast.bus,pattern:"dashed",ariaLabel:"Buss"};case"plane":case"air":return{Icon:t.PlaneIcon,backgroundColor:n.colors.transport.default.plane,contrastBackgroundColor:n.colors.transport.contrast.plane,pattern:"line",ariaLabel:"Fly"};case"helicopter":return{Icon:t.HelicopterIcon,backgroundColor:n.colors.transport.default.helicopter,contrastBackgroundColor:n.colors.transport.contrast.helicopter,pattern:"line",ariaLabel:"Helikopter"};case"tram":return{Icon:t.TramIcon,backgroundColor:n.colors.transport.default.tram,contrastBackgroundColor:n.colors.transport.contrast.tram,pattern:"line",ariaLabel:"Trikk"};case"funicular":return{Icon:t.FunicularIcon,backgroundColor:n.colors.transport.default.funicular,contrastBackgroundColor:n.colors.transport.contrast.funicular,pattern:"line",ariaLabel:"Taubane"};case"cableway":return{Icon:t.CablewayIcon,backgroundColor:n.colors.transport.default.cableway,contrastBackgroundColor:n.colors.transport.contrast.cableway,pattern:"line",ariaLabel:"Gondol"};case"taxi":return{Icon:t.TaxiIcon,backgroundColor:n.colors.transport.default.taxi,contrastBackgroundColor:n.colors.transport.contrast.taxi,pattern:"dashed",ariaLabel:"Taxi"};case"bicycle":return{Icon:t.BicycleIcon,backgroundColor:n.colors.transport.default.bicycle,contrastBackgroundColor:n.colors.transport.contrast.bicycle,pattern:"line",ariaLabel:"Sykkel"};case"walk":return{Icon:t.WalkIcon,backgroundColor:n.colors.transport.default.walk,contrastBackgroundColor:n.colors.transport.contrast.walk,pattern:"dotted",ariaLabel:"Gange"};case"train":case"rail":return{Icon:t.TrainIcon,backgroundColor:n.colors.transport.default.train,contrastBackgroundColor:n.colors.transport.contrast.train,pattern:"line",ariaLabel:"Tog"};case"ferry":case"water":return{Icon:t.FerryIcon,backgroundColor:n.colors.transport.default.ferry,contrastBackgroundColor:n.colors.transport.contrast.ferry,pattern:"wave",ariaLabel:"Ferge"};case"carferry":return{Icon:t.CarferryIcon,backgroundColor:n.colors.transport.default.carferry,contrastBackgroundColor:n.colors.transport.contrast.carferry,pattern:"wave",ariaLabel:"Bilferge"};case"mobility":return{Icon:t.MobilityIcon,backgroundColor:n.colors.transport.default.mobility,contrastBackgroundColor:n.colors.transport.contrast.mobility,pattern:"line",ariaLabel:"El-sparkesykkel"};case"airportLinkBus":return{Icon:t.BusIcon,backgroundColor:n.colors.transport.default.plane,contrastBackgroundColor:n.colors.transport.contrast.plane,pattern:"dashed",ariaLabel:"Flybuss"};case"airportLinkRail":return{Icon:t.TrainIcon,backgroundColor:n.colors.transport.default.plane,contrastBackgroundColor:n.colors.transport.contrast.plane,pattern:"line",ariaLabel:"Flytog"};case"none":return{Icon:e.Fragment,backgroundColor:n.colors.brand.blue,contrastBackgroundColor:n.colors.brand.white,pattern:"line",ariaLabel:""};case"scooter":throw Error("transport type 'scooter' is deprecated: Please use 'mobility' instead.");case"bike":throw Error("transport type 'bike' is deprecated: Please use 'bicycle' instead.");case"car":throw Error("transport type 'car' is deprecated: Please use 'taxi' instead.");case"foot":throw Error("transport type 'foot' is deprecated: Please use 'walk' instead.");default:throw Error("Please select a transport for the Travel component.")}},u=["children","className","alert","transport","label","labelPlacement","onClose"],p=["color","direction","pattern","className"],b=function(r){var t,o=r.color,n=r.direction,l=void 0===n?"horizontal":n,i=r.pattern,d=r.className,u=c(r,p);return e.createElement("div",s({className:a("eds-leg-line",d,(t={},t["eds-leg-line--"+i]=i,t["eds-leg-line--"+l]=l,t)),style:{backgroundColor:o}},u))},g=["direction","pattern","color","startColor","endColor","showStart","showStop","showLine","className"],m=function(r){var t=r.direction,o=r.pattern,n=r.color,l=r.startColor,i=r.endColor,d=r.showStart,u=void 0===d||d,p=r.showStop,m=void 0===p||p,v=r.showLine,k=void 0===v||v,f=r.className,C=c(r,g);return e.createElement("div",s({className:a(f,"eds-leg-bone",[{"eds-leg-bone--vertical":"vertical"===t},{"eds-leg-bone--horizontal":"horizontal"===t}])},C),u&&e.createElement("div",{className:"eds-leg-bone__start",style:{backgroundColor:l||n}}),k&&e.createElement(b,{className:"eds-leg-bone__line",direction:t,color:n,pattern:o}),m&&e.createElement("div",{className:"eds-leg-bone__stop",style:{backgroundColor:i||n}}))},v=["className","transport","direction"],k=["className","children","labelPlacement","transport","size"];r.warnAboutMissingStyles("travel"),exports.LegBone=m,exports.LegLine=b,exports.TravelHeader=function(r){var t=r.as,o=void 0===t?"div":t,n=r.from,l=r.to,d=r.size,u=void 0===d?"large":d,p=r.className,b=r.noWrap,g=c(r,i);return e.createElement(o,s({className:a("eds-travel-header",p,{"eds-travel-header--large":"large"===u,"eds-travel-header--medium":"medium"===u,"eds-travel-header--no-wrap":b}),"aria-label":"Fra "+n+", til "+l},g),e.createElement("span",{className:"eds-travel-header__from"},n),e.createElement("span",{className:"eds-travel-header__to"},l))},exports.TravelLeg=function(r){var a=r.className,t=r.transport,n=r.direction,l=c(r,v),i=d(t),u=i.backgroundColor,p=i.contrastBackgroundColor,b=i.pattern,g=o.useContrast();return e.createElement(m,s({direction:n,pattern:b,color:g?p:u,className:a},l))},exports.TravelSwitch=function(r){var a=r.className,t=r.children,o=r.labelPlacement,n=void 0===o?"right":o,i=r.transport,u=r.size,p=c(r,k),b=d(i);return e.createElement(l.Switch,s({className:a,labelPlacement:n,color:b.backgroundColor,contrastColor:b.contrastBackgroundColor,icon:e.createElement(b.Icon,null),size:u},p),t)},exports.TravelTag=function(r){var n,l,i=r.children,p=r.className,b=r.alert,g=void 0===b?"none":b,m=r.transport,v=void 0===m?"none":m,k=r.label,f=r.labelPlacement,C=void 0===f?"right":f,h=r.onClose,y=void 0===h?void 0:h,I=c(r,u),w=o.useContrast(),_=!!y,N="none"!==v,E="none"!==g,B=e.useRef(null),L=e.Children.count(i),x=d(v),T=x.Icon,P=x.contrastBackgroundColor,S=x.backgroundColor,z=x.ariaLabel;e.useEffect((function(){var r;N&&(null==(r=B.current)||r.style.setProperty("--background-color",w?P:S))}),[B.current,S]);var F,q=e.createElement("div",s({className:a("eds-travel-tag",{"eds-travel-tag--closable":_,"eds-travel-tag--alert":E,"eds-travel-tag--alert--error":"error"===g,"eds-travel-tag--transport":N,"eds-travel-tag--icon-and-text":L>1||N&&L>0,className:p}),ref:B},I,{"aria-label":null!=(n=I["aria-label"])?n:z+(E?" "+g:""),role:"img"}),e.createElement(T,{"aria-hidden":!0}),i,_&&e.createElement("button",{onClick:y,type:"button",className:"eds-travel-tag__close-button"},e.createElement(t.CloseSmallIcon,{inline:!0})),E&&e.createElement("span",{className:"eds-travel-tag__alert"},"info"===g&&e.createElement(t.ValidationInfoIcon,{"aria-hidden":!0,className:"eds-travel-tag__alert-info-icon"}),"error"===g&&e.createElement(t.ValidationErrorIcon,{"aria-hidden":!0,className:"eds-travel-tag__alert-error-icon"}),"warning"===g&&e.createElement(t.ValidationExclamationIcon,{"aria-hidden":!0,className:"eds-travel-tag__alert-exclamation-icon"}))),O=e.createElement("div",{className:a("eds-travel-tag__label",(l={},l["eds-travel-tag__label--"+C]=k,l["eds-travel-tag__label--"+C+"--with-alert"]=k&&E,l))},k);return k?e.createElement("div",{className:a("eds-travel-tag__wrapper",(F={},F["eds-travel-tag__wrapper--label-position-"+C]=k,F))},q,O):q};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),a=require("react"),r=require("classnames"),t=require("@entur/icons"),n=require("@entur/layout"),l=require("@entur/form");function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var r=arguments[a];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},o.apply(this,arguments)}function s(e,a){if(null==e)return{};var r,t,n={},l=Object.keys(e);for(t=0;t<l.length;t++)a.indexOf(r=l[t])>=0||(n[r]=e[r]);return n}var c=["as","from","to","size","className","noWrap"],i=function(e){switch(e){case"metro":return{Icon:t.MetroIcon,pattern:"line",ariaLabel:"T-bane"};case"bus":return{Icon:t.BusIcon,pattern:"dashed",ariaLabel:"Buss"};case"plane":case"air":return{Icon:t.PlaneIcon,pattern:"line",ariaLabel:"Fly"};case"helicopter":return{Icon:t.HelicopterIcon,pattern:"line",ariaLabel:"Helikopter"};case"tram":return{Icon:t.TramIcon,pattern:"line",ariaLabel:"Trikk"};case"funicular":return{Icon:t.FunicularIcon,pattern:"line",ariaLabel:"Taubane"};case"cableway":return{Icon:t.CablewayIcon,pattern:"line",ariaLabel:"Gondol"};case"taxi":return{Icon:t.TaxiIcon,pattern:"dashed",ariaLabel:"Taxi"};case"bicycle":return{Icon:t.BicycleIcon,pattern:"dashed",ariaLabel:"Sykkel"};case"walk":return{Icon:t.WalkIcon,pattern:"dotted",ariaLabel:"Gange"};case"train":case"rail":return{Icon:t.TrainIcon,pattern:"line",ariaLabel:"Tog"};case"ferry":case"water":return{Icon:t.FerryIcon,pattern:"wave",ariaLabel:"Ferge"};case"carferry":return{Icon:t.CarferryIcon,pattern:"wave",ariaLabel:"Bilferge"};case"mobility":return{Icon:t.MobilityIcon,pattern:"line",ariaLabel:"El-sparkesykkel"};case"airportLinkBus":return{Icon:t.BusIcon,pattern:"dashed",ariaLabel:"Flybuss"};case"airportLinkRail":return{Icon:t.TrainIcon,pattern:"line",ariaLabel:"Flytog"};case"none":return{Icon:a.Fragment,pattern:"line",ariaLabel:""};case"scooter":throw Error("transport type 'scooter' is deprecated: Please use 'mobility' instead.");case"bike":throw Error("transport type 'bike' is deprecated: Please use 'bicycle' instead.");case"car":throw Error("transport type 'car' is deprecated: Please use 'taxi' instead.");case"foot":throw Error("transport type 'foot' is deprecated: Please use 'walk' instead.");default:throw Error("Please select a transport for the Travel component.")}},d=["children","className","alert","transport","label","labelPlacement","onClose"],v=["color","direction","pattern","className"],u=function(e){var t,n=e.color,l=e.direction,c=void 0===l?"horizontal":l,i=e.pattern,d=e.className,u=s(e,v);return a.createElement("div",o({className:r("eds-leg-line",d,(t={},t["eds-leg-line--"+i]=i,t["eds-leg-line--"+c]=c,t)),style:{backgroundColor:n}},u))},p=["direction","pattern","color","startColor","endColor","showStart","showStop","showLine","className"],m=function(e){var t=e.direction,n=e.pattern,l=e.color,c=e.startColor,i=e.endColor,d=e.showStart,v=void 0===d||d,m=e.showStop,b=void 0===m||m,g=e.showLine,h=void 0===g||g,f=e.className,I=s(e,p);return a.createElement("div",o({className:r(f,"eds-leg-bone",[{"eds-leg-bone--vertical":"vertical"===t},{"eds-leg-bone--horizontal":"horizontal"===t}])},I),v&&a.createElement("div",{className:"eds-leg-bone__start",style:{backgroundColor:c||l}}),h&&a.createElement(u,{className:"eds-leg-bone__line",direction:t,color:l,pattern:n}),b&&a.createElement("div",{className:"eds-leg-bone__stop",style:{backgroundColor:i||l}}))},b=["className","transport","direction"],g=["className","children","labelPlacement","transport","size"];e.warnAboutMissingStyles("travel"),exports.LegBone=m,exports.LegLine=u,exports.TravelHeader=function(e){var t=e.as,n=void 0===t?"div":t,l=e.from,i=e.to,d=e.size,v=void 0===d?"large":d,u=e.className,p=e.noWrap,m=s(e,c);return a.createElement(n,o({className:r("eds-travel-header",u,{"eds-travel-header--large":"large"===v,"eds-travel-header--medium":"medium"===v,"eds-travel-header--no-wrap":p}),"aria-label":"Fra "+l+", til "+i},m),a.createElement("span",{className:"eds-travel-header__from"},l),a.createElement("span",{className:"eds-travel-header__to"},i))},exports.TravelLeg=function(e){var r=e.className,t=e.transport,l=e.direction,c=s(e,b),d=i(t).pattern,v=n.useContrast(),u=t.toLowerCase();return console.log("deCapitalizeTransport",u),a.createElement(m,o({direction:l,pattern:d,color:v?"var(--components-travel-travelleg-contrast-"+u+")":"var(--components-travel-travelleg-standard-"+u+")",className:r},c))},exports.TravelSwitch=function(e){var r=e.className,t=e.children,n=e.labelPlacement,c=void 0===n?"right":n,d=e.transport,v=e.size,u=s(e,g),p=i(d).Icon,m=d.toLowerCase();return a.createElement(l.Switch,o({className:r,labelPlacement:c,color:"var(--components-travel-travelswitch-standard-backgroundtrue-"+m+")",contrastColor:"var(--components-travel-travelswitch-contrast-backgroundtrue-"+m+")",icon:a.createElement(p,null),size:v},u),t)},exports.TravelTag=function(e){var l,c=e.children,v=e.className,u=e.alert,p=void 0===u?"none":u,m=e.transport,b=void 0===m?"none":m,g=e.label,h=e.labelPlacement,f=void 0===h?"right":h,I=e.onClose,y=void 0===I?void 0:I,w=s(e,d),_=n.useContrast(),E=!!y,N="none"!==b,L="none"!==p,k=a.useRef(null),C=a.Children.count(c),x=i(b),P=x.Icon,T=x.ariaLabel,z=b.toLowerCase(),S=a.cloneElement(a.createElement(P,null),{"aria-hidden":"true"}),F="var(--components-travel-traveltag-standard-tagfill-"+z+")",B="var(--components-travel-traveltag-contrast-tagfill-"+z+")",O="var(--components-travel-traveltag-standard-tagfill-"+z+"-cancled)",q="var(--components-travel-traveltag-contrast-tagfill-"+z+"-cancled)",j="var(--components-travel-traveltag-contrast-text-line-"+z+"-cancled)",M="var(--components-travel-traveltag-standard-text-line-"+z+"-cancled)";a.useEffect((function(){var e,a,r,t;N&&("walk"===b&&(null==(r=k.current)||r.style.setProperty("--text-color","var(--components-travel-traveltag-standard-icon-walk)")),"error"===p?(a=_?q:O,null==(t=k.current)||t.style.setProperty("--text-color",""+(_?j:M))):a=_?B:F,null==(e=k.current)||e.style.setProperty("--background-color",""+a))}),[N,_,F,B,O,p]);var H,V=a.createElement("div",o({className:r("eds-travel-tag",{"eds-travel-tag--closable":E,"eds-travel-tag--alert":L,"eds-travel-tag--alert--error":"error"===p,"eds-travel-tag--transport":N,"eds-travel-tag--icon-and-text":C>1||N&&C>0,className:v}),ref:k,"aria-label":T+" "+c+" "+(L?p:""),role:"img"},w),S,c,E&&a.createElement("button",{onClick:y,type:"button",className:"eds-travel-tag__close-button"},a.createElement(t.CloseSmallIcon,{inline:!0})),L&&a.createElement("span",{className:"eds-travel-tag__alert"},"info"===p&&a.createElement(t.ValidationInfoIcon,{"aria-hidden":!0,className:"eds-travel-tag__alert-info-icon"}),"error"===p&&a.createElement(t.ValidationErrorIcon,{"aria-hidden":!0,className:"eds-travel-tag__alert-error-icon"}),"warning"===p&&a.createElement(t.ValidationExclamationIcon,{"aria-hidden":!0,className:"eds-travel-tag__alert-exclamation-icon"}))),W=a.createElement("div",{className:r("eds-travel-tag__label",(l={},l["eds-travel-tag__label--"+f]=g,l["eds-travel-tag__label--"+f+"--with-alert"]=g&&L,l))},g);return g?a.createElement("div",{className:r("eds-travel-tag__wrapper",(H={},H["eds-travel-tag__wrapper--label-position-"+f]=g,H))},V,W):V};
 //# 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/utils.ts","../src/LegLine.tsx","../src/LegBone.tsx","../src/index.tsx","../src/TravelHeader.tsx","../src/TravelLeg.tsx","../src/TravelSwitch.tsx","../src/TravelTag.tsx"],"sourcesContent":["import React from 'react';\nimport { colors } from '@entur/tokens';\nimport {\n  BusIcon,\n  FerryIcon,\n  CarferryIcon,\n  TramIcon,\n  PlaneIcon,\n  TrainIcon,\n  BicycleIcon,\n  MobilityIcon,\n  MetroIcon,\n  HelicopterIcon,\n  FunicularIcon,\n  CablewayIcon,\n  TaxiIcon,\n  WalkIcon,\n} from '@entur/icons';\n\nimport type { IconProps } from '@entur/icons';\n\nexport type Transport =\n  | 'metro'\n  | 'bus'\n  | 'plane'\n  | 'helicopter'\n  | 'tram'\n  | 'funicular'\n  | 'cableway'\n  | 'taxi'\n  | 'bicycle'\n  | 'walk'\n  | 'train'\n  | 'ferry'\n  | 'carferry'\n  | 'mobility'\n  | 'airportLinkBus'\n  | 'airportLinkRail'\n  | 'rail'\n  | 'water'\n  | 'air'\n  | 'none';\n\ntype transportStyleResult = {\n  Icon: React.FC<IconProps>;\n  backgroundColor: string;\n  contrastBackgroundColor: string;\n  pattern: 'line' | 'wave' | 'dashed' | 'dotted';\n  ariaLabel: string;\n};\n\nexport const getTransportStyle = (mode: string): transportStyleResult => {\n  switch (mode) {\n    case 'metro':\n      return {\n        Icon: MetroIcon,\n        backgroundColor: colors.transport.default.metro,\n        contrastBackgroundColor: colors.transport.contrast.metro,\n        pattern: 'line',\n        ariaLabel: 'T-bane',\n      };\n    case 'bus':\n      return {\n        Icon: BusIcon,\n        backgroundColor: colors.transport.default.bus,\n        contrastBackgroundColor: colors.transport.contrast.bus,\n        pattern: 'dashed',\n        ariaLabel: 'Buss',\n      };\n    case 'plane':\n    case 'air':\n      return {\n        Icon: PlaneIcon,\n        backgroundColor: colors.transport.default.plane,\n        contrastBackgroundColor: colors.transport.contrast.plane,\n        pattern: 'line',\n        ariaLabel: 'Fly',\n      };\n    case 'helicopter':\n      return {\n        Icon: HelicopterIcon,\n        backgroundColor: colors.transport.default.helicopter,\n        contrastBackgroundColor: colors.transport.contrast.helicopter,\n        pattern: 'line',\n        ariaLabel: 'Helikopter',\n      };\n    case 'tram':\n      return {\n        Icon: TramIcon,\n        backgroundColor: colors.transport.default.tram,\n        contrastBackgroundColor: colors.transport.contrast.tram,\n        pattern: 'line',\n        ariaLabel: 'Trikk',\n      };\n    case 'funicular':\n      return {\n        Icon: FunicularIcon,\n        backgroundColor: colors.transport.default.funicular,\n        contrastBackgroundColor: colors.transport.contrast.funicular,\n        pattern: 'line',\n        ariaLabel: 'Taubane',\n      };\n    case 'cableway':\n      return {\n        Icon: CablewayIcon,\n        backgroundColor: colors.transport.default.cableway,\n        contrastBackgroundColor: colors.transport.contrast.cableway,\n        pattern: 'line',\n        ariaLabel: 'Gondol',\n      };\n    case 'taxi':\n      return {\n        Icon: TaxiIcon,\n        backgroundColor: colors.transport.default.taxi,\n        contrastBackgroundColor: colors.transport.contrast.taxi,\n        pattern: 'dashed',\n        ariaLabel: 'Taxi',\n      };\n    case 'bicycle':\n      return {\n        Icon: BicycleIcon,\n        backgroundColor: colors.transport.default.bicycle,\n        contrastBackgroundColor: colors.transport.contrast.bicycle,\n        pattern: 'line',\n        ariaLabel: 'Sykkel',\n      };\n    case 'walk':\n      return {\n        Icon: WalkIcon,\n        backgroundColor: colors.transport.default.walk,\n        contrastBackgroundColor: colors.transport.contrast.walk,\n        pattern: 'dotted',\n        ariaLabel: 'Gange',\n      };\n    case 'train':\n    case 'rail':\n      return {\n        Icon: TrainIcon,\n        backgroundColor: colors.transport.default.train,\n        contrastBackgroundColor: colors.transport.contrast.train,\n        pattern: 'line',\n        ariaLabel: 'Tog',\n      };\n    case 'ferry':\n    case 'water':\n      return {\n        Icon: FerryIcon,\n        backgroundColor: colors.transport.default.ferry,\n        contrastBackgroundColor: colors.transport.contrast.ferry,\n        pattern: 'wave',\n        ariaLabel: 'Ferge',\n      };\n    case 'carferry':\n      return {\n        Icon: CarferryIcon,\n        backgroundColor: colors.transport.default.carferry,\n        contrastBackgroundColor: colors.transport.contrast.carferry,\n        pattern: 'wave',\n        ariaLabel: 'Bilferge',\n      };\n    case 'mobility':\n      return {\n        Icon: MobilityIcon,\n        backgroundColor: colors.transport.default.mobility,\n        contrastBackgroundColor: colors.transport.contrast.mobility,\n        pattern: 'line',\n        ariaLabel: 'El-sparkesykkel',\n      };\n    case 'airportLinkBus':\n      return {\n        Icon: BusIcon,\n        backgroundColor: colors.transport.default.plane,\n        contrastBackgroundColor: colors.transport.contrast.plane,\n        pattern: 'dashed',\n        ariaLabel: 'Flybuss',\n      };\n    case 'airportLinkRail':\n      return {\n        Icon: TrainIcon,\n        backgroundColor: colors.transport.default.plane,\n        contrastBackgroundColor: colors.transport.contrast.plane,\n        pattern: 'line',\n        ariaLabel: 'Flytog',\n      };\n    case 'none':\n      return {\n        Icon: React.Fragment,\n        backgroundColor: colors.brand.blue,\n        contrastBackgroundColor: colors.brand.white,\n        pattern: 'line',\n        ariaLabel: '',\n      };\n    case 'scooter':\n      throw Error(\n        `transport type 'scooter' is deprecated: Please use 'mobility' instead.`,\n      );\n    case 'bike':\n      throw Error(\n        `transport type 'bike' is deprecated: Please use 'bicycle' instead.`,\n      );\n    case 'car':\n      throw Error(\n        `transport type 'car' is deprecated: Please use 'taxi' instead.`,\n      );\n    case 'foot':\n      throw Error(\n        `transport type 'foot' is deprecated: Please use 'walk' instead.`,\n      );\n    default:\n      throw Error('Please select a transport for the Travel component.');\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 { 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';\nexport * from './TravelSwitch';\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 { useContrast } from '@entur/layout';\nimport { LegBone } from './LegBone';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nexport type TravelLegProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Hviklen type reise som skal vises riktig farge og linjetype */\n  transport: Transport;\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 { backgroundColor, contrastBackgroundColor, pattern } =\n    getTransportStyle(transport);\n  const isContrast = useContrast();\n\n  return (\n    <LegBone\n      direction={direction}\n      pattern={pattern}\n      color={isContrast ? contrastBackgroundColor : backgroundColor}\n      className={className}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport { Switch } from '@entur/form';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nexport type TravelSwitchProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om switch-en er checked eller ikke */\n  checked?: boolean;\n  /** Label for TravelSwitch-en. */\n  children?: React.ReactNode;\n  /** Posisjonen til label for TravelSwitch-en.\n   * @default \"right\"\n   */\n  labelPlacement?: 'right' | 'bottom';\n  /** Hvilken type reise som skal vises ikon og farge for */\n  transport: Transport; // When adding a new submode, check https://enturas.atlassian.net/wiki/spaces/PUBLIC/pages/825393529/Norwegian+submodes+and+their+definitions for names\n  /** Callback for når verdien endres */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Størrelsen på Switch-en\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;\n\nexport const TravelSwitch: React.FC<TravelSwitchProps> = ({\n  className,\n  children,\n  labelPlacement = 'right',\n  transport,\n  size,\n  ...rest\n}) => {\n  const { backgroundColor, contrastBackgroundColor, Icon } =\n    getTransportStyle(transport);\n  return (\n    <Switch\n      className={className}\n      labelPlacement={labelPlacement}\n      color={backgroundColor}\n      contrastColor={contrastBackgroundColor}\n      icon={<Icon />}\n      size={size}\n      {...rest}\n    >\n      {children}\n    </Switch>\n  );\n};\n","import React, { useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport {\n  CloseSmallIcon,\n  ValidationInfoIcon,\n  ValidationErrorIcon,\n  ValidationExclamationIcon,\n} from '@entur/icons';\nimport { useContrast } from '@entur/layout';\n\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\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?: Transport;\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  children,\n  className,\n  alert = 'none',\n  transport = 'none',\n  label,\n  labelPlacement = 'right',\n  onClose = undefined,\n  ...rest\n}) => {\n  const isContrast = useContrast();\n  const isClosable = onClose ? true : false;\n  const transportIsSet = transport !== 'none';\n  const alertIsSet = alert !== 'none';\n  const tagRef = useRef<HTMLDivElement>(null);\n  const numberOfChildren = React.Children.count(children);\n  const { Icon, contrastBackgroundColor, backgroundColor, ariaLabel } =\n    getTransportStyle(transport);\n\n  useEffect(() => {\n    if (transportIsSet) {\n      tagRef.current?.style.setProperty(\n        '--background-color',\n        isContrast ? contrastBackgroundColor : backgroundColor,\n      );\n    }\n  }, [tagRef.current, backgroundColor]);\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': alertIsSet,\n        'eds-travel-tag--alert--error': alert === 'error',\n        'eds-travel-tag--transport': transportIsSet,\n        'eds-travel-tag--icon-and-text':\n          numberOfChildren > 1 || (transportIsSet && numberOfChildren > 0),\n        className,\n      })}\n      ref={tagRef}\n      {...rest}\n      aria-label={\n        rest['aria-label'] ?? ariaLabel + (alertIsSet ? ` ${alert}` : '')\n      }\n      role=\"img\"\n    >\n      <Icon aria-hidden />\n      {children}\n      {isClosable && (\n        <button\n          onClick={onClose}\n          type=\"button\"\n          className=\"eds-travel-tag__close-button\"\n        >\n          <CloseSmallIcon inline />\n        </button>\n      )}\n      {alertIsSet && (\n        <span className=\"eds-travel-tag__alert\">\n          {alert === 'info' && (\n            <ValidationInfoIcon\n              aria-hidden\n              className=\"eds-travel-tag__alert-info-icon\"\n            />\n          )}\n          {alert === 'error' && (\n            <ValidationErrorIcon\n              aria-hidden\n              className=\"eds-travel-tag__alert-error-icon\"\n            />\n          )}\n          {alert === 'warning' && (\n            <ValidationExclamationIcon\n              aria-hidden\n              className=\"eds-travel-tag__alert-exclamation-icon\"\n            />\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 && alertIsSet,\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"],"names":["getTransportStyle","mode","Icon","MetroIcon","backgroundColor","colors","transport","metro","contrastBackgroundColor","contrast","pattern","ariaLabel","BusIcon","bus","PlaneIcon","plane","HelicopterIcon","helicopter","TramIcon","tram","FunicularIcon","funicular","CablewayIcon","cableway","TaxiIcon","taxi","BicycleIcon","bicycle","WalkIcon","walk","TrainIcon","train","FerryIcon","ferry","CarferryIcon","carferry","MobilityIcon","mobility","React","Fragment","brand","blue","white","Error","LegLine","_ref","_classNames","color","_ref$direction","direction","className","rest","_objectWithoutPropertiesLoose","_excluded","classNames","style","LegBone","startColor","endColor","_ref$showStart","showStart","_ref$showStop","showStop","_ref$showLine","showLine","createElement","warnAboutMissingStyles","_ref$as","as","Element","from","to","_ref$size","size","noWrap","_extends","isContrast","useContrast","children","_ref$labelPlacement","labelPlacement","Switch","contrastColor","icon","_rest$ariaLabel","_ref$alert","alert","_ref$transport","label","_ref$onClose","onClose","undefined","isClosable","transportIsSet","alertIsSet","tagRef","useRef","numberOfChildren","Children","count","useEffect","_tagRef$current","current","setProperty","_classNames2","TravelTagWithoutLabel","ref","role","onClick","type","CloseSmallIcon","inline","ValidationInfoIcon","ValidationErrorIcon","ValidationExclamationIcon","Label"],"mappings":"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"}
+{"version":3,"file":"travel.cjs.production.min.js","sources":["../src/utils.ts","../src/LegLine.tsx","../src/LegBone.tsx","../src/index.tsx","../src/TravelHeader.tsx","../src/TravelLeg.tsx","../src/TravelSwitch.tsx","../src/TravelTag.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  BusIcon,\n  FerryIcon,\n  CarferryIcon,\n  TramIcon,\n  PlaneIcon,\n  TrainIcon,\n  BicycleIcon,\n  MobilityIcon,\n  MetroIcon,\n  HelicopterIcon,\n  FunicularIcon,\n  CablewayIcon,\n  TaxiIcon,\n  WalkIcon,\n} from '@entur/icons';\n\nimport type { IconProps } from '@entur/icons';\n\nexport type Transport =\n  | 'metro'\n  | 'bus'\n  | 'plane'\n  | 'helicopter'\n  | 'tram'\n  | 'funicular'\n  | 'cableway'\n  | 'taxi'\n  | 'bicycle'\n  | 'walk'\n  | 'train'\n  | 'ferry'\n  | 'carferry'\n  | 'mobility'\n  | 'airportLinkBus'\n  | 'airportLinkRail'\n  | 'rail'\n  | 'water'\n  | 'air'\n  | 'none';\n\ntype transportStyleResult = {\n  Icon: React.FC<IconProps>;\n  backgroundColor?: string;\n  contrastBackgroundColor?: string;\n  errorBackgroundColor?: string;\n  errorTextColor?: string;\n  errorContrastTextColor?: string;\n  errorContrastBackgroundColor?: string;\n  pattern: 'line' | 'wave' | 'dashed' | 'dotted';\n  ariaLabel: string;\n};\n\nexport const getTransportStyle = (mode: string): transportStyleResult => {\n  switch (mode) {\n    case 'metro':\n      return {\n        Icon: MetroIcon,\n        pattern: 'line',\n        ariaLabel: 'T-bane',\n      };\n    case 'bus':\n      return {\n        Icon: BusIcon,\n        pattern: 'dashed',\n        ariaLabel: 'Buss',\n      };\n    case 'plane':\n    case 'air':\n      return {\n        Icon: PlaneIcon,\n        pattern: 'line',\n        ariaLabel: 'Fly',\n      };\n    case 'helicopter':\n      return {\n        Icon: HelicopterIcon,\n        pattern: 'line',\n        ariaLabel: 'Helikopter',\n      };\n    case 'tram':\n      return {\n        Icon: TramIcon,\n        pattern: 'line',\n        ariaLabel: 'Trikk',\n      };\n    case 'funicular':\n      return {\n        Icon: FunicularIcon,\n        pattern: 'line',\n        ariaLabel: 'Taubane',\n      };\n    case 'cableway':\n      return {\n        Icon: CablewayIcon,\n        pattern: 'line',\n        ariaLabel: 'Gondol',\n      };\n    case 'taxi':\n      return {\n        Icon: TaxiIcon,\n        pattern: 'dashed',\n        ariaLabel: 'Taxi',\n      };\n    case 'bicycle':\n      return {\n        Icon: BicycleIcon,\n        pattern: 'dashed',\n        ariaLabel: 'Sykkel',\n      };\n    case 'walk':\n      return {\n        Icon: WalkIcon,\n        pattern: 'dotted',\n        ariaLabel: 'Gange',\n      };\n    case 'train':\n    case 'rail':\n      return {\n        Icon: TrainIcon,\n        pattern: 'line',\n        ariaLabel: 'Tog',\n      };\n    case 'ferry':\n    case 'water':\n      return {\n        Icon: FerryIcon,\n        pattern: 'wave',\n        ariaLabel: 'Ferge',\n      };\n    case 'carferry':\n      return {\n        Icon: CarferryIcon,\n        pattern: 'wave',\n        ariaLabel: 'Bilferge',\n      };\n    case 'mobility':\n      return {\n        Icon: MobilityIcon,\n        pattern: 'line',\n        ariaLabel: 'El-sparkesykkel',\n      };\n    case 'airportLinkBus':\n      return {\n        Icon: BusIcon,\n        pattern: 'dashed',\n        ariaLabel: 'Flybuss',\n      };\n    case 'airportLinkRail':\n      return {\n        Icon: TrainIcon,\n        pattern: 'line',\n        ariaLabel: 'Flytog',\n      };\n    case 'none':\n      return {\n        Icon: React.Fragment,\n        pattern: 'line',\n        ariaLabel: '',\n      };\n    case 'scooter':\n      throw Error(\n        `transport type 'scooter' is deprecated: Please use 'mobility' instead.`,\n      );\n    case 'bike':\n      throw Error(\n        `transport type 'bike' is deprecated: Please use 'bicycle' instead.`,\n      );\n    case 'car':\n      throw Error(\n        `transport type 'car' is deprecated: Please use 'taxi' instead.`,\n      );\n    case 'foot':\n      throw Error(\n        `transport type 'foot' is deprecated: Please use 'walk' instead.`,\n      );\n    default:\n      throw Error('Please select a transport for the Travel component.');\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 { 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';\nexport * from './TravelSwitch';\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 { useContrast } from '@entur/layout';\nimport { LegBone } from './LegBone';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nexport type TravelLegProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Hviklen type reise som skal vises riktig farge og linjetype */\n  transport: Transport;\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 { pattern } = getTransportStyle(transport);\n  const isContrast = useContrast();\n  const deCapitalizeTransport = transport.toLowerCase();\n\n  console.log('deCapitalizeTransport', deCapitalizeTransport);\n  const backgroundColor =\n    'var(--components-travel-travelleg-standard-' + deCapitalizeTransport + ')';\n  const contrastBackgroundColor =\n    'var(--components-travel-travelleg-contrast-' + deCapitalizeTransport + ')';\n\n  return (\n    <LegBone\n      direction={direction}\n      pattern={pattern}\n      color={isContrast ? contrastBackgroundColor : backgroundColor}\n      className={className}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport { Switch } from '@entur/form';\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\nexport type TravelSwitchProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om switch-en er checked eller ikke */\n  checked?: boolean;\n  /** Label for TravelSwitch-en. */\n  children?: React.ReactNode;\n  /** Posisjonen til label for TravelSwitch-en.\n   * @default \"right\"\n   */\n  labelPlacement?: 'right' | 'bottom';\n  /** Hvilken type reise som skal vises ikon og farge for */\n  transport: Transport; // When adding a new submode, check https://enturas.atlassian.net/wiki/spaces/PUBLIC/pages/825393529/Norwegian+submodes+and+their+definitions for names\n  /** Callback for når verdien endres */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Størrelsen på Switch-en\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;\n\nexport const TravelSwitch: React.FC<TravelSwitchProps> = ({\n  className,\n  children,\n  labelPlacement = 'right',\n  transport,\n  size,\n  ...rest\n}) => {\n  const { Icon } = getTransportStyle(transport);\n  const deCapitalizeTransport = transport.toLowerCase();\n\n  const backgroundColor =\n    'var(--components-travel-travelswitch-standard-backgroundtrue-' +\n    deCapitalizeTransport +\n    ')';\n  const contrastBackgroundColor =\n    'var(--components-travel-travelswitch-contrast-backgroundtrue-' +\n    deCapitalizeTransport +\n    ')';\n\n  return (\n    <Switch\n      className={className}\n      labelPlacement={labelPlacement}\n      color={backgroundColor}\n      contrastColor={contrastBackgroundColor}\n      icon={<Icon />}\n      size={size}\n      {...rest}\n    >\n      {children}\n    </Switch>\n  );\n};\n","import React, { cloneElement, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport {\n  CloseSmallIcon,\n  ValidationInfoIcon,\n  ValidationErrorIcon,\n  ValidationExclamationIcon,\n} from '@entur/icons';\nimport { useContrast } from '@entur/layout';\n\nimport { getTransportStyle } from './utils';\n\nimport type { Transport } from './utils';\n\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?: Transport;\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  children,\n  className,\n  alert = 'none',\n  transport = 'none',\n  label,\n  labelPlacement = 'right',\n  onClose = undefined,\n  ...rest\n}) => {\n  const isContrast = useContrast();\n  const isClosable = onClose ? true : false;\n  const transportIsSet = transport !== 'none';\n  const alertIsSet = alert !== 'none';\n  const tagRef = useRef<HTMLDivElement>(null);\n  const numberOfChildren = React.Children.count(children);\n  const { Icon, ariaLabel: ariaLabelForTranportIcon } =\n    getTransportStyle(transport);\n  const deCapitalizeTransport = transport.toLowerCase();\n  const IconWithAriaHidden = cloneElement(<Icon />, { 'aria-hidden': 'true' });\n\n  const backgroundColor =\n    'var(--components-travel-traveltag-standard-tagfill-' +\n    deCapitalizeTransport +\n    ')';\n  const contrastBackgroundColor =\n    'var(--components-travel-traveltag-contrast-tagfill-' +\n    deCapitalizeTransport +\n    ')';\n  // Error colors\n  const errorBackgroundColor =\n    'var(--components-travel-traveltag-standard-tagfill-' +\n    deCapitalizeTransport +\n    '-cancled)';\n  const errorContrastBackgroundColor =\n    'var(--components-travel-traveltag-contrast-tagfill-' +\n    deCapitalizeTransport +\n    '-cancled)';\n  const errorContrastTextColor =\n    'var(--components-travel-traveltag-contrast-text-line-' +\n    deCapitalizeTransport +\n    '-cancled)';\n  const errorTextColor =\n    'var(--components-travel-traveltag-standard-text-line-' +\n    deCapitalizeTransport +\n    '-cancled)';\n\n  useEffect(() => {\n    if (transportIsSet) {\n      let colorToSet;\n      let textColorToSet;\n      // Walk has another icon/text color then the other transports\n      if (transport === 'walk') {\n        tagRef.current?.style.setProperty(\n          '--text-color',\n          'var(--components-travel-traveltag-standard-icon-walk)',\n        );\n      }\n      // Error\n      if (alert === 'error') {\n        colorToSet = isContrast\n          ? errorContrastBackgroundColor\n          : errorBackgroundColor;\n        textColorToSet = isContrast ? errorContrastTextColor : errorTextColor;\n        tagRef.current?.style.setProperty('--text-color', `${textColorToSet}`);\n      } else {\n        colorToSet = isContrast ? contrastBackgroundColor : backgroundColor;\n      }\n      tagRef.current?.style.setProperty('--background-color', `${colorToSet}`);\n    }\n  }, [\n    transportIsSet,\n    isContrast,\n    backgroundColor,\n    contrastBackgroundColor,\n    errorBackgroundColor,\n    alert,\n  ]);\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': alertIsSet,\n        'eds-travel-tag--alert--error': alert === 'error',\n        'eds-travel-tag--transport': transportIsSet,\n        'eds-travel-tag--icon-and-text':\n          numberOfChildren > 1 || (transportIsSet && numberOfChildren > 0),\n        className,\n      })}\n      ref={tagRef}\n      aria-label={`${ariaLabelForTranportIcon} ${children} ${\n        alertIsSet ? alert : ''\n      }`}\n      role=\"img\"\n      {...rest}\n    >\n      {IconWithAriaHidden}\n      {children}\n      {isClosable && (\n        <button\n          onClick={onClose}\n          type=\"button\"\n          className=\"eds-travel-tag__close-button\"\n        >\n          <CloseSmallIcon inline />\n        </button>\n      )}\n      {alertIsSet && (\n        <span className=\"eds-travel-tag__alert\">\n          {alert === 'info' && (\n            <ValidationInfoIcon\n              aria-hidden\n              className=\"eds-travel-tag__alert-info-icon\"\n            />\n          )}\n          {alert === 'error' && (\n            <ValidationErrorIcon\n              aria-hidden\n              className=\"eds-travel-tag__alert-error-icon\"\n            />\n          )}\n          {alert === 'warning' && (\n            <ValidationExclamationIcon\n              aria-hidden\n              className=\"eds-travel-tag__alert-exclamation-icon\"\n            />\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 && alertIsSet,\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"],"names":["getTransportStyle","mode","Icon","MetroIcon","pattern","ariaLabel","BusIcon","PlaneIcon","HelicopterIcon","TramIcon","FunicularIcon","CablewayIcon","TaxiIcon","BicycleIcon","WalkIcon","TrainIcon","FerryIcon","CarferryIcon","MobilityIcon","React","Fragment","Error","LegLine","_ref","_classNames","color","_ref$direction","direction","className","rest","_objectWithoutPropertiesLoose","_excluded","classNames","style","backgroundColor","LegBone","startColor","endColor","_ref$showStart","showStart","_ref$showStop","showStop","_ref$showLine","showLine","createElement","warnAboutMissingStyles","_ref$as","as","Element","from","to","_ref$size","size","noWrap","_extends","transport","isContrast","useContrast","deCapitalizeTransport","toLowerCase","console","log","children","_ref$labelPlacement","labelPlacement","Switch","contrastColor","icon","_ref$alert","alert","_ref$transport","label","_ref$onClose","onClose","undefined","isClosable","transportIsSet","alertIsSet","tagRef","useRef","numberOfChildren","Children","count","ariaLabelForTranportIcon","IconWithAriaHidden","cloneElement","contrastBackgroundColor","errorBackgroundColor","errorContrastBackgroundColor","errorContrastTextColor","errorTextColor","useEffect","_tagRef$current3","colorToSet","_tagRef$current","_tagRef$current2","current","setProperty","textColorToSet","_classNames2","TravelTagWithoutLabel","ref","role","onClick","type","CloseSmallIcon","inline","ValidationInfoIcon","ValidationErrorIcon","ValidationExclamationIcon","Label"],"mappings":"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"}