@entur/layout 2.1.30 → 2.1.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/layout.cjs.development.js +6 -2
  2. package/dist/layout.cjs.development.js.map +1 -1
  3. package/dist/layout.cjs.production.min.js +1 -1
  4. package/dist/layout.cjs.production.min.js.map +1 -1
  5. package/dist/layout.esm.js +6 -2
  6. package/dist/layout.esm.js.map +1 -1
  7. package/dist/styles.css +21 -21
  8. package/package.json +5 -5
package/dist/layout.cjs.development.js CHANGED
@@ -100,15 +100,19 @@ var NavigationCard = function NavigationCard(_ref) {
100
100
  }, titleIcon), React__default["default"].createElement("span", {
101
101
  className: "eds-navigation-card__title"
102
102
  }, compact && titleIcon && React__default["default"].createElement("span", {
103
- className: "eds-navigation-card__title-icon-compact"
103
+ className: "eds-navigation-card__title-icon-compact",
104
+ "aria-hidden": "true"
104
105
  }, titleIcon), React__default["default"].createElement(typography.Heading3, {
105
106
  as: "span"
106
107
  }, title)), !compact && React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(typography.Paragraph, null, children), externalLink && React__default["default"].createElement(icons.ExternalIcon, {
108
+ "aria-label": "Ekstern lenke",
107
109
  className: "eds-navigation-card__external--not-compact"
108
110
  })), compact && externalLink && React__default["default"].createElement(icons.ExternalIcon, {
111
+ "aria-label": "Ekstern lenke",
109
112
  className: "eds-navigattion-card__icon eds-navigation-card__external--compact"
110
113
  }), compact && !externalLink && React__default["default"].createElement(icons.ForwardIcon, {
111
- className: "eds-navigattion-card__icon eds-navigation-card__arrow-icon"
114
+ className: "eds-navigattion-card__icon eds-navigation-card__arrow-icon",
115
+ "aria-hidden": "true"
112
116
  }));
113
117
  };
114
118
 
