@entur/button 2.7.4 → 2.8.2

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.8.2](https://bitbucket.org/enturas/design-system/compare/@entur/button@2.8.1...@entur/button@2.8.2) (2022-05-13)
+
+**Note:** Version bump only for package @entur/button
+
+## [2.8.1](https://bitbucket.org/enturas/design-system/compare/@entur/button@2.8.0...@entur/button@2.8.1) (2022-04-27)
+
+**Note:** Version bump only for package @entur/button
+
+# [2.8.0](https://bitbucket.org/enturas/design-system/compare/@entur/button@2.7.4...@entur/button@2.8.0) (2022-02-09)
+
+### Features
+
+- **square button:** add tertiary square button style ([fe083e3](https://bitbucket.org/enturas/design-system/commits/fe083e3603cb3e037456f9485d5c71d4364d20ee))
+
 ## [2.7.4](https://bitbucket.org/enturas/design-system/compare/@entur/button@2.7.3...@entur/button@2.7.4) (2021-11-17)
 
 **Note:** Version bump only for package @entur/button

package/dist/BaseSquareButton.d.ts

@@ -7,7 +7,7 @@ export declare type BaseSquareButtonBaseProps = {
     /** Ekstra klassenavn */
     className?: string;
     /** En type knapp */
-    variant: 'success' | 'secondary';
+    variant: 'success' | 'secondary' | 'tertiary';
     /** Deaktivering av knappen
      * @default false
      */

package/dist/TertiarySquareButton.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { PolymorphicForwardRefExoticComponent, PolymorphicPropsWithRef } from '@entur/utils';
+export declare 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;
+};
+export declare type TertiarySquareButtonProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithRef<TertiarySquareButtonBaseProps, E>;
+declare const defaultElement = "button";
+export declare const TertiarySquareButton: PolymorphicForwardRefExoticComponent<TertiarySquareButtonBaseProps, typeof defaultElement>;
+export {};

package/dist/button.cjs.development.js

@@ -2,14 +2,53 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var utils = require('@entur/utils');
 var React = require('react');
-var React__default = _interopDefault(React);
-var classNames = _interopDefault(require('classnames'));
+var classNames = require('classnames');
 var loader = require('@entur/loader');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return 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__*/_interopNamespace(React);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -25,8 +64,9 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-var defaultElement = 'button';
-var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var _excluded$4 = ["as", "variant", "size", "loading", "className", "children", "disabled", "width"];
+var defaultElement$a = 'button';
+var Button = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var _cx;
 
   var as = _ref.as,
@@ -40,27 +80,27 @@ var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       _ref$width = _ref.width,
       width = _ref$width === void 0 ? 'auto' : _ref$width,
-      rest = _objectWithoutPropertiesLoose(_ref, ["as", "variant", "size", "loading", "className", "children", "disabled", "width"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
 
-  var Element = as || defaultElement;
-  var childrenArray = React.Children.toArray(children);
+  var Element = as || defaultElement$a;
+  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';
-  return React.createElement(Element, Object.assign({
-    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),
+  return React__namespace.createElement(Element, _extends({
+    className: classNames__default["default"]('eds-button', (_cx = {}, _cx["eds-button--variant-" + variant] = variant, _cx["eds-button--size-" + size] = size, _cx['eds-button--width-fluid'] = width === 'fluid', _cx['eds-button--loading'] = loading, _cx['eds-button--leading-icon'] = hasLeadingIcon, _cx['eds-button--trailing-icon'] = hasTrailingIcon, _cx), className),
     ref: ref,
     "aria-busy": loading,
     disabled: disabled,
     "aria-disabled": disabled
-  }, rest), loading ? React.createElement(loader.LoadingDots, {
+  }, rest), loading ? React__namespace.createElement(loader.LoadingDots, {
     className: "eds-button__loading-dots"
   }) : children);
 });
 
-var defaultElement$1 = 'button';
-var PrimaryButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$1;
-  return React__default.createElement(Button, Object.assign({
+var defaultElement$9 = 'button';
+var PrimaryButton = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  var Element = props.as || defaultElement$9;
+  return React__default["default"].createElement(Button, _extends({
     as: Element
   }, props, {
     ref: ref,
@@ -68,10 +108,10 @@ var PrimaryButton = /*#__PURE__*/React__default.forwardRef(function (props, ref)
   }));
 });
 
-var defaultElement$2 = 'button';
-var SecondaryButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$2;
-  return React__default.createElement(Button, Object.assign({
+var defaultElement$8 = 'button';
+var SecondaryButton = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  var Element = props.as || defaultElement$8;
+  return React__default["default"].createElement(Button, _extends({
     as: Element
   }, props, {
     ref: ref,
@@ -79,10 +119,10 @@ var SecondaryButton = /*#__PURE__*/React__default.forwardRef(function (props, re
   }));
 });
 
-var defaultElement$3 = 'button';
-var SuccessButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$3;
-  return React__default.createElement(Button, Object.assign({
+var defaultElement$7 = 'button';
+var SuccessButton = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  var Element = props.as || defaultElement$7;
+  return React__default["default"].createElement(Button, _extends({
     as: Element
   }, props, {
     ref: ref,
@@ -90,10 +130,10 @@ var SuccessButton = /*#__PURE__*/React__default.forwardRef(function (props, ref)
   }));
 });
 
-var defaultElement$4 = 'button';
-var NegativeButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$4;
-  return React__default.createElement(Button, Object.assign({
+var defaultElement$6 = 'button';
+var NegativeButton = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  var Element = props.as || defaultElement$6;
+  return React__default["default"].createElement(Button, _extends({
     as: Element
   }, props, {
     ref: ref,
@@ -102,9 +142,9 @@ var NegativeButton = /*#__PURE__*/React__default.forwardRef(function (props, ref
 });
 
 var defaultElement$5 = 'button';
-var TertiaryButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
+var TertiaryButton = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
   var Element = props.as || defaultElement$5;
-  return React__default.createElement(Button, Object.assign({
+  return React__default["default"].createElement(Button, _extends({
     as: Element
   }, props, {
     ref: ref,
@@ -112,27 +152,29 @@ var TertiaryButton = /*#__PURE__*/React__default.forwardRef(function (props, ref
   }));
 });
 
+var _excluded$3 = ["as", "className"];
 var ButtonGroup = function ButtonGroup(_ref) {
   var _ref$as = _ref.as,
       Element = _ref$as === void 0 ? 'div' : _ref$as,
       className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["as", "className"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
-  return React__default.createElement(Element, Object.assign({
-    className: classNames('eds-button-group', className)
+  return React__default["default"].createElement(Element, _extends({
+    className: classNames__default["default"]('eds-button-group', className)
   }, rest));
 };
 
+var _excluded$2 = ["className", "children", "size"];
 var FloatingButton = function FloatingButton(_ref) {
   var className = _ref.className,
       children = _ref.children,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'medium' : _ref$size,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "children", "size"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
 
-  return React__default.createElement("button", Object.assign({
-    className: classNames('eds-floating-button', {
-      'eds-floating-button--extended': React__default.Children.count(children) > 1
+  return React__default["default"].createElement("button", _extends({
+    className: classNames__default["default"]('eds-floating-button', {
+      'eds-floating-button--extended': React__default["default"].Children.count(children) > 1
     }, {
       'eds-floating-button--small': size === 'small'
     }, className),
@@ -141,13 +183,14 @@ var FloatingButton = function FloatingButton(_ref) {
 };
 
 var wrapStringsInSpans = function wrapStringsInSpans(children) {
-  return React__default.Children.map(children, function (child) {
-    return typeof child === 'string' ? React__default.createElement("span", null, child) : child;
+  return React__default["default"].Children.map(children, function (child) {
+    return typeof child === 'string' ? React__default["default"].createElement("span", null, child) : child;
   });
 };
 
-var defaultElement$6 = 'button';
-var BaseSquareButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var _excluded$1 = ["children", "className", "variant", "disabled", "loading", "as"];
+var defaultElement$4 = 'button';
+var BaseSquareButton = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       className = _ref.className,
       variant = _ref.variant,
@@ -156,14 +199,16 @@ var BaseSquareButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       _ref$loading = _ref.loading,
       loading = _ref$loading === void 0 ? false : _ref$loading,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "className", "variant", "disabled", "loading", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
 
-  var Element = as || defaultElement$6;
-  return React.createElement(Element, Object.assign({
-    className: classNames('eds-square-button', {
+  var Element = as || defaultElement$4;
+  return React__namespace.createElement(Element, _extends({
+    className: classNames__default["default"]('eds-square-button', {
       'eds-square-button--success': variant === 'success'
     }, {
       'eds-square-button--secondary': variant === 'secondary'
+    }, {
+      'eds-square-button--tertiary': variant === 'tertiary'
     }, {
       'eds-square-button--loading': loading
     }, className),
@@ -171,25 +216,25 @@ var BaseSquareButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     disabled: disabled,
     "aria-disabled": disabled,
     ref: ref
-  }, rest), React.Children.map(children, function (child) {
+  }, rest), React__namespace.Children.map(children, function (child) {
     if (typeof child === 'string') {
-      return React.createElement("span", {
+      return React__namespace.createElement("span", {
         className: "eds-square-button__label"
       }, child);
     }
 
-    return React.createElement("span", {
+    return React__namespace.createElement("span", {
       className: "eds-square-button__icon"
-    }, loading ? React.createElement(loader.LoadingDots, {
+    }, loading ? React__namespace.createElement(loader.LoadingDots, {
       className: "eds-square-button__loading-dots"
     }) : child);
   }));
 });
 
-var defaultElement$7 = 'button';
-var SecondarySquareButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$7;
-  return React__default.createElement(BaseSquareButton, Object.assign({
+var defaultElement$3 = 'button';
+var SecondarySquareButton = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  var Element = props.as || defaultElement$3;
+  return React__default["default"].createElement(BaseSquareButton, _extends({
     as: Element,
     ref: ref
   }, props, {
@@ -197,10 +242,10 @@ var SecondarySquareButton = /*#__PURE__*/React__default.forwardRef(function (pro
   }));
 });
 
-var defaultElement$8 = 'button';
-var SuccessSquareButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$8;
-  return React__default.createElement(BaseSquareButton, Object.assign({
+var defaultElement$2 = 'button';
+var SuccessSquareButton = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  var Element = props.as || defaultElement$2;
+  return React__default["default"].createElement(BaseSquareButton, _extends({
     as: Element,
     ref: ref
   }, props, {
@@ -208,8 +253,20 @@ var SuccessSquareButton = /*#__PURE__*/React__default.forwardRef(function (props
   }));
 });
 
-var defaultElement$9 = 'button';
-var IconButton = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
+var defaultElement$1 = 'button';
+var TertiarySquareButton = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  var Element = props.as || defaultElement$1;
+  return React__default["default"].createElement(BaseSquareButton, _extends({
+    as: Element,
+    ref: ref
+  }, props, {
+    variant: "tertiary"
+  }));
+});
+
+var _excluded = ["children", "className", "disabled", "size", "as", "loading"];
+var defaultElement = 'button';
+var IconButton = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var children = _ref.children,
       className = _ref.className,
       _ref$disabled = _ref.disabled,
@@ -217,17 +274,17 @@ var IconButton = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       size = _ref.size,
       as = _ref.as,
       loading = _ref.loading,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "className", "disabled", "size", "as", "loading"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  var Element = as || defaultElement$9;
-  return React__default.createElement(Element, Object.assign({
-    className: classNames('eds-icon-button', className, {
+  var Element = as || defaultElement;
+  return React__default["default"].createElement(Element, _extends({
+    className: classNames__default["default"]('eds-icon-button', className, {
       'eds-icon-button--disabled': disabled
     }, "eds-icon-button--size-" + size),
     disabled: disabled,
     "aria-disabled": disabled,
     ref: ref
-  }, rest), loading ? React__default.createElement(loader.LoadingDots, null) : children);
+  }, rest), loading ? React__default["default"].createElement(loader.LoadingDots, null) : children);
 });
 
 utils.warnAboutMissingStyles('button');
@@ -243,4 +300,5 @@ exports.SecondarySquareButton = SecondarySquareButton;
 exports.SuccessButton = SuccessButton;
 exports.SuccessSquareButton = SuccessSquareButton;
 exports.TertiaryButton = TertiaryButton;
+exports.TertiarySquareButton = TertiarySquareButton;
 //# sourceMappingURL=button.cjs.development.js.map

package/dist/button.cjs.development.js.map

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

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

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@entur/utils"),a=require("react"),n=e(a),s=e(require("classnames")),r=require("@entur/loader");function o(e,t){if(null==e)return{};var a,n,s={},r=Object.keys(e);for(n=0;n<r.length;n++)t.indexOf(a=r[n])>=0||(s[a]=e[a]);return s}var i=a.forwardRef((function(e,t){var n,i=e.as,u=e.variant,d=e.size,c=void 0===d?"medium":d,l=e.loading,b=e.className,f=e.children,m=e.disabled,g=void 0!==m&&m,v=e.width,p=void 0===v?"auto":v,y=o(e,["as","variant","size","loading","className","children","disabled","width"]),N=i||"button",h=a.Children.toArray(f),E=h.length>1&&"string"!=typeof h[0],j=h.length>1&&"string"!=typeof h[h.length-1];return a.createElement(N,Object.assign({className:s("eds-button",(n={},n["eds-button--variant-"+u]=u,n["eds-button--size-"+c]=c,n["eds-button--width-fluid"]="fluid"===p,n["eds-button--loading"]=l,n["eds-button--leading-icon"]=E,n["eds-button--trailing-icon"]=j,n),b),ref:t,"aria-busy":l,disabled:g,"aria-disabled":g},y),l?a.createElement(r.LoadingDots,{className:"eds-button__loading-dots"}):f)})),u=n.forwardRef((function(e,t){return n.createElement(i,Object.assign({as:e.as||"button"},e,{ref:t,variant:"primary"}))})),d=n.forwardRef((function(e,t){return n.createElement(i,Object.assign({as:e.as||"button"},e,{ref:t,variant:"secondary"}))})),c=n.forwardRef((function(e,t){return n.createElement(i,Object.assign({as:e.as||"button"},e,{ref:t,variant:"success"}))})),l=n.forwardRef((function(e,t){return n.createElement(i,Object.assign({as:e.as||"button"},e,{ref:t,variant:"negative"}))})),b=n.forwardRef((function(e,t){return n.createElement(i,Object.assign({as:e.as||"button"},e,{ref:t,variant:"tertiary"}))})),f=a.forwardRef((function(e,t){var n=e.children,i=e.className,u=e.variant,d=e.disabled,c=void 0!==d&&d,l=e.loading,b=void 0!==l&&l,f=e.as,m=o(e,["children","className","variant","disabled","loading","as"]);return a.createElement(f||"button",Object.assign({className:s("eds-square-button",{"eds-square-button--success":"success"===u},{"eds-square-button--secondary":"secondary"===u},{"eds-square-button--loading":b},i),"aria-busy":b,disabled:c,"aria-disabled":c,ref:t},m),a.Children.map(n,(function(e){return"string"==typeof e?a.createElement("span",{className:"eds-square-button__label"},e):a.createElement("span",{className:"eds-square-button__icon"},b?a.createElement(r.LoadingDots,{className:"eds-square-button__loading-dots"}):e)})))})),m=n.forwardRef((function(e,t){return n.createElement(f,Object.assign({as:e.as||"button",ref:t},e,{variant:"secondary"}))})),g=n.forwardRef((function(e,t){return n.createElement(f,Object.assign({as:e.as||"button",ref:t},e,{variant:"success"}))})),v=n.forwardRef((function(e,t){var a=e.children,i=e.className,u=e.disabled,d=void 0!==u&&u,c=e.size,l=e.as,b=e.loading,f=o(e,["children","className","disabled","size","as","loading"]);return n.createElement(l||"button",Object.assign({className:s("eds-icon-button",i,{"eds-icon-button--disabled":d},"eds-icon-button--size-"+c),disabled:d,"aria-disabled":d,ref:t},f),b?n.createElement(r.LoadingDots,null):a)}));t.warnAboutMissingStyles("button"),exports.Button=i,exports.ButtonGroup=function(e){var t=e.as,a=void 0===t?"div":t,r=e.className,i=o(e,["as","className"]);return n.createElement(a,Object.assign({className:s("eds-button-group",r)},i))},exports.FloatingButton=function(e){var t=e.className,a=e.children,r=e.size,i=void 0===r?"medium":r,u=o(e,["className","children","size"]);return n.createElement("button",Object.assign({className:s("eds-floating-button",{"eds-floating-button--extended":n.Children.count(a)>1},{"eds-floating-button--small":"small"===i},t),type:"button"},u),function(e){return n.Children.map(e,(function(e){return"string"==typeof e?n.createElement("span",null,e):e}))}(a))},exports.IconButton=v,exports.NegativeButton=l,exports.PrimaryButton=u,exports.SecondaryButton=d,exports.SecondarySquareButton=m,exports.SuccessButton=c,exports.SuccessSquareButton=g,exports.TertiaryButton=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),t=require("react"),a=require("classnames"),r=require("@entur/loader");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,t}var u=s(t),o=n(t),d=n(a);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},i.apply(this,arguments)}function l(e,t){if(null==e)return{};var a,r,n={},s=Object.keys(e);for(r=0;r<s.length;r++)t.indexOf(a=s[r])>=0||(n[a]=e[a]);return n}var c=["as","variant","size","loading","className","children","disabled","width"],f=u.forwardRef((function(e,t){var a,n=e.as,s=e.variant,o=e.size,f=void 0===o?"medium":o,b=e.loading,m=e.className,v=e.children,g=e.disabled,p=void 0!==g&&g,y=e.width,h=void 0===y?"auto":y,E=l(e,c),N=n||"button",w=u.Children.toArray(v),q=w.length>1&&"string"!=typeof w[0],x=w.length>1&&"string"!=typeof w[w.length-1];return u.createElement(N,i({className:d.default("eds-button",(a={},a["eds-button--variant-"+s]=s,a["eds-button--size-"+f]=f,a["eds-button--width-fluid"]="fluid"===h,a["eds-button--loading"]=b,a["eds-button--leading-icon"]=q,a["eds-button--trailing-icon"]=x,a),m),ref:t,"aria-busy":b,disabled:p,"aria-disabled":p},E),b?u.createElement(r.LoadingDots,{className:"eds-button__loading-dots"}):v)})),b=o.default.forwardRef((function(e,t){return o.default.createElement(f,i({as:e.as||"button"},e,{ref:t,variant:"primary"}))})),m=o.default.forwardRef((function(e,t){return o.default.createElement(f,i({as:e.as||"button"},e,{ref:t,variant:"secondary"}))})),v=o.default.forwardRef((function(e,t){return o.default.createElement(f,i({as:e.as||"button"},e,{ref:t,variant:"success"}))})),g=o.default.forwardRef((function(e,t){return o.default.createElement(f,i({as:e.as||"button"},e,{ref:t,variant:"negative"}))})),p=o.default.forwardRef((function(e,t){return o.default.createElement(f,i({as:e.as||"button"},e,{ref:t,variant:"tertiary"}))})),y=["as","className"],h=["className","children","size"],E=["children","className","variant","disabled","loading","as"],N=u.forwardRef((function(e,t){var a=e.children,n=e.className,s=e.variant,o=e.disabled,c=void 0!==o&&o,f=e.loading,b=void 0!==f&&f,m=e.as,v=l(e,E);return u.createElement(m||"button",i({className:d.default("eds-square-button",{"eds-square-button--success":"success"===s},{"eds-square-button--secondary":"secondary"===s},{"eds-square-button--tertiary":"tertiary"===s},{"eds-square-button--loading":b},n),"aria-busy":b,disabled:c,"aria-disabled":c,ref:t},v),u.Children.map(a,(function(e){return"string"==typeof e?u.createElement("span",{className:"eds-square-button__label"},e):u.createElement("span",{className:"eds-square-button__icon"},b?u.createElement(r.LoadingDots,{className:"eds-square-button__loading-dots"}):e)})))})),w=o.default.forwardRef((function(e,t){return o.default.createElement(N,i({as:e.as||"button",ref:t},e,{variant:"secondary"}))})),q=o.default.forwardRef((function(e,t){return o.default.createElement(N,i({as:e.as||"button",ref:t},e,{variant:"success"}))})),x=o.default.forwardRef((function(e,t){return o.default.createElement(N,i({as:e.as||"button",ref:t},e,{variant:"tertiary"}))})),B=["children","className","disabled","size","as","loading"],_=o.default.forwardRef((function(e,t){var a=e.children,n=e.className,s=e.disabled,u=void 0!==s&&s,c=e.size,f=e.as,b=e.loading,m=l(e,B);return o.default.createElement(f||"button",i({className:d.default("eds-icon-button",n,{"eds-icon-button--disabled":u},"eds-icon-button--size-"+c),disabled:u,"aria-disabled":u,ref:t},m),b?o.default.createElement(r.LoadingDots,null):a)}));e.warnAboutMissingStyles("button"),exports.Button=f,exports.ButtonGroup=function(e){var t=e.as,a=void 0===t?"div":t,r=e.className,n=l(e,y);return o.default.createElement(a,i({className:d.default("eds-button-group",r)},n))},exports.FloatingButton=function(e){var t=e.className,a=e.children,r=e.size,n=void 0===r?"medium":r,s=l(e,h);return o.default.createElement("button",i({className:d.default("eds-floating-button",{"eds-floating-button--extended":o.default.Children.count(a)>1},{"eds-floating-button--small":"small"===n},t),type:"button"},s),function(e){return o.default.Children.map(e,(function(e){return"string"==typeof e?o.default.createElement("span",null,e):e}))}(a))},exports.IconButton=_,exports.NegativeButton=g,exports.PrimaryButton=b,exports.SecondaryButton=m,exports.SecondarySquareButton=w,exports.SuccessButton=v,exports.SuccessSquareButton=q,exports.TertiaryButton=p,exports.TertiarySquareButton=x;
 //# sourceMappingURL=button.cjs.production.min.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.cjs.production.min.js","sources":["../src/Button.tsx","../src/PrimaryButton.tsx","../src/SecondaryButton.tsx","../src/SuccessButton.tsx","../src/NegativeButton.tsx","../src/TertiaryButton.tsx","../src/BaseSquareButton.tsx","../src/SecondarySquareButton.tsx","../src/SuccessSquareButton.tsx","../src/IconButton.tsx","../src/index.tsx","../src/ButtonGroup.tsx","../src/FloatingButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport cx from 'classnames';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\nimport { LoadingDots } from '@entur/loader';\nimport './Button.scss';\n\ntype ButtonBaseProps = {\n  /** Farge og uttrykk på knappen */\n  variant: 'primary' | 'secondary' | 'success' | 'negative' | 'tertiary';\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen.\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nconst defaultElement = 'button';\n\nexport type ButtonProps<\n  T extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<ButtonBaseProps, T>;\n\nexport const Button: PolymorphicForwardRefExoticComponent<\n  ButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      as,\n      variant,\n      size = 'medium',\n      loading,\n      className,\n      children,\n      disabled = false,\n      width = 'auto',\n      ...rest\n    }: PolymorphicPropsWithoutRef<ButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    const childrenArray = React.Children.toArray(children);\n    const hasLeadingIcon =\n      childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n    const hasTrailingIcon =\n      childrenArray.length > 1 &&\n      typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n    return (\n      <Element\n        className={cx(\n          'eds-button',\n          {\n            [`eds-button--variant-${variant}`]: variant,\n            [`eds-button--size-${size}`]: size,\n            'eds-button--width-fluid': width === 'fluid',\n            'eds-button--loading': loading,\n            'eds-button--leading-icon': hasLeadingIcon,\n            'eds-button--trailing-icon': hasTrailingIcon,\n          },\n          className,\n        )}\n        ref={ref}\n        aria-busy={loading}\n        disabled={disabled}\n        aria-disabled={disabled}\n        {...rest}\n      >\n        {loading ? (\n          <LoadingDots className=\"eds-button__loading-dots\" />\n        ) : (\n          children\n        )}\n      </Element>\n    );\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type PrimaryButtonBaseProps = {\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen.\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nexport type PrimaryButtonProps<\n  T extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<PrimaryButtonBaseProps, T>;\n\nconst defaultElement = 'button';\n\nexport const PrimaryButton: PolymorphicForwardRefExoticComponent<\n  PrimaryButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<PrimaryButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"primary\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n  PolymorphicPropsWithoutRef,\n} from '@entur/utils';\n\nexport type SecondaryButtonBaseProps = {\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nexport type SecondaryButtonProps<\n  T extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<SecondaryButtonBaseProps, T>;\n\nconst defaultElement = 'button';\n\nexport const SecondaryButton: PolymorphicForwardRefExoticComponent<\n  SecondaryButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<SecondaryButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"secondary\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\n\ntype SuccessButtonBaseProps = {\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nexport type SuccessButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<SuccessButtonBaseProps, E>;\n\nconst defaultElement = 'button';\n\nexport const SuccessButton: PolymorphicForwardRefExoticComponent<\n  SuccessButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<SuccessButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"success\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n  PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\nexport type NegativeButtonBaseProps = {\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen.\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n  as?: 'button' | React.ElementType;\n};\n\nexport type NegativeButtonProps<\n  T extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<NegativeButtonBaseProps, T>;\n\nconst defaultElement = 'button';\n\nexport const NegativeButton: PolymorphicForwardRefExoticComponent<\n  NegativeButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<NegativeButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"negative\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n  PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\nexport type TertiaryButtonBaseProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nexport type TertiaryButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<TertiaryButtonBaseProps, E>;\n\nconst defaultElement = 'button';\n\nexport const TertiaryButton: PolymorphicForwardRefExoticComponent<\n  TertiaryButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<TertiaryButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"tertiary\" />;\n  },\n);\n","import * as React from 'react';\nimport classNames from 'classnames';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\nimport { LoadingDots } from '@entur/loader';\nimport './BaseSquareButton.scss';\n\nexport type BaseSquareButtonBaseProps = {\n  /** Tekst og ikon */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** En type knapp */\n  variant: 'success' | 'secondary';\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n};\n\nexport type BaseSquareButtonProps<\n  T extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<BaseSquareButtonBaseProps, T>;\n\nconst defaultElement = 'button';\n\nexport const BaseSquareButton: PolymorphicForwardRefExoticComponent<\n  BaseSquareButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      children,\n      className,\n      variant,\n      disabled = false,\n      loading = false,\n      as,\n      ...rest\n    }: PolymorphicPropsWithoutRef<BaseSquareButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    return (\n      <Element\n        className={classNames(\n          'eds-square-button',\n          { 'eds-square-button--success': variant === 'success' },\n          { 'eds-square-button--secondary': variant === 'secondary' },\n          { 'eds-square-button--loading': loading },\n          className,\n        )}\n        aria-busy={loading}\n        disabled={disabled}\n        aria-disabled={disabled}\n        ref={ref}\n        {...rest}\n      >\n        {React.Children.map(children, child => {\n          if (typeof child === 'string') {\n            return <span className=\"eds-square-button__label\">{child}</span>;\n          }\n          return (\n            <span className=\"eds-square-button__icon\">\n              {loading ? (\n                <LoadingDots className=\"eds-square-button__loading-dots\" />\n              ) : (\n                child\n              )}\n            </span>\n          );\n        })}\n      </Element>\n    );\n  },\n);\n","import React from 'react';\nimport { BaseSquareButton } from './BaseSquareButton';\nimport {\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type SecondarySquareButtonBaseProps = {\n  /** Tekst og ikon, ikon og tekst, eller bare ikon */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n};\n\nexport type SecondarySquareButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<SecondarySquareButtonBaseProps, E>;\n\nconst defaultElement = 'button';\n\nexport const SecondarySquareButton: PolymorphicForwardRefExoticComponent<\n  SecondarySquareButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<SecondarySquareButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return (\n      <BaseSquareButton as={Element} ref={ref} {...props} variant=\"secondary\" />\n    );\n  },\n);\n","import React from 'react';\nimport { BaseSquareButton } from './BaseSquareButton';\nimport {\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n  PolymorphicPropsWithoutRef,\n} from '@entur/utils';\n\ntype SuccessSquareButtonBaseProps = {\n  /** Tekst og ikon, ikon og tekst, eller bare ikon */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n};\n\nexport type SuccessSquareButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<SuccessSquareButtonBaseProps, E>;\n\nconst defaultElement = 'button';\n\nexport const SuccessSquareButton: PolymorphicForwardRefExoticComponent<\n  SuccessSquareButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<SuccessSquareButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return (\n      <BaseSquareButton as={Element} ref={ref} {...props} variant=\"success\" />\n    );\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\nimport { LoadingDots } from '@entur/loader';\nimport './IconButton.scss';\n\nexport type IconButtonBaseProps = {\n  /** Ikonet som du vil ha inne i knappen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** HTML-elementet eller React-komponenten som lager knappen\n   * @default 'button'\n   */\n  as?: React.ElementType;\n  /**Størrelsen på knappen\n   * @default \"medium\"\n   */\n  size?: 'small' | 'medium';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n};\n\nconst defaultElement = 'button';\n\nexport type IconButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<IconButtonBaseProps, E>;\n\nexport const IconButton: PolymorphicForwardRefExoticComponent<\n  IconButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <E extends React.ElementType = typeof defaultElement>(\n    {\n      children,\n      className,\n      disabled = false,\n      size,\n      as,\n      loading,\n      ...rest\n    }: PolymorphicPropsWithoutRef<IconButtonBaseProps, E>,\n    ref: React.ForwardedRef<React.ElementRef<E>>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    return (\n      <Element\n        className={classNames(\n          'eds-icon-button',\n          className,\n          {\n            'eds-icon-button--disabled': disabled,\n          },\n          `eds-icon-button--size-${size}`,\n        )}\n        disabled={disabled}\n        aria-disabled={disabled}\n        ref={ref}\n        {...rest}\n      >\n        {loading ? <LoadingDots /> : children}\n      </Element>\n    );\n  },\n);\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('button');\n\nexport * from './Button';\nexport * from './PrimaryButton';\nexport * from './SecondaryButton';\nexport * from './SuccessButton';\nexport * from './NegativeButton';\nexport * from './TertiaryButton';\nexport * from './ButtonGroup';\nexport * from './FloatingButton';\nexport * from './SecondarySquareButton';\nexport * from './SuccessSquareButton';\nexport * from './IconButton';\n","import React from 'react';\nimport classNames from 'classnames';\nimport './ButtonGroup.scss';\n\nexport type ButtonGroupProps = {\n  /** To eller flere Button-komponenter */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** HTML-elementet eller React-komponenten som lages\n   * @default \"div\"\n   */\n  as?: string | React.ElementType;\n  [key: string]: any;\n};\n\nexport const ButtonGroup: React.FC<ButtonGroupProps> = ({\n  as: Element = 'div',\n  className,\n  ...rest\n}) => {\n  return (\n    <Element className={classNames('eds-button-group', className)} {...rest} />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './FloatingButton.scss';\n\nexport type FloatingButtonProps = {\n  /** Beskrivende tekst for skjermlesere */\n  'aria-label': string;\n  /** Ikon eller ikon-og-tekst */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Callback når knappen klikkes */\n  onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Størrelse på knappen\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'small';\n  [key: string]: any;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const FloatingButton: React.FC<FloatingButtonProps> = ({\n  className,\n  children,\n  size = 'medium',\n  ...rest\n}) => {\n  return (\n    <button\n      className={classNames(\n        'eds-floating-button',\n        { 'eds-floating-button--extended': React.Children.count(children) > 1 },\n        { 'eds-floating-button--small': size === 'small' },\n        className,\n      )}\n      type=\"button\"\n      {...rest}\n    >\n      {wrapStringsInSpans(children)}\n    </button>\n  );\n};\n\nconst wrapStringsInSpans = (children: React.ReactNode) =>\n  React.Children.map(children, child =>\n    typeof child === 'string' ? <span>{child}</span> : child,\n  );\n"],"names":["Button","React","ref","as","variant","size","loading","className","children","disabled","width","rest","Element","childrenArray","toArray","hasLeadingIcon","length","hasTrailingIcon","cx","LoadingDots","PrimaryButton","forwardRef","props","SecondaryButton","SuccessButton","NegativeButton","TertiaryButton","BaseSquareButton","classNames","map","child","SecondarySquareButton","SuccessSquareButton","IconButton","warnAboutMissingStyles","Children","count","type","wrapStringsInSpans"],"mappings":"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"}
+{"version":3,"file":"button.cjs.production.min.js","sources":["../src/Button.tsx","../src/PrimaryButton.tsx","../src/SecondaryButton.tsx","../src/SuccessButton.tsx","../src/NegativeButton.tsx","../src/TertiaryButton.tsx","../src/BaseSquareButton.tsx","../src/SecondarySquareButton.tsx","../src/SuccessSquareButton.tsx","../src/TertiarySquareButton.tsx","../src/IconButton.tsx","../src/index.tsx","../src/ButtonGroup.tsx","../src/FloatingButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport cx from 'classnames';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\nimport { LoadingDots } from '@entur/loader';\nimport './Button.scss';\n\ntype ButtonBaseProps = {\n  /** Farge og uttrykk på knappen */\n  variant: 'primary' | 'secondary' | 'success' | 'negative' | 'tertiary';\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen.\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nconst defaultElement = 'button';\n\nexport type ButtonProps<\n  T extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<ButtonBaseProps, T>;\n\nexport const Button: PolymorphicForwardRefExoticComponent<\n  ButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      as,\n      variant,\n      size = 'medium',\n      loading,\n      className,\n      children,\n      disabled = false,\n      width = 'auto',\n      ...rest\n    }: PolymorphicPropsWithoutRef<ButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    const childrenArray = React.Children.toArray(children);\n    const hasLeadingIcon =\n      childrenArray.length > 1 && typeof childrenArray[0] !== 'string';\n    const hasTrailingIcon =\n      childrenArray.length > 1 &&\n      typeof childrenArray[childrenArray.length - 1] !== 'string';\n\n    return (\n      <Element\n        className={cx(\n          'eds-button',\n          {\n            [`eds-button--variant-${variant}`]: variant,\n            [`eds-button--size-${size}`]: size,\n            'eds-button--width-fluid': width === 'fluid',\n            'eds-button--loading': loading,\n            'eds-button--leading-icon': hasLeadingIcon,\n            'eds-button--trailing-icon': hasTrailingIcon,\n          },\n          className,\n        )}\n        ref={ref}\n        aria-busy={loading}\n        disabled={disabled}\n        aria-disabled={disabled}\n        {...rest}\n      >\n        {loading ? (\n          <LoadingDots className=\"eds-button__loading-dots\" />\n        ) : (\n          children\n        )}\n      </Element>\n    );\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type PrimaryButtonBaseProps = {\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen.\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nexport type PrimaryButtonProps<\n  T extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<PrimaryButtonBaseProps, T>;\n\nconst defaultElement = 'button';\n\nexport const PrimaryButton: PolymorphicForwardRefExoticComponent<\n  PrimaryButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<PrimaryButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"primary\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n  PolymorphicPropsWithoutRef,\n} from '@entur/utils';\n\nexport type SecondaryButtonBaseProps = {\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nexport type SecondaryButtonProps<\n  T extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<SecondaryButtonBaseProps, T>;\n\nconst defaultElement = 'button';\n\nexport const SecondaryButton: PolymorphicForwardRefExoticComponent<\n  SecondaryButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<SecondaryButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"secondary\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\n\ntype SuccessButtonBaseProps = {\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nexport type SuccessButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<SuccessButtonBaseProps, E>;\n\nconst defaultElement = 'button';\n\nexport const SuccessButton: PolymorphicForwardRefExoticComponent<\n  SuccessButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<SuccessButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"success\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n  PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\nexport type NegativeButtonBaseProps = {\n  /** Størrelsen på knappen\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Bredden på knappen.\n   * @default 'auto'\n   */\n  width?: 'fluid' | 'auto';\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n  as?: 'button' | React.ElementType;\n};\n\nexport type NegativeButtonProps<\n  T extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<NegativeButtonBaseProps, T>;\n\nconst defaultElement = 'button';\n\nexport const NegativeButton: PolymorphicForwardRefExoticComponent<\n  NegativeButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<NegativeButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"negative\" />;\n  },\n);\n","import React from 'react';\nimport { Button } from './Button';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n  PolymorphicForwardRefExoticComponent,\n} from '@entur/utils';\n\nexport type TertiaryButtonBaseProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n  /** Innholdet i knappen */\n  children: React.ReactNode;\n};\n\nexport type TertiaryButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<TertiaryButtonBaseProps, E>;\n\nconst defaultElement = 'button';\n\nexport const TertiaryButton: PolymorphicForwardRefExoticComponent<\n  TertiaryButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<TertiaryButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return <Button as={Element} {...props} ref={ref} variant=\"tertiary\" />;\n  },\n);\n","import * as React from 'react';\nimport classNames from 'classnames';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\nimport { LoadingDots } from '@entur/loader';\nimport './BaseSquareButton.scss';\n\nexport type BaseSquareButtonBaseProps = {\n  /** Tekst og ikon */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** En type knapp */\n  variant: 'success' | 'secondary' | 'tertiary';\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n};\n\nexport type BaseSquareButtonProps<\n  T extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<BaseSquareButtonBaseProps, T>;\n\nconst defaultElement = 'button';\n\nexport const BaseSquareButton: PolymorphicForwardRefExoticComponent<\n  BaseSquareButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    {\n      children,\n      className,\n      variant,\n      disabled = false,\n      loading = false,\n      as,\n      ...rest\n    }: PolymorphicPropsWithoutRef<BaseSquareButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    return (\n      <Element\n        className={classNames(\n          'eds-square-button',\n          { 'eds-square-button--success': variant === 'success' },\n          { 'eds-square-button--secondary': variant === 'secondary' },\n          { 'eds-square-button--tertiary': variant === 'tertiary' },\n          { 'eds-square-button--loading': loading },\n          className,\n        )}\n        aria-busy={loading}\n        disabled={disabled}\n        aria-disabled={disabled}\n        ref={ref}\n        {...rest}\n      >\n        {React.Children.map(children, child => {\n          if (typeof child === 'string') {\n            return <span className=\"eds-square-button__label\">{child}</span>;\n          }\n          return (\n            <span className=\"eds-square-button__icon\">\n              {loading ? (\n                <LoadingDots className=\"eds-square-button__loading-dots\" />\n              ) : (\n                child\n              )}\n            </span>\n          );\n        })}\n      </Element>\n    );\n  },\n);\n","import React from 'react';\nimport { BaseSquareButton } from './BaseSquareButton';\nimport {\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type SecondarySquareButtonBaseProps = {\n  /** Tekst og ikon, ikon og tekst, eller bare ikon */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n};\n\nexport type SecondarySquareButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<SecondarySquareButtonBaseProps, E>;\n\nconst defaultElement = 'button';\n\nexport const SecondarySquareButton: PolymorphicForwardRefExoticComponent<\n  SecondarySquareButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<SecondarySquareButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return (\n      <BaseSquareButton as={Element} ref={ref} {...props} variant=\"secondary\" />\n    );\n  },\n);\n","import React from 'react';\nimport { BaseSquareButton } from './BaseSquareButton';\nimport {\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n  PolymorphicPropsWithoutRef,\n} from '@entur/utils';\n\ntype SuccessSquareButtonBaseProps = {\n  /** Tekst og ikon, ikon og tekst, eller bare ikon */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n};\n\nexport type SuccessSquareButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<SuccessSquareButtonBaseProps, E>;\n\nconst defaultElement = 'button';\n\nexport const SuccessSquareButton: PolymorphicForwardRefExoticComponent<\n  SuccessSquareButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<SuccessSquareButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return (\n      <BaseSquareButton as={Element} ref={ref} {...props} variant=\"success\" />\n    );\n  },\n);\n","import React from 'react';\nimport { BaseSquareButton } from './BaseSquareButton';\nimport {\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithoutRef,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\n\nexport type TertiarySquareButtonBaseProps = {\n  /** Tekst og ikon, ikon og tekst, eller bare ikon */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n};\n\nexport type TertiarySquareButtonProps<\n  E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithRef<TertiarySquareButtonBaseProps, E>;\n\nconst defaultElement = 'button';\n\nexport const TertiarySquareButton: PolymorphicForwardRefExoticComponent<\n  TertiarySquareButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <T extends React.ElementType = typeof defaultElement>(\n    props: PolymorphicPropsWithoutRef<TertiarySquareButtonBaseProps, T>,\n    ref: React.ForwardedRef<React.ElementRef<T>>,\n  ) => {\n    const Element: React.ElementType = props.as || defaultElement;\n    return (\n      <BaseSquareButton as={Element} ref={ref} {...props} variant=\"tertiary\" />\n    );\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport {\n  PolymorphicPropsWithoutRef,\n  PolymorphicForwardRefExoticComponent,\n  PolymorphicPropsWithRef,\n} from '@entur/utils';\nimport { LoadingDots } from '@entur/loader';\nimport './IconButton.scss';\n\nexport type IconButtonBaseProps = {\n  /** Ikonet som du vil ha inne i knappen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Deaktivering av knappen\n   * @default false\n   */\n  disabled?: boolean;\n  /** HTML-elementet eller React-komponenten som lager knappen\n   * @default 'button'\n   */\n  as?: React.ElementType;\n  /**Størrelsen på knappen\n   * @default \"medium\"\n   */\n  size?: 'small' | 'medium';\n  /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe\n   * @default false\n   */\n  loading?: boolean;\n};\n\nconst defaultElement = 'button';\n\nexport type IconButtonProps<\n  E extends React.ElementType = typeof defaultElement\n> = PolymorphicPropsWithRef<IconButtonBaseProps, E>;\n\nexport const IconButton: PolymorphicForwardRefExoticComponent<\n  IconButtonBaseProps,\n  typeof defaultElement\n> = React.forwardRef(\n  <E extends React.ElementType = typeof defaultElement>(\n    {\n      children,\n      className,\n      disabled = false,\n      size,\n      as,\n      loading,\n      ...rest\n    }: PolymorphicPropsWithoutRef<IconButtonBaseProps, E>,\n    ref: React.ForwardedRef<React.ElementRef<E>>,\n  ) => {\n    const Element: React.ElementType = as || defaultElement;\n    return (\n      <Element\n        className={classNames(\n          'eds-icon-button',\n          className,\n          {\n            'eds-icon-button--disabled': disabled,\n          },\n          `eds-icon-button--size-${size}`,\n        )}\n        disabled={disabled}\n        aria-disabled={disabled}\n        ref={ref}\n        {...rest}\n      >\n        {loading ? <LoadingDots /> : children}\n      </Element>\n    );\n  },\n);\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('button');\n\nexport * from './Button';\nexport * from './PrimaryButton';\nexport * from './SecondaryButton';\nexport * from './SuccessButton';\nexport * from './NegativeButton';\nexport * from './TertiaryButton';\nexport * from './ButtonGroup';\nexport * from './FloatingButton';\nexport * from './SecondarySquareButton';\nexport * from './SuccessSquareButton';\nexport * from './TertiarySquareButton';\nexport * from './IconButton';\n","import React from 'react';\nimport classNames from 'classnames';\nimport './ButtonGroup.scss';\n\nexport type ButtonGroupProps = {\n  /** To eller flere Button-komponenter */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** HTML-elementet eller React-komponenten som lages\n   * @default \"div\"\n   */\n  as?: string | React.ElementType;\n  [key: string]: any;\n};\n\nexport const ButtonGroup: React.FC<ButtonGroupProps> = ({\n  as: Element = 'div',\n  className,\n  ...rest\n}) => {\n  return (\n    <Element className={classNames('eds-button-group', className)} {...rest} />\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './FloatingButton.scss';\n\nexport type FloatingButtonProps = {\n  /** Beskrivende tekst for skjermlesere */\n  'aria-label': string;\n  /** Ikon eller ikon-og-tekst */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Callback når knappen klikkes */\n  onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Størrelse på knappen\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'small';\n  [key: string]: any;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const FloatingButton: React.FC<FloatingButtonProps> = ({\n  className,\n  children,\n  size = 'medium',\n  ...rest\n}) => {\n  return (\n    <button\n      className={classNames(\n        'eds-floating-button',\n        { 'eds-floating-button--extended': React.Children.count(children) > 1 },\n        { 'eds-floating-button--small': size === 'small' },\n        className,\n      )}\n      type=\"button\"\n      {...rest}\n    >\n      {wrapStringsInSpans(children)}\n    </button>\n  );\n};\n\nconst wrapStringsInSpans = (children: React.ReactNode) =>\n  React.Children.map(children, child =>\n    typeof child === 'string' ? <span>{child}</span> : child,\n  );\n"],"names":["Button","React","forwardRef","ref","as","variant","size","loading","className","children","disabled","width","rest","Element","childrenArray","Children","toArray","hasLeadingIcon","length","hasTrailingIcon","cx","LoadingDots","PrimaryButton","props","SecondaryButton","SuccessButton","NegativeButton","TertiaryButton","BaseSquareButton","classNames","map","child","SecondarySquareButton","SuccessSquareButton","TertiarySquareButton","IconButton","warnAboutMissingStyles","count","type","wrapStringsInSpans"],"mappings":"+7BAyCaA,EAGTC,EAAMC,YACR,WAYEC,SAVEC,IAAAA,GACAC,IAAAA,YACAC,KAAAA,aAAO,WACPC,IAAAA,QACAC,IAAAA,UACAC,IAAAA,aACAC,SAAAA,oBACAC,MAAAA,aAAQ,SACLC,SAICC,EAA6BT,GAxBhB,SAyBbU,EAAgBb,EAAMc,SAASC,QAAQP,GACvCQ,EACJH,EAAcI,OAAS,GAAiC,iBAArBJ,EAAc,GAC7CK,EACJL,EAAcI,OAAS,GAC4B,iBAA5CJ,EAAcA,EAAcI,OAAS,UAG5CjB,gBAACY,KACCL,UAAWY,UACT,4CAE0Bf,GAAYA,wBACfC,GAASA,IAC9B,2BAAqC,UAAVK,IAC3B,uBAAuBJ,IACvB,4BAA4BU,IAC5B,6BAA6BE,KAE/BX,GAEFL,IAAKA,cACMI,EACXG,SAAUA,kBACKA,GACXE,GAEHL,EACCN,gBAACoB,eAAYb,UAAU,6BAEvBC,MCrDGa,EAGTrB,UAAMC,YACR,SACEqB,EACApB,UAGOF,wBAACD,KAAOI,GADoBmB,EAAMnB,IAVtB,UAWamB,GAAOpB,IAAKA,EAAKE,QAAQ,gBCThDmB,EAGTvB,UAAMC,YACR,SACEqB,EACApB,UAGOF,wBAACD,KAAOI,GADoBmB,EAAMnB,IAVtB,UAWamB,GAAOpB,IAAKA,EAAKE,QAAQ,kBCThDoB,EAGTxB,UAAMC,YACR,SACEqB,EACApB,UAGOF,wBAACD,KAAOI,GADoBmB,EAAMnB,IAVtB,UAWamB,GAAOpB,IAAKA,EAAKE,QAAQ,gBCRhDqB,EAGTzB,UAAMC,YACR,SACEqB,EACApB,UAGOF,wBAACD,KAAOI,GADoBmB,EAAMnB,IAVtB,UAWamB,GAAOpB,IAAKA,EAAKE,QAAQ,iBClBhDsB,EAGT1B,UAAMC,YACR,SACEqB,EACApB,UAGOF,wBAACD,KAAOI,GADoBmB,EAAMnB,IAVtB,UAWamB,GAAOpB,IAAKA,EAAKE,QAAQ,uICLhDuB,EAGT3B,EAAMC,YACR,WAUEC,OAREM,IAAAA,SACAD,IAAAA,UACAH,IAAAA,YACAK,SAAAA,oBACAH,QAAAA,gBACAH,IAAAA,GACGQ,gBAMHX,gBAFiCG,GAlBhB,YAqBfI,UAAWqB,UACT,oBACA,8BAA4C,YAAZxB,GAChC,gCAA8C,cAAZA,GAClC,+BAA6C,aAAZA,GACjC,8BAAgCE,GAChCC,eAESD,EACXG,SAAUA,kBACKA,EACfP,IAAKA,GACDS,GAEHX,EAAMc,SAASe,IAAIrB,GAAU,SAAAsB,SACP,iBAAVA,EACF9B,wBAAMO,UAAU,4BAA4BuB,GAGnD9B,wBAAMO,UAAU,2BACbD,EACCN,gBAACoB,eAAYb,UAAU,oCAEvBuB,UC9CHC,EAGT/B,UAAMC,YACR,SACEqB,EACApB,UAIEF,wBAAC2B,KAAiBxB,GAFemB,EAAMnB,IAVtB,SAYcD,IAAKA,GAASoB,GAAOlB,QAAQ,kBCVrD4B,EAGThC,UAAMC,YACR,SACEqB,EACApB,UAIEF,wBAAC2B,KAAiBxB,GAFemB,EAAMnB,IAVtB,SAYcD,IAAKA,GAASoB,GAAOlB,QAAQ,gBCVrD6B,EAGTjC,UAAMC,YACR,SACEqB,EACApB,UAIEF,wBAAC2B,KAAiBxB,GAFemB,EAAMnB,IAVtB,SAYcD,IAAKA,GAASoB,GAAOlB,QAAQ,6ECArD8B,EAGTlC,UAAMC,YACR,WAUEC,OAREM,IAAAA,SACAD,IAAAA,cACAE,SAAAA,gBACAJ,IAAAA,KACAF,IAAAA,GACAG,IAAAA,QACGK,gBAMHX,wBAFiCG,GAtBhB,YAyBfI,UAAWqB,UACT,kBACArB,EACA,6BAC+BE,4BAENJ,GAE3BI,SAAUA,kBACKA,EACfP,IAAKA,GACDS,GAEHL,EAAUN,wBAACoB,oBAAiBZ,MCpErC2B,yBAAuB,+CCagC,oBACrDhC,GAAIS,aAAU,QACdL,IAAAA,UACGI,gBAGDX,wBAACY,KAAQL,UAAWqB,UAAW,mBAAoBrB,IAAgBI,4BCFV,gBAC3DJ,IAAAA,UACAC,IAAAA,aACAH,KAAAA,aAAO,WACJM,gBAGDX,oCACEO,UAAWqB,UACT,sBACA,iCAAmC5B,UAAMc,SAASsB,MAAM5B,GAAY,GACpE,8BAAyC,UAATH,GAChCE,GAEF8B,KAAK,UACD1B,GAOiB,SAACH,UAC1BR,UAAMc,SAASe,IAAIrB,GAAU,SAAAsB,SACV,iBAAVA,EAAqB9B,oCAAO8B,GAAgBA,KAPhDQ,CAAmB9B"}

package/dist/button.esm.js

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

package/dist/button.esm.js.map

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

package/dist/index.d.ts

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

package/dist/styles.css

@@ -19,7 +19,9 @@ a.eds-button--size-large {
   font-size: inherit;
   cursor: pointer;
   display: inline-block;
-  appearance: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
   text-decoration: none;
   padding: 0 1rem;
   height: 3rem;
@@ -273,7 +275,9 @@ a.eds-button--size-large {
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-floating-button {
   align-items: center;
-  appearance: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
   background: #181c56;
   border: 0;
   border-radius: 1.5rem;
@@ -341,7 +345,9 @@ a.eds-button--size-large {
   --icon-background: transparent;
   --border-color: transparent;
   align-items: center;
-  appearance: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
   background: transparent;
   border: 0;
   border-radius: 0.25rem;
@@ -436,4 +442,48 @@ a.eds-button--size-large {
 .eds-square-button__label + .eds-square-button__icon,
 .eds-square-button__icon + .eds-square-button__label {
   margin-left: 1rem;
+}
+
+.eds-square-button--tertiary {
+  --icon-background: transparent;
+  --border-color: #181c56;
+  font-size: 0.875rem;
+}
+.eds-square-button--tertiary .eds-square-button__label + .eds-square-button__icon,
+.eds-square-button--tertiary .eds-square-button__icon + .eds-square-button__label {
+  margin-left: 0.75rem;
+}
+.eds-square-button--tertiary .eds-square-button__icon {
+  height: 2rem;
+  width: 2rem;
+  border-width: 0.0625rem;
+}
+.eds-square-button--tertiary .eds-square-button__loading-dots .eds-loading-dots__dot {
+  background: #181c56;
+}
+.eds-square-button--tertiary:hover {
+  --icon-background: #d1d4e3;
+}
+.eds-square-button--tertiary:active {
+  --icon-background: #181c56;
+  --icon-color: #ffffff;
+}
+.eds-square-button--tertiary:active .eds-square-button__loading-dots .eds-loading-dots__dot {
+  background: #ffffff;
+}
+.eds-contrast .eds-square-button--tertiary {
+  --border-color: #ffffff;
+}
+.eds-contrast .eds-square-button--tertiary:hover {
+  --icon-background: rgba(255, 255, 255, 0.2);
+}
+.eds-contrast .eds-square-button--tertiary:active {
+  --icon-background: #ffffff;
+  --icon-color: #181c56;
+}
+.eds-contrast .eds-square-button--tertiary:active .eds-square-button__loading-dots .eds-loading-dots__dot {
+  background: #181c56;
+}
+.eds-contrast .eds-square-button--tertiary .eds-square-button__loading-dots .eds-loading-dots__dot {
+  background: #ffffff;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/button",
-  "version": "2.7.4",
+  "version": "2.8.2",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/button.esm.js",
@@ -17,22 +17,22 @@
     "access": "public"
   },
   "scripts": {
-    "start": "tsdx watch --noClean",
-    "build": "tsdx build",
-    "test": "tsdx test --env=jsdom",
-    "lint": "tsdx lint"
+    "start": "dts watch --noClean",
+    "build": "dts build",
+    "test": "dts test --env=jsdom",
+    "lint": "dts lint"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/loader": "^0.4.4",
-    "@entur/utils": "^0.4.2",
+    "@entur/loader": "^0.4.7",
+    "@entur/utils": "^0.4.3",
     "classnames": "^2.3.1"
   },
   "devDependencies": {
-    "@entur/tokens": "^3.3.0"
+    "@entur/tokens": "^3.3.2"
   },
-  "gitHead": "6255452bbbb124b6569095cf08f96143873a7f8e"
+  "gitHead": "9e25b2a4a4ab659dc368f51ad0e0b74bee26e1d0"
 }