@entur/layout 3.1.9-beta.9 → 3.1.9

package/dist/index.d.ts

@@ -1,11 +1,310 @@
-import './styles.scss';
-import './index.scss';
-export * from './Contrast';
-export * from './NavigationCard';
-export * from './BaseCard';
-export * from './MediaCard';
-export * from './Badge/Badge';
-export * from './Badge/BulletBadge';
-export * from './Badge/NotificationBadge';
-export * from './Badge/StatusBadge';
-export * from './Tag';
+import { CSSProperties } from 'react';
+import { default as default_2 } from 'react';
+
+declare type AsProp<C extends default_2.ElementType> = {
+    /**
+     * An override of the default HTML tag.
+     * Can also be another React component.
+     */
+    as?: C;
+};
+
+export declare const Badge: BadgeComponent;
+
+export declare type BadgeComponent = <T extends default_2.ElementType = typeof defaultElement_5>(props: BadgeProps<T>) => default_2.ReactElement | null;
+
+export declare type BadgeOwnProps = {
+    /** Elementet som wrapper badgen
+     * @default "span"
+     */
+    as?: 'span' | default_2.ElementType;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Elementet som badge vil legges relativt til */
+    children: default_2.ReactNode;
+    /** Hvilken type badge man vil ha */
+    variant: 'primary' | 'neutral' | VariantType | typeof danger | typeof info;
+    /** Om 0 skal vises
+     * @default false
+     */
+    showZero?: boolean;
+    /** Hva som er høyeste tallet før det legges på "+"
+     * @default ++
+     */
+    max?: number;
+    type?: BadgeTypes;
+    /** @deprecated Bruk `hide` i stedet */
+    invisible?: boolean;
+    /** Skjul badge */
+    hide?: boolean;
+};
+
+export declare type BadgeProps<T extends default_2.ElementType> = PolymorphicComponentPropsWithRef<T, BadgeOwnProps>;
+
+export declare type BadgeTypes = 'status' | 'bullet' | 'notification';
+
+export declare const BaseCard: <E extends default_2.ElementType = "div">({ children, className, as, ...rest }: BaseCardProps<E>) => JSX.Element;
+
+export declare type BaseCardOwnProps = {
+    /** HTML-elementet eller React-komponenten som lager Card
+     * @default "div"
+     */
+    as?: 'div' | default_2.ElementType;
+    /** Ekstra klassenavn */
+    className?: string;
+    children?: default_2.ReactNode;
+};
+
+export declare type BaseCardProps<T extends default_2.ElementType = typeof defaultElement_3> = PolymorphicComponentProps<T, BaseCardOwnProps>;
+
+export declare const BulletBadge: BulletBadgeComponent;
+
+declare type BulletBadgeBaseProps = {
+    /** Elementet som wrapper badgen
+     * @default "span"
+     */
+    as?: string | default_2.ElementType;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Elementet som badge vil legges relativt til */
+    children: default_2.ReactNode;
+    /** Hvilken type badge man vil ha */
+    variant: 'primary' | 'neutral' | VariantType | typeof danger_2 | typeof info_2;
+    /** Skjul badge */
+    hide?: boolean;
+};
+
+export declare type BulletBadgeComponent = <T extends default_2.ElementType = typeof defaultElement_6>(props: BulletBadgeProps<T>) => default_2.ReactElement | null;
+
+export declare type BulletBadgeProps<T extends default_2.ElementType> = PolymorphicComponentPropsWithRef<T, BulletBadgeBaseProps>;
+
+export declare const Contrast: ContrastComponent;
+
+export declare type ContrastBaseProps = {
+    /** Ekstra klassenavn */
+    className?: string;
+};
+
+export declare type ContrastComponent = <T extends default_2.ElementType = typeof defaultElement>(props: ContrastProps<T>) => default_2.ReactElement | null;
+
+export declare const ContrastContext: default_2.Context<boolean>;
+
+export declare type ContrastProps<T extends default_2.ElementType> = PolymorphicComponentPropsWithRef<T, ContrastBaseProps>;
+
+/** @deprecated use variant="negative" instead */
+declare const danger = "danger";
+
+/** @deprecated use variant="negative" instead */
+declare const danger_2 = "danger";
+
+/** @deprecated use variant="negative" instead */
+declare const danger_3 = "danger";
+
+/** @deprecated use variant="negative" instead */
+declare const danger_4 = "danger";
+
+declare const defaultElement = "div";
+
+declare const defaultElement_2 = "a";
+
+declare const defaultElement_3 = "div";
+
+declare const defaultElement_4 = "a";
+
+declare const defaultElement_5 = "span";
+
+declare const defaultElement_6 = "span";
+
+declare const defaultElement_7 = "span";
+
+declare const defaultElement_8 = "span";
+
+declare const defaultElement_9 = "div";
+
+/**
+ * Allows for extending a set of props (`ExtendedProps`) by an overriding set of props
+ * (`OverrideProps`), ensuring that any duplicates are overridden by the overriding
+ * set of props.
+ */
+declare type ExtendableProps<ExtendedProps = Record<string, unknown>, OverrideProps = Record<string, unknown>> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
+
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+
+/** @deprecated use variant="information" instead */
+declare const info_2 = "info";
+
+/** @deprecated use variant="information" instead */
+declare const info_3 = "info";
+
+/** @deprecated use variant="information" instead */
+declare const info_4 = "info";
+
+/**
+ * Allows for inheriting the props from the specified element type so that
+ * props like children, className & style work, as well as element-specific
+ * attributes like aria roles. The component (`C`) must be passed in.
+ */
+declare type InheritableElementProps<C extends default_2.ElementType, Props = Record<string, unknown>> = ExtendableProps<PropsOf<C>, Props>;
+
+export declare const MediaCard: <E extends default_2.ElementType = "a">({ title, description, children, className, category, style, as, headingLevel, wholeCardAsElement: whole, hideArrow, wrapperProps, orientation, ...rest }: MediaCardProps<E>) => JSX.Element;
+
+export declare type MediaCardOwnProps = {
+    /** HTML-elementet eller React-komponenten som lager bunnen (under media) av MediaCard
+     * @default 'a'
+     */
+    as?: 'a' | 'button' | default_2.ElementType;
+    /** Tittelen/teksten som står i CardBox */
+    title: string;
+    /** Teksten under tittelen i MediaCard */
+    description?: default_2.ReactNode;
+    /** Kategori (eller lignende) som vises over tittelen */
+    category?: string;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Det du skulle ønske som media (f.eks. bilder eller video) */
+    children?: default_2.ReactNode;
+    /** Styling som sendes til komponenten */
+    style?: CSSProperties;
+    /** Hvilken heading som brukes for tittelen.
+     *  Blir kun satt hvis description også er satt.
+     * @default 'h2'
+     */
+    headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /** Skjul pil-ikonet nederst til høyre
+     * @default false
+     */
+    hideArrow?: boolean;
+    /** Om MediaCard skal vises horisontalt eller vertikalt
+     * @default 'vertical'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /** Props som sendes til wrapper-elementet i stedet for lenke-elementet */
+    wrapperProps?: default_2.HTMLAttributes<HTMLElement>;
+    /** @deprecated Denne prop-en har ikke lenger en funksjon.
+     *  Hvis du trenger å legge til props på wrapper-elementet, bruk 'wrapperProps'-prop-en
+     */
+    wholeCardAsElement?: boolean;
+};
+
+export declare type MediaCardProps<T extends default_2.ElementType = typeof defaultElement_4> = PolymorphicComponentProps<T, MediaCardOwnProps>;
+
+export declare const NavigationCard: <E extends default_2.ElementType = "a">({ title, children, titleIcon, compact, className, as, ...rest }: NavigationCardProps<E>) => JSX.Element;
+
+export declare type NavigationCardOwnProps = {
+    /** HTML-elementet eller React-komponenten som lager NavigationCard
+     * @default 'a'
+     */
+    as?: 'a' | 'button' | default_2.ElementType;
+    /** Tittelen/teksten som står i CardBox */
+    title: string;
+    /** Valgfritt ikon som står over tittelen */
+    titleIcon?: default_2.ReactNode;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Lager en mer kompakt NavigationCard, uten ikon og beskrivende tekst
+     * @default false
+     */
+    compact?: boolean;
+    /** Beskrivelse under tittel, om ikke "compact" er valgt */
+    children?: default_2.ReactNode;
+    /** @deprecated eksternlenke ikon er ikke lenger støttet i NavigationCard  */
+    externalLink?: boolean;
+};
+
+export declare type NavigationCardProps<T extends default_2.ElementType = typeof defaultElement_2> = PolymorphicComponentProps<T, NavigationCardOwnProps>;
+
+export declare const NotificationBadge: NotificationBadgeComponent;
+
+declare type NotificationBadgeBaseProps = {
+    /** Elementet som wrapper badgen
+     * @default "span"
+     */
+    as?: string | default_2.ElementType;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Elementet som badge vil legges relativt til */
+    children: default_2.ReactNode;
+    /** Hvilken type badge man vil ha */
+    variant: 'primary' | 'neutral' | VariantType | typeof danger_3 | typeof info_3;
+    /** Om 0 skal vises
+     * @default false
+     */
+    showZero?: boolean;
+    /** Hva som er høyeste tallet før det legges på "+"
+     * @default ++
+     */
+    max?: number;
+    /** Skjul badge */
+    hide?: boolean;
+};
+
+export declare type NotificationBadgeComponent = <T extends default_2.ElementType = typeof defaultElement_7>(props: NotificationBadgeProps<T>) => default_2.ReactElement | null;
+
+export declare type NotificationBadgeProps<T extends default_2.ElementType> = PolymorphicComponentPropsWithRef<T, NotificationBadgeBaseProps>;
+
+/**
+ * A more sophisticated version of `InheritableElementProps` where
+ * the passed in `as` prop will determine which props can be included
+ */
+declare type PolymorphicComponentProps<C extends default_2.ElementType, Props = Record<string, unknown>> = InheritableElementProps<C, Props & AsProp<C>>;
+
+/**
+ * A wrapper of `PolymorphicComponentProps` that also includes the `ref`
+ * prop for the polymorphic component
+ */
+declare type PolymorphicComponentPropsWithRef<C extends default_2.ElementType, Props = Record<string, unknown>> = PolymorphicComponentProps<C, Props> & {
+    ref?: PolymorphicRef<C>;
+};
+
+/**
+ * Utility type to extract the `ref` prop from a polymorphic component
+ */
+declare type PolymorphicRef<C extends default_2.ElementType> = default_2.ComponentPropsWithRef<C>['ref'];
+
+declare type PropsOf<C extends keyof JSX.IntrinsicElements | default_2.JSXElementConstructor<any>> = JSX.LibraryManagedAttributes<C, default_2.ComponentPropsWithoutRef<C>>;
+
+export declare const StatusBadge: StatusBadgeComponent;
+
+declare type StatusBadgeBaseProps = {
+    /** Elementet som wrapper badgen
+     * @default "span"
+     */
+    as?: string | default_2.ElementType;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Elementet som badge vil legges relativt til */
+    children: default_2.ReactNode;
+    /** Hvilken type badge man vil ha */
+    variant: 'primary' | 'neutral' | VariantType | typeof danger_4 | typeof info_4;
+    /** Skjul badge */
+    hide?: boolean;
+};
+
+export declare type StatusBadgeComponent = <T extends default_2.ElementType = typeof defaultElement_8>(props: StatusBadgeProps<T>) => default_2.ReactElement | null;
+
+export declare type StatusBadgeProps<T extends default_2.ElementType> = PolymorphicComponentPropsWithRef<T, StatusBadgeBaseProps>;
+
+export declare const Tag: <E extends default_2.ElementType = "div">({ className, children, compact, as, ...rest }: TagProps<E>) => JSX.Element;
+
+export declare type TagOwnProps = {
+    /** HTML-elementet eller React-komponenten som rendres
+     * @default 'div'
+     */
+    as?: string | default_2.ElementType;
+    /** Ekstra klassenavn */
+    className?: string;
+    /**Mindre og mer kompakt Tag, til f.eks. tabellbruk
+     * @default false
+     */
+    compact?: boolean;
+    children: default_2.ReactNode;
+};
+
+export declare type TagProps<T extends default_2.ElementType = typeof defaultElement_9> = PolymorphicComponentProps<T, TagOwnProps>;
+
+export declare const useContrast: () => boolean;
+
+declare type VariantType = 'success' | 'negative' | 'warning' | 'information';
+
+export { }

