@entur/layout 2.1.13 → 2.1.15

package/dist/layout.cjs.development.js

@@ -17,26 +17,32 @@ function _extends() {
   _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
+
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
+
     return target;
   };
+
   return _extends.apply(this, arguments);
 }
+
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
+
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
+
   return target;
 }
 
@@ -44,8 +50,9 @@ var _excluded$5 = ["className", "as"];
 var defaultElement$8 = 'div';
 var Contrast = /*#__PURE__*/React__default["default"].forwardRef(function Contrast(_ref, ref) {
   var className = _ref.className,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+
   var Element = as || defaultElement$8;
   return React__default["default"].createElement(ContrastContext.Provider, {
     value: true
@@ -63,9 +70,10 @@ var _excluded$4 = ["children", "className", "as"];
 var defaultElement$7 = 'div';
 var BaseCard = function BaseCard(_ref) {
   var children = _ref.children,
-    className = _ref.className,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+      className = _ref.className,
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+
   var Element = as || defaultElement$7;
   var classList = classNames__default["default"]('eds-base-card', className);
   return React__default["default"].createElement(Element, _extends({
@@ -77,15 +85,16 @@ var _excluded$3 = ["title", "children", "titleIcon", "compact", "className", "ex
 var defaultElement$6 = 'a';
 var NavigationCard = function NavigationCard(_ref) {
   var title = _ref.title,
-    children = _ref.children,
-    titleIcon = _ref.titleIcon,
-    _ref$compact = _ref.compact,
-    compact = _ref$compact === void 0 ? false : _ref$compact,
-    className = _ref.className,
-    _ref$externalLink = _ref.externalLink,
-    externalLink = _ref$externalLink === void 0 ? false : _ref$externalLink,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+      children = _ref.children,
+      titleIcon = _ref.titleIcon,
+      _ref$compact = _ref.compact,
+      compact = _ref$compact === void 0 ? false : _ref$compact,
+      className = _ref.className,
+      _ref$externalLink = _ref.externalLink,
+      externalLink = _ref$externalLink === void 0 ? false : _ref$externalLink,
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+
   var Element = as || defaultElement$6;
   var classList = classNames__default["default"]('eds-navigation-card', className, {
     'eds-base-card--red-line': compact,
@@ -115,14 +124,15 @@ var _excluded$2 = ["title", "description", "children", "className", "category",
 var defaultElement$5 = 'a';
 var MediaCard = function MediaCard(_ref) {
   var title = _ref.title,
-    description = _ref.description,
-    children = _ref.children,
-    className = _ref.className,
-    category = _ref.category,
-    style = _ref.style,
-    as = _ref.as,
-    whole = _ref.wholeCardAsElement,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+      description = _ref.description,
+      children = _ref.children,
+      className = _ref.className,
+      category = _ref.category,
+      style = _ref.style,
+      as = _ref.as,
+      whole = _ref.wholeCardAsElement,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+
   var Element = as || defaultElement$5;
   var classList = classNames__default["default"]('eds-base-card', 'eds-media-card', className);
   var wrapperElement = whole ? Element : 'div';
@@ -150,28 +160,33 @@ var _excluded$1 = ["children", "className", "max", "variant", "showZero", "invis
 var defaultElement$4 = 'span';
 var Badge = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var children = _ref.children,
-    _ref$max = _ref.max,
-    max = _ref$max === void 0 ? 99 : _ref$max,
-    variant = _ref.variant,
-    _ref$showZero = _ref.showZero,
-    showZero = _ref$showZero === void 0 ? false : _ref$showZero,
-    _ref$invisible = _ref.invisible,
-    invisibleProp = _ref$invisible === void 0 ? false : _ref$invisible,
-    as = _ref.as,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'status' : _ref$type,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+      _ref$max = _ref.max,
+      max = _ref$max === void 0 ? 99 : _ref$max,
+      variant = _ref.variant,
+      _ref$showZero = _ref.showZero,
+      showZero = _ref$showZero === void 0 ? false : _ref$showZero,
+      _ref$invisible = _ref.invisible,
+      invisibleProp = _ref$invisible === void 0 ? false : _ref$invisible,
+      as = _ref.as,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? 'status' : _ref$type,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+
   var Element = as || defaultElement$4;
   var invisible = invisibleProp;
+
   if (invisibleProp === false && (children === 0 && !showZero || children == null)) {
     invisible = true;
   }
+
   var displayValue;
+
   if (typeof children === 'number') {
     displayValue = children > max ? max + "+" : children;
   } else {
     displayValue = children;
   }
+
   var classList = classNames__default["default"]('eds-badge', {
     'eds-badge--invisible': invisible,
     'eds-badge--show-zero': showZero
@@ -184,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, {
@@ -195,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, {
@@ -206,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, {
@@ -219,10 +237,11 @@ var _excluded = ["className", "children", "compact", "as"];
 var defaultElement = 'div';
 var Tag = function Tag(_ref) {
   var className = _ref.className,
-    children = _ref.children,
-    compact = _ref.compact,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+      children = _ref.children,
+      compact = _ref.compact,
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
   var Element = as || defaultElement;
   var childrenArray = React__default["default"].Children.toArray(children);
   var hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== 'string';

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","_ref$max","max","variant","_ref$showZero","showZero","_ref$invisible","invisible","invisibleProp","_ref$type","type","BulletBadge","props","NotificationBadge","StatusBadge","warnAboutMissingStyles","title","description","category","style","whole","wholeCardAsElement","innerProps","InnerElement","Label","Paragraph","ForwardIcon","titleIcon","_ref$compact","compact","_ref$externalLink","externalLink","Heading3","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

@@ -8,26 +8,32 @@ function _extends() {
   _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
+
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
+
     return target;
   };
+
   return _extends.apply(this, arguments);
 }
+
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
+
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
+
   return target;
 }
 
@@ -35,8 +41,9 @@ var _excluded$5 = ["className", "as"];
 var defaultElement$8 = 'div';
 var Contrast = /*#__PURE__*/React.forwardRef(function Contrast(_ref, ref) {
   var className = _ref.className,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+
   var Element = as || defaultElement$8;
   return React.createElement(ContrastContext.Provider, {
     value: true
@@ -54,9 +61,10 @@ var _excluded$4 = ["children", "className", "as"];
 var defaultElement$7 = 'div';
 var BaseCard = function BaseCard(_ref) {
   var children = _ref.children,
-    className = _ref.className,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+      className = _ref.className,
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+
   var Element = as || defaultElement$7;
   var classList = classNames('eds-base-card', className);
   return React.createElement(Element, _extends({
@@ -68,15 +76,16 @@ var _excluded$3 = ["title", "children", "titleIcon", "compact", "className", "ex
 var defaultElement$6 = 'a';
 var NavigationCard = function NavigationCard(_ref) {
   var title = _ref.title,
-    children = _ref.children,
-    titleIcon = _ref.titleIcon,
-    _ref$compact = _ref.compact,
-    compact = _ref$compact === void 0 ? false : _ref$compact,
-    className = _ref.className,
-    _ref$externalLink = _ref.externalLink,
-    externalLink = _ref$externalLink === void 0 ? false : _ref$externalLink,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+      children = _ref.children,
+      titleIcon = _ref.titleIcon,
+      _ref$compact = _ref.compact,
+      compact = _ref$compact === void 0 ? false : _ref$compact,
+      className = _ref.className,
+      _ref$externalLink = _ref.externalLink,
+      externalLink = _ref$externalLink === void 0 ? false : _ref$externalLink,
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+
   var Element = as || defaultElement$6;
   var classList = classNames('eds-navigation-card', className, {
     'eds-base-card--red-line': compact,
@@ -106,14 +115,15 @@ var _excluded$2 = ["title", "description", "children", "className", "category",
 var defaultElement$5 = 'a';
 var MediaCard = function MediaCard(_ref) {
   var title = _ref.title,
-    description = _ref.description,
-    children = _ref.children,
-    className = _ref.className,
-    category = _ref.category,
-    style = _ref.style,
-    as = _ref.as,
-    whole = _ref.wholeCardAsElement,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+      description = _ref.description,
+      children = _ref.children,
+      className = _ref.className,
+      category = _ref.category,
+      style = _ref.style,
+      as = _ref.as,
+      whole = _ref.wholeCardAsElement,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+
   var Element = as || defaultElement$5;
   var classList = classNames('eds-base-card', 'eds-media-card', className);
   var wrapperElement = whole ? Element : 'div';
@@ -141,28 +151,33 @@ var _excluded$1 = ["children", "className", "max", "variant", "showZero", "invis
 var defaultElement$4 = 'span';
 var Badge = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
-    _ref$max = _ref.max,
-    max = _ref$max === void 0 ? 99 : _ref$max,
-    variant = _ref.variant,
-    _ref$showZero = _ref.showZero,
-    showZero = _ref$showZero === void 0 ? false : _ref$showZero,
-    _ref$invisible = _ref.invisible,
-    invisibleProp = _ref$invisible === void 0 ? false : _ref$invisible,
-    as = _ref.as,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'status' : _ref$type,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+      _ref$max = _ref.max,
+      max = _ref$max === void 0 ? 99 : _ref$max,
+      variant = _ref.variant,
+      _ref$showZero = _ref.showZero,
+      showZero = _ref$showZero === void 0 ? false : _ref$showZero,
+      _ref$invisible = _ref.invisible,
+      invisibleProp = _ref$invisible === void 0 ? false : _ref$invisible,
+      as = _ref.as,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? 'status' : _ref$type,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+
   var Element = as || defaultElement$4;
   var invisible = invisibleProp;
+
   if (invisibleProp === false && (children === 0 && !showZero || children == null)) {
     invisible = true;
   }
+
   var displayValue;
+
   if (typeof children === 'number') {
     displayValue = children > max ? max + "+" : children;
   } else {
     displayValue = children;
   }
+
   var classList = classNames('eds-badge', {
     'eds-badge--invisible': invisible,
     'eds-badge--show-zero': showZero
@@ -175,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, {
@@ -186,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, {
@@ -197,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, {
@@ -210,10 +228,11 @@ var _excluded = ["className", "children", "compact", "as"];
 var defaultElement = 'div';
 var Tag = function Tag(_ref) {
   var className = _ref.className,
-    children = _ref.children,
-    compact = _ref.compact,
-    as = _ref.as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+      children = _ref.children,
+      compact = _ref.compact,
+      as = _ref.as,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
   var Element = as || defaultElement;
   var childrenArray = React.Children.toArray(children);
   var hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== 'string';