@entur/layout 3.0.0-beta.0 → 3.1.0
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/README.md +2 -2
- package/dist/MediaCard.d.ts +5 -1
- package/dist/NavigationCard.d.ts +2 -0
- package/dist/layout.cjs.development.js +9 -4
- package/dist/layout.cjs.development.js.map +1 -1
- package/dist/layout.cjs.production.min.js +1 -1
- package/dist/layout.cjs.production.min.js.map +1 -1
- package/dist/layout.esm.js +9 -4
- package/dist/layout.esm.js.map +1 -1
- package/dist/styles.css +91 -18
- package/package.json +6 -6
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
This package contains the different layout components, and the powerful Contrast wrapper
|
|
4
4
|
|
|
5
|
-
> 💡 Looking for the [documentation](https://
|
|
5
|
+
> 💡 Looking for the [documentation](https://linje.entur.no/komponenter/layout-og-flater/card)?
|
|
6
6
|
|
|
7
7
|
## Installation
|
|
8
8
|
|
|
@@ -14,4 +14,4 @@ yarn add @entur/layout
|
|
|
14
14
|
|
|
15
15
|
## Usage
|
|
16
16
|
|
|
17
|
-
Please refer to the [documentation](https://
|
|
17
|
+
Please refer to the [documentation](https://linje.entur.no/komponenter/layout-og-flater/card) for usage information.
|
package/dist/MediaCard.d.ts
CHANGED
|
@@ -27,6 +27,10 @@ export type MediaCardOwnProps = {
|
|
|
27
27
|
* @default false
|
|
28
28
|
*/
|
|
29
29
|
hideArrow?: boolean;
|
|
30
|
+
/** Om MediaCard skal vises horisontalt eller vertikalt
|
|
31
|
+
* @default 'vertical'
|
|
32
|
+
*/
|
|
33
|
+
orientation?: 'horizontal' | 'vertical';
|
|
30
34
|
/** Props som sendes til wrapper-elementet i stedet for lenke-elementet */
|
|
31
35
|
wrapperProps?: React.HTMLAttributes<HTMLElement>;
|
|
32
36
|
/** @deprecated Denne prop-en har ikke lenger en funksjon.
|
|
@@ -36,5 +40,5 @@ export type MediaCardOwnProps = {
|
|
|
36
40
|
};
|
|
37
41
|
export type MediaCardProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, MediaCardOwnProps>;
|
|
38
42
|
declare const defaultElement = "a";
|
|
39
|
-
export declare const MediaCard: <E extends React.ElementType = "a">({ title, description, children, className, category, style, as, headingLevel, wholeCardAsElement: whole, hideArrow, wrapperProps, ...rest }: MediaCardProps<E>) => JSX.Element;
|
|
43
|
+
export declare const MediaCard: <E extends React.ElementType = "a">({ title, description, children, className, category, style, as, headingLevel, wholeCardAsElement: whole, hideArrow, wrapperProps, orientation, ...rest }: MediaCardProps<E>) => JSX.Element;
|
|
40
44
|
export default MediaCard;
|
package/dist/NavigationCard.d.ts
CHANGED
|
@@ -18,6 +18,8 @@ export type NavigationCardOwnProps = {
|
|
|
18
18
|
compact?: boolean;
|
|
19
19
|
/** Beskrivelse under tittel, om ikke "compact" er valgt */
|
|
20
20
|
children?: React.ReactNode;
|
|
21
|
+
/** @deprecated eksternlenke ikon er ikke lenger støttet i NavigationCard */
|
|
22
|
+
externalLink?: boolean;
|
|
21
23
|
};
|
|
22
24
|
export type NavigationCardProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, NavigationCardOwnProps>;
|
|
23
25
|
declare const defaultElement = "a";
|
|
@@ -90,12 +90,12 @@ var NavigationCard = function NavigationCard(_ref) {
|
|
|
90
90
|
className: "eds-navigation-card-header__title"
|
|
91
91
|
}, React.createElement(typography.Heading3, {
|
|
92
92
|
as: "span"
|
|
93
|
-
}, title))), React.createElement("div", {
|
|
93
|
+
}, title))), !compact && React.createElement("div", {
|
|
94
94
|
className: "eds-navigation-card-header__highlight"
|
|
95
95
|
})), !compact && React.createElement(React.Fragment, null, React.createElement(typography.Paragraph, null, children)));
|
|
96
96
|
};
|
|
97
97
|
|
|
98
|
-
var _excluded$2 = ["title", "description", "children", "className", "category", "style", "as", "headingLevel", "wholeCardAsElement", "hideArrow", "wrapperProps"];
|
|
98
|
+
var _excluded$2 = ["title", "description", "children", "className", "category", "style", "as", "headingLevel", "wholeCardAsElement", "hideArrow", "wrapperProps", "orientation"];
|
|
99
99
|
var defaultElement$5 = 'a';
|
|
100
100
|
var MediaCard = function MediaCard(_ref) {
|
|
101
101
|
var title = _ref.title,
|
|
@@ -110,12 +110,16 @@ var MediaCard = function MediaCard(_ref) {
|
|
|
110
110
|
whole = _ref.wholeCardAsElement,
|
|
111
111
|
hideArrow = _ref.hideArrow,
|
|
112
112
|
wrapperProps = _ref.wrapperProps,
|
|
113
|
+
orientation = _ref.orientation,
|
|
113
114
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
|
|
114
115
|
var Element = as || defaultElement$5;
|
|
115
|
-
var Heading =
|
|
116
|
+
var Heading = typography.Heading3;
|
|
116
117
|
var _wrapperProps = whole ? _extends({}, wrapperProps, rest) : _extends({}, wrapperProps);
|
|
118
|
+
var classList = classNames('eds-base-card, eds-media-card', className, {
|
|
119
|
+
'eds-media-card--horizontal': orientation === 'horizontal'
|
|
120
|
+
});
|
|
117
121
|
return React.createElement(BaseCard, _extends({
|
|
118
|
-
className:
|
|
122
|
+
className: classList,
|
|
119
123
|
style: style
|
|
120
124
|
}, _wrapperProps), React.createElement("div", {
|
|
121
125
|
className: "eds-media-card__media"
|
|
@@ -127,6 +131,7 @@ var MediaCard = function MediaCard(_ref) {
|
|
|
127
131
|
condition: description !== undefined,
|
|
128
132
|
wrapper: function wrapper(children) {
|
|
129
133
|
return React.createElement(Heading, {
|
|
134
|
+
as: headingLevel,
|
|
130
135
|
className: "eds-media-card__text__title"
|
|
131
136
|
}, children);
|
|
132
137
|
}
|
|
@@ -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 { 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 /** Legger til et ikon for å symbolisere at kortet har en ekstern lenke\n * @default false\n */\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 <div className=\"eds-navigation-card-header__highlight\"></div>\n </div>\n {!compact && (\n <>\n <Paragraph>{children}</Paragraph>\n </>\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 { 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 /** 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 ...rest\n}: MediaCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const Heading = headingLevel;\n\n const _wrapperProps = whole\n ? { ...wrapperProps, ...rest }\n : { ...wrapperProps };\n return (\n <BaseCard\n className={classNames('eds-base-card', 'eds-media-card', className)}\n style={style}\n {..._wrapperProps}\n >\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 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","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.cjs.development.js","sources":["../src/Contrast.tsx","../src/BaseCard.tsx","../src/NavigationCard.tsx","../src/MediaCard.tsx","../src/Badge/Badge.tsx","../src/Badge/BulletBadge.tsx","../src/Badge/NotificationBadge.tsx","../src/Badge/StatusBadge.tsx","../src/Tag.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\nexport type ContrastBaseProps = {\n /** Ekstra klassenavn */\n className?: string;\n};\n\nexport type ContrastProps<T extends React.ElementType> =\n PolymorphicComponentPropsWithRef<T, ContrastBaseProps>;\n\nexport type ContrastComponent = <\n T extends React.ElementType = typeof defaultElement,\n>(\n props: ContrastProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'div';\n\nexport const Contrast: ContrastComponent = React.forwardRef(function Contrast<\n T extends React.ElementType = typeof defaultElement,\n>(\n { className, as, ...rest }: ContrastProps<T>,\n ref: PolymorphicRef<T>,\n): JSX.Element {\n const Element: React.ElementType = as || defaultElement;\n return (\n <ContrastContext.Provider value={true}>\n <Element\n className={classNames('eds-contrast', className)}\n ref={ref}\n {...rest}\n />\n </ContrastContext.Provider>\n );\n});\n\nexport const ContrastContext = React.createContext<boolean>(false);\n\nexport const useContrast: () => boolean = () =>\n React.useContext(ContrastContext);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './BaseCard.scss';\n\nexport type BaseCardOwnProps = {\n /** HTML-elementet eller React-komponenten som lager Card\n * @default \"div\"\n */\n as?: 'div' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n children?: React.ReactNode;\n};\n\nexport type BaseCardProps<T extends React.ElementType = typeof defaultElement> =\n PolymorphicComponentProps<T, BaseCardOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const BaseCard = <E extends React.ElementType = typeof defaultElement>({\n children,\n className,\n as,\n ...rest\n}: BaseCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-base-card', className);\n return (\n <Element className={classList} {...rest}>\n {children}\n </Element>\n );\n};\n","import React from 'react';\nimport { Paragraph } from '@entur/typography';\nimport classNames from 'classnames';\nimport { 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,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(){return s=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},s.apply(null,arguments)}function i(e,a){if(null==e)return{};var t={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(a.includes(r))continue;t[r]=e[r]}return t}var c=["className","as"],d=a.forwardRef((function(e,r){var n=e.className,d=e.as,o=i(e,c);return a.createElement(l.Provider,{value:!0},a.createElement(d||"div",s({className:t("eds-contrast",n),ref:r},o)))})),l=a.createContext(!1),o=["children","className","as"],m=function(e){var r=e.children,n=e.className,c=e.as,d=i(e,o),l=c||"div",m=t("eds-base-card",n);return a.createElement(l,s({className:m},d),r)},u=["title","children","titleIcon","compact","className","as"],p=["title","description","children","className","category","style","as","headingLevel","wholeCardAsElement","hideArrow","wrapperProps"],v=["children","className","max","variant","showZero","invisible","hide","as","type"],g=a.forwardRef((function(e,r){var n,c=e.children,d=e.className,l=e.max,o=void 0===l?99:l,m=e.variant,u=e.showZero,p=void 0!==u&&u,g=e.invisible,h=void 0!==g&&g,f=e.hide,N=void 0!==f&&f,E=e.as,_=e.type,y=void 0===_?"status":_,x=i(e,v),w=E||"span";n="number"==typeof c&&c>o?o+"+":c;var b=t(d,"eds-badge",{"eds-badge--hide":N||h||0===c&&!p||null==c,"eds-badge--show-zero":p},"eds-badge--variant-"+m,"eds-badge--type-"+y);return a.createElement(w,s({className:b,ref:r},x),n)})),h=a.forwardRef((function(e,t){return a.createElement(g,s({as:e.as||"span"},e,{ref:t,type:"bullet"}))})),f=a.forwardRef((function(e,t){return a.createElement(g,s({as:e.as||"span"},e,{ref:t,type:"notification"}))})),N=a.forwardRef((function(e,t){return a.createElement(g,s({as:e.as||"span"},e,{ref:t,type:"status"}))})),E=["className","children","compact","as"];e.warnAboutMissingStyles("layout","typography"),exports.Badge=g,exports.BaseCard=m,exports.BulletBadge=h,exports.Contrast=d,exports.ContrastContext=l,exports.MediaCard=function(c){var d=c.title,l=c.description,o=c.children,u=c.className,v=c.category,g=c.style,h=c.as,f=c.headingLevel,N=void 0===f?"h2":f,E=c.wholeCardAsElement,_=c.hideArrow,y=c.wrapperProps,x=i(c,p),
|
|
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(){return s=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},s.apply(null,arguments)}function i(e,a){if(null==e)return{};var t={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(a.includes(r))continue;t[r]=e[r]}return t}var c=["className","as"],d=a.forwardRef((function(e,r){var n=e.className,d=e.as,o=i(e,c);return a.createElement(l.Provider,{value:!0},a.createElement(d||"div",s({className:t("eds-contrast",n),ref:r},o)))})),l=a.createContext(!1),o=["children","className","as"],m=function(e){var r=e.children,n=e.className,c=e.as,d=i(e,o),l=c||"div",m=t("eds-base-card",n);return a.createElement(l,s({className:m},d),r)},u=["title","children","titleIcon","compact","className","as"],p=["title","description","children","className","category","style","as","headingLevel","wholeCardAsElement","hideArrow","wrapperProps","orientation"],v=["children","className","max","variant","showZero","invisible","hide","as","type"],g=a.forwardRef((function(e,r){var n,c=e.children,d=e.className,l=e.max,o=void 0===l?99:l,m=e.variant,u=e.showZero,p=void 0!==u&&u,g=e.invisible,h=void 0!==g&&g,f=e.hide,N=void 0!==f&&f,E=e.as,_=e.type,y=void 0===_?"status":_,x=i(e,v),w=E||"span";n="number"==typeof c&&c>o?o+"+":c;var b=t(d,"eds-badge",{"eds-badge--hide":N||h||0===c&&!p||null==c,"eds-badge--show-zero":p},"eds-badge--variant-"+m,"eds-badge--type-"+y);return a.createElement(w,s({className:b,ref:r},x),n)})),h=a.forwardRef((function(e,t){return a.createElement(g,s({as:e.as||"span"},e,{ref:t,type:"bullet"}))})),f=a.forwardRef((function(e,t){return a.createElement(g,s({as:e.as||"span"},e,{ref:t,type:"notification"}))})),N=a.forwardRef((function(e,t){return a.createElement(g,s({as:e.as||"span"},e,{ref:t,type:"status"}))})),E=["className","children","compact","as"];e.warnAboutMissingStyles("layout","typography"),exports.Badge=g,exports.BaseCard=m,exports.BulletBadge=h,exports.Contrast=d,exports.ContrastContext=l,exports.MediaCard=function(c){var d=c.title,l=c.description,o=c.children,u=c.className,v=c.category,g=c.style,h=c.as,f=c.headingLevel,N=void 0===f?"h2":f,E=c.wholeCardAsElement,_=c.hideArrow,y=c.wrapperProps,x=c.orientation,w=i(c,p),b=h||"a",C=r.Heading3,P=E?s({},y,w):s({},y),A=t("eds-base-card, eds-media-card",u,{"eds-media-card--horizontal":"horizontal"===x});return a.createElement(m,s({className:A,style:g},P),a.createElement("div",{className:"eds-media-card__media"},o),a.createElement("div",{className:"eds-media-card__text"},v&&a.createElement(r.Label,{className:"eds-media-card__text__category"},v),a.createElement(e.ConditionalWrapper,{condition:void 0!==l,wrapper:function(e){return a.createElement(C,{as:N,className:"eds-media-card__text__title"},e)}},a.createElement(b,s({tabIndex:0,className:"eds-media-card__text__title-link"},w),d)),void 0!==l&&a.createElement(r.Paragraph,null,l),!_&&a.createElement(n.ForwardIcon,{className:"eds-media-card__arrow-icon","aria-hidden":"true"})))},exports.NavigationCard=function(e){var n=e.title,c=e.children,d=e.titleIcon,l=e.compact,o=void 0!==l&&l,p=e.className,v=e.as,g=i(e,u),h=v||"a",f=t("eds-navigation-card",p,{"eds-base-card--red-line":o,"eds-navigation-card--compact":o});return a.createElement(m,s({as:h,className:f},g),a.createElement("div",{className:"eds-navigation-card-header"},a.createElement("div",{className:"eds-navigation-card-header__content"},d&&a.createElement("div",{className:"eds-navigation-card-header__title-icon","aria-hidden":"true"},d),a.createElement("span",{className:"eds-navigation-card-header__title"},a.createElement(r.Heading3,{as:"span"},n))),!o&&a.createElement("div",{className:"eds-navigation-card-header__highlight"})),!o&&a.createElement(a.Fragment,null,a.createElement(r.Paragraph,null,c)))},exports.NotificationBadge=f,exports.StatusBadge=N,exports.Tag=function(e){var r=e.className,n=e.children,c=e.compact,d=e.as,l=i(e,E),o=d||"div",m=a.Children.toArray(n);return a.createElement(o,s({className:t("eds-tag",r,{"eds-tag--leading-icon":m.length>1&&"string"!=typeof m[0],"eds-tag--trailing-icon":m.length>1&&"string"!=typeof m[m.length-1],"eds-tag--compact":c})},l),n)},exports.useContrast=function(){return a.useContext(l)};
|
|
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 { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\nexport type ContrastBaseProps = {\n /** Ekstra klassenavn */\n className?: string;\n};\n\nexport type ContrastProps<T extends React.ElementType> =\n PolymorphicComponentPropsWithRef<T, ContrastBaseProps>;\n\nexport type ContrastComponent = <\n T extends React.ElementType = typeof defaultElement,\n>(\n props: ContrastProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'div';\n\nexport const Contrast: ContrastComponent = React.forwardRef(function Contrast<\n T extends React.ElementType = typeof defaultElement,\n>(\n { className, as, ...rest }: ContrastProps<T>,\n ref: PolymorphicRef<T>,\n): JSX.Element {\n const Element: React.ElementType = as || defaultElement;\n return (\n <ContrastContext.Provider value={true}>\n <Element\n className={classNames('eds-contrast', className)}\n ref={ref}\n {...rest}\n />\n </ContrastContext.Provider>\n );\n});\n\nexport const ContrastContext = React.createContext<boolean>(false);\n\nexport const useContrast: () => boolean = () =>\n React.useContext(ContrastContext);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './BaseCard.scss';\n\nexport type BaseCardOwnProps = {\n /** HTML-elementet eller React-komponenten som lager Card\n * @default \"div\"\n */\n as?: 'div' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n children?: React.ReactNode;\n};\n\nexport type BaseCardProps<T extends React.ElementType = typeof defaultElement> =\n PolymorphicComponentProps<T, BaseCardOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const BaseCard = <E extends React.ElementType = typeof defaultElement>({\n children,\n className,\n as,\n ...rest\n}: BaseCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-base-card', className);\n return (\n <Element className={classList} {...rest}>\n {children}\n </Element>\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport { 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 './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 { 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 /** 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 ...rest\n}: MediaCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const Heading = headingLevel;\n\n const _wrapperProps = whole\n ? { ...wrapperProps, ...rest }\n : { ...wrapperProps };\n return (\n <BaseCard\n className={classNames('eds-base-card', 'eds-media-card', className)}\n style={style}\n {..._wrapperProps}\n >\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 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 { 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 /** Legger til et ikon for å symbolisere at kortet har en ekstern lenke\n * @default false\n */\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 <div className=\"eds-navigation-card-header__highlight\"></div>\n </div>\n {!compact && (\n <>\n <Paragraph>{children}</Paragraph>\n </>\n )}\n </BaseCard>\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Tag.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type TagOwnProps = {\n /** HTML-elementet eller React-komponenten som rendres\n * @default 'div'\n */\n as?: string | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /**Mindre og mer kompakt Tag, til f.eks. tabellbruk\n * @default false\n */\n compact?: boolean;\n children: React.ReactNode;\n};\n\nexport type TagProps<T extends React.ElementType = typeof defaultElement> =\n PolymorphicComponentProps<T, TagOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const Tag = <E extends React.ElementType = typeof defaultElement>({\n className,\n children,\n compact,\n as,\n ...rest\n}: TagProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const childrenArray = React.Children.toArray(children);\n const hasLeadingIcon =\n childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n const hasTrailingIcon =\n childrenArray.length > 1 &&\n typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n return (\n <Element\n className={classNames('eds-tag', className, {\n 'eds-tag--leading-icon': hasLeadingIcon,\n 'eds-tag--trailing-icon': hasTrailingIcon,\n 'eds-tag--compact': compact,\n })}\n {...rest}\n >\n {children}\n </Element>\n );\n};\n"],"names":["Contrast","React","forwardRef","_ref","ref","className","as","rest","_objectWithoutPropertiesLoose","_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$hide","hide","hideProp","_ref$type","type","BulletBadge","props","NotificationBadge","StatusBadge","warnAboutMissingStyles","title","description","category","style","_ref$headingLevel","headingLevel","whole","wholeCardAsElement","hideArrow","wrapperProps","Heading","_wrapperProps","Label","ConditionalWrapper","condition","undefined","wrapper","tabIndex","Paragraph","ForwardIcon","titleIcon","_ref$compact","compact","Heading3","Fragment","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 { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\nexport type ContrastBaseProps = {\n /** Ekstra klassenavn */\n className?: string;\n};\n\nexport type ContrastProps<T extends React.ElementType> =\n PolymorphicComponentPropsWithRef<T, ContrastBaseProps>;\n\nexport type ContrastComponent = <\n T extends React.ElementType = typeof defaultElement,\n>(\n props: ContrastProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'div';\n\nexport const Contrast: ContrastComponent = React.forwardRef(function Contrast<\n T extends React.ElementType = typeof defaultElement,\n>(\n { className, as, ...rest }: ContrastProps<T>,\n ref: PolymorphicRef<T>,\n): JSX.Element {\n const Element: React.ElementType = as || defaultElement;\n return (\n <ContrastContext.Provider value={true}>\n <Element\n className={classNames('eds-contrast', className)}\n ref={ref}\n {...rest}\n />\n </ContrastContext.Provider>\n );\n});\n\nexport const ContrastContext = React.createContext<boolean>(false);\n\nexport const useContrast: () => boolean = () =>\n React.useContext(ContrastContext);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './BaseCard.scss';\n\nexport type BaseCardOwnProps = {\n /** HTML-elementet eller React-komponenten som lager Card\n * @default \"div\"\n */\n as?: 'div' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n children?: React.ReactNode;\n};\n\nexport type BaseCardProps<T extends React.ElementType = typeof defaultElement> =\n PolymorphicComponentProps<T, BaseCardOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const BaseCard = <E extends React.ElementType = typeof defaultElement>({\n children,\n className,\n as,\n ...rest\n}: BaseCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-base-card', className);\n return (\n <Element className={classList} {...rest}>\n {children}\n </Element>\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport { 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 './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, 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 { 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 from 'react';\nimport classNames from 'classnames';\nimport './Tag.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type TagOwnProps = {\n /** HTML-elementet eller React-komponenten som rendres\n * @default 'div'\n */\n as?: string | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /**Mindre og mer kompakt Tag, til f.eks. tabellbruk\n * @default false\n */\n compact?: boolean;\n children: React.ReactNode;\n};\n\nexport type TagProps<T extends React.ElementType = typeof defaultElement> =\n PolymorphicComponentProps<T, TagOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const Tag = <E extends React.ElementType = typeof defaultElement>({\n className,\n children,\n compact,\n as,\n ...rest\n}: TagProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const childrenArray = React.Children.toArray(children);\n const hasLeadingIcon =\n childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n const hasTrailingIcon =\n childrenArray.length > 1 &&\n typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n return (\n <Element\n className={classNames('eds-tag', className, {\n 'eds-tag--leading-icon': hasLeadingIcon,\n 'eds-tag--trailing-icon': hasTrailingIcon,\n 'eds-tag--compact': compact,\n })}\n {...rest}\n >\n {children}\n </Element>\n );\n};\n"],"names":["Contrast","React","forwardRef","_ref","ref","className","as","rest","_objectWithoutPropertiesLoose","_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$hide","hide","hideProp","_ref$type","type","BulletBadge","props","NotificationBadge","StatusBadge","warnAboutMissingStyles","title","description","category","style","_ref$headingLevel","headingLevel","whole","wholeCardAsElement","hideArrow","wrapperProps","orientation","Heading","Heading3","_wrapperProps","Label","ConditionalWrapper","condition","undefined","wrapper","tabIndex","Paragraph","ForwardIcon","titleIcon","_ref$compact","compact","Fragment","childrenArray","Children","toArray","length","useContext"],"mappings":"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"}
|
package/dist/layout.esm.js
CHANGED
|
@@ -86,12 +86,12 @@ var NavigationCard = function NavigationCard(_ref) {
|
|
|
86
86
|
className: "eds-navigation-card-header__title"
|
|
87
87
|
}, React.createElement(Heading3, {
|
|
88
88
|
as: "span"
|
|
89
|
-
}, title))), React.createElement("div", {
|
|
89
|
+
}, title))), !compact && React.createElement("div", {
|
|
90
90
|
className: "eds-navigation-card-header__highlight"
|
|
91
91
|
})), !compact && React.createElement(React.Fragment, null, React.createElement(Paragraph, null, children)));
|
|
92
92
|
};
|
|
93
93
|
|
|
94
|
-
var _excluded$2 = ["title", "description", "children", "className", "category", "style", "as", "headingLevel", "wholeCardAsElement", "hideArrow", "wrapperProps"];
|
|
94
|
+
var _excluded$2 = ["title", "description", "children", "className", "category", "style", "as", "headingLevel", "wholeCardAsElement", "hideArrow", "wrapperProps", "orientation"];
|
|
95
95
|
var defaultElement$5 = 'a';
|
|
96
96
|
var MediaCard = function MediaCard(_ref) {
|
|
97
97
|
var title = _ref.title,
|
|
@@ -106,12 +106,16 @@ var MediaCard = function MediaCard(_ref) {
|
|
|
106
106
|
whole = _ref.wholeCardAsElement,
|
|
107
107
|
hideArrow = _ref.hideArrow,
|
|
108
108
|
wrapperProps = _ref.wrapperProps,
|
|
109
|
+
orientation = _ref.orientation,
|
|
109
110
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
|
|
110
111
|
var Element = as || defaultElement$5;
|
|
111
|
-
var Heading =
|
|
112
|
+
var Heading = Heading3;
|
|
112
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'
|
|
116
|
+
});
|
|
113
117
|
return React.createElement(BaseCard, _extends({
|
|
114
|
-
className:
|
|
118
|
+
className: classList,
|
|
115
119
|
style: style
|
|
116
120
|
}, _wrapperProps), React.createElement("div", {
|
|
117
121
|
className: "eds-media-card__media"
|
|
@@ -123,6 +127,7 @@ var MediaCard = function MediaCard(_ref) {
|
|
|
123
127
|
condition: description !== undefined,
|
|
124
128
|
wrapper: function wrapper(children) {
|
|
125
129
|
return React.createElement(Heading, {
|
|
130
|
+
as: headingLevel,
|
|
126
131
|
className: "eds-media-card__text__title"
|
|
127
132
|
}, children);
|
|
128
133
|
}
|
package/dist/layout.esm.js.map
CHANGED
|
@@ -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 /** Legger til et ikon for å symbolisere at kortet har en ekstern lenke\n * @default false\n */\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 <div className=\"eds-navigation-card-header__highlight\"></div>\n </div>\n {!compact && (\n <>\n <Paragraph>{children}</Paragraph>\n </>\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 { 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 /** 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 ...rest\n}: MediaCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const Heading = headingLevel;\n\n const _wrapperProps = whole\n ? { ...wrapperProps, ...rest }\n : { ...wrapperProps };\n return (\n <BaseCard\n className={classNames('eds-base-card', 'eds-media-card', className)}\n style={style}\n {..._wrapperProps}\n >\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 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","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","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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"}
|
package/dist/styles.css
CHANGED
|
@@ -135,8 +135,7 @@
|
|
|
135
135
|
|
|
136
136
|
.eds-base-card {
|
|
137
137
|
display: flex;
|
|
138
|
-
box-shadow:
|
|
139
|
-
box-shadow: 0.375rem 0.375rem 0.625rem var(--transparent-ebony-alpha15), 0.1875rem 0.1875rem 0.375rem var(--transparent-ebony-alpha35) 0.0625rem 0.0625rem 0.125rem 0rem var(--transparent-ebony-alpha20);
|
|
138
|
+
box-shadow: 6px 6px 10px 0px var(--components-layout-card-standard-shadowlayer3), 3px 3px 6px 0px var(--components-layout-card-standard-shadowlayer2), 1px 1px 2px 0px var(--components-layout-card-standard-shadowlayer1);
|
|
140
139
|
background-color: var(--components-layout-card-standard-fill-default-solid);
|
|
141
140
|
border: 0.0625rem solid var(--components-layout-card-standard-border-default);
|
|
142
141
|
color: var(--components-layout-card-standard-text);
|
|
@@ -294,7 +293,7 @@
|
|
|
294
293
|
flex-direction: column;
|
|
295
294
|
padding: 2rem;
|
|
296
295
|
position: relative;
|
|
297
|
-
transition: transform 0.
|
|
296
|
+
transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out, background 0.1s ease-in-out;
|
|
298
297
|
}
|
|
299
298
|
.eds-navigation-card-header {
|
|
300
299
|
display: flex;
|
|
@@ -329,7 +328,7 @@
|
|
|
329
328
|
opacity: 1;
|
|
330
329
|
}
|
|
331
330
|
.eds-navigation-card:hover .eds-navigation-card-header__highlight {
|
|
332
|
-
width:
|
|
331
|
+
width: 5rem;
|
|
333
332
|
}
|
|
334
333
|
.eds-contrast .eds-navigation-card:hover {
|
|
335
334
|
background-color: var(--components-layout-card-contrast-fill-hoveractive);
|
|
@@ -365,19 +364,46 @@
|
|
|
365
364
|
.eds-navigation-card .eds-paragraph {
|
|
366
365
|
margin-bottom: 0;
|
|
367
366
|
}
|
|
367
|
+
|
|
368
|
+
@media (prefers-reduced-motion: reduce) {
|
|
369
|
+
.eds-navigation-card {
|
|
370
|
+
transition: none;
|
|
371
|
+
}
|
|
372
|
+
.eds-navigation-card-header__highlight {
|
|
373
|
+
transition: none;
|
|
374
|
+
}
|
|
375
|
+
.eds-navigation-card:hover {
|
|
376
|
+
transform: none;
|
|
377
|
+
box-shadow: none;
|
|
378
|
+
}
|
|
379
|
+
.eds-navigation-card:hover .eds-navigation-card-header__highlight {
|
|
380
|
+
width: 2rem;
|
|
381
|
+
}
|
|
382
|
+
}
|
|
368
383
|
/* DO NOT CHANGE!*/
|
|
369
384
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
370
385
|
.eds-media-card {
|
|
386
|
+
display: flex;
|
|
387
|
+
align-items: stretch;
|
|
388
|
+
gap: 1rem;
|
|
371
389
|
flex-direction: column;
|
|
372
390
|
overflow: hidden;
|
|
373
391
|
position: relative;
|
|
374
392
|
width: -moz-fit-content;
|
|
375
393
|
width: fit-content;
|
|
376
|
-
|
|
377
|
-
|
|
394
|
+
background-color: var(--components-layout-card-standard-fill-default-solid);
|
|
395
|
+
transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out, background 0.1s ease-in-out;
|
|
378
396
|
}
|
|
379
397
|
.eds-contrast .eds-media-card {
|
|
380
|
-
background-color: var(--components-layout-card-contrast-fill-default);
|
|
398
|
+
background-color: var(--components-layout-card-contrast-fill-default-solid);
|
|
399
|
+
}
|
|
400
|
+
.eds-media-card:hover {
|
|
401
|
+
background-color: var(--components-layout-card-standard-fill-hoveractive);
|
|
402
|
+
box-shadow: 0.625rem 0.625rem 1rem var(--components-layout-card-standard-shadowlayer3), 0.375rem 0.375rem 0.75rem var(--components-layout-card-standard-shadowlayer2), 0.1875rem 0.1875rem 0.375rem var(--components-layout-card-standard-shadowlayer1);
|
|
403
|
+
}
|
|
404
|
+
.eds-contrast .eds-media-card:hover {
|
|
405
|
+
background-color: var(--components-layout-card-contrast-fill-hoveractive);
|
|
406
|
+
box-shadow: 0.625rem 0.625rem 1rem var(--components-layout-card-contrast-shadowlayer3), 0.375rem 0.375rem 0.75rem var(--components-layout-card-contrast-shadowlayer2), 0.1875rem 0.1875rem 0.375rem var(--components-layout-card-contrast-shadowlayer1);
|
|
381
407
|
}
|
|
382
408
|
.eds-media-card:has(:focus-visible) {
|
|
383
409
|
outline: 2px solid #181c56;
|
|
@@ -387,12 +413,17 @@
|
|
|
387
413
|
.eds-contrast .eds-media-card:has(:focus-visible) {
|
|
388
414
|
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
389
415
|
}
|
|
390
|
-
.eds-media-card:
|
|
391
|
-
|
|
392
|
-
|
|
416
|
+
.eds-media-card:active {
|
|
417
|
+
background-color: var(--components-layout-card-standard-fill-hoveractive);
|
|
418
|
+
border: 1px solid var(--components-layout-card-standard-border-active);
|
|
419
|
+
box-shadow: none;
|
|
420
|
+
}
|
|
421
|
+
.eds-contrast .eds-media-card:active {
|
|
422
|
+
background-color: var(--components-layout-card-contrast-fill-hoveractive);
|
|
423
|
+
border-color: var(--components-layout-card-contrast-border-active);
|
|
424
|
+
box-shadow: none;
|
|
393
425
|
}
|
|
394
426
|
.eds-media-card__media {
|
|
395
|
-
transition: transform 0.2s ease-in-out;
|
|
396
427
|
max-height: 15rem;
|
|
397
428
|
display: flex;
|
|
398
429
|
align-items: center;
|
|
@@ -415,16 +446,13 @@
|
|
|
415
446
|
flex-direction: column;
|
|
416
447
|
-webkit-text-decoration: none;
|
|
417
448
|
text-decoration: none;
|
|
418
|
-
padding: 1.
|
|
449
|
+
padding: 1.5rem 2rem 2rem 2rem;
|
|
419
450
|
}
|
|
420
451
|
.eds-media-card__text:focus {
|
|
421
452
|
outline: none;
|
|
422
453
|
}
|
|
423
454
|
.eds-media-card__text__title {
|
|
424
|
-
|
|
425
|
-
line-height: 1.875rem;
|
|
426
|
-
font-weight: 600;
|
|
427
|
-
margin: 0.75rem 0 0.5rem;
|
|
455
|
+
margin: 0.25rem 0 0.25rem;
|
|
428
456
|
}
|
|
429
457
|
.eds-media-card__text__title-link {
|
|
430
458
|
-webkit-appearance: none;
|
|
@@ -448,6 +476,49 @@
|
|
|
448
476
|
align-self: flex-end;
|
|
449
477
|
margin: 1rem 0 1.5rem;
|
|
450
478
|
}
|
|
479
|
+
.eds-media-card--horizontal {
|
|
480
|
+
flex-direction: row;
|
|
481
|
+
gap: 0.75rem;
|
|
482
|
+
}
|
|
483
|
+
.eds-media-card--horizontal.eds-base-card {
|
|
484
|
+
align-items: flex-start;
|
|
485
|
+
}
|
|
486
|
+
.eds-media-card--horizontal .eds-media-card__media {
|
|
487
|
+
padding: 1.5rem 0 1.5rem 1.5rem;
|
|
488
|
+
overflow: visible;
|
|
489
|
+
overflow: initial;
|
|
490
|
+
}
|
|
491
|
+
.eds-media-card--horizontal .eds-media-card__media img {
|
|
492
|
+
width: 10rem;
|
|
493
|
+
height: 10rem;
|
|
494
|
+
}
|
|
495
|
+
.eds-media-card--horizontal .eds-media-card__text {
|
|
496
|
+
padding: 1.5rem 1.5rem 1.5rem 0;
|
|
497
|
+
}
|
|
498
|
+
.eds-media-card--horizontal .eds-media-card__text__title {
|
|
499
|
+
margin: 0;
|
|
500
|
+
}
|
|
501
|
+
.eds-media-card--horizontal .eds-media-card__arrow-icon {
|
|
502
|
+
margin: 0;
|
|
503
|
+
}
|
|
504
|
+
@media screen and (min-width: 50rem) {
|
|
505
|
+
.eds-media-card--horizontal {
|
|
506
|
+
gap: 1rem;
|
|
507
|
+
}
|
|
508
|
+
.eds-media-card--horizontal.eds-base-card {
|
|
509
|
+
align-items: center;
|
|
510
|
+
}
|
|
511
|
+
.eds-media-card--horizontal.eds-base-card:has(.eds-media-card__arrow-icon) {
|
|
512
|
+
align-items: flex-start;
|
|
513
|
+
}
|
|
514
|
+
.eds-media-card--horizontal .eds-media-card__media {
|
|
515
|
+
padding: 2rem 0 2rem 2rem;
|
|
516
|
+
width: 12.5rem;
|
|
517
|
+
}
|
|
518
|
+
.eds-media-card--horizontal .eds-media-card__text {
|
|
519
|
+
padding: 2rem 2rem 2rem 0;
|
|
520
|
+
}
|
|
521
|
+
}
|
|
451
522
|
/* DO NOT CHANGE!*/
|
|
452
523
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
453
524
|
.eds-badge {
|
|
@@ -639,6 +710,8 @@
|
|
|
639
710
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
640
711
|
/* DO NOT CHANGE!*/
|
|
641
712
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
713
|
+
/* DO NOT CHANGE!*/
|
|
714
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
642
715
|
[data-color-mode=light],
|
|
643
716
|
:root {
|
|
644
717
|
--components-layout-badge-information-contrast-border: rgba(255, 255, 255, 0);
|
|
@@ -818,6 +891,7 @@
|
|
|
818
891
|
:root {
|
|
819
892
|
--basecolors-frame-contrast: #181c56;
|
|
820
893
|
--basecolors-frame-contrastalt: #393d79;
|
|
894
|
+
--basecolors-frame-contrastalt-2: #292b6a;
|
|
821
895
|
--basecolors-frame-default: #ffffff;
|
|
822
896
|
--basecolors-frame-elevated: #ffffff;
|
|
823
897
|
--basecolors-frame-elevatedalt: #f6f6f9;
|
|
@@ -883,6 +957,7 @@
|
|
|
883
957
|
[data-color-mode=dark] {
|
|
884
958
|
--basecolors-frame-contrast: #212233;
|
|
885
959
|
--basecolors-frame-contrastalt: #141527;
|
|
960
|
+
--basecolors-frame-contrastalt-2: #08091c;
|
|
886
961
|
--basecolors-frame-default: #08091c;
|
|
887
962
|
--basecolors-frame-elevated: rgba(229, 229, 233, 0.1490196078);
|
|
888
963
|
--basecolors-frame-elevatedalt: #464755;
|
|
@@ -950,8 +1025,6 @@
|
|
|
950
1025
|
}
|
|
951
1026
|
/* DO NOT CHANGE!*/
|
|
952
1027
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
953
|
-
/* DO NOT CHANGE!*/
|
|
954
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
955
1028
|
.eds-tag {
|
|
956
1029
|
background: #e9e9e9;
|
|
957
1030
|
color: #181c56;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/layout",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.1.0",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/layout.esm.js",
|
|
@@ -27,14 +27,14 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/icons": "^7.
|
|
31
|
-
"@entur/tokens": "^3.
|
|
32
|
-
"@entur/typography": "^1.9.
|
|
33
|
-
"@entur/utils": "^0.12.
|
|
30
|
+
"@entur/icons": "^7.8.0",
|
|
31
|
+
"@entur/tokens": "^3.19.0",
|
|
32
|
+
"@entur/typography": "^1.9.4",
|
|
33
|
+
"@entur/utils": "^0.12.3",
|
|
34
34
|
"classnames": "^2.3.1"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"dts-cli": "2.0.5"
|
|
38
38
|
},
|
|
39
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "bfd8f62e4735cc13d55e50bc8747535d72aaf679"
|
|
40
40
|
}
|