@entur/layout 2.2.3 → 2.3.0

package/dist/Badge/Badge.d.ts

@@ -1,6 +1,11 @@
 import React from 'react';
 import { PolymorphicComponentPropsWithRef } from '@entur/utils';
+import { VariantType } from '@entur/utils';
 import './Badge.scss';
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+/** @deprecated use variant="negative" instead */
+declare const danger = "danger";
 export type BadgeTypes = 'status' | 'bullet' | 'notification';
 export type BadgeOwnProps = {
     /** Elementet som wrapper badgen
@@ -12,7 +17,7 @@ export type BadgeOwnProps = {
     /** Elementet som badge vil legges relativt til */
     children: React.ReactNode;
     /** Hvilken type badge man vil ha */
-    variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
+    variant: 'primary' | 'neutral' | VariantType | typeof danger | typeof info;
     /** Om 0 skal vises
      * @default false
      */

package/dist/Badge/BulletBadge.d.ts

@@ -1,5 +1,10 @@
 import React from 'react';
 import { PolymorphicComponentPropsWithRef } from '@entur/utils';
+import { VariantType } from '@entur/utils';
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+/** @deprecated use variant="negative" instead */
+declare const danger = "danger";
 type BulletBadgeBaseProps = {
     /** Elementet som wrapper badgen
      * @default "span"
@@ -10,7 +15,7 @@ type BulletBadgeBaseProps = {
     /** Elementet som badge vil legges relativt til */
     children: React.ReactNode;
     /** Hvilken type badge man vil ha */
-    variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
+    variant: 'primary' | 'neutral' | VariantType | typeof danger | typeof info;
 };
 export type BulletBadgeProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, BulletBadgeBaseProps>;
 export type BulletBadgeComponent = <T extends React.ElementType = typeof defaultElement>(props: BulletBadgeProps<T>) => React.ReactElement | null;

package/dist/Badge/NotificationBadge.d.ts

@@ -1,5 +1,10 @@
 import React from 'react';
 import { PolymorphicComponentPropsWithRef } from '@entur/utils';
+import { VariantType } from '@entur/utils';
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+/** @deprecated use variant="negative" instead */
+declare const danger = "danger";
 type NotificationBadgeBaseProps = {
     /** Elementet som wrapper badgen
      * @default "span"
@@ -10,7 +15,7 @@ type NotificationBadgeBaseProps = {
     /** Elementet som badge vil legges relativt til */
     children: React.ReactNode;
     /** Hvilken type badge man vil ha */
-    variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
+    variant: 'primary' | 'neutral' | VariantType | typeof danger | typeof info;
     /** Om 0 skal vises
      * @default false
      */

package/dist/Badge/StatusBadge.d.ts

@@ -1,5 +1,10 @@
 import React from 'react';
 import { PolymorphicComponentPropsWithRef } from '@entur/utils';
+import { VariantType } from '@entur/utils';
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+/** @deprecated use variant="negative" instead */
+declare const danger = "danger";
 type StatusBadgeBaseProps = {
     /** Elementet som wrapper badgen
      * @default "span"
@@ -10,7 +15,7 @@ type StatusBadgeBaseProps = {
     /** Elementet som badge vil legges relativt til */
     children: React.ReactNode;
     /** Hvilken type badge man vil ha */
-    variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
+    variant: 'primary' | 'neutral' | VariantType | typeof danger | typeof info;
 };
 export type StatusBadgeProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, StatusBadgeBaseProps>;
 export type StatusBadgeComponent = <T extends React.ElementType = typeof defaultElement>(props: StatusBadgeProps<T>) => React.ReactElement | null;

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 './Badge.scss';\n\nexport type BadgeTypes = 'status' | 'bullet' | 'notification';\n\nexport type BadgeOwnProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n  /** Om 0 skal vises\n   * @default false\n   */\n  showZero?: boolean;\n  /** Hva som er høyeste tallet før det legges på \"+\"\n   * @default ++\n   */\n  max?: number;\n  type?: BadgeTypes;\n  invisible?: boolean;\n};\n\nexport type BadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, BadgeOwnProps>;\n\nexport type BadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: BadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const Badge: BadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      children,\n      className,\n      max = 99,\n      variant,\n      showZero = false,\n      invisible: invisibleProp = false,\n      as,\n      type = 'status',\n      ...rest\n    }: BadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    let invisible = invisibleProp;\n    if (\n      invisibleProp === false &&\n      ((children === 0 && !showZero) || children == null)\n    ) {\n      invisible = true;\n    }\n\n    let displayValue;\n    if (typeof children === 'number') {\n      displayValue = children > max ? `${max}+` : children;\n    } else {\n      displayValue = children;\n    }\n\n    const classList = classNames(\n      className,\n      'eds-badge',\n      { 'eds-badge--invisible': invisible, 'eds-badge--show-zero': showZero },\n      `eds-badge--variant-${variant}`,\n      `eds-badge--type-${type}`,\n    );\n\n    return (\n      <Element className={classList} ref={ref} {...rest}>\n        {displayValue}\n      </Element>\n    );\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype BulletBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type BulletBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, BulletBadgeBaseProps>;\n\nexport type BulletBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: BulletBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const BulletBadge: BulletBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: BulletBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"bullet\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype NotificationBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n  /** Om 0 skal vises\n   * @default false\n   */\n  showZero?: boolean;\n  /** Hva som er høyeste tallet før det legges på \"+\"\n   * @default ++\n   */\n  max?: number;\n};\n\nexport type NotificationBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, NotificationBadgeBaseProps>;\n\nexport type NotificationBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: NotificationBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const NotificationBadge: NotificationBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: NotificationBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"notification\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype StatusBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type StatusBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, StatusBadgeBaseProps>;\n\nexport type StatusBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: StatusBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const StatusBadge: StatusBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: StatusBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"status\" />;\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Tag.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type TagOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default 'div'\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /**Mindre og mer kompakt Tag, til f.eks. tabellbruk\n   * @default false\n   */\n  compact?: boolean;\n  children: React.ReactNode;\n};\n\nexport type TagProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, TagOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const Tag = <E extends React.ElementType = typeof defaultElement>({\n  className,\n  children,\n  compact,\n  as,\n  ...rest\n}: TagProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const childrenArray = React.Children.toArray(children);\n  const hasLeadingIcon =\n    childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n  const hasTrailingIcon =\n    childrenArray.length > 1 &&\n    typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n  return (\n    <Element\n      className={classNames('eds-tag', className, {\n        'eds-tag--leading-icon': hasLeadingIcon,\n        'eds-tag--trailing-icon': hasTrailingIcon,\n        'eds-tag--compact': compact,\n      })}\n      {...rest}\n    >\n      {children}\n    </Element>\n  );\n};\n","import './styles.scss';\nimport { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('layout', 'typography');\n\nexport * from './Contrast';\nexport * from './NavigationCard';\nexport * from './BaseCard';\nexport * from './MediaCard';\nexport * from './Badge/Badge';\nexport * from './Badge/BulletBadge';\nexport * from './Badge/NotificationBadge';\nexport * from './Badge/StatusBadge';\nexport * from './Tag';\n"],"names":["defaultElement","Contrast","React","forwardRef","ref","className","as","rest","_excluded","Element","ContrastContext","Provider","value","createElement","classNames","createContext","useContrast","useContext","BaseCard","children","classList","NavigationCard","title","titleIcon","compact","externalLink","Heading3","Fragment","Paragraph","ExternalIcon","ForwardIcon","MediaCard","description","category","style","headingLevel","whole","wholeCardAsElement","hideArrow","wrapperProps","Heading","_wrapperProps","Label","ConditionalWrapper","condition","undefined","wrapper","tabIndex","Badge","max","variant","showZero","invisible","invisibleProp","type","displayValue","BulletBadge","props","NotificationBadge","StatusBadge","Tag","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","warnAboutMissingStyles"],"mappings":"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"}
+{"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  invisible?: boolean;\n};\n\nexport type BadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, BadgeOwnProps>;\n\nexport type BadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: BadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const Badge: BadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      children,\n      className,\n      max = 99,\n      variant,\n      showZero = false,\n      invisible: invisibleProp = false,\n      as,\n      type = 'status',\n      ...rest\n    }: BadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    let invisible = invisibleProp;\n    if (\n      invisibleProp === false &&\n      ((children === 0 && !showZero) || children == null)\n    ) {\n      invisible = true;\n    }\n\n    let displayValue;\n    if (typeof children === 'number') {\n      displayValue = children > max ? `${max}+` : children;\n    } else {\n      displayValue = children;\n    }\n\n    const classList = classNames(\n      className,\n      'eds-badge',\n      { 'eds-badge--invisible': invisible, 'eds-badge--show-zero': showZero },\n      `eds-badge--variant-${variant}`,\n      `eds-badge--type-${type}`,\n    );\n\n    return (\n      <Element className={classList} ref={ref} {...rest}>\n        {displayValue}\n      </Element>\n    );\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\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?: '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};\n\nexport type BulletBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, BulletBadgeBaseProps>;\n\nexport type BulletBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: BulletBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const BulletBadge: BulletBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: BulletBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"bullet\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\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?: '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};\n\nexport type NotificationBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, NotificationBadgeBaseProps>;\n\nexport type NotificationBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: NotificationBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const NotificationBadge: NotificationBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: NotificationBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"notification\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\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?: '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};\n\nexport type StatusBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, StatusBadgeBaseProps>;\n\nexport type StatusBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: StatusBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const StatusBadge: StatusBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: StatusBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"status\" />;\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Tag.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type TagOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default 'div'\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /**Mindre og mer kompakt Tag, til f.eks. tabellbruk\n   * @default false\n   */\n  compact?: boolean;\n  children: React.ReactNode;\n};\n\nexport type TagProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, TagOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const Tag = <E extends React.ElementType = typeof defaultElement>({\n  className,\n  children,\n  compact,\n  as,\n  ...rest\n}: TagProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const childrenArray = React.Children.toArray(children);\n  const hasLeadingIcon =\n    childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n  const hasTrailingIcon =\n    childrenArray.length > 1 &&\n    typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n  return (\n    <Element\n      className={classNames('eds-tag', className, {\n        'eds-tag--leading-icon': hasLeadingIcon,\n        'eds-tag--trailing-icon': hasTrailingIcon,\n        'eds-tag--compact': compact,\n      })}\n      {...rest}\n    >\n      {children}\n    </Element>\n  );\n};\n","import './styles.scss';\nimport { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('layout', 'typography');\n\nexport * from './Contrast';\nexport * from './NavigationCard';\nexport * from './BaseCard';\nexport * from './MediaCard';\nexport * from './Badge/Badge';\nexport * from './Badge/BulletBadge';\nexport * from './Badge/NotificationBadge';\nexport * from './Badge/StatusBadge';\nexport * from './Tag';\n"],"names":["defaultElement","Contrast","React","forwardRef","ref","className","as","rest","_excluded","Element","ContrastContext","Provider","value","createElement","classNames","createContext","useContrast","useContext","BaseCard","children","classList","NavigationCard","title","titleIcon","compact","externalLink","Heading3","Fragment","Paragraph","ExternalIcon","ForwardIcon","MediaCard","description","category","style","headingLevel","whole","wholeCardAsElement","hideArrow","wrapperProps","Heading","_wrapperProps","Label","ConditionalWrapper","condition","undefined","wrapper","tabIndex","Badge","max","variant","showZero","invisible","invisibleProp","type","displayValue","BulletBadge","props","NotificationBadge","StatusBadge","Tag","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","warnAboutMissingStyles"],"mappings":"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"}

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

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

