@entur/button 2.7.1 → 2.8.0

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

@@ -1 +1 @@
-{"version":3,"file":"button.cjs.production.min.js","sources":["../src/Button.tsx","../src/PrimaryButton.tsx","../src/SecondaryButton.tsx","../src/SuccessButton.tsx","../src/NegativeButton.tsx","../src/TertiaryButton.tsx","../src/BaseSquareButton.tsx","../src/SecondarySquareButton.tsx","../src/SuccessSquareButton.tsx","../src/IconButton.tsx","../src/index.tsx","../src/ButtonGroup.tsx","../src/FloatingButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport cx from 'classnames';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\nimport { LoadingDots } from '@entur/loader';\nimport './Button.scss';\n\ntype ButtonBaseProps = {\n  /** Farge og uttrykk på knappen */\n  variant: 'primary' | 'secondary' | 'success' | 'negative' | 'tertiary';\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen.\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nconst defaultElement = 'button';\n\nexport type ButtonProps<\n  T extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<ButtonBaseProps, T>;\n\nexport const Button: PolymorphicForwardRefExoticComponent<\n  ButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      as,\n      variant,\n      size = 'medium',\n      loading,\n      className,\n      children,\n      disabled = false,\n      width = 'auto',\n      ...rest\n    }: PolymorphicPropsWithoutRef<ButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    const childrenArray = React.Children.toArray(children);\n    const hasLeadingIcon =\n      childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n    const hasTrailingIcon =\n      childrenArray.length > 1 &&\n      typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n    return (\n      <Element\n        className={cx(\n          'eds-button',\n          {\n            [`eds-button--variant-${variant}`]: variant,\n            [`eds-button--size-${size}`]: size,\n            'eds-button--width-fluid': width === 'fluid',\n            'eds-button--loading': loading,\n            'eds-button--leading-icon': hasLeadingIcon,\n            'eds-button--trailing-icon': hasTrailingIcon,\n          },\n          className,\n        )}\n        ref={ref}\n        aria-busy={loading}\n        disabled={disabled}\n        aria-disabled={disabled}\n        {...rest}\n      >\n        {loading ? (\n          <LoadingDots className=\"eds-button__loading-dots\" />\n        ) : (\n          children\n        )}\n      </Element>\n    );\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type PrimaryButtonBaseProps = {\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen.\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nexport type PrimaryButtonProps<\n  T extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<PrimaryButtonBaseProps, T>;\n\nconst defaultElement = 'button';\n\nexport const PrimaryButton: PolymorphicForwardRefExoticComponent<\n  PrimaryButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<PrimaryButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"primary\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n  PolymorphicPropsWithoutRef,\n} from '@entur/utils';\n\nexport type SecondaryButtonBaseProps = {\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nexport type SecondaryButtonProps<\n  T extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<SecondaryButtonBaseProps, T>;\n\nconst defaultElement = 'button';\n\nexport const SecondaryButton: PolymorphicForwardRefExoticComponent<\n  SecondaryButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<SecondaryButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"secondary\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\n\ntype SuccessButtonBaseProps = {\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nexport type SuccessButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<SuccessButtonBaseProps, E>;\n\nconst defaultElement = 'button';\n\nexport const SuccessButton: PolymorphicForwardRefExoticComponent<\n  SuccessButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<SuccessButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"success\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n  PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\nexport type NegativeButtonBaseProps = {\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen.\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n  as?: 'button' | React.ElementType;\n};\n\nexport type NegativeButtonProps<\n  T extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<NegativeButtonBaseProps, T>;\n\nconst defaultElement = 'button';\n\nexport const NegativeButton: PolymorphicForwardRefExoticComponent<\n  NegativeButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<NegativeButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"negative\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n  PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\nexport type TertiaryButtonBaseProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nexport type TertiaryButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<TertiaryButtonBaseProps, E>;\n\nconst defaultElement = 'button';\n\nexport const TertiaryButton: PolymorphicForwardRefExoticComponent<\n  TertiaryButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<TertiaryButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"tertiary\" />;\n  },\n);\n","import * as React from 'react';\nimport classNames from 'classnames';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\nimport { LoadingDots } from '@entur/loader';\nimport './BaseSquareButton.scss';\n\nexport type BaseSquareButtonBaseProps = {\n  /** Tekst og ikon */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** En type knapp */\n  variant: 'success' | 'secondary';\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n};\n\nexport type BaseSquareButtonProps<\n  T extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<BaseSquareButtonBaseProps, T>;\n\nconst defaultElement = 'button';\n\nexport const BaseSquareButton: PolymorphicForwardRefExoticComponent<\n  BaseSquareButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      children,\n      className,\n      variant,\n      disabled = false,\n      loading = false,\n      as,\n      ...rest\n    }: PolymorphicPropsWithoutRef<BaseSquareButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    return (\n      <Element\n        className={classNames(\n          'eds-square-button',\n          { 'eds-square-button--success': variant === 'success' },\n          { 'eds-square-button--secondary': variant === 'secondary' },\n          { 'eds-square-button--loading': loading },\n          className,\n        )}\n        aria-busy={loading}\n        disabled={disabled}\n        aria-disabled={disabled}\n        ref={ref}\n        {...rest}\n      >\n        {React.Children.map(children, child => {\n          if (typeof child === 'string') {\n            return <span className=\"eds-square-button__label\">{child}</span>;\n          }\n          return (\n            <span className=\"eds-square-button__icon\">\n              {loading ? (\n                <LoadingDots className=\"eds-square-button__loading-dots\" />\n              ) : (\n                child\n              )}\n            </span>\n          );\n        })}\n      </Element>\n    );\n  },\n);\n","import React from 'react';\nimport { BaseSquareButton } from './BaseSquareButton';\nimport {\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type SecondarySquareButtonBaseProps = {\n  /** Tekst og ikon, ikon og tekst, eller bare ikon */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n};\n\nexport type SecondarySquareButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<SecondarySquareButtonBaseProps, E>;\n\nconst defaultElement = 'button';\n\nexport const SecondarySquareButton: PolymorphicForwardRefExoticComponent<\n  SecondarySquareButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<SecondarySquareButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return (\n      <BaseSquareButton as={Element} ref={ref} {...props} variant=\"secondary\" />\n    );\n  },\n);\n","import React from 'react';\nimport { BaseSquareButton } from './BaseSquareButton';\nimport {\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n  PolymorphicPropsWithoutRef,\n} from '@entur/utils';\n\ntype SuccessSquareButtonBaseProps = {\n  /** Tekst og ikon, ikon og tekst, eller bare ikon */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n};\n\nexport type SuccessSquareButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<SuccessSquareButtonBaseProps, E>;\n\nconst defaultElement = 'button';\n\nexport const SuccessSquareButton: PolymorphicForwardRefExoticComponent<\n  SuccessSquareButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<SuccessSquareButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return (\n      <BaseSquareButton as={Element} ref={ref} {...props} variant=\"success\" />\n    );\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\nimport { LoadingDots } from '@entur/loader';\nimport './IconButton.scss';\n\nexport type IconButtonBaseProps = {\n  /** Ikonet som du vil ha inne i knappen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** HTML-elementet eller React-komponenten som lager knappen\n   * @default 'button'\n   */\n  as?: React.ElementType;\n  /**Størrelsen på knappen\n   * @default \"medium\"\n   */\n  size?: 'small' | 'medium';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n};\n\nconst defaultElement = 'button';\n\nexport type IconButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<IconButtonBaseProps, E>;\n\nexport const IconButton: PolymorphicForwardRefExoticComponent<\n  IconButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <E extends React.ElementType = typeof defaultElement>(\n    {\n      children,\n      className,\n      disabled = false,\n      size,\n      as,\n      loading,\n      ...rest\n    }: PolymorphicPropsWithoutRef<IconButtonBaseProps, E>,\n    ref: React.ForwardedRef<React.ElementRef<E>>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    return (\n      <Element\n        className={classNames(\n          'eds-icon-button',\n          className,\n          {\n            'eds-icon-button--disabled': disabled,\n          },\n          `eds-icon-button--size-${size}`,\n        )}\n        disabled={disabled}\n        aria-disabled={disabled}\n        ref={ref}\n        {...rest}\n      >\n        {loading ? <LoadingDots /> : children}\n      </Element>\n    );\n  },\n);\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('button');\n\nexport * from './Button';\nexport * from './PrimaryButton';\nexport * from './SecondaryButton';\nexport * from './SuccessButton';\nexport * from './NegativeButton';\nexport * from './TertiaryButton';\nexport * from './ButtonGroup';\nexport * from './FloatingButton';\nexport * from './SecondarySquareButton';\nexport * from './SuccessSquareButton';\nexport * from './IconButton';\n","import React from 'react';\nimport classNames from 'classnames';\nimport './ButtonGroup.scss';\n\nexport type ButtonGroupProps = {\n  /** To eller flere Button-komponenter */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** HTML-elementet eller React-komponenten som lages\n   * @default \"div\"\n   */\n  as?: string | React.ElementType;\n  [key: string]: any;\n};\n\nexport const ButtonGroup: React.FC<ButtonGroupProps> = ({\n  as: Element = 'div',\n  className,\n  ...rest\n}) => {\n  return (\n    <Element className={classNames('eds-button-group', className)} {...rest} />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './FloatingButton.scss';\n\nexport type FloatingButtonProps = {\n  /** Beskrivende tekst for skjermlesere */\n  'aria-label': string;\n  /** Ikon eller ikon-og-tekst */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Callback når knappen klikkes */\n  onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Størrelse på knappen\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'small';\n  [key: string]: any;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const FloatingButton: React.FC<FloatingButtonProps> = ({\n  className,\n  children,\n  size = 'medium',\n  ...rest\n}) => {\n  return (\n    <button\n      className={classNames(\n        'eds-floating-button',\n        { 'eds-floating-button--extended': React.Children.count(children) > 1 },\n        { 'eds-floating-button--small': size === 'small' },\n        className,\n      )}\n      type=\"button\"\n      {...rest}\n    >\n      {wrapStringsInSpans(children)}\n    </button>\n  );\n};\n\nconst wrapStringsInSpans = (children: React.ReactNode) =>\n  React.Children.map(children, child =>\n    typeof child === 'string' ? <span>{child}</span> : child,\n  );\n"],"names":["Button","React","ref","as","variant","size","loading","className","children","disabled","width","rest","Element","childrenArray","toArray","hasLeadingIcon","length","hasTrailingIcon","cx","LoadingDots","PrimaryButton","forwardRef","props","SecondaryButton","SuccessButton","NegativeButton","TertiaryButton","BaseSquareButton","classNames","map","child","SecondarySquareButton","SuccessSquareButton","IconButton","warnAboutMissingStyles","Children","count","type","wrapStringsInSpans"],"mappings":"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"}
+{"version":3,"file":"button.cjs.production.min.js","sources":["../src/Button.tsx","../src/PrimaryButton.tsx","../src/SecondaryButton.tsx","../src/SuccessButton.tsx","../src/NegativeButton.tsx","../src/TertiaryButton.tsx","../src/BaseSquareButton.tsx","../src/SecondarySquareButton.tsx","../src/SuccessSquareButton.tsx","../src/TertiarySquareButton.tsx","../src/IconButton.tsx","../src/index.tsx","../src/ButtonGroup.tsx","../src/FloatingButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport cx from 'classnames';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\nimport { LoadingDots } from '@entur/loader';\nimport './Button.scss';\n\ntype ButtonBaseProps = {\n  /** Farge og uttrykk på knappen */\n  variant: 'primary' | 'secondary' | 'success' | 'negative' | 'tertiary';\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen.\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nconst defaultElement = 'button';\n\nexport type ButtonProps<\n  T extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<ButtonBaseProps, T>;\n\nexport const Button: PolymorphicForwardRefExoticComponent<\n  ButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      as,\n      variant,\n      size = 'medium',\n      loading,\n      className,\n      children,\n      disabled = false,\n      width = 'auto',\n      ...rest\n    }: PolymorphicPropsWithoutRef<ButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    const childrenArray = React.Children.toArray(children);\n    const hasLeadingIcon =\n      childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n    const hasTrailingIcon =\n      childrenArray.length > 1 &&\n      typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n    return (\n      <Element\n        className={cx(\n          'eds-button',\n          {\n            [`eds-button--variant-${variant}`]: variant,\n            [`eds-button--size-${size}`]: size,\n            'eds-button--width-fluid': width === 'fluid',\n            'eds-button--loading': loading,\n            'eds-button--leading-icon': hasLeadingIcon,\n            'eds-button--trailing-icon': hasTrailingIcon,\n          },\n          className,\n        )}\n        ref={ref}\n        aria-busy={loading}\n        disabled={disabled}\n        aria-disabled={disabled}\n        {...rest}\n      >\n        {loading ? (\n          <LoadingDots className=\"eds-button__loading-dots\" />\n        ) : (\n          children\n        )}\n      </Element>\n    );\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type PrimaryButtonBaseProps = {\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen.\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nexport type PrimaryButtonProps<\n  T extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<PrimaryButtonBaseProps, T>;\n\nconst defaultElement = 'button';\n\nexport const PrimaryButton: PolymorphicForwardRefExoticComponent<\n  PrimaryButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<PrimaryButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"primary\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n  PolymorphicPropsWithoutRef,\n} from '@entur/utils';\n\nexport type SecondaryButtonBaseProps = {\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nexport type SecondaryButtonProps<\n  T extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<SecondaryButtonBaseProps, T>;\n\nconst defaultElement = 'button';\n\nexport const SecondaryButton: PolymorphicForwardRefExoticComponent<\n  SecondaryButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<SecondaryButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"secondary\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\n\ntype SuccessButtonBaseProps = {\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nexport type SuccessButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<SuccessButtonBaseProps, E>;\n\nconst defaultElement = 'button';\n\nexport const SuccessButton: PolymorphicForwardRefExoticComponent<\n  SuccessButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<SuccessButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"success\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n  PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\nexport type NegativeButtonBaseProps = {\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen.\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n  as?: 'button' | React.ElementType;\n};\n\nexport type NegativeButtonProps<\n  T extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<NegativeButtonBaseProps, T>;\n\nconst defaultElement = 'button';\n\nexport const NegativeButton: PolymorphicForwardRefExoticComponent<\n  NegativeButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<NegativeButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"negative\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n  PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\nexport type TertiaryButtonBaseProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nexport type TertiaryButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<TertiaryButtonBaseProps, E>;\n\nconst defaultElement = 'button';\n\nexport const TertiaryButton: PolymorphicForwardRefExoticComponent<\n  TertiaryButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<TertiaryButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"tertiary\" />;\n  },\n);\n","import * as React from 'react';\nimport classNames from 'classnames';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\nimport { LoadingDots } from '@entur/loader';\nimport './BaseSquareButton.scss';\n\nexport type BaseSquareButtonBaseProps = {\n  /** Tekst og ikon */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** En type knapp */\n  variant: 'success' | 'secondary' | 'tertiary';\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n};\n\nexport type BaseSquareButtonProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<BaseSquareButtonBaseProps, T>;\n\nconst defaultElement = 'button';\n\nexport const BaseSquareButton: PolymorphicForwardRefExoticComponent<\n  BaseSquareButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      children,\n      className,\n      variant,\n      disabled = false,\n      loading = false,\n      as,\n      ...rest\n    }: PolymorphicPropsWithoutRef<BaseSquareButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    return (\n      <Element\n        className={classNames(\n          'eds-square-button',\n          { 'eds-square-button--success': variant === 'success' },\n          { 'eds-square-button--secondary': variant === 'secondary' },\n          { 'eds-square-button--tertiary': variant === 'tertiary' },\n          { 'eds-square-button--loading': loading },\n          className,\n        )}\n        aria-busy={loading}\n        disabled={disabled}\n        aria-disabled={disabled}\n        ref={ref}\n        {...rest}\n      >\n        {React.Children.map(children, child => {\n          if (typeof child === 'string') {\n            return <span className=\"eds-square-button__label\">{child}</span>;\n          }\n          return (\n            <span className=\"eds-square-button__icon\">\n              {loading ? (\n                <LoadingDots className=\"eds-square-button__loading-dots\" />\n              ) : (\n                child\n              )}\n            </span>\n          );\n        })}\n      </Element>\n    );\n  },\n);\n","import React from 'react';\nimport { BaseSquareButton } from './BaseSquareButton';\nimport {\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type SecondarySquareButtonBaseProps = {\n  /** Tekst og ikon, ikon og tekst, eller bare ikon */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n};\n\nexport type SecondarySquareButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<SecondarySquareButtonBaseProps, E>;\n\nconst defaultElement = 'button';\n\nexport const SecondarySquareButton: PolymorphicForwardRefExoticComponent<\n  SecondarySquareButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<SecondarySquareButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return (\n      <BaseSquareButton as={Element} ref={ref} {...props} variant=\"secondary\" />\n    );\n  },\n);\n","import React from 'react';\nimport { BaseSquareButton } from './BaseSquareButton';\nimport {\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n  PolymorphicPropsWithoutRef,\n} from '@entur/utils';\n\ntype SuccessSquareButtonBaseProps = {\n  /** Tekst og ikon, ikon og tekst, eller bare ikon */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n};\n\nexport type SuccessSquareButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<SuccessSquareButtonBaseProps, E>;\n\nconst defaultElement = 'button';\n\nexport const SuccessSquareButton: PolymorphicForwardRefExoticComponent<\n  SuccessSquareButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<SuccessSquareButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return (\n      <BaseSquareButton as={Element} ref={ref} {...props} variant=\"success\" />\n    );\n  },\n);\n","import React from 'react';\nimport { BaseSquareButton } from './BaseSquareButton';\nimport {\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type TertiarySquareButtonBaseProps = {\n  /** Tekst og ikon, ikon og tekst, eller bare ikon */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n};\n\nexport type TertiarySquareButtonProps<\n  E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<TertiarySquareButtonBaseProps, E>;\n\nconst defaultElement = 'button';\n\nexport const TertiarySquareButton: PolymorphicForwardRefExoticComponent<\n  TertiarySquareButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<TertiarySquareButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return (\n      <BaseSquareButton as={Element} ref={ref} {...props} variant=\"tertiary\" />\n    );\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\nimport { LoadingDots } from '@entur/loader';\nimport './IconButton.scss';\n\nexport type IconButtonBaseProps = {\n  /** Ikonet som du vil ha inne i knappen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** HTML-elementet eller React-komponenten som lager knappen\n   * @default 'button'\n   */\n  as?: React.ElementType;\n  /**Størrelsen på knappen\n   * @default \"medium\"\n   */\n  size?: 'small' | 'medium';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n};\n\nconst defaultElement = 'button';\n\nexport type IconButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<IconButtonBaseProps, E>;\n\nexport const IconButton: PolymorphicForwardRefExoticComponent<\n  IconButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <E extends React.ElementType = typeof defaultElement>(\n    {\n      children,\n      className,\n      disabled = false,\n      size,\n      as,\n      loading,\n      ...rest\n    }: PolymorphicPropsWithoutRef<IconButtonBaseProps, E>,\n    ref: React.ForwardedRef<React.ElementRef<E>>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    return (\n      <Element\n        className={classNames(\n          'eds-icon-button',\n          className,\n          {\n            'eds-icon-button--disabled': disabled,\n          },\n          `eds-icon-button--size-${size}`,\n        )}\n        disabled={disabled}\n        aria-disabled={disabled}\n        ref={ref}\n        {...rest}\n      >\n        {loading ? <LoadingDots /> : children}\n      </Element>\n    );\n  },\n);\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('button');\n\nexport * from './Button';\nexport * from './PrimaryButton';\nexport * from './SecondaryButton';\nexport * from './SuccessButton';\nexport * from './NegativeButton';\nexport * from './TertiaryButton';\nexport * from './ButtonGroup';\nexport * from './FloatingButton';\nexport * from './SecondarySquareButton';\nexport * from './SuccessSquareButton';\nexport * from './TertiarySquareButton';\nexport * from './IconButton';\n","import React from 'react';\nimport classNames from 'classnames';\nimport './ButtonGroup.scss';\n\nexport type ButtonGroupProps = {\n  /** To eller flere Button-komponenter */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** HTML-elementet eller React-komponenten som lages\n   * @default \"div\"\n   */\n  as?: string | React.ElementType;\n  [key: string]: any;\n};\n\nexport const ButtonGroup: React.FC<ButtonGroupProps> = ({\n  as: Element = 'div',\n  className,\n  ...rest\n}) => {\n  return (\n    <Element className={classNames('eds-button-group', className)} {...rest} />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './FloatingButton.scss';\n\nexport type FloatingButtonProps = {\n  /** Beskrivende tekst for skjermlesere */\n  'aria-label': string;\n  /** Ikon eller ikon-og-tekst */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Callback når knappen klikkes */\n  onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Størrelse på knappen\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'small';\n  [key: string]: any;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const FloatingButton: React.FC<FloatingButtonProps> = ({\n  className,\n  children,\n  size = 'medium',\n  ...rest\n}) => {\n  return (\n    <button\n      className={classNames(\n        'eds-floating-button',\n        { 'eds-floating-button--extended': React.Children.count(children) > 1 },\n        { 'eds-floating-button--small': size === 'small' },\n        className,\n      )}\n      type=\"button\"\n      {...rest}\n    >\n      {wrapStringsInSpans(children)}\n    </button>\n  );\n};\n\nconst wrapStringsInSpans = (children: React.ReactNode) =>\n  React.Children.map(children, child =>\n    typeof child === 'string' ? <span>{child}</span> : child,\n  );\n"],"names":["Button","React","forwardRef","ref","as","variant","size","loading","className","children","disabled","width","rest","Element","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","cx","LoadingDots","PrimaryButton","props","SecondaryButton","SuccessButton","NegativeButton","TertiaryButton","BaseSquareButton","classNames","map","child","SecondarySquareButton","SuccessSquareButton","TertiarySquareButton","IconButton","warnAboutMissingStyles","count","type","wrapStringsInSpans"],"mappings":"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"}

