@entur/typography 1.7.6 → 1.7.7

package/dist/typography.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.cjs.production.min.js","sources":["../src/BaseHeading.tsx","../src/StrongText.tsx","../src/index.tsx","../src/Blockquote.tsx","../src/CodeText.tsx","../src/EmphasizedText.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/ListItem.tsx","../src/NumberedList.tsx","../src/Paragraph.tsx","../src/PreformattedText.tsx","../src/SmallText.tsx","../src/SubLabel.tsx","../src/SubParagraph.tsx","../src/UnorderedList.tsx"],"sourcesContent":["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 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 { 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","import React from 'react';\nimport classNames from 'classnames';\n\ntype BlockquoteProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n} & React.DetailedHTMLProps<\n  React.BlockquoteHTMLAttributes<HTMLElement>,\n  HTMLElement\n>;\n\nexport const Blockquote: React.FunctionComponent<BlockquoteProps> = ({\n  className,\n  ...rest\n}) => {\n  return (\n    <blockquote className={classNames('eds-blockquote', className)} {...rest} />\n  );\n};\n\ntype BlockquoteFooterProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;\n\nexport const BlockquoteFooter: React.FunctionComponent<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 { 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';\n\nexport type LinkOwnProps = {\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};\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  className,\n  margin = 'both',\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  );\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"],"names":["BaseHeading","className","level","margin","as","rest","baseClass","React","classNames","StrongText","warnAboutMissingStyles","children","title","type"],"mappings":"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"}
+{"version":3,"file":"typography.cjs.production.min.js","sources":["../src/BaseHeading.tsx","../src/StrongText.tsx","../src/index.tsx","../src/Blockquote.tsx","../src/CodeText.tsx","../src/EmphasizedText.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/ListItem.tsx","../src/NumberedList.tsx","../src/Paragraph.tsx","../src/PreformattedText.tsx","../src/SmallText.tsx","../src/SubLabel.tsx","../src/SubParagraph.tsx","../src/UnorderedList.tsx"],"sourcesContent":["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 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 { 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","import React from 'react';\nimport classNames from 'classnames';\n\ntype BlockquoteProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n} & React.DetailedHTMLProps<\n  React.BlockquoteHTMLAttributes<HTMLElement>,\n  HTMLElement\n>;\n\nexport const Blockquote: React.FunctionComponent<BlockquoteProps> = ({\n  className,\n  ...rest\n}) => {\n  return (\n    <blockquote className={classNames('eds-blockquote', className)} {...rest} />\n  );\n};\n\ntype BlockquoteFooterProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;\n\nexport const BlockquoteFooter: React.FunctionComponent<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 { 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';\n\nexport type LinkOwnProps = {\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};\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  className,\n  margin = 'both',\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  );\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"],"names":["BaseHeading","_ref","_classNames","className","level","margin","as","rest","_objectWithoutPropertiesLoose","_excluded","baseClass","React","_extends","classNames","StrongText","_ref$margin","warnAboutMissingStyles","createElement","_ref2","_excluded2","children","title","_ref$type","type"],"mappings":"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"}

package/dist/typography.esm.js

@@ -3,52 +3,44 @@ import React from 'react';
 import classNames from 'classnames';
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
 
 var _excluded$l = ["className"],
-    _excluded2 = ["className"];
+  _excluded2 = ["className"];
 var Blockquote = function Blockquote(_ref) {
   var className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$l);
-
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$l);
   return React.createElement("blockquote", _extends({
     className: classNames('eds-blockquote', className)
   }, rest));
 };
 var BlockquoteFooter = function BlockquoteFooter(_ref2) {
   var className = _ref2.className,
-      rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-
+    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
   return React.createElement("footer", _extends({
     className: classNames('eds-blockquote__footer', className)
   }, rest));
@@ -58,9 +50,8 @@ var _excluded$k = ["className", "as"];
 var defaultElement$h = 'code';
 var CodeText = function CodeText(_ref) {
   var className = _ref.className,
-      as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$k);
-
+    as = _ref.as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$k);
   var Element = as || defaultElement$h;
   return React.createElement(Element, _extends({
     className: classNames('eds-code-text', className)
@@ -71,13 +62,11 @@ var _excluded$j = ["className", "margin", "as"];
 var defaultElement$g = 'em';
 var EmphasizedText = function EmphasizedText(_ref) {
   var _classNames;
-
   var className = _ref.className,
-      _ref$margin = _ref.margin,
-      margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-      as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$j);
-
+    _ref$margin = _ref.margin,
+    margin = _ref$margin === void 0 ? 'both' : _ref$margin,
+    as = _ref.as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$j);
   var Element = as || defaultElement$g;
   return React.createElement(Element, _extends({
     className: classNames('eds-emphasized-text', (_classNames = {}, _classNames["eds-emphasized-text--margin-top"] = margin === 'top', _classNames["eds-emphasized-text--margin-bottom"] = margin === 'bottom', _classNames["eds-emphasized-text--margin-none"] = margin === 'none', _classNames), className)
@@ -88,13 +77,11 @@ var _excluded$i = ["className", "level", "margin", "as"];
 var defaultElement$f = 'h1';
 var BaseHeading = function BaseHeading(_ref) {
   var _classNames;
-
   var className = _ref.className,
-      level = _ref.level,
-      margin = _ref.margin,
-      as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$i);
-
+    level = _ref.level,
+    margin = _ref.margin,
+    as = _ref.as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$i);
   var Element = as || defaultElement$f;
   var baseClass = "eds-h" + level;
   return React.createElement(Element, _extends({
@@ -106,11 +93,10 @@ var _excluded$h = ["margin", "children", "as"];
 var defaultElement$e = 'h1';
 var Heading1 = function Heading1(_ref) {
   var _ref$margin = _ref.margin,
-      margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-      children = _ref.children,
-      as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$h);
-
+    margin = _ref$margin === void 0 ? 'both' : _ref$margin,
+    children = _ref.children,
+    as = _ref.as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$h);
   var Element = as || defaultElement$e;
   return React.createElement(BaseHeading, _extends({
     as: Element,
@@ -124,11 +110,10 @@ var _excluded$g = ["margin", "children", "as"];
 var defaultElement$d = 'h2';
 var Heading2 = function Heading2(_ref) {
   var _ref$margin = _ref.margin,
-      margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-      children = _ref.children,
-      as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$g);
-
+    margin = _ref$margin === void 0 ? 'both' : _ref$margin,
+    children = _ref.children,
+    as = _ref.as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$g);
   var Element = as || defaultElement$d;
   return React.createElement(BaseHeading, _extends({
     as: Element,
@@ -142,11 +127,10 @@ var _excluded$f = ["margin", "children", "as"];
 var defaultElement$c = 'h3';
 var Heading3 = function Heading3(_ref) {
   var _ref$margin = _ref.margin,
-      margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-      children = _ref.children,
-      as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$f);
-
+    margin = _ref$margin === void 0 ? 'both' : _ref$margin,
+    children = _ref.children,
+    as = _ref.as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$f);
   var Element = as || defaultElement$c;
   return React.createElement(BaseHeading, _extends({
     as: Element,
@@ -160,11 +144,10 @@ var _excluded$e = ["margin", "children", "as"];
 var defaultElement$b = 'h4';
 var Heading4 = function Heading4(_ref) {
   var _ref$margin = _ref.margin,
-      margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-      children = _ref.children,
-      as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
-
+    margin = _ref$margin === void 0 ? 'both' : _ref$margin,
+    children = _ref.children,
+    as = _ref.as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
   var Element = as || defaultElement$b;
   return React.createElement(BaseHeading, _extends({
     as: Element,
@@ -178,11 +161,10 @@ var _excluded$d = ["margin", "children", "as"];
 var defaultElement$a = 'h5';
 var Heading5 = function Heading5(_ref) {
   var _ref$margin = _ref.margin,
-      margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-      children = _ref.children,
-      as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
-
+    margin = _ref$margin === void 0 ? 'both' : _ref$margin,
+    children = _ref.children,
+    as = _ref.as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
   var Element = as || defaultElement$a;
   return React.createElement(BaseHeading, _extends({
     as: Element,
@@ -196,11 +178,10 @@ var _excluded$c = ["margin", "children", "as"];
 var defaultElement$9 = 'h6';
 var Heading6 = function Heading6(_ref) {
   var _ref$margin = _ref.margin,
-      margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-      children = _ref.children,
-      as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);
-
+    margin = _ref$margin === void 0 ? 'both' : _ref$margin,
+    children = _ref.children,
+    as = _ref.as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);
   var Element = as || defaultElement$9;
   return React.createElement(BaseHeading, _extends({
     as: Element,
@@ -214,13 +195,11 @@ var _excluded$b = ["className", "margin", "as"];
 var defaultElement$8 = 'label';
 var Label = function Label(_ref) {
   var _classNames;
-
   var className = _ref.className,
-      _ref$margin = _ref.margin,
-      margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-      as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
-
+    _ref$margin = _ref.margin,
+    margin = _ref$margin === void 0 ? 'both' : _ref$margin,
+    as = _ref.as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
   var Element = as || defaultElement$8;
   return React.createElement(Element, _extends({
     className: classNames('eds-label', (_classNames = {}, _classNames["eds-label--margin-top"] = margin === 'top', _classNames["eds-label--margin-bottom"] = margin === 'bottom', _classNames["eds-label--margin-none"] = margin === 'none', _classNames), className)
@@ -231,13 +210,11 @@ var _excluded$a = ["className", "margin", "as"];
 var defaultElement$7 = 'p';
 var LeadParagraph = function LeadParagraph(_ref) {
   var _classNames;
-
   var className = _ref.className,
-      _ref$margin = _ref.margin,
-      margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-      as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
-
+    _ref$margin = _ref.margin,
+    margin = _ref$margin === void 0 ? 'both' : _ref$margin,
+    as = _ref.as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
   var Element = as || defaultElement$7;
   return React.createElement(Element, _extends({
     className: classNames('eds-lead-paragraph', (_classNames = {}, _classNames["eds-lead-paragraph--margin-top"] = margin === 'top', _classNames["eds-lead-paragraph--margin-bottom"] = margin === 'bottom', _classNames["eds-lead-paragraph--margin-none"] = margin === 'none', _classNames), className)
@@ -248,13 +225,11 @@ var _excluded$9 = ["className", "margin", "as"];
 var defaultElement$6 = 'a';
 var Link = function Link(_ref) {
   var _classNames;
-
   var className = _ref.className,
-      _ref$margin = _ref.margin,
-      margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-      as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$9);
-
+    _ref$margin = _ref.margin,
+    margin = _ref$margin === void 0 ? 'both' : _ref$margin,
+    as = _ref.as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$9);
   var Element = as || defaultElement$6;
   return React.createElement(Element, _extends({
     className: classNames('eds-link', (_classNames = {}, _classNames["eds-link--margin-top"] = margin === 'top', _classNames["eds-link--margin-bottom"] = margin === 'bottom', _classNames["eds-link--margin-none"] = margin === 'none', _classNames), className)
@@ -265,13 +240,11 @@ var _excluded$8 = ["className", "margin", "as"];
 var defaultElement$5 = 'strong';
 var StrongText = function StrongText(_ref) {
   var _classNames;
-
   var className = _ref.className,
-      _ref$margin = _ref.margin,
-      margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-      as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
-
+    _ref$margin = _ref.margin,
+    margin = _ref$margin === void 0 ? 'both' : _ref$margin,
+    as = _ref.as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
   var Element = as || defaultElement$5;
   return React.createElement(Element, _extends({
     className: classNames('eds-strong-text', (_classNames = {}, _classNames["eds-strong-text--margin-top"] = margin === 'top', _classNames["eds-strong-text--margin-bottom"] = margin === 'bottom', _classNames["eds-strong-text--margin-none"] = margin === 'none', _classNames), className)
@@ -281,10 +254,9 @@ var StrongText = function StrongText(_ref) {
 var _excluded$7 = ["children", "className", "title"];
 var ListItem = function ListItem(_ref) {
   var children = _ref.children,
-      className = _ref.className,
-      title = _ref.title,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
-
+    className = _ref.className,
+    title = _ref.title,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
   return React.createElement("li", _extends({
     className: classNames('eds-list-item', className)
   }, rest), title && React.createElement(StrongText, {
@@ -295,12 +267,10 @@ var ListItem = function ListItem(_ref) {
 var _excluded$6 = ["className", "type"];
 var NumberedList = function NumberedList(_ref) {
   var _classNames;
-
   var className = _ref.className,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? '1' : _ref$type,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
-
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? '1' : _ref$type,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
   return React.createElement("ol", _extends({
     className: classNames('eds-numbered-list', (_classNames = {}, _classNames["eds-numbered-list--type-" + type] = type, _classNames), className),
     type: type
@@ -311,11 +281,10 @@ var _excluded$5 = ["margin", "className", "as"];
 var defaultElement$4 = 'p';
 var Paragraph = function Paragraph(_ref) {
   var _ref$margin = _ref.margin,
-      margin = _ref$margin === void 0 ? 'bottom' : _ref$margin,
-      className = _ref.className,
-      as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
-
+    margin = _ref$margin === void 0 ? 'bottom' : _ref$margin,
+    className = _ref.className,
+    as = _ref.as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
   var Element = as || defaultElement$4;
   return React.createElement(Element, _extends({
     className: classNames('eds-paragraph', {
@@ -329,9 +298,8 @@ var _excluded$4 = ["className", "as"];
 var defaultElement$3 = 'pre';
 var PreformattedText = function PreformattedText(_ref) {
   var className = _ref.className,
-      as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-
+    as = _ref.as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   var Element = as || defaultElement$3;
   return React.createElement(Element, _extends({
     className: classNames('eds-preformatted-text', className)
@@ -342,13 +310,11 @@ var _excluded$3 = ["className", "margin", "as"];
 var defaultElement$2 = 'span';
 var SmallText = function SmallText(_ref) {
   var _classNames;
-
   var className = _ref.className,
-      _ref$margin = _ref.margin,
-      margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-      as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-
+    _ref$margin = _ref.margin,
+    margin = _ref$margin === void 0 ? 'both' : _ref$margin,
+    as = _ref.as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   var Element = as || defaultElement$2;
   return React.createElement(Element, _extends({
     className: classNames('eds-small-text', (_classNames = {}, _classNames["eds-small-text--margin-top"] = margin === 'top', _classNames["eds-small-text--margin-bottom"] = margin === 'bottom', _classNames["eds-small-text--margin-none"] = margin === 'none', _classNames), className)
@@ -359,13 +325,11 @@ var _excluded$2 = ["className", "margin", "as"];
 var defaultElement$1 = 'span';
 var SubLabel = function SubLabel(_ref) {
   var _classNames;
-
   var className = _ref.className,
-      _ref$margin = _ref.margin,
-      margin = _ref$margin === void 0 ? 'both' : _ref$margin,
-      as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-
+    _ref$margin = _ref.margin,
+    margin = _ref$margin === void 0 ? 'both' : _ref$margin,
+    as = _ref.as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   var Element = as || defaultElement$1;
   return React.createElement(Element, _extends({
     className: classNames('eds-sub-label', (_classNames = {}, _classNames["eds-sub-label--margin-top"] = margin === 'top', _classNames["eds-sub-label--margin-bottom"] = margin === 'bottom', _classNames["eds-sub-label--margin-none"] = margin === 'none', _classNames), className)
@@ -376,12 +340,10 @@ var _excluded$1 = ["className", "margin", "as"];
 var defaultElement = 'p';
 var SubParagraph = function SubParagraph(_ref) {
   var _classNames;
-
   var className = _ref.className,
-      margin = _ref.margin,
-      as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-
+    margin = _ref.margin,
+    as = _ref.as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   var Element = as || defaultElement;
   return React.createElement(Element, _extends({
     className: classNames('eds-sub-paragraph', (_classNames = {}, _classNames["eds-sub-paragraph--margin-top"] = margin === 'top', _classNames["eds-sub-paragraph--margin-bottom"] = margin === 'bottom', _classNames["eds-sub-paragraph--margin-none"] = margin === 'none', _classNames), className)
@@ -391,8 +353,7 @@ var SubParagraph = function SubParagraph(_ref) {
 var _excluded = ["className"];
 var UnorderedList = function UnorderedList(_ref) {
   var className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return React.createElement("ul", _extends({
     className: classNames('eds-unordered-list', className)
   }, rest));