@entur/layout 2.1.3 → 2.1.6

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.1.6](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.5...@entur/layout@2.1.6) (2022-05-13)
+
+**Note:** Version bump only for package @entur/layout
+
+## [2.1.5](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.4...@entur/layout@2.1.5) (2022-04-27)
+
+**Note:** Version bump only for package @entur/layout
+
+## [2.1.4](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.3...@entur/layout@2.1.4) (2022-02-09)
+
+**Note:** Version bump only for package @entur/layout
+
 ## [2.1.3](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.2...@entur/layout@2.1.3) (2021-11-17)
 
 **Note:** Version bump only for package @entur/layout

package/dist/BaseCard.d.ts

@@ -12,7 +12,5 @@ export declare type BaseCardOwnProps = {
 };
 export declare type BaseCardProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<BaseCardOwnProps, E>;
 declare const defaultElement = "div";
-export declare const BaseCard: <E extends React.ElementType<any> = "div">({ children, className, as, ...rest }: Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "as" | "className" | "children">> & BaseCardOwnProps & {
-    as?: E | undefined;
-}) => JSX.Element;
+export declare const BaseCard: <E extends React.ElementType<any> = "div">({ children, className, as, ...rest }: BaseCardProps<E>) => JSX.Element;
 export {};

package/dist/MediaCard.d.ts

@@ -25,7 +25,5 @@ export declare type MediaCardOwnProps = {
 };
 export declare type MediaCardProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<MediaCardOwnProps, E>;
 declare const defaultElement = "a";
-export declare const MediaCard: <E extends React.ElementType<any> = "a">({ title, description, children, className, category, style, as, wholeCardAsElement: whole, ...rest }: Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "style" | "title" | "as" | "description" | "category" | "className" | "children" | "wholeCardAsElement">> & MediaCardOwnProps & {
-    as?: E | undefined;
-}) => JSX.Element;
+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

@@ -25,7 +25,5 @@ export declare type NavigationCardOwnProps = {
 };
 export declare type NavigationCardProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<NavigationCardOwnProps, E>;
 declare const defaultElement = "a";
-export declare const NavigationCard: <E extends React.ElementType<any> = "a">({ title, children, titleIcon, compact, className, externalLink, as, ...rest }: Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "title" | "as" | "titleIcon" | "className" | "compact" | "children" | "externalLink">> & NavigationCardOwnProps & {
-    as?: E | undefined;
-}) => JSX.Element;
+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

@@ -16,7 +16,5 @@ export declare type TagOwnProps = {
 };
 export declare type TagProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<TagOwnProps, E>;
 declare const defaultElement = "div";
-export declare const Tag: <E extends React.ElementType<any> = "div">({ className, children, compact, as, ...rest }: Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "as" | "className" | "compact" | "children">> & TagOwnProps & {
-    as?: E | undefined;
-}) => JSX.Element;
+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

@@ -2,14 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var utils = require('@entur/utils');
-var React = _interopDefault(require('react'));
-var classNames = _interopDefault(require('classnames'));
+var React = require('react');
+var classNames = require('classnames');
 var typography = require('@entur/typography');
 var icons = require('@entur/icons');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+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 = {};
