@entur/layout 2.4.1 → 3.0.0-beta.0

package/dist/NavigationCard.d.ts

@@ -18,12 +18,8 @@ export type NavigationCardOwnProps = {
     compact?: boolean;
     /** Beskrivelse under tittel, om ikke "compact" er valgt */
     children?: React.ReactNode;
-    /** Legger til et ikon for å symbolisere at kortet har en ekstern lenke
-     * @default false
-     */
-    externalLink?: boolean;
 };
 export type NavigationCardProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, NavigationCardOwnProps>;
 declare const defaultElement = "a";
-export declare const NavigationCard: <E extends React.ElementType = "a">({ title, children, titleIcon, compact, className, externalLink, as, ...rest }: NavigationCardProps<E>) => JSX.Element;
+export declare const NavigationCard: <E extends React.ElementType = "a">({ title, children, titleIcon, compact, className, as, ...rest }: NavigationCardProps<E>) => JSX.Element;
 export {};

package/dist/layout.cjs.development.js

@@ -60,7 +60,7 @@ var BaseCard = function BaseCard(_ref) {
   }, rest), children);
 };
 
-var _excluded$3 = ["title", "children", "titleIcon", "compact", "className", "externalLink", "as"];
+var _excluded$3 = ["title", "children", "titleIcon", "compact", "className", "as"];
 var defaultElement$6 = 'a';
 var NavigationCard = function NavigationCard(_ref) {
   var title = _ref.title,
@@ -69,8 +69,6 @@ var NavigationCard = function NavigationCard(_ref) {
     _ref$compact = _ref.compact,
     compact = _ref$compact === void 0 ? false : _ref$compact,
     className = _ref.className,
-    _ref$externalLink = _ref.externalLink,
-    externalLink = _ref$externalLink === void 0 ? false : _ref$externalLink,
     as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   var Element = as || defaultElement$6;
@@ -81,26 +79,20 @@ var NavigationCard = function NavigationCard(_ref) {
   return React.createElement(BaseCard, _extends({
     as: Element,
     className: classList
-  }, rest), !compact && titleIcon && React.createElement("div", {
-    className: "eds-navigation-card__title-icon",
+  }, rest), React.createElement("div", {
+    className: "eds-navigation-card-header"
+  }, React.createElement("div", {
+    className: "eds-navigation-card-header__content"
+  }, titleIcon && React.createElement("div", {
+    className: "eds-navigation-card-header__title-icon",
     "aria-hidden": "true"
   }, titleIcon), React.createElement("span", {
-    className: "eds-navigation-card__title"
-  }, compact && titleIcon && React.createElement("span", {
-    className: "eds-navigation-card__title-icon-compact",
-    "aria-hidden": "true"
-  }, titleIcon), React.createElement(typography.Heading3, {
+    className: "eds-navigation-card-header__title"
+  }, React.createElement(typography.Heading3, {
     as: "span"
-  }, title)), !compact && React.createElement(React.Fragment, null, React.createElement(typography.Paragraph, null, children), externalLink && React.createElement(icons.ExternalIcon, {
-    "aria-label": "Ekstern lenke",
-    className: "eds-navigation-card__external--not-compact"
-  })), compact && externalLink && React.createElement(icons.ExternalIcon, {
-    "aria-label": "Ekstern lenke",
-    className: "eds-navigattion-card__icon eds-navigation-card__external--compact"
-  }), compact && !externalLink && React.createElement(icons.ForwardIcon, {
-    className: "eds-navigattion-card__icon eds-navigation-card__arrow-icon",
-    "aria-hidden": "true"
-  }));
+  }, title))), React.createElement("div", {
+    className: "eds-navigation-card-header__highlight"
+  })), !compact && React.createElement(React.Fragment, null, React.createElement(typography.Paragraph, null, children)));
 };
 
 var _excluded$2 = ["title", "description", "children", "className", "category", "style", "as", "headingLevel", "wholeCardAsElement", "hideArrow", "wrapperProps"];

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 { 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 { VariantType } from '@entur/utils';\n\nimport './Badge.scss';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\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' | 'neutral' | VariantType | typeof danger | typeof info;\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  /** @deprecated Bruk `hide` i stedet */\n  invisible?: boolean;\n  /** Skjul badge */\n  hide?: 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      hide: hideProp = false,\n      as,\n      type = 'status',\n      ...rest\n    }: BadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n\n    const computedHide =\n      hideProp ||\n      invisibleProp ||\n      (children === 0 && !showZero) ||\n      children == null;\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      {\n        'eds-badge--hide': computedHide,\n        'eds-badge--show-zero': showZero,\n      },\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';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\ntype BulletBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: string | 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' | 'neutral' | VariantType | typeof danger | typeof info;\n  /** Skjul badge */\n  hide?: boolean;\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 = 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';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\ntype NotificationBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: string | 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' | 'neutral' | VariantType | typeof danger | typeof info;\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  /** Skjul badge */\n  hide?: boolean;\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 = 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';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\ntype StatusBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: string | 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' | 'neutral' | VariantType | typeof danger | typeof info;\n  /** Skjul badge */\n  hide?: boolean;\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 = 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","ref","className","as","rest","_objectWithoutPropertiesLoose","_excluded","Element","ContrastContext","Provider","value","createElement","_extends","classNames","createContext","useContrast","useContext","BaseCard","children","classList","NavigationCard","title","titleIcon","_ref$compact","compact","_ref$externalLink","externalLink","Heading3","Fragment","Paragraph","ExternalIcon","ForwardIcon","MediaCard","description","category","style","_ref$headingLevel","headingLevel","whole","wholeCardAsElement","hideArrow","wrapperProps","Heading","_wrapperProps","Label","ConditionalWrapper","condition","undefined","wrapper","tabIndex","Badge","_ref$max","max","variant","_ref$showZero","showZero","_ref$invisible","invisible","invisibleProp","_ref$hide","hide","hideProp","_ref$type","type","computedHide","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 { 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};\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  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      <div className=\"eds-navigation-card-header\">\n        <div className=\"eds-navigation-card-header__content\">\n          {titleIcon && (\n            <div\n              className=\"eds-navigation-card-header__title-icon\"\n              aria-hidden=\"true\"\n            >\n              {titleIcon}\n            </div>\n          )}\n          <span className=\"eds-navigation-card-header__title\">\n            <Heading3 as=\"span\">{title}</Heading3>\n          </span>\n        </div>\n        <div className=\"eds-navigation-card-header__highlight\"></div>\n      </div>\n      {!compact && (\n        <>\n          <Paragraph>{children}</Paragraph>\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 { VariantType } from '@entur/utils';\n\nimport './Badge.scss';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\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' | 'neutral' | VariantType | typeof danger | typeof info;\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  /** @deprecated Bruk `hide` i stedet */\n  invisible?: boolean;\n  /** Skjul badge */\n  hide?: 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      hide: hideProp = false,\n      as,\n      type = 'status',\n      ...rest\n    }: BadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n\n    const computedHide =\n      hideProp ||\n      invisibleProp ||\n      (children === 0 && !showZero) ||\n      children == null;\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      {\n        'eds-badge--hide': computedHide,\n        'eds-badge--show-zero': showZero,\n      },\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';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\ntype BulletBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: string | 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' | 'neutral' | VariantType | typeof danger | typeof info;\n  /** Skjul badge */\n  hide?: boolean;\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 = 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';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\ntype NotificationBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: string | 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' | 'neutral' | VariantType | typeof danger | typeof info;\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  /** Skjul badge */\n  hide?: boolean;\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 = 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';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\ntype StatusBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: string | 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' | 'neutral' | VariantType | typeof danger | typeof info;\n  /** Skjul badge */\n  hide?: boolean;\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 = 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","ref","className","as","rest","_objectWithoutPropertiesLoose","_excluded","Element","ContrastContext","Provider","value","createElement","_extends","classNames","createContext","useContrast","useContext","BaseCard","children","classList","NavigationCard","title","titleIcon","_ref$compact","compact","Heading3","Fragment","Paragraph","MediaCard","description","category","style","_ref$headingLevel","headingLevel","whole","wholeCardAsElement","hideArrow","wrapperProps","Heading","_wrapperProps","Label","ConditionalWrapper","condition","undefined","wrapper","tabIndex","ForwardIcon","Badge","_ref$max","max","variant","_ref$showZero","showZero","_ref$invisible","invisible","invisibleProp","_ref$hide","hide","hideProp","_ref$type","type","computedHide","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)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},s.apply(null,arguments)}function i(e,a){if(null==e)return{};var t={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(a.includes(r))continue;t[r]=e[r]}return t}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)},u=["title","children","titleIcon","compact","className","externalLink","as"],p=["title","description","children","className","category","style","as","headingLevel","wholeCardAsElement","hideArrow","wrapperProps"],v=["children","className","max","variant","showZero","invisible","hide","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,u=e.showZero,p=void 0!==u&&u,g=e.invisible,f=void 0!==g&&g,h=e.hide,_=void 0!==h&&h,E=e.as,N=e.type,x=void 0===N?"status":N,y=i(e,v),w=E||"span";n="number"==typeof c&&c>o?o+"+":c;var b=t(l,"eds-badge",{"eds-badge--hide":_||f||0===c&&!p||null==c,"eds-badge--show-zero":p},"eds-badge--variant-"+m,"eds-badge--type-"+x);return a.createElement(w,s({className:b,ref:r},y),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,u=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,p),w=f||"a",b=_,C=E?s({},x,y):s({},x);return a.createElement(m,s({className:t("eds-base-card","eds-media-card",u),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(b,{className:"eds-media-card__text__title"},e)}},a.createElement(w,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,p=void 0!==o&&o,v=e.className,g=e.externalLink,f=void 0!==g&&g,h=e.as,_=i(e,u),E=h||"a",N=t("eds-navigation-card",v,{"eds-base-card--red-line":p,"eds-navigation-card--compact":p});return a.createElement(m,s({as:E,className:N},_),!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"},c)),!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=_,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)};
+"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)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},s.apply(null,arguments)}function i(e,a){if(null==e)return{};var t={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(a.includes(r))continue;t[r]=e[r]}return t}var c=["className","as"],d=a.forwardRef((function(e,r){var n=e.className,d=e.as,o=i(e,c);return a.createElement(l.Provider,{value:!0},a.createElement(d||"div",s({className:t("eds-contrast",n),ref:r},o)))})),l=a.createContext(!1),o=["children","className","as"],m=function(e){var r=e.children,n=e.className,c=e.as,d=i(e,o),l=c||"div",m=t("eds-base-card",n);return a.createElement(l,s({className:m},d),r)},u=["title","children","titleIcon","compact","className","as"],p=["title","description","children","className","category","style","as","headingLevel","wholeCardAsElement","hideArrow","wrapperProps"],v=["children","className","max","variant","showZero","invisible","hide","as","type"],g=a.forwardRef((function(e,r){var n,c=e.children,d=e.className,l=e.max,o=void 0===l?99:l,m=e.variant,u=e.showZero,p=void 0!==u&&u,g=e.invisible,h=void 0!==g&&g,f=e.hide,N=void 0!==f&&f,E=e.as,_=e.type,y=void 0===_?"status":_,x=i(e,v),w=E||"span";n="number"==typeof c&&c>o?o+"+":c;var b=t(d,"eds-badge",{"eds-badge--hide":N||h||0===c&&!p||null==c,"eds-badge--show-zero":p},"eds-badge--variant-"+m,"eds-badge--type-"+y);return a.createElement(w,s({className:b,ref:r},x),n)})),h=a.forwardRef((function(e,t){return a.createElement(g,s({as:e.as||"span"},e,{ref:t,type:"bullet"}))})),f=a.forwardRef((function(e,t){return a.createElement(g,s({as:e.as||"span"},e,{ref:t,type:"notification"}))})),N=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=h,exports.Contrast=d,exports.ContrastContext=l,exports.MediaCard=function(c){var d=c.title,l=c.description,o=c.children,u=c.className,v=c.category,g=c.style,h=c.as,f=c.headingLevel,N=void 0===f?"h2":f,E=c.wholeCardAsElement,_=c.hideArrow,y=c.wrapperProps,x=i(c,p),w=h||"a",b=N,C=E?s({},y,x):s({},y);return a.createElement(m,s({className:t("eds-base-card","eds-media-card",u),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!==l,wrapper:function(e){return a.createElement(b,{className:"eds-media-card__text__title"},e)}},a.createElement(w,s({tabIndex:0,className:"eds-media-card__text__title-link"},x),d)),void 0!==l&&a.createElement(r.Paragraph,null,l),!_&&a.createElement(n.ForwardIcon,{className:"eds-media-card__arrow-icon","aria-hidden":"true"})))},exports.NavigationCard=function(e){var n=e.title,c=e.children,d=e.titleIcon,l=e.compact,o=void 0!==l&&l,p=e.className,v=e.as,g=i(e,u),h=v||"a",f=t("eds-navigation-card",p,{"eds-base-card--red-line":o,"eds-navigation-card--compact":o});return a.createElement(m,s({as:h,className:f},g),a.createElement("div",{className:"eds-navigation-card-header"},a.createElement("div",{className:"eds-navigation-card-header__content"},d&&a.createElement("div",{className:"eds-navigation-card-header__title-icon","aria-hidden":"true"},d),a.createElement("span",{className:"eds-navigation-card-header__title"},a.createElement(r.Heading3,{as:"span"},n))),a.createElement("div",{className:"eds-navigation-card-header__highlight"})),!o&&a.createElement(a.Fragment,null,a.createElement(r.Paragraph,null,c)))},exports.NotificationBadge=f,exports.StatusBadge=N,exports.Tag=function(e){var r=e.className,n=e.children,c=e.compact,d=e.as,l=i(e,E),o=d||"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})},l),n)},exports.useContrast=function(){return a.useContext(l)};
 //# 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 { VariantType } from '@entur/utils';\n\nimport './Badge.scss';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\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' | 'neutral' | VariantType | typeof danger | typeof info;\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  /** @deprecated Bruk `hide` i stedet */\n  invisible?: boolean;\n  /** Skjul badge */\n  hide?: 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      hide: hideProp = false,\n      as,\n      type = 'status',\n      ...rest\n    }: BadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n\n    const computedHide =\n      hideProp ||\n      invisibleProp ||\n      (children === 0 && !showZero) ||\n      children == null;\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      {\n        'eds-badge--hide': computedHide,\n        'eds-badge--show-zero': showZero,\n      },\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';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\ntype BulletBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: string | 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' | 'neutral' | VariantType | typeof danger | typeof info;\n  /** Skjul badge */\n  hide?: boolean;\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 = 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';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\ntype NotificationBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: string | 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' | 'neutral' | VariantType | typeof danger | typeof info;\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  /** Skjul badge */\n  hide?: boolean;\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 = 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';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\ntype StatusBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: string | 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' | 'neutral' | VariantType | typeof danger | typeof info;\n  /** Skjul badge */\n  hide?: boolean;\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 = 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","ref","className","as","rest","_objectWithoutPropertiesLoose","_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$hide","hide","hideProp","_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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"}
