@entur/typography 3.0.0-beta.0 → 3.0.0-next.1

package/dist/Blockquote.d.ts

@@ -3,7 +3,7 @@ export type BlockquoteProps = {
     /** Ekstra klassenavn */
     className?: string;
 } & React.DetailedHTMLProps<React.BlockquoteHTMLAttributes<HTMLElement>, HTMLQuoteElement>;
-export declare const Blockquote: ({ className, ref, ...rest }: BlockquoteProps) => React.JSX.Element;
+export declare const Blockquote: ({ className, ref, ...rest }: BlockquoteProps) => import("react/jsx-runtime").JSX.Element;
 export type BlockquoteFooterProps = {
     /** Ekstra klassenavn */
     className?: string;

package/dist/ListItem.d.ts

@@ -8,4 +8,4 @@ export type ListItemProps = {
     title?: React.ReactNode;
     [key: string]: any;
 };
-export declare const ListItem: React.FC<ListItemProps>;
+export declare const ListItem: ({ children, className, title, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/NumberedList.d.ts

@@ -5,4 +5,4 @@ export type NumberedListProps = {
     /** Innholdet */
     children: React.ReactNode;
 } & React.OlHTMLAttributes<HTMLOListElement>;
-export declare const NumberedList: React.FC<NumberedListProps>;
+export declare const NumberedList: ({ className, type, ...rest }: NumberedListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/UnorderedList.d.ts

@@ -5,4 +5,4 @@ export type UnorderedListProps = {
     /** Innholdet */
     children: React.ReactNode;
 } & React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>;
-export declare const UnorderedList: React.FC<UnorderedListProps>;
+export declare const UnorderedList: ({ className, ...rest }: UnorderedListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/beta/cjs/components/Text.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.cjs","sources":["../../../../src/beta/components/Text.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nimport {\n  getSpacingClasses,\n  getSemanticTypeFromTextVariant,\n} from '../utils/utils';\n\nimport {\n  TypographySize,\n  TypographyTextVariant,\n  TypographyWeight,\n  TypographySpacing,\n} from '../types';\n\nimport './text.scss';\n\ntype TextBaseProps = {\n  /** Visuell tekststørrelse (typografi-token) */\n  size?: TypographySize;\n  /** Fontvekt */\n  weight?: TypographyWeight;\n  /** Variant (kan brukes til spesielle typer tekst som for eksempel caption) */\n  variant?: TypographyTextVariant;\n  /** Innhold */\n  children: React.ReactNode;\n  /** Spacing around the component */\n  spacing?: TypographySpacing;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type TextProps<C extends React.ElementType> = PolymorphicComponentProps<\n  C,\n  TextBaseProps\n>;\n\nconst TypographyText = <C extends React.ElementType = 'p'>({\n  children,\n  as,\n  size,\n  variant,\n  weight,\n  spacing,\n  className,\n  ...rest\n}: TextProps<C>) => {\n  const BodyElement = as || getSemanticTypeFromTextVariant(variant);\n\n  return (\n    <BodyElement\n      className={classNames(\n        'eds-text',\n        variant && `eds-text--${variant}`,\n        size && `eds-text--${size}`,\n        weight && `eds-text--weight-${weight}`,\n        getSpacingClasses(spacing, 'eds-text'),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </BodyElement>\n  );\n};\n\n// Export as Text to avoid DOM conflicts\nexport const Text = TypographyText;\n"],"names":["getSemanticTypeFromTextVariant","jsx","getSpacingClasses"],"mappings":";;;;;;AAwCA,MAAM,iBAAiB,CAAoC;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAoB;AAClB,QAAM,cAAc,MAAMA,MAAAA,+BAA+B,OAAO;AAEhE,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,WAAW,aAAa,OAAO;AAAA,QAC/B,QAAQ,aAAa,IAAI;AAAA,QACzB,UAAU,oBAAoB,MAAM;AAAA,QACpCC,MAAAA,kBAAkB,SAAS,UAAU;AAAA,QACrC;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,MAAM,OAAO;;"}
+{"version":3,"file":"Text.cjs","sources":["../../../../src/beta/components/Text.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nimport {\n  getSemanticTypeFromTextVariant,\n  getSpacingClasses,\n} from '../utils/utils';\n\nimport {\n  TypographySize,\n  TypographySpacing,\n  TypographyTextVariant,\n  TypographyWeight,\n} from '../types';\n\nimport './text.scss';\n\ntype TextBaseProps = {\n  /** Visuell tekststørrelse (typografi-token) */\n  size?: TypographySize;\n  /** Fontvekt */\n  weight?: TypographyWeight;\n  /** Variant (kan brukes til spesielle typer tekst som for eksempel caption) */\n  variant?: TypographyTextVariant;\n  /** Innhold */\n  children: React.ReactNode;\n  /** Spacing around the component */\n  spacing?: TypographySpacing;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type TextProps<C extends React.ElementType> = PolymorphicComponentProps<\n  C,\n  TextBaseProps\n>;\n\nconst TypographyText = <C extends React.ElementType = 'p'>({\n  children,\n  as,\n  size,\n  variant,\n  weight,\n  spacing,\n  className,\n  ...rest\n}: TextProps<C>) => {\n  const BodyElement = as || getSemanticTypeFromTextVariant(variant);\n\n  return (\n    <BodyElement\n      className={classNames(\n        'eds-text',\n        variant && `eds-text--${variant}`,\n        size && `eds-text--${size}`,\n        weight && `eds-text--weight-${weight}`,\n        getSpacingClasses(spacing, 'eds-text'),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </BodyElement>\n  );\n};\n\n// Export as Text to avoid DOM conflicts\nexport const Text = TypographyText;\n"],"names":["getSemanticTypeFromTextVariant","jsx","getSpacingClasses"],"mappings":";;;;;;AAwCA,MAAM,iBAAiB,CAAoC;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAoB;AAClB,QAAM,cAAc,MAAMA,MAAAA,+BAA+B,OAAO;AAEhE,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,WAAW,aAAa,OAAO;AAAA,QAC/B,QAAQ,aAAa,IAAI;AAAA,QACzB,UAAU,oBAAoB,MAAM;AAAA,QACpCC,MAAAA,kBAAkB,SAAS,UAAU;AAAA,QACrC;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,MAAM,OAAO;;"}

package/dist/beta/cjs/utils/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../../../src/beta/utils/utils.ts"],"sourcesContent":["import {\n  TypographySpacing,\n  TypographyHeadingVariant,\n  TypographyTextVariant,\n} from '../types';\n\n/**\n * Get spacing classes for a component\n */\nexport function getSpacingClasses(\n  spacing: TypographySpacing | undefined,\n  baseClass: string,\n): string {\n  if (!spacing) return '';\n\n  const spacingMap: Record<string, string> = {\n    none: `${baseClass}--spacing-none`,\n    xs2: `${baseClass}--spacing-xs2`,\n    'xs2-top': `${baseClass}--spacing-xs2-top`,\n    'xs2-bottom': `${baseClass}--spacing-xs2-bottom`,\n    xs: `${baseClass}--spacing-xs`,\n    'xs-top': `${baseClass}--spacing-xs-top`,\n    'xs-bottom': `${baseClass}--spacing-xs-bottom`,\n    sm: `${baseClass}--spacing-sm`,\n    'sm-top': `${baseClass}--spacing-sm-top`,\n    'sm-bottom': `${baseClass}--spacing-sm-bottom`,\n    md: `${baseClass}--spacing-md`,\n    'md-top': `${baseClass}--spacing-md-top`,\n    'md-bottom': `${baseClass}--spacing-md-bottom`,\n    lg: `${baseClass}--spacing-lg`,\n    'lg-top': `${baseClass}--spacing-lg-top`,\n    'lg-bottom': `${baseClass}--spacing-lg-bottom`,\n    xl: `${baseClass}--spacing-xl`,\n    'xl-top': `${baseClass}--spacing-xl-top`,\n    'xl-bottom': `${baseClass}--spacing-xl-bottom`,\n  };\n\n  return spacingMap[spacing] || '';\n}\n\n/**\n * Get heading variant based on semantic HTML element\n */\nexport function getHeadingVariantFromSemanticType(\n  element: string | React.ElementType,\n): TypographyHeadingVariant {\n  const elementStr = typeof element === 'string' ? element : element.toString();\n\n  switch (elementStr.toLowerCase()) {\n    case 'h1':\n      return 'title-1';\n    case 'h2':\n      return 'title-2';\n    case 'h3':\n      return 'subtitle-1';\n    case 'h4':\n      return 'subtitle-2';\n    case 'h5':\n      return 'section-1';\n    case 'h6':\n      return 'section-2';\n    default:\n      return 'title-1';\n  }\n}\n\n/**\n * Get semantic HTML element from text variant\n */\nexport function getSemanticTypeFromTextVariant(\n  variant: TypographyTextVariant | undefined,\n): string {\n  if (!variant) return 'p';\n\n  switch (variant) {\n    case 'label':\n      return 'label';\n    case 'sublabel':\n      return 'span';\n    case 'caption':\n      return 'span';\n    case 'overline':\n      return 'span';\n    case 'link':\n      return 'a';\n    case 'code-text':\n      return 'code';\n    case 'preformatted-text':\n      return 'pre';\n    case 'quote':\n      return 'blockquote';\n    case 'leading':\n    case 'paragraph':\n    case 'subparagraph':\n    case 'emphasized':\n    default:\n      return 'p';\n  }\n}\n"],"names":[],"mappings":";;AASO,SAAS,kBACd,SACA,WACQ;AACR,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM,aAAqC;AAAA,IACzC,MAAM,GAAG,SAAS;AAAA,IAClB,KAAK,GAAG,SAAS;AAAA,IACjB,WAAW,GAAG,SAAS;AAAA,IACvB,cAAc,GAAG,SAAS;AAAA,IAC1B,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,IACzB,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,IACzB,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,IACzB,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,IACzB,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,EAAA;AAG3B,SAAO,WAAW,OAAO,KAAK;AAChC;AAKO,SAAS,kCACd,SAC0B;AAC1B,QAAM,aAAa,OAAO,YAAY,WAAW,UAAU,QAAQ,SAAA;AAEnE,UAAQ,WAAW,eAAY;AAAA,IAC7B,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;AAKO,SAAS,+BACd,SACQ;AACR,MAAI,CAAC,QAAS,QAAO;AAErB,UAAQ,SAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL;AACE,aAAO;AAAA,EAAA;AAEb;;;;"}
+{"version":3,"file":"utils.cjs","sources":["../../../../src/beta/utils/utils.ts"],"sourcesContent":["import {\n  TypographyHeadingVariant,\n  TypographySpacing,\n  TypographyTextVariant,\n} from '../types';\n\n/**\n * Get spacing classes for a component\n */\nexport function getSpacingClasses(\n  spacing: TypographySpacing | undefined,\n  baseClass: string,\n): string {\n  if (!spacing) return '';\n\n  const spacingMap: Record<string, string> = {\n    none: `${baseClass}--spacing-none`,\n    xs2: `${baseClass}--spacing-xs2`,\n    'xs2-top': `${baseClass}--spacing-xs2-top`,\n    'xs2-bottom': `${baseClass}--spacing-xs2-bottom`,\n    xs: `${baseClass}--spacing-xs`,\n    'xs-top': `${baseClass}--spacing-xs-top`,\n    'xs-bottom': `${baseClass}--spacing-xs-bottom`,\n    sm: `${baseClass}--spacing-sm`,\n    'sm-top': `${baseClass}--spacing-sm-top`,\n    'sm-bottom': `${baseClass}--spacing-sm-bottom`,\n    md: `${baseClass}--spacing-md`,\n    'md-top': `${baseClass}--spacing-md-top`,\n    'md-bottom': `${baseClass}--spacing-md-bottom`,\n    lg: `${baseClass}--spacing-lg`,\n    'lg-top': `${baseClass}--spacing-lg-top`,\n    'lg-bottom': `${baseClass}--spacing-lg-bottom`,\n    xl: `${baseClass}--spacing-xl`,\n    'xl-top': `${baseClass}--spacing-xl-top`,\n    'xl-bottom': `${baseClass}--spacing-xl-bottom`,\n  };\n\n  return spacingMap[spacing] || '';\n}\n\n/**\n * Get heading variant based on semantic HTML element\n */\nexport function getHeadingVariantFromSemanticType(\n  element: string | React.ElementType,\n): TypographyHeadingVariant {\n  const elementStr = typeof element === 'string' ? element : element.toString();\n\n  switch (elementStr.toLowerCase()) {\n    case 'h1':\n      return 'title-1';\n    case 'h2':\n      return 'title-2';\n    case 'h3':\n      return 'subtitle-1';\n    case 'h4':\n      return 'subtitle-2';\n    case 'h5':\n      return 'section-1';\n    case 'h6':\n      return 'section-2';\n    default:\n      return 'title-1';\n  }\n}\n\n/**\n * Get semantic HTML element from text variant\n */\nexport function getSemanticTypeFromTextVariant(\n  variant: TypographyTextVariant | undefined,\n): string {\n  if (!variant) return 'p';\n\n  switch (variant) {\n    case 'label':\n      return 'label';\n    case 'sublabel':\n      return 'span';\n    case 'caption':\n      return 'span';\n    case 'overline':\n      return 'span';\n    case 'link':\n      return 'a';\n    case 'code-text':\n      return 'code';\n    case 'preformatted-text':\n      return 'pre';\n    case 'quote':\n      return 'blockquote';\n    case 'leading':\n    case 'paragraph':\n    case 'subparagraph':\n    case 'emphasized':\n    default:\n      return 'p';\n  }\n}\n"],"names":[],"mappings":";;AASO,SAAS,kBACd,SACA,WACQ;AACR,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM,aAAqC;AAAA,IACzC,MAAM,GAAG,SAAS;AAAA,IAClB,KAAK,GAAG,SAAS;AAAA,IACjB,WAAW,GAAG,SAAS;AAAA,IACvB,cAAc,GAAG,SAAS;AAAA,IAC1B,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,IACzB,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,IACzB,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,IACzB,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,IACzB,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,EAAA;AAG3B,SAAO,WAAW,OAAO,KAAK;AAChC;AAKO,SAAS,kCACd,SAC0B;AAC1B,QAAM,aAAa,OAAO,YAAY,WAAW,UAAU,QAAQ,SAAA;AAEnE,UAAQ,WAAW,eAAY;AAAA,IAC7B,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;AAKO,SAAS,+BACd,SACQ;AACR,MAAI,CAAC,QAAS,QAAO;AAErB,UAAQ,SAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL;AACE,aAAO;AAAA,EAAA;AAEb;;;;"}

package/dist/beta/esm/components/Text.mjs

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import classNames from "classnames";
-import { getSemanticTypeFromTextVariant, getSpacingClasses } from "../utils/utils.mjs";
+import { getSpacingClasses, getSemanticTypeFromTextVariant } from "../utils/utils.mjs";
 /* empty css           */
 const TypographyText = ({
   children,

package/dist/beta/esm/components/Text.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.mjs","sources":["../../../../src/beta/components/Text.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nimport {\n  getSpacingClasses,\n  getSemanticTypeFromTextVariant,\n} from '../utils/utils';\n\nimport {\n  TypographySize,\n  TypographyTextVariant,\n  TypographyWeight,\n  TypographySpacing,\n} from '../types';\n\nimport './text.scss';\n\ntype TextBaseProps = {\n  /** Visuell tekststørrelse (typografi-token) */\n  size?: TypographySize;\n  /** Fontvekt */\n  weight?: TypographyWeight;\n  /** Variant (kan brukes til spesielle typer tekst som for eksempel caption) */\n  variant?: TypographyTextVariant;\n  /** Innhold */\n  children: React.ReactNode;\n  /** Spacing around the component */\n  spacing?: TypographySpacing;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type TextProps<C extends React.ElementType> = PolymorphicComponentProps<\n  C,\n  TextBaseProps\n>;\n\nconst TypographyText = <C extends React.ElementType = 'p'>({\n  children,\n  as,\n  size,\n  variant,\n  weight,\n  spacing,\n  className,\n  ...rest\n}: TextProps<C>) => {\n  const BodyElement = as || getSemanticTypeFromTextVariant(variant);\n\n  return (\n    <BodyElement\n      className={classNames(\n        'eds-text',\n        variant && `eds-text--${variant}`,\n        size && `eds-text--${size}`,\n        weight && `eds-text--weight-${weight}`,\n        getSpacingClasses(spacing, 'eds-text'),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </BodyElement>\n  );\n};\n\n// Export as Text to avoid DOM conflicts\nexport const Text = TypographyText;\n"],"names":[],"mappings":";;;;AAwCA,MAAM,iBAAiB,CAAoC;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAoB;AAClB,QAAM,cAAc,MAAM,+BAA+B,OAAO;AAEhE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,WAAW,aAAa,OAAO;AAAA,QAC/B,QAAQ,aAAa,IAAI;AAAA,QACzB,UAAU,oBAAoB,MAAM;AAAA,QACpC,kBAAkB,SAAS,UAAU;AAAA,QACrC;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,MAAM,OAAO;"}
+{"version":3,"file":"Text.mjs","sources":["../../../../src/beta/components/Text.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nimport {\n  getSemanticTypeFromTextVariant,\n  getSpacingClasses,\n} from '../utils/utils';\n\nimport {\n  TypographySize,\n  TypographySpacing,\n  TypographyTextVariant,\n  TypographyWeight,\n} from '../types';\n\nimport './text.scss';\n\ntype TextBaseProps = {\n  /** Visuell tekststørrelse (typografi-token) */\n  size?: TypographySize;\n  /** Fontvekt */\n  weight?: TypographyWeight;\n  /** Variant (kan brukes til spesielle typer tekst som for eksempel caption) */\n  variant?: TypographyTextVariant;\n  /** Innhold */\n  children: React.ReactNode;\n  /** Spacing around the component */\n  spacing?: TypographySpacing;\n  /** Ekstra klassenavn */\n  className?: string;\n};\n\nexport type TextProps<C extends React.ElementType> = PolymorphicComponentProps<\n  C,\n  TextBaseProps\n>;\n\nconst TypographyText = <C extends React.ElementType = 'p'>({\n  children,\n  as,\n  size,\n  variant,\n  weight,\n  spacing,\n  className,\n  ...rest\n}: TextProps<C>) => {\n  const BodyElement = as || getSemanticTypeFromTextVariant(variant);\n\n  return (\n    <BodyElement\n      className={classNames(\n        'eds-text',\n        variant && `eds-text--${variant}`,\n        size && `eds-text--${size}`,\n        weight && `eds-text--weight-${weight}`,\n        getSpacingClasses(spacing, 'eds-text'),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </BodyElement>\n  );\n};\n\n// Export as Text to avoid DOM conflicts\nexport const Text = TypographyText;\n"],"names":[],"mappings":";;;;AAwCA,MAAM,iBAAiB,CAAoC;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAoB;AAClB,QAAM,cAAc,MAAM,+BAA+B,OAAO;AAEhE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,WAAW,aAAa,OAAO;AAAA,QAC/B,QAAQ,aAAa,IAAI;AAAA,QACzB,UAAU,oBAAoB,MAAM;AAAA,QACpC,kBAAkB,SAAS,UAAU;AAAA,QACrC;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,MAAM,OAAO;"}

package/dist/beta/esm/utils/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../../../../src/beta/utils/utils.ts"],"sourcesContent":["import {\n  TypographySpacing,\n  TypographyHeadingVariant,\n  TypographyTextVariant,\n} from '../types';\n\n/**\n * Get spacing classes for a component\n */\nexport function getSpacingClasses(\n  spacing: TypographySpacing | undefined,\n  baseClass: string,\n): string {\n  if (!spacing) return '';\n\n  const spacingMap: Record<string, string> = {\n    none: `${baseClass}--spacing-none`,\n    xs2: `${baseClass}--spacing-xs2`,\n    'xs2-top': `${baseClass}--spacing-xs2-top`,\n    'xs2-bottom': `${baseClass}--spacing-xs2-bottom`,\n    xs: `${baseClass}--spacing-xs`,\n    'xs-top': `${baseClass}--spacing-xs-top`,\n    'xs-bottom': `${baseClass}--spacing-xs-bottom`,\n    sm: `${baseClass}--spacing-sm`,\n    'sm-top': `${baseClass}--spacing-sm-top`,\n    'sm-bottom': `${baseClass}--spacing-sm-bottom`,\n    md: `${baseClass}--spacing-md`,\n    'md-top': `${baseClass}--spacing-md-top`,\n    'md-bottom': `${baseClass}--spacing-md-bottom`,\n    lg: `${baseClass}--spacing-lg`,\n    'lg-top': `${baseClass}--spacing-lg-top`,\n    'lg-bottom': `${baseClass}--spacing-lg-bottom`,\n    xl: `${baseClass}--spacing-xl`,\n    'xl-top': `${baseClass}--spacing-xl-top`,\n    'xl-bottom': `${baseClass}--spacing-xl-bottom`,\n  };\n\n  return spacingMap[spacing] || '';\n}\n\n/**\n * Get heading variant based on semantic HTML element\n */\nexport function getHeadingVariantFromSemanticType(\n  element: string | React.ElementType,\n): TypographyHeadingVariant {\n  const elementStr = typeof element === 'string' ? element : element.toString();\n\n  switch (elementStr.toLowerCase()) {\n    case 'h1':\n      return 'title-1';\n    case 'h2':\n      return 'title-2';\n    case 'h3':\n      return 'subtitle-1';\n    case 'h4':\n      return 'subtitle-2';\n    case 'h5':\n      return 'section-1';\n    case 'h6':\n      return 'section-2';\n    default:\n      return 'title-1';\n  }\n}\n\n/**\n * Get semantic HTML element from text variant\n */\nexport function getSemanticTypeFromTextVariant(\n  variant: TypographyTextVariant | undefined,\n): string {\n  if (!variant) return 'p';\n\n  switch (variant) {\n    case 'label':\n      return 'label';\n    case 'sublabel':\n      return 'span';\n    case 'caption':\n      return 'span';\n    case 'overline':\n      return 'span';\n    case 'link':\n      return 'a';\n    case 'code-text':\n      return 'code';\n    case 'preformatted-text':\n      return 'pre';\n    case 'quote':\n      return 'blockquote';\n    case 'leading':\n    case 'paragraph':\n    case 'subparagraph':\n    case 'emphasized':\n    default:\n      return 'p';\n  }\n}\n"],"names":[],"mappings":"AASO,SAAS,kBACd,SACA,WACQ;AACR,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM,aAAqC;AAAA,IACzC,MAAM,GAAG,SAAS;AAAA,IAClB,KAAK,GAAG,SAAS;AAAA,IACjB,WAAW,GAAG,SAAS;AAAA,IACvB,cAAc,GAAG,SAAS;AAAA,IAC1B,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,IACzB,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,IACzB,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,IACzB,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,IACzB,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,EAAA;AAG3B,SAAO,WAAW,OAAO,KAAK;AAChC;AAKO,SAAS,kCACd,SAC0B;AAC1B,QAAM,aAAa,OAAO,YAAY,WAAW,UAAU,QAAQ,SAAA;AAEnE,UAAQ,WAAW,eAAY;AAAA,IAC7B,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;AAKO,SAAS,+BACd,SACQ;AACR,MAAI,CAAC,QAAS,QAAO;AAErB,UAAQ,SAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL;AACE,aAAO;AAAA,EAAA;AAEb;"}
+{"version":3,"file":"utils.mjs","sources":["../../../../src/beta/utils/utils.ts"],"sourcesContent":["import {\n  TypographyHeadingVariant,\n  TypographySpacing,\n  TypographyTextVariant,\n} from '../types';\n\n/**\n * Get spacing classes for a component\n */\nexport function getSpacingClasses(\n  spacing: TypographySpacing | undefined,\n  baseClass: string,\n): string {\n  if (!spacing) return '';\n\n  const spacingMap: Record<string, string> = {\n    none: `${baseClass}--spacing-none`,\n    xs2: `${baseClass}--spacing-xs2`,\n    'xs2-top': `${baseClass}--spacing-xs2-top`,\n    'xs2-bottom': `${baseClass}--spacing-xs2-bottom`,\n    xs: `${baseClass}--spacing-xs`,\n    'xs-top': `${baseClass}--spacing-xs-top`,\n    'xs-bottom': `${baseClass}--spacing-xs-bottom`,\n    sm: `${baseClass}--spacing-sm`,\n    'sm-top': `${baseClass}--spacing-sm-top`,\n    'sm-bottom': `${baseClass}--spacing-sm-bottom`,\n    md: `${baseClass}--spacing-md`,\n    'md-top': `${baseClass}--spacing-md-top`,\n    'md-bottom': `${baseClass}--spacing-md-bottom`,\n    lg: `${baseClass}--spacing-lg`,\n    'lg-top': `${baseClass}--spacing-lg-top`,\n    'lg-bottom': `${baseClass}--spacing-lg-bottom`,\n    xl: `${baseClass}--spacing-xl`,\n    'xl-top': `${baseClass}--spacing-xl-top`,\n    'xl-bottom': `${baseClass}--spacing-xl-bottom`,\n  };\n\n  return spacingMap[spacing] || '';\n}\n\n/**\n * Get heading variant based on semantic HTML element\n */\nexport function getHeadingVariantFromSemanticType(\n  element: string | React.ElementType,\n): TypographyHeadingVariant {\n  const elementStr = typeof element === 'string' ? element : element.toString();\n\n  switch (elementStr.toLowerCase()) {\n    case 'h1':\n      return 'title-1';\n    case 'h2':\n      return 'title-2';\n    case 'h3':\n      return 'subtitle-1';\n    case 'h4':\n      return 'subtitle-2';\n    case 'h5':\n      return 'section-1';\n    case 'h6':\n      return 'section-2';\n    default:\n      return 'title-1';\n  }\n}\n\n/**\n * Get semantic HTML element from text variant\n */\nexport function getSemanticTypeFromTextVariant(\n  variant: TypographyTextVariant | undefined,\n): string {\n  if (!variant) return 'p';\n\n  switch (variant) {\n    case 'label':\n      return 'label';\n    case 'sublabel':\n      return 'span';\n    case 'caption':\n      return 'span';\n    case 'overline':\n      return 'span';\n    case 'link':\n      return 'a';\n    case 'code-text':\n      return 'code';\n    case 'preformatted-text':\n      return 'pre';\n    case 'quote':\n      return 'blockquote';\n    case 'leading':\n    case 'paragraph':\n    case 'subparagraph':\n    case 'emphasized':\n    default:\n      return 'p';\n  }\n}\n"],"names":[],"mappings":"AASO,SAAS,kBACd,SACA,WACQ;AACR,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM,aAAqC;AAAA,IACzC,MAAM,GAAG,SAAS;AAAA,IAClB,KAAK,GAAG,SAAS;AAAA,IACjB,WAAW,GAAG,SAAS;AAAA,IACvB,cAAc,GAAG,SAAS;AAAA,IAC1B,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,IACzB,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,IACzB,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,IACzB,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,IACzB,IAAI,GAAG,SAAS;AAAA,IAChB,UAAU,GAAG,SAAS;AAAA,IACtB,aAAa,GAAG,SAAS;AAAA,EAAA;AAG3B,SAAO,WAAW,OAAO,KAAK;AAChC;AAKO,SAAS,kCACd,SAC0B;AAC1B,QAAM,aAAa,OAAO,YAAY,WAAW,UAAU,QAAQ,SAAA;AAEnE,UAAQ,WAAW,eAAY;AAAA,IAC7B,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;AAKO,SAAS,+BACd,SACQ;AACR,MAAI,CAAC,QAAS,QAAO;AAErB,UAAQ,SAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL;AACE,aAAO;AAAA,EAAA;AAEb;"}

package/dist/beta/styles/index.css

@@ -132,43 +132,6 @@
  * 
  * The system automatically handles responsive behavior within each mode.
  */
-/* Primitive size */
-:root{
-  /* number */
-  --size-0:0rem;
-  --size-1:0.0625rem;
-  --size-2:0.125rem;
-  --size-3:0.25rem;
-  --size-4:0.375rem;
-  --size-5:0.5rem;
-  --size-6:0.75rem;
-  --size-7:0.875rem;
-  --size-8:1rem;
-  --size-9:1.25rem;
-  --size-10:1.5rem;
-  --size-11:1.75rem;
-  --size-12:2rem;
-  --size-13:2.25rem;
-  --size-14:2.5rem;
-  --size-15:2.75rem;
-  --size-16:3rem;
-  --size-17:3.25rem;
-  --size-18:3.5rem;
-  --size-19:4rem;
-  --size-20:4.5rem;
-  --size-21:5rem;
-  --size-22:5.5rem;
-  --size-23:6rem;
-  --size-24:6.5rem;
-  --size-25:7rem;
-  --size-26:7.5rem;
-  --size-27:8rem;
-  --size-28:8.5rem;
-  --size-29:9rem;
-  --size-30:9.5rem;
-  --size-31:10rem;
-}
-
 :root,
 [data-view-mode=standard]{
   /* number */
@@ -773,7 +736,7 @@
        -moz-border-radius:0.25rem;
             border-radius:0.25rem;
     color:var(--components-typography-codetext-standard-text);
-    font-family:"Monaco", monospace;
+    font-family:Monaco, monospace;
     font-size:0.875rem;
   }
   :where(.eds-contrast) .eds-text--code-text, :where(.eds-contrast) .eds-text--preformatted-text{

package/dist/beta/types/components/Blockquote.d.ts

@@ -3,10 +3,10 @@ export type BlockquoteProps = {
     /** Ekstra klassenavn */
     className?: string;
 } & React.DetailedHTMLProps<React.BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>;
-export declare const Blockquote: ({ className, ...rest }: BlockquoteProps) => React.JSX.Element;
+export declare const Blockquote: ({ className, ...rest }: BlockquoteProps) => import("react/jsx-runtime").JSX.Element;
 type BlockquoteFooterProps = {
     /** Ekstra klassenavn */
     className?: string;
 } & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
-export declare const BlockquoteFooter: ({ className, ...rest }: BlockquoteFooterProps) => React.JSX.Element;
+export declare const BlockquoteFooter: ({ className, ...rest }: BlockquoteFooterProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/beta/types/components/Heading.d.ts

@@ -16,5 +16,5 @@ type HeadingBaseProps = {
     spacing?: TypographySpacing;
 };
 export type HeadingProps<C extends React.ElementType> = PolymorphicComponentProps<C, HeadingBaseProps>;
-export declare const Heading: <C extends React.ElementType = "h1">({ children, as, size, variant, spacing, className, ...rest }: HeadingProps<C>) => React.JSX.Element;
+export declare const Heading: <C extends React.ElementType = "h1">({ children, as, size, variant, spacing, className, ...rest }: HeadingProps<C>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/beta/types/components/Text.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
-import { TypographySize, TypographyTextVariant, TypographyWeight, TypographySpacing } from '../types';
+import { TypographySize, TypographySpacing, TypographyTextVariant, TypographyWeight } from '../types';
 type TextBaseProps = {
     /** Visuell tekststørrelse (typografi-token) */
     size?: TypographySize;
@@ -16,5 +16,5 @@ type TextBaseProps = {
     className?: string;
 };
 export type TextProps<C extends React.ElementType> = PolymorphicComponentProps<C, TextBaseProps>;
-export declare const Text: <C extends React.ElementType = "p">({ children, as, size, variant, weight, spacing, className, ...rest }: TextProps<C>) => React.JSX.Element;
+export declare const Text: <C extends React.ElementType = "p">({ children, as, size, variant, weight, spacing, className, ...rest }: TextProps<C>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/beta/types/utils/utils.d.ts

@@ -1,4 +1,4 @@
-import { TypographySpacing, TypographyHeadingVariant, TypographyTextVariant } from '../types';
+import { TypographyHeadingVariant, TypographySpacing, TypographyTextVariant } from '../types';
 /**
  * Get spacing classes for a component
  */

package/dist/styles.css

@@ -6,11 +6,13 @@
   --basecolors-frame-default:#ffffff;
   --basecolors-frame-elevated:#ffffff;
   --basecolors-frame-elevatedalt:#f6f6f9;
+  --basecolors-frame-highlight:#ff5959;
+  --basecolors-frame-highlightalt:#ffbf9e;
   --basecolors-frame-subdued:#d9dae8;
   --basecolors-frame-tint:#f6f6f9;
   --basecolors-shape-accent:#181c56;
-  --basecolors-shape-bicycle-contrast:#00db9b;
-  --basecolors-shape-bicycle-default:#33826b;
+  --basecolors-shape-bicycle-contrast:#00dbb6;
+  --basecolors-shape-bicycle-default:#0d827e;
   --basecolors-shape-bus-contrast:#ff6392;
   --basecolors-shape-bus-default:#c5044e;
   --basecolors-shape-cableway-contrast:#b482fb;
@@ -29,8 +31,8 @@
   --basecolors-shape-maskalt:#ffffff;
   --basecolors-shape-metro-contrast:#f08901;
   --basecolors-shape-metro-default:#bf5826;
-  --basecolors-shape-mobility-contrast:#00db9b;
-  --basecolors-shape-mobility-default:#33826b;
+  --basecolors-shape-mobility-contrast:#00dbb6;
+  --basecolors-shape-mobility-default:#0d827e;
   --basecolors-shape-plane-contrast:#fbafea;
   --basecolors-shape-plane-default:#800664;
   --basecolors-shape-subdued:#626493;
@@ -41,7 +43,7 @@
   --basecolors-shape-train-default:#00367f;
   --basecolors-shape-tram-contrast:#b482fb;
   --basecolors-shape-tram-default:#78469a;
-  --basecolors-shape-walk-contrast:#8284ab;
+  --basecolors-shape-walk-contrast:#9ea0bd;
   --basecolors-shape-walk-default:#8d8e9c;
   --basecolors-shape-airportlinkbus-contrast:#fbafea;
   --basecolors-shape-airportlinkbus-default:#800664;
@@ -53,6 +55,7 @@
   --basecolors-stroke-focus-contrast:#aeb7e2;
   --basecolors-stroke-focus-standard:#181c56;
   --basecolors-stroke-highlight:#ff5959;
+  --basecolors-stroke-highlight2:#ffbf9e;
   --basecolors-stroke-light:#ffffff;
   --basecolors-stroke-subdued:#8284ab;
   --basecolors-stroke-subduedalt:#e3e6e8;
@@ -60,6 +63,7 @@
   --basecolors-text-disabled:#6e6f73;
   --basecolors-text-disabledalt:#b6b8ba;
   --basecolors-text-highlight:#ff5959;
+  --basecolors-text-highlightalt:#ffbf9e;
   --basecolors-text-light:#ffffff;
   --basecolors-text-subdued:#626493;
   --basecolors-text-subduedalt:#d9dae8;
@@ -72,11 +76,13 @@
   --basecolors-frame-default:#08091c;
   --basecolors-frame-elevated:rgba(229, 229, 233, 0.1490196078);
   --basecolors-frame-elevatedalt:#464755;
+  --basecolors-frame-highlight:#ff5959;
+  --basecolors-frame-highlightalt:#ffbf9e;
   --basecolors-frame-subdued:#2d2e3e;
   --basecolors-frame-tint:#141527;
   --basecolors-shape-accent:#e5e5e9;
-  --basecolors-shape-bicycle-contrast:#4db295;
-  --basecolors-shape-bicycle-default:#4db295;
+  --basecolors-shape-bicycle-contrast:#4db2a1;
+  --basecolors-shape-bicycle-default:#4db2a1;
   --basecolors-shape-bus-contrast:#ef7398;
   --basecolors-shape-bus-default:#ef7398;
   --basecolors-shape-cableway-contrast:#b898e5;
@@ -89,14 +95,14 @@
   --basecolors-shape-funicular-default:#b898e5;
   --basecolors-shape-helicopter-contrast:#f2b8e5;
   --basecolors-shape-helicopter-default:#f2b8e5;
-  --basecolors-shape-highlight:#ff9494;
+  --basecolors-shape-highlight:#ff5959;
   --basecolors-shape-light:#e5e5e9;
   --basecolors-shape-mask:#2d2e3e;
   --basecolors-shape-maskalt:#393a49;
   --basecolors-shape-metro-contrast:#dd973c;
   --basecolors-shape-metro-default:#dd973c;
-  --basecolors-shape-mobility-contrast:#4db295;
-  --basecolors-shape-mobility-default:#4db295;
+  --basecolors-shape-mobility-contrast:#4db2a1;
+  --basecolors-shape-mobility-default:#4db2a1;
   --basecolors-shape-plane-contrast:#f2b8e5;
   --basecolors-shape-plane-default:#f2b8e5;
   --basecolors-shape-subdued:#b3b4bd;
@@ -118,14 +124,16 @@
   --basecolors-stroke-disabled:#e3e6e8;
   --basecolors-stroke-focus-contrast:#aeb7e2;
   --basecolors-stroke-focus-standard:#aeb7e2;
-  --basecolors-stroke-highlight:#ff9494;
+  --basecolors-stroke-highlight:#ff5959;
+  --basecolors-stroke-highlight2:#ffbf9e;
   --basecolors-stroke-light:#b3b4bd;
   --basecolors-stroke-subdued:#81828f;
   --basecolors-stroke-subduedalt:#949699;
   --basecolors-text-accent:#e5e5e9;
   --basecolors-text-disabled:#b6b8ba;
   --basecolors-text-disabledalt:#b6b8ba;
-  --basecolors-text-highlight:#ff9494;
+  --basecolors-text-highlight:#ff5959;
+  --basecolors-text-highlightalt:#ffbf9e;
   --basecolors-text-light:#e5e5e9;
   --basecolors-text-subdued:#b3b4bd;
   --basecolors-text-subduedalt:#b3b4bd;
@@ -182,7 +190,7 @@
 }
 
 @font-face{
-  font-family:"Nationale";
+  font-family:Nationale;
   src:url("./fonts/Entur-Nationale-Light.eot");
   src:url("./fonts/Entur-Nationale-Light.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-Light.woff2") format("woff2"), url("./fonts/Entur-Nationale-Light.woff") format("woff");
   font-weight:300;
@@ -190,7 +198,7 @@
   font-display:swap;
 }
 @font-face{
-  font-family:"Nationale";
+  font-family:Nationale;
   src:url("./fonts/Entur-Nationale-LightItalic.eot");
   src:url("./fonts/Entur-Nationale-LightItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-LightItalic.woff2") format("woff2"), url("./fonts/Entur-Nationale-LightItalic.woff") format("woff");
   font-weight:300;
@@ -198,7 +206,7 @@
   font-display:swap;
 }
 @font-face{
-  font-family:"Nationale";
+  font-family:Nationale;
   src:url("./fonts/Entur-Nationale-Regular.eot");
   src:url("./fonts/Entur-Nationale-Regular.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-Regular.woff2") format("woff2"), url("./fonts/Entur-Nationale-Regular.woff") format("woff");
   font-weight:400;
@@ -206,7 +214,7 @@
   font-display:swap;
 }
 @font-face{
-  font-family:"Nationale";
+  font-family:Nationale;
   src:url("./fonts/Entur-Nationale-Italic.eot");
   src:url("./fonts/Entur-Nationale-Italic.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-Italic.woff2") format("woff2"), url("./fonts/Entur-Nationale-Italic.woff") format("woff");
   font-weight:400;
@@ -214,7 +222,7 @@
   font-display:swap;
 }
 @font-face{
-  font-family:"Nationale";
+  font-family:Nationale;
   src:url("./fonts/Entur-Nationale-Medium.eot");
   src:url("./fonts/Entur-Nationale-Medium.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-Medium.woff2") format("woff2"), url("./fonts/Entur-Nationale-Medium.woff") format("woff");
   font-weight:500;
@@ -222,7 +230,7 @@
   font-display:swap;
 }
 @font-face{
-  font-family:"Nationale";
+  font-family:Nationale;
   src:url("./fonts/Entur-Nationale-MediumItalic.eot");
   src:url("./fonts/Entur-Nationale-MediumItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-MediumItalic.woff2") format("woff2"), url("./fonts/Entur-Nationale-MediumItalic.woff") format("woff");
   font-weight:500;
@@ -230,7 +238,7 @@
   font-display:swap;
 }
 @font-face{
-  font-family:"Nationale";
+  font-family:Nationale;
   src:url("./fonts/Entur-Nationale-Demibold.eot");
   src:url("./fonts/Entur-Nationale-Demibold.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-Demibold.woff2") format("woff2"), url("./fonts/Entur-Nationale-Demibold.woff") format("woff");
   font-weight:600;
@@ -238,7 +246,7 @@
   font-display:swap;
 }
 @font-face{
-  font-family:"Nationale";
+  font-family:Nationale;
   src:url("./fonts/Entur-Nationale-DemiboldItalic.eot");
   src:url("./fonts/Entur-Nationale-DemiboldItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-DemiboldItalic.woff2") format("woff2"), url("./fonts/Entur-Nationale-DemiboldItalic.woff") format("woff");
   font-weight:600;
@@ -425,7 +433,7 @@
   --primary-background-color:var(--basecolors-frame-default);
   --primary-text-color:var(--components-typography-basetext-standard-text-accent);
   --primary-label-color:var(--components-typography-label-standard-text-accent);
-  --eds-font-family:"Nationale", Arial, "Gotham Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  --eds-font-family:"Nationale", arial, "Gotham Rounded", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif;
   -webkit-box-sizing:border-box;
      -moz-box-sizing:border-box;
           box-sizing:border-box;
@@ -433,7 +441,7 @@
   color:var(--primary-text-color);
   background-color:#ffffff;
   background-color:var(--primary-background-color);
-  font-family:"Nationale", Arial, "Gotham Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-family:Nationale, Arial, "Gotham Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   font-weight:500;
   font-size:1rem;
   line-height:1.375rem;
@@ -732,7 +740,7 @@ p .eds-link--ext-icon{
           border-radius:0.25rem;
   color:#181c56;
   color:var(--components-typography-codetext-standard-text);
-  font-family:"Monaco", monospace;
+  font-family:Monaco, monospace;
   font-size:0.875rem;
 }
 

package/dist/typography.cjs.js

@@ -386,10 +386,7 @@ const SubParagraph = ({
     }
   );
 };
-const UnorderedList = ({
-  className,
-  ...rest
-}) => /* @__PURE__ */ jsxRuntime.jsx("ul", { className: classNames("eds-unordered-list", className), ...rest });
+const UnorderedList = ({ className, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx("ul", { className: classNames("eds-unordered-list", className), ...rest });
 utils.warnAboutMissingStyles("typography");
 exports.Blockquote = Blockquote;
 exports.BlockquoteFooter = BlockquoteFooter;

package/dist/typography.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.cjs.js","sources":["../src/Blockquote.tsx","../src/CodeText.tsx","../src/EmphasizedText.tsx","../src/BaseHeading.tsx","../src/Heading1.tsx","../src/Heading2.tsx","../src/Heading3.tsx","../src/Heading4.tsx","../src/Heading5.tsx","../src/Heading6.tsx","../src/Label.tsx","../src/LeadParagraph.tsx","../src/Link.tsx","../src/StrongText.tsx","../src/ListItem.tsx","../src/NumberedList.tsx","../src/Paragraph.tsx","../src/PreformattedText.tsx","../src/SmallText.tsx","../src/SubLabel.tsx","../src/SubParagraph.tsx","../src/UnorderedList.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\n\nexport type BlockquoteProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n} & React.DetailedHTMLProps<\n  React.BlockquoteHTMLAttributes<HTMLElement>,\n  HTMLQuoteElement\n>;\n\nexport const Blockquote = ({ className, ref, ...rest }: BlockquoteProps) => {\n  return (\n    <blockquote\n      className={classNames('eds-blockquote', className)}\n      ref={ref}\n      {...rest}\n    />\n  );\n};\n\nexport type BlockquoteFooterProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;\n\nexport const BlockquoteFooter: React.FunctionComponent<\n  BlockquoteFooterProps\n> = ({ className, ...rest }) => {\n  return (\n    <footer\n      className={classNames('eds-blockquote__footer', className)}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type CodeTextOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"code\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n};\n\nexport type CodeTextProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, CodeTextOwnProps>;\n\nconst defaultElement = 'code';\n\nexport const CodeText = <E extends React.ElementType = typeof defaultElement>({\n  className,\n  as,\n  ...rest\n}: CodeTextProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element className={classNames('eds-code-text', className)} {...rest} />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type EmphasizedTextOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"em\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type EmphasizedTextProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, EmphasizedTextOwnProps>;\n\nconst defaultElement = 'em';\n\nexport const EmphasizedText = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  className,\n  margin = 'both',\n  as,\n  ...rest\n}: EmphasizedTextProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-emphasized-text',\n        {\n          [`eds-emphasized-text--margin-top`]: margin === 'top',\n          [`eds-emphasized-text--margin-bottom`]: margin === 'bottom',\n          [`eds-emphasized-text--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\ntype BaseHeadingOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres */\n  as: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer */\n  margin: 'top' | 'bottom' | 'both' | 'none';\n  /** Nivået på overskriften  */\n  level: 1 | 2 | 3 | 4 | 5 | 6;\n};\nconst defaultElement = 'h1';\n\nexport type BaseHeadingProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, BaseHeadingOwnProps>;\n\nexport const BaseHeading = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  className,\n  level,\n  margin,\n  as,\n  ...rest\n}: BaseHeadingProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const baseClass = `eds-h${level}`;\n  return (\n    <Element\n      className={classNames(\n        baseClass,\n        {\n          [`${baseClass}--margin-top`]: margin === 'top',\n          [`${baseClass}--margin-bottom`]: margin === 'bottom',\n          [`${baseClass}--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport { BaseHeading } from './BaseHeading';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type Heading1OwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"h1\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nconst defaultElement = 'h1';\n\nexport type Heading1Props<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, Heading1OwnProps>;\n\nexport const Heading1 = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: Heading1Props<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseHeading as={Element} margin={margin} {...rest} level={1}>\n      {children}\n    </BaseHeading>\n  );\n};\n","import React from 'react';\nimport { BaseHeading } from './BaseHeading';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type Heading2OwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"h2\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type Heading2Props<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, Heading2OwnProps>;\n\nconst defaultElement = 'h2';\n\nexport const Heading2 = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: Heading2Props<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseHeading as={Element} margin={margin} {...rest} level={2}>\n      {children}\n    </BaseHeading>\n  );\n};\n","import React from 'react';\nimport { BaseHeading } from './BaseHeading';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type Heading3OwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"h3\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type Heading3Props<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, Heading3OwnProps>;\n\nconst defaultElement = 'h3';\n\nexport const Heading3 = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: Heading3Props<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseHeading as={Element} margin={margin} {...rest} level={3}>\n      {children}\n    </BaseHeading>\n  );\n};\n","import React from 'react';\nimport { BaseHeading } from './BaseHeading';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type Heading4OwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"h4\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type Heading4Props<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, Heading4OwnProps>;\n\nconst defaultElement = 'h4';\nexport const Heading4 = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: Heading4Props<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseHeading as={Element} margin={margin} {...rest} level={4}>\n      {children}\n    </BaseHeading>\n  );\n};\n","import React from 'react';\nimport { BaseHeading } from './BaseHeading';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type Heading5OwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"h5\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type Heading5Props<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, Heading5OwnProps>;\n\nconst defaultElement = 'h5';\n\nexport const Heading5 = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: Heading5Props<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseHeading as={Element} margin={margin} {...rest} level={5}>\n      {children}\n    </BaseHeading>\n  );\n};\n","import React from 'react';\nimport { BaseHeading } from './BaseHeading';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type Heading6OwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"h6\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type Heading6Props<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, Heading6OwnProps>;\n\nconst defaultElement = 'h6';\n\nexport const Heading6 = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: Heading6Props<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseHeading as={Element} margin={margin} {...rest} level={6}>\n      {children}\n    </BaseHeading>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type LabelOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"label\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type LabelProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, LabelOwnProps>;\n\nconst defaultElement = 'label';\n\nexport const Label = <E extends React.ElementType = typeof defaultElement>({\n  className,\n  margin = 'both',\n  as,\n  ...rest\n}: LabelProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-label',\n        {\n          [`eds-label--margin-top`]: margin === 'top',\n          [`eds-label--margin-bottom`]: margin === 'bottom',\n          [`eds-label--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type LeadParagraphOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"p\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type LeadParagraphProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, LeadParagraphOwnProps>;\n\nconst defaultElement = 'p';\n\nexport const LeadParagraph = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  className,\n  margin = 'both',\n  as,\n  ...rest\n}: LeadParagraphProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-lead-paragraph',\n        {\n          [`eds-lead-paragraph--margin-top`]: margin === 'top',\n          [`eds-lead-paragraph--margin-bottom`]: margin === 'bottom',\n          [`eds-lead-paragraph--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport { ExternalIcon } from '@entur/icons';\n\nexport type LinkOwnProps = {\n  external?: boolean;\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"a\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n  ariaLabelExternalIcon?: string;\n};\n\nexport type LinkProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, LinkOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const Link = <E extends React.ElementType = typeof defaultElement>({\n  external = false,\n  ariaLabelExternalIcon = '(ekstern lenke)',\n  className,\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: LinkProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-link',\n        {\n          [`eds-link--margin-top`]: margin === 'top',\n          [`eds-link--margin-bottom`]: margin === 'bottom',\n          [`eds-link--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n      {external ? (\n        <ExternalIcon\n          className=\"eds-link--ext-icon\"\n          aria-label={ariaLabelExternalIcon}\n        />\n      ) : (\n        <></>\n      )}\n    </Element>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type StrongTextOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"strong\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type StrongTextProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, StrongTextOwnProps>;\n\nconst defaultElement = 'strong';\n\nexport const StrongText = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  className,\n  margin = 'both',\n  as,\n  ...rest\n}: StrongTextProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-strong-text',\n        {\n          [`eds-strong-text--margin-top`]: margin === 'top',\n          [`eds-strong-text--margin-bottom`]: margin === 'bottom',\n          [`eds-strong-text--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { StrongText } from './StrongText';\n\nexport type ListItemProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Tittel */\n  title?: React.ReactNode;\n  [key: string]: any;\n};\n\nexport const ListItem: React.FC<ListItemProps> = ({\n  children,\n  className,\n  title,\n  ...rest\n}) => (\n  <li className={classNames('eds-list-item', className)} {...rest}>\n    {title && <StrongText className=\"eds-list-item__title\">{title}</StrongText>}\n    {children}\n  </li>\n);\n","import React from 'react';\nimport classNames from 'classnames';\n\nexport type NumberedListProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n} & React.OlHTMLAttributes<HTMLOListElement>;\n\nexport const NumberedList: React.FC<NumberedListProps> = ({\n  className,\n  type = '1',\n  ...rest\n}) => (\n  <ol\n    className={classNames(\n      'eds-numbered-list',\n      { [`eds-numbered-list--type-${type}`]: type },\n      className,\n    )}\n    type={type}\n    {...rest}\n  />\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type ParagraphOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"p\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"bottom\"\n   */\n  margin?: 'bottom' | 'none';\n};\n\nexport type ParagraphProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, ParagraphOwnProps>;\n\nconst defaultElement = 'p';\n\nexport const Paragraph = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'bottom',\n  className,\n  as,\n  ...rest\n}: ParagraphProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-paragraph',\n        {\n          'eds-paragraph--margin-bottom': margin === 'bottom',\n          'eds-paragraph--margin-none': margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type PreformattedTextOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"pre\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n};\n\nexport type PreformattedTextProps<T extends React.ElementType> =\n  PolymorphicComponentProps<T, PreformattedTextOwnProps>;\n\nconst defaultElement = 'pre';\n\nexport const PreformattedText = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  className,\n  as,\n  ...rest\n}: PreformattedTextProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames('eds-preformatted-text', className)}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type SmallTextOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"span\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type SmallTextProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, SmallTextOwnProps>;\nconst defaultElement = 'span';\n\nexport const SmallText = <E extends React.ElementType = typeof defaultElement>({\n  className,\n  margin = 'both',\n  as,\n  ...rest\n}: SmallTextProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-small-text',\n        {\n          [`eds-small-text--margin-top`]: margin === 'top',\n          [`eds-small-text--margin-bottom`]: margin === 'bottom',\n          [`eds-small-text--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type SubLabelOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"span\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type SubLabelProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, SubLabelOwnProps>;\n\nconst defaultElement = 'span';\n\nexport const SubLabel = <E extends React.ElementType = typeof defaultElement>({\n  className,\n  margin = 'both',\n  as,\n  ...rest\n}: SubLabelProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-sub-label',\n        {\n          [`eds-sub-label--margin-top`]: margin === 'top',\n          [`eds-sub-label--margin-bottom`]: margin === 'bottom',\n          [`eds-sub-label--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type SubParagraphOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"p\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type SubParagraphProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, SubParagraphOwnProps>;\n\nconst defaultElement = 'p';\n\nexport const SubParagraph = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  className,\n  margin,\n  as,\n  ...rest\n}: SubParagraphProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-sub-paragraph',\n        {\n          [`eds-sub-paragraph--margin-top`]: margin === 'top',\n          [`eds-sub-paragraph--margin-bottom`]: margin === 'bottom',\n          [`eds-sub-paragraph--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\n\nexport type UnorderedListProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n} & React.DetailedHTMLProps<\n  React.HTMLAttributes<HTMLUListElement>,\n  HTMLUListElement\n>;\n\nexport const UnorderedList: React.FC<UnorderedListProps> = ({\n  className,\n  ...rest\n}) => <ul className={classNames('eds-unordered-list', className)} {...rest} />;\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('typography');\n\nexport * from './Blockquote';\nexport * from './CodeText';\nexport * from './EmphasizedText';\nexport * from './Heading1';\nexport * from './Heading2';\nexport * from './Heading3';\nexport * from './Heading4';\nexport * from './Heading5';\nexport * from './Heading6';\nexport * from './Label';\nexport * from './LeadParagraph';\nexport * from './Link';\nexport * from './ListItem';\nexport * from './NumberedList';\nexport * from './Paragraph';\nexport * from './PreformattedText';\nexport * from './SmallText';\nexport * from './StrongText';\nexport * from './SubLabel';\nexport * from './SubParagraph';\nexport * from './UnorderedList';\n"],"names":["jsx","defaultElement","jsxs","ExternalIcon","Fragment","warnAboutMissingStyles"],"mappings":"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"}
+{"version":3,"file":"typography.cjs.js","sources":["../src/Blockquote.tsx","../src/CodeText.tsx","../src/EmphasizedText.tsx","../src/BaseHeading.tsx","../src/Heading1.tsx","../src/Heading2.tsx","../src/Heading3.tsx","../src/Heading4.tsx","../src/Heading5.tsx","../src/Heading6.tsx","../src/Label.tsx","../src/LeadParagraph.tsx","../src/Link.tsx","../src/StrongText.tsx","../src/ListItem.tsx","../src/NumberedList.tsx","../src/Paragraph.tsx","../src/PreformattedText.tsx","../src/SmallText.tsx","../src/SubLabel.tsx","../src/SubParagraph.tsx","../src/UnorderedList.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\n\nexport type BlockquoteProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n} & React.DetailedHTMLProps<\n  React.BlockquoteHTMLAttributes<HTMLElement>,\n  HTMLQuoteElement\n>;\n\nexport const Blockquote = ({ className, ref, ...rest }: BlockquoteProps) => {\n  return (\n    <blockquote\n      className={classNames('eds-blockquote', className)}\n      ref={ref}\n      {...rest}\n    />\n  );\n};\n\nexport type BlockquoteFooterProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;\n\nexport const BlockquoteFooter: React.FunctionComponent<\n  BlockquoteFooterProps\n> = ({ className, ...rest }) => {\n  return (\n    <footer\n      className={classNames('eds-blockquote__footer', className)}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type CodeTextOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"code\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n};\n\nexport type CodeTextProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, CodeTextOwnProps>;\n\nconst defaultElement = 'code';\n\nexport const CodeText = <E extends React.ElementType = typeof defaultElement>({\n  className,\n  as,\n  ...rest\n}: CodeTextProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element className={classNames('eds-code-text', className)} {...rest} />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type EmphasizedTextOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"em\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type EmphasizedTextProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, EmphasizedTextOwnProps>;\n\nconst defaultElement = 'em';\n\nexport const EmphasizedText = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  className,\n  margin = 'both',\n  as,\n  ...rest\n}: EmphasizedTextProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-emphasized-text',\n        {\n          [`eds-emphasized-text--margin-top`]: margin === 'top',\n          [`eds-emphasized-text--margin-bottom`]: margin === 'bottom',\n          [`eds-emphasized-text--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\ntype BaseHeadingOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres */\n  as: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer */\n  margin: 'top' | 'bottom' | 'both' | 'none';\n  /** Nivået på overskriften  */\n  level: 1 | 2 | 3 | 4 | 5 | 6;\n};\nconst defaultElement = 'h1';\n\nexport type BaseHeadingProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, BaseHeadingOwnProps>;\n\nexport const BaseHeading = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  className,\n  level,\n  margin,\n  as,\n  ...rest\n}: BaseHeadingProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const baseClass = `eds-h${level}`;\n  return (\n    <Element\n      className={classNames(\n        baseClass,\n        {\n          [`${baseClass}--margin-top`]: margin === 'top',\n          [`${baseClass}--margin-bottom`]: margin === 'bottom',\n          [`${baseClass}--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport { BaseHeading } from './BaseHeading';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type Heading1OwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"h1\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nconst defaultElement = 'h1';\n\nexport type Heading1Props<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, Heading1OwnProps>;\n\nexport const Heading1 = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: Heading1Props<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseHeading as={Element} margin={margin} {...rest} level={1}>\n      {children}\n    </BaseHeading>\n  );\n};\n","import React from 'react';\nimport { BaseHeading } from './BaseHeading';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type Heading2OwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"h2\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type Heading2Props<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, Heading2OwnProps>;\n\nconst defaultElement = 'h2';\n\nexport const Heading2 = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: Heading2Props<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseHeading as={Element} margin={margin} {...rest} level={2}>\n      {children}\n    </BaseHeading>\n  );\n};\n","import React from 'react';\nimport { BaseHeading } from './BaseHeading';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type Heading3OwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"h3\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type Heading3Props<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, Heading3OwnProps>;\n\nconst defaultElement = 'h3';\n\nexport const Heading3 = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: Heading3Props<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseHeading as={Element} margin={margin} {...rest} level={3}>\n      {children}\n    </BaseHeading>\n  );\n};\n","import React from 'react';\nimport { BaseHeading } from './BaseHeading';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type Heading4OwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"h4\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type Heading4Props<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, Heading4OwnProps>;\n\nconst defaultElement = 'h4';\nexport const Heading4 = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: Heading4Props<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseHeading as={Element} margin={margin} {...rest} level={4}>\n      {children}\n    </BaseHeading>\n  );\n};\n","import React from 'react';\nimport { BaseHeading } from './BaseHeading';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type Heading5OwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"h5\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type Heading5Props<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, Heading5OwnProps>;\n\nconst defaultElement = 'h5';\n\nexport const Heading5 = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: Heading5Props<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseHeading as={Element} margin={margin} {...rest} level={5}>\n      {children}\n    </BaseHeading>\n  );\n};\n","import React from 'react';\nimport { BaseHeading } from './BaseHeading';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type Heading6OwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"h6\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type Heading6Props<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, Heading6OwnProps>;\n\nconst defaultElement = 'h6';\n\nexport const Heading6 = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: Heading6Props<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseHeading as={Element} margin={margin} {...rest} level={6}>\n      {children}\n    </BaseHeading>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type LabelOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"label\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type LabelProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, LabelOwnProps>;\n\nconst defaultElement = 'label';\n\nexport const Label = <E extends React.ElementType = typeof defaultElement>({\n  className,\n  margin = 'both',\n  as,\n  ...rest\n}: LabelProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-label',\n        {\n          [`eds-label--margin-top`]: margin === 'top',\n          [`eds-label--margin-bottom`]: margin === 'bottom',\n          [`eds-label--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type LeadParagraphOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"p\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type LeadParagraphProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, LeadParagraphOwnProps>;\n\nconst defaultElement = 'p';\n\nexport const LeadParagraph = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  className,\n  margin = 'both',\n  as,\n  ...rest\n}: LeadParagraphProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-lead-paragraph',\n        {\n          [`eds-lead-paragraph--margin-top`]: margin === 'top',\n          [`eds-lead-paragraph--margin-bottom`]: margin === 'bottom',\n          [`eds-lead-paragraph--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport { ExternalIcon } from '@entur/icons';\n\nexport type LinkOwnProps = {\n  external?: boolean;\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"a\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n  ariaLabelExternalIcon?: string;\n};\n\nexport type LinkProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, LinkOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const Link = <E extends React.ElementType = typeof defaultElement>({\n  external = false,\n  ariaLabelExternalIcon = '(ekstern lenke)',\n  className,\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: LinkProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-link',\n        {\n          [`eds-link--margin-top`]: margin === 'top',\n          [`eds-link--margin-bottom`]: margin === 'bottom',\n          [`eds-link--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n      {external ? (\n        <ExternalIcon\n          className=\"eds-link--ext-icon\"\n          aria-label={ariaLabelExternalIcon}\n        />\n      ) : (\n        <></>\n      )}\n    </Element>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type StrongTextOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"strong\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type StrongTextProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, StrongTextOwnProps>;\n\nconst defaultElement = 'strong';\n\nexport const StrongText = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  className,\n  margin = 'both',\n  as,\n  ...rest\n}: StrongTextProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-strong-text',\n        {\n          [`eds-strong-text--margin-top`]: margin === 'top',\n          [`eds-strong-text--margin-bottom`]: margin === 'bottom',\n          [`eds-strong-text--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { StrongText } from './StrongText';\n\nexport type ListItemProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Tittel */\n  title?: React.ReactNode;\n  [key: string]: any;\n};\n\nexport const ListItem = ({\n  children,\n  className,\n  title,\n  ...rest\n}: ListItemProps) => (\n  <li className={classNames('eds-list-item', className)} {...rest}>\n    {title && <StrongText className=\"eds-list-item__title\">{title}</StrongText>}\n    {children}\n  </li>\n);\n","import React from 'react';\nimport classNames from 'classnames';\n\nexport type NumberedListProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n} & React.OlHTMLAttributes<HTMLOListElement>;\n\nexport const NumberedList = ({\n  className,\n  type = '1',\n  ...rest\n}: NumberedListProps) => (\n  <ol\n    className={classNames(\n      'eds-numbered-list',\n      { [`eds-numbered-list--type-${type}`]: type },\n      className,\n    )}\n    type={type}\n    {...rest}\n  />\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type ParagraphOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"p\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"bottom\"\n   */\n  margin?: 'bottom' | 'none';\n};\n\nexport type ParagraphProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, ParagraphOwnProps>;\n\nconst defaultElement = 'p';\n\nexport const Paragraph = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'bottom',\n  className,\n  as,\n  ...rest\n}: ParagraphProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-paragraph',\n        {\n          'eds-paragraph--margin-bottom': margin === 'bottom',\n          'eds-paragraph--margin-none': margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type PreformattedTextOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"pre\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n};\n\nexport type PreformattedTextProps<T extends React.ElementType> =\n  PolymorphicComponentProps<T, PreformattedTextOwnProps>;\n\nconst defaultElement = 'pre';\n\nexport const PreformattedText = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  className,\n  as,\n  ...rest\n}: PreformattedTextProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames('eds-preformatted-text', className)}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type SmallTextOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"span\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type SmallTextProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, SmallTextOwnProps>;\nconst defaultElement = 'span';\n\nexport const SmallText = <E extends React.ElementType = typeof defaultElement>({\n  className,\n  margin = 'both',\n  as,\n  ...rest\n}: SmallTextProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-small-text',\n        {\n          [`eds-small-text--margin-top`]: margin === 'top',\n          [`eds-small-text--margin-bottom`]: margin === 'bottom',\n          [`eds-small-text--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type SubLabelOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"span\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type SubLabelProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, SubLabelOwnProps>;\n\nconst defaultElement = 'span';\n\nexport const SubLabel = <E extends React.ElementType = typeof defaultElement>({\n  className,\n  margin = 'both',\n  as,\n  ...rest\n}: SubLabelProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-sub-label',\n        {\n          [`eds-sub-label--margin-top`]: margin === 'top',\n          [`eds-sub-label--margin-bottom`]: margin === 'bottom',\n          [`eds-sub-label--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type SubParagraphOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"p\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type SubParagraphProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, SubParagraphOwnProps>;\n\nconst defaultElement = 'p';\n\nexport const SubParagraph = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  className,\n  margin,\n  as,\n  ...rest\n}: SubParagraphProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-sub-paragraph',\n        {\n          [`eds-sub-paragraph--margin-top`]: margin === 'top',\n          [`eds-sub-paragraph--margin-bottom`]: margin === 'bottom',\n          [`eds-sub-paragraph--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\n\nexport type UnorderedListProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n} & React.DetailedHTMLProps<\n  React.HTMLAttributes<HTMLUListElement>,\n  HTMLUListElement\n>;\n\nexport const UnorderedList = ({ className, ...rest }: UnorderedListProps) => (\n  <ul className={classNames('eds-unordered-list', className)} {...rest} />\n);\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('typography');\n\nexport * from './Blockquote';\nexport * from './CodeText';\nexport * from './EmphasizedText';\nexport * from './Heading1';\nexport * from './Heading2';\nexport * from './Heading3';\nexport * from './Heading4';\nexport * from './Heading5';\nexport * from './Heading6';\nexport * from './Label';\nexport * from './LeadParagraph';\nexport * from './Link';\nexport * from './ListItem';\nexport * from './NumberedList';\nexport * from './Paragraph';\nexport * from './PreformattedText';\nexport * from './SmallText';\nexport * from './StrongText';\nexport * from './SubLabel';\nexport * from './SubParagraph';\nexport * from './UnorderedList';\n"],"names":["jsx","defaultElement","jsxs","ExternalIcon","Fragment","warnAboutMissingStyles"],"mappings":"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"}

package/dist/typography.esm.js

@@ -384,10 +384,7 @@ const SubParagraph = ({
     }
   );
 };
-const UnorderedList = ({
-  className,
-  ...rest
-}) => /* @__PURE__ */ jsx("ul", { className: classNames("eds-unordered-list", className), ...rest });
+const UnorderedList = ({ className, ...rest }) => /* @__PURE__ */ jsx("ul", { className: classNames("eds-unordered-list", className), ...rest });
 warnAboutMissingStyles("typography");
 export {
   Blockquote,

package/dist/typography.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.esm.js","sources":["../src/Blockquote.tsx","../src/CodeText.tsx","../src/EmphasizedText.tsx","../src/BaseHeading.tsx","../src/Heading1.tsx","../src/Heading2.tsx","../src/Heading3.tsx","../src/Heading4.tsx","../src/Heading5.tsx","../src/Heading6.tsx","../src/Label.tsx","../src/LeadParagraph.tsx","../src/Link.tsx","../src/StrongText.tsx","../src/ListItem.tsx","../src/NumberedList.tsx","../src/Paragraph.tsx","../src/PreformattedText.tsx","../src/SmallText.tsx","../src/SubLabel.tsx","../src/SubParagraph.tsx","../src/UnorderedList.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\n\nexport type BlockquoteProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n} & React.DetailedHTMLProps<\n  React.BlockquoteHTMLAttributes<HTMLElement>,\n  HTMLQuoteElement\n>;\n\nexport const Blockquote = ({ className, ref, ...rest }: BlockquoteProps) => {\n  return (\n    <blockquote\n      className={classNames('eds-blockquote', className)}\n      ref={ref}\n      {...rest}\n    />\n  );\n};\n\nexport type BlockquoteFooterProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;\n\nexport const BlockquoteFooter: React.FunctionComponent<\n  BlockquoteFooterProps\n> = ({ className, ...rest }) => {\n  return (\n    <footer\n      className={classNames('eds-blockquote__footer', className)}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type CodeTextOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"code\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n};\n\nexport type CodeTextProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, CodeTextOwnProps>;\n\nconst defaultElement = 'code';\n\nexport const CodeText = <E extends React.ElementType = typeof defaultElement>({\n  className,\n  as,\n  ...rest\n}: CodeTextProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element className={classNames('eds-code-text', className)} {...rest} />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type EmphasizedTextOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"em\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type EmphasizedTextProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, EmphasizedTextOwnProps>;\n\nconst defaultElement = 'em';\n\nexport const EmphasizedText = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  className,\n  margin = 'both',\n  as,\n  ...rest\n}: EmphasizedTextProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-emphasized-text',\n        {\n          [`eds-emphasized-text--margin-top`]: margin === 'top',\n          [`eds-emphasized-text--margin-bottom`]: margin === 'bottom',\n          [`eds-emphasized-text--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\ntype BaseHeadingOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres */\n  as: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer */\n  margin: 'top' | 'bottom' | 'both' | 'none';\n  /** Nivået på overskriften  */\n  level: 1 | 2 | 3 | 4 | 5 | 6;\n};\nconst defaultElement = 'h1';\n\nexport type BaseHeadingProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, BaseHeadingOwnProps>;\n\nexport const BaseHeading = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  className,\n  level,\n  margin,\n  as,\n  ...rest\n}: BaseHeadingProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const baseClass = `eds-h${level}`;\n  return (\n    <Element\n      className={classNames(\n        baseClass,\n        {\n          [`${baseClass}--margin-top`]: margin === 'top',\n          [`${baseClass}--margin-bottom`]: margin === 'bottom',\n          [`${baseClass}--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport { BaseHeading } from './BaseHeading';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type Heading1OwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"h1\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nconst defaultElement = 'h1';\n\nexport type Heading1Props<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, Heading1OwnProps>;\n\nexport const Heading1 = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: Heading1Props<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseHeading as={Element} margin={margin} {...rest} level={1}>\n      {children}\n    </BaseHeading>\n  );\n};\n","import React from 'react';\nimport { BaseHeading } from './BaseHeading';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type Heading2OwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"h2\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type Heading2Props<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, Heading2OwnProps>;\n\nconst defaultElement = 'h2';\n\nexport const Heading2 = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: Heading2Props<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseHeading as={Element} margin={margin} {...rest} level={2}>\n      {children}\n    </BaseHeading>\n  );\n};\n","import React from 'react';\nimport { BaseHeading } from './BaseHeading';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type Heading3OwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"h3\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type Heading3Props<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, Heading3OwnProps>;\n\nconst defaultElement = 'h3';\n\nexport const Heading3 = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: Heading3Props<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseHeading as={Element} margin={margin} {...rest} level={3}>\n      {children}\n    </BaseHeading>\n  );\n};\n","import React from 'react';\nimport { BaseHeading } from './BaseHeading';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type Heading4OwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"h4\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type Heading4Props<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, Heading4OwnProps>;\n\nconst defaultElement = 'h4';\nexport const Heading4 = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: Heading4Props<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseHeading as={Element} margin={margin} {...rest} level={4}>\n      {children}\n    </BaseHeading>\n  );\n};\n","import React from 'react';\nimport { BaseHeading } from './BaseHeading';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type Heading5OwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"h5\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type Heading5Props<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, Heading5OwnProps>;\n\nconst defaultElement = 'h5';\n\nexport const Heading5 = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: Heading5Props<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseHeading as={Element} margin={margin} {...rest} level={5}>\n      {children}\n    </BaseHeading>\n  );\n};\n","import React from 'react';\nimport { BaseHeading } from './BaseHeading';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type Heading6OwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"h6\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type Heading6Props<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, Heading6OwnProps>;\n\nconst defaultElement = 'h6';\n\nexport const Heading6 = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: Heading6Props<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseHeading as={Element} margin={margin} {...rest} level={6}>\n      {children}\n    </BaseHeading>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type LabelOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"label\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type LabelProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, LabelOwnProps>;\n\nconst defaultElement = 'label';\n\nexport const Label = <E extends React.ElementType = typeof defaultElement>({\n  className,\n  margin = 'both',\n  as,\n  ...rest\n}: LabelProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-label',\n        {\n          [`eds-label--margin-top`]: margin === 'top',\n          [`eds-label--margin-bottom`]: margin === 'bottom',\n          [`eds-label--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type LeadParagraphOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"p\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type LeadParagraphProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, LeadParagraphOwnProps>;\n\nconst defaultElement = 'p';\n\nexport const LeadParagraph = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  className,\n  margin = 'both',\n  as,\n  ...rest\n}: LeadParagraphProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-lead-paragraph',\n        {\n          [`eds-lead-paragraph--margin-top`]: margin === 'top',\n          [`eds-lead-paragraph--margin-bottom`]: margin === 'bottom',\n          [`eds-lead-paragraph--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport { ExternalIcon } from '@entur/icons';\n\nexport type LinkOwnProps = {\n  external?: boolean;\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"a\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n  ariaLabelExternalIcon?: string;\n};\n\nexport type LinkProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, LinkOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const Link = <E extends React.ElementType = typeof defaultElement>({\n  external = false,\n  ariaLabelExternalIcon = '(ekstern lenke)',\n  className,\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: LinkProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-link',\n        {\n          [`eds-link--margin-top`]: margin === 'top',\n          [`eds-link--margin-bottom`]: margin === 'bottom',\n          [`eds-link--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n      {external ? (\n        <ExternalIcon\n          className=\"eds-link--ext-icon\"\n          aria-label={ariaLabelExternalIcon}\n        />\n      ) : (\n        <></>\n      )}\n    </Element>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type StrongTextOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"strong\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type StrongTextProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, StrongTextOwnProps>;\n\nconst defaultElement = 'strong';\n\nexport const StrongText = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  className,\n  margin = 'both',\n  as,\n  ...rest\n}: StrongTextProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-strong-text',\n        {\n          [`eds-strong-text--margin-top`]: margin === 'top',\n          [`eds-strong-text--margin-bottom`]: margin === 'bottom',\n          [`eds-strong-text--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { StrongText } from './StrongText';\n\nexport type ListItemProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Tittel */\n  title?: React.ReactNode;\n  [key: string]: any;\n};\n\nexport const ListItem: React.FC<ListItemProps> = ({\n  children,\n  className,\n  title,\n  ...rest\n}) => (\n  <li className={classNames('eds-list-item', className)} {...rest}>\n    {title && <StrongText className=\"eds-list-item__title\">{title}</StrongText>}\n    {children}\n  </li>\n);\n","import React from 'react';\nimport classNames from 'classnames';\n\nexport type NumberedListProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n} & React.OlHTMLAttributes<HTMLOListElement>;\n\nexport const NumberedList: React.FC<NumberedListProps> = ({\n  className,\n  type = '1',\n  ...rest\n}) => (\n  <ol\n    className={classNames(\n      'eds-numbered-list',\n      { [`eds-numbered-list--type-${type}`]: type },\n      className,\n    )}\n    type={type}\n    {...rest}\n  />\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type ParagraphOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"p\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"bottom\"\n   */\n  margin?: 'bottom' | 'none';\n};\n\nexport type ParagraphProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, ParagraphOwnProps>;\n\nconst defaultElement = 'p';\n\nexport const Paragraph = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'bottom',\n  className,\n  as,\n  ...rest\n}: ParagraphProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-paragraph',\n        {\n          'eds-paragraph--margin-bottom': margin === 'bottom',\n          'eds-paragraph--margin-none': margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type PreformattedTextOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"pre\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n};\n\nexport type PreformattedTextProps<T extends React.ElementType> =\n  PolymorphicComponentProps<T, PreformattedTextOwnProps>;\n\nconst defaultElement = 'pre';\n\nexport const PreformattedText = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  className,\n  as,\n  ...rest\n}: PreformattedTextProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames('eds-preformatted-text', className)}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type SmallTextOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"span\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type SmallTextProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, SmallTextOwnProps>;\nconst defaultElement = 'span';\n\nexport const SmallText = <E extends React.ElementType = typeof defaultElement>({\n  className,\n  margin = 'both',\n  as,\n  ...rest\n}: SmallTextProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-small-text',\n        {\n          [`eds-small-text--margin-top`]: margin === 'top',\n          [`eds-small-text--margin-bottom`]: margin === 'bottom',\n          [`eds-small-text--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type SubLabelOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"span\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type SubLabelProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, SubLabelOwnProps>;\n\nconst defaultElement = 'span';\n\nexport const SubLabel = <E extends React.ElementType = typeof defaultElement>({\n  className,\n  margin = 'both',\n  as,\n  ...rest\n}: SubLabelProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-sub-label',\n        {\n          [`eds-sub-label--margin-top`]: margin === 'top',\n          [`eds-sub-label--margin-bottom`]: margin === 'bottom',\n          [`eds-sub-label--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type SubParagraphOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"p\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type SubParagraphProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, SubParagraphOwnProps>;\n\nconst defaultElement = 'p';\n\nexport const SubParagraph = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  className,\n  margin,\n  as,\n  ...rest\n}: SubParagraphProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-sub-paragraph',\n        {\n          [`eds-sub-paragraph--margin-top`]: margin === 'top',\n          [`eds-sub-paragraph--margin-bottom`]: margin === 'bottom',\n          [`eds-sub-paragraph--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\n\nexport type UnorderedListProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n} & React.DetailedHTMLProps<\n  React.HTMLAttributes<HTMLUListElement>,\n  HTMLUListElement\n>;\n\nexport const UnorderedList: React.FC<UnorderedListProps> = ({\n  className,\n  ...rest\n}) => <ul className={classNames('eds-unordered-list', className)} {...rest} />;\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('typography');\n\nexport * from './Blockquote';\nexport * from './CodeText';\nexport * from './EmphasizedText';\nexport * from './Heading1';\nexport * from './Heading2';\nexport * from './Heading3';\nexport * from './Heading4';\nexport * from './Heading5';\nexport * from './Heading6';\nexport * from './Label';\nexport * from './LeadParagraph';\nexport * from './Link';\nexport * from './ListItem';\nexport * from './NumberedList';\nexport * from './Paragraph';\nexport * from './PreformattedText';\nexport * from './SmallText';\nexport * from './StrongText';\nexport * from './SubLabel';\nexport * from './SubParagraph';\nexport * from './UnorderedList';\n"],"names":["defaultElement"],"mappings":"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"}
+{"version":3,"file":"typography.esm.js","sources":["../src/Blockquote.tsx","../src/CodeText.tsx","../src/EmphasizedText.tsx","../src/BaseHeading.tsx","../src/Heading1.tsx","../src/Heading2.tsx","../src/Heading3.tsx","../src/Heading4.tsx","../src/Heading5.tsx","../src/Heading6.tsx","../src/Label.tsx","../src/LeadParagraph.tsx","../src/Link.tsx","../src/StrongText.tsx","../src/ListItem.tsx","../src/NumberedList.tsx","../src/Paragraph.tsx","../src/PreformattedText.tsx","../src/SmallText.tsx","../src/SubLabel.tsx","../src/SubParagraph.tsx","../src/UnorderedList.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\n\nexport type BlockquoteProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n} & React.DetailedHTMLProps<\n  React.BlockquoteHTMLAttributes<HTMLElement>,\n  HTMLQuoteElement\n>;\n\nexport const Blockquote = ({ className, ref, ...rest }: BlockquoteProps) => {\n  return (\n    <blockquote\n      className={classNames('eds-blockquote', className)}\n      ref={ref}\n      {...rest}\n    />\n  );\n};\n\nexport type BlockquoteFooterProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;\n\nexport const BlockquoteFooter: React.FunctionComponent<\n  BlockquoteFooterProps\n> = ({ className, ...rest }) => {\n  return (\n    <footer\n      className={classNames('eds-blockquote__footer', className)}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type CodeTextOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"code\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n};\n\nexport type CodeTextProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, CodeTextOwnProps>;\n\nconst defaultElement = 'code';\n\nexport const CodeText = <E extends React.ElementType = typeof defaultElement>({\n  className,\n  as,\n  ...rest\n}: CodeTextProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element className={classNames('eds-code-text', className)} {...rest} />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type EmphasizedTextOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"em\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type EmphasizedTextProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, EmphasizedTextOwnProps>;\n\nconst defaultElement = 'em';\n\nexport const EmphasizedText = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  className,\n  margin = 'both',\n  as,\n  ...rest\n}: EmphasizedTextProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-emphasized-text',\n        {\n          [`eds-emphasized-text--margin-top`]: margin === 'top',\n          [`eds-emphasized-text--margin-bottom`]: margin === 'bottom',\n          [`eds-emphasized-text--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\ntype BaseHeadingOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres */\n  as: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer */\n  margin: 'top' | 'bottom' | 'both' | 'none';\n  /** Nivået på overskriften  */\n  level: 1 | 2 | 3 | 4 | 5 | 6;\n};\nconst defaultElement = 'h1';\n\nexport type BaseHeadingProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, BaseHeadingOwnProps>;\n\nexport const BaseHeading = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  className,\n  level,\n  margin,\n  as,\n  ...rest\n}: BaseHeadingProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  const baseClass = `eds-h${level}`;\n  return (\n    <Element\n      className={classNames(\n        baseClass,\n        {\n          [`${baseClass}--margin-top`]: margin === 'top',\n          [`${baseClass}--margin-bottom`]: margin === 'bottom',\n          [`${baseClass}--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport { BaseHeading } from './BaseHeading';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type Heading1OwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"h1\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nconst defaultElement = 'h1';\n\nexport type Heading1Props<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, Heading1OwnProps>;\n\nexport const Heading1 = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: Heading1Props<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseHeading as={Element} margin={margin} {...rest} level={1}>\n      {children}\n    </BaseHeading>\n  );\n};\n","import React from 'react';\nimport { BaseHeading } from './BaseHeading';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type Heading2OwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"h2\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type Heading2Props<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, Heading2OwnProps>;\n\nconst defaultElement = 'h2';\n\nexport const Heading2 = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: Heading2Props<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseHeading as={Element} margin={margin} {...rest} level={2}>\n      {children}\n    </BaseHeading>\n  );\n};\n","import React from 'react';\nimport { BaseHeading } from './BaseHeading';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type Heading3OwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"h3\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type Heading3Props<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, Heading3OwnProps>;\n\nconst defaultElement = 'h3';\n\nexport const Heading3 = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: Heading3Props<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseHeading as={Element} margin={margin} {...rest} level={3}>\n      {children}\n    </BaseHeading>\n  );\n};\n","import React from 'react';\nimport { BaseHeading } from './BaseHeading';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type Heading4OwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"h4\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type Heading4Props<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, Heading4OwnProps>;\n\nconst defaultElement = 'h4';\nexport const Heading4 = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: Heading4Props<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseHeading as={Element} margin={margin} {...rest} level={4}>\n      {children}\n    </BaseHeading>\n  );\n};\n","import React from 'react';\nimport { BaseHeading } from './BaseHeading';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type Heading5OwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"h5\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type Heading5Props<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, Heading5OwnProps>;\n\nconst defaultElement = 'h5';\n\nexport const Heading5 = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: Heading5Props<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseHeading as={Element} margin={margin} {...rest} level={5}>\n      {children}\n    </BaseHeading>\n  );\n};\n","import React from 'react';\nimport { BaseHeading } from './BaseHeading';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type Heading6OwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"h6\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type Heading6Props<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, Heading6OwnProps>;\n\nconst defaultElement = 'h6';\n\nexport const Heading6 = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: Heading6Props<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <BaseHeading as={Element} margin={margin} {...rest} level={6}>\n      {children}\n    </BaseHeading>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type LabelOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"label\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type LabelProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, LabelOwnProps>;\n\nconst defaultElement = 'label';\n\nexport const Label = <E extends React.ElementType = typeof defaultElement>({\n  className,\n  margin = 'both',\n  as,\n  ...rest\n}: LabelProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-label',\n        {\n          [`eds-label--margin-top`]: margin === 'top',\n          [`eds-label--margin-bottom`]: margin === 'bottom',\n          [`eds-label--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type LeadParagraphOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"p\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type LeadParagraphProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, LeadParagraphOwnProps>;\n\nconst defaultElement = 'p';\n\nexport const LeadParagraph = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  className,\n  margin = 'both',\n  as,\n  ...rest\n}: LeadParagraphProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-lead-paragraph',\n        {\n          [`eds-lead-paragraph--margin-top`]: margin === 'top',\n          [`eds-lead-paragraph--margin-bottom`]: margin === 'bottom',\n          [`eds-lead-paragraph--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\nimport { ExternalIcon } from '@entur/icons';\n\nexport type LinkOwnProps = {\n  external?: boolean;\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"a\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n  ariaLabelExternalIcon?: string;\n};\n\nexport type LinkProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, LinkOwnProps>;\n\nconst defaultElement = 'a';\n\nexport const Link = <E extends React.ElementType = typeof defaultElement>({\n  external = false,\n  ariaLabelExternalIcon = '(ekstern lenke)',\n  className,\n  margin = 'both',\n  children,\n  as,\n  ...rest\n}: LinkProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-link',\n        {\n          [`eds-link--margin-top`]: margin === 'top',\n          [`eds-link--margin-bottom`]: margin === 'bottom',\n          [`eds-link--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n      {external ? (\n        <ExternalIcon\n          className=\"eds-link--ext-icon\"\n          aria-label={ariaLabelExternalIcon}\n        />\n      ) : (\n        <></>\n      )}\n    </Element>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type StrongTextOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"strong\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type StrongTextProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, StrongTextOwnProps>;\n\nconst defaultElement = 'strong';\n\nexport const StrongText = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  className,\n  margin = 'both',\n  as,\n  ...rest\n}: StrongTextProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-strong-text',\n        {\n          [`eds-strong-text--margin-top`]: margin === 'top',\n          [`eds-strong-text--margin-bottom`]: margin === 'bottom',\n          [`eds-strong-text--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { StrongText } from './StrongText';\n\nexport type ListItemProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Tittel */\n  title?: React.ReactNode;\n  [key: string]: any;\n};\n\nexport const ListItem = ({\n  children,\n  className,\n  title,\n  ...rest\n}: ListItemProps) => (\n  <li className={classNames('eds-list-item', className)} {...rest}>\n    {title && <StrongText className=\"eds-list-item__title\">{title}</StrongText>}\n    {children}\n  </li>\n);\n","import React from 'react';\nimport classNames from 'classnames';\n\nexport type NumberedListProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n} & React.OlHTMLAttributes<HTMLOListElement>;\n\nexport const NumberedList = ({\n  className,\n  type = '1',\n  ...rest\n}: NumberedListProps) => (\n  <ol\n    className={classNames(\n      'eds-numbered-list',\n      { [`eds-numbered-list--type-${type}`]: type },\n      className,\n    )}\n    type={type}\n    {...rest}\n  />\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type ParagraphOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"p\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"bottom\"\n   */\n  margin?: 'bottom' | 'none';\n};\n\nexport type ParagraphProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, ParagraphOwnProps>;\n\nconst defaultElement = 'p';\n\nexport const Paragraph = <E extends React.ElementType = typeof defaultElement>({\n  margin = 'bottom',\n  className,\n  as,\n  ...rest\n}: ParagraphProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-paragraph',\n        {\n          'eds-paragraph--margin-bottom': margin === 'bottom',\n          'eds-paragraph--margin-none': margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type PreformattedTextOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"pre\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n};\n\nexport type PreformattedTextProps<T extends React.ElementType> =\n  PolymorphicComponentProps<T, PreformattedTextOwnProps>;\n\nconst defaultElement = 'pre';\n\nexport const PreformattedText = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  className,\n  as,\n  ...rest\n}: PreformattedTextProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames('eds-preformatted-text', className)}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type SmallTextOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"span\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type SmallTextProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, SmallTextOwnProps>;\nconst defaultElement = 'span';\n\nexport const SmallText = <E extends React.ElementType = typeof defaultElement>({\n  className,\n  margin = 'both',\n  as,\n  ...rest\n}: SmallTextProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-small-text',\n        {\n          [`eds-small-text--margin-top`]: margin === 'top',\n          [`eds-small-text--margin-bottom`]: margin === 'bottom',\n          [`eds-small-text--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type SubLabelOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"span\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type SubLabelProps<T extends React.ElementType = typeof defaultElement> =\n  PolymorphicComponentProps<T, SubLabelOwnProps>;\n\nconst defaultElement = 'span';\n\nexport const SubLabel = <E extends React.ElementType = typeof defaultElement>({\n  className,\n  margin = 'both',\n  as,\n  ...rest\n}: SubLabelProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-sub-label',\n        {\n          [`eds-sub-label--margin-top`]: margin === 'top',\n          [`eds-sub-label--margin-bottom`]: margin === 'bottom',\n          [`eds-sub-label--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nexport type SubParagraphOwnProps = {\n  /** HTML-elementet eller React-komponenten som rendres\n   * @default \"p\"\n   */\n  as?: string | React.ElementType;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n  /** Hvor du vil ha marginer\n   * @default \"both\"\n   */\n  margin?: 'top' | 'bottom' | 'both' | 'none';\n};\n\nexport type SubParagraphProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicComponentProps<T, SubParagraphOwnProps>;\n\nconst defaultElement = 'p';\n\nexport const SubParagraph = <\n  E extends React.ElementType = typeof defaultElement,\n>({\n  className,\n  margin,\n  as,\n  ...rest\n}: SubParagraphProps<E>): JSX.Element => {\n  const Element: React.ElementType = as || defaultElement;\n  return (\n    <Element\n      className={classNames(\n        'eds-sub-paragraph',\n        {\n          [`eds-sub-paragraph--margin-top`]: margin === 'top',\n          [`eds-sub-paragraph--margin-bottom`]: margin === 'bottom',\n          [`eds-sub-paragraph--margin-none`]: margin === 'none',\n        },\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\n\nexport type UnorderedListProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Innholdet */\n  children: React.ReactNode;\n} & React.DetailedHTMLProps<\n  React.HTMLAttributes<HTMLUListElement>,\n  HTMLUListElement\n>;\n\nexport const UnorderedList = ({ className, ...rest }: UnorderedListProps) => (\n  <ul className={classNames('eds-unordered-list', className)} {...rest} />\n);\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('typography');\n\nexport * from './Blockquote';\nexport * from './CodeText';\nexport * from './EmphasizedText';\nexport * from './Heading1';\nexport * from './Heading2';\nexport * from './Heading3';\nexport * from './Heading4';\nexport * from './Heading5';\nexport * from './Heading6';\nexport * from './Label';\nexport * from './LeadParagraph';\nexport * from './Link';\nexport * from './ListItem';\nexport * from './NumberedList';\nexport * from './Paragraph';\nexport * from './PreformattedText';\nexport * from './SmallText';\nexport * from './StrongText';\nexport * from './SubLabel';\nexport * from './SubParagraph';\nexport * from './UnorderedList';\n"],"names":["defaultElement"],"mappings":";;;;AAWO,MAAM,aAAa,CAAC,EAAE,WAAW,KAAK,GAAG,WAA4B;AAC1E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,kBAAkB,SAAS;AAAA,MACjD;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAOO,MAAM,mBAET,CAAC,EAAE,WAAW,GAAG,WAAW;AAC9B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,0BAA0B,SAAS;AAAA,MACxD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;ACjBA,MAAMA,mBAAiB;AAEhB,MAAM,WAAW,CAAsD;AAAA,EAC5E;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAqC;AACnC,QAAM,UAA6B,MAAMA;AACzC,SACE,oBAAC,WAAQ,WAAW,WAAW,iBAAiB,SAAS,GAAI,GAAG,MAAM;AAE1E;ACNA,MAAMA,mBAAiB;AAEhB,MAAM,iBAAiB,CAE5B;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,GAAG;AACL,MAA2C;AACzC,QAAM,UAA6B,MAAMA;AACzC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,CAAC,iCAAiC,GAAG,WAAW;AAAA,UAChD,CAAC,oCAAoC,GAAG,WAAW;AAAA,UACnD,CAAC,kCAAkC,GAAG,WAAW;AAAA,QAAA;AAAA,QAEnD;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AChCA,MAAMA,mBAAiB;AAMhB,MAAM,cAAc,CAEzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwC;AACtC,QAAM,UAA6B,MAAMA;AACzC,QAAM,YAAY,QAAQ,KAAK;AAC/B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,CAAC,GAAG,SAAS,cAAc,GAAG,WAAW;AAAA,UACzC,CAAC,GAAG,SAAS,iBAAiB,GAAG,WAAW;AAAA,UAC5C,CAAC,GAAG,SAAS,eAAe,GAAG,WAAW;AAAA,QAAA;AAAA,QAE5C;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AC5BA,MAAMA,mBAAiB;AAKhB,MAAM,WAAW,CAAsD;AAAA,EAC5E,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAqC;AACnC,QAAM,UAA6B,MAAMA;AACzC,SACE,oBAAC,eAAY,IAAI,SAAS,QAAiB,GAAG,MAAM,OAAO,GACxD,SAAA,CACH;AAEJ;ACdA,MAAMA,mBAAiB;AAEhB,MAAM,WAAW,CAAsD;AAAA,EAC5E,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAqC;AACnC,QAAM,UAA6B,MAAMA;AACzC,SACE,oBAAC,eAAY,IAAI,SAAS,QAAiB,GAAG,MAAM,OAAO,GACxD,SAAA,CACH;AAEJ;ACdA,MAAMA,mBAAiB;AAEhB,MAAM,WAAW,CAAsD;AAAA,EAC5E,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAqC;AACnC,QAAM,UAA6B,MAAMA;AACzC,SACE,oBAAC,eAAY,IAAI,SAAS,QAAiB,GAAG,MAAM,OAAO,GACxD,SAAA,CACH;AAEJ;ACdA,MAAMA,mBAAiB;AAChB,MAAM,WAAW,CAAsD;AAAA,EAC5E,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAqC;AACnC,QAAM,UAA6B,MAAMA;AACzC,SACE,oBAAC,eAAY,IAAI,SAAS,QAAiB,GAAG,MAAM,OAAO,GACxD,SAAA,CACH;AAEJ;ACbA,MAAMA,mBAAiB;AAEhB,MAAM,WAAW,CAAsD;AAAA,EAC5E,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAqC;AACnC,QAAM,UAA6B,MAAMA;AACzC,SACE,oBAAC,eAAY,IAAI,SAAS,QAAiB,GAAG,MAAM,OAAO,GACxD,SAAA,CACH;AAEJ;ACdA,MAAMA,mBAAiB;AAEhB,MAAM,WAAW,CAAsD;AAAA,EAC5E,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAqC;AACnC,QAAM,UAA6B,MAAMA;AACzC,SACE,oBAAC,eAAY,IAAI,SAAS,QAAiB,GAAG,MAAM,OAAO,GACxD,SAAA,CACH;AAEJ;ACdA,MAAMA,mBAAiB;AAEhB,MAAM,QAAQ,CAAsD;AAAA,EACzE;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,GAAG;AACL,MAAkC;AAChC,QAAM,UAA6B,MAAMA;AACzC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,CAAC,uBAAuB,GAAG,WAAW;AAAA,UACtC,CAAC,0BAA0B,GAAG,WAAW;AAAA,UACzC,CAAC,wBAAwB,GAAG,WAAW;AAAA,QAAA;AAAA,QAEzC;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;ACtBA,MAAMA,mBAAiB;AAEhB,MAAM,gBAAgB,CAE3B;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,GAAG;AACL,MAA0C;AACxC,QAAM,UAA6B,MAAMA;AACzC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,CAAC,gCAAgC,GAAG,WAAW;AAAA,UAC/C,CAAC,mCAAmC,GAAG,WAAW;AAAA,UAClD,CAAC,iCAAiC,GAAG,WAAW;AAAA,QAAA;AAAA,QAElD;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;ACvBA,MAAMA,mBAAiB;AAEhB,MAAM,OAAO,CAAsD;AAAA,EACxE,WAAW;AAAA,EACX,wBAAwB;AAAA,EACxB;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAiC;AAC/B,QAAM,UAA6B,MAAMA;AACzC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,CAAC,sBAAsB,GAAG,WAAW;AAAA,UACrC,CAAC,yBAAyB,GAAG,WAAW;AAAA,UACxC,CAAC,uBAAuB,GAAG,WAAW;AAAA,QAAA;AAAA,QAExC;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA;AAAA,QACA,WACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,cAAY;AAAA,UAAA;AAAA,QAAA,IAGd,oBAAA,UAAA,CAAA,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIV;ACtCA,MAAMA,mBAAiB;AAEhB,MAAM,aAAa,CAExB;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,GAAG;AACL,MAAuC;AACrC,QAAM,UAA6B,MAAMA;AACzC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,CAAC,6BAA6B,GAAG,WAAW;AAAA,UAC5C,CAAC,gCAAgC,GAAG,WAAW;AAAA,UAC/C,CAAC,8BAA8B,GAAG,WAAW;AAAA,QAAA;AAAA,QAE/C;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AClCO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE,qBAAC,QAAG,WAAW,WAAW,iBAAiB,SAAS,GAAI,GAAG,MACxD,UAAA;AAAA,EAAA,SAAS,oBAAC,YAAA,EAAW,WAAU,wBAAwB,UAAA,OAAM;AAAA,EAC7D;AAAA,EAAA,CACH;ACbK,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA,EAAE,CAAC,2BAA2B,IAAI,EAAE,GAAG,KAAA;AAAA,MACvC;AAAA,IAAA;AAAA,IAEF;AAAA,IACC,GAAG;AAAA,EAAA;AACN;ACAF,MAAMA,mBAAiB;AAEhB,MAAM,YAAY,CAAsD;AAAA,EAC7E,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAsC;AACpC,QAAM,UAA6B,MAAMA;AACzC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,gCAAgC,WAAW;AAAA,UAC3C,8BAA8B,WAAW;AAAA,QAAA;AAAA,QAE3C;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AC3BA,MAAMA,mBAAiB;AAEhB,MAAM,mBAAmB,CAE9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA6C;AAC3C,QAAM,UAA6B,MAAMA;AACzC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,yBAAyB,SAAS;AAAA,MACvD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;ACZA,MAAMA,mBAAiB;AAEhB,MAAM,YAAY,CAAsD;AAAA,EAC7E;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,GAAG;AACL,MAAsC;AACpC,QAAM,UAA6B,MAAMA;AACzC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,CAAC,4BAA4B,GAAG,WAAW;AAAA,UAC3C,CAAC,+BAA+B,GAAG,WAAW;AAAA,UAC9C,CAAC,6BAA6B,GAAG,WAAW;AAAA,QAAA;AAAA,QAE9C;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;ACvBA,MAAMA,mBAAiB;AAEhB,MAAM,WAAW,CAAsD;AAAA,EAC5E;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,GAAG;AACL,MAAqC;AACnC,QAAM,UAA6B,MAAMA;AACzC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,CAAC,2BAA2B,GAAG,WAAW;AAAA,UAC1C,CAAC,8BAA8B,GAAG,WAAW;AAAA,UAC7C,CAAC,4BAA4B,GAAG,WAAW;AAAA,QAAA;AAAA,QAE7C;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;ACtBA,MAAM,iBAAiB;AAEhB,MAAM,eAAe,CAE1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAyC;AACvC,QAAM,UAA6B,MAAM;AACzC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,CAAC,+BAA+B,GAAG,WAAW;AAAA,UAC9C,CAAC,kCAAkC,GAAG,WAAW;AAAA,UACjD,CAAC,gCAAgC,GAAG,WAAW;AAAA,QAAA;AAAA,QAEjD;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;ACnCO,MAAM,gBAAgB,CAAC,EAAE,WAAW,GAAG,KAAA,MAC5C,oBAAC,MAAA,EAAG,WAAW,WAAW,sBAAsB,SAAS,GAAI,GAAG,KAAA,CAAM;ACXxE,uBAAuB,YAAY;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/typography",
-  "version": "3.0.0-beta.0",
+  "version": "3.0.0-next.1",
   "license": "SEE LICENSE IN README.md",
   "main": "./dist/typography.cjs.js",
   "module": "./dist/typography.esm.js",
@@ -22,10 +22,10 @@
     "./beta/styles": "./dist/beta/styles/index.css",
     "./fonts/*": "./fonts/*",
     "./scripts/*": "./scripts/*",
-    "./package.json": "./package.json",
-    "./dist/*": "./dist/*",
+    "./dist/styles.css": "./dist/styles.css",
     "./dist/beta": null,
-    "./dist/beta/*": null
+    "./dist/beta/*": null,
+    "./package.json": "./package.json"
   },
   "sideEffects": [
     "./dist/**/*.css"
@@ -48,38 +48,36 @@
     "build:main": "vite build",
     "build:beta": "vite build --config vite.config.beta.ts",
     "test": "jest",
-    "lint": "eslint src",
     "lint:styles": "stylelint 'src/beta**/*.{css,scss}'  --ignore-path ../../.gitignore",
     "start": "vite build --watch",
     "start:beta": "vite build --config vite.config.beta.ts --watch",
     "migrate": "./scripts/migrate-typography.mjs"
   },
   "peerDependencies": {
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
   },
   "dependencies": {
-    "@entur/icons": "^8.3.0",
-    "@entur/tokens": "^3.20.0",
-    "@entur/utils": "^0.12.6-beta.0",
+    "@entur/icons": "^10.0.0-next.1",
+    "@entur/tokens": "^4.0.0-next.0",
+    "@entur/utils": "^1.0.0-next.1",
     "classnames": "^2.5.1",
     "modern-normalize": "^3.0.1"
   },
   "optionalDependencies": {
-    "glob": "^11.0.3"
+    "glob": "^13.0.4"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/react": "^10.4.9",
+    "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "14.6.1",
     "@vitejs/plugin-react": "^5.0.1",
-    "eslint": "^7.32.0",
     "jest": "^29.0.0",
     "jest-environment-jsdom": "^29.0.0",
     "ts-jest": "^29.0.0",
     "typescript": "^5.9.2",
-    "vite": "^7.1.3",
+    "vite": "^7.3.2",
     "vite-plugin-dts": "^4.5.4"
   },
-  "gitHead": "89f96eb3e2da5ec84f0a1224bc6e20021255e389"
+  "gitHead": "0696d63a328007af9797bc57b63c8e1c65ecfa5a"
 }

package/scripts/migrate-typography.mjs

@@ -76,7 +76,7 @@ async function initializeGlob() {
     glob = globModule.default || globModule;
     useGlob = true;
     console.log('📦 Using glob package for pattern matching');
-  } catch (error) {
+  } catch {
     console.log('📁 Using Node.js built-ins for file discovery');
     console.log(
       '   (Install glob for better pattern matching: npm install glob or yarn add glob)',
@@ -85,7 +85,6 @@ async function initializeGlob() {
 }
 
 // Configuration
-const OLD_IMPORT = '@entur/typography';
 const BETA_IMPORT = '@entur/typography/beta';
 
 // Enhanced warning detection patterns - only truly problematic patterns
@@ -104,14 +103,6 @@ const PROBLEMATIC_PATTERNS = {
   semanticMismatch: /<Heading[^>]*as="([^"]*)"[^>]*variant="([^"]*)"/g,
 };
 
-// Warning severity levels
-const WARNING_CATEGORIES = {
-  CRITICAL: 'critical', // Will break functionality
-  HIGH: 'high', // Likely to cause issues
-  MEDIUM: 'medium', // May cause styling issues
-  LOW: 'low', // Best practice suggestions
-  INFO: 'info', // Informational only
-};
 
 // =============================================================================
 // 🎯 MIGRATION FOLDERS CONFIGURATION
@@ -231,77 +222,6 @@ function analyzeFile(filePath, content) {
   return analysis;
 }
 
-// Generate enhanced warnings with context and solutions
-function generateWarningWithSolution(warning, context, filePath, lineNumber) {
-  const severity = determineSeverity(warning);
-  const suggestion = generateSuggestion(warning, context);
-  const codeExample = generateCodeExample(warning);
-
-  return {
-    message: warning,
-    severity,
-    suggestion,
-    codeExample,
-    file: filePath,
-    line: lineNumber,
-    documentation: getRelevantDocs(warning),
-  };
-}
-
-// Determine warning severity based on content
-function determineSeverity(warning) {
-  if (warning.includes('will break') || warning.includes('fatal'))
-    return WARNING_CATEGORIES.CRITICAL;
-  if (warning.includes('conflict') || warning.includes('override'))
-    return WARNING_CATEGORIES.HIGH;
-  if (warning.includes('may cause') || warning.includes('styling'))
-    return WARNING_CATEGORIES.MEDIUM;
-  if (warning.includes('best practice') || warning.includes('consider'))
-    return WARNING_CATEGORIES.LOW;
-  return WARNING_CATEGORIES.INFO;
-}
-
-// Generate actionable suggestions
-function generateSuggestion(warning, context) {
-  if (warning.includes('style and margin')) {
-    return 'Remove the margin prop as it will be overridden by inline styles. Use spacing prop instead.';
-  }
-  if (warning.includes('missing variant')) {
-    return 'Add a variant prop to ensure consistent styling. Example: variant="title-1"';
-  }
-  if (warning.includes('nested typography')) {
-    return 'Avoid nesting Text components. Use spans or other inline elements for emphasis.';
-  }
-  if (warning.includes('deprecated margin')) {
-    return 'Replace margin prop with spacing prop for better consistency.';
-  }
-  return 'Review the component for potential styling conflicts.';
-}
-
-// Generate code examples for fixes
-function generateCodeExample(warning) {
-  if (warning.includes('style and margin')) {
-    return '// Before: <Text style={{color: "red"}} margin="bottom">\n// After:  <Text style={{color: "red"}} spacing="bottom">';
-  }
-  if (warning.includes('missing variant')) {
-    return '// Before: <Heading as="h1">Title</Heading>\n// After:  <Heading as="h1" variant="title-1">Title</Heading>';
-  }
-  if (warning.includes('nested typography')) {
-    return '// Before: <Text>Hello <Text>World</Text></Text>\n// After:  <Text>Hello <span>World</span></Text>';
-  }
-  return '';
-}
-
-// Get relevant documentation links
-function getRelevantDocs(warning) {
-  if (warning.includes('variant'))
-    return 'https://linje.entur.no/komponenter/ressurser/typography-beta#heading-variants';
-  if (warning.includes('spacing'))
-    return 'https://linje.entur.no/komponenter/ressurser/typography-beta#spacing';
-  if (warning.includes('semantic'))
-    return 'https://linje.entur.no/komponenter/ressurser/typography-beta#semantic-html';
-  return 'https://linje.entur.no/komponenter/ressurser/typography-beta';
-}
 
 let ALLOWED_DIRECTORIES = process.env.TYPOGRAPHY_MIGRATION_DIRS
   ? process.env.TYPOGRAPHY_MIGRATION_DIRS.split(',')
@@ -420,14 +340,6 @@ const SPACING_MAPPING = {
   'xs2-bottom': 'xs2-bottom',
 };
 
-// Import patterns to handle
-const IMPORT_PATTERNS = [
-  /from\s+['"`]@entur\/typography['"`]/g,
-  /from\s+['"`]@entur\/typography\/dist['"`]/g,
-  /from\s+['"`]@entur\/typography\/dist\/index['"`]/g,
-  /from\s+['"`]@entur\/typography\/dist\/styles\.css['"`]/g,
-  /from\s+['"`]@entur\/typography\/styles['"`]/g,
-];
 
 // Parse JSX props more robustly
 function parseJSXProps(propsString) {