@entur/layout 3.1.9-beta.9 → 3.1.9

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.
@@ -1,239 +1,213 @@
1
- import { ConditionalWrapper, warnAboutMissingStyles } from '@entur/utils';
2
- import React from 'react';
3
- import classNames from 'classnames';
4
- import { Heading3, Paragraph, Label } from '@entur/typography';
5
- import { ForwardIcon } from '@entur/icons';
6
-
7
- function _extends() {
8
- return _extends = Object.assign ? Object.assign.bind() : function (n) {
9
- for (var e = 1; e < arguments.length; e++) {
10
- var t = arguments[e];
11
- for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
1
+ import { ConditionalWrapper, warnAboutMissingStyles } from "@entur/utils";
2
+ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
3
+ import React from "react";
4
+ import classNames from "classnames";
5
+ import { Heading3, Paragraph, Label } from "@entur/typography";
6
+ import { ForwardIcon } from "@entur/icons";
7
+ const defaultElement$8 = "div";
8
+ const Contrast = React.forwardRef(function Contrast2({ className, as, ...rest }, ref) {
9
+ const Element = as || defaultElement$8;
10
+ return /* @__PURE__ */ jsx(ContrastContext.Provider, { value: true, children: /* @__PURE__ */ jsx(
11
+ Element,
12
+ {
13
+ className: classNames("eds-contrast", className),
14
+ ref,
15
+ ...rest
12
16
  }
13
- return n;
14
- }, _extends.apply(null, arguments);
15
- }
16
- function _objectWithoutPropertiesLoose(r, e) {
17
- if (null == r) return {};
18
- var t = {};
19
- for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
20
- if (-1 !== e.indexOf(n)) continue;
21
- t[n] = r[n];
22
- }
23
- return t;
24
- }
25
-
26
- var _excluded$5 = ["className", "as"];
27
- var defaultElement$8 = 'div';
28
- var Contrast = /*#__PURE__*/React.forwardRef(function Contrast(_ref, ref) {
29
- var className = _ref.className,
30
- as = _ref.as,
31
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
32
- var Element = as || defaultElement$8;
33
- return React.createElement(ContrastContext.Provider, {
34
- value: true
35
- }, React.createElement(Element, _extends({
36
- className: classNames('eds-contrast', className),
37
- ref: ref
38
- }, rest)));
17
+ ) });
39
18
  });
40
- var ContrastContext = /*#__PURE__*/React.createContext(false);
41
- var useContrast = function useContrast() {
42
- return React.useContext(ContrastContext);
43
- };
44
-
45
- var _excluded$4 = ["children", "className", "as"];
46
- var defaultElement$7 = 'div';
47
- var BaseCard = function BaseCard(_ref) {
48
- var children = _ref.children,
49
- className = _ref.className,
50
- as = _ref.as,
51
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
52
- var Element = as || defaultElement$7;
53
- var classList = classNames('eds-base-card', className);
54
- return React.createElement(Element, _extends({
55
- className: classList
56
- }, rest), children);
19
+ const ContrastContext = React.createContext(false);
20
+ const useContrast = () => React.useContext(ContrastContext);
21
+ const defaultElement$7 = "div";
22
+ const BaseCard = ({
23
+ children,
24
+ className,
25
+ as,
26
+ ...rest
27
+ }) => {
28
+ const Element = as || defaultElement$7;
29
+ const classList = classNames("eds-base-card", className);
30
+ return /* @__PURE__ */ jsx(Element, { className: classList, ...rest, children });
57
31
  };
58
-
59
- var _excluded$3 = ["title", "children", "titleIcon", "compact", "className", "as"];
60
- var defaultElement$6 = 'a';
61
- var NavigationCard = function NavigationCard(_ref) {
62
- var title = _ref.title,
63
- children = _ref.children,
64
- titleIcon = _ref.titleIcon,
65
- _ref$compact = _ref.compact,
66
- compact = _ref$compact === void 0 ? false : _ref$compact,
67
- className = _ref.className,
68
- as = _ref.as,
69
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
70
- var Element = as || defaultElement$6;
71
- var classList = classNames('eds-navigation-card', className, {
72
- 'eds-base-card--red-line': compact,
73
- 'eds-navigation-card--compact': compact
32
+ const defaultElement$6 = "a";
33
+ const NavigationCard = ({
34
+ title,
35
+ children,
36
+ titleIcon,
37
+ compact = false,
38
+ className,
39
+ as,
40
+ ...rest
41
+ }) => {
42
+ const Element = as || defaultElement$6;
43
+ const classList = classNames("eds-navigation-card", className, {
44
+ "eds-base-card--red-line": compact,
45
+ "eds-navigation-card--compact": compact
74
46
  });
75
- return React.createElement(BaseCard, _extends({
76
- as: Element,
77
- className: classList
78
- }, rest), React.createElement("div", {
79
- className: "eds-navigation-card-header"
80
- }, React.createElement("div", {
81
- className: "eds-navigation-card-header__content"
82
- }, titleIcon && React.createElement("div", {
83
- className: "eds-navigation-card-header__title-icon",
84
- "aria-hidden": "true"
85
- }, titleIcon), React.createElement("span", {
86
- className: "eds-navigation-card-header__title"
87
- }, React.createElement(Heading3, {
88
- as: "span"
89
- }, title))), !compact && React.createElement("div", {
90
- className: "eds-navigation-card-header__highlight"
91
- })), !compact && React.createElement(React.Fragment, null, React.createElement(Paragraph, null, children)));
47
+ return /* @__PURE__ */ jsxs(BaseCard, { as: Element, className: classList, ...rest, children: [
48
+ /* @__PURE__ */ jsxs("div", { className: "eds-navigation-card-header", children: [
49
+ /* @__PURE__ */ jsxs("div", { className: "eds-navigation-card-header__content", children: [
50
+ titleIcon && /* @__PURE__ */ jsx(
51
+ "div",
52
+ {
53
+ className: "eds-navigation-card-header__title-icon",
54
+ "aria-hidden": "true",
55
+ children: titleIcon
56
+ }
57
+ ),
58
+ /* @__PURE__ */ jsx("span", { className: "eds-navigation-card-header__title", children: /* @__PURE__ */ jsx(Heading3, { as: "span", children: title }) })
59
+ ] }),
60
+ !compact && /* @__PURE__ */ jsx("div", { className: "eds-navigation-card-header__highlight" })
61
+ ] }),
62
+ !compact && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Paragraph, { children }) })
63
+ ] });
92
64
  };
93
-
94
- var _excluded$2 = ["title", "description", "children", "className", "category", "style", "as", "headingLevel", "wholeCardAsElement", "hideArrow", "wrapperProps", "orientation"];
95
- var defaultElement$5 = 'a';
96
- var MediaCard = function MediaCard(_ref) {
97
- var title = _ref.title,
98
- description = _ref.description,
99
- children = _ref.children,
100
- className = _ref.className,
101
- category = _ref.category,
102
- style = _ref.style,
103
- as = _ref.as,
104
- _ref$headingLevel = _ref.headingLevel,
105
- headingLevel = _ref$headingLevel === void 0 ? 'h2' : _ref$headingLevel,
106
- whole = _ref.wholeCardAsElement,
107
- hideArrow = _ref.hideArrow,
108
- wrapperProps = _ref.wrapperProps,
109
- orientation = _ref.orientation,
110
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
111
- var Element = as || defaultElement$5;
112
- var Heading = Heading3;
113
- var _wrapperProps = whole ? _extends({}, wrapperProps, rest) : _extends({}, wrapperProps);
114
- var classList = classNames('eds-base-card, eds-media-card', className, {
115
- 'eds-media-card--horizontal': orientation === 'horizontal'
65
+ const defaultElement$5 = "a";
66
+ const MediaCard = ({
67
+ title,
68
+ description,
69
+ children,
70
+ className,
71
+ category,
72
+ style,
73
+ as,
74
+ headingLevel = "h2",
75
+ wholeCardAsElement: whole,
76
+ hideArrow,
77
+ wrapperProps,
78
+ orientation,
79
+ ...rest
80
+ }) => {
81
+ const Element = as || defaultElement$5;
82
+ const Heading = Heading3;
83
+ const _wrapperProps = whole ? { ...wrapperProps, ...rest } : { ...wrapperProps };
84
+ const classList = classNames("eds-base-card, eds-media-card", className, {
85
+ "eds-media-card--horizontal": orientation === "horizontal"
116
86
  });
117
- return React.createElement(BaseCard, _extends({
118
- className: classList,
119
- style: style
120
- }, _wrapperProps), React.createElement("div", {
121
- className: "eds-media-card__media"
122
- }, children), React.createElement("div", {
123
- className: "eds-media-card__text"
124
- }, category && React.createElement(Label, {
125
- className: "eds-media-card__text__category"
126
- }, category), React.createElement(ConditionalWrapper, {
127
- condition: description !== undefined,
128
- wrapper: function wrapper(children) {
129
- return React.createElement(Heading, {
130
- as: headingLevel,
131
- className: "eds-media-card__text__title"
132
- }, children);
133
- }
134
- }, React.createElement(Element, _extends({
135
- tabIndex: 0,
136
- className: "eds-media-card__text__title-link"
137
- }, rest), title)), description !== undefined && React.createElement(Paragraph, null, description), !hideArrow && React.createElement(ForwardIcon, {
138
- className: "eds-media-card__arrow-icon",
139
- "aria-hidden": "true"
140
- })));
87
+ return /* @__PURE__ */ jsxs(BaseCard, { className: classList, style, ..._wrapperProps, children: [
88
+ /* @__PURE__ */ jsx("div", { className: "eds-media-card__media", children }),
89
+ /* @__PURE__ */ jsxs("div", { className: "eds-media-card__text", children: [
90
+ category && /* @__PURE__ */ jsx(Label, { className: "eds-media-card__text__category", children: category }),
91
+ /* @__PURE__ */ jsx(
92
+ ConditionalWrapper,
93
+ {
94
+ condition: description !== void 0,
95
+ wrapper: (children2) => /* @__PURE__ */ jsx(Heading, { as: headingLevel, className: "eds-media-card__text__title", children: children2 }),
96
+ children: /* @__PURE__ */ jsx(
97
+ Element,
98
+ {
99
+ tabIndex: 0,
100
+ className: "eds-media-card__text__title-link",
101
+ ...rest,
102
+ children: title
103
+ }
104
+ )
105
+ }
106
+ ),
107
+ description !== void 0 && /* @__PURE__ */ jsx(Paragraph, { children: description }),
108
+ !hideArrow && /* @__PURE__ */ jsx(
109
+ ForwardIcon,
110
+ {
111
+ className: "eds-media-card__arrow-icon",
112
+ "aria-hidden": "true"
113
+ }
114
+ )
115
+ ] })
116
+ ] });
141
117
  };
142
-
143
- var _excluded$1 = ["children", "className", "max", "variant", "showZero", "invisible", "hide", "as", "type"];
144
- var defaultElement$4 = 'span';
145
- var Badge = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
146
- var children = _ref.children,
147
- className = _ref.className,
148
- _ref$max = _ref.max,
149
- max = _ref$max === void 0 ? 99 : _ref$max,
150
- variant = _ref.variant,
151
- _ref$showZero = _ref.showZero,
152
- showZero = _ref$showZero === void 0 ? false : _ref$showZero,
153
- _ref$invisible = _ref.invisible,
154
- invisibleProp = _ref$invisible === void 0 ? false : _ref$invisible,
155
- _ref$hide = _ref.hide,
156
- hideProp = _ref$hide === void 0 ? false : _ref$hide,
157
- as = _ref.as,
158
- _ref$type = _ref.type,
159
- type = _ref$type === void 0 ? 'status' : _ref$type,
160
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
161
- var Element = as || defaultElement$4;
162
- var computedHide = hideProp || invisibleProp || children === 0 && !showZero || children == null;
163
- var displayValue;
164
- if (typeof children === 'number') {
165
- displayValue = children > max ? max + "+" : children;
166
- } else {
167
- displayValue = children;
118
+ const defaultElement$4 = "span";
119
+ const Badge = React.forwardRef(
120
+ ({
121
+ children,
122
+ className,
123
+ max = 99,
124
+ variant,
125
+ showZero = false,
126
+ invisible: invisibleProp = false,
127
+ hide: hideProp = false,
128
+ as,
129
+ type = "status",
130
+ ...rest
131
+ }, ref) => {
132
+ const Element = as || defaultElement$4;
133
+ const computedHide = hideProp || invisibleProp || children === 0 && !showZero || children == null;
134
+ let displayValue;
135
+ if (typeof children === "number") {
136
+ displayValue = children > max ? `${max}+` : children;
137
+ } else {
138
+ displayValue = children;
139
+ }
140
+ const classList = classNames(
141
+ className,
142
+ "eds-badge",
143
+ {
144
+ "eds-badge--hide": computedHide,
145
+ "eds-badge--show-zero": showZero
146
+ },
147
+ `eds-badge--variant-${variant}`,
148
+ `eds-badge--type-${type}`
149
+ );
150
+ return /* @__PURE__ */ jsx(Element, { className: classList, ref, ...rest, children: displayValue });
168
151
  }
169
- var classList = classNames(className, 'eds-badge', {
170
- 'eds-badge--hide': computedHide,
171
- 'eds-badge--show-zero': showZero
172
- }, "eds-badge--variant-" + variant, "eds-badge--type-" + type);
173
- return React.createElement(Element, _extends({
174
- className: classList,
175
- ref: ref
176
- }, rest), displayValue);
177
- });
178
-
179
- var defaultElement$3 = 'span';
180
- var BulletBadge = /*#__PURE__*/React.forwardRef(function (props, ref) {
181
- var Element = props.as || defaultElement$3;
182
- // @ts-expect-error type error due to props not being BadgeOwnProps
183
- return React.createElement(Badge, _extends({
184
- as: Element
185
- }, props, {
186
- ref: ref,
187
- type: "bullet"
188
- }));
189
- });
190
-
191
- var defaultElement$2 = 'span';
192
- var NotificationBadge = /*#__PURE__*/React.forwardRef(function (props, ref) {
193
- var Element = props.as || defaultElement$2;
194
- // @ts-expect-error type error due to props not being BadgeOwnProps
195
- return React.createElement(Badge, _extends({
196
- as: Element
197
- }, props, {
198
- ref: ref,
199
- type: "notification"
200
- }));
201
- });
202
-
203
- var defaultElement$1 = 'span';
204
- var StatusBadge = /*#__PURE__*/React.forwardRef(function (props, ref) {
205
- var Element = props.as || defaultElement$1;
206
- // @ts-expect-error type error due to props not being BadgeOwnProps
207
- return React.createElement(Badge, _extends({
208
- as: Element
209
- }, props, {
210
- ref: ref,
211
- type: "status"
212
- }));
213
- });
214
-
215
- var _excluded = ["className", "children", "compact", "as"];
216
- var defaultElement = 'div';
217
- var Tag = function Tag(_ref) {
218
- var className = _ref.className,
219
- children = _ref.children,
220
- compact = _ref.compact,
221
- as = _ref.as,
222
- rest = _objectWithoutPropertiesLoose(_ref, _excluded);
223
- var Element = as || defaultElement;
224
- var childrenArray = React.Children.toArray(children);
225
- var hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== 'string';
226
- var hasTrailingIcon = childrenArray.length > 1 && typeof childrenArray[childrenArray.length - 1] !== 'string';
227
- return React.createElement(Element, _extends({
228
- className: classNames('eds-tag', className, {
229
- 'eds-tag--leading-icon': hasLeadingIcon,
230
- 'eds-tag--trailing-icon': hasTrailingIcon,
231
- 'eds-tag--compact': compact
232
- })
233
- }, rest), children);
152
+ );
153
+ const defaultElement$3 = "span";
154
+ const BulletBadge = React.forwardRef(
155
+ (props, ref) => {
156
+ const Element = props.as || defaultElement$3;
157
+ return /* @__PURE__ */ jsx(Badge, { as: Element, ...props, ref, type: "bullet" });
158
+ }
159
+ );
160
+ const defaultElement$2 = "span";
161
+ const NotificationBadge = React.forwardRef(
162
+ (props, ref) => {
163
+ const Element = props.as || defaultElement$2;
164
+ return /* @__PURE__ */ jsx(Badge, { as: Element, ...props, ref, type: "notification" });
165
+ }
166
+ );
167
+ const defaultElement$1 = "span";
168
+ const StatusBadge = React.forwardRef(
169
+ (props, ref) => {
170
+ const Element = props.as || defaultElement$1;
171
+ return /* @__PURE__ */ jsx(Badge, { as: Element, ...props, ref, type: "status" });
172
+ }
173
+ );
174
+ const defaultElement = "div";
175
+ const Tag = ({
176
+ className,
177
+ children,
178
+ compact,
179
+ as,
180
+ ...rest
181
+ }) => {
182
+ const Element = as || defaultElement;
183
+ const childrenArray = React.Children.toArray(children);
184
+ const hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== "string";
185
+ const hasTrailingIcon = childrenArray.length > 1 && typeof childrenArray[childrenArray.length - 1] !== "string";
186
+ return /* @__PURE__ */ jsx(
187
+ Element,
188
+ {
189
+ className: classNames("eds-tag", className, {
190
+ "eds-tag--leading-icon": hasLeadingIcon,
191
+ "eds-tag--trailing-icon": hasTrailingIcon,
192
+ "eds-tag--compact": compact
193
+ }),
194
+ ...rest,
195
+ children
196
+ }
197
+ );
198
+ };
199
+ warnAboutMissingStyles("layout", "typography");
200
+ export {
201
+ Badge,
202
+ BaseCard,
203
+ BulletBadge,
204
+ Contrast,
205
+ ContrastContext,
206
+ MediaCard,
207
+ NavigationCard,
208
+ NotificationBadge,
209
+ StatusBadge,
210
+ Tag,
211
+ useContrast
234
212
  };
235
-
236
- warnAboutMissingStyles('layout', 'typography');
237
-
238
- export { Badge, BaseCard, BulletBadge, Contrast, ContrastContext, MediaCard, NavigationCard, NotificationBadge, StatusBadge, Tag, useContrast };
239
213
  //# sourceMappingURL=layout.esm.js.map
@@ -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 { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\nexport type ContrastBaseProps = {\n /** Ekstra klassenavn */\n className?: string;\n};\n\nexport type ContrastProps<T extends React.ElementType> =\n PolymorphicComponentPropsWithRef<T, ContrastBaseProps>;\n\nexport type ContrastComponent = <\n T extends React.ElementType = typeof defaultElement,\n>(\n props: ContrastProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'div';\n\nexport const Contrast: ContrastComponent = React.forwardRef(function Contrast<\n T extends React.ElementType = typeof defaultElement,\n>(\n { className, as, ...rest }: ContrastProps<T>,\n ref: PolymorphicRef<T>,\n): JSX.Element {\n const Element: React.ElementType = as || defaultElement;\n return (\n <ContrastContext.Provider value={true}>\n <Element\n className={classNames('eds-contrast', className)}\n ref={ref}\n {...rest}\n />\n </ContrastContext.Provider>\n );\n});\n\nexport const ContrastContext = React.createContext<boolean>(false);\n\nexport const useContrast: () => boolean = () =>\n React.useContext(ContrastContext);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './BaseCard.scss';\n\nexport type BaseCardOwnProps = {\n /** HTML-elementet eller React-komponenten som lager Card\n * @default \"div\"\n */\n as?: 'div' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n children?: React.ReactNode;\n};\n\nexport type BaseCardProps<T extends React.ElementType = typeof defaultElement> =\n PolymorphicComponentProps<T, BaseCardOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const BaseCard = <E extends React.ElementType = typeof defaultElement>({\n children,\n className,\n as,\n ...rest\n}: BaseCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-base-card', className);\n return (\n <Element className={classList} {...rest}>\n {children}\n </Element>\n );\n};\n","import React from 'react';\nimport { Paragraph } from '@entur/typography';\nimport classNames from 'classnames';\nimport { Heading3 } from '@entur/typography';\nimport { BaseCard } from './BaseCard';\nimport './NavigationCard.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type NavigationCardOwnProps = {\n /** HTML-elementet eller React-komponenten som lager NavigationCard\n * @default 'a'\n */\n as?: 'a' | 'button' | React.ElementType;\n /** Tittelen/teksten som står i CardBox */\n title: string;\n /** Valgfritt ikon som står over tittelen */\n titleIcon?: React.ReactNode;\n /** Ekstra klassenavn */\n className?: string;\n /** Lager en mer kompakt NavigationCard, uten ikon og beskrivende tekst\n * @default false\n */\n compact?: boolean;\n /** Beskrivelse under tittel, om ikke \"compact\" er valgt */\n children?: React.ReactNode;\n /** @deprecated eksternlenke ikon er ikke lenger støttet i NavigationCard */\n externalLink?: boolean;\n};\n\nexport type NavigationCardProps<\n T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, NavigationCardOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const NavigationCard = <\n E extends React.ElementType = typeof defaultElement,\n>({\n title,\n children,\n titleIcon,\n compact = false,\n className,\n 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 <div className=\"eds-navigation-card-header\">\n <div className=\"eds-navigation-card-header__content\">\n {titleIcon && (\n <div\n className=\"eds-navigation-card-header__title-icon\"\n aria-hidden=\"true\"\n >\n {titleIcon}\n </div>\n )}\n <span className=\"eds-navigation-card-header__title\">\n <Heading3 as=\"span\">{title}</Heading3>\n </span>\n </div>\n {!compact && (\n <div className=\"eds-navigation-card-header__highlight\"></div>\n )}\n </div>\n {!compact && (\n <>\n <Paragraph>{children}</Paragraph>\n </>\n )}\n </BaseCard>\n );\n};\n","import React, { CSSProperties } from 'react';\nimport { Paragraph, Label, Heading3 } from '@entur/typography';\nimport classNames from 'classnames';\nimport { BaseCard } from './BaseCard';\nimport { ForwardIcon } from '@entur/icons';\nimport './MediaCard.scss';\nimport { ConditionalWrapper, PolymorphicComponentProps } from '@entur/utils';\n\nexport type MediaCardOwnProps = {\n /** HTML-elementet eller React-komponenten som lager bunnen (under media) av MediaCard\n * @default 'a'\n */\n as?: 'a' | 'button' | React.ElementType;\n /** Tittelen/teksten som står i CardBox */\n title: string;\n /** Teksten under tittelen i MediaCard */\n description?: React.ReactNode;\n /** Kategori (eller lignende) som vises over tittelen */\n category?: string;\n /** Ekstra klassenavn */\n className?: string;\n /** Det du skulle ønske som media (f.eks. bilder eller video) */\n children?: React.ReactNode;\n /** Styling som sendes til komponenten */\n style?: CSSProperties;\n /** Hvilken heading som brukes for tittelen.\n * Blir kun satt hvis description også er satt.\n * @default 'h2'\n */\n headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n /** Skjul pil-ikonet nederst til høyre\n * @default false\n */\n hideArrow?: boolean;\n /** Om MediaCard skal vises horisontalt eller vertikalt\n * @default 'vertical'\n */\n orientation?: 'horizontal' | 'vertical';\n /** Props som sendes til wrapper-elementet i stedet for lenke-elementet */\n wrapperProps?: React.HTMLAttributes<HTMLElement>;\n /** @deprecated Denne prop-en har ikke lenger en funksjon.\n * Hvis du trenger å legge til props på wrapper-elementet, bruk 'wrapperProps'-prop-en\n */\n wholeCardAsElement?: boolean;\n};\n\nexport type MediaCardProps<\n T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, MediaCardOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const MediaCard = <E extends React.ElementType = typeof defaultElement>({\n title,\n description,\n children,\n className,\n category,\n style,\n as,\n headingLevel = 'h2',\n wholeCardAsElement: whole,\n hideArrow,\n wrapperProps,\n orientation,\n ...rest\n}: MediaCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const Heading = Heading3;\n\n const _wrapperProps = whole\n ? { ...wrapperProps, ...rest }\n : { ...wrapperProps };\n const classList = classNames('eds-base-card, eds-media-card', className, {\n 'eds-media-card--horizontal': orientation === 'horizontal',\n });\n\n return (\n <BaseCard className={classList} style={style} {..._wrapperProps}>\n <div className=\"eds-media-card__media\">{children}</div>\n <div className=\"eds-media-card__text\">\n {category && (\n <Label className=\"eds-media-card__text__category\">{category}</Label>\n )}\n {/* we only want a heading wrapper when we also have description text */}\n <ConditionalWrapper\n condition={description !== undefined}\n wrapper={(children: React.ReactNode) => (\n <Heading as={headingLevel} className=\"eds-media-card__text__title\">\n {children}\n </Heading>\n )}\n >\n <Element\n tabIndex={0}\n className=\"eds-media-card__text__title-link\"\n {...rest}\n >\n {title}\n </Element>\n </ConditionalWrapper>\n {description !== undefined && <Paragraph>{description}</Paragraph>}\n {!hideArrow && (\n <ForwardIcon\n className=\"eds-media-card__arrow-icon\"\n aria-hidden=\"true\"\n />\n )}\n </div>\n </BaseCard>\n );\n};\n\nexport default MediaCard;\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport { VariantType } from '@entur/utils';\n\nimport './Badge.scss';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\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' | 'neutral' | VariantType | typeof danger | typeof info;\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 /** @deprecated Bruk `hide` i stedet */\n invisible?: boolean;\n /** Skjul badge */\n hide?: boolean;\n};\n\nexport type BadgeProps<T extends React.ElementType> =\n PolymorphicComponentPropsWithRef<T, BadgeOwnProps>;\n\nexport type BadgeComponent = <\n T extends React.ElementType = typeof defaultElement,\n>(\n props: BadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const Badge: BadgeComponent = React.forwardRef(\n <T extends React.ElementType = typeof defaultElement>(\n {\n children,\n className,\n max = 99,\n variant,\n showZero = false,\n invisible: invisibleProp = false,\n hide: hideProp = false,\n as,\n type = 'status',\n ...rest\n }: BadgeProps<T>,\n ref: PolymorphicRef<T>,\n ) => {\n const Element: React.ElementType = as || defaultElement;\n\n const computedHide =\n hideProp ||\n invisibleProp ||\n (children === 0 && !showZero) ||\n children == null;\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 className,\n 'eds-badge',\n {\n 'eds-badge--hide': computedHide,\n 'eds-badge--show-zero': showZero,\n },\n `eds-badge--variant-${variant}`,\n `eds-badge--type-${type}`,\n );\n\n return (\n <Element className={classList} ref={ref} {...rest}>\n {displayValue}\n </Element>\n );\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\ntype BulletBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: string | 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' | 'neutral' | VariantType | typeof danger | typeof info;\n /** Skjul badge */\n hide?: boolean;\n};\n\nexport type BulletBadgeProps<T extends React.ElementType> =\n PolymorphicComponentPropsWithRef<T, BulletBadgeBaseProps>;\n\nexport type BulletBadgeComponent = <\n T extends React.ElementType = typeof defaultElement,\n>(\n props: BulletBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const BulletBadge: BulletBadgeComponent = React.forwardRef(\n <T extends React.ElementType = typeof defaultElement>(\n props: BulletBadgeProps<T>,\n ref: PolymorphicRef<T>,\n ) => {\n const Element = props.as || defaultElement;\n // @ts-expect-error type error due to props not being BadgeOwnProps\n return <Badge as={Element} {...props} ref={ref} type=\"bullet\" />;\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\ntype NotificationBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: string | 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' | 'neutral' | VariantType | typeof danger | typeof info;\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 /** Skjul badge */\n hide?: boolean;\n};\n\nexport type NotificationBadgeProps<T extends React.ElementType> =\n PolymorphicComponentPropsWithRef<T, NotificationBadgeBaseProps>;\n\nexport type NotificationBadgeComponent = <\n T extends React.ElementType = typeof defaultElement,\n>(\n props: NotificationBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const NotificationBadge: NotificationBadgeComponent = React.forwardRef(\n <T extends React.ElementType = typeof defaultElement>(\n props: NotificationBadgeProps<T>,\n ref: PolymorphicRef<T>,\n ) => {\n const Element = props.as || defaultElement;\n // @ts-expect-error type error due to props not being BadgeOwnProps\n return <Badge as={Element} {...props} ref={ref} type=\"notification\" />;\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\ntype StatusBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: string | 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' | 'neutral' | VariantType | typeof danger | typeof info;\n /** Skjul badge */\n hide?: boolean;\n};\n\nexport type StatusBadgeProps<T extends React.ElementType> =\n PolymorphicComponentPropsWithRef<T, StatusBadgeBaseProps>;\n\nexport type StatusBadgeComponent = <\n T extends React.ElementType = typeof defaultElement,\n>(\n props: StatusBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const StatusBadge: StatusBadgeComponent = React.forwardRef(\n <T extends React.ElementType = typeof defaultElement>(\n props: StatusBadgeProps<T>,\n ref: PolymorphicRef<T>,\n ) => {\n const Element = props.as || defaultElement;\n // @ts-expect-error type error due to props not being BadgeOwnProps\n return <Badge as={Element} {...props} ref={ref} type=\"status\" />;\n },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Tag.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type TagOwnProps = {\n /** HTML-elementet eller React-komponenten som rendres\n * @default 'div'\n */\n as?: string | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /**Mindre og mer kompakt Tag, til f.eks. tabellbruk\n * @default false\n */\n compact?: boolean;\n children: React.ReactNode;\n};\n\nexport type TagProps<T extends React.ElementType = typeof defaultElement> =\n PolymorphicComponentProps<T, TagOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const Tag = <E extends React.ElementType = typeof defaultElement>({\n className,\n children,\n compact,\n as,\n ...rest\n}: TagProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const childrenArray = React.Children.toArray(children);\n const hasLeadingIcon =\n childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n const hasTrailingIcon =\n childrenArray.length > 1 &&\n typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n return (\n <Element\n className={classNames('eds-tag', className, {\n 'eds-tag--leading-icon': hasLeadingIcon,\n 'eds-tag--trailing-icon': hasTrailingIcon,\n 'eds-tag--compact': compact,\n })}\n {...rest}\n >\n {children}\n </Element>\n );\n};\n","import './styles.scss';\nimport { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('layout', 'typography');\n\nexport * from './Contrast';\nexport * from './NavigationCard';\nexport * from './BaseCard';\nexport * from './MediaCard';\nexport * from './Badge/Badge';\nexport * from './Badge/BulletBadge';\nexport * from './Badge/NotificationBadge';\nexport * from './Badge/StatusBadge';\nexport * from './Tag';\n"],"names":["defaultElement","Contrast","React","forwardRef","_ref","ref","className","as","rest","_objectWithoutPropertiesLoose","_excluded","Element","ContrastContext","Provider","value","createElement","_extends","classNames","createContext","useContrast","useContext","BaseCard","children","classList","NavigationCard","title","titleIcon","_ref$compact","compact","Heading3","Fragment","Paragraph","MediaCard","description","category","style","_ref$headingLevel","headingLevel","whole","wholeCardAsElement","hideArrow","wrapperProps","orientation","Heading","_wrapperProps","Label","ConditionalWrapper","condition","undefined","wrapper","tabIndex","ForwardIcon","Badge","_ref$max","max","variant","_ref$showZero","showZero","_ref$invisible","invisible","invisibleProp","_ref$hide","hide","hideProp","_ref$type","type","computedHide","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 { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\nexport type ContrastBaseProps = {\n /** Ekstra klassenavn */\n className?: string;\n};\n\nexport type ContrastProps<T extends React.ElementType> =\n PolymorphicComponentPropsWithRef<T, ContrastBaseProps>;\n\nexport type ContrastComponent = <\n T extends React.ElementType = typeof defaultElement,\n>(\n props: ContrastProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'div';\n\nexport const Contrast: ContrastComponent = React.forwardRef(function Contrast<\n T extends React.ElementType = typeof defaultElement,\n>(\n { className, as, ...rest }: ContrastProps<T>,\n ref: PolymorphicRef<T>,\n): JSX.Element {\n const Element: React.ElementType = as || defaultElement;\n return (\n <ContrastContext.Provider value={true}>\n <Element\n className={classNames('eds-contrast', className)}\n ref={ref}\n {...rest}\n />\n </ContrastContext.Provider>\n );\n});\n\nexport const ContrastContext = React.createContext<boolean>(false);\n\nexport const useContrast: () => boolean = () =>\n React.useContext(ContrastContext);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './BaseCard.scss';\n\nexport type BaseCardOwnProps = {\n /** HTML-elementet eller React-komponenten som lager Card\n * @default \"div\"\n */\n as?: 'div' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n children?: React.ReactNode;\n};\n\nexport type BaseCardProps<T extends React.ElementType = typeof defaultElement> =\n PolymorphicComponentProps<T, BaseCardOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const BaseCard = <E extends React.ElementType = typeof defaultElement>({\n children,\n className,\n as,\n ...rest\n}: BaseCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-base-card', className);\n return (\n <Element className={classList} {...rest}>\n {children}\n </Element>\n );\n};\n","import React from 'react';\nimport { Paragraph } from '@entur/typography';\nimport classNames from 'classnames';\nimport { Heading3 } from '@entur/typography';\nimport { BaseCard } from './BaseCard';\nimport './NavigationCard.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type NavigationCardOwnProps = {\n /** HTML-elementet eller React-komponenten som lager NavigationCard\n * @default 'a'\n */\n as?: 'a' | 'button' | React.ElementType;\n /** Tittelen/teksten som står i CardBox */\n title: string;\n /** Valgfritt ikon som står over tittelen */\n titleIcon?: React.ReactNode;\n /** Ekstra klassenavn */\n className?: string;\n /** Lager en mer kompakt NavigationCard, uten ikon og beskrivende tekst\n * @default false\n */\n compact?: boolean;\n /** Beskrivelse under tittel, om ikke \"compact\" er valgt */\n children?: React.ReactNode;\n /** @deprecated eksternlenke ikon er ikke lenger støttet i NavigationCard */\n externalLink?: boolean;\n};\n\nexport type NavigationCardProps<\n T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, NavigationCardOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const NavigationCard = <\n E extends React.ElementType = typeof defaultElement,\n>({\n title,\n children,\n titleIcon,\n compact = false,\n className,\n 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 <div className=\"eds-navigation-card-header\">\n <div className=\"eds-navigation-card-header__content\">\n {titleIcon && (\n <div\n className=\"eds-navigation-card-header__title-icon\"\n aria-hidden=\"true\"\n >\n {titleIcon}\n </div>\n )}\n <span className=\"eds-navigation-card-header__title\">\n <Heading3 as=\"span\">{title}</Heading3>\n </span>\n </div>\n {!compact && (\n <div className=\"eds-navigation-card-header__highlight\"></div>\n )}\n </div>\n {!compact && (\n <>\n <Paragraph>{children}</Paragraph>\n </>\n )}\n </BaseCard>\n );\n};\n","import React, { CSSProperties } from 'react';\nimport { Paragraph, Label, Heading3 } from '@entur/typography';\nimport classNames from 'classnames';\nimport { BaseCard } from './BaseCard';\nimport { ForwardIcon } from '@entur/icons';\nimport './MediaCard.scss';\nimport { ConditionalWrapper, PolymorphicComponentProps } from '@entur/utils';\n\nexport type MediaCardOwnProps = {\n /** HTML-elementet eller React-komponenten som lager bunnen (under media) av MediaCard\n * @default 'a'\n */\n as?: 'a' | 'button' | React.ElementType;\n /** Tittelen/teksten som står i CardBox */\n title: string;\n /** Teksten under tittelen i MediaCard */\n description?: React.ReactNode;\n /** Kategori (eller lignende) som vises over tittelen */\n category?: string;\n /** Ekstra klassenavn */\n className?: string;\n /** Det du skulle ønske som media (f.eks. bilder eller video) */\n children?: React.ReactNode;\n /** Styling som sendes til komponenten */\n style?: CSSProperties;\n /** Hvilken heading som brukes for tittelen.\n * Blir kun satt hvis description også er satt.\n * @default 'h2'\n */\n headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n /** Skjul pil-ikonet nederst til høyre\n * @default false\n */\n hideArrow?: boolean;\n /** Om MediaCard skal vises horisontalt eller vertikalt\n * @default 'vertical'\n */\n orientation?: 'horizontal' | 'vertical';\n /** Props som sendes til wrapper-elementet i stedet for lenke-elementet */\n wrapperProps?: React.HTMLAttributes<HTMLElement>;\n /** @deprecated Denne prop-en har ikke lenger en funksjon.\n * Hvis du trenger å legge til props på wrapper-elementet, bruk 'wrapperProps'-prop-en\n */\n wholeCardAsElement?: boolean;\n};\n\nexport type MediaCardProps<\n T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, MediaCardOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const MediaCard = <E extends React.ElementType = typeof defaultElement>({\n title,\n description,\n children,\n className,\n category,\n style,\n as,\n headingLevel = 'h2',\n wholeCardAsElement: whole,\n hideArrow,\n wrapperProps,\n orientation,\n ...rest\n}: MediaCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const Heading = Heading3;\n\n const _wrapperProps = whole\n ? { ...wrapperProps, ...rest }\n : { ...wrapperProps };\n const classList = classNames('eds-base-card, eds-media-card', className, {\n 'eds-media-card--horizontal': orientation === 'horizontal',\n });\n\n return (\n <BaseCard className={classList} style={style} {..._wrapperProps}>\n <div className=\"eds-media-card__media\">{children}</div>\n <div className=\"eds-media-card__text\">\n {category && (\n <Label className=\"eds-media-card__text__category\">{category}</Label>\n )}\n {/* we only want a heading wrapper when we also have description text */}\n <ConditionalWrapper\n condition={description !== undefined}\n wrapper={(children: React.ReactNode) => (\n <Heading as={headingLevel} className=\"eds-media-card__text__title\">\n {children}\n </Heading>\n )}\n >\n <Element\n tabIndex={0}\n className=\"eds-media-card__text__title-link\"\n {...rest}\n >\n {title}\n </Element>\n </ConditionalWrapper>\n {description !== undefined && <Paragraph>{description}</Paragraph>}\n {!hideArrow && (\n <ForwardIcon\n className=\"eds-media-card__arrow-icon\"\n aria-hidden=\"true\"\n />\n )}\n </div>\n </BaseCard>\n );\n};\n\nexport default MediaCard;\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport { VariantType } from '@entur/utils';\n\nimport './Badge.scss';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\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' | 'neutral' | VariantType | typeof danger | typeof info;\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 /** @deprecated Bruk `hide` i stedet */\n invisible?: boolean;\n /** Skjul badge */\n hide?: boolean;\n};\n\nexport type BadgeProps<T extends React.ElementType> =\n PolymorphicComponentPropsWithRef<T, BadgeOwnProps>;\n\nexport type BadgeComponent = <\n T extends React.ElementType = typeof defaultElement,\n>(\n props: BadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const Badge: BadgeComponent = React.forwardRef(\n <T extends React.ElementType = typeof defaultElement>(\n {\n children,\n className,\n max = 99,\n variant,\n showZero = false,\n invisible: invisibleProp = false,\n hide: hideProp = false,\n as,\n type = 'status',\n ...rest\n }: BadgeProps<T>,\n ref: PolymorphicRef<T>,\n ) => {\n const Element: React.ElementType = as || defaultElement;\n\n const computedHide =\n hideProp ||\n invisibleProp ||\n (children === 0 && !showZero) ||\n children == null;\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 className,\n 'eds-badge',\n {\n 'eds-badge--hide': computedHide,\n 'eds-badge--show-zero': showZero,\n },\n `eds-badge--variant-${variant}`,\n `eds-badge--type-${type}`,\n );\n\n return (\n <Element className={classList} ref={ref} {...rest}>\n {displayValue}\n </Element>\n );\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\ntype BulletBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: string | 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' | 'neutral' | VariantType | typeof danger | typeof info;\n /** Skjul badge */\n hide?: boolean;\n};\n\nexport type BulletBadgeProps<T extends React.ElementType> =\n PolymorphicComponentPropsWithRef<T, BulletBadgeBaseProps>;\n\nexport type BulletBadgeComponent = <\n T extends React.ElementType = typeof defaultElement,\n>(\n props: BulletBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const BulletBadge: BulletBadgeComponent = React.forwardRef(\n <T extends React.ElementType = typeof defaultElement>(\n props: BulletBadgeProps<T>,\n ref: PolymorphicRef<T>,\n ) => {\n const Element = props.as || defaultElement;\n // @ts-expect-error type error due to props not being BadgeOwnProps\n return <Badge as={Element} {...props} ref={ref} type=\"bullet\" />;\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\ntype NotificationBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: string | 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' | 'neutral' | VariantType | typeof danger | typeof info;\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 /** Skjul badge */\n hide?: boolean;\n};\n\nexport type NotificationBadgeProps<T extends React.ElementType> =\n PolymorphicComponentPropsWithRef<T, NotificationBadgeBaseProps>;\n\nexport type NotificationBadgeComponent = <\n T extends React.ElementType = typeof defaultElement,\n>(\n props: NotificationBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const NotificationBadge: NotificationBadgeComponent = React.forwardRef(\n <T extends React.ElementType = typeof defaultElement>(\n props: NotificationBadgeProps<T>,\n ref: PolymorphicRef<T>,\n ) => {\n const Element = props.as || defaultElement;\n // @ts-expect-error type error due to props not being BadgeOwnProps\n return <Badge as={Element} {...props} ref={ref} type=\"notification\" />;\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\ntype StatusBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: string | 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' | 'neutral' | VariantType | typeof danger | typeof info;\n /** Skjul badge */\n hide?: boolean;\n};\n\nexport type StatusBadgeProps<T extends React.ElementType> =\n PolymorphicComponentPropsWithRef<T, StatusBadgeBaseProps>;\n\nexport type StatusBadgeComponent = <\n T extends React.ElementType = typeof defaultElement,\n>(\n props: StatusBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const StatusBadge: StatusBadgeComponent = React.forwardRef(\n <T extends React.ElementType = typeof defaultElement>(\n props: StatusBadgeProps<T>,\n ref: PolymorphicRef<T>,\n ) => {\n const Element = props.as || defaultElement;\n // @ts-expect-error type error due to props not being BadgeOwnProps\n return <Badge as={Element} {...props} ref={ref} type=\"status\" />;\n },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Tag.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type TagOwnProps = {\n /** HTML-elementet eller React-komponenten som rendres\n * @default 'div'\n */\n as?: string | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /**Mindre og mer kompakt Tag, til f.eks. tabellbruk\n * @default false\n */\n compact?: boolean;\n children: React.ReactNode;\n};\n\nexport type TagProps<T extends React.ElementType = typeof defaultElement> =\n PolymorphicComponentProps<T, TagOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const Tag = <E extends React.ElementType = typeof defaultElement>({\n className,\n children,\n compact,\n as,\n ...rest\n}: TagProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const childrenArray = React.Children.toArray(children);\n const hasLeadingIcon =\n childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n const hasTrailingIcon =\n childrenArray.length > 1 &&\n typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n return (\n <Element\n className={classNames('eds-tag', className, {\n 'eds-tag--leading-icon': hasLeadingIcon,\n 'eds-tag--trailing-icon': hasTrailingIcon,\n 'eds-tag--compact': compact,\n })}\n {...rest}\n >\n {children}\n </Element>\n );\n};\n","import './styles.scss';\nimport { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('layout', 'typography');\n\nexport * from './Contrast';\nexport * from './NavigationCard';\nexport * from './BaseCard';\nexport * from './MediaCard';\nexport * from './Badge/Badge';\nexport * from './Badge/BulletBadge';\nexport * from './Badge/NotificationBadge';\nexport * from './Badge/StatusBadge';\nexport * from './Tag';\n"],"names":["defaultElement","Contrast","children"],"mappings":";;;;;;AAkBA,MAAMA,mBAAiB;AAEhB,MAAM,WAA8B,MAAM,WAAW,SAASC,UAGnE,EAAE,WAAW,IAAI,GAAG,KAAA,GACpB,KACa;AACb,QAAM,UAA6B,MAAMD;AACzC,SACE,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,MAC/B,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,gBAAgB,SAAS;AAAA,MAC/C;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ,CAAC;AAEM,MAAM,kBAAkB,MAAM,cAAuB,KAAK;AAE1D,MAAM,cAA6B,MACxC,MAAM,WAAW,eAAe;ACvBlC,MAAMA,mBAAiB;AAEhB,MAAM,WAAW,CAAsD;AAAA,EAC5E;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAqC;AACnC,QAAM,UAA6B,MAAMA;AACzC,QAAM,YAAY,WAAW,iBAAiB,SAAS;AACvD,6BACG,SAAA,EAAQ,WAAW,WAAY,GAAG,MAChC,UACH;AAEJ;ACAA,MAAMA,mBAAiB;AAEhB,MAAM,iBAAiB,CAE5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA2C;AACzC,QAAM,UAA6B,MAAMA;AACzC,QAAM,YAAY,WAAW,uBAAuB,WAAW;AAAA,IAC7D,2BAA2B;AAAA,IAC3B,gCAAgC;AAAA,EAAA,CACjC;AACD,8BACG,UAAA,EAAS,IAAI,SAAS,WAAW,WAAY,GAAG,MAC/C,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,uCACZ,UAAA;AAAA,QAAA,aACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YAEX,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGL,oBAAC,UAAK,WAAU,qCACd,8BAAC,UAAA,EAAS,IAAG,QAAQ,UAAA,MAAA,CAAM,EAAA,CAC7B;AAAA,MAAA,GACF;AAAA,MACC,CAAC,WACA,oBAAC,OAAA,EAAI,WAAU,wCAAA,CAAwC;AAAA,IAAA,GAE3D;AAAA,IACC,CAAC,WACA,oBAAA,UAAA,EACE,UAAA,oBAAC,WAAA,EAAW,UAAS,EAAA,CACvB;AAAA,EAAA,GAEJ;AAEJ;AC5BA,MAAMA,mBAAiB;AAEhB,MAAM,YAAY,CAAsD;AAAA,EAC7E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAsC;AACpC,QAAM,UAA6B,MAAMA;AACzC,QAAM,UAAU;AAEhB,QAAM,gBAAgB,QAClB,EAAE,GAAG,cAAc,GAAG,KAAA,IACtB,EAAE,GAAG,aAAA;AACT,QAAM,YAAY,WAAW,iCAAiC,WAAW;AAAA,IACvE,8BAA8B,gBAAgB;AAAA,EAAA,CAC/C;AAED,8BACG,UAAA,EAAS,WAAW,WAAW,OAAe,GAAG,eAChD,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,yBAAyB,SAAA,CAAS;AAAA,IACjD,qBAAC,OAAA,EAAI,WAAU,wBACZ,UAAA;AAAA,MAAA,YACC,oBAAC,OAAA,EAAM,WAAU,kCAAkC,UAAA,UAAS;AAAA,MAG9D;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,gBAAgB;AAAA,UAC3B,SAAS,CAACE,cACR,oBAAC,SAAA,EAAQ,IAAI,cAAc,WAAU,+BAClC,UAAAA,UAAAA,CACH;AAAA,UAGF,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,UAAU;AAAA,cACV,WAAU;AAAA,cACT,GAAG;AAAA,cAEH,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,MAED,gBAAgB,UAAa,oBAAC,WAAA,EAAW,UAAA,aAAY;AAAA,MACrD,CAAC,aACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IACd,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;AC9DA,MAAMF,mBAAiB;AAEhB,MAAM,QAAwB,MAAM;AAAA,EACzC,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA,WAAW;AAAA,IACX,WAAW,gBAAgB;AAAA,IAC3B,MAAM,WAAW;AAAA,IACjB;AAAA,IACA,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,UAA6B,MAAMA;AAEzC,UAAM,eACJ,YACA,iBACC,aAAa,KAAK,CAAC,YACpB,YAAY;AAEd,QAAI;AACJ,QAAI,OAAO,aAAa,UAAU;AAChC,qBAAe,WAAW,MAAM,GAAG,GAAG,MAAM;AAAA,IAC9C,OAAO;AACL,qBAAe;AAAA,IACjB;AAEA,UAAM,YAAY;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,QACE,mBAAmB;AAAA,QACnB,wBAAwB;AAAA,MAAA;AAAA,MAE1B,sBAAsB,OAAO;AAAA,MAC7B,mBAAmB,IAAI;AAAA,IAAA;AAGzB,+BACG,SAAA,EAAQ,WAAW,WAAW,KAAW,GAAG,MAC1C,UAAA,cACH;AAAA,EAEJ;AACF;ACjEA,MAAMA,mBAAiB;AAEhB,MAAM,cAAoC,MAAM;AAAA,EACrD,CACE,OACA,QACG;AACH,UAAM,UAAU,MAAM,MAAMA;AAE5B,WAAO,oBAAC,SAAM,IAAI,SAAU,GAAG,OAAO,KAAU,MAAK,UAAS;AAAA,EAChE;AACF;ACHA,MAAMA,mBAAiB;AAEhB,MAAM,oBAAgD,MAAM;AAAA,EACjE,CACE,OACA,QACG;AACH,UAAM,UAAU,MAAM,MAAMA;AAE5B,WAAO,oBAAC,SAAM,IAAI,SAAU,GAAG,OAAO,KAAU,MAAK,gBAAe;AAAA,EACtE;AACF;ACnBA,MAAMA,mBAAiB;AAEhB,MAAM,cAAoC,MAAM;AAAA,EACrD,CACE,OACA,QACG;AACH,UAAM,UAAU,MAAM,MAAMA;AAE5B,WAAO,oBAAC,SAAM,IAAI,SAAU,GAAG,OAAO,KAAU,MAAK,UAAS;AAAA,EAChE;AACF;ACvBA,MAAM,iBAAiB;AAEhB,MAAM,MAAM,CAAsD;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAgC;AAC9B,QAAM,UAA6B,MAAM;AACzC,QAAM,gBAAgB,MAAM,SAAS,QAAQ,QAAQ;AACrD,QAAM,iBACJ,cAAc,SAAS,KAAK,OAAO,cAAc,CAAC,MAAM;AAC1D,QAAM,kBACJ,cAAc,SAAS,KACvB,OAAO,cAAc,cAAc,SAAS,CAAC,MAAM;AAErD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,WAAW,WAAW;AAAA,QAC1C,yBAAyB;AAAA,QACzB,0BAA0B;AAAA,QAC1B,oBAAoB;AAAA,MAAA,CACrB;AAAA,MACA,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;AC/CA,uBAAuB,UAAU,YAAY;"}