@entur/layout 2.1.57 → 2.2.1

package/dist/MediaCard.d.ts

@@ -18,12 +18,23 @@ export type MediaCardOwnProps = {
     children?: React.ReactNode;
     /** Styling som sendes til komponenten */
     style?: CSSProperties;
-    /** Gjør hele kortet til "as"-elementet. Default er kun tekstområdet. Anbefales hvis media er et bilde
+    /** Hvilken heading som brukes for tittelen.
+     *  Blir kun satt hvis description også er satt.
+     * @default 'h2'
+     */
+    headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /** Skjul pil-ikonet nederst til høyre
      * @default false
      */
+    hideArrow?: boolean;
+    /** Props som sendes til wrapper-elementet i stedet for lenke-elementet */
+    wrapperProps?: React.HTMLAttributes<HTMLElement>;
+    /** @deprecated Denne prop-en har ikke lenger en funksjon.
+     *  Hvis du trenger å legge til props på wrapper-elementet, bruk 'wrapperProps'-prop-en
+     */
     wholeCardAsElement?: boolean;
 };
 export type MediaCardProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, MediaCardOwnProps>;
 declare const defaultElement = "a";
-export declare const MediaCard: <E extends React.ElementType<any> = "a">({ title, description, children, className, category, style, as, wholeCardAsElement: whole, ...rest }: MediaCardProps<E>) => JSX.Element;
+export declare const MediaCard: <E extends React.ElementType<any> = "a">({ title, description, children, className, category, style, as, headingLevel, wholeCardAsElement: whole, hideArrow, wrapperProps, ...rest }: MediaCardProps<E>) => JSX.Element;
 export default MediaCard;

package/dist/layout.cjs.development.js

@@ -111,7 +111,7 @@ var NavigationCard = function NavigationCard(_ref) {
   }));
 };
 
