@entur/travel 6.3.14-beta.0 → 6.3.14-beta.3

package/dist/travel.cjs.js

@@ -2,78 +2,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const utils = require("@entur/utils");
 const jsxRuntime = require("react/jsx-runtime");
+const classNames = require("classnames");
 const React = require("react");
 const icons = require("@entur/icons");
 const layout = require("@entur/layout");
 const form = require("@entur/form");
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
-}
-var classnames = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var hasRequiredClassnames;
-function requireClassnames() {
-  if (hasRequiredClassnames) return classnames.exports;
-  hasRequiredClassnames = 1;
-  (function(module2) {
-    (function() {
-      var hasOwn = {}.hasOwnProperty;
-      function classNames2() {
-        var classes = "";
-        for (var i = 0; i < arguments.length; i++) {
-          var arg = arguments[i];
-          if (arg) {
-            classes = appendClass(classes, parseValue(arg));
-          }
-        }
-        return classes;
-      }
-      function parseValue(arg) {
-        if (typeof arg === "string" || typeof arg === "number") {
-          return arg;
-        }
-        if (typeof arg !== "object") {
-          return "";
-        }
-        if (Array.isArray(arg)) {
-          return classNames2.apply(null, arg);
-        }
-        if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
-          return arg.toString();
-        }
-        var classes = "";
-        for (var key in arg) {
-          if (hasOwn.call(arg, key) && arg[key]) {
-            classes = appendClass(classes, key);
-          }
-        }
-        return classes;
-      }
-      function appendClass(value, newClass) {
-        if (!newClass) {
-          return value;
-        }
-        if (value) {
-          return value + " " + newClass;
-        }
-        return value + newClass;
-      }
-      if (module2.exports) {
-        classNames2.default = classNames2;
-        module2.exports = classNames2;
-      } else {
-        window.classNames = classNames2;
-      }
-    })();
-  })(classnames);
-  return classnames.exports;
-}
-var classnamesExports = requireClassnames();
-const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
 const TravelHeader = ({
   as: Element = "div",
   from,

package/dist/travel.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"travel.cjs.js","sources":["../../../node_modules/classnames/index.js","../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":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\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';\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    case 'neutral':\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    case 'citybike':\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    case 'airportlinkbus':\n      return {\n        Icon: BusIcon,\n        pattern: 'dashed',\n        ariaLabel: 'Flybuss',\n      };\n    case 'airportLinkRail':\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  ValidationInfoFilledIcon,\n  ValidationErrorFilledIcon,\n  ValidationExclamationCircleFilledIcon,\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            <ValidationInfoFilledIcon\n              aria-hidden\n              className=\"eds-travel-tag__alert-info-icon\"\n            />\n          )}\n          {alert === 'error' && (\n            <ValidationErrorFilledIcon\n              aria-hidden\n              className=\"eds-travel-tag__alert-error-icon\"\n            />\n          )}\n          {alert === 'warning' && (\n            <ValidationExclamationCircleFilledIcon\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  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":["classNames","module","jsxs","jsx","MetroIcon","BusIcon","PlaneIcon","HelicopterIcon","TramIcon","FunicularIcon","CablewayIcon","TaxiIcon","BicycleIcon","WalkIcon","TrainIcon","FerryIcon","CarferryIcon","MobilityIcon","useContrast","useRef","cloneElement","useEffect","CloseSmallIcon","ValidationInfoFilledIcon","ValidationErrorFilledIcon","ValidationExclamationCircleFilledIcon","Switch","warnAboutMissingStyles"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"travel.cjs.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    case 'neutral':\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    case 'citybike':\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    case 'airportlinkbus':\n      return {\n        Icon: BusIcon,\n        pattern: 'dashed',\n        ariaLabel: 'Flybuss',\n      };\n    case 'airportLinkRail':\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  ValidationInfoFilledIcon,\n  ValidationErrorFilledIcon,\n  ValidationExclamationCircleFilledIcon,\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            <ValidationInfoFilledIcon\n              aria-hidden\n              className=\"eds-travel-tag__alert-info-icon\"\n            />\n          )}\n          {alert === 'error' && (\n            <ValidationErrorFilledIcon\n              aria-hidden\n              className=\"eds-travel-tag__alert-error-icon\"\n            />\n          )}\n          {alert === 'warning' && (\n            <ValidationExclamationCircleFilledIcon\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  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":["jsxs","jsx","MetroIcon","BusIcon","PlaneIcon","HelicopterIcon","TramIcon","FunicularIcon","CablewayIcon","TaxiIcon","BicycleIcon","WalkIcon","TrainIcon","FerryIcon","CarferryIcon","MobilityIcon","useContrast","useRef","cloneElement","useEffect","CloseSmallIcon","ValidationInfoFilledIcon","ValidationErrorFilledIcon","ValidationExclamationCircleFilledIcon","Switch","warnAboutMissingStyles"],"mappings":"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"}

package/dist/travel.esm.js

@@ -1,77 +1,10 @@
 import { warnAboutMissingStyles } from "@entur/utils";
 import { jsxs, jsx } from "react/jsx-runtime";
+import classNames from "classnames";
 import React, { useRef, cloneElement, useEffect } from "react";
 import { TrainIcon, BusIcon, MobilityIcon, CarferryIcon, FerryIcon, WalkIcon, BicycleIcon, TaxiIcon, CablewayIcon, FunicularIcon, TramIcon, HelicopterIcon, PlaneIcon, MetroIcon, CloseSmallIcon, ValidationInfoFilledIcon, ValidationErrorFilledIcon, ValidationExclamationCircleFilledIcon } from "@entur/icons";
 import { useContrast } from "@entur/layout";
 import { Switch } from "@entur/form";
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
-}
-var classnames = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var hasRequiredClassnames;
-function requireClassnames() {
-  if (hasRequiredClassnames) return classnames.exports;
-  hasRequiredClassnames = 1;
-  (function(module) {
-    (function() {
-      var hasOwn = {}.hasOwnProperty;
-      function classNames2() {
-        var classes = "";
-        for (var i = 0; i < arguments.length; i++) {
-          var arg = arguments[i];
-          if (arg) {
-            classes = appendClass(classes, parseValue(arg));
-          }
-        }
-        return classes;
-      }
-      function parseValue(arg) {
-        if (typeof arg === "string" || typeof arg === "number") {
-          return arg;
-        }
-        if (typeof arg !== "object") {
-          return "";
-        }
-        if (Array.isArray(arg)) {
-          return classNames2.apply(null, arg);
-        }
-        if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
-          return arg.toString();
-        }
-        var classes = "";
-        for (var key in arg) {
-          if (hasOwn.call(arg, key) && arg[key]) {
-            classes = appendClass(classes, key);
-          }
-        }
-        return classes;
-      }
-      function appendClass(value, newClass) {
-        if (!newClass) {
-          return value;
-        }
-        if (value) {
-          return value + " " + newClass;
-        }
-        return value + newClass;
-      }
-      if (module.exports) {
-        classNames2.default = classNames2;
-        module.exports = classNames2;
-      } else {
-        window.classNames = classNames2;
-      }
-    })();
-  })(classnames);
-  return classnames.exports;
-}
-var classnamesExports = requireClassnames();
-const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
 const TravelHeader = ({
   as: Element = "div",
   from,

package/dist/travel.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"travel.esm.js","sources":["../../../node_modules/classnames/index.js","../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":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\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';\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    case 'neutral':\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    case 'citybike':\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    case 'airportlinkbus':\n      return {\n        Icon: BusIcon,\n        pattern: 'dashed',\n        ariaLabel: 'Flybuss',\n      };\n    case 'airportLinkRail':\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  ValidationInfoFilledIcon,\n  ValidationErrorFilledIcon,\n  ValidationExclamationCircleFilledIcon,\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            <ValidationInfoFilledIcon\n              aria-hidden\n              className=\"eds-travel-tag__alert-info-icon\"\n            />\n          )}\n          {alert === 'error' && (\n            <ValidationErrorFilledIcon\n              aria-hidden\n              className=\"eds-travel-tag__alert-error-icon\"\n            />\n          )}\n          {alert === 'warning' && (\n            <ValidationExclamationCircleFilledIcon\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  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":["classNames"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"travel.esm.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    case 'neutral':\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    case 'citybike':\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    case 'airportlinkbus':\n      return {\n        Icon: BusIcon,\n        pattern: 'dashed',\n        ariaLabel: 'Flybuss',\n      };\n    case 'airportLinkRail':\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  ValidationInfoFilledIcon,\n  ValidationErrorFilledIcon,\n  ValidationExclamationCircleFilledIcon,\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            <ValidationInfoFilledIcon\n              aria-hidden\n              className=\"eds-travel-tag__alert-info-icon\"\n            />\n          )}\n          {alert === 'error' && (\n            <ValidationErrorFilledIcon\n              aria-hidden\n              className=\"eds-travel-tag__alert-error-icon\"\n            />\n          )}\n          {alert === 'warning' && (\n            <ValidationExclamationCircleFilledIcon\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  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":[],"mappings":"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"}

package/package.json

@@ -1,18 +1,10 @@
 {
   "name": "@entur/travel",
-  "version": "6.3.14-beta.0",
+  "version": "6.3.14-beta.3",
   "license": "EUPL-1.2",
   "main": "dist/travel.cjs.js",
   "module": "dist/travel.esm.js",
   "typings": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/travel.esm.js",
-      "require": "./dist/travel.cjs.js"
-    },
-    "./dist/*": "./dist/*"
-  },
   "files": [
     "dist"
   ],
@@ -35,11 +27,11 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/form": "^8.3.2-beta.0",
-    "@entur/icons": "^8.0.1-beta.0",
-    "@entur/layout": "^3.1.9-beta.0",
-    "@entur/tokens": "^3.19.2-beta.0",
-    "@entur/utils": "^0.12.4-beta.0",
+    "@entur/form": "^8.3.2-beta.3",
+    "@entur/icons": "^8.0.1-beta.3",
+    "@entur/layout": "^3.1.9-beta.3",
+    "@entur/tokens": "^3.19.2-beta.3",
+    "@entur/utils": "^0.12.4-beta.3",
     "classnames": "^2.5.1"
   },
   "devDependencies": {
@@ -55,5 +47,5 @@
     "vite": "^7.1.3",
     "vite-plugin-dts": "^4.5.4"
   },
-  "gitHead": "414181fa2084722438238256a9aa32e304896b9d"
+  "gitHead": "d384333f43186922c0d258caa8ee9edebe3aec04"
 }