@entur/button 3.1.1 → 3.1.4

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/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 { PolymorphicComponentPropsWithRef, PolymorphicRef } 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   * Tekst som leses opp på skjermleser (nødvendig når knappetekst mangler)\n   */\n  'aria-label'?: string;\n};\n\nconst defaultElement = 'button';\n\nexport type ButtonProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, ButtonBaseProps>;\n\nexport type ButtonComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: ButtonProps<T>,\n) => React.ReactElement | null;\n\nexport const Button: ButtonComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      as,\n      children,\n      variant,\n      size = 'medium',\n      loading,\n      className,\n      disabled = false,\n      width = 'auto',\n      'aria-label': ariaLabel,\n      ...rest\n    }: ButtonProps<T>,\n    ref: PolymorphicRef<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    const ariaLabelWhenLoading = childrenArray\n      .filter(child => typeof child === 'string')\n      .join(' ');\n\n    const ariaLabelValue = () => {\n      if (ariaLabel) return ariaLabel;\n      if (loading) return ariaLabelWhenLoading;\n      return undefined;\n    };\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        aria-label={ariaLabelValue()}\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 { PolymorphicComponentPropsWithRef, PolymorphicRef } 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<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, PrimaryButtonBaseProps>;\n\nexport type PrimaryButtonComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: PrimaryButtonProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'button';\n\nexport const PrimaryButton: PrimaryButtonComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PrimaryButtonProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BaseButtonProps\n    return <Button as={Element} {...props} ref={ref} variant=\"primary\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } 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<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, SecondaryButtonBaseProps>;\n\nexport type SecondaryButtonComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: SecondaryButtonProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'button';\n\nexport const SecondaryButton: SecondaryButtonComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: SecondaryButtonProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BaseButtonProps\n    return <Button as={Element} {...props} ref={ref} variant=\"secondary\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\nexport type 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<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, SuccessButtonBaseProps>;\n\nexport type SuccessButtonComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: SuccessButtonProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'button';\n\nexport const SuccessButton: SuccessButtonComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: SuccessButtonProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BaseButtonProps\n    return <Button as={Element} {...props} ref={ref} variant=\"success\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } 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};\n\nexport type NegativeButtonProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, NegativeButtonBaseProps>;\n\nexport type NegativeButtonComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: NegativeButtonProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'button';\n\nexport const NegativeButton: NegativeButtonComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: NegativeButtonProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BaseButtonProps\n    return <Button as={Element} {...props} ref={ref} variant=\"negative\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\nexport type TertiaryButtonBaseProps = {\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 TertiaryButtonProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, TertiaryButtonBaseProps>;\n\nexport type TertiaryButtonComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: TertiaryButtonProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'button';\n\nexport const TertiaryButton: TertiaryButtonComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: TertiaryButtonProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BaseButtonProps\n    return <Button as={Element} {...props} ref={ref} variant=\"tertiary\" />;\n  },\n);\n","import * as React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } 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<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, BaseSquareButtonBaseProps>;\n\nexport type BaseSquareButtonComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: BaseSquareButtonProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'button';\n\nexport const BaseSquareButton: BaseSquareButtonComponent = 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    }: BaseSquareButtonProps<T>,\n    ref: PolymorphicRef<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 { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype 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<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, SecondarySquareButtonBaseProps>;\n\nexport type SecondarySquareButtonComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: SecondarySquareButtonProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'button';\n\nexport const SecondarySquareButton: SecondarySquareButtonComponent =\n  React.forwardRef(\n    <T extends React.ElementType = typeof defaultElement>(\n      props: SecondarySquareButtonProps<T>,\n      ref: PolymorphicRef<T>,\n    ) => {\n      const Element: React.ElementType = props.as || defaultElement;\n      return (\n        // @ts-expect-error type error due to props not being BaseButtonProps\n        <BaseSquareButton\n          as={Element}\n          ref={ref}\n          {...props}\n          variant=\"secondary\"\n        />\n      );\n    },\n  );\n","import React from 'react';\nimport { BaseSquareButton } from './BaseSquareButton';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } 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<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, SuccessSquareButtonBaseProps>;\n\nexport type SuccessSquareButtonComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: SuccessSquareButtonProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'button';\n\nexport const SuccessSquareButton: SuccessSquareButtonComponent =\n  React.forwardRef(\n    <T extends React.ElementType = typeof defaultElement>(\n      props: SuccessSquareButtonProps<T>,\n      ref: PolymorphicRef<T>,\n    ) => {\n      const Element: React.ElementType = props.as || defaultElement;\n      return (\n        // @ts-expect-error type error due to props not being BaseButtonProps\n        <BaseSquareButton as={Element} ref={ref} {...props} variant=\"success\" />\n      );\n    },\n  );\n","import React from 'react';\nimport { BaseSquareButton } from './BaseSquareButton';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype 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<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, TertiarySquareButtonBaseProps>;\n\nexport type TertiarySquareButtonComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: TertiarySquareButtonProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'button';\n\nexport const TertiarySquareButton: TertiarySquareButtonComponent =\n  React.forwardRef(\n    <T extends React.ElementType = typeof defaultElement>(\n      props: TertiarySquareButtonProps<T>,\n      ref: PolymorphicRef<T>,\n    ) => {\n      const Element: React.ElementType = props.as || defaultElement;\n      return (\n        // @ts-expect-error type error due to props not being BaseButtonProps\n        <BaseSquareButton\n          as={Element}\n          ref={ref}\n          {...props}\n          variant=\"tertiary\"\n        />\n      );\n    },\n  );\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } 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  /** Tekst som forklarer knappens handling. MÅ være satt hvis du ikke har en forklarende tooltip på knappen */\n  'aria-label'?: string;\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<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, IconButtonBaseProps>;\n\nexport type IconButtonComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: IconButtonProps<T>,\n) => React.ReactElement | null;\n\nexport const IconButton: IconButtonComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      children,\n      className,\n      disabled = false,\n      size,\n      as,\n      loading,\n      ...rest\n    }: IconButtonProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n\n    const IconWithAriaHidden = React.Children.map(children, child => {\n      if (React.isValidElement(child)) {\n        // @ts-expect-error aria-hidden does, in fact, exist\n        return React.cloneElement(child, { 'aria-hidden': true });\n      }\n      return child;\n    });\n\n    const iconButtonElement = (\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        aria-busy={loading}\n        ref={ref}\n        {...rest}\n      >\n        {loading ? <LoadingDots /> : <>{IconWithAriaHidden}</>}\n      </Element>\n    );\n\n    if (disabled) {\n      return (\n        <div className=\"eds-icon-button--disabled__wrapper\">\n          {iconButtonElement}\n        </div>\n      );\n    }\n    return <>{iconButtonElement}</>;\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","_cx","as","children","variant","_ref$size","_ref","size","loading","className","_ref$disabled","disabled","_ref$width","width","ariaLabel","rest","_objectWithoutPropertiesLoose","_excluded","Element","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","ariaLabelWhenLoading","filter","child","join","_extends","cx","LoadingDots","PrimaryButton","props","SecondaryButton","SuccessButton","NegativeButton","TertiaryButton","BaseSquareButton","_ref$loading","createElement","classNames","map","SecondarySquareButton","SuccessSquareButton","TertiarySquareButton","IconButton","IconWithAriaHidden","isValidElement","cloneElement","iconButtonElement","Fragment","warnAboutMissingStyles","_ref$as","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 { PolymorphicComponentPropsWithRef, PolymorphicRef } 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   * Tekst som leses opp på skjermleser (nødvendig når knappetekst mangler)\n   */\n  'aria-label'?: string;\n};\n\nconst defaultElement = 'button';\n\nexport type ButtonProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, ButtonBaseProps>;\n\nexport type ButtonComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: ButtonProps<T>,\n) => React.ReactElement | null;\n\nexport const Button: ButtonComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      as,\n      children,\n      variant,\n      size = 'medium',\n      loading,\n      className,\n      disabled = false,\n      width = 'auto',\n      'aria-label': ariaLabel,\n      ...rest\n    }: ButtonProps<T>,\n    ref: PolymorphicRef<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    const ariaLabelWhenLoading = childrenArray\n      .filter(child => typeof child === 'string')\n      .join(' ');\n\n    const ariaLabelValue = () => {\n      if (ariaLabel) return ariaLabel;\n      if (loading) return ariaLabelWhenLoading;\n      return undefined;\n    };\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        aria-label={ariaLabelValue()}\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 { PolymorphicComponentPropsWithRef, PolymorphicRef } 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<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, PrimaryButtonBaseProps>;\n\nexport type PrimaryButtonComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: PrimaryButtonProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'button';\n\nexport const PrimaryButton: PrimaryButtonComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PrimaryButtonProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BaseButtonProps\n    return <Button as={Element} {...props} ref={ref} variant=\"primary\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } 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<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, SecondaryButtonBaseProps>;\n\nexport type SecondaryButtonComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: SecondaryButtonProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'button';\n\nexport const SecondaryButton: SecondaryButtonComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: SecondaryButtonProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BaseButtonProps\n    return <Button as={Element} {...props} ref={ref} variant=\"secondary\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\nexport type 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<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, SuccessButtonBaseProps>;\n\nexport type SuccessButtonComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: SuccessButtonProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'button';\n\nexport const SuccessButton: SuccessButtonComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: SuccessButtonProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BaseButtonProps\n    return <Button as={Element} {...props} ref={ref} variant=\"success\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } 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};\n\nexport type NegativeButtonProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, NegativeButtonBaseProps>;\n\nexport type NegativeButtonComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: NegativeButtonProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'button';\n\nexport const NegativeButton: NegativeButtonComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: NegativeButtonProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BaseButtonProps\n    return <Button as={Element} {...props} ref={ref} variant=\"negative\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\nexport type TertiaryButtonBaseProps = {\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 TertiaryButtonProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, TertiaryButtonBaseProps>;\n\nexport type TertiaryButtonComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: TertiaryButtonProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'button';\n\nexport const TertiaryButton: TertiaryButtonComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: TertiaryButtonProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    // @ts-expect-error type error due to props not being BaseButtonProps\n    return <Button as={Element} {...props} ref={ref} variant=\"tertiary\" />;\n  },\n);\n","import * as React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } 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<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, BaseSquareButtonBaseProps>;\n\nexport type BaseSquareButtonComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: BaseSquareButtonProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'button';\n\nexport const BaseSquareButton: BaseSquareButtonComponent = 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    }: BaseSquareButtonProps<T>,\n    ref: PolymorphicRef<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 { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype 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<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, SecondarySquareButtonBaseProps>;\n\nexport type SecondarySquareButtonComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: SecondarySquareButtonProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'button';\n\nexport const SecondarySquareButton: SecondarySquareButtonComponent =\n  React.forwardRef(\n    <T extends React.ElementType = typeof defaultElement>(\n      props: SecondarySquareButtonProps<T>,\n      ref: PolymorphicRef<T>,\n    ) => {\n      const Element: React.ElementType = props.as || defaultElement;\n      return (\n        // @ts-expect-error type error due to props not being BaseButtonProps\n        <BaseSquareButton\n          as={Element}\n          ref={ref}\n          {...props}\n          variant=\"secondary\"\n        />\n      );\n    },\n  );\n","import React from 'react';\nimport { BaseSquareButton } from './BaseSquareButton';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } 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<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, SuccessSquareButtonBaseProps>;\n\nexport type SuccessSquareButtonComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: SuccessSquareButtonProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'button';\n\nexport const SuccessSquareButton: SuccessSquareButtonComponent =\n  React.forwardRef(\n    <T extends React.ElementType = typeof defaultElement>(\n      props: SuccessSquareButtonProps<T>,\n      ref: PolymorphicRef<T>,\n    ) => {\n      const Element: React.ElementType = props.as || defaultElement;\n      return (\n        // @ts-expect-error type error due to props not being BaseButtonProps\n        <BaseSquareButton as={Element} ref={ref} {...props} variant=\"success\" />\n      );\n    },\n  );\n","import React from 'react';\nimport { BaseSquareButton } from './BaseSquareButton';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\n\ntype 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<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, TertiarySquareButtonBaseProps>;\n\nexport type TertiarySquareButtonComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: TertiarySquareButtonProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'button';\n\nexport const TertiarySquareButton: TertiarySquareButtonComponent =\n  React.forwardRef(\n    <T extends React.ElementType = typeof defaultElement>(\n      props: TertiarySquareButtonProps<T>,\n      ref: PolymorphicRef<T>,\n    ) => {\n      const Element: React.ElementType = props.as || defaultElement;\n      return (\n        // @ts-expect-error type error due to props not being BaseButtonProps\n        <BaseSquareButton\n          as={Element}\n          ref={ref}\n          {...props}\n          variant=\"tertiary\"\n        />\n      );\n    },\n  );\n","import React from 'react';\nimport classNames from 'classnames';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } 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  /** Tekst som forklarer knappens handling. MÅ være satt hvis du ikke har en forklarende tooltip på knappen */\n  'aria-label'?: string;\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<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, IconButtonBaseProps>;\n\nexport type IconButtonComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: IconButtonProps<T>,\n) => React.ReactElement | null;\n\nexport const IconButton: IconButtonComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      children,\n      className,\n      disabled = false,\n      size,\n      as,\n      loading,\n      ...rest\n    }: IconButtonProps<T>,\n    ref: PolymorphicRef<T>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n\n    const IconWithAriaHidden = React.Children.map(children, child => {\n      if (React.isValidElement(child)) {\n        // @ts-expect-error aria-hidden does, in fact, exist\n        return React.cloneElement(child, { 'aria-hidden': true });\n      }\n      return child;\n    });\n\n    const iconButtonElement = (\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        aria-busy={loading}\n        ref={ref}\n        {...rest}\n      >\n        {loading ? <LoadingDots /> : <>{IconWithAriaHidden}</>}\n      </Element>\n    );\n\n    if (disabled) {\n      return (\n        <div className=\"eds-icon-button--disabled__wrapper\">\n          {iconButtonElement}\n        </div>\n      );\n    }\n    return <>{iconButtonElement}</>;\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","_cx","as","children","variant","_ref$size","_ref","size","loading","className","_ref$disabled","disabled","_ref$width","width","ariaLabel","rest","_objectWithoutPropertiesLoose","_excluded","Element","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","ariaLabelWhenLoading","filter","child","join","_extends","cx","LoadingDots","PrimaryButton","props","SecondaryButton","SuccessButton","NegativeButton","TertiaryButton","BaseSquareButton","_ref$loading","createElement","classNames","map","SecondarySquareButton","SuccessSquareButton","TertiarySquareButton","IconButton","IconWithAriaHidden","isValidElement","cloneElement","iconButtonElement","Fragment","warnAboutMissingStyles","_ref$as","count","type","wrapStringsInSpans"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,13 +1,13 @@
-import './index.scss';
-export * from './Button';
-export * from './PrimaryButton';
-export * from './SecondaryButton';
-export * from './SuccessButton';
-export * from './NegativeButton';
-export * from './TertiaryButton';
-export * from './ButtonGroup';
-export * from './FloatingButton';
-export * from './SecondarySquareButton';
-export * from './SuccessSquareButton';
-export * from './TertiarySquareButton';
-export * from './IconButton';
+import './index.scss';
+export * from './Button';
+export * from './PrimaryButton';
+export * from './SecondaryButton';
+export * from './SuccessButton';
+export * from './NegativeButton';
+export * from './TertiaryButton';
+export * from './ButtonGroup';
+export * from './FloatingButton';
+export * from './SecondarySquareButton';
+export * from './SuccessSquareButton';
+export * from './TertiarySquareButton';
+export * from './IconButton';

