npm - @entur/layout - Versions diffs - 2.1.12 → 2.1.13 - Mend

@entur/layout 2.1.12 → 2.1.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/layout.cjs.development.js +37 -53
package/dist/layout.cjs.development.js.map +1 -1
package/dist/layout.cjs.production.min.js.map +1 -1
package/dist/layout.esm.js +37 -53
package/dist/layout.esm.js.map +1 -1
package/dist/styles.css +4 -7
package/package.json +14 -9
package/CHANGELOG.md +0 -404

package/dist/layout.cjs.development.js CHANGED Viewed

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

package/dist/layout.cjs.development.js.map CHANGED Viewed

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

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

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

package/dist/layout.esm.js CHANGED Viewed

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

package/dist/layout.esm.js.map CHANGED Viewed

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

package/dist/styles.css CHANGED Viewed

@@ -1,4 +1,6 @@
-/* DO NOT CHANGE!*/
+:root {
+  --eds-layout: 1;
+}/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-contrast {
   --primary-background-color: #181c56;
@@ -6,8 +8,6 @@
   --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 {
@@ -32,7 +32,6 @@
   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;
@@ -63,7 +62,6 @@
   font-weight: 600;
   margin: 0.75rem 0 0.5rem;
   text-align: left;
-  width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   position: relative;
@@ -216,7 +214,7 @@
 }
 .eds-tag--compact {
   font-size: 0.75rem;
-  padding: 0.125rem 0.5rem;
+  padding: Calc(0.25rem / 2) 0.5rem;
   line-height: 1.25rem;
   height: 1.5rem;
 }
@@ -236,7 +234,6 @@
   font-size: 0.75rem;
   min-width: 1.5rem;
   height: 1.5rem;
-  width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   line-height: 1rem;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@entur/layout",
-  "version": "2.1.12",
+  "version": "2.1.13",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/layout.esm.js",
@@ -17,22 +17,27 @@
     "access": "public"
   },
   "scripts": {
-    "start": "dts watch --noClean",
-    "build": "dts build",
-    "test": "dts test --env=jsdom",
-    "lint": "dts lint"
+    "start": "yarn run dts watch --noClean",
+    "build": "yarn run dts build",
+    "test": "yarn run dts test --env=jsdom",
+    "lint": "yarn run dts lint"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/typography": "^1.7.1",
-    "@entur/utils": "^0.4.6",
+    "@entur/typography": "^1.7.2",
+    "@entur/utils": "^0.4.7",
     "classnames": "^2.3.1"
   },
   "devDependencies": {
-    "@entur/tokens": "^3.4.1"
+    "@entur/tokens": "^3.4.2",
+    "dts-cli": "^1.1.6",
+    "jest": "^27.0.0",
+    "jest-watch-typeahead": "^2.2.0",
+    "ts-jest": "^27.0.0",
+    "typescript": "^4.8.0"
   },
-  "gitHead": "11fde5ffbfd805773572c3a7d999d63f2733e0c7"
+  "gitHead": "8915b1630bd936740ba9a4a88883f3432948a80e"
 }

package/CHANGELOG.md DELETED Viewed