package/dist/layout.esm.js.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 './Badge.scss';\n\nexport type BadgeTypes = 'status' | 'bullet' | 'notification';\n\nexport type BadgeOwnProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n  /** Om 0 skal vises\n   * @default false\n   */\n  showZero?: boolean;\n  /** Hva som er høyeste tallet før det legges på \"+\"\n   * @default ++\n   */\n  max?: number;\n  type?: BadgeTypes;\n  invisible?: boolean;\n};\n\nexport type BadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, BadgeOwnProps>;\n\nexport type BadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: BadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const Badge: BadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      children,\n      className,\n      max = 99,\n      variant,\n      showZero = false,\n      invisible: invisibleProp = false,\n      as,\n      type = 'status',\n      ...rest\n    }: BadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    let invisible = invisibleProp;\n    if (\n      invisibleProp === false &&\n      ((children === 0 && !showZero) || children == null)\n    ) {\n      invisible = true;\n    }\n\n    let displayValue;\n    if (typeof children === 'number') {\n      displayValue = children > max ? `${max}+` : children;\n    } else {\n      displayValue = children;\n    }\n\n    const classList = classNames(\n      className,\n      'eds-badge',\n      { 'eds-badge--invisible': invisible, 'eds-badge--show-zero': showZero },\n      `eds-badge--variant-${variant}`,\n      `eds-badge--type-${type}`,\n    );\n\n    return (\n      <Element className={classList} ref={ref} {...rest}>\n        {displayValue}\n      </Element>\n    );\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype BulletBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type BulletBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, BulletBadgeBaseProps>;\n\nexport type BulletBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: BulletBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const BulletBadge: BulletBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: BulletBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"bullet\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype NotificationBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n  /** Om 0 skal vises\n   * @default false\n   */\n  showZero?: boolean;\n  /** Hva som er høyeste tallet før det legges på \"+\"\n   * @default ++\n   */\n  max?: number;\n};\n\nexport type NotificationBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, NotificationBadgeBaseProps>;\n\nexport type NotificationBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: NotificationBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const NotificationBadge: NotificationBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: NotificationBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"notification\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype StatusBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type StatusBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, StatusBadgeBaseProps>;\n\nexport type StatusBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: StatusBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const StatusBadge: StatusBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: StatusBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"status\" />;\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Tag.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type TagOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default 'div'\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /**Mindre og mer kompakt Tag, til f.eks. tabellbruk\n   * @default false\n   */\n  compact?: boolean;\n  children: React.ReactNode;\n};\n\nexport type TagProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, TagOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const Tag = <E extends React.ElementType = typeof defaultElement>({\n  className,\n  children,\n  compact,\n  as,\n  ...rest\n}: TagProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const childrenArray = React.Children.toArray(children);\n  const hasLeadingIcon =\n    childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n  const hasTrailingIcon =\n    childrenArray.length > 1 &&\n    typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n  return (\n    <Element\n      className={classNames('eds-tag', className, {\n        'eds-tag--leading-icon': hasLeadingIcon,\n        'eds-tag--trailing-icon': hasTrailingIcon,\n        'eds-tag--compact': compact,\n      })}\n      {...rest}\n    >\n      {children}\n    </Element>\n  );\n};\n","import './styles.scss';\nimport { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('layout', 'typography');\n\nexport * from './Contrast';\nexport * from './NavigationCard';\nexport * from './BaseCard';\nexport * from './MediaCard';\nexport * from './Badge/Badge';\nexport * from './Badge/BulletBadge';\nexport * from './Badge/NotificationBadge';\nexport * from './Badge/StatusBadge';\nexport * from './Tag';\n"],"names":["defaultElement","Contrast","React","forwardRef","ref","className","as","rest","_excluded","Element","ContrastContext","Provider","value","createElement","classNames","createContext","useContrast","useContext","BaseCard","children","classList","NavigationCard","title","titleIcon","compact","externalLink","Heading3","Fragment","Paragraph","ExternalIcon","ForwardIcon","MediaCard","description","category","style","headingLevel","whole","wholeCardAsElement","hideArrow","wrapperProps","Heading","_wrapperProps","Label","ConditionalWrapper","condition","undefined","wrapper","tabIndex","Badge","max","variant","showZero","invisible","invisibleProp","type","displayValue","BulletBadge","props","NotificationBadge","StatusBadge","Tag","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","warnAboutMissingStyles"],"mappings":"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"}
+{"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  invisible?: boolean;\n};\n\nexport type BadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, BadgeOwnProps>;\n\nexport type BadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: BadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const Badge: BadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      children,\n      className,\n      max = 99,\n      variant,\n      showZero = false,\n      invisible: invisibleProp = false,\n      as,\n      type = 'status',\n      ...rest\n    }: BadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    let invisible = invisibleProp;\n    if (\n      invisibleProp === false &&\n      ((children === 0 && !showZero) || children == null)\n    ) {\n      invisible = true;\n    }\n\n    let displayValue;\n    if (typeof children === 'number') {\n      displayValue = children > max ? `${max}+` : children;\n    } else {\n      displayValue = children;\n    }\n\n    const classList = classNames(\n      className,\n      'eds-badge',\n      { 'eds-badge--invisible': invisible, 'eds-badge--show-zero': showZero },\n      `eds-badge--variant-${variant}`,\n      `eds-badge--type-${type}`,\n    );\n\n    return (\n      <Element className={classList} ref={ref} {...rest}>\n        {displayValue}\n      </Element>\n    );\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\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?: '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};\n\nexport type BulletBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, BulletBadgeBaseProps>;\n\nexport type BulletBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: BulletBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const BulletBadge: BulletBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: BulletBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"bullet\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\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?: '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};\n\nexport type NotificationBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, NotificationBadgeBaseProps>;\n\nexport type NotificationBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: NotificationBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const NotificationBadge: NotificationBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: NotificationBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"notification\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\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?: '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};\n\nexport type StatusBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, StatusBadgeBaseProps>;\n\nexport type StatusBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: StatusBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const StatusBadge: StatusBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: StatusBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"status\" />;\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Tag.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type TagOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default 'div'\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /**Mindre og mer kompakt Tag, til f.eks. tabellbruk\n   * @default false\n   */\n  compact?: boolean;\n  children: React.ReactNode;\n};\n\nexport type TagProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, TagOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const Tag = <E extends React.ElementType = typeof defaultElement>({\n  className,\n  children,\n  compact,\n  as,\n  ...rest\n}: TagProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const childrenArray = React.Children.toArray(children);\n  const hasLeadingIcon =\n    childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n  const hasTrailingIcon =\n    childrenArray.length > 1 &&\n    typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n  return (\n    <Element\n      className={classNames('eds-tag', className, {\n        'eds-tag--leading-icon': hasLeadingIcon,\n        'eds-tag--trailing-icon': hasTrailingIcon,\n        'eds-tag--compact': compact,\n      })}\n      {...rest}\n    >\n      {children}\n    </Element>\n  );\n};\n","import './styles.scss';\nimport { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('layout', 'typography');\n\nexport * from './Contrast';\nexport * from './NavigationCard';\nexport * from './BaseCard';\nexport * from './MediaCard';\nexport * from './Badge/Badge';\nexport * from './Badge/BulletBadge';\nexport * from './Badge/NotificationBadge';\nexport * from './Badge/StatusBadge';\nexport * from './Tag';\n"],"names":["defaultElement","Contrast","React","forwardRef","ref","className","as","rest","_excluded","Element","ContrastContext","Provider","value","createElement","classNames","createContext","useContrast","useContext","BaseCard","children","classList","NavigationCard","title","titleIcon","compact","externalLink","Heading3","Fragment","Paragraph","ExternalIcon","ForwardIcon","MediaCard","description","category","style","headingLevel","whole","wholeCardAsElement","hideArrow","wrapperProps","Heading","_wrapperProps","Label","ConditionalWrapper","condition","undefined","wrapper","tabIndex","Badge","max","variant","showZero","invisible","invisibleProp","type","displayValue","BulletBadge","props","NotificationBadge","StatusBadge","Tag","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","warnAboutMissingStyles"],"mappings":"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"}

