@entur/button 3.3.13-beta.1 → 3.3.13-beta.11

package/dist/Button.d.ts

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import { PolymorphicComponentPropsWithRef } from '@entur/utils';
+import './Button.scss';
+/** @deprecated use variant="secondary" size="small" instead */
+declare const tertiary = "tertiary";
+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.ReactNode;
+    /** Et HTML-element eller en React-komponent som komponenten tar utgangspunkt i for å lage denne knappevarianten
+     * @default "button"
+     */
+    as?: string | React.ElementType;
+    /**
+     * Tekst som leses opp på skjermleser (nødvendig når knappetekst mangler)
+     */
+    'aria-label'?: string;
+};
+declare const defaultElement = "button";
+export type ButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, ButtonBaseProps>;
+export type ButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: ButtonProps<T>) => React.ReactElement | null;
+export declare const Button: ButtonComponent;
+export {};

package/dist/ButtonGroup.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './ButtonGroup.scss';
+export type ButtonGroupProps = {
+    /** To eller flere Button-komponenter */
+    children: React.ReactNode;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** HTML-elementet eller React-komponenten som lages
+     * @default "div"
+     */
+    as?: string | React.ElementType;
+    [key: string]: any;
+};
+export declare const ButtonGroup: React.FC<ButtonGroupProps>;

package/dist/FloatingButton.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import './FloatingButton.scss';
+export type FloatingButtonProps = {
+    /** Beskrivende tekst for skjermlesere */
+    'aria-label': string;
+    /** Ikon eller ikon-og-tekst */
+    children: React.ReactNode;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Callback når knappen klikkes */
+    onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Størrelse på knappen
+     * @default "medium"
+     */
+    size?: 'medium' | 'small';
+    [key: string]: any;
+} & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const FloatingButton: React.FC<FloatingButtonProps>;

package/dist/IconButton.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { PolymorphicComponentPropsWithRef } from '@entur/utils';
+import './IconButton.scss';
+export type IconButtonBaseProps = {
+    /** Ikonet som du vil ha inne i knappen */
+    children: React.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?: React.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;
+};
+declare const defaultElement = "button";
+export type IconButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, IconButtonBaseProps>;
+export type IconButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: IconButtonProps<T>) => React.ReactElement | null;
+export declare const IconButton: IconButtonComponent;
+export {};

package/dist/NegativeButton.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { PolymorphicComponentPropsWithRef } from '@entur/utils';
+export 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: React.ReactNode;
+};
+export type NegativeButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, NegativeButtonBaseProps>;
+export type NegativeButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: NegativeButtonProps<T>) => React.ReactElement | null;
+declare const defaultElement = "button";
+export declare const NegativeButton: NegativeButtonComponent;
+export {};

package/dist/PrimaryButton.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { PolymorphicComponentPropsWithRef } from '@entur/utils';
+export 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: React.ReactNode;
+};
+export type PrimaryButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, PrimaryButtonBaseProps>;
+export type PrimaryButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: PrimaryButtonProps<T>) => React.ReactElement | null;
+declare const defaultElement = "button";
+export declare const PrimaryButton: PrimaryButtonComponent;
+export {};

package/dist/SecondaryButton.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { PolymorphicComponentPropsWithRef } from '@entur/utils';
+export 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: React.ReactNode;
+};
+export type SecondaryButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, SecondaryButtonBaseProps>;
+export type SecondaryButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: SecondaryButtonProps<T>) => React.ReactElement | null;
+declare const defaultElement = "button";
+export declare const SecondaryButton: SecondaryButtonComponent;
+export {};

package/dist/SecondarySquareButton.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { PolymorphicComponentPropsWithRef } from '@entur/utils';
+type SecondarySquareButtonBaseProps = {
+    /** Tekst og ikon, ikon og tekst, eller bare ikon */
+    children: React.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 type SecondarySquareButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, SecondarySquareButtonBaseProps>;
+export type SecondarySquareButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: SecondarySquareButtonProps<T>) => React.ReactElement | null;
+declare const defaultElement = "button";
+export declare const SecondarySquareButton: SecondarySquareButtonComponent;
+export {};

package/dist/SquareButton.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { PolymorphicComponentPropsWithRef } from '@entur/utils';
+import './SquareButton.scss';
+export type SquareButtonBaseProps = {
+    /** Tekst og ikon */
+    children: React.ReactNode;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** En type knapp */
+    variant?: 'success' | 'secondary' | 'tertiary';
+    /** 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 | React.ElementType;
+};
+export type SquareButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, SquareButtonBaseProps>;
+export type SquareButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: SquareButtonProps<T>) => React.ReactElement | null;
+declare const defaultElement = "button";
+export declare const SquareButton: SquareButtonComponent;
+export {};

package/dist/SuccessButton.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { PolymorphicComponentPropsWithRef } from '@entur/utils';
+export 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: React.ReactNode;
+};
+export type SuccessButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, SuccessButtonBaseProps>;
+export type SuccessButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: SuccessButtonProps<T>) => React.ReactElement | null;
+declare const defaultElement = "button";
+export declare const SuccessButton: SuccessButtonComponent;
+export {};

package/dist/SuccessSquareButton.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { PolymorphicComponentPropsWithRef } from '@entur/utils';
+type SuccessSquareButtonBaseProps = {
+    /** Tekst og ikon, ikon og tekst, eller bare ikon */
+    children: React.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 type SuccessSquareButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, SuccessSquareButtonBaseProps>;
+export type SuccessSquareButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: SuccessSquareButtonProps<T>) => React.ReactElement | null;
+declare const defaultElement = "button";
+export declare const SuccessSquareButton: SuccessSquareButtonComponent;
+export {};