+{"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 { VariantType } from '@entur/utils';\n\nimport './Badge.scss';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\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' | 'neutral' | VariantType | typeof danger | typeof info;\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  /** @deprecated Bruk `hide` i stedet */\n  invisible?: boolean;\n  /** Skjul badge */\n  hide?: 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      hide: hideProp = false,\n      as,\n      type = 'status',\n      ...rest\n    }: BadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n\n    const computedHide =\n      hideProp ||\n      invisibleProp ||\n      (children === 0 && !showZero) ||\n      children == null;\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      {\n        'eds-badge--hide': computedHide,\n        'eds-badge--show-zero': showZero,\n      },\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';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\ntype BulletBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: string | 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' | 'neutral' | VariantType | typeof danger | typeof info;\n  /** Skjul badge */\n  hide?: boolean;\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 = 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';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\ntype NotificationBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: string | 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' | 'neutral' | VariantType | typeof danger | typeof info;\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  /** Skjul badge */\n  hide?: boolean;\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 = 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';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\ntype StatusBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: string | 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' | 'neutral' | VariantType | typeof danger | typeof info;\n  /** Skjul badge */\n  hide?: boolean;\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 = 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 { 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};\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  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      <div className=\"eds-navigation-card-header\">\n        <div className=\"eds-navigation-card-header__content\">\n          {titleIcon && (\n            <div\n              className=\"eds-navigation-card-header__title-icon\"\n              aria-hidden=\"true\"\n            >\n              {titleIcon}\n            </div>\n          )}\n          <span className=\"eds-navigation-card-header__title\">\n            <Heading3 as=\"span\">{title}</Heading3>\n          </span>\n        </div>\n        <div className=\"eds-navigation-card-header__highlight\"></div>\n      </div>\n      {!compact && (\n        <>\n          <Paragraph>{children}</Paragraph>\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","ref","className","as","rest","_objectWithoutPropertiesLoose","_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$hide","hide","hideProp","_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","Heading3","Fragment","childrenArray","Children","toArray","length","useContext"],"mappings":"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"}