package/dist/button.esm.js

@@ -1,8 +1,27 @@
 import { warnAboutMissingStyles } from '@entur/utils';
-import React__default, { forwardRef, Children, createElement } from 'react';
+import * as React from 'react';
+import React__default from 'react';
 import classNames from 'classnames';
 import { LoadingDots } from '@entur/loader';
 
+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 = {};
@@ -18,8 +37,9 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-var defaultElement = 'button';
-var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var _excluded$4 = ["as", "variant", "size", "loading", "className", "children", "disabled", "width"];
+var defaultElement$a = 'button';
+var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _cx;
 
   var as = _ref.as,
@@ -33,27 +53,27 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       _ref$width = _ref.width,
       width = _ref$width === void 0 ? 'auto' : _ref$width,
-      rest = _objectWithoutPropertiesLoose(_ref, ["as", "variant", "size", "loading", "className", "children", "disabled", "width"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
 
-  var Element = as || defaultElement;
-  var childrenArray = Children.toArray(children);
+  var Element = as || defaultElement$a;
+  var childrenArray = React.Children.toArray(children);
   var hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== 'string';
   var hasTrailingIcon = childrenArray.length > 1 && typeof childrenArray[childrenArray.length - 1] !== 'string';
-  return createElement(Element, Object.assign({
+  return React.createElement(Element, _extends({
     className: classNames('eds-button', (_cx = {}, _cx["eds-button--variant-" + variant] = variant, _cx["eds-button--size-" + size] = size, _cx['eds-button--width-fluid'] = width === 'fluid', _cx['eds-button--loading'] = loading, _cx['eds-button--leading-icon'] = hasLeadingIcon, _cx['eds-button--trailing-icon'] = hasTrailingIcon, _cx), className),
     ref: ref,
     "aria-busy": loading,
     disabled: disabled,
     "aria-disabled": disabled
-  }, rest), loading ? createElement(LoadingDots, {
+  }, rest), loading ? React.createElement(LoadingDots, {
     className: "eds-button__loading-dots"
   }) : children);
 });
 
-var defaultElement$1 = 'button';
+var defaultElement$9 = 'button';
 var PrimaryButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$1;
-  return React__default.createElement(Button, Object.assign({
+  var Element = props.as || defaultElement$9;
+  return React__default.createElement(Button, _extends({
     as: Element
   }, props, {
     ref: ref,
@@ -61,10 +81,10 @@ var PrimaryButton = /*#__PURE__*/React__default.forwardRef(function (props, ref)
   }));
 });
 
-var defaultElement$2 = 'button';
+var defaultElement$8 = 'button';
 var SecondaryButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$2;
-  return React__default.createElement(Button, Object.assign({
+  var Element = props.as || defaultElement$8;
+  return React__default.createElement(Button, _extends({
     as: Element
   }, props, {
     ref: ref,
@@ -72,10 +92,10 @@ var SecondaryButton = /*#__PURE__*/React__default.forwardRef(function (props, re
   }));
 });
 
-var defaultElement$3 = 'button';
+var defaultElement$7 = 'button';
 var SuccessButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$3;
-  return React__default.createElement(Button, Object.assign({
+  var Element = props.as || defaultElement$7;
+  return React__default.createElement(Button, _extends({
     as: Element
   }, props, {
     ref: ref,
@@ -83,10 +103,10 @@ var SuccessButton = /*#__PURE__*/React__default.forwardRef(function (props, ref)
   }));
 });
 
-var defaultElement$4 = 'button';
+var defaultElement$6 = 'button';
 var NegativeButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$4;
-  return React__default.createElement(Button, Object.assign({
+  var Element = props.as || defaultElement$6;
+  return React__default.createElement(Button, _extends({
     as: Element
   }, props, {
     ref: ref,
@@ -97,7 +117,7 @@ var NegativeButton = /*#__PURE__*/React__default.forwardRef(function (props, ref
 var defaultElement$5 = 'button';
 var TertiaryButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   var Element = props.as || defaultElement$5;
-  return React__default.createElement(Button, Object.assign({
+  return React__default.createElement(Button, _extends({
     as: Element
   }, props, {
     ref: ref,
@@ -105,25 +125,27 @@ var TertiaryButton = /*#__PURE__*/React__default.forwardRef(function (props, ref
   }));
 });
 
+var _excluded$3 = ["as", "className"];
 var ButtonGroup = function ButtonGroup(_ref) {
   var _ref$as = _ref.as,
       Element = _ref$as === void 0 ? 'div' : _ref$as,
       className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["as", "className"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
-  return React__default.createElement(Element, Object.assign({
+  return React__default.createElement(Element, _extends({
     className: classNames('eds-button-group', className)
   }, rest));
 };
 
+var _excluded$2 = ["className", "children", "size"];
 var FloatingButton = function FloatingButton(_ref) {
   var className = _ref.className,
       children = _ref.children,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'medium' : _ref$size,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "children", "size"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
 
-  return React__default.createElement("button", Object.assign({
+  return React__default.createElement("button", _extends({
     className: classNames('eds-floating-button', {
       'eds-floating-button--extended': React__default.Children.count(children) > 1
     }, {
@@ -139,8 +161,9 @@ var wrapStringsInSpans = function wrapStringsInSpans(children) {
   });
 };
 
-var defaultElement$6 = 'button';
-var BaseSquareButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var _excluded$1 = ["children", "className", "variant", "disabled", "loading", "as"];
+var defaultElement$4 = 'button';
+var BaseSquareButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       className = _ref.className,
       variant = _ref.variant,
@@ -149,14 +172,16 @@ var BaseSquareButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
       _ref$loading = _ref.loading,
       loading = _ref$loading === void 0 ? false : _ref$loading,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "className", "variant", "disabled", "loading", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
 
-  var Element = as || defaultElement$6;
-  return createElement(Element, Object.assign({
+  var Element = as || defaultElement$4;
+  return React.createElement(Element, _extends({
     className: classNames('eds-square-button', {
       'eds-square-button--success': variant === 'success'
     }, {
       'eds-square-button--secondary': variant === 'secondary'
+    }, {
+      'eds-square-button--tertiary': variant === 'tertiary'
     }, {
       'eds-square-button--loading': loading
     }, className),
@@ -164,25 +189,25 @@ var BaseSquareButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
     disabled: disabled,
     "aria-disabled": disabled,
     ref: ref
-  }, rest), Children.map(children, function (child) {
+  }, rest), React.Children.map(children, function (child) {
     if (typeof child === 'string') {
-      return createElement("span", {
+      return React.createElement("span", {
         className: "eds-square-button__label"
       }, child);
     }
 
-    return createElement("span", {
+    return React.createElement("span", {
       className: "eds-square-button__icon"
-    }, loading ? createElement(LoadingDots, {
+    }, loading ? React.createElement(LoadingDots, {
       className: "eds-square-button__loading-dots"
     }) : child);
   }));
 });
 
-var defaultElement$7 = 'button';
+var defaultElement$3 = 'button';
 var SecondarySquareButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$7;
-  return React__default.createElement(BaseSquareButton, Object.assign({
+  var Element = props.as || defaultElement$3;
+  return React__default.createElement(BaseSquareButton, _extends({
     as: Element,
     ref: ref
   }, props, {
@@ -190,10 +215,10 @@ var SecondarySquareButton = /*#__PURE__*/React__default.forwardRef(function (pro
   }));
 });
 
-var defaultElement$8 = 'button';
+var defaultElement$2 = 'button';
 var SuccessSquareButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$8;
-  return React__default.createElement(BaseSquareButton, Object.assign({
+  var Element = props.as || defaultElement$2;
+  return React__default.createElement(BaseSquareButton, _extends({
     as: Element,
     ref: ref
   }, props, {
@@ -201,7 +226,19 @@ var SuccessSquareButton = /*#__PURE__*/React__default.forwardRef(function (props
   }));
 });
 
-var defaultElement$9 = 'button';
+var defaultElement$1 = 'button';
+var TertiarySquareButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
+  var Element = props.as || defaultElement$1;
+  return React__default.createElement(BaseSquareButton, _extends({
+    as: Element,
+    ref: ref
+  }, props, {
+    variant: "tertiary"
+  }));
+});
+
+var _excluded = ["children", "className", "disabled", "size", "as", "loading"];
+var defaultElement = 'button';
 var IconButton = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       className = _ref.className,
@@ -210,10 +247,10 @@ var IconButton = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       size = _ref.size,
       as = _ref.as,
       loading = _ref.loading,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "className", "disabled", "size", "as", "loading"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  var Element = as || defaultElement$9;
-  return React__default.createElement(Element, Object.assign({
+  var Element = as || defaultElement;
+  return React__default.createElement(Element, _extends({
     className: classNames('eds-icon-button', className, {
       'eds-icon-button--disabled': disabled
     }, "eds-icon-button--size-" + size),
@@ -225,5 +262,5 @@ var IconButton = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
 
 warnAboutMissingStyles('button');
 
-export { Button, ButtonGroup, FloatingButton, IconButton, NegativeButton, PrimaryButton, SecondaryButton, SecondarySquareButton, SuccessButton, SuccessSquareButton, TertiaryButton };
+export { Button, ButtonGroup, FloatingButton, IconButton, NegativeButton, PrimaryButton, SecondaryButton, SecondarySquareButton, SuccessButton, SuccessSquareButton, TertiaryButton, TertiarySquareButton };
 //# sourceMappingURL=button.esm.js.map

package/dist/button.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.esm.js","sources":["../src/Button.tsx","../src/PrimaryButton.tsx","../src/SecondaryButton.tsx","../src/SuccessButton.tsx","../src/NegativeButton.tsx","../src/TertiaryButton.tsx","../src/ButtonGroup.tsx","../src/FloatingButton.tsx","../src/BaseSquareButton.tsx","../src/SecondarySquareButton.tsx","../src/SuccessSquareButton.tsx","../src/IconButton.tsx","../src/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport cx from 'classnames';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\nimport { LoadingDots } from '@entur/loader';\nimport './Button.scss';\n\ntype ButtonBaseProps = {\n  /** Farge og uttrykk på knappen */\n  variant: 'primary' | 'secondary' | 'success' | 'negative' | 'tertiary';\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen.\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nconst defaultElement = 'button';\n\nexport type ButtonProps<\n  T extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<ButtonBaseProps, T>;\n\nexport const Button: PolymorphicForwardRefExoticComponent<\n  ButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      as,\n      variant,\n      size = 'medium',\n      loading,\n      className,\n      children,\n      disabled = false,\n      width = 'auto',\n      ...rest\n    }: PolymorphicPropsWithoutRef<ButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    const childrenArray = React.Children.toArray(children);\n    const hasLeadingIcon =\n      childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n    const hasTrailingIcon =\n      childrenArray.length > 1 &&\n      typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n    return (\n      <Element\n        className={cx(\n          'eds-button',\n          {\n            [`eds-button--variant-${variant}`]: variant,\n            [`eds-button--size-${size}`]: size,\n            'eds-button--width-fluid': width === 'fluid',\n            'eds-button--loading': loading,\n            'eds-button--leading-icon': hasLeadingIcon,\n            'eds-button--trailing-icon': hasTrailingIcon,\n          },\n          className,\n        )}\n        ref={ref}\n        aria-busy={loading}\n        disabled={disabled}\n        aria-disabled={disabled}\n        {...rest}\n      >\n        {loading ? (\n          <LoadingDots className=\"eds-button__loading-dots\" />\n        ) : (\n          children\n        )}\n      </Element>\n    );\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type PrimaryButtonBaseProps = {\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen.\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nexport type PrimaryButtonProps<\n  T extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<PrimaryButtonBaseProps, T>;\n\nconst defaultElement = 'button';\n\nexport const PrimaryButton: PolymorphicForwardRefExoticComponent<\n  PrimaryButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<PrimaryButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"primary\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n  PolymorphicPropsWithoutRef,\n} from '@entur/utils';\n\nexport type SecondaryButtonBaseProps = {\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nexport type SecondaryButtonProps<\n  T extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<SecondaryButtonBaseProps, T>;\n\nconst defaultElement = 'button';\n\nexport const SecondaryButton: PolymorphicForwardRefExoticComponent<\n  SecondaryButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<SecondaryButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"secondary\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\n\ntype SuccessButtonBaseProps = {\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nexport type SuccessButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<SuccessButtonBaseProps, E>;\n\nconst defaultElement = 'button';\n\nexport const SuccessButton: PolymorphicForwardRefExoticComponent<\n  SuccessButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<SuccessButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"success\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n  PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\nexport type NegativeButtonBaseProps = {\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen.\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n  as?: 'button' | React.ElementType;\n};\n\nexport type NegativeButtonProps<\n  T extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<NegativeButtonBaseProps, T>;\n\nconst defaultElement = 'button';\n\nexport const NegativeButton: PolymorphicForwardRefExoticComponent<\n  NegativeButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<NegativeButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"negative\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n  PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\nexport type TertiaryButtonBaseProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nexport type TertiaryButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<TertiaryButtonBaseProps, E>;\n\nconst defaultElement = 'button';\n\nexport const TertiaryButton: PolymorphicForwardRefExoticComponent<\n  TertiaryButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<TertiaryButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"tertiary\" />;\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport './ButtonGroup.scss';\n\nexport type ButtonGroupProps = {\n  /** To eller flere Button-komponenter */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** HTML-elementet eller React-komponenten som lages\n   * @default \"div\"\n   */\n  as?: string | React.ElementType;\n  [key: string]: any;\n};\n\nexport const ButtonGroup: React.FC<ButtonGroupProps> = ({\n  as: Element = 'div',\n  className,\n  ...rest\n}) => {\n  return (\n    <Element className={classNames('eds-button-group', className)} {...rest} />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './FloatingButton.scss';\n\nexport type FloatingButtonProps = {\n  /** Beskrivende tekst for skjermlesere */\n  'aria-label': string;\n  /** Ikon eller ikon-og-tekst */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Callback når knappen klikkes */\n  onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Størrelse på knappen\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'small';\n  [key: string]: any;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const FloatingButton: React.FC<FloatingButtonProps> = ({\n  className,\n  children,\n  size = 'medium',\n  ...rest\n}) => {\n  return (\n    <button\n      className={classNames(\n        'eds-floating-button',\n        { 'eds-floating-button--extended': React.Children.count(children) > 1 },\n        { 'eds-floating-button--small': size === 'small' },\n        className,\n      )}\n      type=\"button\"\n      {...rest}\n    >\n      {wrapStringsInSpans(children)}\n    </button>\n  );\n};\n\nconst wrapStringsInSpans = (children: React.ReactNode) =>\n  React.Children.map(children, child =>\n    typeof child === 'string' ? <span>{child}</span> : child,\n  );\n","import * as React from 'react';\nimport classNames from 'classnames';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\nimport { LoadingDots } from '@entur/loader';\nimport './BaseSquareButton.scss';\n\nexport type BaseSquareButtonBaseProps = {\n  /** Tekst og ikon */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** En type knapp */\n  variant: 'success' | 'secondary';\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n};\n\nexport type BaseSquareButtonProps<\n  T extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<BaseSquareButtonBaseProps, T>;\n\nconst defaultElement = 'button';\n\nexport const BaseSquareButton: PolymorphicForwardRefExoticComponent<\n  BaseSquareButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      children,\n      className,\n      variant,\n      disabled = false,\n      loading = false,\n      as,\n      ...rest\n    }: PolymorphicPropsWithoutRef<BaseSquareButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    return (\n      <Element\n        className={classNames(\n          'eds-square-button',\n          { 'eds-square-button--success': variant === 'success' },\n          { 'eds-square-button--secondary': variant === 'secondary' },\n          { 'eds-square-button--loading': loading },\n          className,\n        )}\n        aria-busy={loading}\n        disabled={disabled}\n        aria-disabled={disabled}\n        ref={ref}\n        {...rest}\n      >\n        {React.Children.map(children, child => {\n          if (typeof child === 'string') {\n            return <span className=\"eds-square-button__label\">{child}</span>;\n          }\n          return (\n            <span className=\"eds-square-button__icon\">\n              {loading ? (\n                <LoadingDots className=\"eds-square-button__loading-dots\" />\n              ) : (\n                child\n              )}\n            </span>\n          );\n        })}\n      </Element>\n    );\n  },\n);\n","import React from 'react';\nimport { BaseSquareButton } from './BaseSquareButton';\nimport {\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type SecondarySquareButtonBaseProps = {\n  /** Tekst og ikon, ikon og tekst, eller bare ikon */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n};\n\nexport type SecondarySquareButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<SecondarySquareButtonBaseProps, E>;\n\nconst defaultElement = 'button';\n\nexport const SecondarySquareButton: PolymorphicForwardRefExoticComponent<\n  SecondarySquareButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<SecondarySquareButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return (\n      <BaseSquareButton as={Element} ref={ref} {...props} variant=\"secondary\" />\n    );\n  },\n);\n","import React from 'react';\nimport { BaseSquareButton } from './BaseSquareButton';\nimport {\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n  PolymorphicPropsWithoutRef,\n} from '@entur/utils';\n\ntype SuccessSquareButtonBaseProps = {\n  /** Tekst og ikon, ikon og tekst, eller bare ikon */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n};\n\nexport type SuccessSquareButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<SuccessSquareButtonBaseProps, E>;\n\nconst defaultElement = 'button';\n\nexport const SuccessSquareButton: PolymorphicForwardRefExoticComponent<\n  SuccessSquareButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<SuccessSquareButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return (\n      <BaseSquareButton as={Element} ref={ref} {...props} variant=\"success\" />\n    );\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\nimport { LoadingDots } from '@entur/loader';\nimport './IconButton.scss';\n\nexport type IconButtonBaseProps = {\n  /** Ikonet som du vil ha inne i knappen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** HTML-elementet eller React-komponenten som lager knappen\n   * @default 'button'\n   */\n  as?: React.ElementType;\n  /**Størrelsen på knappen\n   * @default \"medium\"\n   */\n  size?: 'small' | 'medium';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n};\n\nconst defaultElement = 'button';\n\nexport type IconButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<IconButtonBaseProps, E>;\n\nexport const IconButton: PolymorphicForwardRefExoticComponent<\n  IconButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <E extends React.ElementType = typeof defaultElement>(\n    {\n      children,\n      className,\n      disabled = false,\n      size,\n      as,\n      loading,\n      ...rest\n    }: PolymorphicPropsWithoutRef<IconButtonBaseProps, E>,\n    ref: React.ForwardedRef<React.ElementRef<E>>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    return (\n      <Element\n        className={classNames(\n          'eds-icon-button',\n          className,\n          {\n            'eds-icon-button--disabled': disabled,\n          },\n          `eds-icon-button--size-${size}`,\n        )}\n        disabled={disabled}\n        aria-disabled={disabled}\n        ref={ref}\n        {...rest}\n      >\n        {loading ? <LoadingDots /> : children}\n      </Element>\n    );\n  },\n);\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('button');\n\nexport * from './Button';\nexport * from './PrimaryButton';\nexport * from './SecondaryButton';\nexport * from './SuccessButton';\nexport * from './NegativeButton';\nexport * from './TertiaryButton';\nexport * from './ButtonGroup';\nexport * from './FloatingButton';\nexport * from './SecondarySquareButton';\nexport * from './SuccessSquareButton';\nexport * from './IconButton';\n"],"names":["defaultElement","Button","React","ref","as","variant","size","loading","className","children","disabled","width","rest","Element","childrenArray","toArray","hasLeadingIcon","length","hasTrailingIcon","cx","LoadingDots","PrimaryButton","forwardRef","props","SecondaryButton","SuccessButton","NegativeButton","TertiaryButton","ButtonGroup","classNames","FloatingButton","Children","count","type","wrapStringsInSpans","map","child","BaseSquareButton","SecondarySquareButton","SuccessSquareButton","IconButton","warnAboutMissingStyles"],"mappings":"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"}
+{"version":3,"file":"button.esm.js","sources":["../src/Button.tsx","../src/PrimaryButton.tsx","../src/SecondaryButton.tsx","../src/SuccessButton.tsx","../src/NegativeButton.tsx","../src/TertiaryButton.tsx","../src/ButtonGroup.tsx","../src/FloatingButton.tsx","../src/BaseSquareButton.tsx","../src/SecondarySquareButton.tsx","../src/SuccessSquareButton.tsx","../src/TertiarySquareButton.tsx","../src/IconButton.tsx","../src/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport cx from 'classnames';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\nimport { LoadingDots } from '@entur/loader';\nimport './Button.scss';\n\ntype ButtonBaseProps = {\n  /** Farge og uttrykk på knappen */\n  variant: 'primary' | 'secondary' | 'success' | 'negative' | 'tertiary';\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen.\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nconst defaultElement = 'button';\n\nexport type ButtonProps<\n  T extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<ButtonBaseProps, T>;\n\nexport const Button: PolymorphicForwardRefExoticComponent<\n  ButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      as,\n      variant,\n      size = 'medium',\n      loading,\n      className,\n      children,\n      disabled = false,\n      width = 'auto',\n      ...rest\n    }: PolymorphicPropsWithoutRef<ButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    const childrenArray = React.Children.toArray(children);\n    const hasLeadingIcon =\n      childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n    const hasTrailingIcon =\n      childrenArray.length > 1 &&\n      typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n    return (\n      <Element\n        className={cx(\n          'eds-button',\n          {\n            [`eds-button--variant-${variant}`]: variant,\n            [`eds-button--size-${size}`]: size,\n            'eds-button--width-fluid': width === 'fluid',\n            'eds-button--loading': loading,\n            'eds-button--leading-icon': hasLeadingIcon,\n            'eds-button--trailing-icon': hasTrailingIcon,\n          },\n          className,\n        )}\n        ref={ref}\n        aria-busy={loading}\n        disabled={disabled}\n        aria-disabled={disabled}\n        {...rest}\n      >\n        {loading ? (\n          <LoadingDots className=\"eds-button__loading-dots\" />\n        ) : (\n          children\n        )}\n      </Element>\n    );\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type PrimaryButtonBaseProps = {\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen.\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nexport type PrimaryButtonProps<\n  T extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<PrimaryButtonBaseProps, T>;\n\nconst defaultElement = 'button';\n\nexport const PrimaryButton: PolymorphicForwardRefExoticComponent<\n  PrimaryButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<PrimaryButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"primary\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n  PolymorphicPropsWithoutRef,\n} from '@entur/utils';\n\nexport type SecondaryButtonBaseProps = {\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nexport type SecondaryButtonProps<\n  T extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<SecondaryButtonBaseProps, T>;\n\nconst defaultElement = 'button';\n\nexport const SecondaryButton: PolymorphicForwardRefExoticComponent<\n  SecondaryButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<SecondaryButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"secondary\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\n\ntype SuccessButtonBaseProps = {\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nexport type SuccessButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<SuccessButtonBaseProps, E>;\n\nconst defaultElement = 'button';\n\nexport const SuccessButton: PolymorphicForwardRefExoticComponent<\n  SuccessButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<SuccessButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"success\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n  PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\nexport type NegativeButtonBaseProps = {\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen.\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n  as?: 'button' | React.ElementType;\n};\n\nexport type NegativeButtonProps<\n  T extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<NegativeButtonBaseProps, T>;\n\nconst defaultElement = 'button';\n\nexport const NegativeButton: PolymorphicForwardRefExoticComponent<\n  NegativeButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<NegativeButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"negative\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n  PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\nexport type TertiaryButtonBaseProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nexport type TertiaryButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<TertiaryButtonBaseProps, E>;\n\nconst defaultElement = 'button';\n\nexport const TertiaryButton: PolymorphicForwardRefExoticComponent<\n  TertiaryButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<TertiaryButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"tertiary\" />;\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport './ButtonGroup.scss';\n\nexport type ButtonGroupProps = {\n  /** To eller flere Button-komponenter */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** HTML-elementet eller React-komponenten som lages\n   * @default \"div\"\n   */\n  as?: string | React.ElementType;\n  [key: string]: any;\n};\n\nexport const ButtonGroup: React.FC<ButtonGroupProps> = ({\n  as: Element = 'div',\n  className,\n  ...rest\n}) => {\n  return (\n    <Element className={classNames('eds-button-group', className)} {...rest} />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './FloatingButton.scss';\n\nexport type FloatingButtonProps = {\n  /** Beskrivende tekst for skjermlesere */\n  'aria-label': string;\n  /** Ikon eller ikon-og-tekst */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Callback når knappen klikkes */\n  onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Størrelse på knappen\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'small';\n  [key: string]: any;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const FloatingButton: React.FC<FloatingButtonProps> = ({\n  className,\n  children,\n  size = 'medium',\n  ...rest\n}) => {\n  return (\n    <button\n      className={classNames(\n        'eds-floating-button',\n        { 'eds-floating-button--extended': React.Children.count(children) > 1 },\n        { 'eds-floating-button--small': size === 'small' },\n        className,\n      )}\n      type=\"button\"\n      {...rest}\n    >\n      {wrapStringsInSpans(children)}\n    </button>\n  );\n};\n\nconst wrapStringsInSpans = (children: React.ReactNode) =>\n  React.Children.map(children, child =>\n    typeof child === 'string' ? <span>{child}</span> : child,\n  );\n","import * as React from 'react';\nimport classNames from 'classnames';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\nimport { LoadingDots } from '@entur/loader';\nimport './BaseSquareButton.scss';\n\nexport type BaseSquareButtonBaseProps = {\n  /** Tekst og ikon */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** En type knapp */\n  variant: 'success' | 'secondary' | 'tertiary';\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n};\n\nexport type BaseSquareButtonProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<BaseSquareButtonBaseProps, T>;\n\nconst defaultElement = 'button';\n\nexport const BaseSquareButton: PolymorphicForwardRefExoticComponent<\n  BaseSquareButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      children,\n      className,\n      variant,\n      disabled = false,\n      loading = false,\n      as,\n      ...rest\n    }: PolymorphicPropsWithoutRef<BaseSquareButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    return (\n      <Element\n        className={classNames(\n          'eds-square-button',\n          { 'eds-square-button--success': variant === 'success' },\n          { 'eds-square-button--secondary': variant === 'secondary' },\n          { 'eds-square-button--tertiary': variant === 'tertiary' },\n          { 'eds-square-button--loading': loading },\n          className,\n        )}\n        aria-busy={loading}\n        disabled={disabled}\n        aria-disabled={disabled}\n        ref={ref}\n        {...rest}\n      >\n        {React.Children.map(children, child => {\n          if (typeof child === 'string') {\n            return <span className=\"eds-square-button__label\">{child}</span>;\n          }\n          return (\n            <span className=\"eds-square-button__icon\">\n              {loading ? (\n                <LoadingDots className=\"eds-square-button__loading-dots\" />\n              ) : (\n                child\n              )}\n            </span>\n          );\n        })}\n      </Element>\n    );\n  },\n);\n","import React from 'react';\nimport { BaseSquareButton } from './BaseSquareButton';\nimport {\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type SecondarySquareButtonBaseProps = {\n  /** Tekst og ikon, ikon og tekst, eller bare ikon */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n};\n\nexport type SecondarySquareButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<SecondarySquareButtonBaseProps, E>;\n\nconst defaultElement = 'button';\n\nexport const SecondarySquareButton: PolymorphicForwardRefExoticComponent<\n  SecondarySquareButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<SecondarySquareButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return (\n      <BaseSquareButton as={Element} ref={ref} {...props} variant=\"secondary\" />\n    );\n  },\n);\n","import React from 'react';\nimport { BaseSquareButton } from './BaseSquareButton';\nimport {\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n  PolymorphicPropsWithoutRef,\n} from '@entur/utils';\n\ntype SuccessSquareButtonBaseProps = {\n  /** Tekst og ikon, ikon og tekst, eller bare ikon */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n};\n\nexport type SuccessSquareButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<SuccessSquareButtonBaseProps, E>;\n\nconst defaultElement = 'button';\n\nexport const SuccessSquareButton: PolymorphicForwardRefExoticComponent<\n  SuccessSquareButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<SuccessSquareButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return (\n      <BaseSquareButton as={Element} ref={ref} {...props} variant=\"success\" />\n    );\n  },\n);\n","import React from 'react';\nimport { BaseSquareButton } from './BaseSquareButton';\nimport {\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type TertiarySquareButtonBaseProps = {\n  /** Tekst og ikon, ikon og tekst, eller bare ikon */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n};\n\nexport type TertiarySquareButtonProps<\n  E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<TertiarySquareButtonBaseProps, E>;\n\nconst defaultElement = 'button';\n\nexport const TertiarySquareButton: PolymorphicForwardRefExoticComponent<\n  TertiarySquareButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<TertiarySquareButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return (\n      <BaseSquareButton as={Element} ref={ref} {...props} variant=\"tertiary\" />\n    );\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\nimport { LoadingDots } from '@entur/loader';\nimport './IconButton.scss';\n\nexport type IconButtonBaseProps = {\n  /** Ikonet som du vil ha inne i knappen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** HTML-elementet eller React-komponenten som lager knappen\n   * @default 'button'\n   */\n  as?: React.ElementType;\n  /**Størrelsen på knappen\n   * @default \"medium\"\n   */\n  size?: 'small' | 'medium';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n};\n\nconst defaultElement = 'button';\n\nexport type IconButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<IconButtonBaseProps, E>;\n\nexport const IconButton: PolymorphicForwardRefExoticComponent<\n  IconButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <E extends React.ElementType = typeof defaultElement>(\n    {\n      children,\n      className,\n      disabled = false,\n      size,\n      as,\n      loading,\n      ...rest\n    }: PolymorphicPropsWithoutRef<IconButtonBaseProps, E>,\n    ref: React.ForwardedRef<React.ElementRef<E>>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    return (\n      <Element\n        className={classNames(\n          'eds-icon-button',\n          className,\n          {\n            'eds-icon-button--disabled': disabled,\n          },\n          `eds-icon-button--size-${size}`,\n        )}\n        disabled={disabled}\n        aria-disabled={disabled}\n        ref={ref}\n        {...rest}\n      >\n        {loading ? <LoadingDots /> : children}\n      </Element>\n    );\n  },\n);\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('button');\n\nexport * from './Button';\nexport * from './PrimaryButton';\nexport * from './SecondaryButton';\nexport * from './SuccessButton';\nexport * from './NegativeButton';\nexport * from './TertiaryButton';\nexport * from './ButtonGroup';\nexport * from './FloatingButton';\nexport * from './SecondarySquareButton';\nexport * from './SuccessSquareButton';\nexport * from './TertiarySquareButton';\nexport * from './IconButton';\n"],"names":["defaultElement","Button","React","forwardRef","ref","as","variant","size","loading","className","children","disabled","width","rest","Element","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","cx","LoadingDots","PrimaryButton","props","SecondaryButton","SuccessButton","NegativeButton","TertiaryButton","ButtonGroup","classNames","FloatingButton","count","type","wrapStringsInSpans","map","child","BaseSquareButton","SecondarySquareButton","SuccessSquareButton","TertiarySquareButton","IconButton","warnAboutMissingStyles"],"mappings":"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"}

package/dist/index.d.ts

@@ -9,4 +9,5 @@ export * from './ButtonGroup';
 export * from './FloatingButton';
 export * from './SecondarySquareButton';
 export * from './SuccessSquareButton';
+export * from './TertiarySquareButton';
 export * from './IconButton';