-var _excluded$2 = ["title", "description", "children", "className", "category", "style", "as", "wholeCardAsElement"];
+var _excluded$2 = ["title", "description", "children", "className", "category", "style", "as", "headingLevel", "wholeCardAsElement", "hideArrow", "wrapperProps"];
 var defaultElement$5 = 'a';
 var MediaCard = function MediaCard(_ref) {
   var title = _ref.title,
@@ -121,27 +121,35 @@ var MediaCard = function MediaCard(_ref) {
     category = _ref.category,
     style = _ref.style,
     as = _ref.as,
+    _ref$headingLevel = _ref.headingLevel,
+    headingLevel = _ref$headingLevel === void 0 ? 'h2' : _ref$headingLevel,
     whole = _ref.wholeCardAsElement,
+    hideArrow = _ref.hideArrow,
+    wrapperProps = _ref.wrapperProps,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   var Element = as || defaultElement$5;
-  var classList = classNames('eds-base-card', 'eds-media-card', className);
-  var wrapperElement = whole ? Element : 'div';
-  var wrapperProps = whole ? rest : {};
-  var innerProps = whole ? {} : rest;
-  var InnerElement = whole ? 'div' : Element;
+  var Heading = headingLevel;
+  var _wrapperProps = whole ? _extends({}, wrapperProps, rest) : _extends({}, wrapperProps);
   return React.createElement(BaseCard, _extends({
-    as: wrapperElement,
-    className: classList,
+    className: classNames('eds-base-card', 'eds-media-card', className),
     style: style
-  }, wrapperProps), React.createElement("div", {
+  }, _wrapperProps), React.createElement("div", {
     className: "eds-media-card__media"
-  }, children), React.createElement(InnerElement, _extends({
+  }, children), React.createElement("div", {
     className: "eds-media-card__text"
-  }, innerProps), category && React.createElement(typography.Label, {
-    className: "eds-media-card__category"
-  }, category), React.createElement("div", {
-    className: "eds-media-card__title"
-  }, title), React.createElement(typography.Paragraph, null, description), React.createElement(icons.ForwardIcon, {
+  }, category && React.createElement(typography.Label, {
+    className: "eds-media-card__text__category"
+  }, category), React.createElement(utils.ConditionalWrapper, {
+    condition: description !== undefined,
+    wrapper: function wrapper(children) {
+      return React.createElement(Heading, {
+        className: "eds-media-card__text__title"
+      }, children);
+    }
+  }, React.createElement(Element, _extends({
+    tabIndex: 0,
+    className: "eds-media-card__text__title-link"
+  }, rest), title)), description !== undefined && React.createElement(typography.Paragraph, null, description), !hideArrow && React.createElement(icons.ForwardIcon, {
     className: "eds-media-card__arrow-icon",
     "aria-hidden": "true"
   })));

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

@@ -1 +1 @@
-{"version":3,"file":"layout.cjs.development.js","sources":["../src/Contrast.tsx","../src/BaseCard.tsx","../src/NavigationCard.tsx","../src/MediaCard.tsx","../src/Badge/Badge.tsx","../src/Badge/BulletBadge.tsx","../src/Badge/NotificationBadge.tsx","../src/Badge/StatusBadge.tsx","../src/Tag.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\nexport type ContrastBaseProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type ContrastProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, ContrastBaseProps>;\n\nexport type ContrastComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: ContrastProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'div';\n\nexport const Contrast: ContrastComponent = React.forwardRef(function Contrast<\n  T extends React.ElementType = typeof defaultElement,\n>(\n  { className, as, ...rest }: ContrastProps<T>,\n  ref: PolymorphicRef<T>,\n): JSX.Element {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <ContrastContext.Provider value={true}>\n      <Element\n        className={classNames('eds-contrast', className)}\n        ref={ref}\n        {...rest}\n      />\n    </ContrastContext.Provider>\n  );\n});\n\nexport const ContrastContext = React.createContext<boolean>(false);\n\nexport const useContrast: () => boolean = () =>\n  React.useContext(ContrastContext);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './BaseCard.scss';\n\nexport type BaseCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager Card\n   * @default \"div\"\n   */\n  as?: 'div' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  children?: React.ReactNode;\n};\n\nexport type BaseCardProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, BaseCardOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const BaseCard = <E extends React.ElementType = typeof defaultElement>({\n  children,\n  className,\n  as,\n  ...rest\n}: BaseCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-base-card', className);\n  return (\n    <Element className={classList} {...rest}>\n      {children}\n    </Element>\n  );\n};\n","import React from 'react';\nimport { Paragraph } from '@entur/typography';\nimport classNames from 'classnames';\nimport { ForwardIcon, ExternalIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { BaseCard } from './BaseCard';\nimport './NavigationCard.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type NavigationCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager NavigationCard\n   * @default 'a'\n   */\n  as?: 'a' | 'button' | React.ElementType;\n  /** Tittelen/teksten som står i CardBox */\n  title: string;\n  /** Valgfritt ikon som står over tittelen */\n  titleIcon?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Lager en mer kompakt NavigationCard, uten ikon og beskrivende tekst\n   * @default false\n   */\n  compact?: boolean;\n  /** Beskrivelse under tittel, om ikke \"compact\" er valgt */\n  children?: React.ReactNode;\n  /** Legger til et ikon for å symbolisere at kortet har en ekstern lenke\n   * @default false\n   */\n  externalLink?: boolean;\n};\n\nexport type NavigationCardProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, NavigationCardOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const NavigationCard = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  title,\n  children,\n  titleIcon,\n  compact = false,\n  className,\n  externalLink = false,\n  as,\n  ...rest\n}: NavigationCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-navigation-card', className, {\n    'eds-base-card--red-line': compact,\n    'eds-navigation-card--compact': compact,\n  });\n  return (\n    <BaseCard as={Element} className={classList} {...rest}>\n      {!compact && titleIcon && (\n        <div className=\"eds-navigation-card__title-icon\" aria-hidden=\"true\">\n          {titleIcon}\n        </div>\n      )}\n      <span className=\"eds-navigation-card__title\">\n        {compact && titleIcon && (\n          <span\n            className=\"eds-navigation-card__title-icon-compact\"\n            aria-hidden=\"true\"\n          >\n            {titleIcon}\n          </span>\n        )}\n        <Heading3 as=\"span\">{title}</Heading3>\n      </span>\n      {!compact && (\n        <>\n          <Paragraph>{children}</Paragraph>\n          {externalLink && (\n            <ExternalIcon\n              aria-label=\"Ekstern lenke\"\n              className=\"eds-navigation-card__external--not-compact\"\n            />\n          )}\n        </>\n      )}\n      {compact && externalLink && (\n        <ExternalIcon\n          aria-label=\"Ekstern lenke\"\n          className=\"eds-navigattion-card__icon eds-navigation-card__external--compact\"\n        />\n      )}\n      {compact && !externalLink && (\n        <ForwardIcon\n          className=\"eds-navigattion-card__icon eds-navigation-card__arrow-icon\"\n          aria-hidden=\"true\"\n        />\n      )}\n    </BaseCard>\n  );\n};\n","import React, { CSSProperties } from 'react';\nimport { Paragraph, Label } from '@entur/typography';\nimport classNames from 'classnames';\nimport { BaseCard } from './BaseCard';\nimport { ForwardIcon } from '@entur/icons';\nimport './MediaCard.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type MediaCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager bunnen (under media) av MediaCard\n   * @default 'a'\n   */\n  as?: 'a' | 'button' | React.ElementType;\n  /** Tittelen/teksten som står i CardBox */\n  title: string;\n  /** Teksten under tittelen i MediaCard */\n  description?: React.ReactNode;\n  /** Kategori (eller lignende) som vises over tittelen */\n  category?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Det du skulle ønske som media (f.eks. bilder eller video) */\n  children?: React.ReactNode;\n  /** Styling som sendes til komponenten */\n  style?: CSSProperties;\n  /** Gjør hele kortet til \"as\"-elementet. Default er kun tekstområdet. Anbefales hvis media er et bilde\n   * @default false\n   */\n  wholeCardAsElement?: boolean;\n};\n\nexport type MediaCardProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, MediaCardOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const MediaCard = <E extends React.ElementType = typeof defaultElement>({\n  title,\n  description,\n  children,\n  className,\n  category,\n  style,\n  as,\n  wholeCardAsElement: whole,\n  ...rest\n}: MediaCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-base-card', 'eds-media-card', className);\n\n  const wrapperElement = whole ? Element : 'div';\n  const wrapperProps = whole ? rest : {};\n  const innerProps = whole ? {} : rest;\n  const InnerElement = whole ? 'div' : Element;\n  return (\n    <BaseCard\n      as={wrapperElement}\n      className={classList}\n      style={style}\n      {...wrapperProps}\n    >\n      <div className=\"eds-media-card__media\">{children}</div>\n      <InnerElement className=\"eds-media-card__text\" {...innerProps}>\n        {category && (\n          <Label className=\"eds-media-card__category\">{category}</Label>\n        )}\n        <div className=\"eds-media-card__title\">{title}</div>\n        <Paragraph>{description}</Paragraph>\n        <ForwardIcon\n          className=\"eds-media-card__arrow-icon\"\n          aria-hidden=\"true\"\n        />\n      </InnerElement>\n    </BaseCard>\n  );\n};\n\nexport default MediaCard;\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport './Badge.scss';\n\nexport type BadgeTypes = 'status' | 'bullet' | 'notification';\n\nexport type BadgeOwnProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n  /** Om 0 skal vises\n   * @default false\n   */\n  showZero?: boolean;\n  /** Hva som er høyeste tallet før det legges på \"+\"\n   * @default ++\n   */\n  max?: number;\n  type?: BadgeTypes;\n  invisible?: boolean;\n};\n\nexport type BadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, BadgeOwnProps>;\n\nexport type BadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: BadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const Badge: BadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      children,\n      className,\n      max = 99,\n      variant,\n      showZero = false,\n      invisible: invisibleProp = false,\n      as,\n      type = 'status',\n      ...rest\n    }: BadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    let invisible = invisibleProp;\n    if (\n      invisibleProp === false &&\n      ((children === 0 && !showZero) || children == null)\n    ) {\n      invisible = true;\n    }\n\n    let displayValue;\n    if (typeof children === 'number') {\n      displayValue = children > max ? `${max}+` : children;\n    } else {\n      displayValue = children;\n    }\n\n    const classList = classNames(\n      className,\n      'eds-badge',\n      { 'eds-badge--invisible': invisible, 'eds-badge--show-zero': showZero },\n      `eds-badge--variant-${variant}`,\n      `eds-badge--type-${type}`,\n    );\n\n    return (\n      <Element className={classList} ref={ref} {...rest}>\n        {displayValue}\n      </Element>\n    );\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype BulletBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type BulletBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, BulletBadgeBaseProps>;\n\nexport type BulletBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: BulletBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const BulletBadge: BulletBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: BulletBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"bullet\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype NotificationBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n  /** Om 0 skal vises\n   * @default false\n   */\n  showZero?: boolean;\n  /** Hva som er høyeste tallet før det legges på \"+\"\n   * @default ++\n   */\n  max?: number;\n};\n\nexport type NotificationBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, NotificationBadgeBaseProps>;\n\nexport type NotificationBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: NotificationBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const NotificationBadge: NotificationBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: NotificationBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"notification\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype StatusBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type StatusBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, StatusBadgeBaseProps>;\n\nexport type StatusBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: StatusBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const StatusBadge: StatusBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: StatusBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"status\" />;\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Tag.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type TagOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default 'div'\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /**Mindre og mer kompakt Tag, til f.eks. tabellbruk\n   * @default false\n   */\n  compact?: boolean;\n  children: React.ReactNode;\n};\n\nexport type TagProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, TagOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const Tag = <E extends React.ElementType = typeof defaultElement>({\n  className,\n  children,\n  compact,\n  as,\n  ...rest\n}: TagProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const childrenArray = React.Children.toArray(children);\n  const hasLeadingIcon =\n    childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n  const hasTrailingIcon =\n    childrenArray.length > 1 &&\n    typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n  return (\n    <Element\n      className={classNames('eds-tag', className, {\n        'eds-tag--leading-icon': hasLeadingIcon,\n        'eds-tag--trailing-icon': hasTrailingIcon,\n        'eds-tag--compact': compact,\n      })}\n      {...rest}\n    >\n      {children}\n    </Element>\n  );\n};\n","import './styles.scss';\nimport { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('layout', 'typography');\n\nexport * from './Contrast';\nexport * from './NavigationCard';\nexport * from './BaseCard';\nexport * from './MediaCard';\nexport * from './Badge/Badge';\nexport * from './Badge/BulletBadge';\nexport * from './Badge/NotificationBadge';\nexport * from './Badge/StatusBadge';\nexport * from './Tag';\n"],"names":["defaultElement","Contrast","React","forwardRef","ref","className","as","rest","_excluded","Element","ContrastContext","Provider","value","createElement","classNames","createContext","useContrast","useContext","BaseCard","children","classList","NavigationCard","title","titleIcon","compact","externalLink","Heading3","Fragment","Paragraph","ExternalIcon","ForwardIcon","MediaCard","description","category","style","whole","wholeCardAsElement","wrapperElement","wrapperProps","innerProps","InnerElement","Label","Badge","max","variant","showZero","invisible","invisibleProp","type","displayValue","BulletBadge","props","NotificationBadge","StatusBadge","Tag","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","warnAboutMissingStyles"],"mappings":"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"}
+{"version":3,"file":"layout.cjs.development.js","sources":["../src/Contrast.tsx","../src/BaseCard.tsx","../src/NavigationCard.tsx","../src/MediaCard.tsx","../src/Badge/Badge.tsx","../src/Badge/BulletBadge.tsx","../src/Badge/NotificationBadge.tsx","../src/Badge/StatusBadge.tsx","../src/Tag.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\nexport type ContrastBaseProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type ContrastProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, ContrastBaseProps>;\n\nexport type ContrastComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: ContrastProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'div';\n\nexport const Contrast: ContrastComponent = React.forwardRef(function Contrast<\n  T extends React.ElementType = typeof defaultElement,\n>(\n  { className, as, ...rest }: ContrastProps<T>,\n  ref: PolymorphicRef<T>,\n): JSX.Element {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <ContrastContext.Provider value={true}>\n      <Element\n        className={classNames('eds-contrast', className)}\n        ref={ref}\n        {...rest}\n      />\n    </ContrastContext.Provider>\n  );\n});\n\nexport const ContrastContext = React.createContext<boolean>(false);\n\nexport const useContrast: () => boolean = () =>\n  React.useContext(ContrastContext);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './BaseCard.scss';\n\nexport type BaseCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager Card\n   * @default \"div\"\n   */\n  as?: 'div' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  children?: React.ReactNode;\n};\n\nexport type BaseCardProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, BaseCardOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const BaseCard = <E extends React.ElementType = typeof defaultElement>({\n  children,\n  className,\n  as,\n  ...rest\n}: BaseCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-base-card', className);\n  return (\n    <Element className={classList} {...rest}>\n      {children}\n    </Element>\n  );\n};\n","import React from 'react';\nimport { Paragraph } from '@entur/typography';\nimport classNames from 'classnames';\nimport { ForwardIcon, ExternalIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { BaseCard } from './BaseCard';\nimport './NavigationCard.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type NavigationCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager NavigationCard\n   * @default 'a'\n   */\n  as?: 'a' | 'button' | React.ElementType;\n  /** Tittelen/teksten som står i CardBox */\n  title: string;\n  /** Valgfritt ikon som står over tittelen */\n  titleIcon?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Lager en mer kompakt NavigationCard, uten ikon og beskrivende tekst\n   * @default false\n   */\n  compact?: boolean;\n  /** Beskrivelse under tittel, om ikke \"compact\" er valgt */\n  children?: React.ReactNode;\n  /** Legger til et ikon for å symbolisere at kortet har en ekstern lenke\n   * @default false\n   */\n  externalLink?: boolean;\n};\n\nexport type NavigationCardProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, NavigationCardOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const NavigationCard = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  title,\n  children,\n  titleIcon,\n  compact = false,\n  className,\n  externalLink = false,\n  as,\n  ...rest\n}: NavigationCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-navigation-card', className, {\n    'eds-base-card--red-line': compact,\n    'eds-navigation-card--compact': compact,\n  });\n  return (\n    <BaseCard as={Element} className={classList} {...rest}>\n      {!compact && titleIcon && (\n        <div className=\"eds-navigation-card__title-icon\" aria-hidden=\"true\">\n          {titleIcon}\n        </div>\n      )}\n      <span className=\"eds-navigation-card__title\">\n        {compact && titleIcon && (\n          <span\n            className=\"eds-navigation-card__title-icon-compact\"\n            aria-hidden=\"true\"\n          >\n            {titleIcon}\n          </span>\n        )}\n        <Heading3 as=\"span\">{title}</Heading3>\n      </span>\n      {!compact && (\n        <>\n          <Paragraph>{children}</Paragraph>\n          {externalLink && (\n            <ExternalIcon\n              aria-label=\"Ekstern lenke\"\n              className=\"eds-navigation-card__external--not-compact\"\n            />\n          )}\n        </>\n      )}\n      {compact && externalLink && (\n        <ExternalIcon\n          aria-label=\"Ekstern lenke\"\n          className=\"eds-navigattion-card__icon eds-navigation-card__external--compact\"\n        />\n      )}\n      {compact && !externalLink && (\n        <ForwardIcon\n          className=\"eds-navigattion-card__icon eds-navigation-card__arrow-icon\"\n          aria-hidden=\"true\"\n        />\n      )}\n    </BaseCard>\n  );\n};\n","import React, { CSSProperties } from 'react';\nimport { Paragraph, Label } from '@entur/typography';\nimport classNames from 'classnames';\nimport { BaseCard } from './BaseCard';\nimport { ForwardIcon } from '@entur/icons';\nimport './MediaCard.scss';\nimport { ConditionalWrapper, PolymorphicComponentProps } from '@entur/utils';\n\nexport type MediaCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager bunnen (under media) av MediaCard\n   * @default 'a'\n   */\n  as?: 'a' | 'button' | React.ElementType;\n  /** Tittelen/teksten som står i CardBox */\n  title: string;\n  /** Teksten under tittelen i MediaCard */\n  description?: React.ReactNode;\n  /** Kategori (eller lignende) som vises over tittelen */\n  category?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Det du skulle ønske som media (f.eks. bilder eller video) */\n  children?: React.ReactNode;\n  /** Styling som sendes til komponenten */\n  style?: CSSProperties;\n  /** Hvilken heading som brukes for tittelen.\n   *  Blir kun satt hvis description også er satt.\n   * @default 'h2'\n   */\n  headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n  /** Skjul pil-ikonet nederst til høyre\n   * @default false\n   */\n  hideArrow?: boolean;\n  /** Props som sendes til wrapper-elementet i stedet for lenke-elementet */\n  wrapperProps?: React.HTMLAttributes<HTMLElement>;\n  /** @deprecated Denne prop-en har ikke lenger en funksjon.\n   *  Hvis du trenger å legge til props på wrapper-elementet, bruk 'wrapperProps'-prop-en\n   */\n  wholeCardAsElement?: boolean;\n};\n\nexport type MediaCardProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, MediaCardOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const MediaCard = <E extends React.ElementType = typeof defaultElement>({\n  title,\n  description,\n  children,\n  className,\n  category,\n  style,\n  as,\n  headingLevel = 'h2',\n  wholeCardAsElement: whole,\n  hideArrow,\n  wrapperProps,\n  ...rest\n}: MediaCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const Heading = headingLevel;\n\n  const _wrapperProps = whole\n    ? { ...wrapperProps, ...rest }\n    : { ...wrapperProps };\n  return (\n    <BaseCard\n      className={classNames('eds-base-card', 'eds-media-card', className)}\n      style={style}\n      {..._wrapperProps}\n    >\n      <div className=\"eds-media-card__media\">{children}</div>\n      <div className=\"eds-media-card__text\">\n        {category && (\n          <Label className=\"eds-media-card__text__category\">{category}</Label>\n        )}\n        {/* we only want a heading wrapper when we also have description text */}\n        <ConditionalWrapper\n          condition={description !== undefined}\n          wrapper={(children: React.ReactNode) => (\n            <Heading className=\"eds-media-card__text__title\">\n              {children}\n            </Heading>\n          )}\n        >\n          <Element\n            tabIndex={0}\n            className=\"eds-media-card__text__title-link\"\n            {...rest}\n          >\n            {title}\n          </Element>\n        </ConditionalWrapper>\n        {description !== undefined && <Paragraph>{description}</Paragraph>}\n        {!hideArrow && (\n          <ForwardIcon\n            className=\"eds-media-card__arrow-icon\"\n            aria-hidden=\"true\"\n          />\n        )}\n      </div>\n    </BaseCard>\n  );\n};\n\nexport default MediaCard;\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport './Badge.scss';\n\nexport type BadgeTypes = 'status' | 'bullet' | 'notification';\n\nexport type BadgeOwnProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n  /** Om 0 skal vises\n   * @default false\n   */\n  showZero?: boolean;\n  /** Hva som er høyeste tallet før det legges på \"+\"\n   * @default ++\n   */\n  max?: number;\n  type?: BadgeTypes;\n  invisible?: boolean;\n};\n\nexport type BadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, BadgeOwnProps>;\n\nexport type BadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: BadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const Badge: BadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      children,\n      className,\n      max = 99,\n      variant,\n      showZero = false,\n      invisible: invisibleProp = false,\n      as,\n      type = 'status',\n      ...rest\n    }: BadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    let invisible = invisibleProp;\n    if (\n      invisibleProp === false &&\n      ((children === 0 && !showZero) || children == null)\n    ) {\n      invisible = true;\n    }\n\n    let displayValue;\n    if (typeof children === 'number') {\n      displayValue = children > max ? `${max}+` : children;\n    } else {\n      displayValue = children;\n    }\n\n    const classList = classNames(\n      className,\n      'eds-badge',\n      { 'eds-badge--invisible': invisible, 'eds-badge--show-zero': showZero },\n      `eds-badge--variant-${variant}`,\n      `eds-badge--type-${type}`,\n    );\n\n    return (\n      <Element className={classList} ref={ref} {...rest}>\n        {displayValue}\n      </Element>\n    );\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype BulletBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type BulletBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, BulletBadgeBaseProps>;\n\nexport type BulletBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: BulletBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const BulletBadge: BulletBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: BulletBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"bullet\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype NotificationBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n  /** Om 0 skal vises\n   * @default false\n   */\n  showZero?: boolean;\n  /** Hva som er høyeste tallet før det legges på \"+\"\n   * @default ++\n   */\n  max?: number;\n};\n\nexport type NotificationBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, NotificationBadgeBaseProps>;\n\nexport type NotificationBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: NotificationBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const NotificationBadge: NotificationBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: NotificationBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"notification\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype StatusBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type StatusBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, StatusBadgeBaseProps>;\n\nexport type StatusBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: StatusBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const StatusBadge: StatusBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: StatusBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"status\" />;\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Tag.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type TagOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default 'div'\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /**Mindre og mer kompakt Tag, til f.eks. tabellbruk\n   * @default false\n   */\n  compact?: boolean;\n  children: React.ReactNode;\n};\n\nexport type TagProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, TagOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const Tag = <E extends React.ElementType = typeof defaultElement>({\n  className,\n  children,\n  compact,\n  as,\n  ...rest\n}: TagProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const childrenArray = React.Children.toArray(children);\n  const hasLeadingIcon =\n    childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n  const hasTrailingIcon =\n    childrenArray.length > 1 &&\n    typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n  return (\n    <Element\n      className={classNames('eds-tag', className, {\n        'eds-tag--leading-icon': hasLeadingIcon,\n        'eds-tag--trailing-icon': hasTrailingIcon,\n        'eds-tag--compact': compact,\n      })}\n      {...rest}\n    >\n      {children}\n    </Element>\n  );\n};\n","import './styles.scss';\nimport { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('layout', 'typography');\n\nexport * from './Contrast';\nexport * from './NavigationCard';\nexport * from './BaseCard';\nexport * from './MediaCard';\nexport * from './Badge/Badge';\nexport * from './Badge/BulletBadge';\nexport * from './Badge/NotificationBadge';\nexport * from './Badge/StatusBadge';\nexport * from './Tag';\n"],"names":["defaultElement","Contrast","React","forwardRef","ref","className","as","rest","_excluded","Element","ContrastContext","Provider","value","createElement","classNames","createContext","useContrast","useContext","BaseCard","children","classList","NavigationCard","title","titleIcon","compact","externalLink","Heading3","Fragment","Paragraph","ExternalIcon","ForwardIcon","MediaCard","description","category","style","headingLevel","whole","wholeCardAsElement","hideArrow","wrapperProps","Heading","_wrapperProps","Label","ConditionalWrapper","condition","undefined","wrapper","tabIndex","Badge","max","variant","showZero","invisible","invisibleProp","type","displayValue","BulletBadge","props","NotificationBadge","StatusBadge","Tag","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","warnAboutMissingStyles"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),a=require("react"),t=require("classnames"),r=require("@entur/typography"),n=require("@entur/icons");function s(){return s=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},s.apply(this,arguments)}function c(e,a){if(null==e)return{};var t,r,n={},s=Object.keys(e);for(r=0;r<s.length;r++)a.indexOf(t=s[r])>=0||(n[t]=e[t]);return n}var i=["className","as"],l=a.forwardRef((function(e,r){var n=e.className,l=e.as,o=c(e,i);return a.createElement(d.Provider,{value:!0},a.createElement(l||"div",s({className:t("eds-contrast",n),ref:r},o)))})),d=a.createContext(!1),o=["children","className","as"],m=function(e){var r=e.children,n=e.className,i=e.as,l=c(e,o),d=i||"div",m=t("eds-base-card",n);return a.createElement(d,s({className:m},l),r)},u=["title","children","titleIcon","compact","className","externalLink","as"],p=["title","description","children","className","category","style","as","wholeCardAsElement"],v=["children","className","max","variant","showZero","invisible","as","type"],g=a.forwardRef((function(e,r){var n,i=e.children,l=e.className,d=e.max,o=void 0===d?99:d,m=e.variant,u=e.showZero,p=void 0!==u&&u,g=e.invisible,f=void 0!==g&&g,h=e.as,E=e.type,N=void 0===E?"status":E,_=c(e,v),y=h||"span",x=f;!1!==f||(0!==i||p)&&null!=i||(x=!0),n="number"==typeof i&&i>o?o+"+":i;var b=t(l,"eds-badge",{"eds-badge--invisible":x,"eds-badge--show-zero":p},"eds-badge--variant-"+m,"eds-badge--type-"+N);return a.createElement(y,s({className:b,ref:r},_),n)})),f=a.forwardRef((function(e,t){return a.createElement(g,s({as:e.as||"span"},e,{ref:t,type:"bullet"}))})),h=a.forwardRef((function(e,t){return a.createElement(g,s({as:e.as||"span"},e,{ref:t,type:"notification"}))})),E=a.forwardRef((function(e,t){return a.createElement(g,s({as:e.as||"span"},e,{ref:t,type:"status"}))})),N=["className","children","compact","as"];e.warnAboutMissingStyles("layout","typography"),exports.Badge=g,exports.BaseCard=m,exports.BulletBadge=f,exports.Contrast=l,exports.ContrastContext=d,exports.MediaCard=function(e){var i=e.title,l=e.description,d=e.children,o=e.className,u=e.category,v=e.style,g=e.as,f=e.wholeCardAsElement,h=c(e,p),E=g||"a",N=t("eds-base-card","eds-media-card",o),_=f?{}:h,y=f?"div":E;return a.createElement(m,s({as:f?E:"div",className:N,style:v},f?h:{}),a.createElement("div",{className:"eds-media-card__media"},d),a.createElement(y,s({className:"eds-media-card__text"},_),u&&a.createElement(r.Label,{className:"eds-media-card__category"},u),a.createElement("div",{className:"eds-media-card__title"},i),a.createElement(r.Paragraph,null,l),a.createElement(n.ForwardIcon,{className:"eds-media-card__arrow-icon","aria-hidden":"true"})))},exports.NavigationCard=function(e){var i=e.title,l=e.children,d=e.titleIcon,o=e.compact,p=void 0!==o&&o,v=e.className,g=e.externalLink,f=void 0!==g&&g,h=e.as,E=c(e,u),N=h||"a",_=t("eds-navigation-card",v,{"eds-base-card--red-line":p,"eds-navigation-card--compact":p});return a.createElement(m,s({as:N,className:_},E),!p&&d&&a.createElement("div",{className:"eds-navigation-card__title-icon","aria-hidden":"true"},d),a.createElement("span",{className:"eds-navigation-card__title"},p&&d&&a.createElement("span",{className:"eds-navigation-card__title-icon-compact","aria-hidden":"true"},d),a.createElement(r.Heading3,{as:"span"},i)),!p&&a.createElement(a.Fragment,null,a.createElement(r.Paragraph,null,l),f&&a.createElement(n.ExternalIcon,{"aria-label":"Ekstern lenke",className:"eds-navigation-card__external--not-compact"})),p&&f&&a.createElement(n.ExternalIcon,{"aria-label":"Ekstern lenke",className:"eds-navigattion-card__icon eds-navigation-card__external--compact"}),p&&!f&&a.createElement(n.ForwardIcon,{className:"eds-navigattion-card__icon eds-navigation-card__arrow-icon","aria-hidden":"true"}))},exports.NotificationBadge=h,exports.StatusBadge=E,exports.Tag=function(e){var r=e.className,n=e.children,i=e.compact,l=e.as,d=c(e,N),o=l||"div",m=a.Children.toArray(n);return a.createElement(o,s({className:t("eds-tag",r,{"eds-tag--leading-icon":m.length>1&&"string"!=typeof m[0],"eds-tag--trailing-icon":m.length>1&&"string"!=typeof m[m.length-1],"eds-tag--compact":i})},d),n)},exports.useContrast=function(){return a.useContext(d)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),a=require("react"),t=require("classnames"),r=require("@entur/typography"),n=require("@entur/icons");function s(){return s=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},s.apply(this,arguments)}function i(e,a){if(null==e)return{};var t,r,n={},s=Object.keys(e);for(r=0;r<s.length;r++)a.indexOf(t=s[r])>=0||(n[t]=e[t]);return n}var c=["className","as"],l=a.forwardRef((function(e,r){var n=e.className,l=e.as,o=i(e,c);return a.createElement(d.Provider,{value:!0},a.createElement(l||"div",s({className:t("eds-contrast",n),ref:r},o)))})),d=a.createContext(!1),o=["children","className","as"],m=function(e){var r=e.children,n=e.className,c=e.as,l=i(e,o),d=c||"div",m=t("eds-base-card",n);return a.createElement(d,s({className:m},l),r)},p=["title","children","titleIcon","compact","className","externalLink","as"],u=["title","description","children","className","category","style","as","headingLevel","wholeCardAsElement","hideArrow","wrapperProps"],v=["children","className","max","variant","showZero","invisible","as","type"],g=a.forwardRef((function(e,r){var n,c=e.children,l=e.className,d=e.max,o=void 0===d?99:d,m=e.variant,p=e.showZero,u=void 0!==p&&p,g=e.invisible,f=void 0!==g&&g,h=e.as,_=e.type,E=void 0===_?"status":_,N=i(e,v),x=h||"span",y=f;!1!==f||(0!==c||u)&&null!=c||(y=!0),n="number"==typeof c&&c>o?o+"+":c;var b=t(l,"eds-badge",{"eds-badge--invisible":y,"eds-badge--show-zero":u},"eds-badge--variant-"+m,"eds-badge--type-"+E);return a.createElement(x,s({className:b,ref:r},N),n)})),f=a.forwardRef((function(e,t){return a.createElement(g,s({as:e.as||"span"},e,{ref:t,type:"bullet"}))})),h=a.forwardRef((function(e,t){return a.createElement(g,s({as:e.as||"span"},e,{ref:t,type:"notification"}))})),_=a.forwardRef((function(e,t){return a.createElement(g,s({as:e.as||"span"},e,{ref:t,type:"status"}))})),E=["className","children","compact","as"];e.warnAboutMissingStyles("layout","typography"),exports.Badge=g,exports.BaseCard=m,exports.BulletBadge=f,exports.Contrast=l,exports.ContrastContext=d,exports.MediaCard=function(c){var l=c.title,d=c.description,o=c.children,p=c.className,v=c.category,g=c.style,f=c.as,h=c.headingLevel,_=void 0===h?"h2":h,E=c.wholeCardAsElement,N=c.hideArrow,x=c.wrapperProps,y=i(c,u),b=f||"a",w=_,C=E?s({},x,y):s({},x);return a.createElement(m,s({className:t("eds-base-card","eds-media-card",p),style:g},C),a.createElement("div",{className:"eds-media-card__media"},o),a.createElement("div",{className:"eds-media-card__text"},v&&a.createElement(r.Label,{className:"eds-media-card__text__category"},v),a.createElement(e.ConditionalWrapper,{condition:void 0!==d,wrapper:function(e){return a.createElement(w,{className:"eds-media-card__text__title"},e)}},a.createElement(b,s({tabIndex:0,className:"eds-media-card__text__title-link"},y),l)),void 0!==d&&a.createElement(r.Paragraph,null,d),!N&&a.createElement(n.ForwardIcon,{className:"eds-media-card__arrow-icon","aria-hidden":"true"})))},exports.NavigationCard=function(e){var c=e.title,l=e.children,d=e.titleIcon,o=e.compact,u=void 0!==o&&o,v=e.className,g=e.externalLink,f=void 0!==g&&g,h=e.as,_=i(e,p),E=h||"a",N=t("eds-navigation-card",v,{"eds-base-card--red-line":u,"eds-navigation-card--compact":u});return a.createElement(m,s({as:E,className:N},_),!u&&d&&a.createElement("div",{className:"eds-navigation-card__title-icon","aria-hidden":"true"},d),a.createElement("span",{className:"eds-navigation-card__title"},u&&d&&a.createElement("span",{className:"eds-navigation-card__title-icon-compact","aria-hidden":"true"},d),a.createElement(r.Heading3,{as:"span"},c)),!u&&a.createElement(a.Fragment,null,a.createElement(r.Paragraph,null,l),f&&a.createElement(n.ExternalIcon,{"aria-label":"Ekstern lenke",className:"eds-navigation-card__external--not-compact"})),u&&f&&a.createElement(n.ExternalIcon,{"aria-label":"Ekstern lenke",className:"eds-navigattion-card__icon eds-navigation-card__external--compact"}),u&&!f&&a.createElement(n.ForwardIcon,{className:"eds-navigattion-card__icon eds-navigation-card__arrow-icon","aria-hidden":"true"}))},exports.NotificationBadge=h,exports.StatusBadge=_,exports.Tag=function(e){var r=e.className,n=e.children,c=e.compact,l=e.as,d=i(e,E),o=l||"div",m=a.Children.toArray(n);return a.createElement(o,s({className:t("eds-tag",r,{"eds-tag--leading-icon":m.length>1&&"string"!=typeof m[0],"eds-tag--trailing-icon":m.length>1&&"string"!=typeof m[m.length-1],"eds-tag--compact":c})},d),n)},exports.useContrast=function(){return a.useContext(d)};
 //# sourceMappingURL=layout.cjs.production.min.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"layout.cjs.production.min.js","sources":["../src/Contrast.tsx","../src/BaseCard.tsx","../src/Badge/Badge.tsx","../src/Badge/BulletBadge.tsx","../src/Badge/NotificationBadge.tsx","../src/Badge/StatusBadge.tsx","../src/index.tsx","../src/MediaCard.tsx","../src/NavigationCard.tsx","../src/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\nexport type ContrastBaseProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type ContrastProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, ContrastBaseProps>;\n\nexport type ContrastComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: ContrastProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'div';\n\nexport const Contrast: ContrastComponent = React.forwardRef(function Contrast<\n  T extends React.ElementType = typeof defaultElement,\n>(\n  { className, as, ...rest }: ContrastProps<T>,\n  ref: PolymorphicRef<T>,\n): JSX.Element {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <ContrastContext.Provider value={true}>\n      <Element\n        className={classNames('eds-contrast', className)}\n        ref={ref}\n        {...rest}\n      />\n    </ContrastContext.Provider>\n  );\n});\n\nexport const ContrastContext = React.createContext<boolean>(false);\n\nexport const useContrast: () => boolean = () =>\n  React.useContext(ContrastContext);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './BaseCard.scss';\n\nexport type BaseCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager Card\n   * @default \"div\"\n   */\n  as?: 'div' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  children?: React.ReactNode;\n};\n\nexport type BaseCardProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, BaseCardOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const BaseCard = <E extends React.ElementType = typeof defaultElement>({\n  children,\n  className,\n  as,\n  ...rest\n}: BaseCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-base-card', className);\n  return (\n    <Element className={classList} {...rest}>\n      {children}\n    </Element>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport './Badge.scss';\n\nexport type BadgeTypes = 'status' | 'bullet' | 'notification';\n\nexport type BadgeOwnProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n  /** Om 0 skal vises\n   * @default false\n   */\n  showZero?: boolean;\n  /** Hva som er høyeste tallet før det legges på \"+\"\n   * @default ++\n   */\n  max?: number;\n  type?: BadgeTypes;\n  invisible?: boolean;\n};\n\nexport type BadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, BadgeOwnProps>;\n\nexport type BadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: BadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const Badge: BadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      children,\n      className,\n      max = 99,\n      variant,\n      showZero = false,\n      invisible: invisibleProp = false,\n      as,\n      type = 'status',\n      ...rest\n    }: BadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    let invisible = invisibleProp;\n    if (\n      invisibleProp === false &&\n      ((children === 0 && !showZero) || children == null)\n    ) {\n      invisible = true;\n    }\n\n    let displayValue;\n    if (typeof children === 'number') {\n      displayValue = children > max ? `${max}+` : children;\n    } else {\n      displayValue = children;\n    }\n\n    const classList = classNames(\n      className,\n      'eds-badge',\n      { 'eds-badge--invisible': invisible, 'eds-badge--show-zero': showZero },\n      `eds-badge--variant-${variant}`,\n      `eds-badge--type-${type}`,\n    );\n\n    return (\n      <Element className={classList} ref={ref} {...rest}>\n        {displayValue}\n      </Element>\n    );\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype BulletBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type BulletBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, BulletBadgeBaseProps>;\n\nexport type BulletBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: BulletBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const BulletBadge: BulletBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: BulletBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"bullet\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype NotificationBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n  /** Om 0 skal vises\n   * @default false\n   */\n  showZero?: boolean;\n  /** Hva som er høyeste tallet før det legges på \"+\"\n   * @default ++\n   */\n  max?: number;\n};\n\nexport type NotificationBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, NotificationBadgeBaseProps>;\n\nexport type NotificationBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: NotificationBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const NotificationBadge: NotificationBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: NotificationBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"notification\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype StatusBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type StatusBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, StatusBadgeBaseProps>;\n\nexport type StatusBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: StatusBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const StatusBadge: StatusBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: StatusBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"status\" />;\n  },\n);\n","import './styles.scss';\nimport { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('layout', 'typography');\n\nexport * from './Contrast';\nexport * from './NavigationCard';\nexport * from './BaseCard';\nexport * from './MediaCard';\nexport * from './Badge/Badge';\nexport * from './Badge/BulletBadge';\nexport * from './Badge/NotificationBadge';\nexport * from './Badge/StatusBadge';\nexport * from './Tag';\n","import React, { CSSProperties } from 'react';\nimport { Paragraph, Label } from '@entur/typography';\nimport classNames from 'classnames';\nimport { BaseCard } from './BaseCard';\nimport { ForwardIcon } from '@entur/icons';\nimport './MediaCard.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type MediaCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager bunnen (under media) av MediaCard\n   * @default 'a'\n   */\n  as?: 'a' | 'button' | React.ElementType;\n  /** Tittelen/teksten som står i CardBox */\n  title: string;\n  /** Teksten under tittelen i MediaCard */\n  description?: React.ReactNode;\n  /** Kategori (eller lignende) som vises over tittelen */\n  category?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Det du skulle ønske som media (f.eks. bilder eller video) */\n  children?: React.ReactNode;\n  /** Styling som sendes til komponenten */\n  style?: CSSProperties;\n  /** Gjør hele kortet til \"as\"-elementet. Default er kun tekstområdet. Anbefales hvis media er et bilde\n   * @default false\n   */\n  wholeCardAsElement?: boolean;\n};\n\nexport type MediaCardProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, MediaCardOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const MediaCard = <E extends React.ElementType = typeof defaultElement>({\n  title,\n  description,\n  children,\n  className,\n  category,\n  style,\n  as,\n  wholeCardAsElement: whole,\n  ...rest\n}: MediaCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-base-card', 'eds-media-card', className);\n\n  const wrapperElement = whole ? Element : 'div';\n  const wrapperProps = whole ? rest : {};\n  const innerProps = whole ? {} : rest;\n  const InnerElement = whole ? 'div' : Element;\n  return (\n    <BaseCard\n      as={wrapperElement}\n      className={classList}\n      style={style}\n      {...wrapperProps}\n    >\n      <div className=\"eds-media-card__media\">{children}</div>\n      <InnerElement className=\"eds-media-card__text\" {...innerProps}>\n        {category && (\n          <Label className=\"eds-media-card__category\">{category}</Label>\n        )}\n        <div className=\"eds-media-card__title\">{title}</div>\n        <Paragraph>{description}</Paragraph>\n        <ForwardIcon\n          className=\"eds-media-card__arrow-icon\"\n          aria-hidden=\"true\"\n        />\n      </InnerElement>\n    </BaseCard>\n  );\n};\n\nexport default MediaCard;\n","import React from 'react';\nimport { Paragraph } from '@entur/typography';\nimport classNames from 'classnames';\nimport { ForwardIcon, ExternalIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { BaseCard } from './BaseCard';\nimport './NavigationCard.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type NavigationCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager NavigationCard\n   * @default 'a'\n   */\n  as?: 'a' | 'button' | React.ElementType;\n  /** Tittelen/teksten som står i CardBox */\n  title: string;\n  /** Valgfritt ikon som står over tittelen */\n  titleIcon?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Lager en mer kompakt NavigationCard, uten ikon og beskrivende tekst\n   * @default false\n   */\n  compact?: boolean;\n  /** Beskrivelse under tittel, om ikke \"compact\" er valgt */\n  children?: React.ReactNode;\n  /** Legger til et ikon for å symbolisere at kortet har en ekstern lenke\n   * @default false\n   */\n  externalLink?: boolean;\n};\n\nexport type NavigationCardProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, NavigationCardOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const NavigationCard = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  title,\n  children,\n  titleIcon,\n  compact = false,\n  className,\n  externalLink = false,\n  as,\n  ...rest\n}: NavigationCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-navigation-card', className, {\n    'eds-base-card--red-line': compact,\n    'eds-navigation-card--compact': compact,\n  });\n  return (\n    <BaseCard as={Element} className={classList} {...rest}>\n      {!compact && titleIcon && (\n        <div className=\"eds-navigation-card__title-icon\" aria-hidden=\"true\">\n          {titleIcon}\n        </div>\n      )}\n      <span className=\"eds-navigation-card__title\">\n        {compact && titleIcon && (\n          <span\n            className=\"eds-navigation-card__title-icon-compact\"\n            aria-hidden=\"true\"\n          >\n            {titleIcon}\n          </span>\n        )}\n        <Heading3 as=\"span\">{title}</Heading3>\n      </span>\n      {!compact && (\n        <>\n          <Paragraph>{children}</Paragraph>\n          {externalLink && (\n            <ExternalIcon\n              aria-label=\"Ekstern lenke\"\n              className=\"eds-navigation-card__external--not-compact\"\n            />\n          )}\n        </>\n      )}\n      {compact && externalLink && (\n        <ExternalIcon\n          aria-label=\"Ekstern lenke\"\n          className=\"eds-navigattion-card__icon eds-navigation-card__external--compact\"\n        />\n      )}\n      {compact && !externalLink && (\n        <ForwardIcon\n          className=\"eds-navigattion-card__icon eds-navigation-card__arrow-icon\"\n          aria-hidden=\"true\"\n        />\n      )}\n    </BaseCard>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Tag.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type TagOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default 'div'\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /**Mindre og mer kompakt Tag, til f.eks. tabellbruk\n   * @default false\n   */\n  compact?: boolean;\n  children: React.ReactNode;\n};\n\nexport type TagProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, TagOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const Tag = <E extends React.ElementType = typeof defaultElement>({\n  className,\n  children,\n  compact,\n  as,\n  ...rest\n}: TagProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const childrenArray = React.Children.toArray(children);\n  const hasLeadingIcon =\n    childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n  const hasTrailingIcon =\n    childrenArray.length > 1 &&\n    typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n  return (\n    <Element\n      className={classNames('eds-tag', className, {\n        'eds-tag--leading-icon': hasLeadingIcon,\n        'eds-tag--trailing-icon': hasTrailingIcon,\n        'eds-tag--compact': compact,\n      })}\n      {...rest}\n    >\n      {children}\n    </Element>\n  );\n};\n"],"names":["Contrast","React","forwardRef","ref","className","as","rest","_objectWithoutPropertiesLoose","_ref","_excluded","ContrastContext","Provider","value","createElement","_extends","classNames","createContext","BaseCard","children","Element","classList","Badge","displayValue","_ref$max","max","variant","_ref$showZero","showZero","_ref$invisible","invisible","invisibleProp","_ref$type","type","BulletBadge","props","NotificationBadge","StatusBadge","warnAboutMissingStyles","title","description","category","style","whole","wholeCardAsElement","innerProps","InnerElement","Label","Paragraph","ForwardIcon","titleIcon","_ref$compact","compact","_ref$externalLink","externalLink","Heading3","Fragment","ExternalIcon","childrenArray","Children","toArray","length","useContext"],"mappings":"ukBAoBaA,EAA8BC,EAAMC,YAAW,SAI1DC,EAAAA,GAAsB,IADpBC,IAAAA,UAAWC,IAAAA,GAAOC,EAAIC,EAAAC,EAAAC,GAIxB,OACER,gBAACS,EAAgBC,SAAS,CAAAC,OAAO,GAC/BX,EAAAY,cAH+BR,GARd,MAWTS,EAAA,CACNV,UAAWW,EAAW,eAAgBX,GACtCD,IAAKA,GACDG,IAIZ,IAEaI,EAAkBT,EAAMe,eAAuB,mCClB/CC,EAAW,SAKYT,GAAA,IAJlCU,IAAAA,SACAd,IAAAA,UACAC,IAAAA,GACGC,EAAIC,EAAAC,EAAAC,GAEDU,EAA6Bd,GARd,MASfe,EAAYL,EAAW,gBAAiBX,GAC9C,OACEH,EAAAY,cAACM,EAAOL,EAAA,CAACV,UAAWgB,GAAed,GAChCY,EAGP,2PCQaG,EAAwBpB,EAAMC,YACzC,SAYEC,EAAAA,GACE,IAUEmB,EArBFJ,IAAAA,SACAd,IAAAA,UAASmB,EAAAf,EACTgB,IAAAA,aAAM,GAAED,EACRE,IAAAA,QAAOC,EAAAlB,EACPmB,SAAAA,cAAgBD,EAAAE,EAAApB,EAChBqB,UAAWC,cAAqBF,EAChCvB,IAAAA,GAAE0B,EAAAvB,EACFwB,KAAAA,aAAO,SAAQD,EACZzB,EAAIC,EAAAC,EAAAC,GAIHU,EAA6Bd,GAjBhB,OAkBfwB,EAAYC,GAEI,IAAlBA,IACe,IAAbZ,GAAmBS,IAAyB,MAAZT,IAElCW,GAAY,GAKZP,EADsB,iBAAbJ,GACMA,EAAWM,EAASA,MAEpBN,EAGjB,IAAME,EAAYL,EAChBX,EACA,YACA,CAAE,uBAAwByB,EAAW,uBAAwBF,GACvCF,sBAAAA,EACHO,mBAAAA,GAGrB,OACE/B,EAACY,cAAAM,EAAOL,EAAA,CAACV,UAAWgB,EAAWjB,IAAKA,GAASG,GAC1CgB,EAGP,ICzDWW,EAAoChC,EAAMC,YACrD,SACEgC,EACA/B,GAIA,OAAOF,gBAACoB,EAAKP,EAAA,CAACT,GAFqB6B,EAAM7B,IAPtB,QASY6B,EAAK,CAAE/B,IAAKA,EAAK6B,KAAK,WACvD,ICAWG,EAAgDlC,EAAMC,YACjE,SACEgC,EACA/B,GAIA,OAAOF,gBAACoB,EAAKP,EAAA,CAACT,GAFqB6B,EAAM7B,IAPtB,QASY6B,EAAK,CAAE/B,IAAKA,EAAK6B,KAAK,iBACvD,IChBWI,EAAoCnC,EAAMC,YACrD,SACEgC,EACA/B,GAIA,OAAOF,gBAACoB,EAAKP,EAAA,CAACT,GAFqB6B,EAAM7B,IAPtB,QASY6B,EAAK,CAAE/B,IAAKA,EAAK6B,KAAK,WACvD,8CChCFK,EAAAA,uBAAuB,SAAU,sICiCR,SAUY7B,GAAA,IATnC8B,IAAAA,MACAC,IAAAA,YACArB,IAAAA,SACAd,IAAAA,UACAoC,IAAAA,SACAC,IAAAA,MACApC,IAAAA,GACoBqC,IAApBC,mBACGrC,EAAIC,EAAAC,EAAAC,GAEDU,EAA6Bd,GAbd,IAcfe,EAAYL,EAAW,gBAAiB,iBAAkBX,GAI1DwC,EAAaF,EAAQ,CAAE,EAAGpC,EAC1BuC,EAAeH,EAAQ,MAAQvB,EACrC,OACElB,EAACY,cAAAI,EAAQH,EAAA,CACPT,GANmBqC,EAAQvB,EAAU,MAOrCf,UAAWgB,EACXqB,MAAOA,GAPUC,EAAQpC,EAAO,IAUhCL,EAAAY,cAAA,MAAA,CAAKT,UAAU,yBAAyBc,GACxCjB,EAAAY,cAACgC,EAAY/B,EAAA,CAACV,UAAU,wBAA2BwC,GAChDJ,GACCvC,EAAAY,cAACiC,EAAAA,MAAK,CAAC1C,UAAU,4BAA4BoC,GAE/CvC,EAAAY,cAAA,MAAA,CAAKT,UAAU,yBAAyBkC,GACxCrC,EAACY,cAAAkC,EAASA,UAAE,KAAAR,GACZtC,EAACY,cAAAmC,cACC,CAAA5C,UAAU,6BACE,cAAA,UAKtB,yBCtC8B,SAWYI,GAAA,IARxC8B,IAAAA,MACApB,IAAAA,SACA+B,IAAAA,UAASC,EAAA1C,EACT2C,QAAAA,cAAeD,EACf9C,IAAAA,UAASgD,EAAA5C,EACT6C,aAAAA,cAAoBD,EACpB/C,IAAAA,GACGC,EAAIC,EAAAC,EAAAC,GAEDU,EAA6Bd,GAdd,IAefe,EAAYL,EAAW,sBAAuBX,EAAW,CAC7D,0BAA2B+C,EAC3B,+BAAgCA,IAElC,OACElD,EAAAY,cAACI,EAAQH,EAAA,CAACT,GAAIc,EAASf,UAAWgB,GAAed,IAC7C6C,GAAWF,GACXhD,EAAKY,cAAA,MAAA,CAAAT,UAAU,kCAA8C,cAAA,QAC1D6C,GAGLhD,EAAMY,cAAA,OAAA,CAAAT,UAAU,8BACb+C,GAAWF,GACVhD,EACEY,cAAA,OAAA,CAAAT,UAAU,0CACE,cAAA,QAEX6C,GAGLhD,EAACY,cAAAyC,EAAAA,UAASjD,GAAG,QAAQiC,KAErBa,GACAlD,EAAAY,cAAAZ,EAAAsD,SAAA,KACEtD,EAACY,cAAAkC,EAAAA,UAAW,KAAA7B,GACXmC,GACCpD,EAACY,cAAA2C,eACY,CAAA,aAAA,gBACXpD,UAAU,gDAKjB+C,GAAWE,GACVpD,EAACY,cAAA2C,EAAAA,aACY,CAAA,aAAA,gBACXpD,UAAU,sEAGb+C,IAAYE,GACXpD,gBAAC+C,EAAAA,YAAW,CACV5C,UAAU,6DACE,cAAA,SAKtB,gEC1EmB,SAMYI,GAAA,IAL7BJ,IAAAA,UACAc,IAAAA,SACAiC,IAAAA,QACA9C,IAAAA,GACGC,EAAIC,EAAAC,EAAAC,GAEDU,EAA6Bd,GATd,MAUfoD,EAAgBxD,EAAMyD,SAASC,QAAQzC,GAO7C,OACEjB,EAACY,cAAAM,EAAOL,EAAA,CACNV,UAAWW,EAAW,UAAWX,EAAW,CAC1C,wBARJqD,EAAcG,OAAS,GAAiC,iBAArBH,EAAc,GAS7C,yBAPJA,EAAcG,OAAS,GAC4B,iBAA5CH,EAAcA,EAAcG,OAAS,GAOxC,mBAAoBT,KAElB7C,GAEHY,EAGP,sBTX0C,WAAlB,OACtBjB,EAAM4D,WAAWnD,EAAgB"}