package/dist/layout.cjs.development.js.map CHANGED
@@ -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 { ForwardIcon, ExternalIcon } from '@entur/icons';\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 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 externalLink = false,\n as,\n ...rest\n}: NavigationCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-navigation-card', className, {\n 'eds-base-card--red-line': compact,\n 'eds-navigation-card--compact': compact,\n });\n return (\n <BaseCard as={Element} className={classList} {...rest}>\n {!compact && titleIcon && (\n <div className=\"eds-navigation-card__title-icon\" aria-hidden=\"true\">\n {titleIcon}\n </div>\n )}\n <span className=\"eds-navigation-card__title\">\n {compact && titleIcon && (\n <span className=\"eds-navigation-card__title-icon-compact\">\n {titleIcon}\n </span>\n )}\n <Heading3 as=\"span\">{title}</Heading3>\n </span>\n {!compact && (\n <>\n <Paragraph>{children}</Paragraph>\n {externalLink && (\n <ExternalIcon className=\"eds-navigation-card__external--not-compact\" />\n )}\n </>\n )}\n {compact && externalLink && (\n <ExternalIcon className=\"eds-navigattion-card__icon eds-navigation-card__external--compact\" />\n )}\n {compact && !externalLink && (\n <ForwardIcon className=\"eds-navigattion-card__icon eds-navigation-card__arrow-icon\" />\n )}\n </BaseCard>\n );\n};\n","import React, { CSSProperties } from 'react';\nimport { Paragraph, Label } from '@entur/typography';\nimport classNames from 'classnames';\nimport { BaseCard } from './BaseCard';\nimport { ForwardIcon } from '@entur/icons';\nimport './MediaCard.scss';\nimport { 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 /** Gjør hele kortet til \"as\"-elementet. Default er kun tekstområdet. Anbefales hvis media er et bilde\n * @default false\n */\n wholeCardAsElement?: boolean;\n};\n\nexport type MediaCardProps<\n 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 wholeCardAsElement: whole,\n ...rest\n}: MediaCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-base-card', 'eds-media-card', className);\n\n const wrapperElement = whole ? Element : 'div';\n const wrapperProps = whole ? rest : {};\n const innerProps = whole ? {} : rest;\n const InnerElement = whole ? 'div' : Element;\n return (\n <BaseCard\n as={wrapperElement}\n className={classList}\n style={style}\n {...wrapperProps}\n >\n <div className=\"eds-media-card__media\">{children}</div>\n <InnerElement className=\"eds-media-card__text\" {...innerProps}>\n {category && (\n <Label className=\"eds-media-card__category\">{category}</Label>\n )}\n <div className=\"eds-media-card__title\">{title}</div>\n <Paragraph>{description}</Paragraph>\n <ForwardIcon\n className=\"eds-media-card__arrow-icon\"\n aria-hidden=\"true\"\n />\n </InnerElement>\n </BaseCard>\n );\n};\n\nexport default MediaCard;\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport './Badge.scss';\n\nexport type BadgeTypes = 'status' | 'bullet' | 'notification';\n\nexport type BadgeOwnProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n /** Om 0 skal vises\n * @default false\n */\n showZero?: boolean;\n /** Hva som er høyeste tallet før det legges på \"+\"\n * @default ++\n */\n max?: number;\n type?: BadgeTypes;\n};\n\nexport type BadgeProps<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 as,\n type = 'status',\n ...rest\n }: BadgeProps<T>,\n ref: PolymorphicRef<T>,\n ) => {\n const Element: React.ElementType = as || defaultElement;\n let invisible = invisibleProp;\n if (\n invisibleProp === false &&\n ((children === 0 && !showZero) || children == null)\n ) {\n invisible = true;\n }\n\n let displayValue;\n if (typeof children === 'number') {\n displayValue = children > max ? `${max}+` : children;\n } else {\n displayValue = children;\n }\n\n const classList = classNames(\n 'eds-badge',\n { 'eds-badge--invisible': invisible, 'eds-badge--show-zero': showZero },\n `eds-badge--variant-${variant}`,\n `eds-badge--type-${type}`,\n );\n\n return (\n <Element className={classList} ref={ref} {...rest}>\n {displayValue}\n </Element>\n );\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype BulletBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type BulletBadgeProps<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: React.ElementType = 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';\n\ntype NotificationBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n /** Om 0 skal vises\n * @default false\n */\n showZero?: boolean;\n /** Hva som er høyeste tallet før det legges på \"+\"\n * @default ++\n */\n max?: number;\n};\n\nexport type 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: React.ElementType = 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';\n\ntype StatusBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type StatusBadgeProps<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: React.ElementType = 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","className","as","rest","_excluded","Element","ContrastContext","Provider","value","createElement","classNames","createContext","useContrast","useContext","BaseCard","children","classList","NavigationCard","title","titleIcon","compact","externalLink","Heading3","Fragment","Paragraph","ExternalIcon","ForwardIcon","MediaCard","description","category","style","whole","wholeCardAsElement","wrapperElement","wrapperProps","innerProps","InnerElement","Label","Badge","max","variant","showZero","invisible","invisibleProp","type","displayValue","BulletBadge","props","NotificationBadge","StatusBadge","Tag","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAMA,gBAAc,GAAG,KAAK,CAAA;AAErB,IAAMC,QAAQ,gBAAsBC,yBAAK,CAACC,UAAU,CAAC,SAASF,QAAQ,CAI3EG,IAAAA,EAAAA,GAAsB,EAAA;EAAA,IADpBC,SAAS,QAATA,SAAS;AAAEC,IAAAA,EAAE,QAAFA,EAAE;IAAKC,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAAC,WAAA,CAAA,CAAA;AAGxB,EAAA,IAAMC,OAAO,GAAsBH,EAAE,IAAIN,gBAAc,CAAA;AACvD,EAAA,OACEE,wCAACQ,eAAe,CAACC,QAAQ,EAAC;AAAAC,IAAAA,KAAK,EAAE,IAAA;AAAI,GAAA,EACnCV,yBAAA,CAAAW,aAAA,CAACJ,OAAO,EAAA,QAAA,CAAA;AACNJ,IAAAA,SAAS,EAAES,8BAAU,CAAC,cAAc,EAAET,SAAS,CAAC;AAChDD,IAAAA,GAAG,EAAEA,GAAAA;GACDG,EAAAA,IAAI,EACR,CACuB,CAAA;AAE/B,CAAC,EAAC;AAEK,IAAMG,eAAe,gBAAGR,yBAAK,CAACa,aAAa,CAAU,KAAK,EAAC;AAErDC,IAAAA,WAAW,GAAkB,SAA7BA,WAAW,GAAA;AAAA,EAAA,OACtBd,yBAAK,CAACe,UAAU,CAACP,eAAe,CAAC,CAAA;AAAA;;;ACvBnC,IAAMV,gBAAc,GAAG,KAAK,CAAA;AAEfkB,IAAAA,QAAQ,GAAG,SAAXA,QAAQ,CAKe,IAAA,EAAA;EAAA,IAJlCC,QAAQ,QAARA,QAAQ;AACRd,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,EAAE,QAAFA,EAAE;IACCC,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAAC,WAAA,CAAA,CAAA;AAEP,EAAA,IAAMC,OAAO,GAAsBH,EAAE,IAAIN,gBAAc,CAAA;AACvD,EAAA,IAAMoB,SAAS,GAAGN,8BAAU,CAAC,eAAe,EAAET,SAAS,CAAC,CAAA;AACxD,EAAA,OACEH,yBAAA,CAAAW,aAAA,CAACJ,OAAO,EAAA,QAAA,CAAA;AAACJ,IAAAA,SAAS,EAAEe,SAAAA;GAAeb,EAAAA,IAAI,CACpCY,EAAAA,QAAQ,CACD,CAAA;AAEd;;;ACGA,IAAMnB,gBAAc,GAAG,GAAG,CAAA;AAEbqB,IAAAA,cAAc,GAAG,SAAjBA,cAAc,CAWe,IAAA,EAAA;EAAA,IARxCC,KAAK,QAALA,KAAK;AACLH,IAAAA,QAAQ,QAARA,QAAQ;AACRI,IAAAA,SAAS,QAATA,SAAS;AAAA,IAAA,YAAA,GAAA,IAAA,CACTC,OAAO;AAAPA,IAAAA,OAAO,6BAAG,KAAK,GAAA,YAAA;AACfnB,IAAAA,SAAS,QAATA,SAAS;AAAA,IAAA,iBAAA,GAAA,IAAA,CACToB,YAAY;AAAZA,IAAAA,YAAY,kCAAG,KAAK,GAAA,iBAAA;AACpBnB,IAAAA,EAAE,QAAFA,EAAE;IACCC,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAAC,WAAA,CAAA,CAAA;AAEP,EAAA,IAAMC,OAAO,GAAsBH,EAAE,IAAIN,gBAAc,CAAA;AACvD,EAAA,IAAMoB,SAAS,GAAGN,8BAAU,CAAC,qBAAqB,EAAET,SAAS,EAAE;AAC7D,IAAA,yBAAyB,EAAEmB,OAAO;AAClC,IAAA,8BAA8B,EAAEA,OAAAA;AACjC,GAAA,CAAC,CAAA;AACF,EAAA,OACEtB,yBAAA,CAAAW,aAAA,CAACK,QAAQ,EAAA,QAAA,CAAA;AAACZ,IAAAA,EAAE,EAAEG,OAAO;AAAEJ,IAAAA,SAAS,EAAEe,SAAAA;AAAS,GAAA,EAAMb,IAAI,CAAA,EAClD,CAACiB,OAAO,IAAID,SAAS,IACpBrB,yBAAK,CAAAW,aAAA,CAAA,KAAA,EAAA;AAAAR,IAAAA,SAAS,EAAC,iCAAiC;AAAa,IAAA,aAAA,EAAA,MAAA;GAC1D,EAAAkB,SAAS,CAEb,EACDrB,yBAAM,CAAAW,aAAA,CAAA,MAAA,EAAA;AAAAR,IAAAA,SAAS,EAAC,4BAAA;GAA4B,EACzCmB,OAAO,IAAID,SAAS,IACnBrB,yBAAA,CAAAW,aAAA,CAAA,MAAA,EAAA;AAAMR,IAAAA,SAAS,EAAC,yCAAA;GAAyC,EACtDkB,SAAS,CAEb,EACDrB,yBAAC,CAAAW,aAAA,CAAAa,mBAAQ;AAACpB,IAAAA,EAAE,EAAC,MAAA;AAAQ,GAAA,EAAAgB,KAAK,CAAY,CACjC,EACN,CAACE,OAAO,IACPtB,yBAAA,CAAAW,aAAA,CAAAX,yBAAA,CAAAyB,QAAA,EAAA,IAAA,EACEzB,yBAAC,CAAAW,aAAA,CAAAe,oBAAS,EAAE,IAAA,EAAAT,QAAQ,CAAa,EAChCM,YAAY,IACXvB,yBAAA,CAAAW,aAAA,CAACgB,kBAAY,EAAA;AAACxB,IAAAA,SAAS,EAAC,4CAAA;AAA4C,GAAA,CACrE,CAEJ,EACAmB,OAAO,IAAIC,YAAY,IACtBvB,yBAAA,CAAAW,aAAA,CAACgB,kBAAY,EAAA;AAACxB,IAAAA,SAAS,EAAC,mEAAA;AAAmE,GAAA,CAC5F,EACAmB,OAAO,IAAI,CAACC,YAAY,IACvBvB,yBAAC,CAAAW,aAAA,CAAAiB,iBAAW,EAAC;AAAAzB,IAAAA,SAAS,EAAC,4DAAA;AAA4D,GAAA,CACpF,CACQ,CAAA;AAEf;;;ACnDA,IAAML,gBAAc,GAAG,GAAG,CAAA;AAEb+B,IAAAA,SAAS,GAAG,SAAZA,SAAS,CAUe,IAAA,EAAA;EAAA,IATnCT,KAAK,QAALA,KAAK;AACLU,IAAAA,WAAW,QAAXA,WAAW;AACXb,IAAAA,QAAQ,QAARA,QAAQ;AACRd,IAAAA,SAAS,QAATA,SAAS;AACT4B,IAAAA,QAAQ,QAARA,QAAQ;AACRC,IAAAA,KAAK,QAALA,KAAK;AACL5B,IAAAA,EAAE,QAAFA,EAAE;AACkB6B,IAAAA,KAAK,QAAzBC,kBAAkB;IACf7B,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAAC,WAAA,CAAA,CAAA;AAEP,EAAA,IAAMC,OAAO,GAAsBH,EAAE,IAAIN,gBAAc,CAAA;EACvD,IAAMoB,SAAS,GAAGN,8BAAU,CAAC,eAAe,EAAE,gBAAgB,EAAET,SAAS,CAAC,CAAA;AAE1E,EAAA,IAAMgC,cAAc,GAAGF,KAAK,GAAG1B,OAAO,GAAG,KAAK,CAAA;AAC9C,EAAA,IAAM6B,YAAY,GAAGH,KAAK,GAAG5B,IAAI,GAAG,EAAE,CAAA;AACtC,EAAA,IAAMgC,UAAU,GAAGJ,KAAK,GAAG,EAAE,GAAG5B,IAAI,CAAA;AACpC,EAAA,IAAMiC,YAAY,GAAGL,KAAK,GAAG,KAAK,GAAG1B,OAAO,CAAA;AAC5C,EAAA,OACEP,yBAAC,CAAAW,aAAA,CAAAK,QAAQ,EAAA,QAAA,CAAA;AACPZ,IAAAA,EAAE,EAAE+B,cAAc;AAClBhC,IAAAA,SAAS,EAAEe,SAAS;AACpBc,IAAAA,KAAK,EAAEA,KAAAA;AAAK,GAAA,EACRI,YAAY,CAEhBpC,EAAAA,yBAAA,CAAAW,aAAA,CAAA,KAAA,EAAA;AAAKR,IAAAA,SAAS,EAAC,uBAAA;GAAuB,EAAEc,QAAQ,CAAO,EACvDjB,yBAAA,CAAAW,aAAA,CAAC2B,YAAY,EAAA,QAAA,CAAA;AAACnC,IAAAA,SAAS,EAAC,sBAAA;GAA2BkC,EAAAA,UAAU,GAC1DN,QAAQ,IACP/B,yBAAA,CAAAW,aAAA,CAAC4B,gBAAK,EAAA;AAACpC,IAAAA,SAAS,EAAC,0BAAA;GAA0B,EAAE4B,QAAQ,CACtD,EACD/B,yBAAA,CAAAW,aAAA,CAAA,KAAA,EAAA;AAAKR,IAAAA,SAAS,EAAC,uBAAA;GAAuB,EAAEiB,KAAK,CAAO,EACpDpB,yBAAC,CAAAW,aAAA,CAAAe,oBAAS,EAAE,IAAA,EAAAI,WAAW,CAAa,EACpC9B,yBAAC,CAAAW,aAAA,CAAAiB,iBAAW,EACV;AAAAzB,IAAAA,SAAS,EAAC,4BAA4B;AAC1B,IAAA,aAAA,EAAA,MAAA;GACZ,CAAA,CACW,CACN,CAAA;AAEf;;;ACtCA,IAAML,gBAAc,GAAG,MAAM,CAAA;AAEtB,IAAM0C,KAAK,gBAAmBxC,yBAAK,CAACC,UAAU,CACnD,UAYEC,IAAAA,EAAAA,GAAsB,EACpB;EAXAe,IAAAA,QAAQ,QAARA,QAAQ,CAAA;AACRd,IAAS,QAAA,GAAA,IAAA,CACTsC,GAAG,CAAA;AAAHA,IAAAA,GAAG,yBAAG,EAAE,GAAA,QAAA,CAAA;AACRC,IAAAA,OAAO,QAAPA,OAAO,CAAA;AAAA,IAAA,aAAA,GAAA,IAAA,CACPC,QAAQ,CAAA;AAARA,IAAAA,QAAQ,8BAAG,KAAK,GAAA,aAAA,CAAA;AAAA,IAAA,cAAA,GAAA,IAAA,CAChBC,SAAS,CAAA;AAAEC,IAAAA,aAAa,+BAAG,KAAK,GAAA,cAAA,CAAA;AAChCzC,IAAAA,EAAE,QAAFA,EAAE,CAAA;AAAA,IAAA,SAAA,GAAA,IAAA,CACF0C,IAAI,CAAA;AAAJA,IAAAA,IAAI,0BAAG,QAAQ,GAAA,SAAA,CAAA;IACZzC,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAAC,WAAA,EAAA;AAIT,EAAA,IAAMC,OAAO,GAAsBH,EAAE,IAAIN,gBAAc,CAAA;EACvD,IAAI8C,SAAS,GAAGC,aAAa,CAAA;AAC7B,EAAA,IACEA,aAAa,KAAK,KAAK,KACrB5B,QAAQ,KAAK,CAAC,IAAI,CAAC0B,QAAQ,IAAK1B,QAAQ,IAAI,IAAI,CAAC,EACnD;AACA2B,IAAAA,SAAS,GAAG,IAAI,CAAA;AACjB,GAAA;AAED,EAAA,IAAIG,YAAY,CAAA;AAChB,EAAA,IAAI,OAAO9B,QAAQ,KAAK,QAAQ,EAAE;AAChC8B,IAAAA,YAAY,GAAG9B,QAAQ,GAAGwB,GAAG,GAAMA,GAAG,SAAMxB,QAAQ,CAAA;AACrD,GAAA,MAAM;AACL8B,IAAAA,YAAY,GAAG9B,QAAQ,CAAA;AACxB,GAAA;AAED,EAAA,IAAMC,SAAS,GAAGN,8BAAU,CAC1B,WAAW,EACX;AAAE,IAAA,sBAAsB,EAAEgC,SAAS;AAAE,IAAA,sBAAsB,EAAED,QAAAA;AAAQ,GAAE,EACjDD,qBAAAA,GAAAA,OAAO,EACVI,kBAAAA,GAAAA,IAAI,CACxB,CAAA;AAED,EAAA,OACE9C,yBAAC,CAAAW,aAAA,CAAAJ,OAAO,EAAA,QAAA,CAAA;AAACJ,IAAAA,SAAS,EAAEe,SAAS;AAAEhB,IAAAA,GAAG,EAAEA,GAAAA;GAASG,EAAAA,IAAI,CAC9C0C,EAAAA,YAAY,CACL,CAAA;AAEd,CAAC;;ACzDH,IAAMjD,gBAAc,GAAG,MAAM,CAAA;AAEtB,IAAMkD,WAAW,gBAAyBhD,yBAAK,CAACC,UAAU,CAC/D,UACEgD,KAA0B,EAC1B/C,GAAsB,EACpB;AACF,EAAA,IAAMK,OAAO,GAAsB0C,KAAK,CAAC7C,EAAE,IAAIN,gBAAc,CAAA;AAC7D;AACA,EAAA,OAAOE,wCAACwC,KAAK,EAAA,QAAA,CAAA;AAACpC,IAAAA,EAAE,EAAEG,OAAAA;AAAO,GAAA,EAAM0C,KAAK,EAAA;AAAE/C,IAAAA,GAAG,EAAEA,GAAG;AAAE4C,IAAAA,IAAI,EAAC,QAAA;GAAW,CAAA,CAAA,CAAA;AAClE,CAAC;;ACFH,IAAMhD,gBAAc,GAAG,MAAM,CAAA;AAEtB,IAAMoD,iBAAiB,gBAA+BlD,yBAAK,CAACC,UAAU,CAC3E,UACEgD,KAAgC,EAChC/C,GAAsB,EACpB;AACF,EAAA,IAAMK,OAAO,GAAsB0C,KAAK,CAAC7C,EAAE,IAAIN,gBAAc,CAAA;AAC7D;AACA,EAAA,OAAOE,wCAACwC,KAAK,EAAA,QAAA,CAAA;AAACpC,IAAAA,EAAE,EAAEG,OAAAA;AAAO,GAAA,EAAM0C,KAAK,EAAA;AAAE/C,IAAAA,GAAG,EAAEA,GAAG;AAAE4C,IAAAA,IAAI,EAAC,cAAA;GAAiB,CAAA,CAAA,CAAA;AACxE,CAAC;;AClBH,IAAMhD,gBAAc,GAAG,MAAM,CAAA;AAEtB,IAAMqD,WAAW,gBAAyBnD,yBAAK,CAACC,UAAU,CAC/D,UACEgD,KAA0B,EAC1B/C,GAAsB,EACpB;AACF,EAAA,IAAMK,OAAO,GAAsB0C,KAAK,CAAC7C,EAAE,IAAIN,gBAAc,CAAA;AAC7D;AACA,EAAA,OAAOE,wCAACwC,KAAK,EAAA,QAAA,CAAA;AAACpC,IAAAA,EAAE,EAAEG,OAAAA;AAAO,GAAA,EAAM0C,KAAK,EAAA;AAAE/C,IAAAA,GAAG,EAAEA,GAAG;AAAE4C,IAAAA,IAAI,EAAC,QAAA;GAAW,CAAA,CAAA,CAAA;AAClE,CAAC;;;ACdH,IAAMhD,cAAc,GAAG,KAAK,CAAA;AAEfsD,IAAAA,GAAG,GAAG,SAANA,GAAG,CAMe,IAAA,EAAA;EAAA,IAL7BjD,SAAS,QAATA,SAAS;AACTc,IAAAA,QAAQ,QAARA,QAAQ;AACRK,IAAAA,OAAO,QAAPA,OAAO;AACPlB,IAAAA,EAAE,QAAFA,EAAE;IACCC,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAEP,EAAA,IAAME,OAAO,GAAsBH,EAAE,IAAIN,cAAc,CAAA;EACvD,IAAMuD,aAAa,GAAGrD,yBAAK,CAACsD,QAAQ,CAACC,OAAO,CAACtC,QAAQ,CAAC,CAAA;AACtD,EAAA,IAAMuC,cAAc,GAClBH,aAAa,CAACI,MAAM,GAAG,CAAC,IAAI,OAAOJ,aAAa,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAA;AAClE,EAAA,IAAMK,eAAe,GACnBL,aAAa,CAACI,MAAM,GAAG,CAAC,IACxB,OAAOJ,aAAa,CAACA,aAAa,CAACI,MAAM,GAAG,CAAC,CAAC,KAAK,QAAQ,CAAA;AAE7D,EAAA,OACEzD,yBAAC,CAAAW,aAAA,CAAAJ,OAAO,EAAA,QAAA,CAAA;AACNJ,IAAAA,SAAS,EAAES,8BAAU,CAAC,SAAS,EAAET,SAAS,EAAE;AAC1C,MAAA,uBAAuB,EAAEqD,cAAc;AACvC,MAAA,wBAAwB,EAAEE,eAAe;AACzC,MAAA,kBAAkB,EAAEpC,OAAAA;KACrB,CAAA;GACGjB,EAAAA,IAAI,CAEPY,EAAAA,QAAQ,CACD,CAAA;AAEd;;AC/CA0C,4BAAsB,CAAC,QAAQ,EAAE,YAAY,CAAC;;;;;;;;;;;;;;"}
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 { ForwardIcon, ExternalIcon } from '@entur/icons';\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 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 externalLink = false,\n as,\n ...rest\n}: NavigationCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-navigation-card', className, {\n 'eds-base-card--red-line': compact,\n 'eds-navigation-card--compact': compact,\n });\n return (\n <BaseCard as={Element} className={classList} {...rest}>\n {!compact && titleIcon && (\n <div className=\"eds-navigation-card__title-icon\" aria-hidden=\"true\">\n {titleIcon}\n </div>\n )}\n <span className=\"eds-navigation-card__title\">\n {compact && titleIcon && (\n <span\n className=\"eds-navigation-card__title-icon-compact\"\n aria-hidden=\"true\"\n >\n {titleIcon}\n </span>\n )}\n <Heading3 as=\"span\">{title}</Heading3>\n </span>\n {!compact && (\n <>\n <Paragraph>{children}</Paragraph>\n {externalLink && (\n <ExternalIcon\n aria-label=\"Ekstern lenke\"\n className=\"eds-navigation-card__external--not-compact\"\n />\n )}\n </>\n )}\n {compact && externalLink && (\n <ExternalIcon\n aria-label=\"Ekstern lenke\"\n className=\"eds-navigattion-card__icon eds-navigation-card__external--compact\"\n />\n )}\n {compact && !externalLink && (\n <ForwardIcon\n className=\"eds-navigattion-card__icon eds-navigation-card__arrow-icon\"\n aria-hidden=\"true\"\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 { 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 /** Gjør hele kortet til \"as\"-elementet. Default er kun tekstområdet. Anbefales hvis media er et bilde\n * @default false\n */\n wholeCardAsElement?: boolean;\n};\n\nexport type MediaCardProps<\n 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 wholeCardAsElement: whole,\n ...rest\n}: MediaCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-base-card', 'eds-media-card', className);\n\n const wrapperElement = whole ? Element : 'div';\n const wrapperProps = whole ? rest : {};\n const innerProps = whole ? {} : rest;\n const InnerElement = whole ? 'div' : Element;\n return (\n <BaseCard\n as={wrapperElement}\n className={classList}\n style={style}\n {...wrapperProps}\n >\n <div className=\"eds-media-card__media\">{children}</div>\n <InnerElement className=\"eds-media-card__text\" {...innerProps}>\n {category && (\n <Label className=\"eds-media-card__category\">{category}</Label>\n )}\n <div className=\"eds-media-card__title\">{title}</div>\n <Paragraph>{description}</Paragraph>\n <ForwardIcon\n className=\"eds-media-card__arrow-icon\"\n aria-hidden=\"true\"\n />\n </InnerElement>\n </BaseCard>\n );\n};\n\nexport default MediaCard;\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport './Badge.scss';\n\nexport type BadgeTypes = 'status' | 'bullet' | 'notification';\n\nexport type BadgeOwnProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n /** Om 0 skal vises\n * @default false\n */\n showZero?: boolean;\n /** Hva som er høyeste tallet før det legges på \"+\"\n * @default ++\n */\n max?: number;\n type?: BadgeTypes;\n};\n\nexport type BadgeProps<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 as,\n type = 'status',\n ...rest\n }: BadgeProps<T>,\n ref: PolymorphicRef<T>,\n ) => {\n const Element: React.ElementType = as || defaultElement;\n let invisible = invisibleProp;\n if (\n invisibleProp === false &&\n ((children === 0 && !showZero) || children == null)\n ) {\n invisible = true;\n }\n\n let displayValue;\n if (typeof children === 'number') {\n displayValue = children > max ? `${max}+` : children;\n } else {\n displayValue = children;\n }\n\n const classList = classNames(\n 'eds-badge',\n { 'eds-badge--invisible': invisible, 'eds-badge--show-zero': showZero },\n `eds-badge--variant-${variant}`,\n `eds-badge--type-${type}`,\n );\n\n return (\n <Element className={classList} ref={ref} {...rest}>\n {displayValue}\n </Element>\n );\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype BulletBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type BulletBadgeProps<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: React.ElementType = 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';\n\ntype NotificationBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n /** Om 0 skal vises\n * @default false\n */\n showZero?: boolean;\n /** Hva som er høyeste tallet før det legges på \"+\"\n * @default ++\n */\n max?: number;\n};\n\nexport type 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: React.ElementType = 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';\n\ntype StatusBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type StatusBadgeProps<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: React.ElementType = 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","className","as","rest","_excluded","Element","ContrastContext","Provider","value","createElement","classNames","createContext","useContrast","useContext","BaseCard","children","classList","NavigationCard","title","titleIcon","compact","externalLink","Heading3","Fragment","Paragraph","ExternalIcon","ForwardIcon","MediaCard","description","category","style","whole","wholeCardAsElement","wrapperElement","wrapperProps","innerProps","InnerElement","Label","Badge","max","variant","showZero","invisible","invisibleProp","type","displayValue","BulletBadge","props","NotificationBadge","StatusBadge","Tag","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","warnAboutMissingStyles"],"mappings":"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"}
package/dist/layout.cjs.production.min.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),a=require("react"),t=require("classnames"),r=require("@entur/typography"),n=require("@entur/icons");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(a),d=s(t);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},c.apply(this,arguments)}function i(e,a){if(null==e)return{};var t,r,n={},s=Object.keys(e);for(r=0;r<s.length;r++)a.indexOf(t=s[r])>=0||(n[t]=e[t]);return n}var o=["className","as"],u=l.default.forwardRef((function(e,a){var t=e.className,r=e.as,n=i(e,o);return l.default.createElement(f.Provider,{value:!0},l.default.createElement(r||"div",c({className:d.default("eds-contrast",t),ref:a},n)))})),f=l.default.createContext(!1),m=["children","className","as"],p=function(e){var a=e.children,t=e.className,r=e.as,n=i(e,m),s=r||"div",o=d.default("eds-base-card",t);return l.default.createElement(s,c({className:o},n),a)},v=["title","children","titleIcon","compact","className","externalLink","as"],g=["title","description","children","className","category","style","as","wholeCardAsElement"],N=["children","className","max","variant","showZero","invisible","as","type"],h=l.default.forwardRef((function(e,a){var t,r=e.children,n=e.max,s=void 0===n?99:n,o=e.variant,u=e.showZero,f=void 0!==u&&u,m=e.invisible,p=void 0!==m&&m,v=e.as,g=e.type,h=void 0===g?"status":g,E=i(e,N),y=v||"span",_=p;!1!==p||(0!==r||f)&&null!=r||(_=!0),t="number"==typeof r&&r>s?s+"+":r;var x=d.default("eds-badge",{"eds-badge--invisible":_,"eds-badge--show-zero":f},"eds-badge--variant-"+o,"eds-badge--type-"+h);return l.default.createElement(y,c({className:x,ref:a},E),t)})),E=l.default.forwardRef((function(e,a){return l.default.createElement(h,c({as:e.as||"span"},e,{ref:a,type:"bullet"}))})),y=l.default.forwardRef((function(e,a){return l.default.createElement(h,c({as:e.as||"span"},e,{ref:a,type:"notification"}))})),_=l.default.forwardRef((function(e,a){return l.default.createElement(h,c({as:e.as||"span"},e,{ref:a,type:"status"}))})),x=["className","children","compact","as"];e.warnAboutMissingStyles("layout","typography"),exports.Badge=h,exports.BaseCard=p,exports.BulletBadge=E,exports.Contrast=u,exports.ContrastContext=f,exports.MediaCard=function(e){var a=e.title,t=e.description,s=e.children,o=e.className,u=e.category,f=e.style,m=e.as,v=e.wholeCardAsElement,N=i(e,g),h=m||"a",E=d.default("eds-base-card","eds-media-card",o),y=v?{}:N,_=v?"div":h;return l.default.createElement(p,c({as:v?h:"div",className:E,style:f},v?N:{}),l.default.createElement("div",{className:"eds-media-card__media"},s),l.default.createElement(_,c({className:"eds-media-card__text"},y),u&&l.default.createElement(r.Label,{className:"eds-media-card__category"},u),l.default.createElement("div",{className:"eds-media-card__title"},a),l.default.createElement(r.Paragraph,null,t),l.default.createElement(n.ForwardIcon,{className:"eds-media-card__arrow-icon","aria-hidden":"true"})))},exports.NavigationCard=function(e){var a=e.title,t=e.children,s=e.titleIcon,o=e.compact,u=void 0!==o&&o,f=e.className,m=e.externalLink,g=void 0!==m&&m,N=e.as,h=i(e,v),E=N||"a",y=d.default("eds-navigation-card",f,{"eds-base-card--red-line":u,"eds-navigation-card--compact":u});return l.default.createElement(p,c({as:E,className:y},h),!u&&s&&l.default.createElement("div",{className:"eds-navigation-card__title-icon","aria-hidden":"true"},s),l.default.createElement("span",{className:"eds-navigation-card__title"},u&&s&&l.default.createElement("span",{className:"eds-navigation-card__title-icon-compact"},s),l.default.createElement(r.Heading3,{as:"span"},a)),!u&&l.default.createElement(l.default.Fragment,null,l.default.createElement(r.Paragraph,null,t),g&&l.default.createElement(n.ExternalIcon,{className:"eds-navigation-card__external--not-compact"})),u&&g&&l.default.createElement(n.ExternalIcon,{className:"eds-navigattion-card__icon eds-navigation-card__external--compact"}),u&&!g&&l.default.createElement(n.ForwardIcon,{className:"eds-navigattion-card__icon eds-navigation-card__arrow-icon"}))},exports.NotificationBadge=y,exports.StatusBadge=_,exports.Tag=function(e){var a=e.className,t=e.children,r=e.compact,n=e.as,s=i(e,x),o=n||"div",u=l.default.Children.toArray(t);return l.default.createElement(o,c({className:d.default("eds-tag",a,{"eds-tag--leading-icon":u.length>1&&"string"!=typeof u[0],"eds-tag--trailing-icon":u.length>1&&"string"!=typeof u[u.length-1],"eds-tag--compact":r})},s),t)},exports.useContrast=function(){return l.default.useContext(f)};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),a=require("react"),t=require("classnames"),r=require("@entur/typography"),n=require("@entur/icons");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(a),d=s(t);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},c.apply(this,arguments)}function i(e,a){if(null==e)return{};var t,r,n={},s=Object.keys(e);for(r=0;r<s.length;r++)a.indexOf(t=s[r])>=0||(n[t]=e[t]);return n}var o=["className","as"],u=l.default.forwardRef((function(e,a){var t=e.className,r=e.as,n=i(e,o);return l.default.createElement(f.Provider,{value:!0},l.default.createElement(r||"div",c({className:d.default("eds-contrast",t),ref:a},n)))})),f=l.default.createContext(!1),m=["children","className","as"],p=function(e){var a=e.children,t=e.className,r=e.as,n=i(e,m),s=r||"div",o=d.default("eds-base-card",t);return l.default.createElement(s,c({className:o},n),a)},v=["title","children","titleIcon","compact","className","externalLink","as"],g=["title","description","children","className","category","style","as","wholeCardAsElement"],h=["children","className","max","variant","showZero","invisible","as","type"],E=l.default.forwardRef((function(e,a){var t,r=e.children,n=e.max,s=void 0===n?99:n,o=e.variant,u=e.showZero,f=void 0!==u&&u,m=e.invisible,p=void 0!==m&&m,v=e.as,g=e.type,E=void 0===g?"status":g,N=i(e,h),y=v||"span",_=p;!1!==p||(0!==r||f)&&null!=r||(_=!0),t="number"==typeof r&&r>s?s+"+":r;var x=d.default("eds-badge",{"eds-badge--invisible":_,"eds-badge--show-zero":f},"eds-badge--variant-"+o,"eds-badge--type-"+E);return l.default.createElement(y,c({className:x,ref:a},N),t)})),N=l.default.forwardRef((function(e,a){return l.default.createElement(E,c({as:e.as||"span"},e,{ref:a,type:"bullet"}))})),y=l.default.forwardRef((function(e,a){return l.default.createElement(E,c({as:e.as||"span"},e,{ref:a,type:"notification"}))})),_=l.default.forwardRef((function(e,a){return l.default.createElement(E,c({as:e.as||"span"},e,{ref:a,type:"status"}))})),x=["className","children","compact","as"];e.warnAboutMissingStyles("layout","typography"),exports.Badge=E,exports.BaseCard=p,exports.BulletBadge=N,exports.Contrast=u,exports.ContrastContext=f,exports.MediaCard=function(e){var a=e.title,t=e.description,s=e.children,o=e.className,u=e.category,f=e.style,m=e.as,v=e.wholeCardAsElement,h=i(e,g),E=m||"a",N=d.default("eds-base-card","eds-media-card",o),y=v?{}:h,_=v?"div":E;return l.default.createElement(p,c({as:v?E:"div",className:N,style:f},v?h:{}),l.default.createElement("div",{className:"eds-media-card__media"},s),l.default.createElement(_,c({className:"eds-media-card__text"},y),u&&l.default.createElement(r.Label,{className:"eds-media-card__category"},u),l.default.createElement("div",{className:"eds-media-card__title"},a),l.default.createElement(r.Paragraph,null,t),l.default.createElement(n.ForwardIcon,{className:"eds-media-card__arrow-icon","aria-hidden":"true"})))},exports.NavigationCard=function(e){var a=e.title,t=e.children,s=e.titleIcon,o=e.compact,u=void 0!==o&&o,f=e.className,m=e.externalLink,g=void 0!==m&&m,h=e.as,E=i(e,v),N=h||"a",y=d.default("eds-navigation-card",f,{"eds-base-card--red-line":u,"eds-navigation-card--compact":u});return l.default.createElement(p,c({as:N,className:y},E),!u&&s&&l.default.createElement("div",{className:"eds-navigation-card__title-icon","aria-hidden":"true"},s),l.default.createElement("span",{className:"eds-navigation-card__title"},u&&s&&l.default.createElement("span",{className:"eds-navigation-card__title-icon-compact","aria-hidden":"true"},s),l.default.createElement(r.Heading3,{as:"span"},a)),!u&&l.default.createElement(l.default.Fragment,null,l.default.createElement(r.Paragraph,null,t),g&&l.default.createElement(n.ExternalIcon,{"aria-label":"Ekstern lenke",className:"eds-navigation-card__external--not-compact"})),u&&g&&l.default.createElement(n.ExternalIcon,{"aria-label":"Ekstern lenke",className:"eds-navigattion-card__icon eds-navigation-card__external--compact"}),u&&!g&&l.default.createElement(n.ForwardIcon,{className:"eds-navigattion-card__icon eds-navigation-card__arrow-icon","aria-hidden":"true"}))},exports.NotificationBadge=y,exports.StatusBadge=_,exports.Tag=function(e){var a=e.className,t=e.children,r=e.compact,n=e.as,s=i(e,x),o=n||"div",u=l.default.Children.toArray(t);return l.default.createElement(o,c({className:d.default("eds-tag",a,{"eds-tag--leading-icon":u.length>1&&"string"!=typeof u[0],"eds-tag--trailing-icon":u.length>1&&"string"!=typeof u[u.length-1],"eds-tag--compact":r})},s),t)},exports.useContrast=function(){return l.default.useContext(f)};
2
2
  //# sourceMappingURL=layout.cjs.production.min.js.map