package/dist/styles.css

@@ -1,5 +1,11 @@
-:root {
-  --eds-button: 1;
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+.eds-button-group .eds-button {
+  margin-right: 0.75rem;
+  margin-bottom: 0.75rem;
+}
+.eds-button-group .eds-button:only-child {
+  margin: 0;
 }
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
@@ -306,69 +312,6 @@ a.eds-button--size-large {
 }
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-icon-button {
-  border: 0.0625rem solid transparent;
-  border-radius: 0.25rem;
-  background: none;
-  color: inherit;
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 1rem;
-  padding: 0.5rem;
-}
-.eds-contrast .eds-icon-button > .eds-loading-dots .eds-loading-dots__dot {
-  background-color: #ffffff;
-}
-.eds-icon-button--size-small {
-  height: 1.5rem;
-  width: 1.5rem;
-  padding: 0;
-}
-.eds-icon-button--size-medium {
-  height: 2rem;
-  width: 2rem;
-}
-.eds-icon-button:hover {
-  background-color: #d1d4e3;
-}
-.eds-contrast .eds-icon-button:hover {
-  background-color: #393d79;
-}
-.eds-icon-button:active {
-  background: #babbcf;
-}
-.eds-contrast .eds-icon-button:active {
-  background: #292b6a;
-}
-.eds-icon-button:focus {
-  border: 0.0625rem solid #181c56;
-  outline: none;
-}
-.eds-contrast .eds-icon-button:focus {
-  border: 0.0625rem solid #ffffff;
-}
-.eds-icon-button--disabled {
-  opacity: 0.5;
-  pointer-events: none;
-}
-.eds-icon-button--disabled__wrapper {
-  cursor: not-allowed;
-  width: -moz-fit-content;
-  width: fit-content;
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-button-group .eds-button {
-  margin-right: 0.75rem;
-  margin-bottom: 0.75rem;
-}
-.eds-button-group .eds-button:only-child {
-  margin: 0;
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-square-button {
   --icon-color: var(--primary-text-color);
   --button-background: transparent;
@@ -517,3 +460,60 @@ a.eds-button--size-large {
 .eds-square-button--tertiary .eds-square-button__loading-dots .eds-loading-dots__dot {
   background: #181c56;
 }
+:root {
+  --eds-button: 1;
+}
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+.eds-icon-button {
+  border: 0.0625rem solid transparent;
+  border-radius: 0.25rem;
+  background: none;
+  color: inherit;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 1rem;
+  padding: 0.5rem;
+}
+.eds-contrast .eds-icon-button > .eds-loading-dots .eds-loading-dots__dot {
+  background-color: #ffffff;
+}
+.eds-icon-button--size-small {
+  height: 1.5rem;
+  width: 1.5rem;
+  padding: 0;
+}
+.eds-icon-button--size-medium {
+  height: 2rem;
+  width: 2rem;
+}
+.eds-icon-button:hover {
+  background-color: #d1d4e3;
+}
+.eds-contrast .eds-icon-button:hover {
+  background-color: #393d79;
+}
+.eds-icon-button:active {
+  background: #babbcf;
+}
+.eds-contrast .eds-icon-button:active {
+  background: #292b6a;
+}
+.eds-icon-button:focus {
+  border: 0.0625rem solid #181c56;
+  outline: none;
+}
+.eds-contrast .eds-icon-button:focus {
+  border: 0.0625rem solid #ffffff;
+}
+.eds-icon-button--disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+.eds-icon-button--disabled__wrapper {
+  cursor: not-allowed;
+  width: -moz-fit-content;
+  width: fit-content;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/button",
-  "version": "3.1.1",
+  "version": "3.1.4",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/button.esm.js",
@@ -27,10 +27,10 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/loader": "^0.4.38",
+    "@entur/loader": "^0.4.41",
     "@entur/tokens": "^3.10.0",
-    "@entur/utils": "^0.9.4",
+    "@entur/utils": "^0.9.5",
     "classnames": "^2.3.1"
   },
-  "gitHead": "0da1a9e2532f60cc1a456a79ad3aa689514ca2c7"
+  "gitHead": "9e5cbcf10c3e18dff42f0afb3b4cb40df557c14c"
 }