@@ -25,40 +46,43 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-var defaultElement = 'div';
-var Contrast = /*#__PURE__*/React.forwardRef(function Contrast(_ref, ref) {
+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, ["className", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
 
-  var Element = as || defaultElement;
-  return React.createElement(ContrastContext.Provider, {
+  var Element = as || defaultElement$8;
+  return React__default["default"].createElement(ContrastContext.Provider, {
     value: true
-  }, React.createElement(Element, Object.assign({
-    className: classNames('eds-contrast', className),
+  }, React__default["default"].createElement(Element, _extends({
+    className: classNames__default["default"]('eds-contrast', className),
     ref: ref
   }, rest)));
 });
-var ContrastContext = /*#__PURE__*/React.createContext(false);
+var ContrastContext = /*#__PURE__*/React__default["default"].createContext(false);
 var useContrast = function useContrast() {
-  return React.useContext(ContrastContext);
+  return React__default["default"].useContext(ContrastContext);
 };
 
-var defaultElement$1 = 'div';
+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, ["children", "className", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
 
-  var Element = as || defaultElement$1;
-  var classList = classNames('eds-base-card', className);
-  return React.createElement(Element, Object.assign({
+  var Element = as || defaultElement$7;
+  var classList = classNames__default["default"]('eds-base-card', className);
+  return React__default["default"].createElement(Element, _extends({
     className: classList
   }, rest), children);
 };
 
-var defaultElement$2 = 'a';
+var _excluded$3 = ["title", "children", "titleIcon", "compact", "className", "externalLink", "as"];
+var defaultElement$6 = 'a';
 var NavigationCard = function NavigationCard(_ref) {
   var title = _ref.title,
       children = _ref.children,
@@ -69,34 +93,35 @@ var NavigationCard = function NavigationCard(_ref) {
       _ref$externalLink = _ref.externalLink,
       externalLink = _ref$externalLink === void 0 ? false : _ref$externalLink,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["title", "children", "titleIcon", "compact", "className", "externalLink", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
-  var Element = as || defaultElement$2;
-  var classList = classNames('eds-navigation-card', className, {
+  var Element = as || defaultElement$6;
+  var classList = classNames__default["default"]('eds-navigation-card', className, {
     'eds-base-card--red-line': compact,
     'eds-navigation-card--compact': compact
   });
-  return React.createElement(BaseCard, Object.assign({
+  return React__default["default"].createElement(BaseCard, _extends({
     as: Element,
     className: classList
-  }, rest), !compact && titleIcon && React.createElement("div", {
+  }, rest), !compact && titleIcon && React__default["default"].createElement("div", {
     className: "eds-navigation-card__title-icon"
-  }, titleIcon), React.createElement("span", {
+  }, titleIcon), React__default["default"].createElement("span", {
     className: "eds-navigation-card__title"
-  }, compact && titleIcon && React.createElement("span", {
+  }, compact && titleIcon && React__default["default"].createElement("span", {
     className: "eds-navigation-card__title-icon-compact"
-  }, titleIcon), React.createElement(typography.Heading3, {
+  }, titleIcon), React__default["default"].createElement(typography.Heading3, {
     as: "span"
-  }, title)), !compact && React.createElement(React.Fragment, null, React.createElement(typography.Paragraph, null, children), externalLink && React.createElement(icons.ExternalIcon, {
+  }, title)), !compact && React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(typography.Paragraph, null, children), externalLink && React__default["default"].createElement(icons.ExternalIcon, {
     className: "eds-navigation-card__external--not-compact"
-  })), compact && externalLink && React.createElement(icons.ExternalIcon, {
+  })), compact && externalLink && React__default["default"].createElement(icons.ExternalIcon, {
     className: "eds-navigattion-card__icon eds-navigation-card__external--compact"
-  }), compact && !externalLink && React.createElement(icons.ForwardIcon, {
+  }), compact && !externalLink && React__default["default"].createElement(icons.ForwardIcon, {
     className: "eds-navigattion-card__icon eds-navigation-card__arrow-icon"
   }));
 };
 
-var defaultElement$3 = 'a';
+var _excluded$2 = ["title", "description", "children", "className", "category", "style", "as", "wholeCardAsElement"];
+var defaultElement$5 = 'a';
 var MediaCard = function MediaCard(_ref) {
   var title = _ref.title,
       description = _ref.description,
@@ -106,33 +131,34 @@ var MediaCard = function MediaCard(_ref) {
       style = _ref.style,
       as = _ref.as,
       whole = _ref.wholeCardAsElement,
-      rest = _objectWithoutPropertiesLoose(_ref, ["title", "description", "children", "className", "category", "style", "as", "wholeCardAsElement"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
 
-  var Element = as || defaultElement$3;
-  var classList = classNames('eds-base-card', 'eds-media-card', className);
+  var Element = as || defaultElement$5;
+  var classList = classNames__default["default"]('eds-base-card', 'eds-media-card', className);
   var wrapperElement = whole ? Element : 'div';
   var wrapperProps = whole ? rest : {};
   var innerProps = whole ? {} : rest;
   var InnerElement = whole ? 'div' : Element;
-  return React.createElement(BaseCard, Object.assign({
+  return React__default["default"].createElement(BaseCard, _extends({
     as: wrapperElement,
     className: classList,
     style: style
-  }, wrapperProps), React.createElement("div", {
+  }, wrapperProps), React__default["default"].createElement("div", {
     className: "eds-media-card__media"
-  }, children), React.createElement(InnerElement, Object.assign({
+  }, children), React__default["default"].createElement(InnerElement, _extends({
     className: "eds-media-card__text"
-  }, innerProps), category && React.createElement(typography.Label, {
+  }, innerProps), category && React__default["default"].createElement(typography.Label, {
     className: "eds-media-card__category"
-  }, category), React.createElement("div", {
+  }, category), React__default["default"].createElement("div", {
     className: "eds-media-card__title"
-  }, title), React.createElement(typography.Paragraph, null, description), React.createElement(icons.ForwardIcon, {
+  }, title), React__default["default"].createElement(typography.Paragraph, null, description), React__default["default"].createElement(icons.ForwardIcon, {
     className: "eds-media-card__arrow-icon"
   })));
 };
 
+var _excluded$1 = ["children", "className", "max", "variant", "showZero", "invisible", "as", "type"];
 var defaultElement$4 = 'span';
-var Badge = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+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,
@@ -144,7 +170,7 @@ var Badge = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       as = _ref.as,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'status' : _ref$type,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "className", "max", "variant", "showZero", "invisible", "as", "type"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
 
   var Element = as || defaultElement$4;
   var invisible = invisibleProp;
@@ -161,20 +187,20 @@ var Badge = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     displayValue = children;
   }
 
-  var classList = classNames('eds-badge', {
+  var classList = classNames__default["default"]('eds-badge', {
     'eds-badge--invisible': invisible,
     'eds-badge--show-zero': showZero
   }, "eds-badge--variant-" + variant, "eds-badge--type-" + type);
-  return React.createElement(Element, Object.assign({
+  return React__default["default"].createElement(Element, _extends({
     className: classList,
     ref: ref
   }, rest), displayValue);
 });
 
-var defaultElement$5 = 'span';
-var BulletBadge = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$5;
-  return React.createElement(Badge, Object.assign({
+var defaultElement$3 = 'span';
+var BulletBadge = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  var Element = props.as || defaultElement$3;
+  return React__default["default"].createElement(Badge, _extends({
     as: Element
   }, props, {
     ref: ref,
@@ -182,10 +208,10 @@ var BulletBadge = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 
-var defaultElement$6 = 'span';
-var NotificationBadge = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$6;
-  return React.createElement(Badge, Object.assign({
+var defaultElement$2 = 'span';
+var NotificationBadge = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  var Element = props.as || defaultElement$2;
+  return React__default["default"].createElement(Badge, _extends({
     as: Element
   }, props, {
     ref: ref,
@@ -193,10 +219,10 @@ var NotificationBadge = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 
-var defaultElement$7 = 'span';
-var StatusBadge = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$7;
-  return React.createElement(Badge, Object.assign({
+var defaultElement$1 = 'span';
+var StatusBadge = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  var Element = props.as || defaultElement$1;
+  return React__default["default"].createElement(Badge, _extends({
     as: Element
   }, props, {
     ref: ref,
@@ -204,20 +230,21 @@ var StatusBadge = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 
-var defaultElement$8 = 'div';
+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, ["className", "children", "compact", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  var Element = as || defaultElement$8;
-  var childrenArray = React.Children.toArray(children);
+  var Element = as || defaultElement;
+  var childrenArray = React__default["default"].Children.toArray(children);
   var hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== 'string';
   var hasTrailingIcon = childrenArray.length > 1 && typeof childrenArray[childrenArray.length - 1] !== 'string';
-  return React.createElement(Element, Object.assign({
-    className: classNames('eds-tag', className, {
+  return React__default["default"].createElement(Element, _extends({
+    className: classNames__default["default"]('eds-tag', className, {
       'eds-tag--leading-icon': hasLeadingIcon,
       'eds-tag--trailing-icon': hasTrailingIcon,
       'eds-tag--compact': compact

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<\n  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 {\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<\n  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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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"layout.cjs.production.min.js","sources":["../src/Contrast.tsx","../src/BaseCard.tsx","../src/Badge/Badge.tsx","../src/Badge/BulletBadge.tsx","../src/Badge/NotificationBadge.tsx","../src/Badge/StatusBadge.tsx","../src/index.tsx","../src/MediaCard.tsx","../src/NavigationCard.tsx","../src/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport {\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<\n  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 {\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<\n  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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"}

package/dist/layout.esm.js

@@ -4,6 +4,24 @@ import classNames from 'classnames';
 import { Heading3, Paragraph, Label } from '@entur/typography';
 import { ExternalIcon, ForwardIcon } from '@entur/icons';
 
+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 = {};
@@ -19,16 +37,17 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-var defaultElement = 'div';
+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, ["className", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
 
-  var Element = as || defaultElement;
+  var Element = as || defaultElement$8;
   return React.createElement(ContrastContext.Provider, {
     value: true
-  }, React.createElement(Element, Object.assign({
+  }, React.createElement(Element, _extends({
     className: classNames('eds-contrast', className),
     ref: ref
   }, rest)));
@@ -38,21 +57,23 @@ var useContrast = function useContrast() {
   return React.useContext(ContrastContext);
 };
 
-var defaultElement$1 = 'div';
+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, ["children", "className", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
 
-  var Element = as || defaultElement$1;
+  var Element = as || defaultElement$7;
   var classList = classNames('eds-base-card', className);
-  return React.createElement(Element, Object.assign({
+  return React.createElement(Element, _extends({
     className: classList
   }, rest), children);
 };
 
-var defaultElement$2 = 'a';
+var _excluded$3 = ["title", "children", "titleIcon", "compact", "className", "externalLink", "as"];
+var defaultElement$6 = 'a';
 var NavigationCard = function NavigationCard(_ref) {
   var title = _ref.title,
       children = _ref.children,
@@ -63,14 +84,14 @@ var NavigationCard = function NavigationCard(_ref) {
       _ref$externalLink = _ref.externalLink,
       externalLink = _ref$externalLink === void 0 ? false : _ref$externalLink,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["title", "children", "titleIcon", "compact", "className", "externalLink", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
-  var Element = as || defaultElement$2;
+  var Element = as || defaultElement$6;
   var classList = classNames('eds-navigation-card', className, {
     'eds-base-card--red-line': compact,
     'eds-navigation-card--compact': compact
   });
-  return React.createElement(BaseCard, Object.assign({
+  return React.createElement(BaseCard, _extends({
     as: Element,
     className: classList
   }, rest), !compact && titleIcon && React.createElement("div", {
@@ -90,7 +111,8 @@ var NavigationCard = function NavigationCard(_ref) {
   }));
 };
 
-var defaultElement$3 = 'a';
+var _excluded$2 = ["title", "description", "children", "className", "category", "style", "as", "wholeCardAsElement"];
+var defaultElement$5 = 'a';
 var MediaCard = function MediaCard(_ref) {
   var title = _ref.title,
       description = _ref.description,
@@ -100,21 +122,21 @@ var MediaCard = function MediaCard(_ref) {
       style = _ref.style,
       as = _ref.as,
       whole = _ref.wholeCardAsElement,
-      rest = _objectWithoutPropertiesLoose(_ref, ["title", "description", "children", "className", "category", "style", "as", "wholeCardAsElement"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
 
-  var Element = as || defaultElement$3;
+  var Element = as || defaultElement$5;
   var classList = classNames('eds-base-card', 'eds-media-card', className);
   var wrapperElement = whole ? Element : 'div';
   var wrapperProps = whole ? rest : {};
   var innerProps = whole ? {} : rest;
   var InnerElement = whole ? 'div' : Element;
-  return React.createElement(BaseCard, Object.assign({
+  return React.createElement(BaseCard, _extends({
     as: wrapperElement,
     className: classList,
     style: style
   }, wrapperProps), React.createElement("div", {
     className: "eds-media-card__media"
-  }, children), React.createElement(InnerElement, Object.assign({
+  }, children), React.createElement(InnerElement, _extends({
     className: "eds-media-card__text"
   }, innerProps), category && React.createElement(Label, {
     className: "eds-media-card__category"
@@ -125,6 +147,7 @@ var MediaCard = function MediaCard(_ref) {
   })));
 };
 
+var _excluded$1 = ["children", "className", "max", "variant", "showZero", "invisible", "as", "type"];
 var defaultElement$4 = 'span';
 var Badge = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -138,7 +161,7 @@ var Badge = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       as = _ref.as,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'status' : _ref$type,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "className", "max", "variant", "showZero", "invisible", "as", "type"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
 
   var Element = as || defaultElement$4;
   var invisible = invisibleProp;
@@ -159,16 +182,16 @@ var Badge = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     'eds-badge--invisible': invisible,
     'eds-badge--show-zero': showZero
   }, "eds-badge--variant-" + variant, "eds-badge--type-" + type);
-  return React.createElement(Element, Object.assign({
+  return React.createElement(Element, _extends({
     className: classList,
     ref: ref
   }, rest), displayValue);
 });
 
-var defaultElement$5 = 'span';
+var defaultElement$3 = 'span';
 var BulletBadge = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$5;
-  return React.createElement(Badge, Object.assign({
+  var Element = props.as || defaultElement$3;
+  return React.createElement(Badge, _extends({
     as: Element
   }, props, {
     ref: ref,
@@ -176,10 +199,10 @@ var BulletBadge = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 
-var defaultElement$6 = 'span';
+var defaultElement$2 = 'span';
 var NotificationBadge = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$6;
-  return React.createElement(Badge, Object.assign({
+  var Element = props.as || defaultElement$2;
+  return React.createElement(Badge, _extends({
     as: Element
   }, props, {
     ref: ref,
@@ -187,10 +210,10 @@ var NotificationBadge = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 
-var defaultElement$7 = 'span';
+var defaultElement$1 = 'span';
 var StatusBadge = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$7;
-  return React.createElement(Badge, Object.assign({
+  var Element = props.as || defaultElement$1;
+  return React.createElement(Badge, _extends({
     as: Element
   }, props, {
     ref: ref,
@@ -198,19 +221,20 @@ var StatusBadge = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 
-var defaultElement$8 = 'div';
+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, ["className", "children", "compact", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  var Element = as || defaultElement$8;
+  var Element = as || defaultElement;
   var childrenArray = React.Children.toArray(children);
   var hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== 'string';
   var hasTrailingIcon = childrenArray.length > 1 && typeof childrenArray[childrenArray.length - 1] !== 'string';
-  return React.createElement(Element, Object.assign({
+  return React.createElement(Element, _extends({
     className: classNames('eds-tag', className, {
       'eds-tag--leading-icon': hasLeadingIcon,
       'eds-tag--trailing-icon': hasTrailingIcon,

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<\n  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 {\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<\n  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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"}

package/dist/styles.css

@@ -1,6 +1,4 @@
-:root {
-  --eds-layout: 1;
-}/* DO NOT CHANGE!*/
+/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-contrast {
   --primary-background-color: #181c56;
@@ -8,6 +6,8 @@
   --primary-label-color: #aeb7e2;
   background-color: var(--primary-background-color);
   color: var(--primary-text-color);
+}:root {
+  --eds-layout: 1;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-base-card {
@@ -16,7 +16,9 @@
   border: 0.0625rem solid #e9e9e9;
   border-radius: 0.25rem;
   align-items: center;
-  appearance: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
   text-decoration: none;
   color: inherit;
 }
@@ -58,13 +60,22 @@
   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;
 }
+.eds-media-card:focus, .eds-media-card[focus-within] {
+  outline: none;
+  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
+}
 .eds-media-card:focus, .eds-media-card:focus-within {
   outline: none;
   box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
 }
+.eds-contrast .eds-media-card:focus, .eds-contrast .eds-media-card[focus-within] {
+  box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
+}
 .eds-contrast .eds-media-card:focus, .eds-contrast .eds-media-card:focus-within {
   box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
 }
@@ -80,6 +91,8 @@
   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;
 }
@@ -88,7 +101,9 @@
   box-shadow: 0 0.125rem 1rem 0 rgba(0, 0, 0, 0.1);
 }
 .eds-media-card__text {
-  appearance: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
   cursor: pointer;
   color: inherit;
   display: flex;
@@ -221,6 +236,8 @@
   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;
   padding: 2px 8px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/layout",
-  "version": "2.1.3",
+  "version": "2.1.6",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/layout.esm.js",
@@ -17,22 +17,22 @@
     "access": "public"
   },
   "scripts": {
-    "start": "tsdx watch --noClean",
-    "build": "tsdx build",
-    "test": "tsdx test --env=jsdom",
-    "lint": "tsdx lint"
+    "start": "dts watch --noClean",
+    "build": "dts build",
+    "test": "dts test --env=jsdom",
+    "lint": "dts lint"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/typography": "^1.6.10",
-    "@entur/utils": "^0.4.2",
+    "@entur/typography": "^1.6.13",
+    "@entur/utils": "^0.4.3",
     "classnames": "^2.3.1"
   },
   "devDependencies": {
-    "@entur/tokens": "^3.3.0"
+    "@entur/tokens": "^3.3.2"
   },
-  "gitHead": "6255452bbbb124b6569095cf08f96143873a7f8e"
+  "gitHead": "9e25b2a4a4ab659dc368f51ad0e0b74bee26e1d0"
 }