@@ -1,404 +0,0 @@
-# Change Log
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-## [2.1.12](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.11...@entur/layout@2.1.12) (2022-10-31)
-**Note:** Version bump only for package @entur/layout
-## [2.1.10](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.9...@entur/layout@2.1.10) (2022-08-31)
-**Note:** Version bump only for package @entur/layout
-## [2.1.9](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.8...@entur/layout@2.1.9) (2022-08-24)
-**Note:** Version bump only for package @entur/layout
-## [2.1.8](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.7...@entur/layout@2.1.8) (2022-08-09)
-**Note:** Version bump only for package @entur/layout
-## [2.1.7](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.6...@entur/layout@2.1.7) (2022-06-02)
-**Note:** Version bump only for package @entur/layout
-## [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
-## [2.1.2](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.1...@entur/layout@2.1.2) (2021-09-23)
-**Note:** Version bump only for package @entur/layout
-## [2.1.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.0...@entur/layout@2.1.1) (2021-09-07)
-### Bug Fixes
-- fix lint warnings ([fecb950](https://bitbucket.org/enturas/design-system/commits/fecb95073921975c0c2eaea313afb63235a63589))
-- utilize reworked focus token ([586758f](https://bitbucket.org/enturas/design-system/commits/586758fc86eb5aa52116c63c14ef033eb2e8b12f))
-# [2.1.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.0.1...@entur/layout@2.1.0) (2021-07-16)
-### Features
-- **media card:** add wholeCardAsElement prop ([77bda47](https://bitbucket.org/enturas/design-system/commits/77bda475dad9f80d4e95d14cc88c225bb35c11db))
-## [2.0.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.0.0...@entur/layout@2.0.1) (2021-06-25)
-### Bug Fixes
-- update dependencies ([8757f55](https://bitbucket.org/enturas/design-system/commits/8757f551ea84321b1fec788636cef6912ba42af8))
-# [2.0.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.10.4...@entur/layout@2.0.0) (2021-06-04)
-### Features
-- add new component notification badge ([738d1db](https://bitbucket.org/enturas/design-system/commits/738d1db64ed9bd99881aea76fcbf77624265eee8))
-- add new component status badge ([f9757ba](https://bitbucket.org/enturas/design-system/commits/f9757ba14e57ea5467c4770c06f4db30570de276))
-- **badge:** add type prop to component ([2aba830](https://bitbucket.org/enturas/design-system/commits/2aba830991cf8267534f8a2feaf89c903ac3b2e6))
-- **bullet badge:** add new component bullet badge ([c6d0bce](https://bitbucket.org/enturas/design-system/commits/c6d0bcea0558576b41829277fa5c2036fb2caaf0))
-### BREAKING CHANGES
-- **badge:** select type after your need, or use the new badge components directly
-## [1.10.4](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.10.3...@entur/layout@1.10.4) (2021-05-19)
-### Bug Fixes
-- **navigation card:** improve component styling on mobile ([4387991](https://bitbucket.org/enturas/design-system/commits/4387991d6f03531edab250f855de10c2aecfe60b))
-## [1.10.3](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.10.2...@entur/layout@1.10.3) (2021-04-23)
-### Bug Fixes
-- utilize new focus tokens ([17113ef](https://bitbucket.org/enturas/design-system/commits/17113ef3f791c86fa6e19e71680fd5acdbae4990))
-## [1.10.2](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.10.1...@entur/layout@1.10.2) (2021-03-02)
-**Note:** Version bump only for package @entur/layout
-## [1.10.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.10.0...@entur/layout@1.10.1) (2021-02-17)
-### Bug Fixes
-- **polymorphism:** update polymorphism dependency ([dc4c31d](https://bitbucket.org/enturas/design-system/commits/dc4c31d8e891a46c1f0c1fbd0a6a026c1638accc))
-# [1.10.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.9.3...@entur/layout@1.10.0) (2021-01-29)
-### Bug Fixes
-- **navigationcard:** remove arrow icon on non compact cards ([e1d7134](https://bitbucket.org/enturas/design-system/commits/e1d713422adff6cb25b883630ea1a27d4408ca2d))
-### Features
-- **contrast:** export contrast react-context ([793fad7](https://bitbucket.org/enturas/design-system/commits/793fad790e81cc09e171e9226688711da93f8863))
-## [1.9.3](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.9.2...@entur/layout@1.9.3) (2021-01-20)
-**Note:** Version bump only for package @entur/layout
-## [1.9.2](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.9.1...@entur/layout@1.9.2) (2021-01-13)
-### Bug Fixes
-- transpose grey colors for updated color tokens ([d6a444c](https://bitbucket.org/enturas/design-system/commits/d6a444c2c37339b9bac0702738ed52693367d344))
-## [1.9.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.9.0...@entur/layout@1.9.1) (2021-01-05)
-**Note:** Version bump only for package @entur/layout
-# [1.9.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.8.3...@entur/layout@1.9.0) (2020-12-04)
-### Bug Fixes
-- **contrast:** improve typings ([160c495](https://bitbucket.org/enturas/design-system/commits/160c4955687a3a072fd8b806799a27228153f8a9))
-### Features
-- **badge:** add support for polymorphic component typings ([b6aaba5](https://bitbucket.org/enturas/design-system/commits/b6aaba5c9a3424798d5ab94c4d32269fd53576c2))
-- **cards:** add support for polymorphic component typings ([7531e31](https://bitbucket.org/enturas/design-system/commits/7531e31222f924576f8b03d0ebc90fae517e400a))
-- **contrast:** add support for polymorphic component typings ([b2639ad](https://bitbucket.org/enturas/design-system/commits/b2639ad289a30e9dabc213dfb92e9f12b06377d6))
-- **tag:** add support for polymorphic component typings ([a9a4bf0](https://bitbucket.org/enturas/design-system/commits/a9a4bf018543d57951a34284e3721380684dddb4))
-## [1.8.3](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.8.2...@entur/layout@1.8.3) (2020-11-05)
-**Note:** Version bump only for package @entur/layout
-## [1.8.2](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.8.1...@entur/layout@1.8.2) (2020-10-23)
-**Note:** Version bump only for package @entur/layout
-## [1.8.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.8.0...@entur/layout@1.8.1) (2020-10-09)
-### Bug Fixes
-- **badge:** decrease font weight ([9b7bf2f](https://bitbucket.org/enturas/design-system/commits/9b7bf2f4f6676268cdc33c7461b75b56e6bdc640))
-# [1.8.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.7.5...@entur/layout@1.8.0) (2020-09-25)
-### Features
-- **navigation card:** add externallink prop ([37a66de](https://bitbucket.org/enturas/design-system/commits/37a66de4e02022e8a54df3ea68205a05ad5ace6d))
-## [1.7.5](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.7.4...@entur/layout@1.7.5) (2020-09-14)
-**Note:** Version bump only for package @entur/layout
-## [1.7.4](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.7.3...@entur/layout@1.7.4) (2020-09-02)
-### Bug Fixes
-- **media card:** shift font size for new token ([3185b6a](https://bitbucket.org/enturas/design-system/commits/3185b6a474f1ef8c369f6aba53c2b2c28c0fa140))
-- **navigation card:** shift font size for new token ([ed39b1e](https://bitbucket.org/enturas/design-system/commits/ed39b1ecc15b8a06fa40d85c467e2ffd8693b15c))
-## [1.7.3](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.7.2...@entur/layout@1.7.3) (2020-08-19)
-**Note:** Version bump only for package @entur/layout
-## [1.7.2](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.7.1...@entur/layout@1.7.2) (2020-08-11)
-**Note:** Version bump only for package @entur/layout
-## [1.7.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.7.0...@entur/layout@1.7.1) (2020-07-24)
-### Bug Fixes
-- add forwardref to badge component ([7a2532e](https://bitbucket.org/enturas/design-system/commits/7a2532eda6ed564f0267d918d4ba2ceca3887a9b))
-# [1.7.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.6.0...@entur/layout@1.7.0) (2020-07-13)
-### Features
-- add forward referencing to Contrast ([63ebcb8](https://bitbucket.org/enturas/design-system/commits/63ebcb8b865b8aa71cfb85331d74292457cb2a13))
-- add info and neutral variant for badge ([d187808](https://bitbucket.org/enturas/design-system/commits/d187808627cd3186b52d6293cd626374ef96fa58))
-# [1.6.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.5.0...@entur/layout@1.6.0) (2020-07-09)
-### Features
-- add compact prop for tag component ([fe271c1](https://bitbucket.org/enturas/design-system/commits/fe271c11beed22641379cc90634eb54a55d42b6a))
-# [1.5.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.4.4...@entur/layout@1.5.0) (2020-07-03)
-### Features
-- titleicon for compact navcard, and simplified design ([ae0d2e4](https://bitbucket.org/enturas/design-system/commits/ae0d2e4e0e00d65c7edf119d96ef024b9f8eb101))
-## [1.4.4](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.4.3...@entur/layout@1.4.4) (2020-06-17)
-**Note:** Version bump only for package @entur/layout
-## [1.4.3](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.4.2...@entur/layout@1.4.3) (2020-05-27)
-**Note:** Version bump only for package @entur/layout
-## [1.4.2](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.4.1...@entur/layout@1.4.2) (2020-05-26)
-**Note:** Version bump only for package @entur/layout
-## [1.4.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.4.0...@entur/layout@1.4.1) (2020-05-20)
-**Note:** Version bump only for package @entur/layout
-# [1.4.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.3.6...@entur/layout@1.4.0) (2020-04-27)
-### Features
-- add category prop for media cards ([5ec6540](https://bitbucket.org/enturas/design-system/commits/5ec65404ecf445f44ed223366d817aacf5adc9ac))
-## [1.3.6](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.3.5...@entur/layout@1.3.6) (2020-04-23)
-### Bug Fixes
-- fixed mediacard red-line bug ([d95d1d1](https://bitbucket.org/enturas/design-system/commits/d95d1d1ea190db502c224f135d15fb3f80002806))
-- updated to use new focus styling where applicable ([d0a52c0](https://bitbucket.org/enturas/design-system/commits/d0a52c096b673c6647070a90dd79bef9003ee0ad))
-## [1.3.5](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.3.4...@entur/layout@1.3.5) (2020-04-08)
-### Bug Fixes
-- fix border color for cards in contrast ([564aa85](https://bitbucket.org/enturas/design-system/commits/564aa85014b63bda47159fb7782a4a71577e9a7d))
-## [1.3.4](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.3.2...@entur/layout@1.3.4) (2020-03-25)
-### Bug Fixes
-- add thin border to navigationcards ([b4be3e7](https://bitbucket.org/enturas/design-system/commits/b4be3e71f5146f55f5ab383b9e344b15a2e8f0ab))
-## [1.3.3](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.3.2...@entur/layout@1.3.3) (2020-03-25)
-### Bug Fixes
-- add thin border to navigationcards ([b4be3e7](https://bitbucket.org/enturas/design-system/commits/b4be3e71f5146f55f5ab383b9e344b15a2e8f0ab))
-## [1.3.2](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.3.1...@entur/layout@1.3.2) (2020-03-20)
-### Bug Fixes
-- small styling tweak for cards ([a616522](https://bitbucket.org/enturas/design-system/commits/a61652276e10cd14d836d2241cd160b9b5742d7d))
-## [1.3.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.3.0...@entur/layout@1.3.1) (2020-03-18)
-### Bug Fixes
-- update styling for card components ([5505e22](https://bitbucket.org/enturas/design-system/commits/5505e224b778d1793a8ec3a56f06eb6aec1b17bc))
-# [1.3.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.2.4...@entur/layout@1.3.0) (2020-02-26)
-### Bug Fixes
-- readjust hover effect for cards ([1f09cb7](https://bitbucket.org/enturas/design-system/commits/1f09cb7242fcec9c0c0927c951c7f76a47e4e0fa))
-### Features
-- adding the tag component ([213edb6](https://bitbucket.org/enturas/design-system/commits/213edb6bcaec751f4eff7a024e87c974d90202ba))
-- **badge:** adding the badge component ([f88f222](https://bitbucket.org/enturas/design-system/commits/f88f22221f66c2376b01773de2245d079014ccd8))
-## [1.2.4](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.2.3...@entur/layout@1.2.4) (2020-02-20)
-### Bug Fixes
-- update navigationcard to align with new small typography ([ec23db5](https://bitbucket.org/enturas/design-system/commits/ec23db52ce70a45699a4a74e326f478185d1d729))
-## [1.2.3](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.2.2...@entur/layout@1.2.3) (2020-02-14)
-**Note:** Version bump only for package @entur/layout
-## [1.2.2](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.2.1...@entur/layout@1.2.2) (2020-02-10)
-### Bug Fixes
-- remove deprecated and colliding styling ([81f3128](https://bitbucket.org/enturas/design-system/commits/81f3128afb75b74ae9d4e643ca2d7af1b1efabb3))
-## [1.2.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.2.0...@entur/layout@1.2.1) (2020-02-05)
-### Bug Fixes
-- fixing broken flow for mediacard ([b9069b8](https://bitbucket.org/enturas/design-system/commits/b9069b8bb115f750968ae194f357b72d3f1442ab))
-# [1.2.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.1.1...@entur/layout@1.2.0) (2020-02-05)
-### Bug Fixes
-- fix contrast styling for card-components ([9490181](https://bitbucket.org/enturas/design-system/commits/9490181256c3f628bde9125e468b6d26d77bc220))
-- remove test-files from build process ([e0b24af](https://bitbucket.org/enturas/design-system/commits/e0b24af05d5c2ad8de4ae587d83c389495235890))
-- update look and hover-effect for navigationcard ([05690ac](https://bitbucket.org/enturas/design-system/commits/05690ac39553e2aaf6130d3eca230e009bdd1ff4))
-### Features
-- adding new component: mediacard ([00989a9](https://bitbucket.org/enturas/design-system/commits/00989a9b740b8526db5cc237381bdd982c9a391c))
-- new look and feel for navigationcards ([942398c](https://bitbucket.org/enturas/design-system/commits/942398c7ab5ffc53e96679ce1893738e4eb94066))
-## [1.1.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.1.0...@entur/layout@1.1.1) (2020-01-28)
-**Note:** Version bump only for package @entur/layout
-# [1.1.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.0.5...@entur/layout@1.1.0) (2020-01-27)
-### Bug Fixes
-- update navigationcards to comply with new typography ([3d77634](https://bitbucket.org/enturas/design-system/commits/3d776344dbfdec913f73bc33fcf209d6fdafd088))
-- **types:** place types in the correct place ([acace09](https://bitbucket.org/enturas/design-system/commits/acace09ec0e258c5cff3a65e13ab29d6603780d9))
-### Features
-- adding the useContrast-hook, for contrast awereness in JS/TS ([ba580ef](https://bitbucket.org/enturas/design-system/commits/ba580ef67c7250f7ea7d9ecb0c6662b5ed8449d1))
-## [1.0.5](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.0.4...@entur/layout@1.0.5) (2020-01-20)
-**Note:** Version bump only for package @entur/layout
-## [1.0.4](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.0.3...@entur/layout@1.0.4) (2020-01-14)
-**Note:** Version bump only for package @entur/layout
-## [1.0.3](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.0.2...@entur/layout@1.0.3) (2020-01-13)
-**Note:** Version bump only for package @entur/layout
-## [1.0.2](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.0.1...@entur/layout@1.0.2) (2020-01-08)
-### Bug Fixes
-- warn in development if the developer have forgotten the CSS ([e5c30fc](https://bitbucket.org/enturas/design-system/commits/e5c30fc08624ef22c02773892778abd92205c6b0))
-## [1.0.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@1.0.0...@entur/layout@1.0.1) (2020-01-06)
-**Note:** Version bump only for package @entur/layout
-# [1.0.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@0.4.1...@entur/layout@1.0.0) (2019-12-10)
-### Bug Fixes
-- adding default prop as part of documentation ([1ef7510](https://bitbucket.org/enturas/design-system/commits/1ef75107362f6262429d7fe31519b4353eccc8de))
-- **Card:** renaming CardBox/Tab, to NavigationCard ([da9856a](https://bitbucket.org/enturas/design-system/commits/da9856a285136e773825efe6ea4e927fea4a0ef4))
-### Features
-- adding new component Card ([836331f](https://bitbucket.org/enturas/design-system/commits/836331f985baee213d116ec364b19a864d73755f))
-### BREAKING CHANGES
-- **Card:** CardBox and CardTab are renamed to NavigationCard,
-  whereas CardBox is a renaming procedure(CardBox -> NavigationCard),
-  CardTab is NavigationCard with the compact prop
-## [0.4.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@0.4.0...@entur/layout@0.4.1) (2019-11-29)
-### Bug Fixes
-- using new box shadow tokens ([9ff30bd](https://bitbucket.org/enturas/design-system/commits/9ff30bd52ad2b6e6d770565684a05e15f0b0ba9a))
-# [0.4.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@0.3.2...@entur/layout@0.4.0) (2019-11-22)
-### Bug Fixes
-- add missing Props to end of type name ([d28f9c6](https://bitbucket.org/enturas/design-system/commits/d28f9c65dd2ab72c94108cad3dab39c320c95146))
-### Features
-- **types:** exporting all public types for public components ([4a277ab](https://bitbucket.org/enturas/design-system/commits/4a277ab266fdb32a6760821a07b1c6cc716bac85))
-## [0.3.2](https://bitbucket.org/enturas/design-system/compare/@entur/layout@0.3.1...@entur/layout@0.3.2) (2019-11-18)
-**Note:** Version bump only for package @entur/layout
-## [0.3.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@0.3.0...@entur/layout@0.3.1) (2019-11-14)
-### Bug Fixes
-- **css classnames:** fixing naming collisions with CSS classes ([a93ca43](https://bitbucket.org/enturas/design-system/commits/a93ca435d3a01d61d8f02694a672686b9e943a66))
-# [0.3.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@0.2.2...@entur/layout@0.3.0) (2019-11-07)
-### Features
-- **CardComponent:** adding the CardBox and CardTab component to layout ([22a5da2](https://bitbucket.org/enturas/design-system/commits/22a5da2d696736d9074f3b778a753aad960834ab))
-## [0.2.2](https://bitbucket.org/enturas/design-system/compare/@entur/layout@0.2.1...@entur/layout@0.2.2) (2019-10-30)
-**Note:** Version bump only for package @entur/layout
-## [0.2.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@0.2.0...@entur/layout@0.2.1) (2019-10-22)
-**Note:** Version bump only for package @entur/layout
-# 0.2.0 (2019-10-07)
-### Features
-- **layout:** add new package layout ([3ab2559](https://bitbucket.org/enturas/design-system/commits/3ab2559))