package/dist/layout.cjs.js

@@ -0,0 +1,213 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@entur/utils");
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const classNames = require("classnames");
+const typography = require("@entur/typography");
+const icons = require("@entur/icons");
+const defaultElement$8 = "div";
+const Contrast = React.forwardRef(function Contrast2({ className, as, ...rest }, ref) {
+  const Element = as || defaultElement$8;
+  return /* @__PURE__ */ jsxRuntime.jsx(ContrastContext.Provider, { value: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+    Element,
+    {
+      className: classNames("eds-contrast", className),
+      ref,
+      ...rest
+    }
+  ) });
+});
+const ContrastContext = React.createContext(false);
+const useContrast = () => React.useContext(ContrastContext);
+const defaultElement$7 = "div";
+const BaseCard = ({
+  children,
+  className,
+  as,
+  ...rest
+}) => {
+  const Element = as || defaultElement$7;
+  const classList = classNames("eds-base-card", className);
+  return /* @__PURE__ */ jsxRuntime.jsx(Element, { className: classList, ...rest, children });
+};
+const defaultElement$6 = "a";
+const NavigationCard = ({
+  title,
+  children,
+  titleIcon,
+  compact = false,
+  className,
+  as,
+  ...rest
+}) => {
+  const Element = as || defaultElement$6;
+  const classList = classNames("eds-navigation-card", className, {
+    "eds-base-card--red-line": compact,
+    "eds-navigation-card--compact": compact
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(BaseCard, { as: Element, className: classList, ...rest, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "eds-navigation-card-header", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "eds-navigation-card-header__content", children: [
+        titleIcon && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "eds-navigation-card-header__title-icon",
+            "aria-hidden": "true",
+            children: titleIcon
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "eds-navigation-card-header__title", children: /* @__PURE__ */ jsxRuntime.jsx(typography.Heading3, { as: "span", children: title }) })
+      ] }),
+      !compact && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "eds-navigation-card-header__highlight" })
+    ] }),
+    !compact && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(typography.Paragraph, { children }) })
+  ] });
+};
+const defaultElement$5 = "a";
+const MediaCard = ({
+  title,
+  description,
+  children,
+  className,
+  category,
+  style,
+  as,
+  headingLevel = "h2",
+  wholeCardAsElement: whole,
+  hideArrow,
+  wrapperProps,
+  orientation,
+  ...rest
+}) => {
+  const Element = as || defaultElement$5;
+  const Heading = typography.Heading3;
+  const _wrapperProps = whole ? { ...wrapperProps, ...rest } : { ...wrapperProps };
+  const classList = classNames("eds-base-card, eds-media-card", className, {
+    "eds-media-card--horizontal": orientation === "horizontal"
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(BaseCard, { className: classList, style, ..._wrapperProps, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "eds-media-card__media", children }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "eds-media-card__text", children: [
+      category && /* @__PURE__ */ jsxRuntime.jsx(typography.Label, { className: "eds-media-card__text__category", children: category }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        utils.ConditionalWrapper,
+        {
+          condition: description !== void 0,
+          wrapper: (children2) => /* @__PURE__ */ jsxRuntime.jsx(Heading, { as: headingLevel, className: "eds-media-card__text__title", children: children2 }),
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            Element,
+            {
+              tabIndex: 0,
+              className: "eds-media-card__text__title-link",
+              ...rest,
+              children: title
+            }
+          )
+        }
+      ),
+      description !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(typography.Paragraph, { children: description }),
+      !hideArrow && /* @__PURE__ */ jsxRuntime.jsx(
+        icons.ForwardIcon,
+        {
+          className: "eds-media-card__arrow-icon",
+          "aria-hidden": "true"
+        }
+      )
+    ] })
+  ] });
+};
+const defaultElement$4 = "span";
+const Badge = React.forwardRef(
+  ({
+    children,
+    className,
+    max = 99,
+    variant,
+    showZero = false,
+    invisible: invisibleProp = false,
+    hide: hideProp = false,
+    as,
+    type = "status",
+    ...rest
+  }, ref) => {
+    const Element = as || defaultElement$4;
+    const computedHide = hideProp || invisibleProp || children === 0 && !showZero || children == null;
+    let displayValue;
+    if (typeof children === "number") {
+      displayValue = children > max ? `${max}+` : children;
+    } else {
+      displayValue = children;
+    }
+    const classList = classNames(
+      className,
+      "eds-badge",
+      {
+        "eds-badge--hide": computedHide,
+        "eds-badge--show-zero": showZero
+      },
+      `eds-badge--variant-${variant}`,
+      `eds-badge--type-${type}`
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(Element, { className: classList, ref, ...rest, children: displayValue });
+  }
+);
+const defaultElement$3 = "span";
+const BulletBadge = React.forwardRef(
+  (props, ref) => {
+    const Element = props.as || defaultElement$3;
+    return /* @__PURE__ */ jsxRuntime.jsx(Badge, { as: Element, ...props, ref, type: "bullet" });
+  }
+);
+const defaultElement$2 = "span";
+const NotificationBadge = React.forwardRef(
+  (props, ref) => {
+    const Element = props.as || defaultElement$2;
+    return /* @__PURE__ */ jsxRuntime.jsx(Badge, { as: Element, ...props, ref, type: "notification" });
+  }
+);
+const defaultElement$1 = "span";
+const StatusBadge = React.forwardRef(
+  (props, ref) => {
+    const Element = props.as || defaultElement$1;
+    return /* @__PURE__ */ jsxRuntime.jsx(Badge, { as: Element, ...props, ref, type: "status" });
+  }
+);
+const defaultElement = "div";
+const Tag = ({
+  className,
+  children,
+  compact,
+  as,
+  ...rest
+}) => {
+  const Element = as || defaultElement;
+  const childrenArray = React.Children.toArray(children);
+  const hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== "string";
+  const hasTrailingIcon = childrenArray.length > 1 && typeof childrenArray[childrenArray.length - 1] !== "string";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Element,
+    {
+      className: classNames("eds-tag", className, {
+        "eds-tag--leading-icon": hasLeadingIcon,
+        "eds-tag--trailing-icon": hasTrailingIcon,
+        "eds-tag--compact": compact
+      }),
+      ...rest,
+      children
+    }
+  );
+};
+utils.warnAboutMissingStyles("layout", "typography");
+exports.Badge = Badge;
+exports.BaseCard = BaseCard;
+exports.BulletBadge = BulletBadge;
+exports.Contrast = Contrast;
+exports.ContrastContext = ContrastContext;
+exports.MediaCard = MediaCard;
+exports.NavigationCard = NavigationCard;
+exports.NotificationBadge = NotificationBadge;
+exports.StatusBadge = StatusBadge;
+exports.Tag = Tag;
+exports.useContrast = useContrast;
+//# sourceMappingURL=layout.cjs.js.map