package/dist/styles.css

@@ -299,44 +299,44 @@
 .eds-contrast .eds-badge--variant-warning.eds-badge--type-bullet::before {
   background-color: var(--components-layout-badge-warning-contrast-bullet);
 }
-.eds-badge--variant-danger {
+.eds-badge--variant-danger, .eds-badge--variant-negative {
   background-color: var(--components-layout-badge-negative-standard-fill);
   color: var(--components-layout-badge-negative-standard-text);
 }
-.eds-contrast .eds-badge--variant-danger {
+.eds-contrast .eds-badge--variant-danger, .eds-contrast .eds-badge--variant-negative {
   background-color: var(--components-layout-badge-negative-contrast-fill);
   color: var(--components-layout-badge-negative-contrast-text);
 }
-.eds-badge--variant-danger.eds-badge--type-status, .eds-badge--variant-danger.eds-badge--type-notification {
+.eds-badge--variant-danger.eds-badge--type-status, .eds-badge--variant-danger.eds-badge--type-notification, .eds-badge--variant-negative.eds-badge--type-status, .eds-badge--variant-negative.eds-badge--type-notification {
   border-color: var(--components-layout-badge-negative-standard-border);
 }
-.eds-contrast .eds-badge--variant-danger.eds-badge--type-status, .eds-contrast .eds-badge--variant-danger.eds-badge--type-notification {
+.eds-contrast .eds-badge--variant-danger.eds-badge--type-status, .eds-contrast .eds-badge--variant-danger.eds-badge--type-notification, .eds-contrast .eds-badge--variant-negative.eds-badge--type-status, .eds-contrast .eds-badge--variant-negative.eds-badge--type-notification {
   border-color: var(--components-layout-badge-negative-contrast-border);
 }
-.eds-badge--variant-danger.eds-badge--type-bullet::before {
+.eds-badge--variant-danger.eds-badge--type-bullet::before, .eds-badge--variant-negative.eds-badge--type-bullet::before {
   background-color: var(--components-layout-badge-negative-standard-bullet);
 }
-.eds-contrast .eds-badge--variant-danger.eds-badge--type-bullet::before {
+.eds-contrast .eds-badge--variant-danger.eds-badge--type-bullet::before, .eds-contrast .eds-badge--variant-negative.eds-badge--type-bullet::before {
   background-color: var(--components-layout-badge-negative-contrast-bullet);
 }
-.eds-badge--variant-info {
+.eds-badge--variant-info, .eds-badge--variant-information {
   background-color: var(--components-layout-badge-information-standard-fill);
   color: var(--components-layout-badge-information-standard-text);
 }
-.eds-contrast .eds-badge--variant-info {
+.eds-contrast .eds-badge--variant-info, .eds-contrast .eds-badge--variant-information {
   background-color: var(--components-layout-badge-information-contrast-fill);
   color: var(--components-layout-badge-information-contrast-text);
 }
-.eds-badge--variant-info.eds-badge--type-status, .eds-badge--variant-info.eds-badge--type-notification {
+.eds-badge--variant-info.eds-badge--type-status, .eds-badge--variant-info.eds-badge--type-notification, .eds-badge--variant-information.eds-badge--type-status, .eds-badge--variant-information.eds-badge--type-notification {
   border-color: var(--components-layout-badge-information-standard-border);
 }
-.eds-contrast .eds-badge--variant-info.eds-badge--type-status, .eds-contrast .eds-badge--variant-info.eds-badge--type-notification {
+.eds-contrast .eds-badge--variant-info.eds-badge--type-status, .eds-contrast .eds-badge--variant-info.eds-badge--type-notification, .eds-contrast .eds-badge--variant-information.eds-badge--type-status, .eds-contrast .eds-badge--variant-information.eds-badge--type-notification {
   border-color: var(--components-layout-badge-information-contrast-border);
 }
-.eds-badge--variant-info.eds-badge--type-bullet::before {
+.eds-badge--variant-info.eds-badge--type-bullet::before, .eds-badge--variant-information.eds-badge--type-bullet::before {
   background-color: var(--components-layout-badge-information-standard-bullet);
 }
-.eds-contrast .eds-badge--variant-info.eds-badge--type-bullet::before {
+.eds-contrast .eds-badge--variant-info.eds-badge--type-bullet::before, .eds-contrast .eds-badge--variant-information.eds-badge--type-bullet::before {
   background-color: var(--components-layout-badge-information-contrast-bullet);
 }
 .eds-badge--variant-neutral {
@@ -404,170 +404,6 @@
 }
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-@import '~@entur/tokens/dist/semantic.css';
-@import '~@entur/tokens/dist/base.css';
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-[data-color-mode=light],
-:root {
-  --components-layout-badge-information-contrast-border: var(--stroke-colorless);
-  --components-layout-badge-information-contrast-bullet: var(--fill-information-contrast);
-  --components-layout-badge-information-contrast-fill: var(--fill-information-contrast);
-  --components-layout-badge-information-contrast-text: var(--text-accent);
-  --components-layout-badge-information-contrast-text-bullet: var(--text-light);
-  --components-layout-badge-information-standard-border: var(--stroke-information);
-  --components-layout-badge-information-standard-bullet: var(--fill-information-deep);
-  --components-layout-badge-information-standard-fill: var(--fill-information-muted);
-  --components-layout-badge-information-standard-text: var(--text-accent);
-  --components-layout-badge-information-standard-text-bullet: var(--text-accent);
-  --components-layout-badge-negative-contrast-border: var(--stroke-colorless);
-  --components-layout-badge-negative-contrast-bullet: var(--fill-negative-contrast);
-  --components-layout-badge-negative-contrast-fill: var(--fill-negative-tint);
-  --components-layout-badge-negative-contrast-text: var(--text-accent);
-  --components-layout-badge-negative-contrast-text-bullet: var(--text-light);
-  --components-layout-badge-negative-standard-border: var(--stroke-negative);
-  --components-layout-badge-negative-standard-bullet: var(--fill-negative-deep);
-  --components-layout-badge-negative-standard-fill: var(--fill-negative-muted);
-  --components-layout-badge-negative-standard-text: var(--text-accent);
-  --components-layout-badge-negative-standard-text-bullet: var(--text-accent);
-  --components-layout-badge-neutral-contrast-border: var(--stroke-colorless);
-  --components-layout-badge-neutral-contrast-bullet: var(--fill-primary-hover-contrast);
-  --components-layout-badge-neutral-contrast-fill: var(--fill-selected-hover-contrast);
-  --components-layout-badge-neutral-contrast-text: var(--text-light);
-  --components-layout-badge-neutral-contrast-text-bullet: var(--text-light);
-  --components-layout-badge-neutral-standard-border: var(--stroke-neutralalt);
-  --components-layout-badge-neutral-standard-bullet: var(--fill-selected-default-darkalt);
-  --components-layout-badge-neutral-standard-fill: var(--fill-selected-default-light);
-  --components-layout-badge-neutral-standard-text: var(--text-accent);
-  --components-layout-badge-neutral-standard-text-bullet: var(--text-accent);
-  --components-layout-badge-primary-contrast-bullet: var(--fill-primary-default-contrast);
-  --components-layout-badge-primary-contrast-fill: var(--fill-primary-default-contrast);
-  --components-layout-badge-primary-contrast-text: var(--text-accent);
-  --components-layout-badge-primary-contrast-text-bullet: var(--text-light);
-  --components-layout-badge-primary-standard-bullet: var(--fill-primary-default-light);
-  --components-layout-badge-primary-standard-fill: var(--fill-primary-default-light);
-  --components-layout-badge-primary-standard-text: var(--text-light);
-  --components-layout-badge-primary-standard-text-bullet: var(--text-accent);
-  --components-layout-badge-success-contrast-border: var(--stroke-colorless);
-  --components-layout-badge-success-contrast-bullet: var(--fill-success-contrast);
-  --components-layout-badge-success-contrast-fill: var(--fill-success-contrast);
-  --components-layout-badge-success-contrast-text: var(--text-accent);
-  --components-layout-badge-success-contrast-text-bullet: var(--text-light);
-  --components-layout-badge-success-standard-border: var(--stroke-success);
-  --components-layout-badge-success-standard-bullet: var(--fill-success-deep);
-  --components-layout-badge-success-standard-fill: var(--fill-success-muted);
-  --components-layout-badge-success-standard-text: var(--text-accent);
-  --components-layout-badge-success-standard-text-bullet: var(--text-accent);
-  --components-layout-badge-warning-contrast-border: var(--stroke-colorless);
-  --components-layout-badge-warning-contrast-bullet: var(--fill-warning-contrast);
-  --components-layout-badge-warning-contrast-fill: var(--fill-warning-contrast);
-  --components-layout-badge-warning-contrast-text: var(--text-accent);
-  --components-layout-badge-warning-contrast-text-bullet: var(--text-light);
-  --components-layout-badge-warning-standard-border: var(--stroke-warning);
-  --components-layout-badge-warning-standard-bullet: var(--fill-warning-deep);
-  --components-layout-badge-warning-standard-fill: var(--fill-warning-muted);
-  --components-layout-badge-warning-standard-text: var(--text-accent);
-  --components-layout-badge-warning-standard-text-bullet: var(--text-accent);
-  --components-layout-card-contrast-border-default: var(--stroke-colorless);
-  --components-layout-card-contrast-border-active: var(--stroke-contrast);
-  --components-layout-card-contrast-divide: var(--stroke-highlight);
-  --components-layout-card-contrast-fill-default: var(--fill-selected-default-contrast);
-  --components-layout-card-contrast-fill-hoveractive: var(--fill-selected-hover-contrast);
-  --components-layout-card-contrast-icon: var(--shape-light);
-  --components-layout-card-contrast-subjecttext: var(--text-subduedalt);
-  --components-layout-card-contrast-text: var(--text-light);
-  --components-layout-card-standard-border-default: var(--stroke-neutral);
-  --components-layout-card-standard-border-active: var(--stroke-accent);
-  --components-layout-card-standard-divide: var(--stroke-highlight);
-  --components-layout-card-standard-fill-default: var(--fill-background-standard-light);
-  --components-layout-card-standard-fill-hoveractive: var(--fill-background-tint-light);
-  --components-layout-card-standard-icon: var(--shape-accent);
-  --components-layout-card-standard-subjecttext: var(--text-subdued);
-  --components-layout-card-standard-text: var(--text-accent);
-}
-
-[data-color-mode=dark] {
-  --components-layout-badge-information-contrast-border: var(--stroke-colorless);
-  --components-layout-badge-information-contrast-bullet: var(--fill-information-tint);
-  --components-layout-badge-information-contrast-fill: var(--fill-information-tint);
-  --components-layout-badge-information-contrast-text: var(--text-dark);
-  --components-layout-badge-information-contrast-text-bullet: var(--text-lightalt);
-  --components-layout-badge-information-standard-border: var(--stroke-colorless);
-  --components-layout-badge-information-standard-bullet: var(--fill-information-tint);
-  --components-layout-badge-information-standard-fill: var(--fill-information-tint);
-  --components-layout-badge-information-standard-text: var(--text-dark);
-  --components-layout-badge-information-standard-text-bullet: var(--text-lightalt);
-  --components-layout-badge-negative-contrast-border: var(--stroke-colorless);
-  --components-layout-badge-negative-contrast-bullet: var(--fill-negative-tint);
-  --components-layout-badge-negative-contrast-fill: var(--fill-negative-muted);
-  --components-layout-badge-negative-contrast-text: var(--text-dark);
-  --components-layout-badge-negative-contrast-text-bullet: var(--text-lightalt);
-  --components-layout-badge-negative-standard-border: var(--stroke-colorless);
-  --components-layout-badge-negative-standard-bullet: var(--fill-negative-tint);
-  --components-layout-badge-negative-standard-fill: var(--fill-negative-muted);
-  --components-layout-badge-negative-standard-text: var(--text-dark);
-  --components-layout-badge-negative-standard-text-bullet: var(--text-lightalt);
-  --components-layout-badge-neutral-contrast-border: var(--stroke-colorless);
-  --components-layout-badge-neutral-contrast-bullet: var(--fill-selected-default-dark);
-  --components-layout-badge-neutral-contrast-fill: var(--fill-selected-hover-dark);
-  --components-layout-badge-neutral-contrast-text: var(--text-lightalt);
-  --components-layout-badge-neutral-contrast-text-bullet: var(--text-lightalt);
-  --components-layout-badge-neutral-standard-border: var(--stroke-colorless);
-  --components-layout-badge-neutral-standard-bullet: var(--fill-selected-default-dark);
-  --components-layout-badge-neutral-standard-fill: var(--fill-selected-hover-dark);
-  --components-layout-badge-neutral-standard-text: var(--text-lightalt);
-  --components-layout-badge-neutral-standard-text-bullet: var(--text-lightalt);
-  --components-layout-badge-primary-contrast-bullet: var(--fill-primary-default-contrast);
-  --components-layout-badge-primary-contrast-fill: var(--fill-primary-default-contrast);
-  --components-layout-badge-primary-contrast-text: var(--text-dark);
-  --components-layout-badge-primary-contrast-text-bullet: var(--text-lightalt);
-  --components-layout-badge-primary-standard-bullet: var(--fill-primary-default-contrast);
-  --components-layout-badge-primary-standard-fill: var(--fill-primary-default-contrast);
-  --components-layout-badge-primary-standard-text: var(--text-dark);
-  --components-layout-badge-primary-standard-text-bullet: var(--text-lightalt);
-  --components-layout-badge-success-contrast-border: var(--stroke-colorless);
-  --components-layout-badge-success-contrast-bullet: var(--fill-success-tint);
-  --components-layout-badge-success-contrast-fill: var(--fill-success-tint);
-  --components-layout-badge-success-contrast-text: var(--text-dark);
-  --components-layout-badge-success-contrast-text-bullet: var(--text-lightalt);
-  --components-layout-badge-success-standard-border: var(--stroke-colorless);
-  --components-layout-badge-success-standard-bullet: var(--fill-success-tint);
-  --components-layout-badge-success-standard-fill: var(--fill-success-tint);
-  --components-layout-badge-success-standard-text: var(--text-dark);
-  --components-layout-badge-success-standard-text-bullet: var(--text-lightalt);
-  --components-layout-badge-warning-contrast-border: var(--stroke-colorless);
-  --components-layout-badge-warning-contrast-bullet: var(--fill-warning-tint);
-  --components-layout-badge-warning-contrast-fill: var(--fill-warning-tint);
-  --components-layout-badge-warning-contrast-text: var(--text-dark);
-  --components-layout-badge-warning-contrast-text-bullet: var(--text-lightalt);
-  --components-layout-badge-warning-standard-border: var(--stroke-colorless);
-  --components-layout-badge-warning-standard-bullet: var(--fill-warning-tint);
-  --components-layout-badge-warning-standard-fill: var(--fill-warning-tint);
-  --components-layout-badge-warning-standard-text: var(--text-dark);
-  --components-layout-badge-warning-standard-text-bullet: var(--text-lightalt);
-  --components-layout-card-contrast-border-default: var(--stroke-colorless);
-  --components-layout-card-contrast-border-active: var(--stroke-dark);
-  --components-layout-card-contrast-divide: var(--stroke-highlightalt);
-  --components-layout-card-contrast-fill-default: var(--fill-background-overlay-transparent);
-  --components-layout-card-contrast-fill-hoveractive: var(--fill-background-overlay-solid);
-  --components-layout-card-contrast-icon: var(--shape-lightalt);
-  --components-layout-card-contrast-subjecttext: var(--text-darkalt);
-  --components-layout-card-contrast-text: var(--text-lightalt);
-  --components-layout-card-standard-border-default: var(--stroke-colorless);
-  --components-layout-card-standard-border-active: var(--stroke-dark);
-  --components-layout-card-standard-divide: var(--stroke-highlightalt);
-  --components-layout-card-standard-fill-default: var(--fill-background-overlay-transparent);
-  --components-layout-card-standard-fill-hoveractive: var(--fill-background-overlay-solid);
-  --components-layout-card-standard-icon: var(--shape-lightalt);
-  --components-layout-card-standard-subjecttext: var(--text-darkalt);
-  --components-layout-card-standard-text: var(--text-lightalt);
-}
-
-:root {
-  --eds-layout: 1;
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-tag {
   background: #e9e9e9;
   color: #181c56;
@@ -595,3 +431,304 @@
 .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. */
+[data-color-mode=light],
+:root {
+  --components-layout-badge-information-contrast-border: rgba(255, 255, 255, 0);
+  --components-layout-badge-information-contrast-bullet: #64b3e7;
+  --components-layout-badge-information-contrast-fill: #64b3e7;
+  --components-layout-badge-information-contrast-text: #181c56;
+  --components-layout-badge-information-contrast-text-bullet: #ffffff;
+  --components-layout-badge-information-standard-border: #067eb2;
+  --components-layout-badge-information-standard-bullet: #067eb2;
+  --components-layout-badge-information-standard-fill: #e1eff8;
+  --components-layout-badge-information-standard-text: #181c56;
+  --components-layout-badge-information-standard-text-bullet: #181c56;
+  --components-layout-badge-negative-contrast-border: rgba(255, 255, 255, 0);
+  --components-layout-badge-negative-contrast-bullet: #ff5959;
+  --components-layout-badge-negative-contrast-fill: #ff9494;
+  --components-layout-badge-negative-contrast-text: #181c56;
+  --components-layout-badge-negative-contrast-text-bullet: #ffffff;
+  --components-layout-badge-negative-standard-border: #d31b1b;
+  --components-layout-badge-negative-standard-bullet: #d31b1b;
+  --components-layout-badge-negative-standard-fill: #ffcece;
+  --components-layout-badge-negative-standard-text: #181c56;
+  --components-layout-badge-negative-standard-text-bullet: #181c56;
+  --components-layout-badge-neutral-contrast-border: rgba(255, 255, 255, 0);
+  --components-layout-badge-neutral-contrast-bullet: #c7cdeb;
+  --components-layout-badge-neutral-contrast-fill: #54568c;
+  --components-layout-badge-neutral-contrast-text: #ffffff;
+  --components-layout-badge-neutral-contrast-text-bullet: #ffffff;
+  --components-layout-badge-neutral-standard-border: #949699;
+  --components-layout-badge-neutral-standard-bullet: #81828f;
+  --components-layout-badge-neutral-standard-fill: #f6f6f9;
+  --components-layout-badge-neutral-standard-text: #181c56;
+  --components-layout-badge-neutral-standard-text-bullet: #181c56;
+  --components-layout-badge-primary-contrast-bullet: #aeb7e2;
+  --components-layout-badge-primary-contrast-fill: #aeb7e2;
+  --components-layout-badge-primary-contrast-text: #181c56;
+  --components-layout-badge-primary-contrast-text-bullet: #ffffff;
+  --components-layout-badge-primary-standard-bullet: #181c56;
+  --components-layout-badge-primary-standard-fill: #181c56;
+  --components-layout-badge-primary-standard-text: #ffffff;
+  --components-layout-badge-primary-standard-text-bullet: #181c56;
+  --components-layout-badge-success-contrast-border: rgba(255, 255, 255, 0);
+  --components-layout-badge-success-contrast-bullet: #5ac39a;
+  --components-layout-badge-success-contrast-fill: #5ac39a;
+  --components-layout-badge-success-contrast-text: #181c56;
+  --components-layout-badge-success-contrast-text-bullet: #ffffff;
+  --components-layout-badge-success-standard-border: #1a8e60;
+  --components-layout-badge-success-standard-bullet: #1a8e60;
+  --components-layout-badge-success-standard-fill: #d0f1e3;
+  --components-layout-badge-success-standard-text: #181c56;
+  --components-layout-badge-success-standard-text-bullet: #181c56;
+  --components-layout-badge-warning-contrast-border: rgba(255, 255, 255, 0);
+  --components-layout-badge-warning-contrast-bullet: #ffe082;
+  --components-layout-badge-warning-contrast-fill: #ffe082;
+  --components-layout-badge-warning-contrast-text: #181c56;
+  --components-layout-badge-warning-contrast-text-bullet: #ffffff;
+  --components-layout-badge-warning-standard-border: #e9b10c;
+  --components-layout-badge-warning-standard-bullet: #ffca28;
+  --components-layout-badge-warning-standard-fill: #fff4cd;
+  --components-layout-badge-warning-standard-text: #181c56;
+  --components-layout-badge-warning-standard-text-bullet: #181c56;
+  --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-hoveractive: #54568c;
+  --components-layout-card-contrast-icon: #ffffff;
+  --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-hoveractive: #f6f6f9;
+  --components-layout-card-standard-icon: #181c56;
+  --components-layout-card-standard-subjecttext: #626493;
+  --components-layout-card-standard-text: #181c56;
+}
+
+[data-color-mode=dark] {
+  --components-layout-badge-information-contrast-border: rgba(255, 255, 255, 0);
+  --components-layout-badge-information-contrast-bullet: #acd7f1;
+  --components-layout-badge-information-contrast-fill: #acd7f1;
+  --components-layout-badge-information-contrast-text: #08091c;
+  --components-layout-badge-information-contrast-text-bullet: #e5e5e9;
+  --components-layout-badge-information-standard-border: rgba(255, 255, 255, 0);
+  --components-layout-badge-information-standard-bullet: #acd7f1;
+  --components-layout-badge-information-standard-fill: #acd7f1;
+  --components-layout-badge-information-standard-text: #08091c;
+  --components-layout-badge-information-standard-text-bullet: #e5e5e9;
+  --components-layout-badge-negative-contrast-border: rgba(255, 255, 255, 0);
+  --components-layout-badge-negative-contrast-bullet: #ff9494;
+  --components-layout-badge-negative-contrast-fill: #ffcece;
+  --components-layout-badge-negative-contrast-text: #08091c;
+  --components-layout-badge-negative-contrast-text-bullet: #e5e5e9;
+  --components-layout-badge-negative-standard-border: rgba(255, 255, 255, 0);
+  --components-layout-badge-negative-standard-bullet: #ff9494;
+  --components-layout-badge-negative-standard-fill: #ffcece;
+  --components-layout-badge-negative-standard-text: #08091c;
+  --components-layout-badge-negative-standard-text-bullet: #e5e5e9;
+  --components-layout-badge-neutral-contrast-border: rgba(255, 255, 255, 0);
+  --components-layout-badge-neutral-contrast-bullet: #e5e5e9;
+  --components-layout-badge-neutral-contrast-fill: rgba(229, 229, 233, 0.3490196078);
+  --components-layout-badge-neutral-contrast-text: #e5e5e9;
+  --components-layout-badge-neutral-contrast-text-bullet: #e5e5e9;
+  --components-layout-badge-neutral-standard-border: rgba(255, 255, 255, 0);
+  --components-layout-badge-neutral-standard-bullet: #e5e5e9;
+  --components-layout-badge-neutral-standard-fill: rgba(229, 229, 233, 0.3490196078);
+  --components-layout-badge-neutral-standard-text: #e5e5e9;
+  --components-layout-badge-neutral-standard-text-bullet: #e5e5e9;
+  --components-layout-badge-primary-contrast-bullet: #aeb7e2;
+  --components-layout-badge-primary-contrast-fill: #aeb7e2;
+  --components-layout-badge-primary-contrast-text: #08091c;
+  --components-layout-badge-primary-contrast-text-bullet: #e5e5e9;
+  --components-layout-badge-primary-standard-bullet: #aeb7e2;
+  --components-layout-badge-primary-standard-fill: #aeb7e2;
+  --components-layout-badge-primary-standard-text: #08091c;
+  --components-layout-badge-primary-standard-text-bullet: #e5e5e9;
+  --components-layout-badge-success-contrast-border: rgba(255, 255, 255, 0);
+  --components-layout-badge-success-contrast-bullet: #9cd9c2;
+  --components-layout-badge-success-contrast-fill: #9cd9c2;
+  --components-layout-badge-success-contrast-text: #08091c;
+  --components-layout-badge-success-contrast-text-bullet: #e5e5e9;
+  --components-layout-badge-success-standard-border: rgba(255, 255, 255, 0);
+  --components-layout-badge-success-standard-bullet: #9cd9c2;
+  --components-layout-badge-success-standard-fill: #9cd9c2;
+  --components-layout-badge-success-standard-text: #08091c;
+  --components-layout-badge-success-standard-text-bullet: #e5e5e9;
+  --components-layout-badge-warning-contrast-border: rgba(255, 255, 255, 0);
+  --components-layout-badge-warning-contrast-bullet: #ffeeb3;
+  --components-layout-badge-warning-contrast-fill: #ffeeb3;
+  --components-layout-badge-warning-contrast-text: #08091c;
+  --components-layout-badge-warning-contrast-text-bullet: #e5e5e9;
+  --components-layout-badge-warning-standard-border: rgba(255, 255, 255, 0);
+  --components-layout-badge-warning-standard-bullet: #ffeeb3;
+  --components-layout-badge-warning-standard-fill: #ffeeb3;
+  --components-layout-badge-warning-standard-text: #08091c;
+  --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-icon: #e5e5e9;
+  --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-icon: #e5e5e9;
+  --components-layout-card-standard-subjecttext: #b3b4bd;
+  --components-layout-card-standard-text: #e5e5e9;
+}
+
+/* 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. */
+[data-color-mode=light],
+:root {
+  --basecolors-frame-contrast: #181c56;
+  --basecolors-frame-contrastalt: #393d79;
+  --basecolors-frame-default: #ffffff;
+  --basecolors-frame-elevated: #ffffff;
+  --basecolors-frame-elevatedalt: #f6f6f9;
+  --basecolors-frame-subdued: #d9dae8;
+  --basecolors-frame-tint: #f6f6f9;
+  --basecolors-shape-accent: #181c56;
+  --basecolors-shape-bicycle-contrast: #00db9b;
+  --basecolors-shape-bicycle-default: #388f76;
+  --basecolors-shape-bus-contrast: #ff6392;
+  --basecolors-shape-bus-default: #c5044e;
+  --basecolors-shape-cableway-contrast: #b482fb;
+  --basecolors-shape-cableway-default: #78469a;
+  --basecolors-shape-disabled: #6e6f73;
+  --basecolors-shape-disabledalt: #b6b8ba;
+  --basecolors-shape-ferry-contrast: #6fdfff;
+  --basecolors-shape-ferry-default: #0c6693;
+  --basecolors-shape-funicular-contrast: #b482fb;
+  --basecolors-shape-funicular-default: #78469a;
+  --basecolors-shape-helicopter-contrast: #fbafea;
+  --basecolors-shape-helicopter-default: #800664;
+  --basecolors-shape-highlight: #ff5959;
+  --basecolors-shape-light: #ffffff;
+  --basecolors-shape-mask: #ffffff;
+  --basecolors-shape-maskalt: #ffffff;
+  --basecolors-shape-metro-contrast: #f08901;
+  --basecolors-shape-metro-default: #bf5826;
+  --basecolors-shape-mobility-contrast: #00db9b;
+  --basecolors-shape-mobility-default: #388f76;
+  --basecolors-shape-plane-contrast: #fbafea;
+  --basecolors-shape-plane-default: #800664;
+  --basecolors-shape-subdued: #626493;
+  --basecolors-shape-subduedalt: #d9dae8;
+  --basecolors-shape-taxi-contrast: #ffe082;
+  --basecolors-shape-taxi-default: #3d3e40;
+  --basecolors-shape-train-contrast: #42a5f5;
+  --basecolors-shape-train-default: #00367f;
+  --basecolors-shape-tram-contrast: #b482fb;
+  --basecolors-shape-tram-default: #78469a;
+  --basecolors-shape-walk-contrast: #8284ab;
+  --basecolors-shape-walk-default: #8d8e9c;
+  --basecolors-shape-airportlinkbus-contrast: #fbafea;
+  --basecolors-shape-airportlinkbus-default: #800664;
+  --basecolors-shape-airportlinkrail-contrast: #fbafea;
+  --basecolors-shape-airportlinkrail-default: #800664;
+  --basecolors-stroke-contrast: #aeb7e2;
+  --basecolors-stroke-default: #181c56;
+  --basecolors-stroke-disabled: #949699;
+  --basecolors-stroke-focus-contrast: #aeb7e2;
+  --basecolors-stroke-focus-standard: #181c56;
+  --basecolors-stroke-highlight: #ff5959;
+  --basecolors-stroke-light: #ffffff;
+  --basecolors-stroke-subdued: #8284ab;
+  --basecolors-stroke-subduedalt: #e3e6e8;
+  --basecolors-text-accent: #181c56;
+  --basecolors-text-disabled: #6e6f73;
+  --basecolors-text-disabledalt: #b6b8ba;
+  --basecolors-text-highlight: #ff5959;
+  --basecolors-text-light: #ffffff;
+  --basecolors-text-subdued: #626493;
+  --basecolors-text-subduedalt: #d9dae8;
+}
+
+[data-color-mode=dark] {
+  --basecolors-frame-contrast: #212233;
+  --basecolors-frame-contrastalt: #141527;
+  --basecolors-frame-default: #08091c;
+  --basecolors-frame-elevated: rgba(229, 229, 233, 0.1490196078);
+  --basecolors-frame-elevatedalt: #464755;
+  --basecolors-frame-subdued: #2d2e3e;
+  --basecolors-frame-tint: #141527;
+  --basecolors-shape-accent: #e5e5e9;
+  --basecolors-shape-bicycle-contrast: #4db295;
+  --basecolors-shape-bicycle-default: #4db295;
+  --basecolors-shape-bus-contrast: #e87a9b;
+  --basecolors-shape-bus-default: #e87a9b;
+  --basecolors-shape-cableway-contrast: #b898e5;
+  --basecolors-shape-cableway-default: #b898e5;
+  --basecolors-shape-disabled: #b6b8ba;
+  --basecolors-shape-disabledalt: #b3b4bd;
+  --basecolors-shape-ferry-contrast: #8ccfe2;
+  --basecolors-shape-ferry-default: #8ccfe2;
+  --basecolors-shape-funicular-contrast: #b898e5;
+  --basecolors-shape-funicular-default: #b898e5;
+  --basecolors-shape-helicopter-contrast: #f2b8e5;
+  --basecolors-shape-helicopter-default: #f2b8e5;
+  --basecolors-shape-highlight: #ff9494;
+  --basecolors-shape-light: #e5e5e9;
+  --basecolors-shape-mask: #2d2e3e;
+  --basecolors-shape-maskalt: #393a49;
+  --basecolors-shape-metro-contrast: #dd973c;
+  --basecolors-shape-metro-default: #dd973c;
+  --basecolors-shape-mobility-contrast: #4db295;
+  --basecolors-shape-mobility-default: #4db295;
+  --basecolors-shape-plane-contrast: #f2b8e5;
+  --basecolors-shape-plane-default: #f2b8e5;
+  --basecolors-shape-subdued: #b3b4bd;
+  --basecolors-shape-subduedalt: #b3b4bd;
+  --basecolors-shape-taxi-contrast: #ffe082;
+  --basecolors-shape-taxi-default: #ffe082;
+  --basecolors-shape-train-contrast: #60a2d7;
+  --basecolors-shape-train-default: #60a2d7;
+  --basecolors-shape-tram-contrast: #b898e5;
+  --basecolors-shape-tram-default: #b898e5;
+  --basecolors-shape-walk-contrast: #8d8e9c;
+  --basecolors-shape-walk-default: #8d8e9c;
+  --basecolors-shape-airportlinkbus-contrast: #f2b8e5;
+  --basecolors-shape-airportlinkbus-default: #f2b8e5;
+  --basecolors-shape-airportlinkrail-contrast: #f2b8e5;
+  --basecolors-shape-airportlinkrail-default: #f2b8e5;
+  --basecolors-stroke-contrast: #aeb7e2;
+  --basecolors-stroke-default: #b3b4bd;
+  --basecolors-stroke-disabled: #e3e6e8;
+  --basecolors-stroke-focus-contrast: #aeb7e2;
+  --basecolors-stroke-focus-standard: #aeb7e2;
+  --basecolors-stroke-highlight: #ff9494;
+  --basecolors-stroke-light: #b3b4bd;
+  --basecolors-stroke-subdued: #81828f;
+  --basecolors-stroke-subduedalt: #81828f;
+  --basecolors-text-accent: #e5e5e9;
+  --basecolors-text-disabled: #b6b8ba;
+  --basecolors-text-disabledalt: #b6b8ba;
+  --basecolors-text-highlight: #ff9494;
+  --basecolors-text-light: #e5e5e9;
+  --basecolors-text-subdued: #b3b4bd;
+  --basecolors-text-subduedalt: #b3b4bd;
+}
+
+:root {
+  --eds-layout: 1;
+}
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/layout",
-  "version": "2.2.3",
+  "version": "2.3.0",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/layout.esm.js",
@@ -27,11 +27,11 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/icons": "^6.15.3",
-    "@entur/tokens": "^3.13.2",
-    "@entur/typography": "^1.8.27",
-    "@entur/utils": "^0.10.0",
+    "@entur/icons": "^6.15.5",
+    "@entur/tokens": "^3.13.3",
+    "@entur/typography": "^1.8.29",
+    "@entur/utils": "^0.11.0",
     "classnames": "^2.3.1"
   },
-  "gitHead": "427e66ba68d33b8d1839714a48517b52afd5c2db"
+  "gitHead": "a6bd766dd2c7bf84eb3a5bcc8cfdbabca765e28e"
 }