@entur/button 3.3.13-beta.3 → 3.3.13-beta.5

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/SquareButton.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 { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport { LoadingDots } from '@entur/loader';\nimport './Button.scss';\n\n/** @deprecated use variant=\"secondary\" size=\"small\" instead */\nconst tertiary = 'tertiary';\n\ntype ButtonBaseProps = {\n  /** Farge og uttrykk på knappen */\n  variant: 'primary' | 'secondary' | 'success' | 'negative' | typeof tertiary;\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'small' | '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  /** Et HTML-element eller en React-komponent som komponenten tar utgangspunkt i for å lage denne knappevarianten\n   * @default \"button\"\n   */\n  as?: string | React.ElementType;\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 = 'primary',\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?: 'small' | '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?: 'small' | '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?: 'small' | '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?: 'small' | '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\n/** @deprecated use SecondaryButton size=\"small\" instead */\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    return (\n      <Button\n        as={Element}\n        {...props}\n        ref={ref}\n        variant=\"tertiary\"\n        size=\"small\"\n      />\n    );\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 { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport { LoadingDots } from '@entur/loader';\nimport './SquareButton.scss';\n\nexport type SquareButtonBaseProps = {\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  /** DOM-elementet knappen rendres som */\n  as?: string | React.ElementType;\n};\n\nexport type SquareButtonProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, SquareButtonBaseProps>;\n\nexport type SquareButtonComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: SquareButtonProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'button';\n\nexport const SquareButton: SquareButtonComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      as,\n      children,\n      className,\n      disabled = false,\n      loading = false,\n      variant = 'secondary',\n      ...rest\n    }: SquareButtonProps<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--${variant}`,\n          {\n            'eds-square-button--loading': loading,\n          },\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__button\">\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 { SquareButton } from './SquareButton';\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        <SquareButton as={Element} ref={ref} {...props} variant=\"secondary\" />\n      );\n    },\n  );\n","import React from 'react';\nimport { SquareButton } from './SquareButton';\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        <SquareButton as={Element} ref={ref} {...props} variant=\"success\" />\n      );\n    },\n  );\n","import React from 'react';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport { SquareButton } from './SquareButton';\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  /** DOM-elementet knappen rendres som */\n  as?: string | React.ElementType;\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      // @ts-expect-error TS error seems to stem from how the props are built up\n    ) => <SquareButton ref={ref} {...props} variant=\"tertiary\" />,\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 = 'medium',\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"],"names":["defaultElement","cx","React"],"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/SquareButton.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 { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport { LoadingDots } from '@entur/loader';\nimport './Button.scss';\n\n/** @deprecated use variant=\"secondary\" size=\"small\" instead */\nconst tertiary = 'tertiary';\n\ntype ButtonBaseProps = {\n  /** Farge og uttrykk på knappen */\n  variant: 'primary' | 'secondary' | 'success' | 'negative' | typeof tertiary;\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'small' | '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  /** Et HTML-element eller en React-komponent som komponenten tar utgangspunkt i for å lage denne knappevarianten\n   * @default \"button\"\n   */\n  as?: string | React.ElementType;\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 = 'primary',\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?: 'small' | '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?: 'small' | '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?: 'small' | '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?: 'small' | '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\n/** @deprecated use SecondaryButton size=\"small\" instead */\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    return (\n      <Button\n        as={Element}\n        {...props}\n        ref={ref}\n        variant=\"tertiary\"\n        size=\"small\"\n      />\n    );\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 { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport { LoadingDots } from '@entur/loader';\nimport './SquareButton.scss';\n\nexport type SquareButtonBaseProps = {\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  /** DOM-elementet knappen rendres som */\n  as?: string | React.ElementType;\n};\n\nexport type SquareButtonProps<T extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<T, SquareButtonBaseProps>;\n\nexport type SquareButtonComponent = <\n  T extends React.ElementType = typeof defaultElement,\n>(\n  props: SquareButtonProps<T>,\n) => React.ReactElement | null;\n\nconst defaultElement = 'button';\n\nexport const SquareButton: SquareButtonComponent = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      as,\n      children,\n      className,\n      disabled = false,\n      loading = false,\n      variant = 'secondary',\n      ...rest\n    }: SquareButtonProps<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--${variant}`,\n          {\n            'eds-square-button--loading': loading,\n          },\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__button\">\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 { SquareButton } from './SquareButton';\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        <SquareButton as={Element} ref={ref} {...props} variant=\"secondary\" />\n      );\n    },\n  );\n","import React from 'react';\nimport { SquareButton } from './SquareButton';\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        <SquareButton as={Element} ref={ref} {...props} variant=\"success\" />\n      );\n    },\n  );\n","import React from 'react';\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from '@entur/utils';\nimport { SquareButton } from './SquareButton';\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  /** DOM-elementet knappen rendres som */\n  as?: string | React.ElementType;\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      // @ts-expect-error TS error seems to stem from how the props are built up\n    ) => <SquareButton ref={ref} {...props} variant=\"tertiary\" />,\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 = 'medium',\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"],"names":["defaultElement","Button","React","forwardRef","_ref","ref","_cx","as","children","_ref$variant","variant","_ref$size","size","loading","className","_ref$disabled","disabled","_ref$width","width","ariaLabel","rest","_objectWithoutPropertiesLoose","_excluded","Element","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","ariaLabelWhenLoading","filter","child","join","ariaLabelValue","undefined","_extends","cx","LoadingDots","PrimaryButton","props","SecondaryButton","SuccessButton","NegativeButton","TertiaryButton","ButtonGroup","_ref$as","createElement","classNames","FloatingButton","count","type","wrapStringsInSpans","map","SquareButton","_ref$loading","SecondarySquareButton","SuccessSquareButton","TertiarySquareButton","IconButton","IconWithAriaHidden","isValidElement","cloneElement","iconButtonElement","Fragment","warnAboutMissingStyles"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,383 +1,13 @@
-import { default as default_2 } from 'react';
-import * as React_2 from 'react';
-
-declare type AsProp<C extends default_2.ElementType> = {
-    /**
-     * An override of the default HTML tag.
-     * Can also be another React component.
-     */
-    as?: C;
-};
-
-export declare const Button: ButtonComponent;
-
-declare type ButtonBaseProps = {
-    /** Farge og uttrykk på knappen */
-    variant: 'primary' | 'secondary' | 'success' | 'negative' | typeof tertiary;
-    /** Størrelsen på knappen
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium' | 'large';
-    /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
-     * @default false
-     */
-    loading?: boolean;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Deaktivering av knappen
-     * @default false
-     */
-    disabled?: boolean;
-    /** Bredden på knappen.
-     * @default 'auto'
-     */
-    width?: 'fluid' | 'auto';
-    /** Innholdet i knappen */
-    children: React_2.ReactNode;
-    /** Et HTML-element eller en React-komponent som komponenten tar utgangspunkt i for å lage denne knappevarianten
-     * @default "button"
-     */
-    as?: string | React_2.ElementType;
-    /**
-     * Tekst som leses opp på skjermleser (nødvendig når knappetekst mangler)
-     */
-    'aria-label'?: string;
-};
-
-export declare type ButtonComponent = <T extends React_2.ElementType = typeof defaultElement>(props: ButtonProps<T>) => React_2.ReactElement | null;
-
-export declare const ButtonGroup: default_2.FC<ButtonGroupProps>;
-
-export declare type ButtonGroupProps = {
-    /** To eller flere Button-komponenter */
-    children: default_2.ReactNode;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** HTML-elementet eller React-komponenten som lages
-     * @default "div"
-     */
-    as?: string | default_2.ElementType;
-    [key: string]: any;
-};
-
-export declare type ButtonProps<T extends React_2.ElementType> = PolymorphicComponentPropsWithRef<T, ButtonBaseProps>;
-
-declare const defaultElement = "button";
-
-declare const defaultElement_10 = "button";
-
-declare const defaultElement_2 = "button";
-
-declare const defaultElement_3 = "button";
-
-declare const defaultElement_4 = "button";
-
-declare const defaultElement_5 = "button";
-
-declare const defaultElement_6 = "button";
-
-declare const defaultElement_7 = "button";
-
-declare const defaultElement_8 = "button";
-
-declare const defaultElement_9 = "button";
-
-/**
- * Allows for extending a set of props (`ExtendedProps`) by an overriding set of props
- * (`OverrideProps`), ensuring that any duplicates are overridden by the overriding
- * set of props.
- */
-declare type ExtendableProps<ExtendedProps = Record<string, unknown>, OverrideProps = Record<string, unknown>> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
-
-export declare const FloatingButton: default_2.FC<FloatingButtonProps>;
-
-export declare type FloatingButtonProps = {
-    /** Beskrivende tekst for skjermlesere */
-    'aria-label': string;
-    /** Ikon eller ikon-og-tekst */
-    children: default_2.ReactNode;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Callback når knappen klikkes */
-    onClick: (e: default_2.MouseEvent<HTMLButtonElement>) => void;
-    /** Størrelse på knappen
-     * @default "medium"
-     */
-    size?: 'medium' | 'small';
-    [key: string]: any;
-} & default_2.ButtonHTMLAttributes<HTMLButtonElement>;
-
-export declare const IconButton: IconButtonComponent;
-
-export declare type IconButtonBaseProps = {
-    /** Ikonet som du vil ha inne i knappen */
-    children: default_2.ReactNode;
-    /** Tekst som forklarer knappens handling. MÅ være satt hvis du ikke har en forklarende tooltip på knappen */
-    'aria-label'?: string;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Deaktivering av knappen
-     * @default false
-     */
-    disabled?: boolean;
-    /** HTML-elementet eller React-komponenten som lager knappen
-     * @default 'button'
-     */
-    as?: default_2.ElementType;
-    /**Størrelsen på knappen
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium';
-    /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
-     * @default false
-     */
-    loading?: boolean;
-};
-
-export declare type IconButtonComponent = <T extends default_2.ElementType = typeof defaultElement_10>(props: IconButtonProps<T>) => default_2.ReactElement | null;
-
-export declare type IconButtonProps<T extends default_2.ElementType> = PolymorphicComponentPropsWithRef<T, IconButtonBaseProps>;
-
-/**
- * Allows for inheriting the props from the specified element type so that
- * props like children, className & style work, as well as element-specific
- * attributes like aria roles. The component (`C`) must be passed in.
- */
-declare type InheritableElementProps<C extends default_2.ElementType, Props = Record<string, unknown>> = ExtendableProps<PropsOf<C>, Props>;
-
-export declare const NegativeButton: NegativeButtonComponent;
-
-export declare type NegativeButtonBaseProps = {
-    /** Størrelsen på knappen
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium' | 'large';
-    /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
-     * @default false
-     */
-    loading?: boolean;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Deaktivering av knappen
-     * @default false
-     */
-    disabled?: boolean;
-    /** Bredden på knappen.
-     * @default 'auto'
-     */
-    width?: 'fluid' | 'auto';
-    /** Innholdet i knappen */
-    children: default_2.ReactNode;
-};
-
-export declare type NegativeButtonComponent = <T extends default_2.ElementType = typeof defaultElement_5>(props: NegativeButtonProps<T>) => default_2.ReactElement | null;
-
-export declare type NegativeButtonProps<T extends default_2.ElementType> = PolymorphicComponentPropsWithRef<T, NegativeButtonBaseProps>;
-
-/**
- * A more sophisticated version of `InheritableElementProps` where
- * the passed in `as` prop will determine which props can be included
- */
-declare type PolymorphicComponentProps<C extends default_2.ElementType, Props = Record<string, unknown>> = InheritableElementProps<C, Props & AsProp<C>>;
-
-/**
- * A wrapper of `PolymorphicComponentProps` that also includes the `ref`
- * prop for the polymorphic component
- */
-declare type PolymorphicComponentPropsWithRef<C extends default_2.ElementType, Props = Record<string, unknown>> = PolymorphicComponentProps<C, Props> & {
-    ref?: PolymorphicRef<C>;
-};
-
-/**
- * Utility type to extract the `ref` prop from a polymorphic component
- */
-declare type PolymorphicRef<C extends default_2.ElementType> = default_2.ComponentPropsWithRef<C>['ref'];
-
-export declare const PrimaryButton: PrimaryButtonComponent;
-
-export declare type PrimaryButtonBaseProps = {
-    /** Størrelsen på knappen
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium' | 'large';
-    /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
-     * @default false
-     */
-    loading?: boolean;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Deaktivering av knappen
-     * @default false
-     */
-    disabled?: boolean;
-    /** Bredden på knappen.
-     * @default 'auto'
-     */
-    width?: 'fluid' | 'auto';
-    /** Innholdet i knappen */
-    children: default_2.ReactNode;
-};
-
-export declare type PrimaryButtonComponent = <T extends default_2.ElementType = typeof defaultElement_2>(props: PrimaryButtonProps<T>) => default_2.ReactElement | null;
-
-export declare type PrimaryButtonProps<T extends default_2.ElementType> = PolymorphicComponentPropsWithRef<T, PrimaryButtonBaseProps>;
-
-declare type PropsOf<C extends keyof JSX.IntrinsicElements | default_2.JSXElementConstructor<any>> = JSX.LibraryManagedAttributes<C, default_2.ComponentPropsWithoutRef<C>>;
-
-export declare const SecondaryButton: SecondaryButtonComponent;
-
-export declare type SecondaryButtonBaseProps = {
-    /** Størrelsen på knappen
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium' | 'large';
-    /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
-     * @default false
-     */
-    loading?: boolean;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Deaktivering av knappen
-     * @default false
-     */
-    disabled?: boolean;
-    /** Bredden på knappen.
-     * @default 'auto'
-     */
-    width?: 'fluid' | 'auto';
-    /** Innholdet i knappen */
-    children: default_2.ReactNode;
-};
-
-export declare type SecondaryButtonComponent = <T extends default_2.ElementType = typeof defaultElement_3>(props: SecondaryButtonProps<T>) => default_2.ReactElement | null;
-
-export declare type SecondaryButtonProps<T extends default_2.ElementType> = PolymorphicComponentPropsWithRef<T, SecondaryButtonBaseProps>;
-
-export declare const SecondarySquareButton: SecondarySquareButtonComponent;
-
-declare type SecondarySquareButtonBaseProps = {
-    /** Tekst og ikon, ikon og tekst, eller bare ikon */
-    children: default_2.ReactNode;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Deaktivering av knappen
-     * @default false
-     */
-    disabled?: boolean;
-    /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
-     * @default false
-     */
-    loading?: boolean;
-};
-
-export declare type SecondarySquareButtonComponent = <T extends default_2.ElementType = typeof defaultElement_7>(props: SecondarySquareButtonProps<T>) => default_2.ReactElement | null;
-
-export declare type SecondarySquareButtonProps<T extends default_2.ElementType> = PolymorphicComponentPropsWithRef<T, SecondarySquareButtonBaseProps>;
-
-export declare const SuccessButton: SuccessButtonComponent;
-
-export declare type SuccessButtonBaseProps = {
-    /** Størrelsen på knappen
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium' | 'large';
-    /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
-     * @default false
-     */
-    loading?: boolean;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Deaktivering av knappen
-     * @default false
-     */
-    disabled?: boolean;
-    /** Bredden på knappen.
-     * @default 'auto'
-     */
-    width?: 'fluid' | 'auto';
-    /** Innholdet i knappen */
-    children: default_2.ReactNode;
-};
-
-export declare type SuccessButtonComponent = <T extends default_2.ElementType = typeof defaultElement_4>(props: SuccessButtonProps<T>) => default_2.ReactElement | null;
-
-export declare type SuccessButtonProps<T extends default_2.ElementType> = PolymorphicComponentPropsWithRef<T, SuccessButtonBaseProps>;
-
-export declare const SuccessSquareButton: SuccessSquareButtonComponent;
-
-declare type SuccessSquareButtonBaseProps = {
-    /** Tekst og ikon, ikon og tekst, eller bare ikon */
-    children: default_2.ReactNode;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Deaktivering av knappen
-     * @default false
-     */
-    disabled?: boolean;
-    /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
-     * @default false
-     */
-    loading?: boolean;
-};
-
-export declare type SuccessSquareButtonComponent = <T extends default_2.ElementType = typeof defaultElement_8>(props: SuccessSquareButtonProps<T>) => default_2.ReactElement | null;
-
-export declare type SuccessSquareButtonProps<T extends default_2.ElementType> = PolymorphicComponentPropsWithRef<T, SuccessSquareButtonBaseProps>;
-
-/** @deprecated use variant="secondary" size="small" instead */
-declare const tertiary = "tertiary";
-
-/** @deprecated use SecondaryButton size="small" instead */
-export declare const TertiaryButton: TertiaryButtonComponent;
-
-export declare type TertiaryButtonBaseProps = {
-    /** Størrelsen på knappen
-     * @default 'medium'
-     */
-    size?: 'medium' | 'large';
-    /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
-     * @default false
-     */
-    loading?: boolean;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Deaktivering av knappen
-     * @default false
-     */
-    disabled?: boolean;
-    /** Bredden på knappen.
-     * @default 'auto'
-     */
-    width?: 'fluid' | 'auto';
-    /** Innholdet i knappen */
-    children: default_2.ReactNode;
-};
-
-export declare type TertiaryButtonComponent = <T extends default_2.ElementType = typeof defaultElement_6>(props: TertiaryButtonProps<T>) => default_2.ReactElement | null;
-
-export declare type TertiaryButtonProps<T extends default_2.ElementType> = PolymorphicComponentPropsWithRef<T, TertiaryButtonBaseProps>;
-
-export declare const TertiarySquareButton: TertiarySquareButtonComponent;
-
-declare type TertiarySquareButtonBaseProps = {
-    /** Tekst og ikon, ikon og tekst, eller bare ikon */
-    children: default_2.ReactNode;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Deaktivering av knappen
-     * @default false
-     */
-    disabled?: boolean;
-    /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
-     * @default false
-     */
-    loading?: boolean;
-    /** DOM-elementet knappen rendres som */
-    as?: string | default_2.ElementType;
-};
-
-export declare type TertiarySquareButtonComponent = <T extends default_2.ElementType = typeof defaultElement_9>(props: TertiarySquareButtonProps<T>) => default_2.ReactElement | null;
-
-export declare type TertiarySquareButtonProps<T extends default_2.ElementType> = PolymorphicComponentPropsWithRef<T, TertiarySquareButtonBaseProps>;
-
-export { }
+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/index.js

@@ -0,0 +1,8 @@
+
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./button.cjs.production.min.js')
+} else {
+  module.exports = require('./button.cjs.development.js')
+}