package/dist/layout.cjs.production.min.js.map CHANGED
@@ -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 './Badge.scss';\n\nexport type BadgeTypes = 'status' | 'bullet' | 'notification';\n\nexport type BadgeOwnProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n /** Om 0 skal vises\n * @default false\n */\n showZero?: boolean;\n /** Hva som er høyeste tallet før det legges på \"+\"\n * @default ++\n */\n max?: number;\n type?: BadgeTypes;\n};\n\nexport type BadgeProps<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 as,\n type = 'status',\n ...rest\n }: BadgeProps<T>,\n ref: PolymorphicRef<T>,\n ) => {\n const Element: React.ElementType = as || defaultElement;\n let invisible = invisibleProp;\n if (\n invisibleProp === false &&\n ((children === 0 && !showZero) || children == null)\n ) {\n invisible = true;\n }\n\n let displayValue;\n if (typeof children === 'number') {\n displayValue = children > max ? `${max}+` : children;\n } else {\n displayValue = children;\n }\n\n const classList = classNames(\n 'eds-badge',\n { 'eds-badge--invisible': invisible, 'eds-badge--show-zero': showZero },\n `eds-badge--variant-${variant}`,\n `eds-badge--type-${type}`,\n );\n\n return (\n <Element className={classList} ref={ref} {...rest}>\n {displayValue}\n </Element>\n );\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype BulletBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type BulletBadgeProps<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: React.ElementType = 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';\n\ntype NotificationBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n /** Om 0 skal vises\n * @default false\n */\n showZero?: boolean;\n /** Hva som er høyeste tallet før det legges på \"+\"\n * @default ++\n */\n max?: number;\n};\n\nexport type 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: React.ElementType = 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';\n\ntype StatusBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type StatusBadgeProps<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: React.ElementType = 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 { 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 /** Gjør hele kortet til \"as\"-elementet. Default er kun tekstområdet. Anbefales hvis media er et bilde\n * @default false\n */\n wholeCardAsElement?: boolean;\n};\n\nexport type MediaCardProps<\n 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 wholeCardAsElement: whole,\n ...rest\n}: MediaCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-base-card', 'eds-media-card', className);\n\n const wrapperElement = whole ? Element : 'div';\n const wrapperProps = whole ? rest : {};\n const innerProps = whole ? {} : rest;\n const InnerElement = whole ? 'div' : Element;\n return (\n <BaseCard\n as={wrapperElement}\n className={classList}\n style={style}\n {...wrapperProps}\n >\n <div className=\"eds-media-card__media\">{children}</div>\n <InnerElement className=\"eds-media-card__text\" {...innerProps}>\n {category && (\n <Label className=\"eds-media-card__category\">{category}</Label>\n )}\n <div className=\"eds-media-card__title\">{title}</div>\n <Paragraph>{description}</Paragraph>\n <ForwardIcon\n className=\"eds-media-card__arrow-icon\"\n aria-hidden=\"true\"\n />\n </InnerElement>\n </BaseCard>\n );\n};\n\nexport default MediaCard;\n","import React from 'react';\nimport { Paragraph } from '@entur/typography';\nimport classNames from 'classnames';\nimport { ForwardIcon, ExternalIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { BaseCard } from './BaseCard';\nimport './NavigationCard.scss';\nimport { 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 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 externalLink = false,\n as,\n ...rest\n}: NavigationCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-navigation-card', className, {\n 'eds-base-card--red-line': compact,\n 'eds-navigation-card--compact': compact,\n });\n return (\n <BaseCard as={Element} className={classList} {...rest}>\n {!compact && titleIcon && (\n <div className=\"eds-navigation-card__title-icon\" aria-hidden=\"true\">\n {titleIcon}\n </div>\n )}\n <span className=\"eds-navigation-card__title\">\n {compact && titleIcon && (\n <span className=\"eds-navigation-card__title-icon-compact\">\n {titleIcon}\n </span>\n )}\n <Heading3 as=\"span\">{title}</Heading3>\n </span>\n {!compact && (\n <>\n <Paragraph>{children}</Paragraph>\n {externalLink && (\n <ExternalIcon className=\"eds-navigation-card__external--not-compact\" />\n )}\n </>\n )}\n {compact && externalLink && (\n <ExternalIcon className=\"eds-navigattion-card__icon eds-navigation-card__external--compact\" />\n )}\n {compact && !externalLink && (\n <ForwardIcon className=\"eds-navigattion-card__icon eds-navigation-card__arrow-icon\" />\n )}\n </BaseCard>\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Tag.scss';\nimport { 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","className","as","rest","_objectWithoutPropertiesLoose","_ref","_excluded","ContrastContext","Provider","value","createElement","_extends","classNames","createContext","BaseCard","children","Element","classList","Badge","displayValue","_ref$max","max","variant","_ref$showZero","showZero","_ref$invisible","invisible","invisibleProp","_ref$type","type","BulletBadge","props","NotificationBadge","StatusBadge","warnAboutMissingStyles","title","description","category","style","whole","wholeCardAsElement","innerProps","InnerElement","Label","Paragraph","ForwardIcon","titleIcon","_ref$compact","compact","_ref$externalLink","externalLink","Heading3","Fragment","ExternalIcon","childrenArray","Children","toArray","length","useContext"],"mappings":"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"}
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 './Badge.scss';\n\nexport type BadgeTypes = 'status' | 'bullet' | 'notification';\n\nexport type BadgeOwnProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n /** Om 0 skal vises\n * @default false\n */\n showZero?: boolean;\n /** Hva som er høyeste tallet før det legges på \"+\"\n * @default ++\n */\n max?: number;\n type?: BadgeTypes;\n};\n\nexport type BadgeProps<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 as,\n type = 'status',\n ...rest\n }: BadgeProps<T>,\n ref: PolymorphicRef<T>,\n ) => {\n const Element: React.ElementType = as || defaultElement;\n let invisible = invisibleProp;\n if (\n invisibleProp === false &&\n ((children === 0 && !showZero) || children == null)\n ) {\n invisible = true;\n }\n\n let displayValue;\n if (typeof children === 'number') {\n displayValue = children > max ? `${max}+` : children;\n } else {\n displayValue = children;\n }\n\n const classList = classNames(\n 'eds-badge',\n { 'eds-badge--invisible': invisible, 'eds-badge--show-zero': showZero },\n `eds-badge--variant-${variant}`,\n `eds-badge--type-${type}`,\n );\n\n return (\n <Element className={classList} ref={ref} {...rest}>\n {displayValue}\n </Element>\n );\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype BulletBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type BulletBadgeProps<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: React.ElementType = 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';\n\ntype NotificationBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n /** Om 0 skal vises\n * @default false\n */\n showZero?: boolean;\n /** Hva som er høyeste tallet før det legges på \"+\"\n * @default ++\n */\n max?: number;\n};\n\nexport type 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: React.ElementType = 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';\n\ntype StatusBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type StatusBadgeProps<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: React.ElementType = 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 { 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 /** Gjør hele kortet til \"as\"-elementet. Default er kun tekstområdet. Anbefales hvis media er et bilde\n * @default false\n */\n wholeCardAsElement?: boolean;\n};\n\nexport type MediaCardProps<\n 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 wholeCardAsElement: whole,\n ...rest\n}: MediaCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-base-card', 'eds-media-card', className);\n\n const wrapperElement = whole ? Element : 'div';\n const wrapperProps = whole ? rest : {};\n const innerProps = whole ? {} : rest;\n const InnerElement = whole ? 'div' : Element;\n return (\n <BaseCard\n as={wrapperElement}\n className={classList}\n style={style}\n {...wrapperProps}\n >\n <div className=\"eds-media-card__media\">{children}</div>\n <InnerElement className=\"eds-media-card__text\" {...innerProps}>\n {category && (\n <Label className=\"eds-media-card__category\">{category}</Label>\n )}\n <div className=\"eds-media-card__title\">{title}</div>\n <Paragraph>{description}</Paragraph>\n <ForwardIcon\n className=\"eds-media-card__arrow-icon\"\n aria-hidden=\"true\"\n />\n </InnerElement>\n </BaseCard>\n );\n};\n\nexport default MediaCard;\n","import React from 'react';\nimport { Paragraph } from '@entur/typography';\nimport classNames from 'classnames';\nimport { ForwardIcon, ExternalIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { BaseCard } from './BaseCard';\nimport './NavigationCard.scss';\nimport { 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 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 externalLink = false,\n as,\n ...rest\n}: NavigationCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-navigation-card', className, {\n 'eds-base-card--red-line': compact,\n 'eds-navigation-card--compact': compact,\n });\n return (\n <BaseCard as={Element} className={classList} {...rest}>\n {!compact && titleIcon && (\n <div className=\"eds-navigation-card__title-icon\" aria-hidden=\"true\">\n {titleIcon}\n </div>\n )}\n <span className=\"eds-navigation-card__title\">\n {compact && titleIcon && (\n <span\n className=\"eds-navigation-card__title-icon-compact\"\n aria-hidden=\"true\"\n >\n {titleIcon}\n </span>\n )}\n <Heading3 as=\"span\">{title}</Heading3>\n </span>\n {!compact && (\n <>\n <Paragraph>{children}</Paragraph>\n {externalLink && (\n <ExternalIcon\n aria-label=\"Ekstern lenke\"\n className=\"eds-navigation-card__external--not-compact\"\n />\n )}\n </>\n )}\n {compact && externalLink && (\n <ExternalIcon\n aria-label=\"Ekstern lenke\"\n className=\"eds-navigattion-card__icon eds-navigation-card__external--compact\"\n />\n )}\n {compact && !externalLink && (\n <ForwardIcon\n className=\"eds-navigattion-card__icon eds-navigation-card__arrow-icon\"\n aria-hidden=\"true\"\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","className","as","rest","_objectWithoutPropertiesLoose","_ref","_excluded","ContrastContext","Provider","value","createElement","_extends","classNames","createContext","BaseCard","children","Element","classList","Badge","displayValue","_ref$max","max","variant","_ref$showZero","showZero","_ref$invisible","invisible","invisibleProp","_ref$type","type","BulletBadge","props","NotificationBadge","StatusBadge","warnAboutMissingStyles","title","description","category","style","whole","wholeCardAsElement","innerProps","InnerElement","Label","Paragraph","ForwardIcon","titleIcon","_ref$compact","compact","_ref$externalLink","externalLink","Heading3","Fragment","ExternalIcon","childrenArray","Children","toArray","length","useContext"],"mappings":"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"}
package/dist/layout.esm.js CHANGED
@@ -91,15 +91,19 @@ var NavigationCard = function NavigationCard(_ref) {
91
91
  }, titleIcon), React.createElement("span", {
92
92
  className: "eds-navigation-card__title"
93
93
  }, compact && titleIcon && React.createElement("span", {
94
- className: "eds-navigation-card__title-icon-compact"
94
+ className: "eds-navigation-card__title-icon-compact",
95
+ "aria-hidden": "true"
95
96
  }, titleIcon), React.createElement(Heading3, {
96
97
  as: "span"
97
98
  }, title)), !compact && React.createElement(React.Fragment, null, React.createElement(Paragraph, null, children), externalLink && React.createElement(ExternalIcon, {
99
+ "aria-label": "Ekstern lenke",
98
100
  className: "eds-navigation-card__external--not-compact"
99
101
  })), compact && externalLink && React.createElement(ExternalIcon, {
102
+ "aria-label": "Ekstern lenke",
100
103
  className: "eds-navigattion-card__icon eds-navigation-card__external--compact"
101
104
  }), compact && !externalLink && React.createElement(ForwardIcon, {
102
- className: "eds-navigattion-card__icon eds-navigation-card__arrow-icon"
105
+ className: "eds-navigattion-card__icon eds-navigation-card__arrow-icon",
106
+ "aria-hidden": "true"
103
107
  }));
