@entur/layout 2.1.14 → 2.1.15

package/CHANGELOG.md

@@ -3,6 +3,13 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.1.15](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.14...@entur/layout@2.1.15) (2023-01-19)
+
+### Performance Improvements
+
+- **layout:** remove usage of react-polymorphic-types in favor of own implementation in layout packa ([b7ada6d](https://bitbucket.org/enturas/design-system/commits/b7ada6d7b9776cce86dea51f58c4b7ea0300451b))
+- **packages:** remove all referenves to react-polymorphic-types npm-package ([e47a304](https://bitbucket.org/enturas/design-system/commits/e47a304d87eb77adae5dd002e89f03026c7eadce))
+
 ## [2.1.14](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.11...@entur/layout@2.1.14) (2022-12-09)
 
 **Note:** Version bump only for package @entur/layout

package/dist/Badge/Badge.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
+import { PolymorphicComponentPropsWithRef } from '@entur/utils';
 import './Badge.scss';
-import { PolymorphicForwardRefExoticComponent, PolymorphicPropsWithRef } from '@entur/utils';
 export declare type BadgeTypes = 'status' | 'bullet' | 'notification';
 export declare type BadgeOwnProps = {
     /** Elementet som wrapper badgen
@@ -23,7 +23,8 @@ export declare type BadgeOwnProps = {
     max?: number;
     type?: BadgeTypes;
 };
-export declare type BadgeProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithRef<BadgeOwnProps, E>;
+export declare type BadgeProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, BadgeOwnProps>;
+export declare type BadgeComponent = <T extends React.ElementType = typeof defaultElement>(props: BadgeProps<T>) => React.ReactElement | null;
 declare const defaultElement = "span";
-export declare const Badge: PolymorphicForwardRefExoticComponent<BadgeOwnProps, typeof defaultElement>;
+export declare const Badge: BadgeComponent;
 export {};

package/dist/Badge/BulletBadge.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PolymorphicPropsWithRef, PolymorphicForwardRefExoticComponent } from '@entur/utils';
+import { PolymorphicComponentPropsWithRef } from '@entur/utils';
 declare type BulletBadgeBaseProps = {
     /** Elementet som wrapper badgen
      * @default "span"
@@ -12,7 +12,8 @@ declare type BulletBadgeBaseProps = {
     /** Hvilken type badge man vil ha */
     variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
 };
-export declare type BulletBadgeProps<T extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithRef<BulletBadgeBaseProps, T>;
+export declare type BulletBadgeProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, BulletBadgeBaseProps>;
+export declare type BulletBadgeComponent = <T extends React.ElementType = typeof defaultElement>(props: BulletBadgeProps<T>) => React.ReactElement | null;
 declare const defaultElement = "span";
-export declare const BulletBadge: PolymorphicForwardRefExoticComponent<BulletBadgeBaseProps, typeof defaultElement>;
+export declare const BulletBadge: BulletBadgeComponent;
 export {};

package/dist/Badge/NotificationBadge.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PolymorphicPropsWithRef, PolymorphicForwardRefExoticComponent } from '@entur/utils';
+import { PolymorphicComponentPropsWithRef } from '@entur/utils';
 declare type NotificationBadgeBaseProps = {
     /** Elementet som wrapper badgen
      * @default "span"
@@ -20,7 +20,8 @@ declare type NotificationBadgeBaseProps = {
      */
     max?: number;
 };
-export declare type NotificationBadgePropsProps<T extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithRef<NotificationBadgeBaseProps, T>;
+export declare type NotificationBadgeProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, NotificationBadgeBaseProps>;
+export declare type NotificationBadgeComponent = <T extends React.ElementType = typeof defaultElement>(props: NotificationBadgeProps<T>) => React.ReactElement | null;
 declare const defaultElement = "span";
-export declare const NotificationBadge: PolymorphicForwardRefExoticComponent<NotificationBadgeBaseProps, typeof defaultElement>;
+export declare const NotificationBadge: NotificationBadgeComponent;
 export {};

package/dist/Badge/StatusBadge.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PolymorphicPropsWithRef, PolymorphicForwardRefExoticComponent } from '@entur/utils';
+import { PolymorphicComponentPropsWithRef } from '@entur/utils';
 declare type StatusBadgeBaseProps = {
     /** Elementet som wrapper badgen
      * @default "span"
@@ -12,7 +12,8 @@ declare type StatusBadgeBaseProps = {
     /** Hvilken type badge man vil ha */
     variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
 };
-export declare type StatusBadgeProps<T extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithRef<StatusBadgeBaseProps, T>;
+export declare type StatusBadgeProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, StatusBadgeBaseProps>;
+export declare type StatusBadgeComponent = <T extends React.ElementType = typeof defaultElement>(props: StatusBadgeProps<T>) => React.ReactElement | null;
 declare const defaultElement = "span";
-export declare const StatusBadge: PolymorphicForwardRefExoticComponent<StatusBadgeBaseProps, typeof defaultElement>;
+export declare const StatusBadge: StatusBadgeComponent;
 export {};

package/dist/BaseCard.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PolymorphicPropsWithoutRef } from '@entur/utils';
+import { PolymorphicComponentProps } from '@entur/utils';
 import './BaseCard.scss';
 export declare type BaseCardOwnProps = {
     /** HTML-elementet eller React-komponenten som lager Card
@@ -10,7 +10,7 @@ export declare type BaseCardOwnProps = {
     className?: string;
     children?: React.ReactNode;
 };
-export declare type BaseCardProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<BaseCardOwnProps, E>;
+export declare type BaseCardProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, BaseCardOwnProps>;
 declare const defaultElement = "div";
 export declare const BaseCard: <E extends React.ElementType<any> = "div">({ children, className, as, ...rest }: BaseCardProps<E>) => JSX.Element;
 export {};

package/dist/Contrast.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
-import { PolymorphicForwardRefExoticComponent, PolymorphicPropsWithRef } from '@entur/utils';
+import { PolymorphicComponentPropsWithRef } from '@entur/utils';
 export declare type ContrastBaseProps = {
     /** Ekstra klassenavn */
     className?: string;
 };
-export declare type ContrastProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithRef<ContrastBaseProps, E>;
+export declare type ContrastProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, ContrastBaseProps>;
+export declare type ContrastComponent = <T extends React.ElementType = typeof defaultElement>(props: ContrastProps<T>) => React.ReactElement | null;
 declare const defaultElement = "div";
-export declare const Contrast: PolymorphicForwardRefExoticComponent<ContrastBaseProps, typeof defaultElement>;
+export declare const Contrast: ContrastComponent;
 export declare const ContrastContext: React.Context<boolean>;
 export declare const useContrast: () => boolean;
 export {};

package/dist/MediaCard.d.ts

@@ -1,6 +1,6 @@
 import React, { CSSProperties } from 'react';
 import './MediaCard.scss';
-import { PolymorphicPropsWithoutRef } from '@entur/utils';
+import { PolymorphicComponentProps } from '@entur/utils';
 export declare type MediaCardOwnProps = {
     /** HTML-elementet eller React-komponenten som lager bunnen (under media) av MediaCard
      * @default 'a'
@@ -23,7 +23,7 @@ export declare type MediaCardOwnProps = {
      */
     wholeCardAsElement?: boolean;
 };
-export declare type MediaCardProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<MediaCardOwnProps, E>;
+export declare type MediaCardProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, MediaCardOwnProps>;
 declare const defaultElement = "a";
 export declare const MediaCard: <E extends React.ElementType<any> = "a">({ title, description, children, className, category, style, as, wholeCardAsElement: whole, ...rest }: MediaCardProps<E>) => JSX.Element;
 export default MediaCard;

package/dist/NavigationCard.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import './NavigationCard.scss';
-import { PolymorphicPropsWithoutRef } from '@entur/utils';
+import { PolymorphicComponentProps } from '@entur/utils';
 export declare type NavigationCardOwnProps = {
     /** HTML-elementet eller React-komponenten som lager NavigationCard
      * @default 'a'
@@ -23,7 +23,7 @@ export declare type NavigationCardOwnProps = {
      */
     externalLink?: boolean;
 };
-export declare type NavigationCardProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<NavigationCardOwnProps, E>;
+export declare type NavigationCardProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, NavigationCardOwnProps>;
 declare const defaultElement = "a";
 export declare const NavigationCard: <E extends React.ElementType<any> = "a">({ title, children, titleIcon, compact, className, externalLink, as, ...rest }: NavigationCardProps<E>) => JSX.Element;
 export {};

package/dist/Tag.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import './Tag.scss';
-import { PolymorphicPropsWithoutRef } from '@entur/utils';
+import { PolymorphicComponentProps } from '@entur/utils';
 export declare type TagOwnProps = {
     /** HTML-elementet eller React-komponenten som rendres
      * @default 'div'
@@ -14,7 +14,7 @@ export declare type TagOwnProps = {
     compact?: boolean;
     children: React.ReactNode;
 };
-export declare type TagProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<TagOwnProps, E>;
+export declare type TagProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, TagOwnProps>;
 declare const defaultElement = "div";
 export declare const Tag: <E extends React.ElementType<any> = "div">({ className, children, compact, as, ...rest }: TagProps<E>) => JSX.Element;
 export {};

package/dist/layout.cjs.development.js

@@ -199,7 +199,8 @@ var Badge = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, re
 
 var defaultElement$3 = 'span';
 var BulletBadge = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$3;
+  var Element = props.as || defaultElement$3; // @ts-expect-error type error due to props not being BadgeOwnProps
+
   return React__default["default"].createElement(Badge, _extends({
     as: Element
   }, props, {
@@ -210,7 +211,8 @@ var BulletBadge = /*#__PURE__*/React__default["default"].forwardRef(function (pr
 
 var defaultElement$2 = 'span';
 var NotificationBadge = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$2;
+  var Element = props.as || defaultElement$2; // @ts-expect-error type error due to props not being BadgeOwnProps
+
   return React__default["default"].createElement(Badge, _extends({
     as: Element
   }, props, {
@@ -221,7 +223,8 @@ var NotificationBadge = /*#__PURE__*/React__default["default"].forwardRef(functi
 
 var defaultElement$1 = 'span';
 var StatusBadge = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$1;
+  var Element = props.as || defaultElement$1; // @ts-expect-error type error due to props not being BadgeOwnProps
+
   return React__default["default"].createElement(Badge, _extends({
     as: Element
   }, props, {

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 {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type ContrastBaseProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type ContrastProps<E extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithRef<ContrastBaseProps, E>;\n\nconst defaultElement = 'div';\n\nexport const Contrast: PolymorphicForwardRefExoticComponent<\n  ContrastBaseProps,\n  typeof defaultElement\n> = React.forwardRef(function Contrast<\n  T extends React.ElementType = typeof defaultElement,\n>(\n  { className, as, ...rest }: PolymorphicPropsWithoutRef<ContrastBaseProps, T>,\n  ref: React.ForwardedRef<React.ElementRef<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 { PolymorphicPropsWithoutRef } 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<E extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithoutRef<BaseCardOwnProps, E>;\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 { PolymorphicPropsWithoutRef } 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  E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<NavigationCardOwnProps, E>;\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\">{titleIcon}</div>\n      )}\n      <span className=\"eds-navigation-card__title\">\n        {compact && titleIcon && (\n          <span className=\"eds-navigation-card__title-icon-compact\">\n            {titleIcon}\n          </span>\n        )}\n        <Heading3 as=\"span\">{title}</Heading3>\n      </span>\n      {!compact && (\n        <>\n          <Paragraph>{children}</Paragraph>\n          {externalLink && (\n            <ExternalIcon className=\"eds-navigation-card__external--not-compact\" />\n          )}\n        </>\n      )}\n      {compact && externalLink && (\n        <ExternalIcon className=\"eds-navigattion-card__icon eds-navigation-card__external--compact\" />\n      )}\n      {compact && !externalLink && (\n        <ForwardIcon className=\"eds-navigattion-card__icon eds-navigation-card__arrow-icon\" />\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 { PolymorphicPropsWithoutRef } from '@entur/utils';\n\nexport type MediaCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager bunnen (under media) av MediaCard\n   * @default 'a'\n   */\n  as?: 'a' | 'button' | React.ElementType;\n  /** Tittelen/teksten som står i CardBox */\n  title: string;\n  /** Teksten under tittelen i MediaCard */\n  description?: React.ReactNode;\n  /** Kategori (eller lignende) som vises over tittelen */\n  category?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Det du skulle ønske som media (f.eks. bilder eller video) */\n  children?: React.ReactNode;\n  /** Styling som sendes til komponenten */\n  style?: CSSProperties;\n  /** Gjør hele kortet til \"as\"-elementet. Default er kun tekstområdet. Anbefales hvis media er et bilde\n   * @default false\n   */\n  wholeCardAsElement?: boolean;\n};\n\nexport type MediaCardProps<\n  E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<MediaCardOwnProps, E>;\n\nconst defaultElement = 'a';\n\nexport const MediaCard = <E extends React.ElementType = typeof defaultElement>({\n  title,\n  description,\n  children,\n  className,\n  category,\n  style,\n  as,\n  wholeCardAsElement: whole,\n  ...rest\n}: MediaCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-base-card', 'eds-media-card', className);\n\n  const wrapperElement = whole ? Element : 'div';\n  const wrapperProps = whole ? rest : {};\n  const innerProps = whole ? {} : rest;\n  const InnerElement = whole ? 'div' : Element;\n  return (\n    <BaseCard\n      as={wrapperElement}\n      className={classList}\n      style={style}\n      {...wrapperProps}\n    >\n      <div className=\"eds-media-card__media\">{children}</div>\n      <InnerElement className=\"eds-media-card__text\" {...innerProps}>\n        {category && (\n          <Label className=\"eds-media-card__category\">{category}</Label>\n        )}\n        <div className=\"eds-media-card__title\">{title}</div>\n        <Paragraph>{description}</Paragraph>\n        <ForwardIcon className=\"eds-media-card__arrow-icon\" />\n      </InnerElement>\n    </BaseCard>\n  );\n};\n\nexport default MediaCard;\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Badge.scss';\nimport {\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\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};\n\nexport type BadgeProps<E extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithRef<BadgeOwnProps, E>;\n\nconst defaultElement = 'span';\n\nexport const Badge: PolymorphicForwardRefExoticComponent<\n  BadgeOwnProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <E 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    }: PolymorphicPropsWithoutRef<BadgeOwnProps, E>,\n    ref: React.ForwardedRef<React.ElementRef<E>>,\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      '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 {\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n  PolymorphicForwardRefExoticComponent,\n} 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<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<BulletBadgeBaseProps, T>;\n\nconst defaultElement = 'span';\n\nexport const BulletBadge: PolymorphicForwardRefExoticComponent<\n  BulletBadgeBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<BulletBadgeBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Badge as={Element} {...props} ref={ref} type=\"bullet\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n  PolymorphicForwardRefExoticComponent,\n} 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 NotificationBadgePropsProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<NotificationBadgeBaseProps, T>;\n\nconst defaultElement = 'span';\n\nexport const NotificationBadge: PolymorphicForwardRefExoticComponent<\n  NotificationBadgeBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<NotificationBadgeBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Badge as={Element} {...props} ref={ref} type=\"notification\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n  PolymorphicForwardRefExoticComponent,\n} 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<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<StatusBadgeBaseProps, T>;\n\nconst defaultElement = 'span';\n\nexport const StatusBadge: PolymorphicForwardRefExoticComponent<\n  StatusBadgeBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<StatusBadgeBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\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 { PolymorphicPropsWithoutRef } 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<E extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithoutRef<TagOwnProps, E>;\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","Element","ContrastContext","Provider","value","classNames","createContext","useContrast","useContext","BaseCard","children","classList","NavigationCard","title","titleIcon","compact","externalLink","Heading3","Paragraph","ExternalIcon","ForwardIcon","MediaCard","description","category","style","whole","wholeCardAsElement","wrapperElement","wrapperProps","innerProps","InnerElement","Label","Badge","max","variant","showZero","invisible","invisibleProp","type","displayValue","BulletBadge","props","NotificationBadge","StatusBadge","Tag","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","warnAboutMissingStyles"],"mappings":"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"}
+{"version":3,"file":"layout.cjs.development.js","sources":["../src/Contrast.tsx","../src/BaseCard.tsx","../src/NavigationCard.tsx","../src/MediaCard.tsx","../src/Badge/Badge.tsx","../src/Badge/BulletBadge.tsx","../src/Badge/NotificationBadge.tsx","../src/Badge/StatusBadge.tsx","../src/Tag.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\nexport type ContrastBaseProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type ContrastProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, ContrastBaseProps>;\n\nexport type ContrastComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: ContrastProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'div';\n\nexport const Contrast: ContrastComponent = React.forwardRef(function Contrast<\n  T extends React.ElementType = typeof defaultElement,\n>(\n  { className, as, ...rest }: ContrastProps<T>,\n  ref: PolymorphicRef<T>,\n): JSX.Element {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <ContrastContext.Provider value={true}>\n      <Element\n        className={classNames('eds-contrast', className)}\n        ref={ref}\n        {...rest}\n      />\n    </ContrastContext.Provider>\n  );\n});\n\nexport const ContrastContext = React.createContext<boolean>(false);\n\nexport const useContrast: () => boolean = () =>\n  React.useContext(ContrastContext);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './BaseCard.scss';\n\nexport type BaseCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager Card\n   * @default \"div\"\n   */\n  as?: 'div' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  children?: React.ReactNode;\n};\n\nexport type BaseCardProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, BaseCardOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const BaseCard = <E extends React.ElementType = typeof defaultElement>({\n  children,\n  className,\n  as,\n  ...rest\n}: BaseCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-base-card', className);\n  return (\n    <Element className={classList} {...rest}>\n      {children}\n    </Element>\n  );\n};\n","import React from 'react';\nimport { Paragraph } from '@entur/typography';\nimport classNames from 'classnames';\nimport { ForwardIcon, ExternalIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { BaseCard } from './BaseCard';\nimport './NavigationCard.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type NavigationCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager NavigationCard\n   * @default 'a'\n   */\n  as?: 'a' | 'button' | React.ElementType;\n  /** Tittelen/teksten som står i CardBox */\n  title: string;\n  /** Valgfritt ikon som står over tittelen */\n  titleIcon?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Lager en mer kompakt NavigationCard, uten ikon og beskrivende tekst\n   * @default false\n   */\n  compact?: boolean;\n  /** Beskrivelse under tittel, om ikke \"compact\" er valgt */\n  children?: React.ReactNode;\n  /** Legger til et ikon for å symbolisere at kortet har en ekstern lenke\n   * @default false\n   */\n  externalLink?: boolean;\n};\n\nexport type NavigationCardProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, NavigationCardOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const NavigationCard = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  title,\n  children,\n  titleIcon,\n  compact = false,\n  className,\n  externalLink = false,\n  as,\n  ...rest\n}: NavigationCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-navigation-card', className, {\n    'eds-base-card--red-line': compact,\n    'eds-navigation-card--compact': compact,\n  });\n  return (\n    <BaseCard as={Element} className={classList} {...rest}>\n      {!compact && titleIcon && (\n        <div className=\"eds-navigation-card__title-icon\">{titleIcon}</div>\n      )}\n      <span className=\"eds-navigation-card__title\">\n        {compact && titleIcon && (\n          <span className=\"eds-navigation-card__title-icon-compact\">\n            {titleIcon}\n          </span>\n        )}\n        <Heading3 as=\"span\">{title}</Heading3>\n      </span>\n      {!compact && (\n        <>\n          <Paragraph>{children}</Paragraph>\n          {externalLink && (\n            <ExternalIcon className=\"eds-navigation-card__external--not-compact\" />\n          )}\n        </>\n      )}\n      {compact && externalLink && (\n        <ExternalIcon className=\"eds-navigattion-card__icon eds-navigation-card__external--compact\" />\n      )}\n      {compact && !externalLink && (\n        <ForwardIcon className=\"eds-navigattion-card__icon eds-navigation-card__arrow-icon\" />\n      )}\n    </BaseCard>\n  );\n};\n","import React, { CSSProperties } from 'react';\nimport { Paragraph, Label } from '@entur/typography';\nimport classNames from 'classnames';\nimport { BaseCard } from './BaseCard';\nimport { ForwardIcon } from '@entur/icons';\nimport './MediaCard.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type MediaCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager bunnen (under media) av MediaCard\n   * @default 'a'\n   */\n  as?: 'a' | 'button' | React.ElementType;\n  /** Tittelen/teksten som står i CardBox */\n  title: string;\n  /** Teksten under tittelen i MediaCard */\n  description?: React.ReactNode;\n  /** Kategori (eller lignende) som vises over tittelen */\n  category?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Det du skulle ønske som media (f.eks. bilder eller video) */\n  children?: React.ReactNode;\n  /** Styling som sendes til komponenten */\n  style?: CSSProperties;\n  /** Gjør hele kortet til \"as\"-elementet. Default er kun tekstområdet. Anbefales hvis media er et bilde\n   * @default false\n   */\n  wholeCardAsElement?: boolean;\n};\n\nexport type MediaCardProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, MediaCardOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const MediaCard = <E extends React.ElementType = typeof defaultElement>({\n  title,\n  description,\n  children,\n  className,\n  category,\n  style,\n  as,\n  wholeCardAsElement: whole,\n  ...rest\n}: MediaCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-base-card', 'eds-media-card', className);\n\n  const wrapperElement = whole ? Element : 'div';\n  const wrapperProps = whole ? rest : {};\n  const innerProps = whole ? {} : rest;\n  const InnerElement = whole ? 'div' : Element;\n  return (\n    <BaseCard\n      as={wrapperElement}\n      className={classList}\n      style={style}\n      {...wrapperProps}\n    >\n      <div className=\"eds-media-card__media\">{children}</div>\n      <InnerElement className=\"eds-media-card__text\" {...innerProps}>\n        {category && (\n          <Label className=\"eds-media-card__category\">{category}</Label>\n        )}\n        <div className=\"eds-media-card__title\">{title}</div>\n        <Paragraph>{description}</Paragraph>\n        <ForwardIcon className=\"eds-media-card__arrow-icon\" />\n      </InnerElement>\n    </BaseCard>\n  );\n};\n\nexport default MediaCard;\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport './Badge.scss';\n\nexport type BadgeTypes = 'status' | 'bullet' | 'notification';\n\nexport type BadgeOwnProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n  /** Om 0 skal vises\n   * @default false\n   */\n  showZero?: boolean;\n  /** Hva som er høyeste tallet før det legges på \"+\"\n   * @default ++\n   */\n  max?: number;\n  type?: BadgeTypes;\n};\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      '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","Element","ContrastContext","Provider","value","classNames","createContext","useContrast","useContext","BaseCard","children","classList","NavigationCard","title","titleIcon","compact","externalLink","Heading3","Paragraph","ExternalIcon","ForwardIcon","MediaCard","description","category","style","whole","wholeCardAsElement","wrapperElement","wrapperProps","innerProps","InnerElement","Label","Badge","max","variant","showZero","invisible","invisibleProp","type","displayValue","BulletBadge","props","NotificationBadge","StatusBadge","Tag","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","warnAboutMissingStyles"],"mappings":"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"}

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 {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type ContrastBaseProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type ContrastProps<E extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithRef<ContrastBaseProps, E>;\n\nconst defaultElement = 'div';\n\nexport const Contrast: PolymorphicForwardRefExoticComponent<\n  ContrastBaseProps,\n  typeof defaultElement\n> = React.forwardRef(function Contrast<\n  T extends React.ElementType = typeof defaultElement,\n>(\n  { className, as, ...rest }: PolymorphicPropsWithoutRef<ContrastBaseProps, T>,\n  ref: React.ForwardedRef<React.ElementRef<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 { PolymorphicPropsWithoutRef } 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<E extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithoutRef<BaseCardOwnProps, E>;\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 './Badge.scss';\nimport {\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\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};\n\nexport type BadgeProps<E extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithRef<BadgeOwnProps, E>;\n\nconst defaultElement = 'span';\n\nexport const Badge: PolymorphicForwardRefExoticComponent<\n  BadgeOwnProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <E 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    }: PolymorphicPropsWithoutRef<BadgeOwnProps, E>,\n    ref: React.ForwardedRef<React.ElementRef<E>>,\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      '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 {\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n  PolymorphicForwardRefExoticComponent,\n} 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<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<BulletBadgeBaseProps, T>;\n\nconst defaultElement = 'span';\n\nexport const BulletBadge: PolymorphicForwardRefExoticComponent<\n  BulletBadgeBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<BulletBadgeBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Badge as={Element} {...props} ref={ref} type=\"bullet\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n  PolymorphicForwardRefExoticComponent,\n} 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 NotificationBadgePropsProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<NotificationBadgeBaseProps, T>;\n\nconst defaultElement = 'span';\n\nexport const NotificationBadge: PolymorphicForwardRefExoticComponent<\n  NotificationBadgeBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<NotificationBadgeBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Badge as={Element} {...props} ref={ref} type=\"notification\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n  PolymorphicForwardRefExoticComponent,\n} 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<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<StatusBadgeBaseProps, T>;\n\nconst defaultElement = 'span';\n\nexport const StatusBadge: PolymorphicForwardRefExoticComponent<\n  StatusBadgeBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<StatusBadgeBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\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 { PolymorphicPropsWithoutRef } from '@entur/utils';\n\nexport type MediaCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager bunnen (under media) av MediaCard\n   * @default 'a'\n   */\n  as?: 'a' | 'button' | React.ElementType;\n  /** Tittelen/teksten som står i CardBox */\n  title: string;\n  /** Teksten under tittelen i MediaCard */\n  description?: React.ReactNode;\n  /** Kategori (eller lignende) som vises over tittelen */\n  category?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Det du skulle ønske som media (f.eks. bilder eller video) */\n  children?: React.ReactNode;\n  /** Styling som sendes til komponenten */\n  style?: CSSProperties;\n  /** Gjør hele kortet til \"as\"-elementet. Default er kun tekstområdet. Anbefales hvis media er et bilde\n   * @default false\n   */\n  wholeCardAsElement?: boolean;\n};\n\nexport type MediaCardProps<\n  E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<MediaCardOwnProps, E>;\n\nconst defaultElement = 'a';\n\nexport const MediaCard = <E extends React.ElementType = typeof defaultElement>({\n  title,\n  description,\n  children,\n  className,\n  category,\n  style,\n  as,\n  wholeCardAsElement: whole,\n  ...rest\n}: MediaCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-base-card', 'eds-media-card', className);\n\n  const wrapperElement = whole ? Element : 'div';\n  const wrapperProps = whole ? rest : {};\n  const innerProps = whole ? {} : rest;\n  const InnerElement = whole ? 'div' : Element;\n  return (\n    <BaseCard\n      as={wrapperElement}\n      className={classList}\n      style={style}\n      {...wrapperProps}\n    >\n      <div className=\"eds-media-card__media\">{children}</div>\n      <InnerElement className=\"eds-media-card__text\" {...innerProps}>\n        {category && (\n          <Label className=\"eds-media-card__category\">{category}</Label>\n        )}\n        <div className=\"eds-media-card__title\">{title}</div>\n        <Paragraph>{description}</Paragraph>\n        <ForwardIcon className=\"eds-media-card__arrow-icon\" />\n      </InnerElement>\n    </BaseCard>\n  );\n};\n\nexport default MediaCard;\n","import React from 'react';\nimport { Paragraph } from '@entur/typography';\nimport classNames from 'classnames';\nimport { ForwardIcon, ExternalIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { BaseCard } from './BaseCard';\nimport './NavigationCard.scss';\nimport { PolymorphicPropsWithoutRef } 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  E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<NavigationCardOwnProps, E>;\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\">{titleIcon}</div>\n      )}\n      <span className=\"eds-navigation-card__title\">\n        {compact && titleIcon && (\n          <span className=\"eds-navigation-card__title-icon-compact\">\n            {titleIcon}\n          </span>\n        )}\n        <Heading3 as=\"span\">{title}</Heading3>\n      </span>\n      {!compact && (\n        <>\n          <Paragraph>{children}</Paragraph>\n          {externalLink && (\n            <ExternalIcon className=\"eds-navigation-card__external--not-compact\" />\n          )}\n        </>\n      )}\n      {compact && externalLink && (\n        <ExternalIcon className=\"eds-navigattion-card__icon eds-navigation-card__external--compact\" />\n      )}\n      {compact && !externalLink && (\n        <ForwardIcon className=\"eds-navigattion-card__icon eds-navigation-card__arrow-icon\" />\n      )}\n    </BaseCard>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Tag.scss';\nimport { PolymorphicPropsWithoutRef } 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<E extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithoutRef<TagOwnProps, E>;\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","ContrastContext","Provider","value","classNames","createContext","BaseCard","children","Element","classList","Badge","displayValue","max","variant","showZero","invisible","invisibleProp","type","BulletBadge","props","NotificationBadge","StatusBadge","warnAboutMissingStyles","title","description","category","style","whole","wholeCardAsElement","innerProps","InnerElement","Label","Paragraph","ForwardIcon","titleIcon","compact","externalLink","Heading3","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 './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};\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      'eds-badge',\n      { 'eds-badge--invisible': invisible, 'eds-badge--show-zero': showZero },\n      `eds-badge--variant-${variant}`,\n      `eds-badge--type-${type}`,\n    );\n\n    return (\n      <Element className={classList} ref={ref} {...rest}>\n        {displayValue}\n      </Element>\n    );\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype BulletBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type BulletBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, BulletBadgeBaseProps>;\n\nexport type BulletBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: BulletBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const BulletBadge: BulletBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: BulletBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"bullet\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype NotificationBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n  /** Om 0 skal vises\n   * @default false\n   */\n  showZero?: boolean;\n  /** Hva som er høyeste tallet før det legges på \"+\"\n   * @default ++\n   */\n  max?: number;\n};\n\nexport type NotificationBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, NotificationBadgeBaseProps>;\n\nexport type NotificationBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: NotificationBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const NotificationBadge: NotificationBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: NotificationBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"notification\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype StatusBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type StatusBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, StatusBadgeBaseProps>;\n\nexport type StatusBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: StatusBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const StatusBadge: StatusBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: StatusBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"status\" />;\n  },\n);\n","import './styles.scss';\nimport { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('layout', 'typography');\n\nexport * from './Contrast';\nexport * from './NavigationCard';\nexport * from './BaseCard';\nexport * from './MediaCard';\nexport * from './Badge/Badge';\nexport * from './Badge/BulletBadge';\nexport * from './Badge/NotificationBadge';\nexport * from './Badge/StatusBadge';\nexport * from './Tag';\n","import React, { CSSProperties } from 'react';\nimport { Paragraph, Label } from '@entur/typography';\nimport classNames from 'classnames';\nimport { BaseCard } from './BaseCard';\nimport { ForwardIcon } from '@entur/icons';\nimport './MediaCard.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type MediaCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager bunnen (under media) av MediaCard\n   * @default 'a'\n   */\n  as?: 'a' | 'button' | React.ElementType;\n  /** Tittelen/teksten som står i CardBox */\n  title: string;\n  /** Teksten under tittelen i MediaCard */\n  description?: React.ReactNode;\n  /** Kategori (eller lignende) som vises over tittelen */\n  category?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Det du skulle ønske som media (f.eks. bilder eller video) */\n  children?: React.ReactNode;\n  /** Styling som sendes til komponenten */\n  style?: CSSProperties;\n  /** Gjør hele kortet til \"as\"-elementet. Default er kun tekstområdet. Anbefales hvis media er et bilde\n   * @default false\n   */\n  wholeCardAsElement?: boolean;\n};\n\nexport type MediaCardProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, MediaCardOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const MediaCard = <E extends React.ElementType = typeof defaultElement>({\n  title,\n  description,\n  children,\n  className,\n  category,\n  style,\n  as,\n  wholeCardAsElement: whole,\n  ...rest\n}: MediaCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-base-card', 'eds-media-card', className);\n\n  const wrapperElement = whole ? Element : 'div';\n  const wrapperProps = whole ? rest : {};\n  const innerProps = whole ? {} : rest;\n  const InnerElement = whole ? 'div' : Element;\n  return (\n    <BaseCard\n      as={wrapperElement}\n      className={classList}\n      style={style}\n      {...wrapperProps}\n    >\n      <div className=\"eds-media-card__media\">{children}</div>\n      <InnerElement className=\"eds-media-card__text\" {...innerProps}>\n        {category && (\n          <Label className=\"eds-media-card__category\">{category}</Label>\n        )}\n        <div className=\"eds-media-card__title\">{title}</div>\n        <Paragraph>{description}</Paragraph>\n        <ForwardIcon className=\"eds-media-card__arrow-icon\" />\n      </InnerElement>\n    </BaseCard>\n  );\n};\n\nexport default MediaCard;\n","import React from 'react';\nimport { Paragraph } from '@entur/typography';\nimport classNames from 'classnames';\nimport { ForwardIcon, ExternalIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { BaseCard } from './BaseCard';\nimport './NavigationCard.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type NavigationCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager NavigationCard\n   * @default 'a'\n   */\n  as?: 'a' | 'button' | React.ElementType;\n  /** Tittelen/teksten som står i CardBox */\n  title: string;\n  /** Valgfritt ikon som står over tittelen */\n  titleIcon?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Lager en mer kompakt NavigationCard, uten ikon og beskrivende tekst\n   * @default false\n   */\n  compact?: boolean;\n  /** Beskrivelse under tittel, om ikke \"compact\" er valgt */\n  children?: React.ReactNode;\n  /** Legger til et ikon for å symbolisere at kortet har en ekstern lenke\n   * @default false\n   */\n  externalLink?: boolean;\n};\n\nexport type NavigationCardProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, NavigationCardOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const NavigationCard = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  title,\n  children,\n  titleIcon,\n  compact = false,\n  className,\n  externalLink = false,\n  as,\n  ...rest\n}: NavigationCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-navigation-card', className, {\n    'eds-base-card--red-line': compact,\n    'eds-navigation-card--compact': compact,\n  });\n  return (\n    <BaseCard as={Element} className={classList} {...rest}>\n      {!compact && titleIcon && (\n        <div className=\"eds-navigation-card__title-icon\">{titleIcon}</div>\n      )}\n      <span className=\"eds-navigation-card__title\">\n        {compact && titleIcon && (\n          <span className=\"eds-navigation-card__title-icon-compact\">\n            {titleIcon}\n          </span>\n        )}\n        <Heading3 as=\"span\">{title}</Heading3>\n      </span>\n      {!compact && (\n        <>\n          <Paragraph>{children}</Paragraph>\n          {externalLink && (\n            <ExternalIcon className=\"eds-navigation-card__external--not-compact\" />\n          )}\n        </>\n      )}\n      {compact && externalLink && (\n        <ExternalIcon className=\"eds-navigattion-card__icon eds-navigation-card__external--compact\" />\n      )}\n      {compact && !externalLink && (\n        <ForwardIcon className=\"eds-navigattion-card__icon eds-navigation-card__arrow-icon\" />\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","ContrastContext","Provider","value","classNames","createContext","BaseCard","children","Element","classList","Badge","displayValue","max","variant","showZero","invisible","invisibleProp","type","BulletBadge","props","NotificationBadge","StatusBadge","warnAboutMissingStyles","title","description","category","style","whole","wholeCardAsElement","innerProps","InnerElement","Label","Paragraph","ForwardIcon","titleIcon","compact","externalLink","Heading3","ExternalIcon","childrenArray","Children","toArray","length","useContext"],"mappings":"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"}

package/dist/layout.esm.js

@@ -190,7 +190,8 @@ var Badge = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 
 var defaultElement$3 = 'span';
 var BulletBadge = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$3;
+  var Element = props.as || defaultElement$3; // @ts-expect-error type error due to props not being BadgeOwnProps
+
   return React.createElement(Badge, _extends({
     as: Element
   }, props, {
@@ -201,7 +202,8 @@ var BulletBadge = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
 var defaultElement$2 = 'span';
 var NotificationBadge = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$2;
+  var Element = props.as || defaultElement$2; // @ts-expect-error type error due to props not being BadgeOwnProps
+
   return React.createElement(Badge, _extends({
     as: Element
   }, props, {
@@ -212,7 +214,8 @@ var NotificationBadge = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
 var defaultElement$1 = 'span';
 var StatusBadge = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$1;
+  var Element = props.as || defaultElement$1; // @ts-expect-error type error due to props not being BadgeOwnProps
+
   return React.createElement(Badge, _extends({
     as: Element
   }, props, {

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 {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type ContrastBaseProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type ContrastProps<E extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithRef<ContrastBaseProps, E>;\n\nconst defaultElement = 'div';\n\nexport const Contrast: PolymorphicForwardRefExoticComponent<\n  ContrastBaseProps,\n  typeof defaultElement\n> = React.forwardRef(function Contrast<\n  T extends React.ElementType = typeof defaultElement,\n>(\n  { className, as, ...rest }: PolymorphicPropsWithoutRef<ContrastBaseProps, T>,\n  ref: React.ForwardedRef<React.ElementRef<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 { PolymorphicPropsWithoutRef } 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<E extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithoutRef<BaseCardOwnProps, E>;\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 { PolymorphicPropsWithoutRef } 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  E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<NavigationCardOwnProps, E>;\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\">{titleIcon}</div>\n      )}\n      <span className=\"eds-navigation-card__title\">\n        {compact && titleIcon && (\n          <span className=\"eds-navigation-card__title-icon-compact\">\n            {titleIcon}\n          </span>\n        )}\n        <Heading3 as=\"span\">{title}</Heading3>\n      </span>\n      {!compact && (\n        <>\n          <Paragraph>{children}</Paragraph>\n          {externalLink && (\n            <ExternalIcon className=\"eds-navigation-card__external--not-compact\" />\n          )}\n        </>\n      )}\n      {compact && externalLink && (\n        <ExternalIcon className=\"eds-navigattion-card__icon eds-navigation-card__external--compact\" />\n      )}\n      {compact && !externalLink && (\n        <ForwardIcon className=\"eds-navigattion-card__icon eds-navigation-card__arrow-icon\" />\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 { PolymorphicPropsWithoutRef } from '@entur/utils';\n\nexport type MediaCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager bunnen (under media) av MediaCard\n   * @default 'a'\n   */\n  as?: 'a' | 'button' | React.ElementType;\n  /** Tittelen/teksten som står i CardBox */\n  title: string;\n  /** Teksten under tittelen i MediaCard */\n  description?: React.ReactNode;\n  /** Kategori (eller lignende) som vises over tittelen */\n  category?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Det du skulle ønske som media (f.eks. bilder eller video) */\n  children?: React.ReactNode;\n  /** Styling som sendes til komponenten */\n  style?: CSSProperties;\n  /** Gjør hele kortet til \"as\"-elementet. Default er kun tekstområdet. Anbefales hvis media er et bilde\n   * @default false\n   */\n  wholeCardAsElement?: boolean;\n};\n\nexport type MediaCardProps<\n  E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<MediaCardOwnProps, E>;\n\nconst defaultElement = 'a';\n\nexport const MediaCard = <E extends React.ElementType = typeof defaultElement>({\n  title,\n  description,\n  children,\n  className,\n  category,\n  style,\n  as,\n  wholeCardAsElement: whole,\n  ...rest\n}: MediaCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-base-card', 'eds-media-card', className);\n\n  const wrapperElement = whole ? Element : 'div';\n  const wrapperProps = whole ? rest : {};\n  const innerProps = whole ? {} : rest;\n  const InnerElement = whole ? 'div' : Element;\n  return (\n    <BaseCard\n      as={wrapperElement}\n      className={classList}\n      style={style}\n      {...wrapperProps}\n    >\n      <div className=\"eds-media-card__media\">{children}</div>\n      <InnerElement className=\"eds-media-card__text\" {...innerProps}>\n        {category && (\n          <Label className=\"eds-media-card__category\">{category}</Label>\n        )}\n        <div className=\"eds-media-card__title\">{title}</div>\n        <Paragraph>{description}</Paragraph>\n        <ForwardIcon className=\"eds-media-card__arrow-icon\" />\n      </InnerElement>\n    </BaseCard>\n  );\n};\n\nexport default MediaCard;\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Badge.scss';\nimport {\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\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};\n\nexport type BadgeProps<E extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithRef<BadgeOwnProps, E>;\n\nconst defaultElement = 'span';\n\nexport const Badge: PolymorphicForwardRefExoticComponent<\n  BadgeOwnProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <E 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    }: PolymorphicPropsWithoutRef<BadgeOwnProps, E>,\n    ref: React.ForwardedRef<React.ElementRef<E>>,\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      '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 {\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n  PolymorphicForwardRefExoticComponent,\n} 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<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<BulletBadgeBaseProps, T>;\n\nconst defaultElement = 'span';\n\nexport const BulletBadge: PolymorphicForwardRefExoticComponent<\n  BulletBadgeBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<BulletBadgeBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Badge as={Element} {...props} ref={ref} type=\"bullet\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n  PolymorphicForwardRefExoticComponent,\n} 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 NotificationBadgePropsProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<NotificationBadgeBaseProps, T>;\n\nconst defaultElement = 'span';\n\nexport const NotificationBadge: PolymorphicForwardRefExoticComponent<\n  NotificationBadgeBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<NotificationBadgeBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Badge as={Element} {...props} ref={ref} type=\"notification\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n  PolymorphicForwardRefExoticComponent,\n} 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<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<StatusBadgeBaseProps, T>;\n\nconst defaultElement = 'span';\n\nexport const StatusBadge: PolymorphicForwardRefExoticComponent<\n  StatusBadgeBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<StatusBadgeBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\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 { PolymorphicPropsWithoutRef } 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<E extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithoutRef<TagOwnProps, E>;\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","Element","ContrastContext","Provider","value","classNames","createContext","useContrast","useContext","BaseCard","children","classList","NavigationCard","title","titleIcon","compact","externalLink","Heading3","Paragraph","ExternalIcon","ForwardIcon","MediaCard","description","category","style","whole","wholeCardAsElement","wrapperElement","wrapperProps","innerProps","InnerElement","Label","Badge","max","variant","showZero","invisible","invisibleProp","type","displayValue","BulletBadge","props","NotificationBadge","StatusBadge","Tag","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","warnAboutMissingStyles"],"mappings":"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"}
+{"version":3,"file":"layout.esm.js","sources":["../src/Contrast.tsx","../src/BaseCard.tsx","../src/NavigationCard.tsx","../src/MediaCard.tsx","../src/Badge/Badge.tsx","../src/Badge/BulletBadge.tsx","../src/Badge/NotificationBadge.tsx","../src/Badge/StatusBadge.tsx","../src/Tag.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\nexport type ContrastBaseProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type ContrastProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, ContrastBaseProps>;\n\nexport type ContrastComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: ContrastProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'div';\n\nexport const Contrast: ContrastComponent = React.forwardRef(function Contrast<\n  T extends React.ElementType = typeof defaultElement,\n>(\n  { className, as, ...rest }: ContrastProps<T>,\n  ref: PolymorphicRef<T>,\n): JSX.Element {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <ContrastContext.Provider value={true}>\n      <Element\n        className={classNames('eds-contrast', className)}\n        ref={ref}\n        {...rest}\n      />\n    </ContrastContext.Provider>\n  );\n});\n\nexport const ContrastContext = React.createContext<boolean>(false);\n\nexport const useContrast: () => boolean = () =>\n  React.useContext(ContrastContext);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './BaseCard.scss';\n\nexport type BaseCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager Card\n   * @default \"div\"\n   */\n  as?: 'div' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  children?: React.ReactNode;\n};\n\nexport type BaseCardProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, BaseCardOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const BaseCard = <E extends React.ElementType = typeof defaultElement>({\n  children,\n  className,\n  as,\n  ...rest\n}: BaseCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-base-card', className);\n  return (\n    <Element className={classList} {...rest}>\n      {children}\n    </Element>\n  );\n};\n","import React from 'react';\nimport { Paragraph } from '@entur/typography';\nimport classNames from 'classnames';\nimport { ForwardIcon, ExternalIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { BaseCard } from './BaseCard';\nimport './NavigationCard.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type NavigationCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager NavigationCard\n   * @default 'a'\n   */\n  as?: 'a' | 'button' | React.ElementType;\n  /** Tittelen/teksten som står i CardBox */\n  title: string;\n  /** Valgfritt ikon som står over tittelen */\n  titleIcon?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Lager en mer kompakt NavigationCard, uten ikon og beskrivende tekst\n   * @default false\n   */\n  compact?: boolean;\n  /** Beskrivelse under tittel, om ikke \"compact\" er valgt */\n  children?: React.ReactNode;\n  /** Legger til et ikon for å symbolisere at kortet har en ekstern lenke\n   * @default false\n   */\n  externalLink?: boolean;\n};\n\nexport type NavigationCardProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, NavigationCardOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const NavigationCard = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  title,\n  children,\n  titleIcon,\n  compact = false,\n  className,\n  externalLink = false,\n  as,\n  ...rest\n}: NavigationCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-navigation-card', className, {\n    'eds-base-card--red-line': compact,\n    'eds-navigation-card--compact': compact,\n  });\n  return (\n    <BaseCard as={Element} className={classList} {...rest}>\n      {!compact && titleIcon && (\n        <div className=\"eds-navigation-card__title-icon\">{titleIcon}</div>\n      )}\n      <span className=\"eds-navigation-card__title\">\n        {compact && titleIcon && (\n          <span className=\"eds-navigation-card__title-icon-compact\">\n            {titleIcon}\n          </span>\n        )}\n        <Heading3 as=\"span\">{title}</Heading3>\n      </span>\n      {!compact && (\n        <>\n          <Paragraph>{children}</Paragraph>\n          {externalLink && (\n            <ExternalIcon className=\"eds-navigation-card__external--not-compact\" />\n          )}\n        </>\n      )}\n      {compact && externalLink && (\n        <ExternalIcon className=\"eds-navigattion-card__icon eds-navigation-card__external--compact\" />\n      )}\n      {compact && !externalLink && (\n        <ForwardIcon className=\"eds-navigattion-card__icon eds-navigation-card__arrow-icon\" />\n      )}\n    </BaseCard>\n  );\n};\n","import React, { CSSProperties } from 'react';\nimport { Paragraph, Label } from '@entur/typography';\nimport classNames from 'classnames';\nimport { BaseCard } from './BaseCard';\nimport { ForwardIcon } from '@entur/icons';\nimport './MediaCard.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type MediaCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager bunnen (under media) av MediaCard\n   * @default 'a'\n   */\n  as?: 'a' | 'button' | React.ElementType;\n  /** Tittelen/teksten som står i CardBox */\n  title: string;\n  /** Teksten under tittelen i MediaCard */\n  description?: React.ReactNode;\n  /** Kategori (eller lignende) som vises over tittelen */\n  category?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Det du skulle ønske som media (f.eks. bilder eller video) */\n  children?: React.ReactNode;\n  /** Styling som sendes til komponenten */\n  style?: CSSProperties;\n  /** Gjør hele kortet til \"as\"-elementet. Default er kun tekstområdet. Anbefales hvis media er et bilde\n   * @default false\n   */\n  wholeCardAsElement?: boolean;\n};\n\nexport type MediaCardProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, MediaCardOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const MediaCard = <E extends React.ElementType = typeof defaultElement>({\n  title,\n  description,\n  children,\n  className,\n  category,\n  style,\n  as,\n  wholeCardAsElement: whole,\n  ...rest\n}: MediaCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-base-card', 'eds-media-card', className);\n\n  const wrapperElement = whole ? Element : 'div';\n  const wrapperProps = whole ? rest : {};\n  const innerProps = whole ? {} : rest;\n  const InnerElement = whole ? 'div' : Element;\n  return (\n    <BaseCard\n      as={wrapperElement}\n      className={classList}\n      style={style}\n      {...wrapperProps}\n    >\n      <div className=\"eds-media-card__media\">{children}</div>\n      <InnerElement className=\"eds-media-card__text\" {...innerProps}>\n        {category && (\n          <Label className=\"eds-media-card__category\">{category}</Label>\n        )}\n        <div className=\"eds-media-card__title\">{title}</div>\n        <Paragraph>{description}</Paragraph>\n        <ForwardIcon className=\"eds-media-card__arrow-icon\" />\n      </InnerElement>\n    </BaseCard>\n  );\n};\n\nexport default MediaCard;\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport './Badge.scss';\n\nexport type BadgeTypes = 'status' | 'bullet' | 'notification';\n\nexport type BadgeOwnProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n  /** Om 0 skal vises\n   * @default false\n   */\n  showZero?: boolean;\n  /** Hva som er høyeste tallet før det legges på \"+\"\n   * @default ++\n   */\n  max?: number;\n  type?: BadgeTypes;\n};\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      '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","Element","ContrastContext","Provider","value","classNames","createContext","useContrast","useContext","BaseCard","children","classList","NavigationCard","title","titleIcon","compact","externalLink","Heading3","Paragraph","ExternalIcon","ForwardIcon","MediaCard","description","category","style","whole","wholeCardAsElement","wrapperElement","wrapperProps","innerProps","InnerElement","Label","Badge","max","variant","showZero","invisible","invisibleProp","type","displayValue","BulletBadge","props","NotificationBadge","StatusBadge","Tag","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","warnAboutMissingStyles"],"mappings":"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"}

package/dist/styles.css

@@ -10,11 +10,28 @@
   color: var(--primary-text-color);
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+.eds-base-card {
+  display: flex;
+  box-shadow: 0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.12);
+  border: 0.0625rem solid #e9e9e9;
+  border-radius: 0.25rem;
+  align-items: center;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  text-decoration: none;
+  color: inherit;
+}
+.eds-contrast .eds-base-card {
+  background-color: #292b6a;
+  border-color: #54568c;
+  box-shadow: 0 0.0625rem 0.1875rem 0 #393d79;
+}/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-media-card {
   flex-direction: column;
   overflow: hidden;
   position: relative;
-  width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
@@ -45,7 +62,6 @@
   font-weight: 600;
   margin: 0.75rem 0 0.5rem;
   text-align: left;
-  width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   position: relative;
@@ -73,24 +89,6 @@
   margin: 1rem 0 1.5rem;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-base-card {
-  display: flex;
-  box-shadow: 0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.12);
-  border: 0.0625rem solid #e9e9e9;
-  border-radius: 0.25rem;
-  align-items: center;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  text-decoration: none;
-  color: inherit;
-}
-.eds-contrast .eds-base-card {
-  background-color: #292b6a;
-  border-color: #54568c;
-  box-shadow: 0 0.0625rem 0.1875rem 0 #393d79;
-}/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-navigation-card {
@@ -216,7 +214,7 @@
 }
 .eds-tag--compact {
   font-size: 0.75rem;
-  padding: 0.125rem 0.5rem;
+  padding: calc(0.25rem / 2) 0.5rem;
   line-height: 1.25rem;
   height: 1.5rem;
 }
@@ -236,7 +234,6 @@
   font-size: 0.75rem;
   min-width: 1.5rem;
   height: 1.5rem;
-  width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   line-height: 1rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/layout",
-  "version": "2.1.14",
+  "version": "2.1.15",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/layout.esm.js",
@@ -19,7 +19,7 @@
   "scripts": {
     "start": "dts watch --noClean",
     "build": "dts build",
-    "test": "dts test --env=jsdom",
+    "test": "dts test",
     "lint": "dts lint"
   },
   "peerDependencies": {
@@ -27,12 +27,13 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/typography": "^1.7.3",
-    "@entur/utils": "^0.4.8",
+    "@entur/icons": "^5.4.1",
+    "@entur/typography": "^1.7.4",
+    "@entur/utils": "^0.4.9",
     "classnames": "^2.3.1"
   },
   "devDependencies": {
-    "@entur/tokens": "^3.4.3"
+    "@entur/tokens": "^3.4.4"
   },
-  "gitHead": "103844c30bdc32296f3998a360cf6066492173e9"
+  "gitHead": "de71e205560a699e2dce301e133966dc9348c459"
 }