+{"version":3,"file":"layout.cjs.production.min.js","sources":["../src/Contrast.tsx","../src/BaseCard.tsx","../src/Badge/Badge.tsx","../src/Badge/BulletBadge.tsx","../src/Badge/NotificationBadge.tsx","../src/Badge/StatusBadge.tsx","../src/index.tsx","../src/MediaCard.tsx","../src/NavigationCard.tsx","../src/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\nexport type ContrastBaseProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type ContrastProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, ContrastBaseProps>;\n\nexport type ContrastComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: ContrastProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'div';\n\nexport const Contrast: ContrastComponent = React.forwardRef(function Contrast<\n  T extends React.ElementType = typeof defaultElement,\n>(\n  { className, as, ...rest }: ContrastProps<T>,\n  ref: PolymorphicRef<T>,\n): JSX.Element {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <ContrastContext.Provider value={true}>\n      <Element\n        className={classNames('eds-contrast', className)}\n        ref={ref}\n        {...rest}\n      />\n    </ContrastContext.Provider>\n  );\n});\n\nexport const ContrastContext = React.createContext<boolean>(false);\n\nexport const useContrast: () => boolean = () =>\n  React.useContext(ContrastContext);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './BaseCard.scss';\n\nexport type BaseCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager Card\n   * @default \"div\"\n   */\n  as?: 'div' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  children?: React.ReactNode;\n};\n\nexport type BaseCardProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, BaseCardOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const BaseCard = <E extends React.ElementType = typeof defaultElement>({\n  children,\n  className,\n  as,\n  ...rest\n}: BaseCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-base-card', className);\n  return (\n    <Element className={classList} {...rest}>\n      {children}\n    </Element>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport './Badge.scss';\n\nexport type BadgeTypes = 'status' | 'bullet' | 'notification';\n\nexport type BadgeOwnProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n  /** Om 0 skal vises\n   * @default false\n   */\n  showZero?: boolean;\n  /** Hva som er høyeste tallet før det legges på \"+\"\n   * @default ++\n   */\n  max?: number;\n  type?: BadgeTypes;\n  invisible?: boolean;\n};\n\nexport type BadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, BadgeOwnProps>;\n\nexport type BadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: BadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const Badge: BadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      children,\n      className,\n      max = 99,\n      variant,\n      showZero = false,\n      invisible: invisibleProp = false,\n      as,\n      type = 'status',\n      ...rest\n    }: BadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    let invisible = invisibleProp;\n    if (\n      invisibleProp === false &&\n      ((children === 0 && !showZero) || children == null)\n    ) {\n      invisible = true;\n    }\n\n    let displayValue;\n    if (typeof children === 'number') {\n      displayValue = children > max ? `${max}+` : children;\n    } else {\n      displayValue = children;\n    }\n\n    const classList = classNames(\n      className,\n      'eds-badge',\n      { 'eds-badge--invisible': invisible, 'eds-badge--show-zero': showZero },\n      `eds-badge--variant-${variant}`,\n      `eds-badge--type-${type}`,\n    );\n\n    return (\n      <Element className={classList} ref={ref} {...rest}>\n        {displayValue}\n      </Element>\n    );\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype BulletBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type BulletBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, BulletBadgeBaseProps>;\n\nexport type BulletBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: BulletBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const BulletBadge: BulletBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: BulletBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"bullet\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype NotificationBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n  /** Om 0 skal vises\n   * @default false\n   */\n  showZero?: boolean;\n  /** Hva som er høyeste tallet før det legges på \"+\"\n   * @default ++\n   */\n  max?: number;\n};\n\nexport type NotificationBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, NotificationBadgeBaseProps>;\n\nexport type NotificationBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: NotificationBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const NotificationBadge: NotificationBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: NotificationBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"notification\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype StatusBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type StatusBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, StatusBadgeBaseProps>;\n\nexport type StatusBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: StatusBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const StatusBadge: StatusBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: StatusBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"status\" />;\n  },\n);\n","import './styles.scss';\nimport { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('layout', 'typography');\n\nexport * from './Contrast';\nexport * from './NavigationCard';\nexport * from './BaseCard';\nexport * from './MediaCard';\nexport * from './Badge/Badge';\nexport * from './Badge/BulletBadge';\nexport * from './Badge/NotificationBadge';\nexport * from './Badge/StatusBadge';\nexport * from './Tag';\n","import React, { CSSProperties } from 'react';\nimport { Paragraph, Label } from '@entur/typography';\nimport classNames from 'classnames';\nimport { BaseCard } from './BaseCard';\nimport { ForwardIcon } from '@entur/icons';\nimport './MediaCard.scss';\nimport { ConditionalWrapper, PolymorphicComponentProps } from '@entur/utils';\n\nexport type MediaCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager bunnen (under media) av MediaCard\n   * @default 'a'\n   */\n  as?: 'a' | 'button' | React.ElementType;\n  /** Tittelen/teksten som står i CardBox */\n  title: string;\n  /** Teksten under tittelen i MediaCard */\n  description?: React.ReactNode;\n  /** Kategori (eller lignende) som vises over tittelen */\n  category?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Det du skulle ønske som media (f.eks. bilder eller video) */\n  children?: React.ReactNode;\n  /** Styling som sendes til komponenten */\n  style?: CSSProperties;\n  /** Hvilken heading som brukes for tittelen.\n   *  Blir kun satt hvis description også er satt.\n   * @default 'h2'\n   */\n  headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n  /** Skjul pil-ikonet nederst til høyre\n   * @default false\n   */\n  hideArrow?: boolean;\n  /** Props som sendes til wrapper-elementet i stedet for lenke-elementet */\n  wrapperProps?: React.HTMLAttributes<HTMLElement>;\n  /** @deprecated Denne prop-en har ikke lenger en funksjon.\n   *  Hvis du trenger å legge til props på wrapper-elementet, bruk 'wrapperProps'-prop-en\n   */\n  wholeCardAsElement?: boolean;\n};\n\nexport type MediaCardProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, MediaCardOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const MediaCard = <E extends React.ElementType = typeof defaultElement>({\n  title,\n  description,\n  children,\n  className,\n  category,\n  style,\n  as,\n  headingLevel = 'h2',\n  wholeCardAsElement: whole,\n  hideArrow,\n  wrapperProps,\n  ...rest\n}: MediaCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const Heading = headingLevel;\n\n  const _wrapperProps = whole\n    ? { ...wrapperProps, ...rest }\n    : { ...wrapperProps };\n  return (\n    <BaseCard\n      className={classNames('eds-base-card', 'eds-media-card', className)}\n      style={style}\n      {..._wrapperProps}\n    >\n      <div className=\"eds-media-card__media\">{children}</div>\n      <div className=\"eds-media-card__text\">\n        {category && (\n          <Label className=\"eds-media-card__text__category\">{category}</Label>\n        )}\n        {/* we only want a heading wrapper when we also have description text */}\n        <ConditionalWrapper\n          condition={description !== undefined}\n          wrapper={(children: React.ReactNode) => (\n            <Heading className=\"eds-media-card__text__title\">\n              {children}\n            </Heading>\n          )}\n        >\n          <Element\n            tabIndex={0}\n            className=\"eds-media-card__text__title-link\"\n            {...rest}\n          >\n            {title}\n          </Element>\n        </ConditionalWrapper>\n        {description !== undefined && <Paragraph>{description}</Paragraph>}\n        {!hideArrow && (\n          <ForwardIcon\n            className=\"eds-media-card__arrow-icon\"\n            aria-hidden=\"true\"\n          />\n        )}\n      </div>\n    </BaseCard>\n  );\n};\n\nexport default MediaCard;\n","import React from 'react';\nimport { Paragraph } from '@entur/typography';\nimport classNames from 'classnames';\nimport { ForwardIcon, ExternalIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { BaseCard } from './BaseCard';\nimport './NavigationCard.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type NavigationCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager NavigationCard\n   * @default 'a'\n   */\n  as?: 'a' | 'button' | React.ElementType;\n  /** Tittelen/teksten som står i CardBox */\n  title: string;\n  /** Valgfritt ikon som står over tittelen */\n  titleIcon?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Lager en mer kompakt NavigationCard, uten ikon og beskrivende tekst\n   * @default false\n   */\n  compact?: boolean;\n  /** Beskrivelse under tittel, om ikke \"compact\" er valgt */\n  children?: React.ReactNode;\n  /** Legger til et ikon for å symbolisere at kortet har en ekstern lenke\n   * @default false\n   */\n  externalLink?: boolean;\n};\n\nexport type NavigationCardProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, NavigationCardOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const NavigationCard = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  title,\n  children,\n  titleIcon,\n  compact = false,\n  className,\n  externalLink = false,\n  as,\n  ...rest\n}: NavigationCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-navigation-card', className, {\n    'eds-base-card--red-line': compact,\n    'eds-navigation-card--compact': compact,\n  });\n  return (\n    <BaseCard as={Element} className={classList} {...rest}>\n      {!compact && titleIcon && (\n        <div className=\"eds-navigation-card__title-icon\" aria-hidden=\"true\">\n          {titleIcon}\n        </div>\n      )}\n      <span className=\"eds-navigation-card__title\">\n        {compact && titleIcon && (\n          <span\n            className=\"eds-navigation-card__title-icon-compact\"\n            aria-hidden=\"true\"\n          >\n            {titleIcon}\n          </span>\n        )}\n        <Heading3 as=\"span\">{title}</Heading3>\n      </span>\n      {!compact && (\n        <>\n          <Paragraph>{children}</Paragraph>\n          {externalLink && (\n            <ExternalIcon\n              aria-label=\"Ekstern lenke\"\n              className=\"eds-navigation-card__external--not-compact\"\n            />\n          )}\n        </>\n      )}\n      {compact && externalLink && (\n        <ExternalIcon\n          aria-label=\"Ekstern lenke\"\n          className=\"eds-navigattion-card__icon eds-navigation-card__external--compact\"\n        />\n      )}\n      {compact && !externalLink && (\n        <ForwardIcon\n          className=\"eds-navigattion-card__icon eds-navigation-card__arrow-icon\"\n          aria-hidden=\"true\"\n        />\n      )}\n    </BaseCard>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Tag.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type TagOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default 'div'\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /**Mindre og mer kompakt Tag, til f.eks. tabellbruk\n   * @default false\n   */\n  compact?: boolean;\n  children: React.ReactNode;\n};\n\nexport type TagProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, TagOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const Tag = <E extends React.ElementType = typeof defaultElement>({\n  className,\n  children,\n  compact,\n  as,\n  ...rest\n}: TagProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const childrenArray = React.Children.toArray(children);\n  const hasLeadingIcon =\n    childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n  const hasTrailingIcon =\n    childrenArray.length > 1 &&\n    typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n  return (\n    <Element\n      className={classNames('eds-tag', className, {\n        'eds-tag--leading-icon': hasLeadingIcon,\n        'eds-tag--trailing-icon': hasTrailingIcon,\n        'eds-tag--compact': compact,\n      })}\n      {...rest}\n    >\n      {children}\n    </Element>\n  );\n};\n"],"names":["Contrast","React","forwardRef","ref","className","as","rest","_objectWithoutPropertiesLoose","_ref","_excluded","ContrastContext","Provider","value","createElement","_extends","classNames","createContext","BaseCard","children","Element","classList","Badge","displayValue","_ref$max","max","variant","_ref$showZero","showZero","_ref$invisible","invisible","invisibleProp","_ref$type","type","BulletBadge","props","NotificationBadge","StatusBadge","warnAboutMissingStyles","title","description","category","style","_ref$headingLevel","headingLevel","whole","wholeCardAsElement","hideArrow","wrapperProps","Heading","_wrapperProps","Label","ConditionalWrapper","condition","undefined","wrapper","tabIndex","Paragraph","ForwardIcon","titleIcon","_ref$compact","compact","_ref$externalLink","externalLink","Heading3","Fragment","ExternalIcon","childrenArray","Children","toArray","length","useContext"],"mappings":"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"}