package/dist/layout.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.cjs.js","sources":["../src/Contrast.tsx","../src/BaseCard.tsx","../src/NavigationCard.tsx","../src/MediaCard.tsx","../src/Badge/Badge.tsx","../src/Badge/BulletBadge.tsx","../src/Badge/NotificationBadge.tsx","../src/Badge/StatusBadge.tsx","../src/Tag.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\nexport type ContrastBaseProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type ContrastProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, ContrastBaseProps>;\n\nexport type ContrastComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: ContrastProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'div';\n\nexport const Contrast: ContrastComponent = React.forwardRef(function Contrast<\n  T extends React.ElementType = typeof defaultElement,\n>(\n  { className, as, ...rest }: ContrastProps<T>,\n  ref: PolymorphicRef<T>,\n): JSX.Element {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <ContrastContext.Provider value={true}>\n      <Element\n        className={classNames('eds-contrast', className)}\n        ref={ref}\n        {...rest}\n      />\n    </ContrastContext.Provider>\n  );\n});\n\nexport const ContrastContext = React.createContext<boolean>(false);\n\nexport const useContrast: () => boolean = () =>\n  React.useContext(ContrastContext);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport './BaseCard.scss';\n\nexport type BaseCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager Card\n   * @default \"div\"\n   */\n  as?: 'div' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  children?: React.ReactNode;\n};\n\nexport type BaseCardProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, BaseCardOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const BaseCard = <E extends React.ElementType = typeof defaultElement>({\n  children,\n  className,\n  as,\n  ...rest\n}: BaseCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-base-card', className);\n  return (\n    <Element className={classList} {...rest}>\n      {children}\n    </Element>\n  );\n};\n","import React from 'react';\nimport { Paragraph } from '@entur/typography';\nimport classNames from 'classnames';\nimport { Heading3 } from '@entur/typography';\nimport { BaseCard } from './BaseCard';\nimport './NavigationCard.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type NavigationCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager NavigationCard\n   * @default 'a'\n   */\n  as?: 'a' | 'button' | React.ElementType;\n  /** Tittelen/teksten som står i CardBox */\n  title: string;\n  /** Valgfritt ikon som står over tittelen */\n  titleIcon?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Lager en mer kompakt NavigationCard, uten ikon og beskrivende tekst\n   * @default false\n   */\n  compact?: boolean;\n  /** Beskrivelse under tittel, om ikke \"compact\" er valgt */\n  children?: React.ReactNode;\n  /** @deprecated eksternlenke ikon er ikke lenger støttet i NavigationCard  */\n  externalLink?: boolean;\n};\n\nexport type NavigationCardProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, NavigationCardOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const NavigationCard = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  title,\n  children,\n  titleIcon,\n  compact = false,\n  className,\n  as,\n  ...rest\n}: NavigationCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const classList = classNames('eds-navigation-card', className, {\n    'eds-base-card--red-line': compact,\n    'eds-navigation-card--compact': compact,\n  });\n  return (\n    <BaseCard as={Element} className={classList} {...rest}>\n      <div className=\"eds-navigation-card-header\">\n        <div className=\"eds-navigation-card-header__content\">\n          {titleIcon && (\n            <div\n              className=\"eds-navigation-card-header__title-icon\"\n              aria-hidden=\"true\"\n            >\n              {titleIcon}\n            </div>\n          )}\n          <span className=\"eds-navigation-card-header__title\">\n            <Heading3 as=\"span\">{title}</Heading3>\n          </span>\n        </div>\n        {!compact && (\n          <div className=\"eds-navigation-card-header__highlight\"></div>\n        )}\n      </div>\n      {!compact && (\n        <>\n          <Paragraph>{children}</Paragraph>\n        </>\n      )}\n    </BaseCard>\n  );\n};\n","import React, { CSSProperties } from 'react';\nimport { Paragraph, Label, Heading3 } from '@entur/typography';\nimport classNames from 'classnames';\nimport { BaseCard } from './BaseCard';\nimport { ForwardIcon } from '@entur/icons';\nimport './MediaCard.scss';\nimport { ConditionalWrapper, PolymorphicComponentProps } from '@entur/utils';\n\nexport type MediaCardOwnProps = {\n  /** HTML-elementet eller React-komponenten som lager bunnen (under media) av MediaCard\n   * @default 'a'\n   */\n  as?: 'a' | 'button' | React.ElementType;\n  /** Tittelen/teksten som står i CardBox */\n  title: string;\n  /** Teksten under tittelen i MediaCard */\n  description?: React.ReactNode;\n  /** Kategori (eller lignende) som vises over tittelen */\n  category?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Det du skulle ønske som media (f.eks. bilder eller video) */\n  children?: React.ReactNode;\n  /** Styling som sendes til komponenten */\n  style?: CSSProperties;\n  /** Hvilken heading som brukes for tittelen.\n   *  Blir kun satt hvis description også er satt.\n   * @default 'h2'\n   */\n  headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n  /** Skjul pil-ikonet nederst til høyre\n   * @default false\n   */\n  hideArrow?: boolean;\n  /** Om MediaCard skal vises horisontalt eller vertikalt\n   * @default 'vertical'\n   */\n  orientation?: 'horizontal' | 'vertical';\n  /** Props som sendes til wrapper-elementet i stedet for lenke-elementet */\n  wrapperProps?: React.HTMLAttributes<HTMLElement>;\n  /** @deprecated Denne prop-en har ikke lenger en funksjon.\n   *  Hvis du trenger å legge til props på wrapper-elementet, bruk 'wrapperProps'-prop-en\n   */\n  wholeCardAsElement?: boolean;\n};\n\nexport type MediaCardProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, MediaCardOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const MediaCard = <E extends React.ElementType = typeof defaultElement>({\n  title,\n  description,\n  children,\n  className,\n  category,\n  style,\n  as,\n  headingLevel = 'h2',\n  wholeCardAsElement: whole,\n  hideArrow,\n  wrapperProps,\n  orientation,\n  ...rest\n}: MediaCardProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const Heading = Heading3;\n\n  const _wrapperProps = whole\n    ? { ...wrapperProps, ...rest }\n    : { ...wrapperProps };\n  const classList = classNames('eds-base-card, eds-media-card', className, {\n    'eds-media-card--horizontal': orientation === 'horizontal',\n  });\n\n  return (\n    <BaseCard className={classList} style={style} {..._wrapperProps}>\n      <div className=\"eds-media-card__media\">{children}</div>\n      <div className=\"eds-media-card__text\">\n        {category && (\n          <Label className=\"eds-media-card__text__category\">{category}</Label>\n        )}\n        {/* we only want a heading wrapper when we also have description text */}\n        <ConditionalWrapper\n          condition={description !== undefined}\n          wrapper={(children: React.ReactNode) => (\n            <Heading as={headingLevel} className=\"eds-media-card__text__title\">\n              {children}\n            </Heading>\n          )}\n        >\n          <Element\n            tabIndex={0}\n            className=\"eds-media-card__text__title-link\"\n            {...rest}\n          >\n            {title}\n          </Element>\n        </ConditionalWrapper>\n        {description !== undefined && <Paragraph>{description}</Paragraph>}\n        {!hideArrow && (\n          <ForwardIcon\n            className=\"eds-media-card__arrow-icon\"\n            aria-hidden=\"true\"\n          />\n        )}\n      </div>\n    </BaseCard>\n  );\n};\n\nexport default MediaCard;\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport { VariantType } from '@entur/utils';\n\nimport './Badge.scss';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\nexport type BadgeTypes = 'status' | 'bullet' | 'notification';\n\nexport type BadgeOwnProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: 'span' | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'neutral' | VariantType | typeof danger | typeof info;\n  /** Om 0 skal vises\n   * @default false\n   */\n  showZero?: boolean;\n  /** Hva som er høyeste tallet før det legges på \"+\"\n   * @default ++\n   */\n  max?: number;\n  type?: BadgeTypes;\n  /** @deprecated Bruk `hide` i stedet */\n  invisible?: boolean;\n  /** Skjul badge */\n  hide?: boolean;\n};\n\nexport type BadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, BadgeOwnProps>;\n\nexport type BadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: BadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const Badge: BadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      children,\n      className,\n      max = 99,\n      variant,\n      showZero = false,\n      invisible: invisibleProp = false,\n      hide: hideProp = false,\n      as,\n      type = 'status',\n      ...rest\n    }: BadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n\n    const computedHide =\n      hideProp ||\n      invisibleProp ||\n      (children === 0 && !showZero) ||\n      children == null;\n\n    let displayValue;\n    if (typeof children === 'number') {\n      displayValue = children > max ? `${max}+` : children;\n    } else {\n      displayValue = children;\n    }\n\n    const classList = classNames(\n      className,\n      'eds-badge',\n      {\n        'eds-badge--hide': computedHide,\n        'eds-badge--show-zero': showZero,\n      },\n      `eds-badge--variant-${variant}`,\n      `eds-badge--type-${type}`,\n    );\n\n    return (\n      <Element className={classList} ref={ref} {...rest}>\n        {displayValue}\n      </Element>\n    );\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\ntype BulletBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'neutral' | VariantType | typeof danger | typeof info;\n  /** Skjul badge */\n  hide?: boolean;\n};\n\nexport type BulletBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, BulletBadgeBaseProps>;\n\nexport type BulletBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: BulletBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const BulletBadge: BulletBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: BulletBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"bullet\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\ntype NotificationBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'neutral' | VariantType | typeof danger | typeof info;\n  /** Om 0 skal vises\n   * @default false\n   */\n  showZero?: boolean;\n  /** Hva som er høyeste tallet før det legges på \"+\"\n   * @default ++\n   */\n  max?: number;\n  /** Skjul badge */\n  hide?: boolean;\n};\n\nexport type NotificationBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, NotificationBadgeBaseProps>;\n\nexport type NotificationBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: NotificationBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const NotificationBadge: NotificationBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: NotificationBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"notification\" />;\n  },\n);\n","import React from 'react';\nimport { Badge } from './Badge';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\ntype StatusBadgeBaseProps = {\n  /** Elementet som wrapper badgen\n   * @default \"span\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Elementet som badge vil legges relativt til */\n  children: React.ReactNode;\n  /** Hvilken type badge man vil ha */\n  variant: 'primary' | 'neutral' | VariantType | typeof danger | typeof info;\n  /** Skjul badge */\n  hide?: boolean;\n};\n\nexport type StatusBadgeProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, StatusBadgeBaseProps>;\n\nexport type StatusBadgeComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: StatusBadgeProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'span';\n\nexport const StatusBadge: StatusBadgeComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: StatusBadgeProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BadgeOwnProps\n    return <Badge as={Element} {...props} ref={ref} type=\"status\" />;\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport './Tag.scss';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type TagOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default 'div'\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /**Mindre og mer kompakt Tag, til f.eks. tabellbruk\n   * @default false\n   */\n  compact?: boolean;\n  children: React.ReactNode;\n};\n\nexport type TagProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, TagOwnProps>;\n\nconst defaultElement = 'div';\n\nexport const Tag = <E extends React.ElementType = typeof defaultElement>({\n  className,\n  children,\n  compact,\n  as,\n  ...rest\n}: TagProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const childrenArray = React.Children.toArray(children);\n  const hasLeadingIcon =\n    childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n  const hasTrailingIcon =\n    childrenArray.length > 1 &&\n    typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n  return (\n    <Element\n      className={classNames('eds-tag', className, {\n        'eds-tag--leading-icon': hasLeadingIcon,\n        'eds-tag--trailing-icon': hasTrailingIcon,\n        'eds-tag--compact': compact,\n      })}\n      {...rest}\n    >\n      {children}\n    </Element>\n  );\n};\n","import './styles.scss';\nimport { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('layout', 'typography');\n\nexport * from './Contrast';\nexport * from './NavigationCard';\nexport * from './BaseCard';\nexport * from './MediaCard';\nexport * from './Badge/Badge';\nexport * from './Badge/BulletBadge';\nexport * from './Badge/NotificationBadge';\nexport * from './Badge/StatusBadge';\nexport * from './Tag';\n"],"names":["defaultElement","Contrast","jsx","jsxs","Heading3","Fragment","Paragraph","Label","ConditionalWrapper","children","ForwardIcon","warnAboutMissingStyles"],"mappings":"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"}