@entur/typography 1.7.2 → 1.7.3

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 { PolymorphicPropsWithoutRef } 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> = PolymorphicPropsWithoutRef<BaseHeadingOwnProps, T>;\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 { PolymorphicPropsWithoutRef } 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  E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<StrongTextOwnProps, E>;\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 { PolymorphicPropsWithoutRef } 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<E extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithoutRef<CodeTextOwnProps, E>;\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 { PolymorphicPropsWithoutRef } 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  E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<EmphasizedTextOwnProps, E>;\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 { PolymorphicPropsWithoutRef } 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  PolymorphicPropsWithoutRef<Heading1OwnProps, T>;\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 { PolymorphicPropsWithoutRef } 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  PolymorphicPropsWithoutRef<Heading2OwnProps, T>;\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 { PolymorphicPropsWithoutRef } 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  PolymorphicPropsWithoutRef<Heading3OwnProps, T>;\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 { PolymorphicPropsWithoutRef } 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  PolymorphicPropsWithoutRef<Heading4OwnProps, T>;\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 { PolymorphicPropsWithoutRef } 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  PolymorphicPropsWithoutRef<Heading5OwnProps, T>;\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 { PolymorphicPropsWithoutRef } 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  PolymorphicPropsWithoutRef<Heading6OwnProps, T>;\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 { PolymorphicPropsWithoutRef } 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<E extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithoutRef<LabelOwnProps, E>;\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 { PolymorphicPropsWithoutRef } 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  E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<LeadParagraphOwnProps, E>;\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 { PolymorphicPropsWithoutRef } 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<E extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithoutRef<LinkOwnProps, E>;\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 { PolymorphicPropsWithoutRef } 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  E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<ParagraphOwnProps, E>;\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 { PolymorphicPropsWithoutRef } 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<E extends React.ElementType> =\n  PolymorphicPropsWithoutRef<PreformattedTextOwnProps, E>;\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 { PolymorphicPropsWithoutRef } 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> = PolymorphicPropsWithoutRef<SmallTextOwnProps, T>;\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 { PolymorphicPropsWithoutRef } 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<E extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithoutRef<SubLabelOwnProps, E>;\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 { PolymorphicPropsWithoutRef } 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  E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<SubParagraphOwnProps, E>;\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","_ref$margin","warnAboutMissingStyles","children","title","_ref$type","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 { PolymorphicPropsWithoutRef } 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> = PolymorphicPropsWithoutRef<BaseHeadingOwnProps, T>;\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 { PolymorphicPropsWithoutRef } 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  E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<StrongTextOwnProps, E>;\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 { PolymorphicPropsWithoutRef } 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<E extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithoutRef<CodeTextOwnProps, E>;\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 { PolymorphicPropsWithoutRef } 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  E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<EmphasizedTextOwnProps, E>;\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 { PolymorphicPropsWithoutRef } 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  PolymorphicPropsWithoutRef<Heading1OwnProps, T>;\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 { PolymorphicPropsWithoutRef } 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  PolymorphicPropsWithoutRef<Heading2OwnProps, T>;\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 { PolymorphicPropsWithoutRef } 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  PolymorphicPropsWithoutRef<Heading3OwnProps, T>;\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 { PolymorphicPropsWithoutRef } 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  PolymorphicPropsWithoutRef<Heading4OwnProps, T>;\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 { PolymorphicPropsWithoutRef } 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  PolymorphicPropsWithoutRef<Heading5OwnProps, T>;\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 { PolymorphicPropsWithoutRef } 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  PolymorphicPropsWithoutRef<Heading6OwnProps, T>;\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 { PolymorphicPropsWithoutRef } 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<E extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithoutRef<LabelOwnProps, E>;\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 { PolymorphicPropsWithoutRef } 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  E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<LeadParagraphOwnProps, E>;\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 { PolymorphicPropsWithoutRef } 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<E extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithoutRef<LinkOwnProps, E>;\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 { PolymorphicPropsWithoutRef } 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  E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<ParagraphOwnProps, E>;\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 { PolymorphicPropsWithoutRef } 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<E extends React.ElementType> =\n  PolymorphicPropsWithoutRef<PreformattedTextOwnProps, E>;\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 { PolymorphicPropsWithoutRef } 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> = PolymorphicPropsWithoutRef<SmallTextOwnProps, T>;\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 { PolymorphicPropsWithoutRef } 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<E extends React.ElementType = typeof defaultElement> =\n  PolymorphicPropsWithoutRef<SubLabelOwnProps, E>;\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 { PolymorphicPropsWithoutRef } 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  E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<SubParagraphOwnProps, E>;\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":"wrBAsBaA,EAAc,kBAGzBC,IAAAA,UACAC,IAAAA,MACAC,IAAAA,OACAC,IAAAA,GACGC,SAGGC,UAAoBJ,SAExBK,wBAHiCH,GAfd,QAmBjBH,UAAWO,UACTF,UAEMA,kBAAqC,QAAXH,IAC1BG,qBAAwC,WAAXH,IAC7BG,mBAAsC,SAAXH,KAEjCF,IAEEI,2SCnBGI,EAAa,kBAGxBR,IAAAA,cACAE,OAAAA,aAAS,SACTC,IAAAA,GACGC,gBAIDE,wBAFiCH,GAVd,YAajBH,UAAWO,UACT,yDAE8C,QAAXL,sCACc,WAAXA,oCACS,SAAXA,KAEpCF,IAEEI,4NC1CVK,yBAAuB,iCCQ6C,gBAClET,IAAAA,UACGI,gBAGDE,wCAAYN,UAAWO,UAAW,iBAAkBP,IAAgBI,8BAUtE,gBAAGJ,IAAAA,UAAcI,gBAEbE,oCACEN,UAAWO,UAAW,yBAA0BP,IAC5CI,sBCVY,gBACtBJ,IAAAA,UACAG,IAAAA,GACGC,gBAIDE,wBAFiCH,GAPd,UASVH,UAAWO,UAAW,gBAAiBP,IAAgBI,4BCFtC,kBAG5BJ,IAAAA,cACAE,OAAAA,aAAS,SACTC,IAAAA,GACGC,gBAIDE,wBAFiCH,GAVd,QAajBH,UAAWO,UACT,iEAEkD,QAAXL,0CACc,WAAXA,wCACS,SAAXA,KAExCF,IAEEI,sBCrBc,oBACtBF,OAAAA,aAAS,SACTQ,IAAAA,SACAP,IAAAA,GACGC,gBAIDE,wBAACP,KAAYI,GAFoBA,GAXd,KAaOD,OAAQA,GAAYE,GAAMH,MAAO,IACxDS,qBCTiB,oBACtBR,OAAAA,aAAS,SACTQ,IAAAA,SACAP,IAAAA,GACGC,gBAIDE,wBAACP,KAAYI,GAFoBA,GARd,KAUOD,OAAQA,GAAYE,GAAMH,MAAO,IACxDS,qBCTiB,oBACtBR,OAAAA,aAAS,SACTQ,IAAAA,SACAP,IAAAA,GACGC,gBAIDE,wBAACP,KAAYI,GAFoBA,GARd,KAUOD,OAAQA,GAAYE,GAAMH,MAAO,IACxDS,qBCViB,oBACtBR,OAAAA,aAAS,SACTQ,IAAAA,SACAP,IAAAA,GACGC,gBAIDE,wBAACP,KAAYI,GAFoBA,GAPd,KASOD,OAAQA,GAAYE,GAAMH,MAAO,IACxDS,qBCRiB,oBACtBR,OAAAA,aAAS,SACTQ,IAAAA,SACAP,IAAAA,GACGC,gBAIDE,wBAACP,KAAYI,GAFoBA,GARd,KAUOD,OAAQA,GAAYE,GAAMH,MAAO,IACxDS,qBCTiB,oBACtBR,OAAAA,aAAS,SACTQ,IAAAA,SACAP,IAAAA,GACGC,gBAIDE,wBAACP,KAAYI,GAFoBA,GARd,KAUOD,OAAQA,GAAYE,GAAMH,MAAO,IACxDS,kBCTc,kBACnBV,IAAAA,cACAE,OAAAA,aAAS,SACTC,IAAAA,GACGC,gBAIDE,wBAFiCH,GARd,WAWjBH,UAAWO,UACT,6CAEwC,QAAXL,gCACc,WAAXA,8BACS,SAAXA,KAE9BF,IAEEI,2BCjBmB,kBAG3BJ,IAAAA,cACAE,OAAAA,aAAS,SACTC,IAAAA,GACGC,gBAIDE,wBAFiCH,GAVd,OAajBH,UAAWO,UACT,+DAEiD,QAAXL,yCACc,WAAXA,uCACS,SAAXA,KAEvCF,IAEEI,kBCrBU,kBAClBJ,IAAAA,cACAE,OAAAA,aAAS,SACTC,IAAAA,GACGC,gBAIDE,wBAFiCH,GARd,OAWjBH,UAAWO,UACT,2CAEuC,QAAXL,+BACc,WAAXA,6BACS,SAAXA,KAE7BF,IAEEI,sBC5BuC,gBAC/CM,IAAAA,SACAV,IAAAA,UACAW,IAAAA,MACGP,gBAEHE,gCAAIN,UAAWO,UAAW,gBAAiBP,IAAgBI,GACxDO,GAASL,wBAACE,GAAWR,UAAU,wBAAwBW,GACvDD,yBCZoD,kBACvDV,IAAAA,cACAY,KAAAA,aAAO,MACJR,gBAEHE,gCACEN,UAAWO,UACT,uDAC8BK,GAASA,KACvCZ,GAEFY,KAAMA,GACFR,uBCGiB,oBACvBF,OAAAA,aAAS,WACTF,IAAAA,UACAG,IAAAA,GACGC,gBAIDE,wBAFiCH,GARd,OAWjBH,UAAWO,UACT,gBACA,gCAC6C,WAAXL,+BACS,SAAXA,GAEhCF,IAEEI,8BCtBsB,gBAG9BJ,IAAAA,UACAG,IAAAA,GACGC,gBAIDE,wBAFiCH,GATd,SAYjBH,UAAWO,UAAW,wBAAyBP,IAC3CI,uBCPe,kBACvBJ,IAAAA,cACAE,OAAAA,aAAS,SACTC,IAAAA,GACGC,gBAIDE,wBAFiCH,GARd,UAWjBH,UAAWO,UACT,uDAE6C,QAAXL,qCACc,WAAXA,mCACS,SAAXA,KAEnCF,IAEEI,2CClBc,kBACtBJ,IAAAA,cACAE,OAAAA,aAAS,SACTC,IAAAA,GACGC,gBAIDE,wBAFiCH,GARd,UAWjBH,UAAWO,UACT,qDAE4C,QAAXL,oCACc,WAAXA,kCACS,SAAXA,KAElCF,IAEEI,0BCjBkB,kBAG1BJ,IAAAA,UACAE,IAAAA,OACAC,IAAAA,GACGC,gBAIDE,wBAFiCH,GAVd,OAajBH,UAAWO,UACT,6DAEgD,QAAXL,wCACc,WAAXA,sCACS,SAAXA,KAEtCF,IAEEI,2BChCiD,gBACzDJ,IAAAA,UACGI,gBACCE,gCAAIN,UAAWO,UAAW,qBAAsBP,IAAgBI"}

package/dist/typography.esm.js

@@ -6,41 +6,49 @@ function _extends() {
   _extends = Object.assign || 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));
@@ -50,8 +58,9 @@ 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)
@@ -62,11 +71,13 @@ 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)
@@ -77,11 +88,13 @@ 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({
@@ -93,10 +106,11 @@ 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,
@@ -110,10 +124,11 @@ 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,
@@ -127,10 +142,11 @@ 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,
@@ -144,10 +160,11 @@ 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,
@@ -161,10 +178,11 @@ 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,
@@ -178,10 +196,11 @@ 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,
@@ -195,11 +214,13 @@ 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)
@@ -210,11 +231,13 @@ 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)
@@ -225,11 +248,13 @@ 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)
@@ -240,11 +265,13 @@ 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)
@@ -254,9 +281,10 @@ 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, {
@@ -267,10 +295,12 @@ 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
@@ -281,10 +311,11 @@ 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', {
@@ -298,8 +329,9 @@ 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)
@@ -310,11 +342,13 @@ 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)
@@ -325,11 +359,13 @@ 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)
@@ -340,10 +376,12 @@ 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)
@@ -353,7 +391,8 @@ 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));