104
108
  };
105
109
 
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 { ForwardIcon, ExternalIcon } from '@entur/icons';\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 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 externalLink = false,\n as,\n ...rest\n}: NavigationCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-navigation-card', className, {\n 'eds-base-card--red-line': compact,\n 'eds-navigation-card--compact': compact,\n });\n return (\n <BaseCard as={Element} className={classList} {...rest}>\n {!compact && titleIcon && (\n <div className=\"eds-navigation-card__title-icon\" aria-hidden=\"true\">\n {titleIcon}\n </div>\n )}\n <span className=\"eds-navigation-card__title\">\n {compact && titleIcon && (\n <span className=\"eds-navigation-card__title-icon-compact\">\n {titleIcon}\n </span>\n )}\n <Heading3 as=\"span\">{title}</Heading3>\n </span>\n {!compact && (\n <>\n <Paragraph>{children}</Paragraph>\n {externalLink && (\n <ExternalIcon className=\"eds-navigation-card__external--not-compact\" />\n )}\n </>\n )}\n {compact && externalLink && (\n <ExternalIcon className=\"eds-navigattion-card__icon eds-navigation-card__external--compact\" />\n )}\n {compact && !externalLink && (\n <ForwardIcon className=\"eds-navigattion-card__icon eds-navigation-card__arrow-icon\" />\n )}\n </BaseCard>\n );\n};\n","import React, { CSSProperties } from 'react';\nimport { Paragraph, Label } from '@entur/typography';\nimport classNames from 'classnames';\nimport { BaseCard } from './BaseCard';\nimport { ForwardIcon } from '@entur/icons';\nimport './MediaCard.scss';\nimport { 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 /** Gjør hele kortet til \"as\"-elementet. Default er kun tekstområdet. Anbefales hvis media er et bilde\n * @default false\n */\n wholeCardAsElement?: boolean;\n};\n\nexport type MediaCardProps<\n 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 wholeCardAsElement: whole,\n ...rest\n}: MediaCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-base-card', 'eds-media-card', className);\n\n const wrapperElement = whole ? Element : 'div';\n const wrapperProps = whole ? rest : {};\n const innerProps = whole ? {} : rest;\n const InnerElement = whole ? 'div' : Element;\n return (\n <BaseCard\n as={wrapperElement}\n className={classList}\n style={style}\n {...wrapperProps}\n >\n <div className=\"eds-media-card__media\">{children}</div>\n <InnerElement className=\"eds-media-card__text\" {...innerProps}>\n {category && (\n <Label className=\"eds-media-card__category\">{category}</Label>\n )}\n <div className=\"eds-media-card__title\">{title}</div>\n <Paragraph>{description}</Paragraph>\n <ForwardIcon\n className=\"eds-media-card__arrow-icon\"\n aria-hidden=\"true\"\n />\n </InnerElement>\n </BaseCard>\n );\n};\n\nexport default MediaCard;\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport './Badge.scss';\n\nexport type BadgeTypes = 'status' | 'bullet' | 'notification';\n\nexport type BadgeOwnProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n /** Om 0 skal vises\n * @default false\n */\n showZero?: boolean;\n /** Hva som er høyeste tallet før det legges på \"+\"\n * @default ++\n */\n max?: number;\n type?: BadgeTypes;\n};\n\nexport type BadgeProps<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 as,\n type = 'status',\n ...rest\n }: BadgeProps<T>,\n ref: PolymorphicRef<T>,\n ) => {\n const Element: React.ElementType = as || defaultElement;\n let invisible = invisibleProp;\n if (\n invisibleProp === false &&\n ((children === 0 && !showZero) || children == null)\n ) {\n invisible = true;\n }\n\n let displayValue;\n if (typeof children === 'number') {\n displayValue = children > max ? `${max}+` : children;\n } else {\n displayValue = children;\n }\n\n const classList = classNames(\n 'eds-badge',\n { 'eds-badge--invisible': invisible, 'eds-badge--show-zero': showZero },\n `eds-badge--variant-${variant}`,\n `eds-badge--type-${type}`,\n );\n\n return (\n <Element className={classList} ref={ref} {...rest}>\n {displayValue}\n </Element>\n );\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype BulletBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type BulletBadgeProps<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: React.ElementType = 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';\n\ntype NotificationBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n /** Om 0 skal vises\n * @default false\n */\n showZero?: boolean;\n /** Hva som er høyeste tallet før det legges på \"+\"\n * @default ++\n */\n max?: number;\n};\n\nexport type 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: React.ElementType = 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';\n\ntype StatusBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type StatusBadgeProps<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: React.ElementType = 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","className","as","rest","_excluded","Element","ContrastContext","Provider","value","createElement","classNames","createContext","useContrast","useContext","BaseCard","children","classList","NavigationCard","title","titleIcon","compact","externalLink","Heading3","Fragment","Paragraph","ExternalIcon","ForwardIcon","MediaCard","description","category","style","whole","wholeCardAsElement","wrapperElement","wrapperProps","innerProps","InnerElement","Label","Badge","max","variant","showZero","invisible","invisibleProp","type","displayValue","BulletBadge","props","NotificationBadge","StatusBadge","Tag","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","warnAboutMissingStyles"],"mappings":"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"}
1
+ {"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 { ForwardIcon, ExternalIcon } from '@entur/icons';\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 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 externalLink = false,\n as,\n ...rest\n}: NavigationCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-navigation-card', className, {\n 'eds-base-card--red-line': compact,\n 'eds-navigation-card--compact': compact,\n });\n return (\n <BaseCard as={Element} className={classList} {...rest}>\n {!compact && titleIcon && (\n <div className=\"eds-navigation-card__title-icon\" aria-hidden=\"true\">\n {titleIcon}\n </div>\n )}\n <span className=\"eds-navigation-card__title\">\n {compact && titleIcon && (\n <span\n className=\"eds-navigation-card__title-icon-compact\"\n aria-hidden=\"true\"\n >\n {titleIcon}\n </span>\n )}\n <Heading3 as=\"span\">{title}</Heading3>\n </span>\n {!compact && (\n <>\n <Paragraph>{children}</Paragraph>\n {externalLink && (\n <ExternalIcon\n aria-label=\"Ekstern lenke\"\n className=\"eds-navigation-card__external--not-compact\"\n />\n )}\n </>\n )}\n {compact && externalLink && (\n <ExternalIcon\n aria-label=\"Ekstern lenke\"\n className=\"eds-navigattion-card__icon eds-navigation-card__external--compact\"\n />\n )}\n {compact && !externalLink && (\n <ForwardIcon\n className=\"eds-navigattion-card__icon eds-navigation-card__arrow-icon\"\n aria-hidden=\"true\"\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 { 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 /** Gjør hele kortet til \"as\"-elementet. Default er kun tekstområdet. Anbefales hvis media er et bilde\n * @default false\n */\n wholeCardAsElement?: boolean;\n};\n\nexport type MediaCardProps<\n 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 wholeCardAsElement: whole,\n ...rest\n}: MediaCardProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n const classList = classNames('eds-base-card', 'eds-media-card', className);\n\n const wrapperElement = whole ? Element : 'div';\n const wrapperProps = whole ? rest : {};\n const innerProps = whole ? {} : rest;\n const InnerElement = whole ? 'div' : Element;\n return (\n <BaseCard\n as={wrapperElement}\n className={classList}\n style={style}\n {...wrapperProps}\n >\n <div className=\"eds-media-card__media\">{children}</div>\n <InnerElement className=\"eds-media-card__text\" {...innerProps}>\n {category && (\n <Label className=\"eds-media-card__category\">{category}</Label>\n )}\n <div className=\"eds-media-card__title\">{title}</div>\n <Paragraph>{description}</Paragraph>\n <ForwardIcon\n className=\"eds-media-card__arrow-icon\"\n aria-hidden=\"true\"\n />\n </InnerElement>\n </BaseCard>\n );\n};\n\nexport default MediaCard;\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport './Badge.scss';\n\nexport type BadgeTypes = 'status' | 'bullet' | 'notification';\n\nexport type BadgeOwnProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n /** Om 0 skal vises\n * @default false\n */\n showZero?: boolean;\n /** Hva som er høyeste tallet før det legges på \"+\"\n * @default ++\n */\n max?: number;\n type?: BadgeTypes;\n};\n\nexport type BadgeProps<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 as,\n type = 'status',\n ...rest\n }: BadgeProps<T>,\n ref: PolymorphicRef<T>,\n ) => {\n const Element: React.ElementType = as || defaultElement;\n let invisible = invisibleProp;\n if (\n invisibleProp === false &&\n ((children === 0 && !showZero) || children == null)\n ) {\n invisible = true;\n }\n\n let displayValue;\n if (typeof children === 'number') {\n displayValue = children > max ? `${max}+` : children;\n } else {\n displayValue = children;\n }\n\n const classList = classNames(\n 'eds-badge',\n { 'eds-badge--invisible': invisible, 'eds-badge--show-zero': showZero },\n `eds-badge--variant-${variant}`,\n `eds-badge--type-${type}`,\n );\n\n return (\n <Element className={classList} ref={ref} {...rest}>\n {displayValue}\n </Element>\n );\n },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype BulletBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type BulletBadgeProps<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: React.ElementType = 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';\n\ntype NotificationBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n /** Om 0 skal vises\n * @default false\n */\n showZero?: boolean;\n /** Hva som er høyeste tallet før det legges på \"+\"\n * @default ++\n */\n max?: number;\n};\n\nexport type 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: React.ElementType = 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';\n\ntype StatusBadgeBaseProps = {\n /** Elementet som wrapper badgen\n * @default \"span\"\n */\n as?: 'span' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Elementet som badge vil legges relativt til */\n children: React.ReactNode;\n /** Hvilken type badge man vil ha */\n variant: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n};\n\nexport type StatusBadgeProps<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: React.ElementType = 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","className","as","rest","_excluded","Element","ContrastContext","Provider","value","createElement","classNames","createContext","useContrast","useContext","BaseCard","children","classList","NavigationCard","title","titleIcon","compact","externalLink","Heading3","Fragment","Paragraph","ExternalIcon","ForwardIcon","MediaCard","description","category","style","whole","wholeCardAsElement","wrapperElement","wrapperProps","innerProps","InnerElement","Label","Badge","max","variant","showZero","invisible","invisibleProp","type","displayValue","BulletBadge","props","NotificationBadge","StatusBadge","Tag","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","warnAboutMissingStyles"],"mappings":"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"}
package/dist/styles.css CHANGED
@@ -1,3 +1,6 @@
1
+ :root {
2
+ --eds-layout: 1;
3
+ }
1
4
  /* DO NOT CHANGE!*/
