@entur/layout 2.1.12-RC.0 → 2.1.12-RC.2

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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [2.1.12-RC.2](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.12-RC.1...@entur/layout@2.1.12-RC.2) (2022-11-22)
7
+
8
+ **Note:** Version bump only for package @entur/layout
9
+
10
+ ## [2.1.12-RC.1](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.12-RC.0...@entur/layout@2.1.12-RC.1) (2022-11-21)
11
+
12
+ **Note:** Version bump only for package @entur/layout
13
+
6
14
  ## [2.1.12-RC.0](https://bitbucket.org/enturas/design-system/compare/@entur/layout@2.1.12-alpha.1...@entur/layout@2.1.12-RC.0) (2022-11-21)
7
15
 
8
16
  **Note:** Version bump only for package @entur/layout
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import './Badge.scss';
3
3
  import { PolymorphicForwardRefExoticComponent, PolymorphicPropsWithRef } from '@entur/utils';
4
- export declare type BadgeTypes = 'status' | 'bullet' | 'notification';
5
- export declare type BadgeOwnProps = {
4
+ export type BadgeTypes = 'status' | 'bullet' | 'notification';
5
+ export type BadgeOwnProps = {
6
6
  /** Elementet som wrapper badgen
7
7
  * @default "span"
8
8
  */
@@ -23,7 +23,7 @@ export declare type BadgeOwnProps = {
23
23
  max?: number;
24
24
  type?: BadgeTypes;
25
25
  };
26
- export declare type BadgeProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithRef<BadgeOwnProps, E>;
26
+ export type BadgeProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithRef<BadgeOwnProps, E>;
27
27
  declare const defaultElement = "span";
28
28
  export declare const Badge: PolymorphicForwardRefExoticComponent<BadgeOwnProps, typeof defaultElement>;
29
29
  export {};
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { PolymorphicPropsWithRef, PolymorphicForwardRefExoticComponent } from '@entur/utils';
3
- declare type BulletBadgeBaseProps = {
3
+ type BulletBadgeBaseProps = {
4
4
  /** Elementet som wrapper badgen
5
5
  * @default "span"
6
6
  */
@@ -12,7 +12,7 @@ declare type BulletBadgeBaseProps = {
12
12
  /** Hvilken type badge man vil ha */
13
13
  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
14
14
  };
15
- export declare type BulletBadgeProps<T extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithRef<BulletBadgeBaseProps, T>;
15
+ export type BulletBadgeProps<T extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithRef<BulletBadgeBaseProps, T>;
16
16
  declare const defaultElement = "span";
17
17
  export declare const BulletBadge: PolymorphicForwardRefExoticComponent<BulletBadgeBaseProps, typeof defaultElement>;
18
18
  export {};
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { PolymorphicPropsWithRef, PolymorphicForwardRefExoticComponent } from '@entur/utils';
3
- declare type NotificationBadgeBaseProps = {
3
+ type NotificationBadgeBaseProps = {
4
4
  /** Elementet som wrapper badgen
5
5
  * @default "span"
6
6
  */
@@ -20,7 +20,7 @@ declare type NotificationBadgeBaseProps = {
20
20
  */
21
21
  max?: number;
22
22
  };
23
- export declare type NotificationBadgePropsProps<T extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithRef<NotificationBadgeBaseProps, T>;
23
+ export type NotificationBadgePropsProps<T extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithRef<NotificationBadgeBaseProps, T>;
24
24
  declare const defaultElement = "span";
25
25
  export declare const NotificationBadge: PolymorphicForwardRefExoticComponent<NotificationBadgeBaseProps, typeof defaultElement>;
26
26
  export {};
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { PolymorphicPropsWithRef, PolymorphicForwardRefExoticComponent } from '@entur/utils';
3
- declare type StatusBadgeBaseProps = {
3
+ type StatusBadgeBaseProps = {
4
4
  /** Elementet som wrapper badgen
5
5
  * @default "span"
6
6
  */
@@ -12,7 +12,7 @@ declare type StatusBadgeBaseProps = {
12
12
  /** Hvilken type badge man vil ha */
13
13
  variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
14
14
  };
15
- export declare type StatusBadgeProps<T extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithRef<StatusBadgeBaseProps, T>;
15
+ export type StatusBadgeProps<T extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithRef<StatusBadgeBaseProps, T>;
16
16
  declare const defaultElement = "span";
17
17
  export declare const StatusBadge: PolymorphicForwardRefExoticComponent<StatusBadgeBaseProps, typeof defaultElement>;
18
18
  export {};
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { PolymorphicPropsWithoutRef } from '@entur/utils';
3
3
  import './BaseCard.scss';
4
- export declare type BaseCardOwnProps = {
4
+ export type BaseCardOwnProps = {
5
5
  /** HTML-elementet eller React-komponenten som lager Card
6
6
  * @default "div"
7
7
  */
@@ -10,7 +10,7 @@ export declare type BaseCardOwnProps = {
10
10
  className?: string;
11
11
  children?: React.ReactNode;
12
12
  };
13
- export declare type BaseCardProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<BaseCardOwnProps, E>;
13
+ export type BaseCardProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<BaseCardOwnProps, E>;
14
14
  declare const defaultElement = "div";
15
15
  export declare const BaseCard: <E extends React.ElementType<any> = "div">({ children, className, as, ...rest }: BaseCardProps<E>) => JSX.Element;
16
16
  export {};
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
2
  import { PolymorphicForwardRefExoticComponent, PolymorphicPropsWithRef } from '@entur/utils';
3
- export declare type ContrastBaseProps = {
3
+ export type ContrastBaseProps = {
4
4
  /** Ekstra klassenavn */
5
5
  className?: string;
6
6
  };
7
- export declare type ContrastProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithRef<ContrastBaseProps, E>;
7
+ export type ContrastProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithRef<ContrastBaseProps, E>;
8
8
  declare const defaultElement = "div";
9
9
  export declare const Contrast: PolymorphicForwardRefExoticComponent<ContrastBaseProps, typeof defaultElement>;
10
10
  export declare const ContrastContext: React.Context<boolean>;
@@ -1,7 +1,7 @@
1
1
  import React, { CSSProperties } from 'react';
2
2
  import './MediaCard.scss';
3
3
  import { PolymorphicPropsWithoutRef } from '@entur/utils';
4
- export declare type MediaCardOwnProps = {
4
+ export type MediaCardOwnProps = {
5
5
  /** HTML-elementet eller React-komponenten som lager bunnen (under media) av MediaCard
6
6
  * @default 'a'
7
7
  */
@@ -23,7 +23,7 @@ export declare type MediaCardOwnProps = {
23
23
  */
24
24
  wholeCardAsElement?: boolean;
25
25
  };
26
- export declare type MediaCardProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<MediaCardOwnProps, E>;
26
+ export type MediaCardProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<MediaCardOwnProps, E>;
27
27
  declare const defaultElement = "a";
28
28
  export declare const MediaCard: <E extends React.ElementType<any> = "a">({ title, description, children, className, category, style, as, wholeCardAsElement: whole, ...rest }: MediaCardProps<E>) => JSX.Element;
29
29
  export default MediaCard;
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import './NavigationCard.scss';
3
3
  import { PolymorphicPropsWithoutRef } from '@entur/utils';
4
- export declare type NavigationCardOwnProps = {
4
+ export type NavigationCardOwnProps = {
5
5
  /** HTML-elementet eller React-komponenten som lager NavigationCard
6
6
  * @default 'a'
7
7
  */
@@ -23,7 +23,7 @@ export declare type NavigationCardOwnProps = {
23
23
  */
24
24
  externalLink?: boolean;
25
25
  };
26
- export declare type NavigationCardProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<NavigationCardOwnProps, E>;
26
+ export type NavigationCardProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<NavigationCardOwnProps, E>;
27
27
  declare const defaultElement = "a";
28
28
  export declare const NavigationCard: <E extends React.ElementType<any> = "a">({ title, children, titleIcon, compact, className, externalLink, as, ...rest }: NavigationCardProps<E>) => JSX.Element;
29
29
  export {};
package/dist/Tag.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import './Tag.scss';
3
3
  import { PolymorphicPropsWithoutRef } from '@entur/utils';
4
- export declare type TagOwnProps = {
4
+ export type TagOwnProps = {
5
5
  /** HTML-elementet eller React-komponenten som rendres
6
6
  * @default 'div'
7
7
  */
@@ -14,7 +14,7 @@ export declare type TagOwnProps = {
14
14
  compact?: boolean;
15
15
  children: React.ReactNode;
16
16
  };
17
- export declare type TagProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<TagOwnProps, E>;
17
+ export type TagProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<TagOwnProps, E>;
18
18
  declare const defaultElement = "div";
19
19
  export declare const Tag: <E extends React.ElementType<any> = "div">({ className, children, compact, as, ...rest }: TagProps<E>) => JSX.Element;
20
20
  export {};
@@ -14,35 +14,29 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
  var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
15
15
 
16
16
  function _extends() {
17
- _extends = Object.assign || function (target) {
17
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
18
18
  for (var i = 1; i < arguments.length; i++) {
19
19
  var source = arguments[i];
20
-
21
20
  for (var key in source) {
22
21
  if (Object.prototype.hasOwnProperty.call(source, key)) {
23
22
  target[key] = source[key];
24
23
  }
25
24
  }
26
25
  }
27
-
28
26
  return target;
29
27
  };
30
-
31
28
  return _extends.apply(this, arguments);
32
29
  }
33
-
34
30
  function _objectWithoutPropertiesLoose(source, excluded) {
35
31
  if (source == null) return {};
36
32
  var target = {};
37
33
  var sourceKeys = Object.keys(source);
38
34
  var key, i;
39
-
40
35
  for (i = 0; i < sourceKeys.length; i++) {
41
36
  key = sourceKeys[i];
42
37
  if (excluded.indexOf(key) >= 0) continue;
43
38
  target[key] = source[key];
44
39
  }
45
-
46
40
  return target;
47
41
  }
48
42
 
@@ -50,9 +44,8 @@ var _excluded$5 = ["className", "as"];
50
44
  var defaultElement$8 = 'div';
51
45
  var Contrast = /*#__PURE__*/React__default["default"].forwardRef(function Contrast(_ref, ref) {
52
46
  var className = _ref.className,
53
- as = _ref.as,
54
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
55
-
47
+ as = _ref.as,
48
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
56
49
  var Element = as || defaultElement$8;
57
50
  return React__default["default"].createElement(ContrastContext.Provider, {
58
51
  value: true
@@ -70,10 +63,9 @@ var _excluded$4 = ["children", "className", "as"];
70
63
  var defaultElement$7 = 'div';
71
64
  var BaseCard = function BaseCard(_ref) {
72
65
  var children = _ref.children,
73
- className = _ref.className,
74
- as = _ref.as,
75
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
76
-
66
+ className = _ref.className,
67
+ as = _ref.as,
68
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
77
69
  var Element = as || defaultElement$7;
78
70
  var classList = classNames__default["default"]('eds-base-card', className);
79
71
  return React__default["default"].createElement(Element, _extends({
@@ -85,16 +77,15 @@ var _excluded$3 = ["title", "children", "titleIcon", "compact", "className", "ex
85
77
  var defaultElement$6 = 'a';
86
78
  var NavigationCard = function NavigationCard(_ref) {
87
79
  var title = _ref.title,
88
- children = _ref.children,
89
- titleIcon = _ref.titleIcon,
90
- _ref$compact = _ref.compact,
91
- compact = _ref$compact === void 0 ? false : _ref$compact,
92
- className = _ref.className,
93
- _ref$externalLink = _ref.externalLink,
94
- externalLink = _ref$externalLink === void 0 ? false : _ref$externalLink,
95
- as = _ref.as,
96
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
97
-
80
+ children = _ref.children,
81
+ titleIcon = _ref.titleIcon,
82
+ _ref$compact = _ref.compact,
83
+ compact = _ref$compact === void 0 ? false : _ref$compact,
84
+ className = _ref.className,
85
+ _ref$externalLink = _ref.externalLink,
86
+ externalLink = _ref$externalLink === void 0 ? false : _ref$externalLink,
87
+ as = _ref.as,
88
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
98
89
  var Element = as || defaultElement$6;
99
90
  var classList = classNames__default["default"]('eds-navigation-card', className, {
100
91
  'eds-base-card--red-line': compact,
@@ -124,15 +115,14 @@ var _excluded$2 = ["title", "description", "children", "className", "category",
124
115
  var defaultElement$5 = 'a';
125
116
  var MediaCard = function MediaCard(_ref) {
126
117
  var title = _ref.title,
127
- description = _ref.description,
128
- children = _ref.children,
129
- className = _ref.className,
130
- category = _ref.category,
131
- style = _ref.style,
132
- as = _ref.as,
133
- whole = _ref.wholeCardAsElement,
134
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
135
-
118
+ description = _ref.description,
119
+ children = _ref.children,
120
+ className = _ref.className,
121
+ category = _ref.category,
122
+ style = _ref.style,
123
+ as = _ref.as,
124
+ whole = _ref.wholeCardAsElement,
125
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
136
126
  var Element = as || defaultElement$5;
137
127
  var classList = classNames__default["default"]('eds-base-card', 'eds-media-card', className);
138
128
  var wrapperElement = whole ? Element : 'div';
@@ -160,33 +150,28 @@ var _excluded$1 = ["children", "className", "max", "variant", "showZero", "invis
160
150
  var defaultElement$4 = 'span';
161
151
  var Badge = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
162
152
  var children = _ref.children,
163
- _ref$max = _ref.max,
164
- max = _ref$max === void 0 ? 99 : _ref$max,
165
- variant = _ref.variant,
166
- _ref$showZero = _ref.showZero,
167
- showZero = _ref$showZero === void 0 ? false : _ref$showZero,
168
- _ref$invisible = _ref.invisible,
169
- invisibleProp = _ref$invisible === void 0 ? false : _ref$invisible,
170
- as = _ref.as,
171
- _ref$type = _ref.type,
172
- type = _ref$type === void 0 ? 'status' : _ref$type,
173
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
174
-
153
+ _ref$max = _ref.max,
154
+ max = _ref$max === void 0 ? 99 : _ref$max,
155
+ variant = _ref.variant,
156
+ _ref$showZero = _ref.showZero,
157
+ showZero = _ref$showZero === void 0 ? false : _ref$showZero,
158
+ _ref$invisible = _ref.invisible,
159
+ invisibleProp = _ref$invisible === void 0 ? false : _ref$invisible,
160
+ as = _ref.as,
161
+ _ref$type = _ref.type,
162
+ type = _ref$type === void 0 ? 'status' : _ref$type,
163
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
175
164
  var Element = as || defaultElement$4;
176
165
  var invisible = invisibleProp;
177
-
178
166
  if (invisibleProp === false && (children === 0 && !showZero || children == null)) {
179
167
  invisible = true;
180
168
  }
181
-
182
169
  var displayValue;
183
-
184
170
  if (typeof children === 'number') {
185
171
  displayValue = children > max ? max + "+" : children;
186
172
  } else {
187
173
  displayValue = children;
188
174
  }
189
-
190
175
  var classList = classNames__default["default"]('eds-badge', {
191
176
  'eds-badge--invisible': invisible,
192
177
  'eds-badge--show-zero': showZero
@@ -234,11 +219,10 @@ var _excluded = ["className", "children", "compact", "as"];
234
219
  var defaultElement = 'div';
235
220
  var Tag = function Tag(_ref) {
236
221
  var className = _ref.className,
237
- children = _ref.children,
238
- compact = _ref.compact,
239
- as = _ref.as,
240
- rest = _objectWithoutPropertiesLoose(_ref, _excluded);
241
-
222
+ children = _ref.children,
223
+ compact = _ref.compact,
224
+ as = _ref.as,
225
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded);
242
226
  var Element = as || defaultElement;
243
227
  var childrenArray = React__default["default"].Children.toArray(children);
244
228
  var hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== 'string';
@@ -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","_excluded","Element","ContrastContext","Provider","value","createElement","classNames","createContext","useContrast","useContext","BaseCard","children","classList","NavigationCard","title","titleIcon","compact","externalLink","Heading3","Fragment","Paragraph","ExternalIcon","ForwardIcon","MediaCard","description","category","style","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,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),a=require("react"),t=require("classnames"),r=require("@entur/typography"),n=require("@entur/icons");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(a),d=s(t);function c(){return c=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},c.apply(this,arguments)}function i(e,a){if(null==e)return{};var t,r,n={},s=Object.keys(e);for(r=0;r<s.length;r++)a.indexOf(t=s[r])>=0||(n[t]=e[t]);return n}var o=["className","as"],u=l.default.forwardRef((function(e,a){var t=e.className,r=e.as,n=i(e,o);return l.default.createElement(f.Provider,{value:!0},l.default.createElement(r||"div",c({className:d.default("eds-contrast",t),ref:a},n)))})),f=l.default.createContext(!1),m=["children","className","as"],p=function(e){var a=e.children,t=e.className,r=e.as,n=i(e,m),s=r||"div",o=d.default("eds-base-card",t);return l.default.createElement(s,c({className:o},n),a)},v=["title","children","titleIcon","compact","className","externalLink","as"],g=["title","description","children","className","category","style","as","wholeCardAsElement"],N=["children","className","max","variant","showZero","invisible","as","type"],E=l.default.forwardRef((function(e,a){var t,r=e.children,n=e.max,s=void 0===n?99:n,o=e.variant,u=e.showZero,f=void 0!==u&&u,m=e.invisible,p=void 0!==m&&m,v=e.as,g=e.type,E=void 0===g?"status":g,y=i(e,N),_=v||"span",h=p;!1!==p||(0!==r||f)&&null!=r||(h=!0),t="number"==typeof r&&r>s?s+"+":r;var x=d.default("eds-badge",{"eds-badge--invisible":h,"eds-badge--show-zero":f},"eds-badge--variant-"+o,"eds-badge--type-"+E);return l.default.createElement(_,c({className:x,ref:a},y),t)})),y=l.default.forwardRef((function(e,a){return l.default.createElement(E,c({as:e.as||"span"},e,{ref:a,type:"bullet"}))})),_=l.default.forwardRef((function(e,a){return l.default.createElement(E,c({as:e.as||"span"},e,{ref:a,type:"notification"}))})),h=l.default.forwardRef((function(e,a){return l.default.createElement(E,c({as:e.as||"span"},e,{ref:a,type:"status"}))})),x=["className","children","compact","as"];e.warnAboutMissingStyles("layout","typography"),exports.Badge=E,exports.BaseCard=p,exports.BulletBadge=y,exports.Contrast=u,exports.ContrastContext=f,exports.MediaCard=function(e){var a=e.title,t=e.description,s=e.children,o=e.className,u=e.category,f=e.style,m=e.as,v=e.wholeCardAsElement,N=i(e,g),E=m||"a",y=d.default("eds-base-card","eds-media-card",o),_=v?{}:N,h=v?"div":E;return l.default.createElement(p,c({as:v?E:"div",className:y,style:f},v?N:{}),l.default.createElement("div",{className:"eds-media-card__media"},s),l.default.createElement(h,c({className:"eds-media-card__text"},_),u&&l.default.createElement(r.Label,{className:"eds-media-card__category"},u),l.default.createElement("div",{className:"eds-media-card__title"},a),l.default.createElement(r.Paragraph,null,t),l.default.createElement(n.ForwardIcon,{className:"eds-media-card__arrow-icon"})))},exports.NavigationCard=function(e){var a=e.title,t=e.children,s=e.titleIcon,o=e.compact,u=void 0!==o&&o,f=e.className,m=e.externalLink,g=void 0!==m&&m,N=e.as,E=i(e,v),y=N||"a",_=d.default("eds-navigation-card",f,{"eds-base-card--red-line":u,"eds-navigation-card--compact":u});return l.default.createElement(p,c({as:y,className:_},E),!u&&s&&l.default.createElement("div",{className:"eds-navigation-card__title-icon"},s),l.default.createElement("span",{className:"eds-navigation-card__title"},u&&s&&l.default.createElement("span",{className:"eds-navigation-card__title-icon-compact"},s),l.default.createElement(r.Heading3,{as:"span"},a)),!u&&l.default.createElement(l.default.Fragment,null,l.default.createElement(r.Paragraph,null,t),g&&l.default.createElement(n.ExternalIcon,{className:"eds-navigation-card__external--not-compact"})),u&&g&&l.default.createElement(n.ExternalIcon,{className:"eds-navigattion-card__icon eds-navigation-card__external--compact"}),u&&!g&&l.default.createElement(n.ForwardIcon,{className:"eds-navigattion-card__icon eds-navigation-card__arrow-icon"}))},exports.NotificationBadge=_,exports.StatusBadge=h,exports.Tag=function(e){var a=e.className,t=e.children,r=e.compact,n=e.as,s=i(e,x),o=n||"div",u=l.default.Children.toArray(t);return l.default.createElement(o,c({className:d.default("eds-tag",a,{"eds-tag--leading-icon":u.length>1&&"string"!=typeof u[0],"eds-tag--trailing-icon":u.length>1&&"string"!=typeof u[u.length-1],"eds-tag--compact":r})},s),t)},exports.useContrast=function(){return l.default.useContext(f)};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),a=require("react"),t=require("classnames"),r=require("@entur/typography"),n=require("@entur/icons");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(a),d=s(t);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},c.apply(this,arguments)}function i(e,a){if(null==e)return{};var t,r,n={},s=Object.keys(e);for(r=0;r<s.length;r++)a.indexOf(t=s[r])>=0||(n[t]=e[t]);return n}var o=["className","as"],u=l.default.forwardRef((function(e,a){var t=e.className,r=e.as,n=i(e,o);return l.default.createElement(f.Provider,{value:!0},l.default.createElement(r||"div",c({className:d.default("eds-contrast",t),ref:a},n)))})),f=l.default.createContext(!1),m=["children","className","as"],p=function(e){var a=e.children,t=e.className,r=e.as,n=i(e,m),s=r||"div",o=d.default("eds-base-card",t);return l.default.createElement(s,c({className:o},n),a)},v=["title","children","titleIcon","compact","className","externalLink","as"],g=["title","description","children","className","category","style","as","wholeCardAsElement"],N=["children","className","max","variant","showZero","invisible","as","type"],E=l.default.forwardRef((function(e,a){var t,r=e.children,n=e.max,s=void 0===n?99:n,o=e.variant,u=e.showZero,f=void 0!==u&&u,m=e.invisible,p=void 0!==m&&m,v=e.as,g=e.type,E=void 0===g?"status":g,y=i(e,N),_=v||"span",h=p;!1!==p||(0!==r||f)&&null!=r||(h=!0),t="number"==typeof r&&r>s?s+"+":r;var x=d.default("eds-badge",{"eds-badge--invisible":h,"eds-badge--show-zero":f},"eds-badge--variant-"+o,"eds-badge--type-"+E);return l.default.createElement(_,c({className:x,ref:a},y),t)})),y=l.default.forwardRef((function(e,a){return l.default.createElement(E,c({as:e.as||"span"},e,{ref:a,type:"bullet"}))})),_=l.default.forwardRef((function(e,a){return l.default.createElement(E,c({as:e.as||"span"},e,{ref:a,type:"notification"}))})),h=l.default.forwardRef((function(e,a){return l.default.createElement(E,c({as:e.as||"span"},e,{ref:a,type:"status"}))})),x=["className","children","compact","as"];e.warnAboutMissingStyles("layout","typography"),exports.Badge=E,exports.BaseCard=p,exports.BulletBadge=y,exports.Contrast=u,exports.ContrastContext=f,exports.MediaCard=function(e){var a=e.title,t=e.description,s=e.children,o=e.className,u=e.category,f=e.style,m=e.as,v=e.wholeCardAsElement,N=i(e,g),E=m||"a",y=d.default("eds-base-card","eds-media-card",o),_=v?{}:N,h=v?"div":E;return l.default.createElement(p,c({as:v?E:"div",className:y,style:f},v?N:{}),l.default.createElement("div",{className:"eds-media-card__media"},s),l.default.createElement(h,c({className:"eds-media-card__text"},_),u&&l.default.createElement(r.Label,{className:"eds-media-card__category"},u),l.default.createElement("div",{className:"eds-media-card__title"},a),l.default.createElement(r.Paragraph,null,t),l.default.createElement(n.ForwardIcon,{className:"eds-media-card__arrow-icon"})))},exports.NavigationCard=function(e){var a=e.title,t=e.children,s=e.titleIcon,o=e.compact,u=void 0!==o&&o,f=e.className,m=e.externalLink,g=void 0!==m&&m,N=e.as,E=i(e,v),y=N||"a",_=d.default("eds-navigation-card",f,{"eds-base-card--red-line":u,"eds-navigation-card--compact":u});return l.default.createElement(p,c({as:y,className:_},E),!u&&s&&l.default.createElement("div",{className:"eds-navigation-card__title-icon"},s),l.default.createElement("span",{className:"eds-navigation-card__title"},u&&s&&l.default.createElement("span",{className:"eds-navigation-card__title-icon-compact"},s),l.default.createElement(r.Heading3,{as:"span"},a)),!u&&l.default.createElement(l.default.Fragment,null,l.default.createElement(r.Paragraph,null,t),g&&l.default.createElement(n.ExternalIcon,{className:"eds-navigation-card__external--not-compact"})),u&&g&&l.default.createElement(n.ExternalIcon,{className:"eds-navigattion-card__icon eds-navigation-card__external--compact"}),u&&!g&&l.default.createElement(n.ForwardIcon,{className:"eds-navigattion-card__icon eds-navigation-card__arrow-icon"}))},exports.NotificationBadge=_,exports.StatusBadge=h,exports.Tag=function(e){var a=e.className,t=e.children,r=e.compact,n=e.as,s=i(e,x),o=n||"div",u=l.default.Children.toArray(t);return l.default.createElement(o,c({className:d.default("eds-tag",a,{"eds-tag--leading-icon":u.length>1&&"string"!=typeof u[0],"eds-tag--trailing-icon":u.length>1&&"string"!=typeof u[u.length-1],"eds-tag--compact":r})},s),t)},exports.useContrast=function(){return l.default.useContext(f)};
2
2
  //# sourceMappingURL=layout.cjs.production.min.js.map
@@ -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","_objectWithoutPropertiesLoose","_ref","_excluded","ContrastContext","Provider","value","createElement","_extends","classNames","createContext","BaseCard","children","Element","classList","Badge","displayValue","_ref$max","max","variant","_ref$showZero","showZero","_ref$invisible","invisible","invisibleProp","_ref$type","type","BulletBadge","props","NotificationBadge","StatusBadge","warnAboutMissingStyles","title","description","category","style","whole","wholeCardAsElement","innerProps","InnerElement","Label","Paragraph","ForwardIcon","titleIcon","_ref$compact","compact","_ref$externalLink","externalLink","Heading3","Fragment","ExternalIcon","childrenArray","Children","toArray","length","useContext"],"mappings":"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"}
@@ -5,35 +5,29 @@ import { Heading3, Paragraph, Label } from '@entur/typography';
5
5
  import { ExternalIcon, ForwardIcon } from '@entur/icons';
6
6
 
7
7
  function _extends() {
8
- _extends = Object.assign || function (target) {
8
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
9
9
  for (var i = 1; i < arguments.length; i++) {
10
10
  var source = arguments[i];
11
-
12
11
  for (var key in source) {
13
12
  if (Object.prototype.hasOwnProperty.call(source, key)) {
14
13
  target[key] = source[key];
15
14
  }
16
15
  }
17
16
  }
18
-
19
17
  return target;
20
18
  };
21
-
22
19
  return _extends.apply(this, arguments);
23
20
  }
24
-
25
21
  function _objectWithoutPropertiesLoose(source, excluded) {
26
22
  if (source == null) return {};
27
23
  var target = {};
28
24
  var sourceKeys = Object.keys(source);
29
25
  var key, i;
30
-
31
26
  for (i = 0; i < sourceKeys.length; i++) {
32
27
  key = sourceKeys[i];
33
28
  if (excluded.indexOf(key) >= 0) continue;
34
29
  target[key] = source[key];
35
30
  }
36
-
37
31
  return target;
38
32
  }
39
33
 
@@ -41,9 +35,8 @@ var _excluded$5 = ["className", "as"];
41
35
  var defaultElement$8 = 'div';
42
36
  var Contrast = /*#__PURE__*/React.forwardRef(function Contrast(_ref, ref) {
43
37
  var className = _ref.className,
44
- as = _ref.as,
45
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
46
-
38
+ as = _ref.as,
39
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
47
40
  var Element = as || defaultElement$8;
48
41
  return React.createElement(ContrastContext.Provider, {
49
42
  value: true
@@ -61,10 +54,9 @@ var _excluded$4 = ["children", "className", "as"];
61
54
  var defaultElement$7 = 'div';
62
55
  var BaseCard = function BaseCard(_ref) {
63
56
  var children = _ref.children,
64
- className = _ref.className,
65
- as = _ref.as,
66
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
67
-
57
+ className = _ref.className,
58
+ as = _ref.as,
59
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
68
60
  var Element = as || defaultElement$7;
69
61
  var classList = classNames('eds-base-card', className);
70
62
  return React.createElement(Element, _extends({
@@ -76,16 +68,15 @@ var _excluded$3 = ["title", "children", "titleIcon", "compact", "className", "ex
76
68
  var defaultElement$6 = 'a';
77
69
  var NavigationCard = function NavigationCard(_ref) {
78
70
  var title = _ref.title,
79
- children = _ref.children,
80
- titleIcon = _ref.titleIcon,
81
- _ref$compact = _ref.compact,
82
- compact = _ref$compact === void 0 ? false : _ref$compact,
83
- className = _ref.className,
84
- _ref$externalLink = _ref.externalLink,
85
- externalLink = _ref$externalLink === void 0 ? false : _ref$externalLink,
86
- as = _ref.as,
87
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
88
-
71
+ children = _ref.children,
72
+ titleIcon = _ref.titleIcon,
73
+ _ref$compact = _ref.compact,
74
+ compact = _ref$compact === void 0 ? false : _ref$compact,
75
+ className = _ref.className,
76
+ _ref$externalLink = _ref.externalLink,
77
+ externalLink = _ref$externalLink === void 0 ? false : _ref$externalLink,
78
+ as = _ref.as,
79
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
89
80
  var Element = as || defaultElement$6;
90
81
  var classList = classNames('eds-navigation-card', className, {
91
82
  'eds-base-card--red-line': compact,
@@ -115,15 +106,14 @@ var _excluded$2 = ["title", "description", "children", "className", "category",
115
106
  var defaultElement$5 = 'a';
116
107
  var MediaCard = function MediaCard(_ref) {
117
108
  var title = _ref.title,
118
- description = _ref.description,
119
- children = _ref.children,
120
- className = _ref.className,
121
- category = _ref.category,
122
- style = _ref.style,
123
- as = _ref.as,
124
- whole = _ref.wholeCardAsElement,
125
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
126
-
109
+ description = _ref.description,
110
+ children = _ref.children,
111
+ className = _ref.className,
112
+ category = _ref.category,
113
+ style = _ref.style,
114
+ as = _ref.as,
115
+ whole = _ref.wholeCardAsElement,
116
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
127
117
  var Element = as || defaultElement$5;
128
118
  var classList = classNames('eds-base-card', 'eds-media-card', className);
129
119
  var wrapperElement = whole ? Element : 'div';
@@ -151,33 +141,28 @@ var _excluded$1 = ["children", "className", "max", "variant", "showZero", "invis
151
141
  var defaultElement$4 = 'span';
152
142
  var Badge = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
153
143
  var children = _ref.children,
154
- _ref$max = _ref.max,
155
- max = _ref$max === void 0 ? 99 : _ref$max,
156
- variant = _ref.variant,
157
- _ref$showZero = _ref.showZero,
158
- showZero = _ref$showZero === void 0 ? false : _ref$showZero,
159
- _ref$invisible = _ref.invisible,
160
- invisibleProp = _ref$invisible === void 0 ? false : _ref$invisible,
161
- as = _ref.as,
162
- _ref$type = _ref.type,
163
- type = _ref$type === void 0 ? 'status' : _ref$type,
164
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
165
-
144
+ _ref$max = _ref.max,
145
+ max = _ref$max === void 0 ? 99 : _ref$max,
146
+ variant = _ref.variant,
147
+ _ref$showZero = _ref.showZero,
148
+ showZero = _ref$showZero === void 0 ? false : _ref$showZero,
149
+ _ref$invisible = _ref.invisible,
150
+ invisibleProp = _ref$invisible === void 0 ? false : _ref$invisible,
151
+ as = _ref.as,
152
+ _ref$type = _ref.type,
153
+ type = _ref$type === void 0 ? 'status' : _ref$type,
154
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
166
155
  var Element = as || defaultElement$4;
167
156
  var invisible = invisibleProp;
168
-
169
157
  if (invisibleProp === false && (children === 0 && !showZero || children == null)) {
170
158
  invisible = true;
171
159
  }
172
-
173
160
  var displayValue;
174
-
175
161
  if (typeof children === 'number') {
176
162
  displayValue = children > max ? max + "+" : children;
177
163
  } else {
178
164
  displayValue = children;
179
165
  }
180
-
181
166
  var classList = classNames('eds-badge', {
182
167
  'eds-badge--invisible': invisible,
183
168
  'eds-badge--show-zero': showZero
@@ -225,11 +210,10 @@ var _excluded = ["className", "children", "compact", "as"];
225
210
  var defaultElement = 'div';
226
211
  var Tag = function Tag(_ref) {
227
212
  var className = _ref.className,
228
- children = _ref.children,
229
- compact = _ref.compact,
230
- as = _ref.as,
231
- rest = _objectWithoutPropertiesLoose(_ref, _excluded);
232
-
213
+ children = _ref.children,
214
+ compact = _ref.compact,
215
+ as = _ref.as,
216
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded);
233
217
  var Element = as || defaultElement;
234
218
  var childrenArray = React.Children.toArray(children);
235
219
  var hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== 'string';
@@ -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","_excluded","Element","ContrastContext","Provider","value","createElement","classNames","createContext","useContrast","useContext","BaseCard","children","classList","NavigationCard","title","titleIcon","compact","externalLink","Heading3","Fragment","Paragraph","ExternalIcon","ForwardIcon","MediaCard","description","category","style","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
@@ -1,6 +1,4 @@
1
- :root {
2
- --eds-layout: 1;
3
- }/* DO NOT CHANGE!*/
1
+ /* DO NOT CHANGE!*/
4
2
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
5
3
  .eds-contrast {
6
4
  --primary-background-color: #181c56;
@@ -8,6 +6,8 @@
8
6
  --primary-label-color: #aeb7e2;
9
7
  background-color: var(--primary-background-color);
10
8
  color: var(--primary-text-color);
9
+ }:root {
10
+ --eds-layout: 1;
11
11
  }/* DO NOT CHANGE!*/
12
12
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
13
13
  /* DO NOT CHANGE!*/
@@ -51,7 +51,7 @@
51
51
  border-radius: 0.25rem;
52
52
  }
53
53
  .eds-contrast .eds-navigation-card:before {
54
- box-shadow: 0 0.125rem 1rem 0 #393d79;
54
+ box-shadow: 0 0.125rem 1rem 0 rgb(57, 61, 121);
55
55
  }
56
56
  .eds-navigation-card:hover {
57
57
  transform: translateY(-0.25rem);
@@ -133,42 +133,13 @@
133
133
  .eds-contrast .eds-base-card {
134
134
  background-color: #292b6a;
135
135
  border-color: #54568c;
136
- box-shadow: 0 0.0625rem 0.1875rem 0 #393d79;
137
- }/* DO NOT CHANGE!*/
138
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
139
- .eds-tag {
140
- background: #e9e9e9;
141
- color: #181c56;
142
- display: inline-block;
143
- min-width: 2rem;
144
- padding: 0.25rem 0.75rem;
145
- font-size: 0.875rem;
146
- line-height: 1.375rem;
147
- }
148
- .eds-tag--leading-icon .eds-icon {
149
- margin-right: 0.5rem;
150
- }
151
- .eds-tag--trailing-icon .eds-icon {
152
- margin-left: 0.5rem;
153
- }
154
- .eds-tag--compact {
155
- font-size: 0.75rem;
156
- padding: 0.125rem 0.5rem;
157
- line-height: 1.25rem;
158
- height: 1.5rem;
159
- }
160
- .eds-tag--compact.eds-tag--leading-icon .eds-icon {
161
- margin-right: 0.25rem;
162
- }
163
- .eds-tag--compact.eds-tag--trailing-icon .eds-icon {
164
- margin-left: 0.25rem;
136
+ box-shadow: 0 0.0625rem 0.1875rem 0 rgb(57, 61, 121);
165
137
  }/* DO NOT CHANGE!*/
166
138
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
167
139
  .eds-media-card {
168
140
  flex-direction: column;
169
141
  overflow: hidden;
170
142
  position: relative;
171
- width: -webkit-fit-content;
172
143
  width: -moz-fit-content;
173
144
  width: fit-content;
174
145
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
@@ -199,7 +170,6 @@
199
170
  font-weight: 600;
200
171
  margin: 0.75rem 0 0.5rem;
201
172
  text-align: left;
202
- width: -webkit-fit-content;
203
173
  width: -moz-fit-content;
204
174
  width: fit-content;
205
175
  position: relative;
@@ -227,6 +197,34 @@
227
197
  margin: 1rem 0 1.5rem;
228
198
  }/* DO NOT CHANGE!*/
229
199
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
200
+ .eds-tag {
201
+ background: #e9e9e9;
202
+ color: #181c56;
203
+ display: inline-block;
204
+ min-width: 2rem;
205
+ padding: 0.25rem 0.75rem;
206
+ font-size: 0.875rem;
207
+ line-height: 1.375rem;
208
+ }
209
+ .eds-tag--leading-icon .eds-icon {
210
+ margin-right: 0.5rem;
211
+ }
212
+ .eds-tag--trailing-icon .eds-icon {
213
+ margin-left: 0.5rem;
214
+ }
215
+ .eds-tag--compact {
216
+ font-size: 0.75rem;
217
+ padding: 0.125rem 0.5rem;
218
+ line-height: 1.25rem;
219
+ height: 1.5rem;
220
+ }
221
+ .eds-tag--compact.eds-tag--leading-icon .eds-icon {
222
+ margin-right: 0.25rem;
223
+ }
224
+ .eds-tag--compact.eds-tag--trailing-icon .eds-icon {
225
+ margin-left: 0.25rem;
226
+ }/* DO NOT CHANGE!*/
227
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
230
228
  .eds-badge {
231
229
  display: flex;
232
230
  justify-content: center;
@@ -236,7 +234,6 @@
236
234
  font-size: 0.75rem;
237
235
  min-width: 1.5rem;
238
236
  height: 1.5rem;
239
- width: -webkit-fit-content;
240
237
  width: -moz-fit-content;
241
238
  width: fit-content;
242
239
  line-height: 1rem;
@@ -383,7 +380,7 @@
383
380
  left: 0;
384
381
  content: "";
385
382
  position: absolute;
386
- top: calc(0.625rem / 2);
383
+ top: 0.3125rem;
387
384
  height: 0.625rem;
388
385
  width: 0.625rem;
389
386
  border-radius: 50%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/layout",
3
- "version": "2.1.12-RC.0",
3
+ "version": "2.1.12-RC.2",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/layout.esm.js",
@@ -27,12 +27,12 @@
27
27
  "react-dom": ">=16.8.0"
28
28
  },
29
29
  "dependencies": {
30
- "@entur/typography": "^1.7.1-RC.0",
31
- "@entur/utils": "^0.5.0-RC.0",
30
+ "@entur/typography": "^1.7.1-RC.2",
31
+ "@entur/utils": "^0.5.0-RC.2",
32
32
  "classnames": "^2.3.1"
33
33
  },
34
34
  "devDependencies": {
35
35
  "@entur/tokens": "^3.4.1"
36
36
  },
37
- "gitHead": "eb50f5092d80dcdfe5c35bdcd7970e9af29e620a"
37
+ "gitHead": "c994dd720e55fc4652ef5f05d7235d61b6bbfbf9"
38
38
  }