package/dist/layout.esm.js

@@ -2,7 +2,7 @@ import { ConditionalWrapper, warnAboutMissingStyles } from '@entur/utils';
 import React from 'react';
 import classNames from 'classnames';
 import { Heading3, Paragraph, Label } from '@entur/typography';
-import { ExternalIcon, ForwardIcon } from '@entur/icons';
+import { ForwardIcon } from '@entur/icons';
 
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function (n) {
@@ -56,7 +56,7 @@ var BaseCard = function BaseCard(_ref) {
   }, rest), children);
 };
 
-var _excluded$3 = ["title", "children", "titleIcon", "compact", "className", "externalLink", "as"];
+var _excluded$3 = ["title", "children", "titleIcon", "compact", "className", "as"];
 var defaultElement$6 = 'a';
 var NavigationCard = function NavigationCard(_ref) {
   var title = _ref.title,
@@ -65,8 +65,6 @@ var NavigationCard = function NavigationCard(_ref) {
     _ref$compact = _ref.compact,
     compact = _ref$compact === void 0 ? false : _ref$compact,
     className = _ref.className,
-    _ref$externalLink = _ref.externalLink,
-    externalLink = _ref$externalLink === void 0 ? false : _ref$externalLink,
     as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   var Element = as || defaultElement$6;
@@ -77,26 +75,20 @@ var NavigationCard = function NavigationCard(_ref) {
   return React.createElement(BaseCard, _extends({
     as: Element,
     className: classList
-  }, rest), !compact && titleIcon && React.createElement("div", {
-    className: "eds-navigation-card__title-icon",
+  }, rest), React.createElement("div", {
+    className: "eds-navigation-card-header"
+  }, React.createElement("div", {
+    className: "eds-navigation-card-header__content"
+  }, titleIcon && React.createElement("div", {
+    className: "eds-navigation-card-header__title-icon",
     "aria-hidden": "true"
   }, titleIcon), React.createElement("span", {
-    className: "eds-navigation-card__title"
-  }, compact && titleIcon && React.createElement("span", {
-    className: "eds-navigation-card__title-icon-compact",
-    "aria-hidden": "true"
-  }, titleIcon), React.createElement(Heading3, {
+    className: "eds-navigation-card-header__title"
+  }, React.createElement(Heading3, {
     as: "span"
-  }, title)), !compact && React.createElement(React.Fragment, null, React.createElement(Paragraph, null, children), externalLink && React.createElement(ExternalIcon, {
-    "aria-label": "Ekstern lenke",
-    className: "eds-navigation-card__external--not-compact"
-  })), compact && externalLink && React.createElement(ExternalIcon, {
-    "aria-label": "Ekstern lenke",
-    className: "eds-navigattion-card__icon eds-navigation-card__external--compact"
-  }), compact && !externalLink && React.createElement(ForwardIcon, {
-    className: "eds-navigattion-card__icon eds-navigation-card__arrow-icon",
-    "aria-hidden": "true"
-  }));
+  }, title))), React.createElement("div", {
+    className: "eds-navigation-card-header__highlight"
+  })), !compact && React.createElement(React.Fragment, null, React.createElement(Paragraph, null, children)));
 };
 
 var _excluded$2 = ["title", "description", "children", "className", "category", "style", "as", "headingLevel", "wholeCardAsElement", "hideArrow", "wrapperProps"];

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 { 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 { VariantType } from '@entur/utils';\n\nimport './Badge.scss';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\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' | 'neutral' | VariantType | typeof danger | typeof info;\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  /** @deprecated Bruk `hide` i stedet */\n  invisible?: boolean;\n  /** Skjul badge */\n  hide?: 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      hide: hideProp = false,\n      as,\n      type = 'status',\n      ...rest\n    }: BadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n\n    const computedHide =\n      hideProp ||\n      invisibleProp ||\n      (children === 0 && !showZero) ||\n      children == null;\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      {\n        'eds-badge--hide': computedHide,\n        'eds-badge--show-zero': showZero,\n      },\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';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\ntype BulletBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: string | 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' | 'neutral' | VariantType | typeof danger | typeof info;\n  /** Skjul badge */\n  hide?: boolean;\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 = 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';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\ntype NotificationBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: string | 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' | 'neutral' | VariantType | typeof danger | typeof info;\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  /** Skjul badge */\n  hide?: boolean;\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 = 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';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\ntype StatusBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: string | 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' | 'neutral' | VariantType | typeof danger | typeof info;\n  /** Skjul badge */\n  hide?: boolean;\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 = 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","ref","className","as","rest","_objectWithoutPropertiesLoose","_excluded","Element","ContrastContext","Provider","value","createElement","_extends","classNames","createContext","useContrast","useContext","BaseCard","children","classList","NavigationCard","title","titleIcon","_ref$compact","compact","_ref$externalLink","externalLink","Heading3","Fragment","Paragraph","ExternalIcon","ForwardIcon","MediaCard","description","category","style","_ref$headingLevel","headingLevel","whole","wholeCardAsElement","hideArrow","wrapperProps","Heading","_wrapperProps","Label","ConditionalWrapper","condition","undefined","wrapper","tabIndex","Badge","_ref$max","max","variant","_ref$showZero","showZero","_ref$invisible","invisible","invisibleProp","_ref$hide","hide","hideProp","_ref$type","type","computedHide","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 { 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};\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  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      <div className=\"eds-navigation-card-header\">\n        <div className=\"eds-navigation-card-header__content\">\n          {titleIcon && (\n            <div\n              className=\"eds-navigation-card-header__title-icon\"\n              aria-hidden=\"true\"\n            >\n              {titleIcon}\n            </div>\n          )}\n          <span className=\"eds-navigation-card-header__title\">\n            <Heading3 as=\"span\">{title}</Heading3>\n          </span>\n        </div>\n        <div className=\"eds-navigation-card-header__highlight\"></div>\n      </div>\n      {!compact && (\n        <>\n          <Paragraph>{children}</Paragraph>\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 { VariantType } from '@entur/utils';\n\nimport './Badge.scss';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\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' | 'neutral' | VariantType | typeof danger | typeof info;\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  /** @deprecated Bruk `hide` i stedet */\n  invisible?: boolean;\n  /** Skjul badge */\n  hide?: 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      hide: hideProp = false,\n      as,\n      type = 'status',\n      ...rest\n    }: BadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n\n    const computedHide =\n      hideProp ||\n      invisibleProp ||\n      (children === 0 && !showZero) ||\n      children == null;\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      {\n        'eds-badge--hide': computedHide,\n        'eds-badge--show-zero': showZero,\n      },\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';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\ntype BulletBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: string | 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' | 'neutral' | VariantType | typeof danger | typeof info;\n  /** Skjul badge */\n  hide?: boolean;\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 = 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';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\ntype NotificationBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: string | 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' | 'neutral' | VariantType | typeof danger | typeof info;\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  /** Skjul badge */\n  hide?: boolean;\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 = 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';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\ntype StatusBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: string | 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' | 'neutral' | VariantType | typeof danger | typeof info;\n  /** Skjul badge */\n  hide?: boolean;\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 = 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","ref","className","as","rest","_objectWithoutPropertiesLoose","_excluded","Element","ContrastContext","Provider","value","createElement","_extends","classNames","createContext","useContrast","useContext","BaseCard","children","classList","NavigationCard","title","titleIcon","_ref$compact","compact","Heading3","Fragment","Paragraph","MediaCard","description","category","style","_ref$headingLevel","headingLevel","whole","wholeCardAsElement","hideArrow","wrapperProps","Heading","_wrapperProps","Label","ConditionalWrapper","condition","undefined","wrapper","tabIndex","ForwardIcon","Badge","_ref$max","max","variant","_ref$showZero","showZero","_ref$invisible","invisible","invisibleProp","_ref$hide","hide","hideProp","_ref$type","type","computedHide","displayValue","BulletBadge","props","NotificationBadge","StatusBadge","Tag","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","warnAboutMissingStyles"],"mappings":"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"}