2
5
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
3
6
  .eds-contrast {
@@ -7,8 +10,24 @@
7
10
  background-color: var(--primary-background-color);
8
11
  color: var(--primary-text-color);
9
12
  }
10
- :root {
11
- --eds-layout: 1;
13
+ /* DO NOT CHANGE!*/
14
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
15
+ .eds-base-card {
16
+ display: flex;
17
+ box-shadow: 0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.12);
18
+ border: 0.0625rem solid #e9e9e9;
19
+ border-radius: 0.25rem;
20
+ align-items: center;
21
+ -webkit-appearance: none;
22
+ -moz-appearance: none;
23
+ appearance: none;
24
+ text-decoration: none;
25
+ color: inherit;
26
+ }
27
+ .eds-contrast .eds-base-card {
28
+ background-color: #292b6a;
29
+ border-color: #54568c;
30
+ box-shadow: 0 0.0625rem 0.1875rem 0 rgb(57, 61, 121);
12
31
  }
13
32
  /* DO NOT CHANGE!*/
14
33
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
@@ -183,25 +202,6 @@
183
202
  }
184
203
  /* DO NOT CHANGE!*/
185
204
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
186
- .eds-base-card {
187
- display: flex;
188
- box-shadow: 0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.12);
189
- border: 0.0625rem solid #e9e9e9;
190
- border-radius: 0.25rem;
191
- align-items: center;
192
- -webkit-appearance: none;
193
- -moz-appearance: none;
194
- appearance: none;
195
- text-decoration: none;
196
- color: inherit;
197
- }
198
- .eds-contrast .eds-base-card {
199
- background-color: #292b6a;
200
- border-color: #54568c;
201
- box-shadow: 0 0.0625rem 0.1875rem 0 rgb(57, 61, 121);
202
- }
203
- /* DO NOT CHANGE!*/
204
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
205
205
  .eds-tag {
206
206
  background: #e9e9e9;
207
207
  color: #181c56;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/layout",
3
- "version": "2.1.30",
3
+ "version": "2.1.31",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/layout.esm.js",
@@ -27,11 +27,11 @@
27
27
  "react-dom": ">=16.8.0"
28
28
  },
29
29
  "dependencies": {
30
- "@entur/icons": "^6.2.0",
31
- "@entur/tokens": "^3.8.1",
32
- "@entur/typography": "^1.7.16",
30
+ "@entur/icons": "^6.2.1",
31
+ "@entur/tokens": "^3.9.0",
32
+ "@entur/typography": "^1.7.17",
33
33
  "@entur/utils": "^0.9.0",
34
34
  "classnames": "^2.3.1"
35
35
  },
36
- "gitHead": "cd5c398453c486f6f160905247b94c6da2622d7c"
36
+ "gitHead": "be029b3d6a7f40e805697a28daf0c5df55a6177d"
37
37
  }