package/dist/layout.esm.js

@@ -1,4 +1,4 @@
-import { warnAboutMissingStyles } from '@entur/utils';
+import { ConditionalWrapper, warnAboutMissingStyles } from '@entur/utils';
 import React from 'react';
 import classNames from 'classnames';
 import { Heading3, Paragraph, Label } from '@entur/typography';
@@ -107,7 +107,7 @@ var NavigationCard = function NavigationCard(_ref) {
   }));
 };
 
-var _excluded$2 = ["title", "description", "children", "className", "category", "style", "as", "wholeCardAsElement"];
+var _excluded$2 = ["title", "description", "children", "className", "category", "style", "as", "headingLevel", "wholeCardAsElement", "hideArrow", "wrapperProps"];
 var defaultElement$5 = 'a';
 var MediaCard = function MediaCard(_ref) {
   var title = _ref.title,
@@ -117,27 +117,35 @@ var MediaCard = function MediaCard(_ref) {
     category = _ref.category,
     style = _ref.style,
     as = _ref.as,
+    _ref$headingLevel = _ref.headingLevel,
+    headingLevel = _ref$headingLevel === void 0 ? 'h2' : _ref$headingLevel,
     whole = _ref.wholeCardAsElement,
+    hideArrow = _ref.hideArrow,
+    wrapperProps = _ref.wrapperProps,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   var Element = as || defaultElement$5;
-  var classList = classNames('eds-base-card', 'eds-media-card', className);
-  var wrapperElement = whole ? Element : 'div';
-  var wrapperProps = whole ? rest : {};
-  var innerProps = whole ? {} : rest;
-  var InnerElement = whole ? 'div' : Element;
+  var Heading = headingLevel;
+  var _wrapperProps = whole ? _extends({}, wrapperProps, rest) : _extends({}, wrapperProps);
   return React.createElement(BaseCard, _extends({
-    as: wrapperElement,
-    className: classList,
+    className: classNames('eds-base-card', 'eds-media-card', className),
     style: style
-  }, wrapperProps), React.createElement("div", {
+  }, _wrapperProps), React.createElement("div", {
     className: "eds-media-card__media"
-  }, children), React.createElement(InnerElement, _extends({
+  }, children), React.createElement("div", {
     className: "eds-media-card__text"
-  }, innerProps), category && React.createElement(Label, {
-    className: "eds-media-card__category"
-  }, category), React.createElement("div", {
-    className: "eds-media-card__title"
-  }, title), React.createElement(Paragraph, null, description), React.createElement(ForwardIcon, {
+  }, category && React.createElement(Label, {
+    className: "eds-media-card__text__category"
+  }, category), React.createElement(ConditionalWrapper, {
+    condition: description !== undefined,
+    wrapper: function wrapper(children) {
+      return React.createElement(Heading, {
+        className: "eds-media-card__text__title"
+      }, children);
+    }
+  }, React.createElement(Element, _extends({
+    tabIndex: 0,
+    className: "eds-media-card__text__title-link"
+  }, rest), title)), description !== undefined && React.createElement(Paragraph, null, description), !hideArrow && React.createElement(ForwardIcon, {
     className: "eds-media-card__arrow-icon",
     "aria-hidden": "true"
   })));

package/dist/layout.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.esm.js","sources":["../src/Contrast.tsx","../src/BaseCard.tsx","../src/NavigationCard.tsx","../src/MediaCard.tsx","../src/Badge/Badge.tsx","../src/Badge/BulletBadge.tsx","../src/Badge/NotificationBadge.tsx","../src/Badge/StatusBadge.tsx","../src/Tag.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\nexport type ContrastBaseProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type ContrastProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, ContrastBaseProps>;\n\nexport type ContrastComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: ContrastProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'div';\n\nexport const Contrast: ContrastComponent = React.forwardRef(function Contrast<\n  T extends React.ElementType = typeof defaultElement,\n>(\n  { className, as, ...rest }: ContrastProps<T>,\n  ref: PolymorphicRef<T>,\n): JSX.Element {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <ContrastContext.Provider value={true}>\n      <Element\n        className={classNames('eds-contrast', className)}\n        ref={ref}\n        {...rest}\n      />\n    </ContrastContext.Provider>\n  );\n});\n\nexport const ContrastContext = React.createContext<boolean>(false);\n\nexport const useContrast: () => boolean = () =>\n  React.useContext(ContrastContext);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './BaseCard.scss';\n\nexport type BaseCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager Card\n   * @default \"div\"\n   */\n  as?: 'div' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  children?: React.ReactNode;\n};\n\nexport type BaseCardProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, BaseCardOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const BaseCard = <E extends React.ElementType = typeof defaultElement>({\n  children,\n  className,\n  as,\n  ...rest\n}: BaseCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-base-card', className);\n  return (\n    <Element className={classList} {...rest}>\n      {children}\n    </Element>\n  );\n};\n","import React from 'react';\nimport { Paragraph } from '@entur/typography';\nimport classNames from 'classnames';\nimport { ForwardIcon, ExternalIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { BaseCard } from './BaseCard';\nimport './NavigationCard.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type NavigationCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager NavigationCard\n   * @default 'a'\n   */\n  as?: 'a' | 'button' | React.ElementType;\n  /** Tittelen/teksten som står i CardBox */\n  title: string;\n  /** Valgfritt ikon som står over tittelen */\n  titleIcon?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Lager en mer kompakt NavigationCard, uten ikon og beskrivende tekst\n   * @default false\n   */\n  compact?: boolean;\n  /** Beskrivelse under tittel, om ikke \"compact\" er valgt */\n  children?: React.ReactNode;\n  /** Legger til et ikon for å symbolisere at kortet har en ekstern lenke\n   * @default false\n   */\n  externalLink?: boolean;\n};\n\nexport type NavigationCardProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, NavigationCardOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const NavigationCard = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  title,\n  children,\n  titleIcon,\n  compact = false,\n  className,\n  externalLink = false,\n  as,\n  ...rest\n}: NavigationCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-navigation-card', className, {\n    'eds-base-card--red-line': compact,\n    'eds-navigation-card--compact': compact,\n  });\n  return (\n    <BaseCard as={Element} className={classList} {...rest}>\n      {!compact && titleIcon && (\n        <div className=\"eds-navigation-card__title-icon\" aria-hidden=\"true\">\n          {titleIcon}\n        </div>\n      )}\n      <span className=\"eds-navigation-card__title\">\n        {compact && titleIcon && (\n          <span\n            className=\"eds-navigation-card__title-icon-compact\"\n            aria-hidden=\"true\"\n          >\n            {titleIcon}\n          </span>\n        )}\n        <Heading3 as=\"span\">{title}</Heading3>\n      </span>\n      {!compact && (\n        <>\n          <Paragraph>{children}</Paragraph>\n          {externalLink && (\n            <ExternalIcon\n              aria-label=\"Ekstern lenke\"\n              className=\"eds-navigation-card__external--not-compact\"\n            />\n          )}\n        </>\n      )}\n      {compact && externalLink && (\n        <ExternalIcon\n          aria-label=\"Ekstern lenke\"\n          className=\"eds-navigattion-card__icon eds-navigation-card__external--compact\"\n        />\n      )}\n      {compact && !externalLink && (\n        <ForwardIcon\n          className=\"eds-navigattion-card__icon eds-navigation-card__arrow-icon\"\n          aria-hidden=\"true\"\n        />\n      )}\n    </BaseCard>\n  );\n};\n","import React, { CSSProperties } from 'react';\nimport { Paragraph, Label } from '@entur/typography';\nimport classNames from 'classnames';\nimport { BaseCard } from './BaseCard';\nimport { ForwardIcon } from '@entur/icons';\nimport './MediaCard.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type MediaCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager bunnen (under media) av MediaCard\n   * @default 'a'\n   */\n  as?: 'a' | 'button' | React.ElementType;\n  /** Tittelen/teksten som står i CardBox */\n  title: string;\n  /** Teksten under tittelen i MediaCard */\n  description?: React.ReactNode;\n  /** Kategori (eller lignende) som vises over tittelen */\n  category?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Det du skulle ønske som media (f.eks. bilder eller video) */\n  children?: React.ReactNode;\n  /** Styling som sendes til komponenten */\n  style?: CSSProperties;\n  /** Gjør hele kortet til \"as\"-elementet. Default er kun tekstområdet. Anbefales hvis media er et bilde\n   * @default false\n   */\n  wholeCardAsElement?: boolean;\n};\n\nexport type MediaCardProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, MediaCardOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const MediaCard = <E extends React.ElementType = typeof defaultElement>({\n  title,\n  description,\n  children,\n  className,\n  category,\n  style,\n  as,\n  wholeCardAsElement: whole,\n  ...rest\n}: MediaCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-base-card', 'eds-media-card', className);\n\n  const wrapperElement = whole ? Element : 'div';\n  const wrapperProps = whole ? rest : {};\n  const innerProps = whole ? {} : rest;\n  const InnerElement = whole ? 'div' : Element;\n  return (\n    <BaseCard\n      as={wrapperElement}\n      className={classList}\n      style={style}\n      {...wrapperProps}\n    >\n      <div className=\"eds-media-card__media\">{children}</div>\n      <InnerElement className=\"eds-media-card__text\" {...innerProps}>\n        {category && (\n          <Label className=\"eds-media-card__category\">{category}</Label>\n        )}\n        <div className=\"eds-media-card__title\">{title}</div>\n        <Paragraph>{description}</Paragraph>\n        <ForwardIcon\n          className=\"eds-media-card__arrow-icon\"\n          aria-hidden=\"true\"\n        />\n      </InnerElement>\n    </BaseCard>\n  );\n};\n\nexport default MediaCard;\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport './Badge.scss';\n\nexport type BadgeTypes = 'status' | 'bullet' | 'notification';\n\nexport type BadgeOwnProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n  /** Om 0 skal vises\n   * @default false\n   */\n  showZero?: boolean;\n  /** Hva som er høyeste tallet før det legges på \"+\"\n   * @default ++\n   */\n  max?: number;\n  type?: BadgeTypes;\n  invisible?: boolean;\n};\n\nexport type BadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, BadgeOwnProps>;\n\nexport type BadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: BadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const Badge: BadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      children,\n      className,\n      max = 99,\n      variant,\n      showZero = false,\n      invisible: invisibleProp = false,\n      as,\n      type = 'status',\n      ...rest\n    }: BadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    let invisible = invisibleProp;\n    if (\n      invisibleProp === false &&\n      ((children === 0 && !showZero) || children == null)\n    ) {\n      invisible = true;\n    }\n\n    let displayValue;\n    if (typeof children === 'number') {\n      displayValue = children > max ? `${max}+` : children;\n    } else {\n      displayValue = children;\n    }\n\n    const classList = classNames(\n      className,\n      'eds-badge',\n      { 'eds-badge--invisible': invisible, 'eds-badge--show-zero': showZero },\n      `eds-badge--variant-${variant}`,\n      `eds-badge--type-${type}`,\n    );\n\n    return (\n      <Element className={classList} ref={ref} {...rest}>\n        {displayValue}\n      </Element>\n    );\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype BulletBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type BulletBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, BulletBadgeBaseProps>;\n\nexport type BulletBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: BulletBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const BulletBadge: BulletBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: BulletBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"bullet\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype NotificationBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n  /** Om 0 skal vises\n   * @default false\n   */\n  showZero?: boolean;\n  /** Hva som er høyeste tallet før det legges på \"+\"\n   * @default ++\n   */\n  max?: number;\n};\n\nexport type NotificationBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, NotificationBadgeBaseProps>;\n\nexport type NotificationBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: NotificationBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const NotificationBadge: NotificationBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: NotificationBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"notification\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype StatusBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type StatusBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, StatusBadgeBaseProps>;\n\nexport type StatusBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: StatusBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const StatusBadge: StatusBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: StatusBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"status\" />;\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Tag.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type TagOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default 'div'\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /**Mindre og mer kompakt Tag, til f.eks. tabellbruk\n   * @default false\n   */\n  compact?: boolean;\n  children: React.ReactNode;\n};\n\nexport type TagProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, TagOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const Tag = <E extends React.ElementType = typeof defaultElement>({\n  className,\n  children,\n  compact,\n  as,\n  ...rest\n}: TagProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const childrenArray = React.Children.toArray(children);\n  const hasLeadingIcon =\n    childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n  const hasTrailingIcon =\n    childrenArray.length > 1 &&\n    typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n  return (\n    <Element\n      className={classNames('eds-tag', className, {\n        'eds-tag--leading-icon': hasLeadingIcon,\n        'eds-tag--trailing-icon': hasTrailingIcon,\n        'eds-tag--compact': compact,\n      })}\n      {...rest}\n    >\n      {children}\n    </Element>\n  );\n};\n","import './styles.scss';\nimport { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('layout', 'typography');\n\nexport * from './Contrast';\nexport * from './NavigationCard';\nexport * from './BaseCard';\nexport * from './MediaCard';\nexport * from './Badge/Badge';\nexport * from './Badge/BulletBadge';\nexport * from './Badge/NotificationBadge';\nexport * from './Badge/StatusBadge';\nexport * from './Tag';\n"],"names":["defaultElement","Contrast","React","forwardRef","ref","className","as","rest","_excluded","Element","ContrastContext","Provider","value","createElement","classNames","createContext","useContrast","useContext","BaseCard","children","classList","NavigationCard","title","titleIcon","compact","externalLink","Heading3","Fragment","Paragraph","ExternalIcon","ForwardIcon","MediaCard","description","category","style","whole","wholeCardAsElement","wrapperElement","wrapperProps","innerProps","InnerElement","Label","Badge","max","variant","showZero","invisible","invisibleProp","type","displayValue","BulletBadge","props","NotificationBadge","StatusBadge","Tag","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","warnAboutMissingStyles"],"mappings":"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"}
+{"version":3,"file":"layout.esm.js","sources":["../src/Contrast.tsx","../src/BaseCard.tsx","../src/NavigationCard.tsx","../src/MediaCard.tsx","../src/Badge/Badge.tsx","../src/Badge/BulletBadge.tsx","../src/Badge/NotificationBadge.tsx","../src/Badge/StatusBadge.tsx","../src/Tag.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\nexport type ContrastBaseProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type ContrastProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, ContrastBaseProps>;\n\nexport type ContrastComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: ContrastProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'div';\n\nexport const Contrast: ContrastComponent = React.forwardRef(function Contrast<\n  T extends React.ElementType = typeof defaultElement,\n>(\n  { className, as, ...rest }: ContrastProps<T>,\n  ref: PolymorphicRef<T>,\n): JSX.Element {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <ContrastContext.Provider value={true}>\n      <Element\n        className={classNames('eds-contrast', className)}\n        ref={ref}\n        {...rest}\n      />\n    </ContrastContext.Provider>\n  );\n});\n\nexport const ContrastContext = React.createContext<boolean>(false);\n\nexport const useContrast: () => boolean = () =>\n  React.useContext(ContrastContext);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './BaseCard.scss';\n\nexport type BaseCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager Card\n   * @default \"div\"\n   */\n  as?: 'div' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  children?: React.ReactNode;\n};\n\nexport type BaseCardProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, BaseCardOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const BaseCard = <E extends React.ElementType = typeof defaultElement>({\n  children,\n  className,\n  as,\n  ...rest\n}: BaseCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-base-card', className);\n  return (\n    <Element className={classList} {...rest}>\n      {children}\n    </Element>\n  );\n};\n","import React from 'react';\nimport { Paragraph } from '@entur/typography';\nimport classNames from 'classnames';\nimport { ForwardIcon, ExternalIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { BaseCard } from './BaseCard';\nimport './NavigationCard.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type NavigationCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager NavigationCard\n   * @default 'a'\n   */\n  as?: 'a' | 'button' | React.ElementType;\n  /** Tittelen/teksten som står i CardBox */\n  title: string;\n  /** Valgfritt ikon som står over tittelen */\n  titleIcon?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Lager en mer kompakt NavigationCard, uten ikon og beskrivende tekst\n   * @default false\n   */\n  compact?: boolean;\n  /** Beskrivelse under tittel, om ikke \"compact\" er valgt */\n  children?: React.ReactNode;\n  /** Legger til et ikon for å symbolisere at kortet har en ekstern lenke\n   * @default false\n   */\n  externalLink?: boolean;\n};\n\nexport type NavigationCardProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, NavigationCardOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const NavigationCard = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  title,\n  children,\n  titleIcon,\n  compact = false,\n  className,\n  externalLink = false,\n  as,\n  ...rest\n}: NavigationCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-navigation-card', className, {\n    'eds-base-card--red-line': compact,\n    'eds-navigation-card--compact': compact,\n  });\n  return (\n    <BaseCard as={Element} className={classList} {...rest}>\n      {!compact && titleIcon && (\n        <div className=\"eds-navigation-card__title-icon\" aria-hidden=\"true\">\n          {titleIcon}\n        </div>\n      )}\n      <span className=\"eds-navigation-card__title\">\n        {compact && titleIcon && (\n          <span\n            className=\"eds-navigation-card__title-icon-compact\"\n            aria-hidden=\"true\"\n          >\n            {titleIcon}\n          </span>\n        )}\n        <Heading3 as=\"span\">{title}</Heading3>\n      </span>\n      {!compact && (\n        <>\n          <Paragraph>{children}</Paragraph>\n          {externalLink && (\n            <ExternalIcon\n              aria-label=\"Ekstern lenke\"\n              className=\"eds-navigation-card__external--not-compact\"\n            />\n          )}\n        </>\n      )}\n      {compact && externalLink && (\n        <ExternalIcon\n          aria-label=\"Ekstern lenke\"\n          className=\"eds-navigattion-card__icon eds-navigation-card__external--compact\"\n        />\n      )}\n      {compact && !externalLink && (\n        <ForwardIcon\n          className=\"eds-navigattion-card__icon eds-navigation-card__arrow-icon\"\n          aria-hidden=\"true\"\n        />\n      )}\n    </BaseCard>\n  );\n};\n","import React, { CSSProperties } from 'react';\nimport { Paragraph, Label } from '@entur/typography';\nimport classNames from 'classnames';\nimport { BaseCard } from './BaseCard';\nimport { ForwardIcon } from '@entur/icons';\nimport './MediaCard.scss';\nimport { ConditionalWrapper, PolymorphicComponentProps } from '@entur/utils';\n\nexport type MediaCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager bunnen (under media) av MediaCard\n   * @default 'a'\n   */\n  as?: 'a' | 'button' | React.ElementType;\n  /** Tittelen/teksten som står i CardBox */\n  title: string;\n  /** Teksten under tittelen i MediaCard */\n  description?: React.ReactNode;\n  /** Kategori (eller lignende) som vises over tittelen */\n  category?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Det du skulle ønske som media (f.eks. bilder eller video) */\n  children?: React.ReactNode;\n  /** Styling som sendes til komponenten */\n  style?: CSSProperties;\n  /** Hvilken heading som brukes for tittelen.\n   *  Blir kun satt hvis description også er satt.\n   * @default 'h2'\n   */\n  headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n  /** Skjul pil-ikonet nederst til høyre\n   * @default false\n   */\n  hideArrow?: boolean;\n  /** Props som sendes til wrapper-elementet i stedet for lenke-elementet */\n  wrapperProps?: React.HTMLAttributes<HTMLElement>;\n  /** @deprecated Denne prop-en har ikke lenger en funksjon.\n   *  Hvis du trenger å legge til props på wrapper-elementet, bruk 'wrapperProps'-prop-en\n   */\n  wholeCardAsElement?: boolean;\n};\n\nexport type MediaCardProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, MediaCardOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const MediaCard = <E extends React.ElementType = typeof defaultElement>({\n  title,\n  description,\n  children,\n  className,\n  category,\n  style,\n  as,\n  headingLevel = 'h2',\n  wholeCardAsElement: whole,\n  hideArrow,\n  wrapperProps,\n  ...rest\n}: MediaCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const Heading = headingLevel;\n\n  const _wrapperProps = whole\n    ? { ...wrapperProps, ...rest }\n    : { ...wrapperProps };\n  return (\n    <BaseCard\n      className={classNames('eds-base-card', 'eds-media-card', className)}\n      style={style}\n      {..._wrapperProps}\n    >\n      <div className=\"eds-media-card__media\">{children}</div>\n      <div className=\"eds-media-card__text\">\n        {category && (\n          <Label className=\"eds-media-card__text__category\">{category}</Label>\n        )}\n        {/* we only want a heading wrapper when we also have description text */}\n        <ConditionalWrapper\n          condition={description !== undefined}\n          wrapper={(children: React.ReactNode) => (\n            <Heading className=\"eds-media-card__text__title\">\n              {children}\n            </Heading>\n          )}\n        >\n          <Element\n            tabIndex={0}\n            className=\"eds-media-card__text__title-link\"\n            {...rest}\n          >\n            {title}\n          </Element>\n        </ConditionalWrapper>\n        {description !== undefined && <Paragraph>{description}</Paragraph>}\n        {!hideArrow && (\n          <ForwardIcon\n            className=\"eds-media-card__arrow-icon\"\n            aria-hidden=\"true\"\n          />\n        )}\n      </div>\n    </BaseCard>\n  );\n};\n\nexport default MediaCard;\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport './Badge.scss';\n\nexport type BadgeTypes = 'status' | 'bullet' | 'notification';\n\nexport type BadgeOwnProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n  /** Om 0 skal vises\n   * @default false\n   */\n  showZero?: boolean;\n  /** Hva som er høyeste tallet før det legges på \"+\"\n   * @default ++\n   */\n  max?: number;\n  type?: BadgeTypes;\n  invisible?: boolean;\n};\n\nexport type BadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, BadgeOwnProps>;\n\nexport type BadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: BadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const Badge: BadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      children,\n      className,\n      max = 99,\n      variant,\n      showZero = false,\n      invisible: invisibleProp = false,\n      as,\n      type = 'status',\n      ...rest\n    }: BadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    let invisible = invisibleProp;\n    if (\n      invisibleProp === false &&\n      ((children === 0 && !showZero) || children == null)\n    ) {\n      invisible = true;\n    }\n\n    let displayValue;\n    if (typeof children === 'number') {\n      displayValue = children > max ? `${max}+` : children;\n    } else {\n      displayValue = children;\n    }\n\n    const classList = classNames(\n      className,\n      'eds-badge',\n      { 'eds-badge--invisible': invisible, 'eds-badge--show-zero': showZero },\n      `eds-badge--variant-${variant}`,\n      `eds-badge--type-${type}`,\n    );\n\n    return (\n      <Element className={classList} ref={ref} {...rest}>\n        {displayValue}\n      </Element>\n    );\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype BulletBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type BulletBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, BulletBadgeBaseProps>;\n\nexport type BulletBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: BulletBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const BulletBadge: BulletBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: BulletBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"bullet\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype NotificationBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n  /** Om 0 skal vises\n   * @default false\n   */\n  showZero?: boolean;\n  /** Hva som er høyeste tallet før det legges på \"+\"\n   * @default ++\n   */\n  max?: number;\n};\n\nexport type NotificationBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, NotificationBadgeBaseProps>;\n\nexport type NotificationBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: NotificationBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const NotificationBadge: NotificationBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: NotificationBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"notification\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype StatusBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type StatusBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, StatusBadgeBaseProps>;\n\nexport type StatusBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: StatusBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const StatusBadge: StatusBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: StatusBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"status\" />;\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Tag.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type TagOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default 'div'\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /**Mindre og mer kompakt Tag, til f.eks. tabellbruk\n   * @default false\n   */\n  compact?: boolean;\n  children: React.ReactNode;\n};\n\nexport type TagProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, TagOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const Tag = <E extends React.ElementType = typeof defaultElement>({\n  className,\n  children,\n  compact,\n  as,\n  ...rest\n}: TagProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const childrenArray = React.Children.toArray(children);\n  const hasLeadingIcon =\n    childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n  const hasTrailingIcon =\n    childrenArray.length > 1 &&\n    typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n  return (\n    <Element\n      className={classNames('eds-tag', className, {\n        'eds-tag--leading-icon': hasLeadingIcon,\n        'eds-tag--trailing-icon': hasTrailingIcon,\n        'eds-tag--compact': compact,\n      })}\n      {...rest}\n    >\n      {children}\n    </Element>\n  );\n};\n","import './styles.scss';\nimport { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('layout', 'typography');\n\nexport * from './Contrast';\nexport * from './NavigationCard';\nexport * from './BaseCard';\nexport * from './MediaCard';\nexport * from './Badge/Badge';\nexport * from './Badge/BulletBadge';\nexport * from './Badge/NotificationBadge';\nexport * from './Badge/StatusBadge';\nexport * from './Tag';\n"],"names":["defaultElement","Contrast","React","forwardRef","ref","className","as","rest","_excluded","Element","ContrastContext","Provider","value","createElement","classNames","createContext","useContrast","useContext","BaseCard","children","classList","NavigationCard","title","titleIcon","compact","externalLink","Heading3","Fragment","Paragraph","ExternalIcon","ForwardIcon","MediaCard","description","category","style","headingLevel","whole","wholeCardAsElement","hideArrow","wrapperProps","Heading","_wrapperProps","Label","ConditionalWrapper","condition","undefined","wrapper","tabIndex","Badge","max","variant","showZero","invisible","invisibleProp","type","displayValue","BulletBadge","props","NotificationBadge","StatusBadge","Tag","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAMA,gBAAc,GAAG,KAAK,CAAA;AAErB,IAAMC,QAAQ,gBAAsBC,KAAK,CAACC,UAAU,CAAC,SAASF,QAAQ,CAI3EG,IAAAA,EAAAA,GAAsB,EAAA;EAAA,IADpBC,SAAS,QAATA,SAAS;AAAEC,IAAAA,EAAE,QAAFA,EAAE;IAAKC,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAAC,WAAA,CAAA,CAAA;AAGxB,EAAA,IAAMC,OAAO,GAAsBH,EAAE,IAAIN,gBAAc,CAAA;AACvD,EAAA,OACEE,oBAACQ,eAAe,CAACC,QAAQ,EAAC;AAAAC,IAAAA,KAAK,EAAE,IAAA;AAAI,GAAA,EACnCV,KAAA,CAAAW,aAAA,CAACJ,OAAO,EAAA,QAAA,CAAA;AACNJ,IAAAA,SAAS,EAAES,UAAU,CAAC,cAAc,EAAET,SAAS,CAAC;AAChDD,IAAAA,GAAG,EAAEA,GAAAA;GACDG,EAAAA,IAAI,EACR,CACuB,CAAA;AAE/B,CAAC,EAAC;AAEK,IAAMG,eAAe,gBAAGR,KAAK,CAACa,aAAa,CAAU,KAAK,EAAC;AAErDC,IAAAA,WAAW,GAAkB,SAA7BA,WAAW,GAAA;AAAA,EAAA,OACtBd,KAAK,CAACe,UAAU,CAACP,eAAe,CAAC,CAAA;AAAA;;;ACvBnC,IAAMV,gBAAc,GAAG,KAAK,CAAA;AAEfkB,IAAAA,QAAQ,GAAG,SAAXA,QAAQ,CAKe,IAAA,EAAA;EAAA,IAJlCC,QAAQ,QAARA,QAAQ;AACRd,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,EAAE,QAAFA,EAAE;IACCC,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAAC,WAAA,CAAA,CAAA;AAEP,EAAA,IAAMC,OAAO,GAAsBH,EAAE,IAAIN,gBAAc,CAAA;AACvD,EAAA,IAAMoB,SAAS,GAAGN,UAAU,CAAC,eAAe,EAAET,SAAS,CAAC,CAAA;AACxD,EAAA,OACEH,KAAA,CAAAW,aAAA,CAACJ,OAAO,EAAA,QAAA,CAAA;AAACJ,IAAAA,SAAS,EAAEe,SAAAA;GAAeb,EAAAA,IAAI,CACpCY,EAAAA,QAAQ,CACD,CAAA;AAEd;;;ACGA,IAAMnB,gBAAc,GAAG,GAAG,CAAA;AAEbqB,IAAAA,cAAc,GAAG,SAAjBA,cAAc,CAWe,IAAA,EAAA;EAAA,IARxCC,KAAK,QAALA,KAAK;AACLH,IAAAA,QAAQ,QAARA,QAAQ;AACRI,IAAAA,SAAS,QAATA,SAAS;AAAA,IAAA,YAAA,GAAA,IAAA,CACTC,OAAO;AAAPA,IAAAA,OAAO,6BAAG,KAAK,GAAA,YAAA;AACfnB,IAAAA,SAAS,QAATA,SAAS;AAAA,IAAA,iBAAA,GAAA,IAAA,CACToB,YAAY;AAAZA,IAAAA,YAAY,kCAAG,KAAK,GAAA,iBAAA;AACpBnB,IAAAA,EAAE,QAAFA,EAAE;IACCC,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAAC,WAAA,CAAA,CAAA;AAEP,EAAA,IAAMC,OAAO,GAAsBH,EAAE,IAAIN,gBAAc,CAAA;AACvD,EAAA,IAAMoB,SAAS,GAAGN,UAAU,CAAC,qBAAqB,EAAET,SAAS,EAAE;AAC7D,IAAA,yBAAyB,EAAEmB,OAAO;AAClC,IAAA,8BAA8B,EAAEA,OAAAA;AACjC,GAAA,CAAC,CAAA;AACF,EAAA,OACEtB,KAAA,CAAAW,aAAA,CAACK,QAAQ,EAAA,QAAA,CAAA;AAACZ,IAAAA,EAAE,EAAEG,OAAO;AAAEJ,IAAAA,SAAS,EAAEe,SAAAA;AAAS,GAAA,EAAMb,IAAI,CAAA,EAClD,CAACiB,OAAO,IAAID,SAAS,IACpBrB,KAAK,CAAAW,aAAA,CAAA,KAAA,EAAA;AAAAR,IAAAA,SAAS,EAAC,iCAAiC;AAAa,IAAA,aAAA,EAAA,MAAA;GAC1D,EAAAkB,SAAS,CAEb,EACDrB,KAAM,CAAAW,aAAA,CAAA,MAAA,EAAA;AAAAR,IAAAA,SAAS,EAAC,4BAAA;GAA4B,EACzCmB,OAAO,IAAID,SAAS,IACnBrB,KACE,CAAAW,aAAA,CAAA,MAAA,EAAA;AAAAR,IAAAA,SAAS,EAAC,yCAAyC;AACvC,IAAA,aAAA,EAAA,MAAA;GAEX,EAAAkB,SAAS,CAEb,EACDrB,KAAC,CAAAW,aAAA,CAAAa,QAAQ;AAACpB,IAAAA,EAAE,EAAC,MAAA;AAAQ,GAAA,EAAAgB,KAAK,CAAY,CACjC,EACN,CAACE,OAAO,IACPtB,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAyB,QAAA,EAAA,IAAA,EACEzB,KAAC,CAAAW,aAAA,CAAAe,SAAS,EAAE,IAAA,EAAAT,QAAQ,CAAa,EAChCM,YAAY,IACXvB,KAAC,CAAAW,aAAA,CAAAgB,YAAY,EACA;AAAA,IAAA,YAAA,EAAA,eAAe;AAC1BxB,IAAAA,SAAS,EAAC,4CAAA;AACV,GAAA,CACH,CAEJ,EACAmB,OAAO,IAAIC,YAAY,IACtBvB,KAAC,CAAAW,aAAA,CAAAgB,YAAY,EACA;AAAA,IAAA,YAAA,EAAA,eAAe;AAC1BxB,IAAAA,SAAS,EAAC,mEAAA;IAEb,EACAmB,OAAO,IAAI,CAACC,YAAY,IACvBvB,oBAAC4B,WAAW,EAAA;AACVzB,IAAAA,SAAS,EAAC,4DAA4D;AAC1D,IAAA,aAAA,EAAA,MAAA;IAEf,CACQ,CAAA;AAEf;;;ACpDA,IAAML,gBAAc,GAAG,GAAG,CAAA;AAEb+B,IAAAA,SAAS,GAAG,SAAZA,SAAS,CAae,IAAA,EAAA;EAAA,IAZnCT,KAAK,QAALA,KAAK;AACLU,IAAAA,WAAW,QAAXA,WAAW;AACXb,IAAAA,QAAQ,QAARA,QAAQ;AACRd,IAAAA,SAAS,QAATA,SAAS;AACT4B,IAAAA,QAAQ,QAARA,QAAQ;AACRC,IAAAA,KAAK,QAALA,KAAK;AACL5B,IAAAA,EAAE,QAAFA,EAAE;AAAA,IAAA,iBAAA,GAAA,IAAA,CACF6B,YAAY;AAAZA,IAAAA,YAAY,kCAAG,IAAI,GAAA,iBAAA;AACCC,IAAAA,KAAK,QAAzBC,kBAAkB;AAClBC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,YAAY,QAAZA,YAAY;IACThC,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAAC,WAAA,CAAA,CAAA;AAEP,EAAA,IAAMC,OAAO,GAAsBH,EAAE,IAAIN,gBAAc,CAAA;EACvD,IAAMwC,OAAO,GAAGL,YAAY,CAAA;EAE5B,IAAMM,aAAa,GAAGL,KAAK,GAAA,QAAA,CAAA,EAAA,EAClBG,YAAY,EAAKhC,IAAI,CACrBgC,GAAAA,QAAAA,CAAAA,EAAAA,EAAAA,YAAY,CAAE,CAAA;AACvB,EAAA,OACErC,KAAC,CAAAW,aAAA,CAAAK,QAAQ,EAAA,QAAA,CAAA;IACPb,SAAS,EAAES,UAAU,CAAC,eAAe,EAAE,gBAAgB,EAAET,SAAS,CAAC;AACnE6B,IAAAA,KAAK,EAAEA,KAAAA;AAAK,GAAA,EACRO,aAAa,CAEjBvC,EAAAA,KAAA,CAAAW,aAAA,CAAA,KAAA,EAAA;AAAKR,IAAAA,SAAS,EAAC,uBAAA;GAAuB,EAAEc,QAAQ,CAAO,EACvDjB,KAAK,CAAAW,aAAA,CAAA,KAAA,EAAA;AAAAR,IAAAA,SAAS,EAAC,sBAAA;GAAsB,EAClC4B,QAAQ,IACP/B,KAAA,CAAAW,aAAA,CAAC6B,KAAK,EAAA;AAACrC,IAAAA,SAAS,EAAC,gCAAA;GAAgC,EAAE4B,QAAQ,CAC5D,EAED/B,KAAC,CAAAW,aAAA,CAAA8B,kBAAkB,EACjB;IAAAC,SAAS,EAAEZ,WAAW,KAAKa,SAAS;IACpCC,OAAO,EAAE,iBAAC3B,QAAyB,EAAA;AAAA,MAAA,OACjCjB,KAAA,CAAAW,aAAA,CAAC2B,OAAO,EAAA;AAACnC,QAAAA,SAAS,EAAC,6BAAA;OAA6B,EAC7Cc,QAAQ,CACD,CAAA;AAAA,KAAA;AACX,GAAA,EAEDjB,KAAA,CAAAW,aAAA,CAACJ,OAAO,EAAA,QAAA,CAAA;AACNsC,IAAAA,QAAQ,EAAE,CAAC;AACX1C,IAAAA,SAAS,EAAC,kCAAA;AAAkC,GAAA,EACxCE,IAAI,CAAA,EAEPe,KAAK,CACE,CACS,EACpBU,WAAW,KAAKa,SAAS,IAAI3C,oBAAC0B,SAAS,EAAA,IAAA,EAAEI,WAAW,CAAa,EACjE,CAACM,SAAS,IACTpC,KAAC,CAAAW,aAAA,CAAAiB,WAAW;AACVzB,IAAAA,SAAS,EAAC,4BAA4B;AAAA,IAAA,aAAA,EAC1B,MAAA;GACZ,CACH,CACG,CACG,CAAA;AAEf;;;ACnEA,IAAML,gBAAc,GAAG,MAAM,CAAA;AAEtB,IAAMgD,KAAK,gBAAmB9C,KAAK,CAACC,UAAU,CACnD,UAYEC,IAAAA,EAAAA,GAAsB,EACpB;EAAA,IAXAe,QAAQ,QAARA,QAAQ;AACRd,IAAAA,SAAS,QAATA,SAAS;AAAA,IAAA,QAAA,GAAA,IAAA,CACT4C,GAAG;AAAHA,IAAAA,GAAG,yBAAG,EAAE,GAAA,QAAA;AACRC,IAAAA,OAAO,QAAPA,OAAO;AAAA,IAAA,aAAA,GAAA,IAAA,CACPC,QAAQ;AAARA,IAAAA,QAAQ,8BAAG,KAAK,GAAA,aAAA;AAAA,IAAA,cAAA,GAAA,IAAA,CAChBC,SAAS;AAAEC,IAAAA,aAAa,+BAAG,KAAK,GAAA,cAAA;AAChC/C,IAAAA,EAAE,QAAFA,EAAE;AAAA,IAAA,SAAA,GAAA,IAAA,CACFgD,IAAI;AAAJA,IAAAA,IAAI,0BAAG,QAAQ,GAAA,SAAA;IACZ/C,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAAC,WAAA,CAAA,CAAA;AAIT,EAAA,IAAMC,OAAO,GAAsBH,EAAE,IAAIN,gBAAc,CAAA;EACvD,IAAIoD,SAAS,GAAGC,aAAa,CAAA;AAC7B,EAAA,IACEA,aAAa,KAAK,KAAK,KACrBlC,QAAQ,KAAK,CAAC,IAAI,CAACgC,QAAQ,IAAKhC,QAAQ,IAAI,IAAI,CAAC,EACnD;AACAiC,IAAAA,SAAS,GAAG,IAAI,CAAA;AACjB,GAAA;AAED,EAAA,IAAIG,YAAY,CAAA;AAChB,EAAA,IAAI,OAAOpC,QAAQ,KAAK,QAAQ,EAAE;AAChCoC,IAAAA,YAAY,GAAGpC,QAAQ,GAAG8B,GAAG,GAAMA,GAAG,SAAM9B,QAAQ,CAAA;AACrD,GAAA,MAAM;AACLoC,IAAAA,YAAY,GAAGpC,QAAQ,CAAA;AACxB,GAAA;AAED,EAAA,IAAMC,SAAS,GAAGN,UAAU,CAC1BT,SAAS,EACT,WAAW,EACX;AAAE,IAAA,sBAAsB,EAAE+C,SAAS;AAAE,IAAA,sBAAsB,EAAED,QAAAA;AAAU,GAAA,EACjDD,qBAAAA,GAAAA,OAAO,EACVI,kBAAAA,GAAAA,IAAI,CACxB,CAAA;AAED,EAAA,OACEpD,KAAC,CAAAW,aAAA,CAAAJ,OAAO,EAAA,QAAA,CAAA;AAACJ,IAAAA,SAAS,EAAEe,SAAS;AAAEhB,IAAAA,GAAG,EAAEA,GAAAA;GAASG,EAAAA,IAAI,CAC9CgD,EAAAA,YAAY,CACL,CAAA;AAEd,CAAC;;AC3DH,IAAMvD,gBAAc,GAAG,MAAM,CAAA;AAEtB,IAAMwD,WAAW,gBAAyBtD,KAAK,CAACC,UAAU,CAC/D,UACEsD,KAA0B,EAC1BrD,GAAsB,EACpB;AACF,EAAA,IAAMK,OAAO,GAAsBgD,KAAK,CAACnD,EAAE,IAAIN,gBAAc,CAAA;AAC7D;AACA,EAAA,OAAOE,oBAAC8C,KAAK,EAAA,QAAA,CAAA;AAAC1C,IAAAA,EAAE,EAAEG,OAAAA;AAAO,GAAA,EAAMgD,KAAK,EAAA;AAAErD,IAAAA,GAAG,EAAEA,GAAG;AAAEkD,IAAAA,IAAI,EAAC,QAAA;GAAW,CAAA,CAAA,CAAA;AAClE,CAAC;;ACFH,IAAMtD,gBAAc,GAAG,MAAM,CAAA;AAEtB,IAAM0D,iBAAiB,gBAA+BxD,KAAK,CAACC,UAAU,CAC3E,UACEsD,KAAgC,EAChCrD,GAAsB,EACpB;AACF,EAAA,IAAMK,OAAO,GAAsBgD,KAAK,CAACnD,EAAE,IAAIN,gBAAc,CAAA;AAC7D;AACA,EAAA,OAAOE,oBAAC8C,KAAK,EAAA,QAAA,CAAA;AAAC1C,IAAAA,EAAE,EAAEG,OAAAA;AAAO,GAAA,EAAMgD,KAAK,EAAA;AAAErD,IAAAA,GAAG,EAAEA,GAAG;AAAEkD,IAAAA,IAAI,EAAC,cAAA;GAAiB,CAAA,CAAA,CAAA;AACxE,CAAC;;AClBH,IAAMtD,gBAAc,GAAG,MAAM,CAAA;AAEtB,IAAM2D,WAAW,gBAAyBzD,KAAK,CAACC,UAAU,CAC/D,UACEsD,KAA0B,EAC1BrD,GAAsB,EACpB;AACF,EAAA,IAAMK,OAAO,GAAsBgD,KAAK,CAACnD,EAAE,IAAIN,gBAAc,CAAA;AAC7D;AACA,EAAA,OAAOE,oBAAC8C,KAAK,EAAA,QAAA,CAAA;AAAC1C,IAAAA,EAAE,EAAEG,OAAAA;AAAO,GAAA,EAAMgD,KAAK,EAAA;AAAErD,IAAAA,GAAG,EAAEA,GAAG;AAAEkD,IAAAA,IAAI,EAAC,QAAA;GAAW,CAAA,CAAA,CAAA;AAClE,CAAC;;;ACdH,IAAMtD,cAAc,GAAG,KAAK,CAAA;AAEf4D,IAAAA,GAAG,GAAG,SAANA,GAAG,CAMe,IAAA,EAAA;EAAA,IAL7BvD,SAAS,QAATA,SAAS;AACTc,IAAAA,QAAQ,QAARA,QAAQ;AACRK,IAAAA,OAAO,QAAPA,OAAO;AACPlB,IAAAA,EAAE,QAAFA,EAAE;IACCC,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAEP,EAAA,IAAME,OAAO,GAAsBH,EAAE,IAAIN,cAAc,CAAA;EACvD,IAAM6D,aAAa,GAAG3D,KAAK,CAAC4D,QAAQ,CAACC,OAAO,CAAC5C,QAAQ,CAAC,CAAA;AACtD,EAAA,IAAM6C,cAAc,GAClBH,aAAa,CAACI,MAAM,GAAG,CAAC,IAAI,OAAOJ,aAAa,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAA;AAClE,EAAA,IAAMK,eAAe,GACnBL,aAAa,CAACI,MAAM,GAAG,CAAC,IACxB,OAAOJ,aAAa,CAACA,aAAa,CAACI,MAAM,GAAG,CAAC,CAAC,KAAK,QAAQ,CAAA;AAE7D,EAAA,OACE/D,KAAC,CAAAW,aAAA,CAAAJ,OAAO,EAAA,QAAA,CAAA;AACNJ,IAAAA,SAAS,EAAES,UAAU,CAAC,SAAS,EAAET,SAAS,EAAE;AAC1C,MAAA,uBAAuB,EAAE2D,cAAc;AACvC,MAAA,wBAAwB,EAAEE,eAAe;AACzC,MAAA,kBAAkB,EAAE1C,OAAAA;KACrB,CAAA;GACGjB,EAAAA,IAAI,CAEPY,EAAAA,QAAQ,CACD,CAAA;AAEd;;AC/CAgD,sBAAsB,CAAC,QAAQ,EAAE,YAAY,CAAC;;;;"}