package/dist/styles.css

@@ -1,38 +1,349 @@
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+:root {
+  --blue-10: #f6f6f9;
+  --blue-100: #292b6a;
+  --blue-20: #eaeaf1;
+  --blue-30: #d9dae8;
+  --blue-40: #bcbdd2;
+  --blue-50: #9ea0bd;
+  --blue-60: #8284ab;
+  --blue-70: #626493;
+  --blue-80: #54568c;
+  --blue-90: #393d79;
+  --canary-10: #fffbeb;
+  --canary-100: #483705;
+  --canary-20: #fff4cd;
+  --canary-30: #ffeeb3;
+  --canary-40: #ffe082;
+  --canary-50: #ffda6b;
+  --canary-60: #ffca28;
+  --canary-70: #e9b10c;
+  --canary-80: #b38909;
+  --canary-90: #775b09;
+  --coral-10: #ffe5e5;
+  --coral-100: #370606;
+  --coral-20: #ffcece;
+  --coral-30: #ff9494;
+  --coral-40: #ff5959;
+  --coral-50: #f73e3b;
+  --coral-60: #d31b1b;
+  --coral-70: #b31414;
+  --coral-80: #8a1414;
+  --coral-90: #5d0e0e;
+  --ebony-10: #e5e5e9;
+  --ebony-100: #08091c;
+  --ebony-15: #d8d9df;
+  --ebony-20: #cccdd4;
+  --ebony-25: #bfc0c8;
+  --ebony-30: #b3b4bd;
+  --ebony-35: #a6a7b2;
+  --ebony-40: #999aa7;
+  --ebony-45: #8d8e9c;
+  --ebony-5: #f2f2f5;
+  --ebony-50: #81828f;
+  --ebony-55: #757584;
+  --ebony-60: #6a6b78;
+  --ebony-65: #5e5f6c;
+  --ebony-70: #525360;
+  --ebony-75: #464755;
+  --ebony-80: #393a49;
+  --ebony-85: #2d2e3e;
+  --ebony-90: #212233;
+  --ebony-95: #141527;
+  --grey-10: #f2f5f7;
+  --grey-100: #262729;
+  --grey-110: #101112;
+  --grey-20: #edf0f2;
+  --grey-30: #e3e6e8;
+  --grey-40: #cfd2d4;
+  --grey-50: #b6b8ba;
+  --grey-60: #949699;
+  --grey-70: #6e6f73;
+  --grey-80: #515254;
+  --grey-90: #3d3e40;
+  --lavender-10: #f0f1fa;
+  --lavender-100: #11143c;
+  --lavender-20: #d9ddf2;
+  --lavender-30: #c7cdeb;
+  --lavender-40: #aeb7e2;
+  --lavender-50: #8794d4;
+  --lavender-60: #5a68c4;
+  --lavender-70: #3b46ab;
+  --lavender-80: #262f7d;
+  --lavender-90: #181c56;
+  --mint-10: #e6f6f0;
+  --mint-100: #022015;
+  --mint-20: #d0f1e3;
+  --mint-30: #9cd9c2;
+  --mint-40: #5ac39a;
+  --mint-50: #37ab83;
+  --mint-60: #1a8e60;
+  --mint-70: #068152;
+  --mint-80: #05613e;
+  --mint-90: #034029;
+  --peach-10: #fff1eb;
+  --peach-100: #3a1503;
+  --peach-20: #ffe4d6;
+  --peach-30: #ffd3bd;
+  --peach-40: #ffbf9e;
+  --peach-50: #fd9a68;
+  --peach-60: #fd7835;
+  --peach-70: #e6560f;
+  --peach-80: #ae4009;
+  --peach-90: #742b06;
+  --sky-10: #e1eff8;
+  --sky-100: #011a23;
+  --sky-20: #acd7f1;
+  --sky-30: #64b3e7;
+  --sky-40: #2d98d2;
+  --sky-50: #067eb2;
+  --sky-60: #046690;
+  --sky-70: #044d6c;
+  --sky-80: #003852;
+  --sky-90: #022536;
+  --transparent-blue-alpha10: rgba(158,160,189,0.10196);
+  --transparent-blue-alpha40: rgba(84,86,140,0.4);
+  --transparent-canary-alpha25: rgba(255,224,130,0.25098);
+  --transparent-canary-alpha30: rgba(255,244,205,0.30196);
+  --transparent-coral-alpha20: rgba(255,148,148,0.2);
+  --transparent-ebony-alpha15: rgba(229,229,233,0.14902);
+  --transparent-ebony-alpha20: rgba(204,205,212,0.30196);
+  --transparent-ebony-alpha25: rgba(229,229,233,0.25098);
+  --transparent-ebony-alpha35: rgba(229,229,233,0.34902);
+  --transparent-lavender-alpha70: rgba(174,183,226,0.69804);
+  --transparent-mint-alpha20: rgba(90,195,154,0.2);
+  --transparent-neutral-alpha10: rgba(207,210,212,0.10196);
+  --transparent-neutral-alpha15: rgba(207,210,212,0.14902);
+  --transparent-neutral-alpha20: rgba(38,39,41,0.2);
+  --transparent-peach-alpha70: rgba(255,191,158,0.69804);
+  --transparent-sky-alpha20: rgba(45,152,210,0.2);
+  --white-alpha-0: rgba(255,255,255,0);
+  --white-alpha-10: rgba(255,255,255,0.10196);
+  --white-alpha-100: #ffffff;
+  --white-alpha-20: rgba(255,255,255,0.2);
+  --white-alpha-30: rgba(255,255,255,0.30196);
+  --white-alpha-40: rgba(255,255,255,0.4);
+  --white-alpha-50: rgba(255,255,255,0.50196);
+  --white-alpha-60: rgba(255,255,255,0.6);
+  --white-alpha-70: rgba(255,255,255,0.69804);
+  --white-alpha-80: rgba(255,255,255,0.8);
+  --white-alpha-90: rgba(255,255,255,0.89804);
+}
+
+.eds-base-card {
+  display: flex;
+  box-shadow: 0.375rem 0.375rem 0.625rem rgba(229,229,233,0.14902), 0.1875rem 0.1875rem 0.375rem rgba(229,229,233,0.34902) 0.0625rem 0.0625rem 0.125rem 0rem rgba(204,205,212,0.30196);
+  box-shadow: 0.375rem 0.375rem 0.625rem var(--transparent-ebony-alpha15), 0.1875rem 0.1875rem 0.375rem var(--transparent-ebony-alpha35) 0.0625rem 0.0625rem 0.125rem 0rem var(--transparent-ebony-alpha20);
+  background-color: var(--components-layout-card-standard-fill-default-solid);
+  border: 0.0625rem solid var(--components-layout-card-standard-border-default);
+  color: var(--components-layout-card-standard-text);
+  border-radius: 0.25rem;
+  align-items: flex-start;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.eds-contrast .eds-base-card {
+  background-color: var(--components-layout-card-contrast-fill-default-solid);
+  border-color: var(--components-layout-card-contrast-border-default);
+  box-shadow: none;
+  color: var(--components-layout-card-contrast-text);
+}
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+:root {
+  --blue-10: #f6f6f9;
+  --blue-100: #292b6a;
+  --blue-20: #eaeaf1;
+  --blue-30: #d9dae8;
+  --blue-40: #bcbdd2;
+  --blue-50: #9ea0bd;
+  --blue-60: #8284ab;
+  --blue-70: #626493;
+  --blue-80: #54568c;
+  --blue-90: #393d79;
+  --canary-10: #fffbeb;
+  --canary-100: #483705;
+  --canary-20: #fff4cd;
+  --canary-30: #ffeeb3;
+  --canary-40: #ffe082;
+  --canary-50: #ffda6b;
+  --canary-60: #ffca28;
+  --canary-70: #e9b10c;
+  --canary-80: #b38909;
+  --canary-90: #775b09;
+  --coral-10: #ffe5e5;
+  --coral-100: #370606;
+  --coral-20: #ffcece;
+  --coral-30: #ff9494;
+  --coral-40: #ff5959;
+  --coral-50: #f73e3b;
+  --coral-60: #d31b1b;
+  --coral-70: #b31414;
+  --coral-80: #8a1414;
+  --coral-90: #5d0e0e;
+  --ebony-10: #e5e5e9;
+  --ebony-100: #08091c;
+  --ebony-15: #d8d9df;
+  --ebony-20: #cccdd4;
+  --ebony-25: #bfc0c8;
+  --ebony-30: #b3b4bd;
+  --ebony-35: #a6a7b2;
+  --ebony-40: #999aa7;
+  --ebony-45: #8d8e9c;
+  --ebony-5: #f2f2f5;
+  --ebony-50: #81828f;
+  --ebony-55: #757584;
+  --ebony-60: #6a6b78;
+  --ebony-65: #5e5f6c;
+  --ebony-70: #525360;
+  --ebony-75: #464755;
+  --ebony-80: #393a49;
+  --ebony-85: #2d2e3e;
+  --ebony-90: #212233;
+  --ebony-95: #141527;
+  --grey-10: #f2f5f7;
+  --grey-100: #262729;
+  --grey-110: #101112;
+  --grey-20: #edf0f2;
+  --grey-30: #e3e6e8;
+  --grey-40: #cfd2d4;
+  --grey-50: #b6b8ba;
+  --grey-60: #949699;
+  --grey-70: #6e6f73;
+  --grey-80: #515254;
+  --grey-90: #3d3e40;
+  --lavender-10: #f0f1fa;
+  --lavender-100: #11143c;
+  --lavender-20: #d9ddf2;
+  --lavender-30: #c7cdeb;
+  --lavender-40: #aeb7e2;
+  --lavender-50: #8794d4;
+  --lavender-60: #5a68c4;
+  --lavender-70: #3b46ab;
+  --lavender-80: #262f7d;
+  --lavender-90: #181c56;
+  --mint-10: #e6f6f0;
+  --mint-100: #022015;
+  --mint-20: #d0f1e3;
+  --mint-30: #9cd9c2;
+  --mint-40: #5ac39a;
+  --mint-50: #37ab83;
+  --mint-60: #1a8e60;
+  --mint-70: #068152;
+  --mint-80: #05613e;
+  --mint-90: #034029;
+  --peach-10: #fff1eb;
+  --peach-100: #3a1503;
+  --peach-20: #ffe4d6;
+  --peach-30: #ffd3bd;
+  --peach-40: #ffbf9e;
+  --peach-50: #fd9a68;
+  --peach-60: #fd7835;
+  --peach-70: #e6560f;
+  --peach-80: #ae4009;
+  --peach-90: #742b06;
+  --sky-10: #e1eff8;
+  --sky-100: #011a23;
+  --sky-20: #acd7f1;
+  --sky-30: #64b3e7;
+  --sky-40: #2d98d2;
+  --sky-50: #067eb2;
+  --sky-60: #046690;
+  --sky-70: #044d6c;
+  --sky-80: #003852;
+  --sky-90: #022536;
+  --transparent-blue-alpha10: rgba(158,160,189,0.10196);
+  --transparent-blue-alpha40: rgba(84,86,140,0.4);
+  --transparent-canary-alpha25: rgba(255,224,130,0.25098);
+  --transparent-canary-alpha30: rgba(255,244,205,0.30196);
+  --transparent-coral-alpha20: rgba(255,148,148,0.2);
+  --transparent-ebony-alpha15: rgba(229,229,233,0.14902);
+  --transparent-ebony-alpha20: rgba(204,205,212,0.30196);
+  --transparent-ebony-alpha25: rgba(229,229,233,0.25098);
+  --transparent-ebony-alpha35: rgba(229,229,233,0.34902);
+  --transparent-lavender-alpha70: rgba(174,183,226,0.69804);
+  --transparent-mint-alpha20: rgba(90,195,154,0.2);
+  --transparent-neutral-alpha10: rgba(207,210,212,0.10196);
+  --transparent-neutral-alpha15: rgba(207,210,212,0.14902);
+  --transparent-neutral-alpha20: rgba(38,39,41,0.2);
+  --transparent-peach-alpha70: rgba(255,191,158,0.69804);
+  --transparent-sky-alpha20: rgba(45,152,210,0.2);
+  --white-alpha-0: rgba(255,255,255,0);
+  --white-alpha-10: rgba(255,255,255,0.10196);
+  --white-alpha-100: #ffffff;
+  --white-alpha-20: rgba(255,255,255,0.2);
+  --white-alpha-30: rgba(255,255,255,0.30196);
+  --white-alpha-40: rgba(255,255,255,0.4);
+  --white-alpha-50: rgba(255,255,255,0.50196);
+  --white-alpha-60: rgba(255,255,255,0.6);
+  --white-alpha-70: rgba(255,255,255,0.69804);
+  --white-alpha-80: rgba(255,255,255,0.8);
+  --white-alpha-90: rgba(255,255,255,0.89804);
+}
+
 .eds-navigation-card {
   display: flex;
   flex-direction: column;
-  text-align: center;
-  padding: 1.5rem;
+  padding: 2rem;
   position: relative;
   transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
 }
-.eds-navigation-card__title {
+.eds-navigation-card-header {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 1rem;
+}
+.eds-navigation-card-header__content {
+  display: flex;
+  align-items: center;
+}
+.eds-navigation-card-header__title {
   font-size: 1.5rem;
   line-height: 1.875rem;
   font-weight: 600;
-  margin: 0.5rem 0 1rem;
 }
-.eds-navigation-card__title:after {
-  content: "";
-  display: block;
-  bottom: 1rem;
-  height: 0.1875rem;
+.eds-navigation-card-header__title-icon {
+  font-size: 1.53125rem;
+  margin-right: 0.75rem;
+}
+.eds-navigation-card-header__highlight {
   width: 2rem;
-  margin: 0 auto;
-  opacity: var(--show-active-line);
+  height: 0.1875rem;
   background: var(--components-layout-card-standard-divide);
+  opacity: var(--show-active-line);
   transition: width 0.2s ease-in-out;
 }
 .eds-navigation-card:hover {
-  transform: translateY(-0.25rem);
+  background-color: var(--components-layout-card-standard-fill-hoveractive);
+  box-shadow: 0.625rem 0.625rem 1rem var(--components-layout-card-standard-shadowlayer3), 0.375rem 0.375rem 0.75rem var(--components-layout-card-standard-shadowlayer2), 0.1875rem 0.1875rem 0.375rem var(--components-layout-card-standard-shadowlayer1);
 }
 .eds-navigation-card:hover:before {
   opacity: 1;
 }
-.eds-navigation-card:hover .eds-navigation-card__title:after {
-  width: 100%;
+.eds-navigation-card:hover .eds-navigation-card-header__highlight {
+  width: 8rem;
+}
+.eds-contrast .eds-navigation-card:hover {
+  background-color: var(--components-layout-card-contrast-fill-hoveractive);
+  box-shadow: 0.625rem 0.625rem 1rem var(--components-layout-card-contrast-shadowlayer3), 0.375rem 0.375rem 0.75rem var(--components-layout-card-contrast-shadowlayer2), 0.1875rem 0.1875rem 0.375rem var(--components-layout-card-contrast-shadowlayer1);
+}
+.eds-navigation-card:active {
+  background-color: var(--components-layout-card-standard-fill-hoveractive);
+  border: 1px solid var(--components-layout-card-standard-border-active);
+  box-shadow: none;
+}
+.eds-contrast .eds-navigation-card:active {
+  background-color: var(--components-layout-card-contrast-fill-hoveractive);
+  border-color: var(--components-layout-card-contrast-border-active);
+  box-shadow: none;
 }
 .eds-navigation-card:focus-visible {
   outline: 2px solid #181c56;
@@ -42,78 +353,17 @@
 .eds-contrast .eds-navigation-card:focus-visible {
   outline-color: var(--basecolors-stroke-focus-contrast);
 }
-.eds-navigation-card__title-icon {
-  display: flex;
-  font-size: 2rem;
-  padding: 0.75rem;
-}
-.eds-navigation-card__title-icon-compact {
-  position: relative;
-  top: 0.1em;
-  margin-right: 1.5rem;
-}
 .eds-navigation-card__arrow-icon {
   margin-top: 0.5rem;
 }
 .eds-navigation-card--compact {
-  flex-direction: row;
-  justify-content: space-between;
-  padding: 0 2rem;
-}
-@media screen and (min-width: 50rem) {
-  .eds-navigation-card--compact {
-    padding: 1rem 2.5rem;
-  }
-}
-.eds-navigation-card--compact .eds-navigation-card__title {
-  margin: 0;
-  padding: 1rem 0;
-}
-.eds-navigation-card--compact .eds-navigation-card__title:after {
-  display: none;
-}
-.eds-navigation-card--compact .eds-navigation-card__arrow-icon {
-  margin-top: 0rem;
-}
-.eds-navigation-card__compact-icon {
-  position: absolute;
-  right: 2rem;
-  top: 2rem;
-  font-size: 1rem;
+  padding: 1.5rem;
 }
-.eds-navigation-card__external--not-compact {
-  position: absolute;
-  top: 1.25rem;
-  right: 1.25rem;
-  color: var(--components-layout-card-standard-icon);
+.eds-navigation-card--compact .eds-navigation-card-header {
+  margin-bottom: 0;
 }
-.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);
-  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;
-  -webkit-text-decoration: 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);
+.eds-navigation-card .eds-paragraph {
+  margin-bottom: 0;
 }
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
@@ -385,37 +635,6 @@
 }
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-tag {
-  background: #e9e9e9;
-  color: #181c56;
-  display: inline-block;
-  min-width: 2rem;
-  padding: 0.25rem 0.75rem;
-  font-size: 0.875rem;
-  line-height: 1.375rem;
-}
-.eds-tag--leading-icon .eds-icon {
-  margin-right: 0.5rem;
-}
-.eds-tag--trailing-icon .eds-icon {
-  margin-left: 0.5rem;
-}
-.eds-tag--compact {
-  font-size: 0.75rem;
-  padding: 0.125rem 0.5rem;
-  line-height: 1.25rem;
-  height: 1.5rem;
-}
-.eds-tag--compact.eds-tag--leading-icon .eds-icon {
-  margin-right: 0.25rem;
-}
-.eds-tag--compact.eds-tag--trailing-icon .eds-icon {
-  margin-left: 0.25rem;
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /* DO NOT CHANGE!*/
@@ -483,17 +702,25 @@
   --components-layout-card-contrast-border-default: rgba(255, 255, 255, 0);
   --components-layout-card-contrast-border-active: #aeb7e2;
   --components-layout-card-contrast-divide: #ff5959;
-  --components-layout-card-contrast-fill-default: #393d79;
+  --components-layout-card-contrast-fill-default-solid: #393d79;
+  --components-layout-card-contrast-fill-default-transparent: #393d79;
   --components-layout-card-contrast-fill-hoveractive: #54568c;
   --components-layout-card-contrast-icon: #ffffff;
+  --components-layout-card-contrast-shadowlayer1: rgba(255, 255, 255, 0);
+  --components-layout-card-contrast-shadowlayer2: rgba(255, 255, 255, 0);
+  --components-layout-card-contrast-shadowlayer3: rgba(255, 255, 255, 0);
   --components-layout-card-contrast-subjecttext: #d9dae8;
   --components-layout-card-contrast-text: #ffffff;
   --components-layout-card-standard-border-default: #e3e6e8;
   --components-layout-card-standard-border-active: #181c56;
   --components-layout-card-standard-divide: #ff5959;
-  --components-layout-card-standard-fill-default: #ffffff;
+  --components-layout-card-standard-fill-default-solid: #ffffff;
+  --components-layout-card-standard-fill-default-transparent: #ffffff;
   --components-layout-card-standard-fill-hoveractive: #f6f6f9;
   --components-layout-card-standard-icon: #181c56;
+  --components-layout-card-standard-shadowlayer1: rgba(204, 205, 212, 0.3019607843);
+  --components-layout-card-standard-shadowlayer2: rgba(229, 229, 233, 0.3490196078);
+  --components-layout-card-standard-shadowlayer3: rgba(229, 229, 233, 0.1490196078);
   --components-layout-card-standard-subjecttext: #626493;
   --components-layout-card-standard-text: #181c56;
 }
@@ -559,18 +786,26 @@
   --components-layout-badge-warning-standard-text-bullet: #e5e5e9;
   --components-layout-card-contrast-border-default: rgba(255, 255, 255, 0);
   --components-layout-card-contrast-border-active: #b3b4bd;
-  --components-layout-card-contrast-divide: #ff9494;
-  --components-layout-card-contrast-fill-default: rgba(229, 229, 233, 0.1490196078);
-  --components-layout-card-contrast-fill-hoveractive: #393a49;
+  --components-layout-card-contrast-divide: #ff5959;
+  --components-layout-card-contrast-fill-default-solid: #393a49;
+  --components-layout-card-contrast-fill-default-transparent: rgba(229, 229, 233, 0.1490196078);
+  --components-layout-card-contrast-fill-hoveractive: #464755;
   --components-layout-card-contrast-icon: #e5e5e9;
+  --components-layout-card-contrast-shadowlayer1: rgba(255, 255, 255, 0);
+  --components-layout-card-contrast-shadowlayer2: rgba(255, 255, 255, 0);
+  --components-layout-card-contrast-shadowlayer3: rgba(255, 255, 255, 0);
   --components-layout-card-contrast-subjecttext: #b3b4bd;
   --components-layout-card-contrast-text: #e5e5e9;
   --components-layout-card-standard-border-default: rgba(255, 255, 255, 0);
   --components-layout-card-standard-border-active: #b3b4bd;
-  --components-layout-card-standard-divide: #ff9494;
-  --components-layout-card-standard-fill-default: rgba(229, 229, 233, 0.1490196078);
-  --components-layout-card-standard-fill-hoveractive: #393a49;
+  --components-layout-card-standard-divide: #ff5959;
+  --components-layout-card-standard-fill-default-solid: #393a49;
+  --components-layout-card-standard-fill-default-transparent: rgba(229, 229, 233, 0.1490196078);
+  --components-layout-card-standard-fill-hoveractive: #464755;
   --components-layout-card-standard-icon: #e5e5e9;
+  --components-layout-card-standard-shadowlayer1: rgba(255, 255, 255, 0);
+  --components-layout-card-standard-shadowlayer2: rgba(255, 255, 255, 0);
+  --components-layout-card-standard-shadowlayer3: rgba(255, 255, 255, 0);
   --components-layout-card-standard-subjecttext: #b3b4bd;
   --components-layout-card-standard-text: #e5e5e9;
 }
@@ -713,3 +948,34 @@
 :root {
   --eds-layout: 1;
 }
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+.eds-tag {
+  background: #e9e9e9;
+  color: #181c56;
+  display: inline-block;
+  min-width: 2rem;
+  padding: 0.25rem 0.75rem;
+  font-size: 0.875rem;
+  line-height: 1.375rem;
+}
+.eds-tag--leading-icon .eds-icon {
+  margin-right: 0.5rem;
+}
+.eds-tag--trailing-icon .eds-icon {
+  margin-left: 0.5rem;
+}
+.eds-tag--compact {
+  font-size: 0.75rem;
+  padding: 0.125rem 0.5rem;
+  line-height: 1.25rem;
+  height: 1.5rem;
+}
+.eds-tag--compact.eds-tag--leading-icon .eds-icon {
+  margin-right: 0.25rem;
+}
+.eds-tag--compact.eds-tag--trailing-icon .eds-icon {
+  margin-left: 0.25rem;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/layout",
-  "version": "2.4.1",
+  "version": "3.0.0-beta.0",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/layout.esm.js",
@@ -27,14 +27,14 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/icons": "^7.6.1",
-    "@entur/tokens": "^3.17.6",
-    "@entur/typography": "^1.9.1",
+    "@entur/icons": "^7.6.2-beta.0",
+    "@entur/tokens": "^3.17.7-beta.0",
+    "@entur/typography": "^1.9.2-beta.0",
     "@entur/utils": "^0.12.2",
     "classnames": "^2.3.1"
   },
   "devDependencies": {
     "dts-cli": "2.0.5"
   },
-  "gitHead": "d7798b768ab73d677162cebcf3edd58680dc626f"
+  "gitHead": "cd66907abaf7faaee1f9dcc5f063b3b153eaf7b2"
 }