package/dist/TertiaryButton.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { PolymorphicComponentPropsWithRef } from '@entur/utils';
+export 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: React.ReactNode;
+};
+export type TertiaryButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, TertiaryButtonBaseProps>;
+export type TertiaryButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: TertiaryButtonProps<T>) => React.ReactElement | null;
+declare const defaultElement = "button";
+/** @deprecated use SecondaryButton size="small" instead */
+export declare const TertiaryButton: TertiaryButtonComponent;
+export {};

package/dist/TertiarySquareButton.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { PolymorphicComponentPropsWithRef } from '@entur/utils';
+type TertiarySquareButtonBaseProps = {
+    /** Tekst og ikon, ikon og tekst, eller bare ikon */
+    children: React.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 | React.ElementType;
+};
+export type TertiarySquareButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, TertiarySquareButtonBaseProps>;
+export type TertiarySquareButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: TertiarySquareButtonProps<T>) => React.ReactElement | null;
+declare const defaultElement = "button";
+export declare const TertiarySquareButton: TertiarySquareButtonComponent;
+export {};

package/dist/button.cjs.development.js

@@ -0,0 +1,309 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@entur/utils');
+var React = require('react');
+var classNames = require('classnames');
+var loader = require('@entur/loader');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return n;
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+
+var _excluded$4 = ["as", "children", "variant", "size", "loading", "className", "disabled", "width", "aria-label"];
+var defaultElement$9 = 'button';
+var Button = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
+  var _cx;
+  var as = _ref.as,
+    children = _ref.children,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    loading = _ref.loading,
+    className = _ref.className,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 'auto' : _ref$width,
+    ariaLabel = _ref['aria-label'],
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+  var Element = as || defaultElement$9;
+  var childrenArray = React__namespace.Children.toArray(children);
+  var hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== 'string';
+  var hasTrailingIcon = childrenArray.length > 1 && typeof childrenArray[childrenArray.length - 1] !== 'string';
+  var ariaLabelWhenLoading = childrenArray.filter(function (child) {
+    return typeof child === 'string';
+  }).join(' ');
+  var ariaLabelValue = function ariaLabelValue() {
+    if (ariaLabel) return ariaLabel;
+    if (loading) return ariaLabelWhenLoading;
+    return undefined;
+  };
+  return React__namespace.createElement(Element, _extends({
+    className: classNames('eds-button', (_cx = {}, _cx["eds-button--variant-" + variant] = variant, _cx["eds-button--size-" + size] = size, _cx['eds-button--width-fluid'] = width === 'fluid', _cx['eds-button--loading'] = loading, _cx['eds-button--leading-icon'] = hasLeadingIcon, _cx['eds-button--trailing-icon'] = hasTrailingIcon, _cx), className),
+    ref: ref,
+    "aria-busy": loading,
+    disabled: disabled,
+    "aria-disabled": disabled,
+    "aria-label": ariaLabelValue()
+  }, rest), loading ? React__namespace.createElement(loader.LoadingDots, {
+    className: "eds-button__loading-dots"
+  }) : children);
+});
+
+var defaultElement$8 = 'button';
+var PrimaryButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var Element = props.as || defaultElement$8;
+  // @ts-expect-error type error due to props not being BaseButtonProps
+  return React.createElement(Button, _extends({
+    as: Element
+  }, props, {
+    ref: ref,
+    variant: "primary"
+  }));
+});
+
+var defaultElement$7 = 'button';
+var SecondaryButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var Element = props.as || defaultElement$7;
+  // @ts-expect-error type error due to props not being BaseButtonProps
+  return React.createElement(Button, _extends({
+    as: Element
+  }, props, {
+    ref: ref,
+    variant: "secondary"
+  }));
+});
+
+var defaultElement$6 = 'button';
+var SuccessButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var Element = props.as || defaultElement$6;
+  // @ts-expect-error type error due to props not being BaseButtonProps
+  return React.createElement(Button, _extends({
+    as: Element
+  }, props, {
+    ref: ref,
+    variant: "success"
+  }));
+});
+
+var defaultElement$5 = 'button';
+var NegativeButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var Element = props.as || defaultElement$5;
+  // @ts-expect-error type error due to props not being BaseButtonProps
+  return React.createElement(Button, _extends({
+    as: Element
+  }, props, {
+    ref: ref,
+    variant: "negative"
+  }));
+});
+
+var defaultElement$4 = 'button';
+/** @deprecated use SecondaryButton size="small" instead */
+var TertiaryButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var Element = props.as || defaultElement$4;
+  return React.createElement(Button, _extends({
+    as: Element
+  }, props, {
+    ref: ref,
+    variant: "tertiary",
+    size: "small"
+  }));
+});
+
+var _excluded$3 = ["as", "className"];
+var ButtonGroup = function ButtonGroup(_ref) {
+  var _ref$as = _ref.as,
+    Element = _ref$as === void 0 ? 'div' : _ref$as,
+    className = _ref.className,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+  return React.createElement(Element, _extends({
+    className: classNames('eds-button-group', className)
+  }, rest));
+};
+
+var _excluded$2 = ["className", "children", "size"];
+var FloatingButton = function FloatingButton(_ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+  return React.createElement("button", _extends({
+    className: classNames('eds-floating-button', {
+      'eds-floating-button--extended': React.Children.count(children) > 1
+    }, {
+      'eds-floating-button--small': size === 'small'
+    }, className),
+    type: "button"
+  }, rest), wrapStringsInSpans(children));
+};
+var wrapStringsInSpans = function wrapStringsInSpans(children) {
+  return React.Children.map(children, function (child) {
+    return typeof child === 'string' ? React.createElement("span", null, child) : child;
+  });
+};
+
+var _excluded$1 = ["as", "children", "className", "disabled", "loading", "variant"];
+var defaultElement$3 = 'button';
+var SquareButton = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
+  var as = _ref.as,
+    children = _ref.children,
+    className = _ref.className,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'secondary' : _ref$variant,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+  var Element = as || defaultElement$3;
+  return React__namespace.createElement(Element, _extends({
+    className: classNames('eds-square-button', "eds-square-button--" + variant, {
+      'eds-square-button--loading': loading
+    }, className),
+    "aria-busy": loading,
+    disabled: disabled,
+    "aria-disabled": disabled,
+    ref: ref
+  }, rest), React__namespace.Children.map(children, function (child) {
+    if (typeof child === 'string') {
+      return React__namespace.createElement("span", {
+        className: "eds-square-button__label"
+      }, child);
+    }
+    return React__namespace.createElement("span", {
+      className: "eds-square-button__button"
+    }, loading ? React__namespace.createElement(loader.LoadingDots, {
+      className: "eds-square-button__loading-dots"
+    }) : child);
+  }));
+});
+
+var defaultElement$2 = 'button';
+var SecondarySquareButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var Element = props.as || defaultElement$2;
+  return (
+    // @ts-expect-error type error due to props not being BaseButtonProps
+    React.createElement(SquareButton, _extends({
+      as: Element,
+      ref: ref
+    }, props, {
+      variant: "secondary"
+    }))
+  );
+});
+
+var defaultElement$1 = 'button';
+var SuccessSquareButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var Element = props.as || defaultElement$1;
+  return (
+    // @ts-expect-error type error due to props not being BaseButtonProps
+    React.createElement(SquareButton, _extends({
+      as: Element,
+      ref: ref
+    }, props, {
+      variant: "success"
+    }))
+  );
+});
+
+var TertiarySquareButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return React.createElement(SquareButton, _extends({
+    ref: ref
+  }, props, {
+    variant: "tertiary"
+  }));
+});
+
+var _excluded = ["children", "className", "disabled", "size", "as", "loading"];
+var defaultElement = 'button';
+var IconButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    as = _ref.as,
+    loading = _ref.loading,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var Element = as || defaultElement;
+  var IconWithAriaHidden = React.Children.map(children, function (child) {
+    if (React.isValidElement(child)) {
+      // @ts-expect-error aria-hidden does, in fact, exist
+      return React.cloneElement(child, {
+        'aria-hidden': true
+      });
+    }
+    return child;
+  });
+  var iconButtonElement = React.createElement(Element, _extends({
+    className: classNames('eds-icon-button', className, {
+      'eds-icon-button--disabled': disabled
+    }, "eds-icon-button--size-" + size),
+    disabled: disabled,
+    "aria-disabled": disabled,
+    "aria-busy": loading,
+    ref: ref
+  }, rest), loading ? React.createElement(loader.LoadingDots, null) : React.createElement(React.Fragment, null, IconWithAriaHidden));
+  if (disabled) {
+    return React.createElement("div", {
+      className: "eds-icon-button--disabled__wrapper"
+    }, iconButtonElement);
+  }
+  return React.createElement(React.Fragment, null, iconButtonElement);
+});
+
+utils.warnAboutMissingStyles('button');
+
+exports.Button = Button;
+exports.ButtonGroup = ButtonGroup;
+exports.FloatingButton = FloatingButton;
+exports.IconButton = IconButton;
+exports.NegativeButton = NegativeButton;
+exports.PrimaryButton = PrimaryButton;
+exports.SecondaryButton = SecondaryButton;
+exports.SecondarySquareButton = SecondarySquareButton;
+exports.SuccessButton = SuccessButton;
+exports.SuccessSquareButton = SuccessSquareButton;
+exports.TertiaryButton = TertiaryButton;
+exports.TertiarySquareButton = TertiarySquareButton;
+//# sourceMappingURL=button.cjs.development.js.map