package/dist/styles.css

@@ -1,5 +1,26 @@
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+.eds-base-card {
+  display: flex;
+  box-shadow: 0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.12);
+  background-color: var(--components-layout-card-standard-fill-default);
+  border: 0.0625rem solid var(--components-layout-card-standard-border-default);
+  color: var(--components-layout-card-standard-text);
+  border-radius: 0.25rem;
+  align-items: center;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  text-decoration: none;
+}
+.eds-contrast .eds-base-card {
+  background-color: var(--components-layout-card-contrast-fill-default);
+  border-color: var(--components-layout-card-contrast-border-default);
+  box-shadow: 0 0.0625rem 0.1875rem 0 rgb(57, 61, 121);
+  color: var(--components-layout-card-contrast-text);
+}
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-navigation-card {
   display: flex;
   flex-direction: column;
@@ -22,7 +43,7 @@
   width: 2rem;
   margin: 0 auto;
   opacity: var(--show-active-line);
-  background: #ff5959;
+  background: var(--components-layout-card-standard-divide);
   transition: width 0.2s ease-in-out;
 }
 .eds-navigation-card:before {
@@ -51,11 +72,12 @@
   width: 100%;
 }
 .eds-navigation-card:focus {
-  outline: none;
-  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
+  outline: 2px solid #181c56;
+  outline-color: var(--basecolors-stroke-focus-standard);
+  outline-offset: 0.125rem;
 }
 .eds-contrast .eds-navigation-card:focus {
-  box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
+  outline-color: var(--basecolors-stroke-focus-contrast);
 }
 .eds-navigation-card__title-icon {
   display: flex;
@@ -100,32 +122,16 @@
   position: absolute;
   top: 1.25rem;
   right: 1.25rem;
-  color: #656782;
+  color: var(--components-layout-card-standard-icon);
+}
+.eds-contrast .eds-navigation-card__external--not-compact {
+  color: var(--components-layout-card-contrast-icon);
 }
 .eds-navigation-card__external--compact {
   font-size: 1rem;
 }
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-base-card {
-  display: flex;
-  box-shadow: 0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.12);
-  border: 0.0625rem solid #e9e9e9;
-  border-radius: 0.25rem;
-  align-items: center;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  text-decoration: none;
-  color: inherit;
-}
-.eds-contrast .eds-base-card {
-  background-color: #292b6a;
-  border-color: #54568c;
-  box-shadow: 0 0.0625rem 0.1875rem 0 rgb(57, 61, 121);
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-media-card {
   flex-direction: column;
   overflow: hidden;
@@ -133,46 +139,50 @@
   width: -moz-fit-content;
   width: fit-content;
   transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+  background-color: var(--components-layout-card-standard-fill-default);
+}
+.eds-contrast .eds-media-card {
+  background-color: var(--components-layout-card-contrast-fill-default);
 }
 .eds-media-card:focus, .eds-media-card[focus-within] {
-  outline: none;
-  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
+  outline: 2px solid #181c56;
+  outline-color: var(--basecolors-stroke-focus-standard);
+  outline-offset: 0.125rem;
 }
 .eds-media-card:focus, .eds-media-card:focus-within {
-  outline: none;
-  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
+  outline: 2px solid #181c56;
+  outline-color: var(--basecolors-stroke-focus-standard);
+  outline-offset: 0.125rem;
 }
 .eds-contrast .eds-media-card:focus, .eds-contrast .eds-media-card[focus-within] {
-  box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
+  outline-color: var(--basecolors-stroke-focus-contrast);
 }
 .eds-contrast .eds-media-card:focus, .eds-contrast .eds-media-card:focus-within {
-  box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
+  outline-color: var(--basecolors-stroke-focus-contrast);
 }
-.eds-contrast .eds-media-card {
-  background-color: #292b6a;
+.eds-media-card:hover {
+  transform: translateY(-0.25rem);
+  box-shadow: 0 0.125rem 1rem 0 rgba(0, 0, 0, 0.1);
 }
 .eds-media-card__media {
   transition: transform 0.2s ease-in-out;
+  max-height: 15rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
 }
-.eds-media-card__title {
-  font-size: 1.5rem;
-  line-height: 1.875rem;
-  font-weight: 600;
-  margin: 0.75rem 0 0.5rem;
-  text-align: left;
-  width: -moz-fit-content;
-  width: fit-content;
-  position: relative;
-}
-.eds-media-card:hover {
-  transform: translateY(-0.25rem);
-  box-shadow: 0 0.125rem 1rem 0 rgba(0, 0, 0, 0.1);
+.eds-media-card__media img {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
 }
 .eds-media-card__text {
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
-  cursor: pointer;
+  width: 100%;
   color: inherit;
   display: flex;
   flex-direction: column;
@@ -182,6 +192,30 @@
 .eds-media-card__text:focus {
   outline: none;
 }
+.eds-media-card__text__title {
+  font-size: 1.5rem;
+  line-height: 1.875rem;
+  font-weight: 600;
+  margin: 0.75rem 0 0.5rem;
+}
+.eds-media-card__text__title-link {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  all: unset;
+}
+.eds-media-card__text__title-link::after {
+  position: absolute;
+  content: "";
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  cursor: pointer;
+}
+.eds-media-card__text__title-link:focus {
+  outline: none;
+}
 .eds-media-card__arrow-icon {
   align-self: flex-end;
   margin: 1rem 0 1.5rem;
@@ -205,115 +239,134 @@
   top: 0;
   right: 0;
   transform: scale(1);
-  color: #181c56;
+  color: var(--components-layout-badge-primary-standard-text);
   transition: ease-in-out 0.2s transform;
 }
 .eds-badge--invisible {
   transform: scale(0);
 }
 .eds-badge--variant-primary {
-  background-color: #181c56;
-  color: #ffffff;
-}
-.eds-contrast .eds-badge--variant-primary.eds-badge--type-bullet::before {
-  background-color: #aeb7e2;
+  background-color: var(--components-layout-badge-primary-standard-fill);
+  color: var(--components-layout-badge-primary-standard-text);
 }
 .eds-contrast .eds-badge--variant-primary {
-  color: #181c56;
-  background-color: #aeb7e2;
+  color: var(--components-layout-badge-primary-contrast-text);
+  background-color: var(--components-layout-badge-primary-contrast-fill);
+}
+.eds-badge--variant-primary.eds-badge--type-bullet::before {
+  background-color: var(--components-layout-badge-primary-standard-bullet);
+}
+.eds-contrast .eds-badge--variant-primary.eds-badge--type-bullet::before {
+  background-color: var(--components-layout-badge-primary-contrast-bullet);
 }
 .eds-badge--variant-success {
-  background-color: #d0f1e3;
+  background-color: var(--components-layout-badge-success-standard-fill);
+  color: var(--components-layout-badge-success-standard-text);
+}
+.eds-contrast .eds-badge--variant-success {
+  background-color: var(--components-layout-badge-success-contrast-fill);
+  color: var(--components-layout-badge-success-contrast-text);
 }
 .eds-badge--variant-success.eds-badge--type-status, .eds-badge--variant-success.eds-badge--type-notification {
-  border-color: #1a8e60;
+  border-color: var(--components-layout-badge-success-standard-border);
+}
+.eds-contrast .eds-badge--variant-success.eds-badge--type-status, .eds-contrast .eds-badge--variant-success.eds-badge--type-notification {
+  border-color: var(--components-layout-badge-success-contrast-border);
 }
 .eds-badge--variant-success.eds-badge--type-bullet::before {
-  background-color: #1a8e60;
+  background-color: var(--components-layout-badge-success-standard-bullet);
 }
 .eds-contrast .eds-badge--variant-success.eds-badge--type-bullet::before {
-  background-color: #5ac39a;
-}
-.eds-contrast .eds-badge--variant-success {
-  color: #181c56;
-  background-color: #5ac39a;
+  background-color: var(--components-layout-badge-success-contrast-bullet);
 }
 .eds-badge--variant-warning {
-  background-color: #ffca28;
-  color: #181c56;
+  background-color: var(--components-layout-badge-warning-standard-fill);
+  color: var(--components-layout-badge-warning-standard-text);
+}
+.eds-contrast .eds-badge--variant-warning {
+  background-color: var(--components-layout-badge-warning-contrast-fill);
+  color: var(--components-layout-badge-warning-contrast-text);
 }
 .eds-badge--variant-warning.eds-badge--type-status, .eds-badge--variant-warning.eds-badge--type-notification {
-  border-color: #ffca28;
+  border-color: var(--components-layout-badge-warning-standard-border);
+}
+.eds-contrast .eds-badge--variant-warning.eds-badge--type-status, .eds-contrast .eds-badge--variant-warning.eds-badge--type-notification {
+  border-color: var(--components-layout-badge-warning-contrast-border);
 }
 .eds-badge--variant-warning.eds-badge--type-bullet::before {
-  background-color: #ffca28;
+  background-color: var(--components-layout-badge-warning-standard-bullet);
 }
 .eds-contrast .eds-badge--variant-warning.eds-badge--type-bullet::before {
-  background-color: #ffca28;
-}
-.eds-badge--variant-warning.eds-badge--type-bullet::before {
-  background-color: #ffca28;
+  background-color: var(--components-layout-badge-warning-contrast-bullet);
 }
 .eds-badge--variant-danger {
-  background-color: #ffcece;
+  background-color: var(--components-layout-badge-negative-standard-fill);
+  color: var(--components-layout-badge-negative-standard-text);
+}
+.eds-contrast .eds-badge--variant-danger {
+  background-color: var(--components-layout-badge-negative-contrast-fill);
+  color: var(--components-layout-badge-negative-contrast-text);
 }
 .eds-badge--variant-danger.eds-badge--type-status, .eds-badge--variant-danger.eds-badge--type-notification {
-  border-color: #d31b1b;
+  border-color: var(--components-layout-badge-negative-standard-border);
+}
+.eds-contrast .eds-badge--variant-danger.eds-badge--type-status, .eds-contrast .eds-badge--variant-danger.eds-badge--type-notification {
+  border-color: var(--components-layout-badge-negative-contrast-border);
 }
 .eds-badge--variant-danger.eds-badge--type-bullet::before {
-  background-color: #d31b1b;
+  background-color: var(--components-layout-badge-negative-standard-bullet);
 }
 .eds-contrast .eds-badge--variant-danger.eds-badge--type-bullet::before {
-  background-color: #ff9494;
-}
-.eds-contrast .eds-badge--variant-danger {
-  color: #181c56;
-  background-color: #ff9494;
+  background-color: var(--components-layout-badge-negative-contrast-bullet);
 }
 .eds-badge--variant-info {
-  background-color: #e1eff8;
+  background-color: var(--components-layout-badge-information-standard-fill);
+  color: var(--components-layout-badge-information-standard-text);
+}
+.eds-contrast .eds-badge--variant-info {
+  background-color: var(--components-layout-badge-information-contrast-fill);
+  color: var(--components-layout-badge-information-contrast-text);
 }
 .eds-badge--variant-info.eds-badge--type-status, .eds-badge--variant-info.eds-badge--type-notification {
-  border-color: #0082b9;
+  border-color: var(--components-layout-badge-information-standard-border);
+}
+.eds-contrast .eds-badge--variant-info.eds-badge--type-status, .eds-contrast .eds-badge--variant-info.eds-badge--type-notification {
+  border-color: var(--components-layout-badge-information-contrast-border);
 }
 .eds-badge--variant-info.eds-badge--type-bullet::before {
-  background-color: #0082b9;
+  background-color: var(--components-layout-badge-information-standard-bullet);
 }
 .eds-contrast .eds-badge--variant-info.eds-badge--type-bullet::before {
-  background-color: #64b3e7;
-}
-.eds-contrast .eds-badge--variant-info {
-  color: #181c56;
-  background-color: #64b3e7;
+  background-color: var(--components-layout-badge-information-contrast-bullet);
 }
 .eds-badge--variant-neutral {
-  background-color: #f3f3f3;
-  color: #646464;
+  background-color: var(--components-layout-badge-neutral-standard-fill);
+  color: var(--components-layout-badge-neutral-standard-text);
+}
+.eds-contrast .eds-badge--variant-neutral {
+  background-color: var(--components-layout-badge-neutral-contrast-fill);
+  color: var(--components-layout-badge-neutral-contrast-text);
 }
 .eds-badge--variant-neutral.eds-badge--type-status, .eds-badge--variant-neutral.eds-badge--type-notification {
-  border-color: #646464;
+  border-color: var(--components-layout-badge-neutral-standard-border);
+}
+.eds-contrast .eds-badge--variant-neutral.eds-badge--type-status, .eds-contrast .eds-badge--variant-neutral.eds-badge--type-notification {
+  border-color: var(--components-layout-badge-neutral-contrast-border);
 }
 .eds-badge--variant-neutral.eds-badge--type-bullet::before {
-  background-color: #d1d3d3;
+  background-color: var(--components-layout-badge-neutral-standard-bullet);
 }
 .eds-contrast .eds-badge--variant-neutral.eds-badge--type-bullet::before {
-  background-color: #54568c;
-}
-.eds-contrast .eds-badge--variant-neutral {
-  color: #ffffff;
-  background-color: #54568c;
+  background-color: var(--components-layout-badge-neutral-contrast-bullet);
 }
 .eds-badge--type-status {
   display: block;
   text-transform: uppercase;
   border-radius: 0.25rem;
-  padding: 0.125rem 0.5rem 0;
-  line-height: 1rem;
-  height: auto;
-  height: initial;
-  border: 0.0625rem solid #181c56;
-}
-.eds-contrast .eds-badge--type-status {
+  line-height: 1.25rem;
+  padding: 0 0.5rem;
+  height: 1.25rem;
+  border: 0.0625rem solid transparent;
   border-color: transparent;
 }
 .eds-badge--type-notification {
@@ -321,7 +374,7 @@
   height: 1.5rem;
   min-width: 1.5rem;
   padding: 0 0.25rem;
-  border: 0.0625rem solid #181c56;
+  border: 0.0625rem solid transparent;
 }
 .eds-contrast .eds-badge--type-notification {
   border-color: transparent;
@@ -330,17 +383,17 @@
   background: none;
   font-size: 1rem;
   line-height: 1.5rem;
-  color: #181c56;
+  color: var(--components-layout-badge-primary-standard-text-bullet);
   border: none;
   position: relative;
   padding-left: 1.375rem;
 }
 .eds-contrast .eds-badge--type-bullet {
-  color: #ffffff;
+  color: var(--components-layout-badge-primary-contrast-text-bullet);
   background: none;
 }
 .eds-badge--type-bullet::before {
-  background: #181c56;
+  background: var(--components-layout-badge-primary-standard-fill);
   left: 0;
   content: "";
   position: absolute;
@@ -351,12 +404,167 @@
 }
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-contrast {
-  --primary-background-color: #181c56;
-  --primary-text-color: #ffffff;
-  --primary-label-color: #aeb7e2;
-  background-color: var(--primary-background-color);
-  color: var(--primary-text-color);
+@import '~@entur/tokens/dist/semantic.css';
+@import '~@entur/tokens/dist/base.css';
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+[data-color-mode=light],
+:root {
+  --components-layout-badge-information-contrast-border: var(--stroke-colorless);
+  --components-layout-badge-information-contrast-bullet: var(--fill-information-contrast);
+  --components-layout-badge-information-contrast-fill: var(--fill-information-contrast);
+  --components-layout-badge-information-contrast-text: var(--text-accent);
+  --components-layout-badge-information-contrast-text-bullet: var(--text-light);
+  --components-layout-badge-information-standard-border: var(--stroke-information);
+  --components-layout-badge-information-standard-bullet: var(--fill-information-deep);
+  --components-layout-badge-information-standard-fill: var(--fill-information-muted);
+  --components-layout-badge-information-standard-text: var(--text-accent);
+  --components-layout-badge-information-standard-text-bullet: var(--text-accent);
+  --components-layout-badge-negative-contrast-border: var(--stroke-colorless);
+  --components-layout-badge-negative-contrast-bullet: var(--fill-negative-contrast);
+  --components-layout-badge-negative-contrast-fill: var(--fill-negative-tint);
+  --components-layout-badge-negative-contrast-text: var(--text-accent);
+  --components-layout-badge-negative-contrast-text-bullet: var(--text-light);
+  --components-layout-badge-negative-standard-border: var(--stroke-negative);
+  --components-layout-badge-negative-standard-bullet: var(--fill-negative-deep);
+  --components-layout-badge-negative-standard-fill: var(--fill-negative-muted);
+  --components-layout-badge-negative-standard-text: var(--text-accent);
+  --components-layout-badge-negative-standard-text-bullet: var(--text-accent);
+  --components-layout-badge-neutral-contrast-border: var(--stroke-colorless);
+  --components-layout-badge-neutral-contrast-bullet: var(--fill-primary-hover-contrast);
+  --components-layout-badge-neutral-contrast-fill: var(--fill-selected-hover-contrast);
+  --components-layout-badge-neutral-contrast-text: var(--text-light);
+  --components-layout-badge-neutral-contrast-text-bullet: var(--text-light);
+  --components-layout-badge-neutral-standard-border: var(--stroke-neutralalt);
+  --components-layout-badge-neutral-standard-bullet: var(--fill-selected-default-darkalt);
+  --components-layout-badge-neutral-standard-fill: var(--fill-selected-default-light);
+  --components-layout-badge-neutral-standard-text: var(--text-accent);
+  --components-layout-badge-neutral-standard-text-bullet: var(--text-accent);
+  --components-layout-badge-primary-contrast-bullet: var(--fill-primary-default-contrast);
+  --components-layout-badge-primary-contrast-fill: var(--fill-primary-default-contrast);
+  --components-layout-badge-primary-contrast-text: var(--text-accent);
+  --components-layout-badge-primary-contrast-text-bullet: var(--text-light);
+  --components-layout-badge-primary-standard-bullet: var(--fill-primary-default-light);
+  --components-layout-badge-primary-standard-fill: var(--fill-primary-default-light);
+  --components-layout-badge-primary-standard-text: var(--text-light);
+  --components-layout-badge-primary-standard-text-bullet: var(--text-accent);
+  --components-layout-badge-success-contrast-border: var(--stroke-colorless);
+  --components-layout-badge-success-contrast-bullet: var(--fill-success-contrast);
+  --components-layout-badge-success-contrast-fill: var(--fill-success-contrast);
+  --components-layout-badge-success-contrast-text: var(--text-accent);
+  --components-layout-badge-success-contrast-text-bullet: var(--text-light);
+  --components-layout-badge-success-standard-border: var(--stroke-success);
+  --components-layout-badge-success-standard-bullet: var(--fill-success-deep);
+  --components-layout-badge-success-standard-fill: var(--fill-success-muted);
+  --components-layout-badge-success-standard-text: var(--text-accent);
+  --components-layout-badge-success-standard-text-bullet: var(--text-accent);
+  --components-layout-badge-warning-contrast-border: var(--stroke-colorless);
+  --components-layout-badge-warning-contrast-bullet: var(--fill-warning-contrast);
+  --components-layout-badge-warning-contrast-fill: var(--fill-warning-contrast);
+  --components-layout-badge-warning-contrast-text: var(--text-accent);
+  --components-layout-badge-warning-contrast-text-bullet: var(--text-light);
+  --components-layout-badge-warning-standard-border: var(--stroke-warning);
+  --components-layout-badge-warning-standard-bullet: var(--fill-warning-deep);
+  --components-layout-badge-warning-standard-fill: var(--fill-warning-muted);
+  --components-layout-badge-warning-standard-text: var(--text-accent);
+  --components-layout-badge-warning-standard-text-bullet: var(--text-accent);
+  --components-layout-card-contrast-border-default: var(--stroke-colorless);
+  --components-layout-card-contrast-border-active: var(--stroke-contrast);
+  --components-layout-card-contrast-divide: var(--stroke-highlight);
+  --components-layout-card-contrast-fill-default: var(--fill-selected-default-contrast);
+  --components-layout-card-contrast-fill-hoveractive: var(--fill-selected-hover-contrast);
+  --components-layout-card-contrast-icon: var(--shape-light);
+  --components-layout-card-contrast-subjecttext: var(--text-subduedalt);
+  --components-layout-card-contrast-text: var(--text-light);
+  --components-layout-card-standard-border-default: var(--stroke-neutral);
+  --components-layout-card-standard-border-active: var(--stroke-accent);
+  --components-layout-card-standard-divide: var(--stroke-highlight);
+  --components-layout-card-standard-fill-default: var(--fill-background-standard-light);
+  --components-layout-card-standard-fill-hoveractive: var(--fill-background-tint-light);
+  --components-layout-card-standard-icon: var(--shape-accent);
+  --components-layout-card-standard-subjecttext: var(--text-subdued);
+  --components-layout-card-standard-text: var(--text-accent);
+}
+
+[data-color-mode=dark] {
+  --components-layout-badge-information-contrast-border: var(--stroke-colorless);
+  --components-layout-badge-information-contrast-bullet: var(--fill-information-tint);
+  --components-layout-badge-information-contrast-fill: var(--fill-information-tint);
+  --components-layout-badge-information-contrast-text: var(--text-dark);
+  --components-layout-badge-information-contrast-text-bullet: var(--text-lightalt);
+  --components-layout-badge-information-standard-border: var(--stroke-colorless);
+  --components-layout-badge-information-standard-bullet: var(--fill-information-tint);
+  --components-layout-badge-information-standard-fill: var(--fill-information-tint);
+  --components-layout-badge-information-standard-text: var(--text-dark);
+  --components-layout-badge-information-standard-text-bullet: var(--text-lightalt);
+  --components-layout-badge-negative-contrast-border: var(--stroke-colorless);
+  --components-layout-badge-negative-contrast-bullet: var(--fill-negative-tint);
+  --components-layout-badge-negative-contrast-fill: var(--fill-negative-muted);
+  --components-layout-badge-negative-contrast-text: var(--text-dark);
+  --components-layout-badge-negative-contrast-text-bullet: var(--text-lightalt);
+  --components-layout-badge-negative-standard-border: var(--stroke-colorless);
+  --components-layout-badge-negative-standard-bullet: var(--fill-negative-tint);
+  --components-layout-badge-negative-standard-fill: var(--fill-negative-muted);
+  --components-layout-badge-negative-standard-text: var(--text-dark);
+  --components-layout-badge-negative-standard-text-bullet: var(--text-lightalt);
+  --components-layout-badge-neutral-contrast-border: var(--stroke-colorless);
+  --components-layout-badge-neutral-contrast-bullet: var(--fill-selected-default-dark);
+  --components-layout-badge-neutral-contrast-fill: var(--fill-selected-hover-dark);
+  --components-layout-badge-neutral-contrast-text: var(--text-lightalt);
+  --components-layout-badge-neutral-contrast-text-bullet: var(--text-lightalt);
+  --components-layout-badge-neutral-standard-border: var(--stroke-colorless);
+  --components-layout-badge-neutral-standard-bullet: var(--fill-selected-default-dark);
+  --components-layout-badge-neutral-standard-fill: var(--fill-selected-hover-dark);
+  --components-layout-badge-neutral-standard-text: var(--text-lightalt);
+  --components-layout-badge-neutral-standard-text-bullet: var(--text-lightalt);
+  --components-layout-badge-primary-contrast-bullet: var(--fill-primary-default-contrast);
+  --components-layout-badge-primary-contrast-fill: var(--fill-primary-default-contrast);
+  --components-layout-badge-primary-contrast-text: var(--text-dark);
+  --components-layout-badge-primary-contrast-text-bullet: var(--text-lightalt);
+  --components-layout-badge-primary-standard-bullet: var(--fill-primary-default-contrast);
+  --components-layout-badge-primary-standard-fill: var(--fill-primary-default-contrast);
+  --components-layout-badge-primary-standard-text: var(--text-dark);
+  --components-layout-badge-primary-standard-text-bullet: var(--text-lightalt);
+  --components-layout-badge-success-contrast-border: var(--stroke-colorless);
+  --components-layout-badge-success-contrast-bullet: var(--fill-success-tint);
+  --components-layout-badge-success-contrast-fill: var(--fill-success-tint);
+  --components-layout-badge-success-contrast-text: var(--text-dark);
+  --components-layout-badge-success-contrast-text-bullet: var(--text-lightalt);
+  --components-layout-badge-success-standard-border: var(--stroke-colorless);
+  --components-layout-badge-success-standard-bullet: var(--fill-success-tint);
+  --components-layout-badge-success-standard-fill: var(--fill-success-tint);
+  --components-layout-badge-success-standard-text: var(--text-dark);
+  --components-layout-badge-success-standard-text-bullet: var(--text-lightalt);
+  --components-layout-badge-warning-contrast-border: var(--stroke-colorless);
+  --components-layout-badge-warning-contrast-bullet: var(--fill-warning-tint);
+  --components-layout-badge-warning-contrast-fill: var(--fill-warning-tint);
+  --components-layout-badge-warning-contrast-text: var(--text-dark);
+  --components-layout-badge-warning-contrast-text-bullet: var(--text-lightalt);
+  --components-layout-badge-warning-standard-border: var(--stroke-colorless);
+  --components-layout-badge-warning-standard-bullet: var(--fill-warning-tint);
+  --components-layout-badge-warning-standard-fill: var(--fill-warning-tint);
+  --components-layout-badge-warning-standard-text: var(--text-dark);
+  --components-layout-badge-warning-standard-text-bullet: var(--text-lightalt);
+  --components-layout-card-contrast-border-default: var(--stroke-colorless);
+  --components-layout-card-contrast-border-active: var(--stroke-dark);
+  --components-layout-card-contrast-divide: var(--stroke-highlightalt);
+  --components-layout-card-contrast-fill-default: var(--fill-background-overlay-transparent);
+  --components-layout-card-contrast-fill-hoveractive: var(--fill-background-overlay-solid);
+  --components-layout-card-contrast-icon: var(--shape-lightalt);
+  --components-layout-card-contrast-subjecttext: var(--text-darkalt);
+  --components-layout-card-contrast-text: var(--text-lightalt);
+  --components-layout-card-standard-border-default: var(--stroke-colorless);
+  --components-layout-card-standard-border-active: var(--stroke-dark);
+  --components-layout-card-standard-divide: var(--stroke-highlightalt);
+  --components-layout-card-standard-fill-default: var(--fill-background-overlay-transparent);
+  --components-layout-card-standard-fill-hoveractive: var(--fill-background-overlay-solid);
+  --components-layout-card-standard-icon: var(--shape-lightalt);
+  --components-layout-card-standard-subjecttext: var(--text-darkalt);
+  --components-layout-card-standard-text: var(--text-lightalt);
+}
+
+:root {
+  --eds-layout: 1;
 }
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
@@ -387,6 +595,3 @@
 .eds-tag--compact.eds-tag--trailing-icon .eds-icon {
   margin-left: 0.25rem;
 }
-:root {
-  --eds-layout: 1;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/layout",
-  "version": "2.1.57",
+  "version": "2.2.1",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/layout.esm.js",
@@ -27,11 +27,11 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/icons": "^6.15.1",
-    "@entur/tokens": "^3.13.0",
-    "@entur/typography": "^1.8.24",
+    "@entur/icons": "^6.15.2",
+    "@entur/tokens": "^3.13.1",
+    "@entur/typography": "^1.8.25",
     "@entur/utils": "^0.10.0",
     "classnames": "^2.3.1"
   },
-  "gitHead": "907373a47cc81ae12be266bac1d10522033f8b49"
+  "gitHead": "d0a435264ccaf7ed8e6b7798c81e876176ce3d4d"
 }